/**************************************************** Project: IPCC File: styles.css Creator: VIM Interactive, Inc. / Reef Light Interactive Copyright: (c) 2011 - VIM Interactive, Inc. / Reef Light Interactive ****************************************************/ /***************************** clearfix *****************************/ /* For modern browsers */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .cf { zoom:1; } /***************************** normalize.css - http://github.com/necolas/normalize.css *****************************/ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls */ audio:not([controls]) { display: none } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none } /***************************** Base *****************************/ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * 2. Keeps page centred in all browsers regardless of content height * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom */ html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 3 */ } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0 } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ body, button, input, select, textarea { font-family: sans-serif } /***************************** Links *****************************/ a { color: #00e } a:visited { color: #551a8b } /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted } /* Improves readability when focused and also mouse hovered in all browsers */ a:hover, a:active { outline: 0 } /***************************** Typography *****************************/ /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted } /* Addresses style set to 'bolder' in FF3/4, S4/5, Chrome */ b, strong { font-weight: bold } blockquote { margin: 1em 40px } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic } /* Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* Corrects font family set oddly in IE6, S4/5, Chrome */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75% } /* Prevents sub and sup affecting line-height in all browsers */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em } sub { bottom: -0.25em } /***************************** Lists *****************************/ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px } nav ul, nav ol { list-style: none; list-style-image: none; } /***************************** Embedded content *****************************/ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden } /***************************** Figures *****************************/ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0 } /***************************** Forms *****************************/ /* Corrects margin displayed oddly in IE6/7 */ form { margin: 0 } /* Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Addresses excess padding in IE8/9 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } /* Corrects inner padding and border displayed oddly in FF3/4 */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /***************************** Tables - Removes most spacing between table cells *****************************/ table { border-collapse: collapse; border-spacing: 0; } /***************************** Helper Classes *****************************/ .left { float: left; display: inline; } .right { float: right; display: inline; } /***************************** Global Styles *****************************/ body { border-top: 5px solid #2d6eab; background:#eef4fe url(http://ipcc-wg2.org/SREX//images/site/bg_body.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #192a45; } h1, h2, h3, h4, h5, h6 { font-family: 'Ubuntu', sans-serif; color: #1a407f; line-height: 1.4em; } a { color: #d52d09; } a:visited { color: #d52d09; } a:focus { outline:none; } /* font display without using heading codes -- added by Yuka (3/21/12) */ .h4font { font-family: 'Ubuntu', sans-serif; color: #1a407f; font-weight: bold; } .h3font { font-family: 'Ubuntu', sans-serif; color: #1a407f; font-weight: bold; font-size: 16px; } /************* Tables Added by Yuka ***************/ /*- no border (set below) 11/16/11 */ .basic table { width: 100%; border-top: none; border-bottom: none; padding-bottom: none; margin-bottom: none; border: 0px; } .basic td { border:0px; padding: 5px; } Table.noBorder { border: 0px; margin: 5px; padding 5px; } Table.noBorder td { border: 0px; margin: 5px; padding 5px; } Table.noBorder2 { border: 0px; margin: 1px; padding 1px; } Table.noBorder2 td { border: 0px; margin: 0px; padding 0px; } /* Text containing table (03/12/12) */ } Table.textbox { border-top: 1px solid #aecdec; border-bottom: 1px solid #aecdec; border-right: 1px solid #aecdec; border-left: 1px solid #aecdec; margin: 0px; padding 0px; background: #f5f9ff; } Table.textbox td { border-top: 1px solid #aecdec; border-bottom: 1px solid #aecdec; border-right: 1px solid #aecdec; border-left: 1px solid #aecdec; background: #f5f9ff; margin: 15px; padding 15px; } /*********END *********/ /* *********************************** Table styles added by Yuka (3/06/12) for e-Launch ***************************************/ Table #boxTable { vertical-align: middle; background-color:#F8F8FF; margin: 10px 10px !important; width: 100%; color: #1b293f; font-size: 13px; font-family: Arial, sans-serif; border-top: 1px solid #cedff1; border-bottom: 1px solid #4e93cb; padding-bottom: 1px; margin-bottom: 1px; } /* Table .boxTable td { vertical-align: middle; background-color:#F8F8FF; margin-right: 20px !important; color: #1b293f; padding: 0 10px; }*/ /*********END *********/ /********* Rob's table *********/ table.robtable { font-family: verdana,arial,sans-serif; font-size:8px; color:#333333; border: 0px; margin: 50px; /*border-width: 1px;*/ /*border-color: #666666;*/ /*border-collapse: collapse;*/ table-layout: fixed; width: 500px; } table.robtable th { border: 5px; border-width: 2px; padding: 20px; border-style: solid; border-color: #666666; background-color: #dedede; height:5px; } table.robtable td { border: 5px; border-width: 2px; padding: 20px; border-style: solid; border-color: #666666; background-color: #ffffff; height:5px; } /* TABLES */ table { margin: 10px 0; width: 100%; color: #1b293f; font-size: 13px; font-family: Arial, sans-serif; border-top: 1px solid #cedff1; border-bottom: 1px solid #4e93cb; padding-bottom: 1px; margin-bottom: 1px; } table th { color: #fff; text-transform: uppercase; background: #4e93cb; height: 45px; text-align: center; font-family: 'Ubuntu', sans-serif; } table th, table td { border-left:1px solid #cedff1; border-right:1px solid #cedff1; border-bottom:1px solid #cedff1; padding: 5px 10px; } /* *********************************** Table styles added by Yuka (11/16/11) ***************************************/ .tdbleufonce { background-color:#0165bb; color:#FFFFFF; padding: 5px; /* added 5/6/09 */ } .tdlight { vertical-align: middle; background-color:#F8F8FF; /* padding: 5px; <-- overwrite default padding setting */ } .tableTitle { /* for author list */ background-color:#0165bb; color:#FFFFFF; padding: 5px; font-size: 1.1em; } .tdbleumoyen { background-color:#87a2d7; color:#FFFFFF; /* padding: 5px; added 5/6/09 */ } .tdbleuclair { background-color:#e0e5f1; padding: 5px; /* added 5/6/09 */ } .tdbleufonce h1, .tdbleumoyen h2 { color:#FFFFFF; } .tdtitle { background-color:#87a2d7; color:#FFFFFF; padding: 5px; text-align: left; } .tdnavy { background-color:#00008B; color:#FFFFFF; text-weight : normal; padding: 5px; } .tdbasic { background-color:#F5F5F5; } .tdgreenish { background-color:#AFC7C7; color: #fff; } .tdnavy a:link, .tdnavy a:visited, .tdnavy a:active { color:#FFFFFF; text-weight : bold; } /**** End Addition **************/ #clouds { background:url(http://ipcc-wg2.org/SREX//images/site/bg_clouds.jpg) no-repeat 50% 0; width:100%; margin:0 auto; padding: 0; } #wrapper { width: 968px; margin: 0 auto; } #header { text-shadow:0 1px 1px #346196; position: relative; background:url(http://ipcc-wg2.org/SREX//images/site/bg_header.png) no-repeat center bottom; height: 176px; } #header h1 { margin: 0; padding: 20px 0 0 14px; font-family: 'Ubuntu', sans-serif; font-size: 20px; color: #fff; font-weight: normal; line-height: 1em; } #header p { font-size: 13px; color: #fff; line-height: 1.6em; padding: 0; margin: 8px 0 0 14px; } #logos { position: absolute; top:20px; right:19px; } .fact_sheet { background:url(http://ipcc-wg2.org/SREX//images/site/btn_fact_sheet.png) no-repeat; width: 133px; height: 36px; display: block; text-indent: -9999px; font-size: 1%; position: absolute; left:34px; bottom:13px; } /* global navigation */ .nav { margin: 0; padding: 0; position: absolute; bottom:13px; left:192px; } .nav li { float: left; list-style:none; } .nav li a { float: left; color: #101b2d; text-decoration: none; text-shadow: 0 1px 0 #fff; font-size: 13px; font-weight: bold; margin:0 5px; padding:10px 14px; border-bottom:1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .nav li a:hover, .nav li.here a, .nav li.parent-here a { background:#c5e3ff; color: #0a5599; border-bottom:1px solid #fff; } /* social icons */ .social { position: absolute; padding: 0; margin: 0; bottom:16px; right:36px; } .social li { float: left; list-style:none; } .social li a { float: left; display: block; width: 32px; height: 32px; text-indent: -9999px; font-size: 1%; } .twitter { background:url(http://ipcc-wg2.org/SREX//images/site/icon_twitter.png) no-repeat; } .facebook { background:url(http://ipcc-wg2.org/SREX//images/site/icon_facebook.png) no-repeat; margin-left:7px; } #content { padding: 0; margin: 0; background:url(http://ipcc-wg2.org/SREX//images/site/bg_content.png) repeat-y center top; } #content_bottom { height: 6px; background:url(http://ipcc-wg2.org/SREX//images/site/bg_content_bottom.png) no-repeat; margin: 0; padding: 0; } #footer_links { text-align: center; margin:0 auto; padding:40px 0; } #footer_links li { display: inline; padding:0 10px; } #footer_links li a { color: #1d3968; } /* download file type icons (added by Yuka 11/15/11) */ .ipdf { padding-left:15px; padding-top:2px; background:url(http://ipcc-wg2.org/SREX//images/site/icon-pdf.jpg); background-repeat:no-repeat; } .iGo { padding-left:30px; padding-top:-2px; background:url(http://ipcc-wg2.org/SREX//images/site/btn_go.png); background-repeat:no-repeat; /*background-position: -2px -5px;*/ } /***************************** Homepage Styles *****************************/ #hp_col_wrapper { border-bottom: 1px solid #dee4ef; margin:0 4px; } #hp_col1 { float: left; display: inline; margin-left: 31px; } #hp_col1 h1 { font-size: 45px; margin:50px 0 0 0; } #hp_col1 h2 { font-size: 21px; font-weight: normal; line-height: 1.6em; } #hp_col1 img { margin-top: 33px; } .btn_policymaker { margin-right: 20px; } #hp_col2 { float: right; display: inline; width: 404px; height: 336px; margin:37px 31px 40px 0; padding: 0; background:url(http://ipcc-wg2.org/SREX//images/site/bg_hp_col2.jpg) no-repeat; position: relative; } #hp_col2 p { position: absolute; bottom:16px; left:36px; } #hp_col2 p a { font-weight: bold; } #hp_col2 .vl { height: 269px; display: block; } #hp_stats { background:url(http://ipcc-wg2.org/SREX//images/site/bg_stats.png) no-repeat center 100px; height: 290px; position: relative; } #hp_stats h2 { text-align: center; font-size: 27px; font-weight: normal; margin: 0; padding: 30px 0; } #stats1 { position: absolute; top:100px; left:35px; text-align: center; width:278px; } #stats2 { position: absolute; top:100px; left:345px; text-align: center; width:278px; } #stats3 { position: absolute; top:100px; left:656px; text-align: center; width:278px; } .stat_number { font-size: 90px; font-family: 'Ubuntu', sans-serif; margin: 0; padding:9px 0 14px 0; } .stat_name { color: #fff; font-size: 14px; font-family: 'Ubuntu', sans-serif; padding: 0; margin: 0; text-shadow:0 1px 1px #555; } #hp_col1 .btn { display: block; width: 224px; height: 101px; text-indent: -9000px; float:left; margin: 20px 10px; } #btn_summary_for_policymaker { background:url(http://ipcc-wg2.org/SREX//images/site/btn_summary_for_policymaker.png) no-repeat -2px -3px; } a#btn_summary_for_policymaker:hover { background-position: -2px -122px; } a#btn_summary_for_policymaker:active, a#btn_summary_for_policymaker:visited { background-position: -2px -241px; } #btn_full_srex_report { background:url(http://ipcc-wg2.org/SREX//images/site/btn_full_srex_report.png) no-repeat -2px -3px; } a#btn_full_srex_report:hover { background-position: -2px -122px; } a#btn_full_srex_report:active, a#btn_full_srex_report:visited { background-position: -2px -241px; } /***************************** Subpage Styles *****************************/ .col1 { float: right; display: inline; width: 635px; margin:33px 35px 35px 0; line-height: 1.6em; } .col2 { float: left; display: inline; width: 220px; margin:33px 0 35px 35px; } .portlet { background:url(http://ipcc-wg2.org/SREX//images/site/bg_portlet.png) no-repeat; margin:0 0 22px 0; } .portlet_inner { background:url(http://ipcc-wg2.org/SREX//images/site/bg_portlet_bottom.png) no-repeat left bottom; padding-bottom: 3px; } .portlet h2 { color: #fff; font-size: 13px; text-transform: uppercase; text-shadow:0 1px 1px #24619b; margin: 0; padding: 0; height: 43px; line-height: 41px; text-align: center; } .portlet .portlet_nav { margin: 0; padding:20px 10px 20px 20px; list-style-type: none; } .portlet .portlet_nav.custom { padding: 10px 10px 10px 20px; border-top: 1px solid #b6cee6; } .portlet .portlet_nav a { text-decoration: none; } .portlet .portlet_nav a:hover { text-decoration: underline; } .porlet .portlet_nav li { color: #6689ad; } .portlet .portlet_nav li a { color: #005bb3; font-size: 13px; line-height: 2em; padding-left: 15px; background:url(http://ipcc-wg2.org/SREX//images/site/li_images.png) no-repeat 0 5px; } .portlet .portlet_nav li a:hover { color: #003e7a; } .portlet .portlet_nav li.here a { color: #d22807; background-position: 0 -29px; } .portlet .portlet_nav li.here li a { color: #005bb3; background-position: 0 -65px; } .portlet .portlet_nav li li.here a { background-position: 0 -104px; } .portlet .portlet_nav ul { margin: 0 0 0 20px; padding:0; } .portlet .portlet_nav ul li { list-style:none; } .portlet .portlet_nav ul li a{ background-position: 0 -65px; padding-left: 15px; } .portlet p { margin:20px; line-height: 1.6em; } .portlet .portlet_nav ul ul { display: none; } /***************************** Reports Styles (Added by Yuka 11/16/11) *****************************/ /***************************** Contributors Page Styles *****************************/ .listing h1 { clear:both; } .author { margin:8px 8px 25px 8px; width: 139px; height: 350px; float: left; } .author p { line-height: 1em; } .author img { border: 1px solid #4e545d; } .contributing { padding-left: 10px; } .contributing li { float:left; width: 280px; margin-right: 20px; } .contributing li.last { margin-right: 0px; } .author p strong { color: #1a407f; font-family: 'Ubuntu', sans-serif; font-size: 16px; line-height: 1.3em; } p span { color: #4e93cb; } .world_map { margin: 10px 0 40px; } /* Fancy table overrides */ table.fancy { text-align: right; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } table.fancy table td { border: 1px solid #cedff1; } table.fancy th { border-bottom:1px solid #cedff1; } table.fancy td { border-bottom: 1px solid transparent; } table.fancy tr .tal { text-align: left; } table.fancy th.clear { background-color: transparent; border:none; } table.fancy tr.total td { color: #000; background-color: #ddebf6; text-transform: uppercase; font-weight: bold; } /***************************** Process Page *****************************/ #process { background: url(http://ipcc-wg2.org/SREX/images/site/process_bg.png) no-repeat; width: 630px; height: 655px; position: relative; } #process a { display: block; background: url(http://ipcc-wg2.org/SREX/images/site/process_blocks.png) no-repeat; color: #fff; text-shadow: 0px 1px 1px #a22c00; text-decoration: none; text-align: center; font-size: 11px; font-family: 'Ubuntu', sans-serif; font-weight: 400; padding: 10px 8px 6px 8px; line-height: 12px; margin: 5px; position: absolute; } #process a span { display: none; padding: 25px 25px; width: 186px; height: 195px; background: url(http://ipcc-wg2.org/SREX/images/site/process_popup.png) no-repeat; position: absolute; top:-232px; left:-45px; color: #0e2943; text-shadow:none; text-align: left; font-family: Arial, Helvetica, sans-serif; } #process a.big_popup span { width: 301px; height: 326px; top:-361px; left:-95px; background: url(http://ipcc-wg2.org/SREX/images/site/process_big_popup.png) no-repeat; } #process a.mid_popup span { width: 240px; height: 306px; top:-338px; left:-70px; background: url(http://ipcc-wg2.org/SREX/images/site/process_mid_popup.png) no-repeat; } #process a:hover span { display: block; } #process a span strong { font-weight: bold; font-size: 13px; display: block; line-height: 1.1em; padding-bottom: 10px; } #process p { font-size: 11px; font-family: 'Ubuntu', sans-serif; color:#454f58; position: absolute; } #process #t1 {top:104px; left:289px;} #process #t2 {top:351px; left:46px;} #process a.orange_big { background-position: -1px -125px; width: 130px; height: 50px; } #process a.orange_big:hover { background-position: -1px -203px; } #process a.orange_sm { background-position: -1px -1px; width: 130px; height: 35px; } #process a.orange_sm:hover { background-position: -1px -60px; } #process a.orange_short { background-position: -1px -281px; width: 100px; height: 35px; } #process a.orange_short:hover { background-position: -1px -339px; } #process a.orange_short span, #process a.blue span { left:-60px; } #process a.orange_short.big_popup span, #process a.blue.big_popup span { left: -105px; } #process a.orange_short.mid_popup span, #process a.blue.mid_popup span { left: -88px; } #process a.blue { background-position: -1px -398px; width: 100px; height: 35px; text-shadow: 0px 1px 1px #2e5173; } #process a.blue:hover { background-position: -1px -459px; } #process a.green { padding: 16px 12px 4px; background-position: -1px -524px; width: 64px; height: 48px; text-shadow: 0px 1px 1px #4c5d00; } #process a.green:hover { background-position: -1px -606px; } #process a.green span { left:-75px; } #process a.green.big_popup span { left:-121px; } #process a.green.mid_popup span { left: -101px; top: -333px; } #process #p1 {left:23px; top:21px;} #process #p2 {left:370px; top:21px;} #process #p3 {left:23px; top:130px;} #process #p4 {left:280px; top:135px;} #process #p5 {left:456px; top:135px;} #process #p6 {left:23px; top:254px;} #process #p7 {left:280px; top:256px;} /*blue*/ #process #p8 {left:37px; top:387px;} #process #p9 {left:164px; top:387px;} #process #p10 {left:290px; top:387px;} /*orange_short*/ #process #p11 {left:164px; top:450px;} #process #p12 {left:290px; top:450px;} #process #p13 {left:466px; top:450px;} /*green*/ #process #p14 {left:101px; top:550px;} #process #p15 {left:246px; top:550px;} #process #p16 {left:392px; top:550px;} /***************************** Events *****************************/ .event h2 a { color: #1A407F; text-decoration: none; } .event h2 a:hover { text-decoration: underline; } .event { margin: 10px 0 60px; } .event p strong { color: #1a407f; } .paging { clear: both; border-top: 1px solid #b0cdeb; text-align: center; padding-top: 30px; } .paging a.active { background:#d43309; color: #fff; } .paging a.active:hover { color: #fff; } .paging a { font-size: 13px; font-weight: bold; margin: 5px; padding: 8px 10px; background: #e2efff; text-decoration: none; color: #1a407f; } .paging a:hover { color: #d43309; } /***************************** Reviewers *****************************/ .reviewers h3 { clear: both; padding: 20px 0 10px; margin: 0; } .reviewers ul { margin: 0; padding: 0; list-style:none; clear:both; } .reviewers ul li { padding: 3px 10px; border: 0px solid #999; float:left; width: 180px; } .reviewers #page_clear { clear: both; padding-top: 20px; } #btn_callout { display: block; width: 223px; height: 59px; margin: 10px 0; text-indent: -9000px; background: url(http://ipcc-wg2.org/SREX//images/site/btn_extended_interviews.png) no-repeat -3px -3px; } #btn_callout:hover { background-position: -3px -73px; } #btn_callout:active { background-position: -3px -143px; } /***************************** disclaimer page workups added by Yuka (3/7/2012) *****************************/ /* agree button*/ #btn_agree { display: block; width: 133px; height: 70px; background:url(http://ipcc-wg2.org/SREX//images/site/btn_agree_with_arrow_small.png) no-repeat -2px -3px; } a#btn_agree:hover { background-position: -2px -75px; } a#btn_agree:active, a#btn_agree:visited { background-position: -2px -150px; } #btn_agree span { position: absolute; top: -999em; } /* background border */ .tableBorder { background:url(http://ipcc-wg2.org/SREX//images/site/tableBorder.png) no-repeat left; width: 620px; height: 582px; } .tableBorder_content { align: center; width: 600px; } /***************************** Non-homepage download button (added by Yuka, 3/12/2012) *****************************/ /* Full Report button*/ #btn_full { display: block; width: 224px; height: 101px; background:url(http://ipcc-wg2.org/SREX//images/site/btn_full_srex_report.png) no-repeat -2px -3px; } a#btn_full:hover { background-position: -2px -122px; } a#btn_full:active, a#btn_full:visited { background-position: -2px -241px; } #btn_full span { position: absolute; top: -999em; } /* SPM button*/ #btn_SPM { display: block; width: 224px; height: 101px; background:url(http://ipcc-wg2.org/SREX//images/site/btn_summary_for_policymaker.png) no-repeat -2px -3px; } a#btn_SPM:hover { background-position: -2px -122px; } a#btn_SPM:active, a#btn_SPM:visited { background-position: -2px -241px; } #btn_SPM span { position: absolute; top: -999em; } /* chapter download button */ #btn_download { display: block; width: 500px; height: 70px; background:url(http://ipcc-wg2.org/SREX//images/site/btn_download.png) no-repeat -2px -3px; } a#btn_download:hover { background-position: -2px -75px; } a#btn_download:active, a#btn_download:visited { background-position: -2px -150px; } #btn_download span { position: absolute; top: -999em; } /* SearchTool button*/ #btn_search { display: block; width: 123px; height: 101px; background:url(http://ipcc-wg2.org/SREX//images/site/btn_search.png) no-repeat -2px -3px; } a#btn_search:hover { background-position: -2px -122px; } a#btn_search:active, a#btn_search:visited { background-position: -2px -241px; } #btn_search span { position: absolute; top: -999em; } /***************** alternative list style - (if use