/* Data table styles */
/*
13.12.06 - added tfoot as N4 support no longer required
13.12.06 - stationdetails (for history page metadata)
30.1.07 - .capcity definition added to set fixed row height for cap city stations. colour change to 'new' set
22.02.07 - added OCF and terms(for about pages) styles
30.07.0 - Revised 'greens', added gradient background, 'sculpted' borders. Needs cellspacing="0" on table or 'border-collapse:collapse' for those without - e.g. thermal stress. add cellspacing="0" to table
*/
#content h1 { display: none; }
table.tabledata {
padding:0;
margin:0.4em 0;
border-collapse:separate;/*collapse*/
border-spacing:0;/* not supported by ie - needs cellspacing="0" */
empty-cells:show;
border:1px #C0CDDA solid;
width: 100%;
}
/* print */
@media print{
table.tabledata {
padding:0;
margin:0;
empty-cells:show;
border:1pt solid #C0CDDA;
}
}
table.tabledata td{
font-family:Arial, sans-serif;
padding:1px;
margin:0;
border:1px solid #C0CDDA;
border-left-color:#fff; border-top-color: #fff;
}
/* print */
@media print{
table.tabledata td{
font-size:8pt;
padding:0;
margin:0;
border:1pt solid #999;
}
}
table.tabledata th{
font-family:Arial, sans-serif;
font-weight:bold;
vertical-align:top;
padding:1px;
margin:0;
color: #000;
font-size:8pt;/*pt necessary for old style sheet*/
border:1px solid #999;
border-top:1px solid #C0CDDA;
border-left:1px solid #C0CDDA;
/* Removed for improved color contrast for accessibility:
background-color:#E6E6CC;
background-image:url(/watl/images/gradient3.jpg);
background-position:0 0;*/
}
#content-block table.tabledata th{ font-size:.9em;}
/* print */
@media print{
table.tabledata th{
font-size:8pt;
padding:0;
margin:0;
border:1pt solid #999999;
}
}
/* bgcolor 1 & 2 swapped - to correct tonal order */
.bgcolor1, .bg1 {background-color: #C0CDDA;}/*mid */
.bgcolor2, .bg2 {background-color: #DAE1E9;} /*light*/
.bgcolor3, .bg3 {background-color: #F3F5F8; /*#F2F2E6;*/}/*lightest */
.bg2,.bg3{color:#000;}/* for OCF table */
/* td to inherit */
table.tabledata tr {text-align: center;}
/* th to inherit */ /* Not applicable to NN 4.x */
table.tabledata thead, table.tabledata tfoot {
background-color:#C0CDDA;
border:1px solid #C0CDDA; border-top:1px solid #fff;border-left:1px solid #fff;
padding:1px 0 0 1px;
/* Removed for accessibilty contrast: background-image:url(/watl/images/gradient.jpg); background-position:left;*/
}/* between mid and light */
/* suitable to highlight rows within the middle of a table, rowgroups */
table.tabledata td.rowlevel1{
background-color: #DAE1E9; /*light*/
color:#000;
text-align:left;
font-weight:bold;
}
.rowlevel2{
background-color:#F3F5F8 ; /* lightest*/
color:#000;
text-align:left;
font-weight:bold;
}
.rowleftcolumn{
white-space:normal;
text-align:left;
font-weight:normal;
font-style:normal;
}
.contrast {color:#666600; font-style:italic;}
.pid{font-size:0.8em; color:#999;margin:0;padding:0;}
.obs_table .contrast td {text-align: left;}
@media print{.noPrint {display:none;}}
table.tabledata thead tr:hover, table.tabledata tfoot tr:hover{background-color:inherit;} /*see thead/tfoot */
table.tabledata > tr:hover {background-color:#DAE1E9;} /*lightest*/
table.tabledata td{vertical-align:top;}
/* IE needs style applied to firsts */
table.tabledata td:first-child{text-align:left;}
.align-left{text-align:left;}
table.stationdetails td{padding:2px 6px 2px 0;}
table.stationdetails b{color:#999;}
table.stationdetails strong{color: #006699;}
table.capcity td{height:2.0em; padding:2px;} /*for IE */
table.capcity tr >td{height:2.4em;} /* others */
/* ocf */
table.tocf th{color:#000;font-size:90%;}
table.tocf td:first-child {text-align:left;}
table.tocf td:first-child+td+td{color:#CC0000;}
table.tocf td:first-child+td{color:#0066FF;}
table.tocf {width:99%;}
table.terms td {text-align: left;}
table.terms {border-collapse: separate; /* required for N7 and Moz with rowspan */}
table.terms th{background-color: #D9D9B3; text-align: left;}
table.terms th:hover{background-color:#D9D9B3;}
/* single line text */
/* 16.09.08 - grid - added .2em left padding*/
/* 01.09 reduced name width by 1 em, temp values by .2em - to reduce text wrapping in some browsers for district forecasts
body{font-family:sans-serif;}
ul{margin-left:.2em; list-style-image:none; line-height:1.4em;}*/
ul.dot{margin-left:1.6em; list-style:none; line-height:1.4em; list-style-image:url(/watl/images/symbols/bullet.gif);list-style-position:outside;}
.sl{padding-bottom:0;}
/* ************************************ */
.dt, .date{margin:.4em .2em .2em .2em; color: #006699;}
/* ************************************ */
.source {display:none}
@media print{.source{display:block;}}
/* ************************************ */
h2{color:#000; margin-top:0;padding-top:.6em;}
h3.warning{color:#f60;padding-bottom:.4em;}
h4 {color: #666;font-size:1em;padding-top:.4em;}
h3.day {color:#000; font-size:1em; margin-top: 1em;}
strong.day{color:#000;font-weight:bold;}
/* ************************************ */
.notice{border:1px solid #ccc; background-color:#F5F5F5; padding:.2em; margin:1em 0;}
.notice h2, .notice h3, .notice strong{margin:0;color:#FF6600;font-size:1em}
/* ************* grid/table ********** */
div.grid{display: table; width:98%; margin:-.6em 0 0 0;padding:1em 0 0 .2em;}
.line{width:100%;line-height:1.4em; clear:both;padding-bottom:0;margin:0;}
.name {float:left; width:9em;}/*10em */
div.grid .day{color:#000;font-weight:bold;float:left; width:7em;}
.space-b{line-height:1.4em;}
/* _l = label, _v = value */
.min_l, .max_l,.uv_l{float:left; width:2.2em;}
.uv_l{float:left; width:3.8em; clear:left;}
.min_v{float:left; width:2.0em; color:#009; }/*2.2em */
.max_v{float:left; width:2.0em; color:#c00; margin-right:2em; }/*2.2em */
.uv_v{float:left; width:34em; }
.uv_index{}
.wx_l{float:left; width:3.6em; margin-left:.2em}
.wx{float:left; width:18em;}
/* if precis icons used */
.wx_icon{float:left; width:30px;padding:.2em 0;}/* needs to be tied to line height - div.icon div.line */
div.grid_icon div.line {border-bottom:1px solid #e8e8e8; margin-top:0.4em;overflow: visible;min-height:30px;}
.m-name{float:left; width:32em; border-bottom:solid 1px #efefef}
.m-ww{float:left; width:15em; font-weight:bold; border-bottom:solid 1px #efefef}
/* ************************************ */
/* for review purposes only - These elements to be hidden on screen color:#ccc; display:block; font-size:.8em*/
.do-print, .p-id, .source{display:none;}
.p-id {display: block; font-size: 1em; color: #666;}
.product{margin:0 ;width:590px;}
/* the tables needed more width */
.display-width798{margin:1em;width:798px;}
@media print{.display-width800{width:100%;} .do-print, .p-id, .source{display:block;}}
/* end review purposes only - not part of products */
/* ************ generic table ************ */
div.product table{
border:1px solid #CCCC99; border-collapse:separate;
margin:.4em 0; padding:0;
empty-cells:show;
border-collapse:separate;
border-spacing:0;
}
div.product thead, div.product tfoot{
color: #663;
text-align:center;
background-color:#E6E6CC;
padding:1px 0 0 1px;
}
div.product tbody tr:hover{background-color:#F2F2E6;}
div.product tr {text-align:center;vertical-align:top; }
.dim{background-color:#f5f5f5;color:#999;}
div.product td{padding:.2em; border:1px solid #E6E6CC; border-left-color:#fff; border-top-color: #fff;}
div.product th{
border-collapse:separate;
border:1px solid #cc9;
border-top:1px solid #fff;
border-left:1px solid #fff;
padding:1px 0 0 1px;
}
.bg-1 {background-color: #f5f5f5;}
.bg-2 {background-color: #E6E6CC;}
/* specific formats */
/* for standards browsers - most ie styles on the s */
table.fw-table tr:first-child th:first-child,table.fw-table td:first-child{text-align:left; width:150px;}
table.fw-table tr.bg-1{vertical-align:middle;}
.sf-table tr.bg-1{color:#000;text-align:left;line-height:1.8em}
.sf-table tr.bg-1 h3{color:#000; margin:0;padding:.2em .4em; background-color:#E6E6E6;}
table.sf-summary-table {width:100%;}
table.sf-summary-table td, table.sf-summary-table th{border:none;}
table.sf-summary-table tr:hover{background-color:inherit}
table.sf-summary-table tr{text-align:left;line-height:2em; }
.fs-wind-table{width:100%;}
.fs-wind-table tr{vertical-align:middle; height:3em;}
.fs-wind-table th{text-align:left; }
.fs-wind-table th em{font-size:.8em; font-weight:normal; font-style:normal}
div {font-family:arial,sans-serif; font-size: 1.0em;}
.product h2 { display: block; }
.product h3.warning { font-size: 1.1em; color: #f60; margin-top: 1em; padding-bottom: 0; }
.product em.min, .product em.max { font-size: 1em; font-style: normal; font-size: inherit; }
/* edit history */
/* 29.06.09 ammended p.precis height */
/* precis styles */
.block{border:1px solid #ccc; width:83px; height:135px; min-height:135px;float:left;text-align:center;margin-left:-1px; background-color:#fff;}
#precis >.block{height:auto;} /*negate ie height setting */
h2{clear:left;margin-top:0em;padding-top:.2em; color: #666;}
#page p{margin:0;padding:0 2px}
h3{font-size:1em;margin:0;padding:0;}
div.block h3{padding:2px 0;margin:0;color:#000;text-align:center;font-size:1em;border:0; background-image:none;}
.block p.day {font-weight:bold; }
#page div.clip p.date{font-weight:normal; color:#666;float:right;margin-top:-1.7em; margin-right:30px; display:inline;}
div.clip p.precis{height:4em; min-height:4em;font-size:.9em; padding:0;}
div.block > p.precis{height:auto;}
.min, .max {font-size:1.1em}
/* Probability of Rainfall */
.rain_l{float:left; margin-right:.2em}
.rain_prob_v{float:left; width:5.6em; color:#060; margin-left:.4em; margin-right:.6em}
.rain_v{float:left; width:9em; color:#060; margin-left:.4em; margin-right:.6em}
/* Multiple Fire Danger */
.firedanger {margin: 1em 0; padding: 0}
.firedanger dt {color: #000; margin: 0; padding: 0; font-weight: normal}
.firedanger dd {color: #000; margin: 0.2em 0; padding: 0;}
/* */
.statement{padding:.2em;margin:0; clear:both; height:2em; line-height:2em; border-bottom:1px solid #ccc;background-color:#fff;}
div.statement p{display:inline; }
.demo{color:#999; font-size:1.2em; font-weight:bold; display:inline;text-align:right;margin-right:4px;position:absolute;right:0;}
#page select{width:12em;vertical-align:middle;}
#page input{width:2.8em; height:1.7em;vertical-align:middle;text-align:center; padding:0;}
label.access-info{position:absolute;left:-10000px;z-index: 2;background-color:#fff;} /* update common.css*/
#precis{position:absolute; top:2px;right:0;background-color:#efefef;width:588px; border:1px solid #ccc;z-index:4; display:none;}
/* close button */
a#close{font-size:9px;float:right;margin:1px;padding:1px;border:1px solid #ccc;}/* height:12px;*/
a:hover#close{background-color:#fff;}
a#close img{width:1.2em;height:1.2em} /* for high res)
/* map display styles */
#map-display{position:relative;width:798px;height:640px; margin-bottom:1.0em;border: 1px solid #ccc; clear:both; border-top:none;}
#map-display p{padding:.2em;}
#map-display form{display:inline; margin:.2em;}
#map, #map0, #map1{position:absolute; left:0px; top:0px;}
#map{display:block; z-index:0}
#map0{display:block;z-index:2}
#map1{display:none;z-index:3}
/* tab styles */
#content-block{float:none;}
.tabber a, .tabber a:hover, .tabber a:visited,.tabber a:link{text-decoration:none;}
#page div.tabber a:link, #page .tabber a:visited{color:#666633;}
#page li.tabberactive a:link, #page li.tabberactive a:visited{color:#000; text-decoration:none;}
/* print */
@media print{
#map, #map0, #map1, #close, #tprecis select{display:none; visibility:hidden;}
#map-display{width:auto;min-height:200px;border:none;}
#precis{left:0; visibility: visible; display:block; width:auto;}
div.block{width:78px;}
}
/* page - as no navigation sidebar */
#page{margin:8px 0 0 8px;}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
@media screen{
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
background-color:transparent;/*added */
}
.tabberlive {
margin-top:1em;
background-color:transparent;/*added */
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 1px solid #999;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #999;
border-bottom: none;
background:#E5E5C3;
text-decoration: none;
}
ul.tabbernav li a:link { color:#655E30 ; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
color: #000;
background:#FFF ;
border-color:#000 ;
}
ul.tabbernav li.tabberactive a
{
color:#000;
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
color: #000;
background: #fff;
border-bottom: 1px solid white;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:3px;
border:1px solid #ccc;
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}
} /* /screen styles */
@media print{.tabbernav { display:none; } }
@media handheld{.product { width: 100%}}
.tabberlive{position: relative; /* IE6/7 fix for clipped content */}
.forecast * {margin: 0; padding: 0;}
.forecast {font: 1em sans-serif; margin: .7em 0; }
.forecast h1 {font-size: 1.2em; margin: 0 0.2em 0.25em;}
.forecast h2 {font-size: 1em; margin: 1em 0 0.2em; padding: 0 0.3em 0 0; color: #000; clear: both; }
.forecast h3 {font-size: 1em; margin: 0.4em 0 0.3em; padding: 0 0.4em 0 0; color: #666; clear: both; }
.forecast h2.warning {font-size: 1.1em; color: #f60;}
.forecast p.date {color: #069; margin: 0 0.4em; line-height: 1.3em}
.forecast p.warning {margin: 0.5em 0.2em 0.6em;}
.forecast .validity {display: block; font-size: 1em;}
.forecast p {margin: 0.1em 0.2em 0.2em 0; padding: 0; clear: both; line-height: 1.3em}
.forecast dl {display: table; font-size: 1em; margin: 0.5em 0.2em 0.3em 0; padding: 0;}
.forecast dt {font-size: 1em; color: #000; font-weight: normal; float:left; clear: both; width: 9em; margin: 0 0 0.2em; padding: 0;}
.forecast .dated dt {font-weight: bold;}
.forecast dd {font-size: 1em; color: #000; font-weight: normal; float: left; width: 4.2em; margin: 0 0 0.2em; padding: 0;}
.forecast dd.summary {width: 18em;}
.forecast dl.two-column {width: 42em; margin: 0.2em 0.2em 0em;}
.forecast dl.two-column dt {clear: none;}
.forecast .two-column dd + dd { margin-right: 1.9em; }
.forecast em.min, .productx em.max { font-size: 1em; font-style: normal; font-size: inherit; }
.forecast .maintain_spacing {white-space: pre-line !important; white-space: pre;}
/* Forces prouct header to show on Victorian Bushfire Weather page
Added 13/1/10 per request of Vernon Carr
*/
.fireweather h2 {
display: block;
}
/* End fireweather modification */
/* styles for observation tables, such as /qld/observations/coastal.shtml
added 16/02/2011 by Adrian Evans */
table.obs_table {
width: 795px;
}
table.obs_table .col_station {
width: 90px;
}
table.obs_table thead th {
padding: 0.1em 0.2em;
}
table.obs_table + a + h2 {
margin-top: 1em;
}
div.obs_links {
margin: 1em 0;
padding-left: 22px;
background-image: url('/images/symbols/about.gif');
background-repeat: no-repeat;
background-position: 0px 2px;
line-height: 1.6em;
}
/* styles for revamped /weather/ index page, 16/06/2011, adevans */
#weather-wrap { float: none; clear: none; border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 13px 0; margin: 10px 0; width: 780px; overflow: auto; }
#weather-wrap #weather-warnings { float: left; clear: left; width: 225px; min-height: 266px; border: 2px solid #F1C529; background-color: #f5f5f5; font-family: Arial; }
#weather-wrap #weather-warnings ul { margin: 0; padding: 10px 12px; }
#weather-wrap #weather-warnings ul li { margin: 0 0 5px; font-size: 14px; list-style-image: none; }
#weather-wrap #weather-warnings ul li a { color: #06C; padding-left: 24px; background-image: url('/images/weather/alert.gif'); background-repeat: no-repeat; background-position: 0 1px; }
#weather-wrap #weather-warnings ul li a:hover { color: #000; text-decoration: none; }
#weather-wrap #weather-warnings ul li:first-child { font-size: 15px; color: #666; margin-bottom: 10px; }
#weather-wrap #weather-map { float: left; clear: none; width: 312px; height: 270px; border-right: 1px dotted #999; padding: 0 10px 0 0; margin: 0 20px 0 5px; }
#weather-wrap #weather-links { float: left; clear: none; width: 175px; padding: 0; }
#weather-wrap #weather-links ul { margin: 20px 0 0; }
#weather-wrap #weather-links ul li { list-style-type: none; list-style-image: none; margin-bottom: 4px; }
#weather-wrap #weather-links ul li a { display: block; height: 49px; padding-top: 7px; padding-left: 65px; background-repeat: no-repeat; font-size: 13px; font-weight: normal; color: #06C; }
#weather-wrap #weather-links ul li a:hover { color: #000; text-decoration: none; }
#weather-wrap a#weather-link-aus { background-image: url('/images/weather/aus-orange.gif'); }
#weather-wrap a#weather-link-marine { background-image: url('/images/weather/aus-blue.gif'); }
#weather-wrap a#weather-link-ant { background-image: url('/images/weather/antarctica.gif'); }
#weather-wrap a#weather-link-world { background-image: url('/images/weather/world.gif'); }
#viewers-wrap { float: none; clear: none; overflow: auto; width: 785px; padding: 0 0 10px; }
#viewers-wrap #viewers-headings { float: left; clear: none; width: 225px; margin-right: 10px; padding-top: 10px; }
#viewers-wrap #viewers-headings-top { height: 50px; margin: 0; }
#viewers-wrap #viewers-headings-top h2 { margin: 0; text-align: right; padding: 0 15px 0; font-size: 18px; font-weight: normal; color: #69C; }
#viewers-wrap #viewers-headings-fe { height: 104px; margin: 3px 0 0; padding-top: 46px; padding-right: 12px; border-right: 3px solid #ccc; }
#viewers-wrap #viewers-headings-fe h2 { margin: 0; padding: 0; text-align: right; font-size: 18px; font-weight: normal; color: #666; }
#viewers-wrap #viewers-headings-fe p { margin: 3px 0 0; text-align: right; color: #666; font-size: 13px; }
#viewers-wrap #viewers-headings-cm { height: 50px; margin: 3px 0 0; padding-right: 12px; border-right: 3px solid #DBE8E2; }
#viewers-wrap #viewers-headings-cm h2 { margin: 0; padding: 0; line-height: 50px; text-align: right; font-size: 18px; font-weight: normal; color: #666; }
#viewers-wrap #viewers-links { float: left; clear: none; width: 250px; padding-top: 10px; padding-right: 15px; margin-right: 15px; border-right: 1px dotted #999; }
#viewers-wrap #viewers-links p#viewers-links-info { margin: 0; height: 50px; width: 220px; font-size: 11px; color: #666; }
#viewers-wrap #viewers-links p#viewers-links-info a { color: #666; }
#viewers-wrap #viewers-links p#viewers-links-info a:hover { color: #333; text-decoration: none; }
#viewers-wrap #viewers-links div.inner-left { float: left; clear: left; height: 50px; width: 68px; }
#viewers-wrap #viewers-links div.inner-right { float: left; clear: none; height: 30px; width: 160px; padding: 7px 10px; font-size: 13px; line-height: 17px; }
#viewers-wrap #viewers-links > div div a { color: #000; }
#viewers-wrap #viewers-links > div div a:hover { color: #000; text-decoration: none; }
#viewers-wrap #viewers-links-fe-vic { margin: 3px 0 1px; padding: 0px; height: 50px; background-color: #C4DDF0; }
#viewers-wrap #viewers-links-fe-nsw { margin: 1px 0; padding: 0px; height: 50px; background-color: #E7D8D8; }
#viewers-wrap #viewers-links-fe-tas { margin: 1px 0; padding: 0px; height: 50px; background-color: #fff5d6; }
#viewers-wrap #viewers-links-access { margin: 1px 0; padding: 0px; height: 50px; background-color: #B7D0C6; }
#viewers-wrap #viewers-eFE { float: left; clear: none; width: 260px; padding: 10px 0 0; }
#viewers-wrap #viewers-eFE-headings { height: 50px; }
#viewers-wrap #viewers-eFE-headings h3 { margin: 0; font-size: 18px; font-weight: normal; color: #666; }
#viewers-wrap #viewers-eFE-headings h4 { margin: 0; font-size: 13px; color: #666; }
#viewers-wrap #viewers-eFE-headings h4 a { color: #F90; }
#viewers-wrap #viewers-eFE-headings h4 span.yellow { color: #F90; }
#viewers-wrap #viewers-eFE-headings h4 a:hover { color: #000; text-decoration: none; }
#viewers-wrap #viewers-eFE-inner { margin: 3px 0 0; padding: 13px; width: 230px; height: 126px; background-color: #F5D37A; overflow: auto; }
#viewers-wrap #viewers-eFE-inner img { float: left; clear: none; margin: 0 16px 0 0; }
#viewers-wrap #viewers-eFE-inner p { float: left; clear: none; margin: 2px 0 0 0; width: 80px; color: #000; font-size: 12px; }
#viewers-wrap #viewers-eFE-inner a:hover { color: #000; text-decoration: none; }
/* styles for /australia/alpine/, 19/07/2011, adevans*/
#alpine-top { overflow: auto; width: 100%; margin-top: 10px; background-color: #f5f5f5; }
#alpine-top-left { float: left; clear: left; width: 110px; margin: 0 40px 0 0; padding: 10px 20px; text-align: center; }
#alpine-top-left h2 { font-family: Arial, sans-serif; font-size: 13px; color: #666; text-align: center; }
.alpine-top-state-list { float: left; clear: none; width: 165px; margin: 0; padding: 0;}
#alpine-top-state-list-nsw { width: 215px; }
.alpine-top-state-list h3 { width: 100%; border-bottom: 2px dotted #ccc; padding: 10px 5px 5px; font-family: Arial, sans-serif; font-size: 14px; color: #666; }
.alpine-top-state-list ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
.alpine-top-state-list li { display: block; list-style-type: none; list-style-image: none; width: 150px; margin: 0; padding: 5px; border-bottom: 2px dotted #ccc; }
.alpine-top-state-list li.last { border-bottom: none; }
.alpine-forecast-link { font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color: #666; padding: 0 0 0 22px; background-repeat: no-repeat; background-image: url('/images/australia/alpine/arrow-fat.png'); background-position: 2px 4px; }
a.alpine-forecast-link { color: #666; }
.alpine-forecast-link:hover, .alpine-forecast-link:active, .alpine-forecast-link:focus { color: #000; }
.alpine-graph-link img { margin-top: 7px; border: none; }
#alpine-bottom { overflow: auto; width: 100%; margin: 10px 0 50px; padding-top: 10px; border-top: 2px solid #DAE1E9; background-image: url('/images/australia/alpine/gradient.png'); background-repeat: repeat-x; background-position: bottom; }
#alpine-map-links { float: left; clear: left; width: 165px; margin: 0 10px 20px 0; padding: 0 10px 0 5px; border-right: 1px dotted #999; }
#alpine-map-links h3, #alpine-map-links p, .alpine-map-link-outer { float: left; clear: left; width: 100%; margin: 0 0 6px; padding: 0 0 6px 1px; border-bottom: 1px dotted #999; }
#alpine-map-links h3 { font-family: Arial, sans-serif; font-size: 13px; color: #69C; }
#alpine-map-links p { font-family: Arial, sans-serif; font-size: 11px; color: #666; }
.alpine-map-link-outer { overflow: auto; }
.alpine-map-link-outer.last { border: none; margin-bottom: 0; padding-bottom: 0; }
.alpine-map-link-image { float: left; clear: left; margin: 0; padding: 0; }
a.alpine-graph-link, a.alpine-table-link { display: block; font-family: Verdana, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #666; padding: 0 0 0 22px; margin-top: 3px; background-repeat: no-repeat; background-position: 2px 5px; }
.alpine-graph-link:hover, .alpine-graph-link:active, .alpine-graph-link:focus, .alpine-table-link:hover, .alpine-table-link:active, .alpine-table-link:focus { color: #000; text-decoration: underline; }
.alpine-graph-link { background-image: url('/images/australia/alpine/weather-graph-icon.png'); }
.alpine-table-link { background-image: url('/images/australia/alpine/weather-table-icon.png'); }
a.alpine-map-link { display: block; float: left; clear: none; width: 80px; margin-left: 10px; padding: 0; font-family: Arial, sans-serif; font-size: 12px; color: #06C; text-decoration: none; line-height: 15px; border: none; }
a.alpine-map-link:hover, a.alpine-map-link:active, a.alpine-map-link:focus { color: #333; text-decoration: underline; }
a.alpine-map-link.disabled { color: #666; text-decoration: none; }
#alpine-map-outer { float: left; clear: none; width: 400px; margin: 0; padding: 0; }
#alpine-map-outer h3 { margin: 0 0 8px; padding: 0; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; color: #CC7065; }
#alpine-map-inner { width: 100%; height: 250px; margin: 0; padding: 0; background-color: #dae1e9; }
#alpine-map-left { float: left; clear: left; width: 300px; height: 250px; margin: 0; padding: 0; }
#alpine-map-right { float: left; clear: none; width: 80px; height: 230px; margin: 0; padding: 10px; }
#alpine-map-right h4 { margin: 0 0 6px; padding: 0; font-size: 12px; color: #333; }
#alpine-map-right ul { list-style-type: none; list-style-image: none; margin: 0 0 16px; padding: 0; }
#alpine-map-right li { list-style-type: none; list-style-image: none; margin: 0 0 3px; padding: 0 0 0 12px; background-image: url('/images/australia/alpine/arrow.png'); background-repeat: no-repeat; background-position: 0 5px; line-height: 14px; }
#alpine-map-right a { font-size: 11px; color: #333; text-decoration: none; }
#alpine-map-right a:hover, #alpine-map-right a:active, a.alpine-map-link:focus { color: #000; text-decoration: underline; }
#alpine-right-column { margin-top: 10px; background-repeat: repeat-x; background-position: bottom; }
/* new state page styles - adevans 16/11/11 */
h1 { margin-bottom: 0.5em; }
#state-warnings p.warning {
display: block;
position: relative;
width: auto;
padding: 0.8em 0 0.7em 45px;
margin: 0 0 0.7em;
background-color: #FBE983;
background-image: url('/images/ui/state/warning-icon.gif');
background-repeat: no-repeat;
background-position: 6px center;
font-size: 1.25em;
font-weight: normal;
line-height: normal;
color: #000;
}
#state-warnings p.warning a {
color: #000;
text-decoration: none;
}
#state-warnings p.warning a:hover {
text-decoration: underline;
}
#state-warnings p.no-warnings {
padding: 1em 12px;
border: none;
background-color: #e4e4e4;
margin: 0 0 0.9em;
}
#state-feature-alps { background-image: url('/images/ui/state/alpine-state-link-bg.png'); background-position: right 4px; }
#wow-feature-tile { background-image: url('/images/ui/state/wow-state-link-bg.png'); background-position: right 4px; height:85px; }
#wow-feature-tile p{ width:100px; }
#state-feature-alps h3, #state-feature-alps p { width: 125px; }
#state-feature-waterstorage { background-image: url('/images/ui/state/water-state-link-bg.png'); background-position: right center; }
#state-feature-waterstorage p { width: 120px; }
#state-feature-cyclone { background-image: url('/images/ui/state/tc-state-link-bg.png'); background-position: 90% 5px; }
#state-feature-cyclone h3 { color: #666; width: 100px; font-size: 1.25em; }
#state-feature-climate-ahead { background-color: #FFAD46; background-position: 173px 13px; }
#state-feature-climate-ahead a { color: #000; }
#state-feature-sevwx { background-image: url('/images/ui/state/sevwx-state-bg.png'); background-position: 95% 10px; }
#state-feature-sevwx h3 { color: #666; width: 110px; font-size: 1.25em; }
#state-feature-sevwx p { width: 110px; }
#state-feature-sevwx a { color: #4986e7; font-size: 1.25em; line-height: 1.3em; }
#icon-feature-fcrainfall { background-image: url('/images/ui/icon-forecast-rain.png'); }
#icon-feature-wwmaps { background-image: url('/images/ui/icon-weather-wave.png'); }
#icon-feature-stfmap { background-image: url('/images/ui/icon-short-term-map.png'); }
#icon-feature-4daymaps { background-image: url('/images/ui/icon-fc-maps-4-days.png'); }
#icon-feature-heatwave { background-image: url('/images/ui/icon-heatwave.png'); }
/* state page radar maps */
.content-columns .state-radar {
padding-top: 0;
border-top: none;
}
.content-columns .state-radar .map-box {
width: 100%;
text-align: center;
padding: 7px 0;
background-color: #f5f5f5;
}
.content-columns .state-radar p.info {
margin: 0.5em 0 0.2em;
padding: 0 0 0 17px;
}
.content-columns .state-radar h3 {
margin: 0;
padding: 0.4em 0;
border-bottom: none;
font-size: 1.2em;
}
.content-columns .state-satellite a {
background-image: url('/images/ui/state/sat-state-icon.png');
background-position: 0 0;
background-repeat: no-repeat;
padding: 0.3em 0 0.3em 68px;
margin: 0.2em 0 0;
width: 50px;
font-size: 1.1em;
border: none;
}
.content-columns .state-satellite a:hover {
border: none;
}
.content-columns .state-satellite a#ant-satellite {
background-image: url('/images/ui/state/sat-ant-icon.png');
width: 100px;
}
#aus-forecast-explorer {
overflow: hidden;
margin: 0 0 0.5em;
}
#aus-forecast-explorer h3.float {
float: left;
clear: none;
width: 40%;
margin: 0.5em 0 0;
padding: 0;
font-size: 1.4em;
border: none;
}
#aus-forecast-explorer p.float {
float: left;
clear: none;
width: 60%;
margin: 1em 0 0;
padding: 0;
font-size: 1em;
color: #333;
text-align: right;
}
.content-columns li .ant-map {
background-image: url('/images/ui/state/icon-sprite-map.png');
padding: 1px 0 0 22px;
}
#global-wmo-info { border: 1px solid #CCC; background-color: #f5f5f5; padding: 0.9em; margin: 0 0 1em; }
#global-wmo-info h2 { font-size: 1.4em; font-weight: normal; color: #333; margin: 0; padding: 0; }
#global-wmo-info p { margin: 2px 0 8px; padding: 0; font-size: 0.9em; color: #555; }
#global-wmo-info ul { margin: 0; padding: 0; }
#global-wmo-info ul li { list-style-position: inside; }