/* General settings */ body { margin: 0px auto 0px auto; font:81% Verdana, Arial, Helvetica; color:black; } a:link { color:blue; } a:visited { color:#8B3A3A; } a:hover { color:#F08C0B; } a:active { color:#F8F8FF; } img { border:none; } img.floatleft { float:left; clear:both; margin:0px 10px 10px 0px; } img.floatright { float:right; clear:both; margin:0px 0px 10px 10px; } .left { text-align:left; } .center { text-align:center; } .right { text-align:right; } a.button, input.button { margin:0px 2px 0px 0px; padding:3px; font:bold 11px Arial; text-decoration:none; white-space:nowrap; border-left:3px solid #DAEAF2; border-top:3px solid #DAEAF2; border-right:3px solid #91A5AE; border-bottom:3px solid #91A5AE; background:#E7E7E7; color:black; } a.button-small, input.button-small { margin:0px 0px 0px 2px; padding:2px; font:9px Arial; text-decoration:none; white-space:nowrap; border-left:2px solid #DAEAF2; border-top:2px solid #DAEAF2; border-right:2px solid #91A5AE; border-bottom:2px solid #91A5AE; background:#E7E7E7; color:black; } a.floatleft, input.floatleft { float:left; } a.floatright, input.floatright { float:right; } /* Containers */ #page_container { width:1000px; margin:0px auto 0px auto; padding:0px 0px 20px 0px; } #banner_container { margin:0px; padding:0px 0px 15px 0px; } #menu_container { width:189px; padding:0px 0px 20px 0px; float:left; } #content_container { width:798px; margin:0px 0px 0px 199px; padding:0px 0px 20px 0px; text-align:justify; } #footer_container { margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; clear:both; background:#0B4599; color:white; font:bold 87% Verdana; text-align:center; } /* Menu container */ #menu_list { margin:0px; padding:0px; width:190px; border-bottom:1px solid #0B4599; } #menu_list li { list-style-type:none; margin:0px; padding:0px; } #menu_list ul { margin:0px; padding:0px; } #menu_list a { display:block; width:149px; padding:4px 10px 4px 30px; border-top:1px solid #0B4599; border-right:1px solid #0B4599; font:bold 100% "Arial"; text-decoration: none; color:#0B4599; background:url("../images/menu/bullet-blue.gif") no-repeat; } #menu_list ul a { width:139px; padding:4px 0px 4px 50px; background:url("../images/menu/bullet-blue-small.gif") no-repeat; } #menu_list a.submenu-closed { background:url("../images/menu/sign-plus.gif") no-repeat; } #menu_list a.submenu-open { background:url("../images/menu/sign-minus.gif") no-repeat; } #menu_list a.drillmenu { background:url("../images/menu/arrow-right-solid.gif") no-repeat; } #menu_list a.upmenu { background:url("../images/menu/arrow-up-solid.gif") no-repeat; } #menu_list a:hover, #menu_list ul a:hover { background-color:#C2DCE9; } #menu_container .secondary_menu { padding-top:10px; } #menu_container .secondary_menu a { display:block; width:185px; padding:4px 0px 4px 4px; border:none; font:bold 100% "Arial"; text-decoration: none; color:#0B4599; background:none; } #menu_container .secondary_menu a.current-link { border:1px solid #E7E7E7; padding:3px 0px 3px 3px; background:#F8F8F8 url("../images/menu/current-link.gif") no-repeat; } #menu_container .secondary_menu a:hover { background-color:#C2DCE9; } #menu_container .secondary_menu a.current-link:hover { background:#C2DCE9 url("../images/menu/current-link-over.gif") no-repeat;} #menu_container .secondary_menu h1 { margin-bottom:2px; padding-bottom:2px; border-bottom:1px solid black; font:bold 13px "Arial"; color:black; } /* Content container */ #content_container h1 { margin: 0px 0px 20px 0px; font:normal 187% "Arial Black", sans-serif; color:#0B4599; } #content_container h2 { margin: 20px 0px 20px 0px; font:bold 150% Arial; color:black; } #content_container h3 { margin: 20px 0px 20px 0px; font:bold 125% Arial; color:black; } /* Breadcrumb trail container */ #breadcrumbs { margin:0px 0px 10px 0px; padding:2px 0px 2px 0px; border-top:1px solid #0B4599; border-bottom:1px solid #0B4599; } #breadcrumbs, #breadcrumbs a { font:8pt Arial Black; color:#0B4599; } /* Footer container */ #footer_container a { text-decoration:none; color:white; } #footer_container a:hover { color:#F08C0B; } /* Data tables */ .datatable { border-spacing:1px; background:#999999; } .datatable tr th { padding:4px; background:#E7E7E7; color:black; } .datatable tr th.cbstrip { background:#C3C3C3; color:black; } .datatable tr td { padding:4px; background:#F8F8F8; color:black; text-align:left; } .datatable tr.datatable-night td { background:#DFDFDF; } .datatable tr th, .datatable tr td.fieldname { font-weight:bold; } .compact tr th { padding:3px 2px 3px 2px; font:bold 81% Arial; } .compact tr td { padding:3px 2px 3px 2px; font:87% Arial; } .centred tr th, .centred tr td { text-align:center; vertical-align:middle; } .topaligned tr th, .topaligned tr td { vertical-align:top; } .datatable tr th a { color:black; text-decoration:none; } .datatable tr td.left { text-align: left;} .datatable tr th.dtg { width:120px; } .datatable tr th.rrrx1 { width:50px; } .datatable tr th.rrrx12 { width:50px; } .datatable tr th.ffm { width:50px; } .datatable tr th.ffgx { width:50px; } .datatable tr th.ff50x { width:50px; } .datatable tr th.ww { width:160px; } .datatable tr th.ww12 { width:160px; } .temp-8, .datatable tr td.temp-8 { background:#000000; color:#FFFFFF; } .temp-7, .datatable tr td.temp-7 { background:#00376F; color:#FFFFFF; } .temp-6, .datatable tr td.temp-6 { background:#004E9B; color:#FFFFFF; } .temp-5, .datatable tr td.temp-5 { background:#0063C6; color:#FFFFFF; } .temp-4, .datatable tr td.temp-4 { background:#0073E6; color:#FFFFFF; } .temp-3, .datatable tr td.temp-3 { background:#3399FF; color:#000000; } .temp-2, .datatable tr td.temp-2 { background:#79BCFF; color:#000000; } .temp-1, .datatable tr td.temp-1 { background:#AED7FF; color:#000000; } .temp0, .datatable tr td.temp0 { background:#FFFFCA; color:#000000; } .temp1, .datatable tr td.temp1 { background:#FFFF93; color:#000000; } .temp2, .datatable tr td.temp2 { background:#FFFF00; color:#000000; } .temp3, .datatable tr td.temp3 { background:#E1E100; color:#000000; } .temp4, .datatable tr td.temp4 { background:#FF5B5B; color:#000000; } .temp5, .datatable tr td.temp5 { background:#FF0000; color:#000000; } .temp6, .datatable tr td.temp6 { background:#BF0000; color:#FFFFFF; } .temp7, .datatable tr td.temp7 { background:#800000; color:#FFFFFF; } .temp8, .datatable tr td.temp8 { background:#580000; color:#FFFFFF; } .temp9, .datatable tr td.temp9 { background:#000000; color:#FFFFFF; } .rain1, .datatable tr td.rain1 { background:#AED7FF; color:#000000; } .rain2, .datatable tr td.rain2 { background:#79BCFF; color:#000000; } .rain3, .datatable tr td.rain3 { background:#3399FF; color:#000000; } .rain4, .datatable tr td.rain4 { background:#0073E6; color:#FFFFFF; } .windspeed1, .datatable tr td.windspeed1 { background:#C0FFFF; color:#000000; } .windspeed2, .datatable tr td.windspeed2 { background:#80FFFF; color:#000000; } .windspeed3, .datatable tr td.windspeed3 { background:#40FFFF; color:#000000; } .windspeed4, .datatable tr td.windspeed4 { background:#00C0C0; color:#000000; } .windspeed5, .datatable tr td.windspeed5 { background:#008080; color:#FFFFFF; } .windspeed6, .datatable tr td.windspeed6 { background:#004040; color:#FFFFFF; } .windspeed7, .datatable tr td.windspeed7 { background:#000000; color:#FFFFFF; } .uvcc1, .datatable tr td.uvcc1 { background:#FFFF93; color:#000000; } .uvcc2, .datatable tr td.uvcc2 { background:#FFFF00; color:#000000; } .uvcc3, .datatable tr td.uvcc3 { background:#E1E100; color:#000000; } .uvcc4, .datatable tr td.uvcc4 { background:#FF5B5B; color:#000000; } .uvcc5, .datatable tr td.uvcc5 { background:#FF0000; color:#000000; } .uvcc6, .datatable tr td.uvcc6 { background:#BF0000; color:#FFFFFF; } .uvcc7, .datatable tr td.uvcc7 { background:#800000; color:#FFFFFF; } .red, .datatable tr td.red { background:#F34F27; color:#000000; } .amber, .datatable tr td.amber { background:#E6CB2B; color:#000000; } .green, .datatable tr td.green { background:#0DB71D; color:#000000; } .cstable { margin:auto; width:100%; } .cstable tr td { text-align:center; vertical-align:middle; } /* Section displays */ .section_hide { display:none; } .section_show { display:block; } .section_show .datatable { margin-left:30px; } /* Tab sections -- take enclosing div out of the normal flow to make contents of tabset positioned relative to it */ div.tabset { text-align:center; } div.tabset a { display:block; float:left; margin:0px 2px 2px 0px; padding:3px; font:bold 11px Arial; text-decoration:none; white-space:nowrap; } div.tabset a.normal { border-left:3px solid #DAEAF2; border-top:3px solid #DAEAF2; border-right:3px solid #91A5AE; border-bottom:3px solid #91A5AE; background:#E7E7E7; color:black; } div.tabset a.current { border-left:3px solid #9EC8DE; border-top:3px solid #9EC8DE; border-right:3px solid #6A8490; border-bottom:3px solid #6A8490; background:#82B7D2; color:white; } div.tabset-buttons { margin:0px auto 0px auto; width:750px; overflow:auto; } div.tabset-content { margin:0px auto 0px auto; width:750px; border:1px solid #91A5AE; } div.hide { display:none; } div.show { display:block; } /* Image sets within a tab */ .image-set { position:relative; top:0px; left:0px; height:500px; } .overlayimg { position:absolute; top:0px; left:0px; display:inline; } .image-legend { position:relative; top:0px; left:0px; display:block; background:#E7E7E7; padding:3px; text-align:left; } .legend-title { padding:2px 10px 2px 0px; vertical-align:middle; } .legend-box { padding:0px; border:1px solid black; } /* Location choosing */ #choose-location-map { width:300px; height:525px; border:1px solid black; float:right; margin:0px 0px 10px 20px; } #choose-location-list li a { display:block; width:300px; padding:2px; border:1px solid white; text-decoration:none; } #choose-location-list li a, #choose-location-list li a:visited { color:blue; } #choose-location-list li a.location-current { color:#0B4599; background:#C2DCE9; border:1px solid #0B4599; } /* Image player */ .image-player { padding:2px; background:#E7E7E7; color:black; text-align:left; } .image-player-large { font-size:14px; } .image-player-small { font-size:9px; } .image-player-footer { padding:2px 0px 0px 0px; } /* Account data forms */ table.account-form { border: 1px solid black; } table.account-form tr td { padding:10px 5px 0px 5px; font-weight:bold; text-align:left; } table.account-form tr td.account-banner { padding:5px; background:#0B4599; color:white; font:81% "Verdana"; text-align:center; } table.account-form tr td.account-submit { padding:10px 5px 10px 5px; text-align:center; } .errortext { font-size:115%; font-weight:bold; font-style:italic; text-align:center; } .login-linkbox { width:250px; border:1px solid #0B4599; color:#0B4599; background:white; text-align:center; vertical-align:middle; } .login-linkbox a { font:20pt Arial Black; color:#0B4599; text-decoration:none; } /* Lightning strikes display */ #lightning { width:738px; margin:0px auto 0px auto; } #lightning-key { width:732px; margin:0px 0px 0px 0px; padding:2px; color:black; background:#BDEBFF; font-size:81%; text-align:right; border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; } /* Dashboards and other intro pages */ #dashboard-table tr td { vertical-align:top; } #dashboard-table tr td { padding: 10px 5px 10px 5px; text-align:center; font-weight:bold; } #dashboard-table img { border:none; padding:0px; } #dashboard-table .compressed tr th { padding:0px; font:5px Arial; height:15px; } #dashboard-table .compressed tr td { padding:0px; font:5px Arial; height:7px; } img.index-page-icon { float:left; padding:0px 10px 10px 0px; } /* Highslide styles */ .highslide-wrapper div { font:8pt Verdana, Helvetica; } .highslide-html { background-color:white; } .highslide-html-blur { } .highslide-html-content { position:absolute; display:none; } .highslide-loading { display:block; padding:2px 2px 2px 22px; border:1px solid black; background:white url(highslide/graphics/loader.white.gif) no-repeat 3px 1px; color:black; font:bold 8pt sans-serif; text-decoration:none; } a.highslide-credits, a.highslide-credits i { padding:2px; color:silver; text-decoration:none; font-size:10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color:white; background-color:gray; } /* Styles for the popup */ .highslide-wrapper, .rounded-white { background-color:white; } .highslide-wrapper .highslide-html-content { width:400px; padding:0px 5px 5px 5px; } .highslide-wrapper .highslide-header { padding-bottom: 5px; } .highslide-wrapper .highslide-header ul { margin:0; padding:0; text-align:right; } .highslide-wrapper .highslide-header ul li { display:inline; padding-left:1em; } .highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next { display: none; } .highslide-wrapper .highslide-header a { font-weight:bold; color:gray; text-transform:uppercase; text-decoration:none; } .highslide-wrapper .highslide-header a:hover { color:black; } .highslide-wrapper .highslide-header .highslide-move a { cursor:move; } .highslide-wrapper .highslide-footer { height:11px; } .highslide-wrapper .highslide-footer .highslide-resize { float:right; width:11px; height:11px; background: url(highslide/graphics/resize.gif); } .highslide-wrapper .highslide-body { } .highslide-move { cursor: move; } .highslide-resize { cursor: nw-resize; }