/* ================================= */ /* == GENERAL EARTHREF.ORG STYLES == */ /* ================================= */ /* general styles for each html or cgi page */ body { background-color:white; color:black; margin:0px; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:10pt; padding:0px 40px; } hr { width:100%; border:0px; margin:12px 0px; height:1px; color:#BBBBBB; border-color:#BBBBBB; background-color:#BBBBBB; } li { text-align:left; list-style-type:square; } ul { margin:0px; padding-left:16px; } p { text-align:justify; } h1 { white-space:nowrap; margin:25px 0px 0px 0px; font-family:Verdana,Arial,Helvetica,Sans-Serif; text-align:left; font-size:17pt; font-weight:bolder; line-height:130%; margin-left:-2px; min-width:1040px; } h2 { white-space:nowrap; margin:0px 0px 20px 0px; font-family:Tahoma,Geneva,Sans-Serif; text-align:left; font-size:11pt; font-weight:bolder; letter-spacing:0.1pt; line-height:115%; } /* image spacer */ img.spacer { border:0px; padding:0px; line-height:0px; } /* standard purple links */ a:active, a:link, a:link:focus, a:link:hover, a:link:active, a:visited, a:visited:focus, a:visited:hover, a:visited:active { text-decoration:none; font-weight:bold; color:#800080; } /* dark blue sublink and subsublink */ a:active.sublink, a:link.sublink, a:link.sublink:hover, a:link.sublink:active, a:visited.sublink, a:visited.sublink:focus, a:visited.sublink:hover, a:visited.sublink:active { text-decoration:none; color:#003399; white-space:nowrap; font-family:Arial; font-size:10pt; } a:active.subsublink, a:link.subsublink, a:link.subsublink:hover, a:link.subsublink:active, a:visited.subsublink, a:visited.subsublink:focus, a:visited.subsublink:hover, a:visited.subsublink:active { text-decoration:none; color:#003399; white-space:nowrap; font-family:Arial; font-size:8pt; } a:active.normallink, a:link.normallink, a:link.normallink:hover, a:link.normallink:active, a:visited.normallink, a:visited.normallink:focus, a:visited.normallink:hover, a:visited.normallink:active { text-decoration:none; font-weight:normal; } /* subscripts and superscripts */ sub { font-size:80%; vertical-align:-15%; } sup { font-size:80%; vertical-align: 20%; } /* general text styles */ .pagetitle { font-family:Verdana,Arial,Helvetica,Sans-Serif; text-align:left; font-size:17pt; font-weight:bolder; line-height:130%; margin-left:-2px; } .subpagetitle { font-family:Tahoma,Geneva,Sans-Serif; text-align:left; font-size:11pt; font-weight:bolder; letter-spacing:0.1pt; line-height:115%; } .title { font-family:Tahoma,Geneva,Sans-Serif; text-align:left; font-size:14pt; font-weight:bolder; letter-spacing:0.1pt; line-height:100%; } .subtitle { font-family:Tahoma,Geneva,Sans-Serif; text-align:left; font-size:12pt; font-weight:bolder; letter-spacing:0.1pt; line-height:100%; } .linedsubtitle { font-family:Tahoma,Geneva,Sans-Serif; text-align:left; font-size:12pt; font-weight:bolder; letter-spacing:0.1pt; line-height:100%; border-bottom:1px solid #BBBBBB; padding-bottom:5px; } .subsubtitle { font-family:Tahoma,Geneva,Sans-Serif; text-align:left; font-size:11pt; font-weight:normal; letter-spacing:0.1pt; line-height:100%; } .indent { margin-left:10px; margin-right:10px; } .padding { padding-left:5px; padding-right:5px; } .abstracttext { font-style:italic; } .reference { text-indent:-40px; margin-left:40px; margin-right:30px; } /* footer styles */ div.footer { width:100%; min-width:1000px; } div.footer-main { width:100%; text-align:center; background-color:#FAFAFA; font-weight:normal; font-size:9pt; padding-top:10px; padding-bottom:10px; margin-top:80px; border-top:thin solid #E5E5E5; border-bottom:thin solid #D8D8D8; } div.footer-left { float:left; text-align:left; vertical-align:top; font-weight:normal; font-size:8pt; padding-top:6px; } div.footer-right { float:right; text-align:right; vertical-align:top; font-weight:normal; font-size:8pt; padding-top:6px; margin-bottom:40px; } /* image gallery styles */ .gallerytext { font-family:Arial,Helvetica,Sans-Serif; font-size:9pt; } .gallerythumbnail { border: 2px solid #BBBBBB; margin-bottom: 5px; margin-right:10px; margin-top: 5px; } .galleryimage { border: 2px solid #BBBBBB; margin-bottom:10px; } .gallerylink { font-size:8pt; line-height:105%; } .gallerytitle { font-weight:bolder; font-size:10pt; } .gallerydescription { font-weight:normal; font-size: 8pt; } .galleryauthor { font-family:Verdana,Arial,Helvetica,Sans-Serif; font-weight:bolder; font-size:7pt; padding-top:10px; vertical-align:-15%; color:#666666; } /* image only styles */ .reportthumbnail { border: 2px solid #BBBBBB; } .reportimage { border: 2px solid #BBBBBB; } .reportimagetopright { margin-right: 0px; margin-left:30px; margin-top: 0px; margin-bottom:20px; border:2px solid #BBBBBB; } .reportimagetopleft { margin-right:30px; margin-left: 0px; margin-top: 0px; margin-bottom:20px; border:2px solid #BBBBBB; } .reportimageright { margin-right: 0px; margin-left:30px; margin-top: 5px; margin-bottom:20px; border:2px solid #BBBBBB; } .reportimageleft { margin-right:30px; margin-left: 0px; margin-top: 5px; margin-bottom:20px; border:2px solid #BBBBBB; } .reportimagecaption { margin-right:40px; margin-left:40px; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:8pt; font-weight:bolder; } /* image+caption or table styles */ .reporttabletopright { margin-right: 0px; margin-left:30px; margin-top: 0px; margin-bottom:20px; } .reporttabletopleft { margin-right:30px; margin-left: 0px; margin-top: 0px; margin-bottom:20px; } .reporttableright { margin-right: 0px; margin-left:30px; margin-top: 5px; margin-bottom:20px; } .reporttableleft { margin-right:30px; margin-left: 0px; margin-top: 5px; margin-bottom:20px; } .reporttablecaption { font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:8pt; font-weight:bolder; } /* top menu */ #top_menu_div { visibility:hidden; height:85px; } #top_menu_fixed { position:fixed; width:100%; min-width:100px; left:0px; top:0px; background:white; overflow:hidden; z-index:1; } #top_menu_links { white-space:nowrap; color:black; font-weight:bold; font-family:Verdana,Arial; font-size:11px; text-align:right; margin-top:3px; } #top_menu_name { white-space:nowrap; text-align:right; font-family:Arial,Helvetica; font-size:14px; font-weight:bold; margin-bottom:2px; padding-right:8px; } #top_menu_fixed a:visited, #top_menu_fixed a:active, #top_menu_fixed a:link { text-decoration:none; color:black; font-weight:bold; } #top_menu_fixed img { border:none; } #top_menu_fixed img.button { margin-left:2px; margin-right:2px; } #top_menu_fixed.er a:hover { color:#006600; } #top_menu_fixed.germ a:hover { color:#BB4B1C; } #top_menu_fixed.magic a:hover { color:#792F91; } #top_menu_fixed.erese a:hover { color:#3030BB; } #top_menu_fixed.sbn a:hover { color:#005B87; } #top_menu_fixed.femo a:hover { color:#860202; } #top_menu_fixed.scc a:hover { color:#8B216A; } #top_menu_fixed td { white-space:nowrap; vertical-align:middle; line-height:0px; } #top_menu_fixed td[rowspan] { vertical-align:top; } #top_menu_fixed input[type=text] { width:150px; padding:1px; font-family:Arial,Helvetica; font-size:11px; } #developer_menu { padding: 3px 0px; border-bottom:2px solid #D8D8D8; background-color:#FAFAFA; font-size:8pt; } #developer_menu > span { white-space:nowrap; padding: 3px 5px; border-right:1px solid #D8D8D8; } #developer_menu > span.button { cursor:pointer; font-weight:bold; background-color:#F4F4F4; } #developer_menu > span.button:hover { background-color:#EEEEEE; } #developer_menu > span.button > span.ui-icon { margin:-9px 0px -6px -4px; vertical-align:middle; display:inline-block; } div.j-popup.developer-menu { position:fixed; border:2px solid #D8D8D8; background-color:#FAFAFA; border-top-width:1px; border-radius:0px 0px 5px 5px; z-index:10000; } div.j-popup.developer-menu > div { cursor:pointer; padding:5px; font-size:8pt; font-weight:bold; background-color:#F4F4F4; } div.j-popup.developer-menu > div:hover { background-color:#EEEEEE; } div.j-popup.top-menu { position:fixed; border:none; background:none; padding:0px; } div.j-popup.top-menu .menu { width:9px; height:9px; } div.j-popup.top-menu hr { background-color:#FFFFFF; } div.j-popup.top-menu a { color:#FFFFFF; font-weight:bold; } div.j-popup.top-menu td { white-space:nowrap; font-family:Arial,Helvetica,Sans-Serif; font-size:14px; } div.j-popup.top-menu td.er { background-color:#006600; } div.j-popup.top-menu td.germ { background-color:#BB4B1C; } div.j-popup.top-menu td.magic { background-color:#792F91; } div.j-popup.top-menu td.erese { background-color:#3030BB; } div.j-popup.top-menu td.sbn { background-color:#005B87; } div.j-popup.top-menu td.femo { background-color:#860202; } div.j-popup.top-menu td.scc { background-color:#8B216A; } /* jQuery UI */ .ui-icon.ui-icon-light, .ui-state-default .ui-icon.ui-icon-light { background-image:url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/base/images/ui-icons_888888_256x240.png"); } .ui-icon.ui-icon-med, .ui-state-default .ui-icon.ui-icon-med { background-image:url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/base/images/ui-icons_454545_256x240.png"); } .ui-icon.ui-icon-dark, .ui-state-default .ui-icon.ui-icon-dark { background-image:url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/base/images/ui-icons_222222_256x240.png"); } .ui-icon.ui-icon-red, .ui-state-default .ui-icon.ui-icon-red { background-image:url("http://earthref.org/images/icons/ui.icons.red.png"); } .ui-icon.ui-icon-green, .ui-state-default .ui-icon.ui-icon-green { background-image:url("http://earthref.org/images/icons/ui.icons.green.png"); } .ui-no-corner-right { border-top-right-radius:0px !important; border-bottom-right-radius:0px !important; } .ui-no-corner-left { border-top-left-radius:0px !important; border-bottom-left-radius:0px !important; } .ui-no-corner-top { border-top-left-radius:0px !important; border-top-right-radius:0px !important; } .ui-no-corner-bottom { border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; } li.ui-menu-item { list-style-type:none; white-space:nowrap; } .ui-widget { font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:10pt; } .ui-button { position:inherit; } /* without this, buttons have position:relative and float on top of fixed elements */ a.ui-button { font:inherit !important; color:inherit !important; } .ui-buttonset { font-size:0px; } .ui-buttonset .ui-button { margin-right:0px; } .ui-button-text-only .ui-button-text { padding:2px 6px; font-size:12px; line-height:16px; color:#000000; } /* make the buttons less padded and a smaller font */ input.ui-input { padding:2px 6px; font-size:12px; height:22px; color:#555555; border-radius:4px; padding:3px 5px; border:1px solid #D3D3D3; margin:0px; } input.ui-input:hover { border:1px solid #999999; color:#212121; } div.j-popup.old-popup { position:fixed; } div.j-popup.old-popup.j-popup-popup { padding:8px; background:#FAFAFA; border:2px solid #D8D8D8; } div.j-popup.old-popup.j-popup-menu { padding:8px; background:#EEEEEE; border:1px solid #555555; } /* topmenu popup menu that appears in main frame */ .popup { position:absolute; visibility:hidden; z-index:1000; } .popup a:visited { text-decoration:none; color:white; font-weight:bolder; } .popup a:active { text-decoration:none; color:white; font-weight:bolder; } .popup a:link { text-decoration:none; color:white; font-weight:bolder; } .popup a:hover { color:yellow; } /* portal homepage Google Site Searches */ #google_search_input > input, #google_search_button, #cse input.gsc-input, #cse input.gsc-search-button { font-weight: bold; } #magic_search_input > input, #magic_search_button > span { font-weight: bold; color:#800080; } /* highlight styles within the text view */ .highlight_general { font-weight:bold; color:#444444; } /* IE png patch */ .iepng { behavior: url(../js/iepngfix.htc) } /* ========================= */ /* == CGI SPECIFIC STYLES == */ /* ========================= */ /* table styles */ td { font-size:10pt; font-family:Arial,Helvetica,Sans-Serif; } th { font-size:10pt; font-family:Arial,Helvetica,Sans-Serif; } /* panel styles */ div.panel { padding:8px; background:#FAFAFA; border:2px solid #D8D8D8; border-radius:5px; } div.panel > span.label { position:relative; top:-22px; margin-bottom:-18px; display:block; width:244px; height:25px; color:#006600; font:bold 15px 'Century Gothic','Trebuchet MS',Helvetica,sans-serif; padding:2px 0px 0px 16px; background:url("/images/panels/panel.d.gif") 0px 0px no-repeat,url("/images/panels/homepage.button.gif") 7px 0px no-repeat,url("/images/panels/panel.d.gif") 237px 0px no-repeat; background-size: 7px 25px, 230px 25px, 7px 25px; } /* tabbed panel styles */ div.panel-tab { margin-top:22px; font-family:Arial,Helvetica,Sans-Serif; } div.panel-tab-labels { position:relative; top:-30px; margin-bottom:-18px; } div.panel-tab-labels-ie { position:relative; top:1px; } div.panel-tab-label { color:#C8C8C8; background:#FFFFFF; display:inline; font-size:14px; font-weight:bold; cursor:pointer; border:1px solid #D8D8D8; border-bottom:2px solid #D8D8D8; border-radius:5px 5px 0px 0px; padding:2px 12px 4px; margin:0px 8px; } div.panel-tab-label:hover { color:#000000; background:#FAFAFA; } div.panel-tab-label.active { color:#000000; background:#FAFAFA; border:2px solid #D8D8D8; border-bottom:2px solid #FAFAFA; margin:0px 7px; } div.panel-tab-content { display:none; } div.panel-tab-content.active { display:block; } /* topmenu and info popup menu that appears in main frame */ .info_popup { position:absolute; visibility:hidden; z-index:900; } /* plot popup that appears in main frame */ .plot_popup { position:absolute; visibility:visible; top:-99999px; left:-99999px; padding:8px 8px 8px 8px; border:1px solid #666666; background-color:#D8D8D8; color:#666666; font-family:Verdana; font-size:smaller; font-weight:bold; z-index:800; } /* plot popup that appears in main frame */ .popup_div { position:absolute; visibility:hidden; top:0px; left:0px; padding:8px 8px 8px 8px; border:1px solid #666666; background-color:#EEEEEE; color:#666666; font-family:Verdana; font-size:smaller; font-weight:bold; } /* balloon popup style */ .popup_balloon { position:absolute; visibility:hidden; top:0px; left:0px; padding:0px 0px 0px 0px; color:#666666; font-family:Verdana; font-size:smaller; font-weight:bold; } /* popup fader */ .faded { opacity:0.45; filter:alpha(opacity=45); -moz-opacity:0.45; } /* popup dimmer background */ .dimmer { opacity:0.85; filter:alpha(opacity=85); -moz-opacity:0.85; }