/* CSS Document */

/* CSS Document */
/* Climate Data Online, last updated 2019/07/15 */
/* Page(s) referencing: /climate/data/weather-data.shtml */

#mapoption{padding-top:.4em;}
/* tabs */
/* ie 6 help */
.tabbertab{/*zoom:1; */position:relative;}
ul.tabbernav,.tabber, #page-info, .box-right {position:relative;}
#content-block div.tabber, #content-block div.tabbertab,#content-block div.tabberlive {padding:0; margin:0;}

#page-info{position:relative;}
.hidden{visibility:hidden;}

/* move to common.css */
ul.help li, ol.help li, li.help {list-style-image:url(/watl/images/symbols/help.png)}
a.help{
	background:url(/watl/images/symbols/help.png) no-repeat 0 0;
	padding-left: 17px;
	padding-bottom:1px;
}

#intro-screen {width:500px; border:2px solid #CC9; position:absolute;  top:180px;left:36px; padding:1.4em 1.6em 0 1.4em;
background-image:url(/climate/cdo/images/bg-transparent60.png);}
/* intro img close button */
.close{background-color:#efefef;height:20px; width:20px; float:right; margin:-1.4em -1.6em .3em -.4em;}
a#close{font-size:9px;float:right;margin:2px;padding:1px;border:1px solid #ccc;}
a:hover#close{background-color:#fff;}
a#close img{width:1.2em;height:1.2em} 
.bg-white{background-color:#fff;}

/* climate education link  */
#references, .download{width:200px; text-align:left; min-height:21px; height:21px; position:absolute; top:0; right:0;
background-image:url(/climate/cdo/images/interface/all-about.png); background-position:0 0;background-repeat:no-repeat;
}
html>#references{height:auto;} /* override ie6 trussing */
#references a{padding-left:24px;}
/* temp */
#references{display:none;}

/* downloads */
.download{background-image:url(/climate/cdo/images/interface/download.png); text-align:right; width:auto;padding-left:24px;background-color: #EBEBEB; padding-top:.1em}
.download a{padding-right:.6em; }

/* search by text */

/* new product */
h3#update  {color:#660; font-size:1.15em; margin: 0; padding:.3em .3em 0 .4em;}
h3#update span{color:#000;}

/* top level context */
#station-locator {
	border:1px #ccc solid;
	position:relative;
}

/* type of data */
#daily_year{display:none;padding:1em 0;}
.left-area{float:left;width:400px;}

.right-area{float:right; width:120px;line-height:1em; margin-top:.6em; font-size:.9em;}

#descriptionDisplay {background-color:#fff; color: #900; border:1px dotted #ccc; padding:.4em; font-size:.9em; line-height:1.2em; margin-top:.2em; min-height:5em;width:150px; float:right;}

fieldset > #descriptionDisplay {width:160px;}  /*override width for non-ie6 browsers */

#data_type fieldset {padding-bottom:.4em; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc;}
#data_type div.line,  fieldset.line  {margin:0 0 0 20px;padding:.2em 0;clear:both;}
div#datatypeLabel{width:6.4em;float:left;}

/* not being read by weather-data.shtml */
div.line label#elementgroup, div.line label#datatype {width:84px;}


#data_type select, #data_type input, #elementSubSelect{margin-left:0;padding-left:0; }
#elementSubSelectLine select {margin-left:6.4em;}

#obsDataLine, #analDataLine {color:#666; float:left; border-left:1px solid #ccc; padding: 0 2px}

#obsDataLine  {width:auto;}
#analDataLine {width:auto;}
#obsDataLine, #analDataLine label{}

/* ie6 - can't use width auto */ 
/* 400 + 160 */
#obsDataLine label#dt1_t  {width:auto;} 
#obsDataLine label#dt2_t  {width:auto;}


div#formEls {display:block;float:left;width:auto; } 
div#formEls label{padding-right:4px;}

#analDataLine label#dt3_t, #analDataLine label#dt4_t {width:auto;}


div.obsDataLine label, div.analDataLine label{width:auto;} 
label#dt1_t, label#dt2_t, label#dt3_t, label#dt4_t, label#dt1_t.active, label#dt2_t.active, label#dt3_t.active, label#dt4_t.active {color:#000; width:auto;}
label#dt1_t.disabled,  label#dt2_t.disabled, label#dt3_t.disabled, label#dt4_t.disabled {color:#666;width:auto;}

/* search image in text-form */
.search-symbol{background:url(/climate/cdo/images/symbols/zoom.png) no-repeat 0 4px ;padding:0 .4em .4em 22px; vertical-align:middle; line-height:1.6em;}

#stationlocator h4{display:block; background:url(/climate/cdo/images/interface/underline.jpg) no-repeat left bottom; padding:1em 2px 2px 6px;}

/* form fields styles - shared */
#station-locator fieldset {border:none;}

/* overide firefox autofill backgrounds */
#station-locator input[type="text"],#station-locator input[type="checkbox"], #station-locator select, input#p_stn_num,  input#p_locSearch, .highlight-check{background-color:#F7F2D5!important;} 

/* by location */

/* station number */
form#climatedata {padding:10.4em .4em 0 0;  min-height:3.6em; clear:both; position:relative;} /* for ie 6 hasLayout */
form#climatedata fieldset {border-top:1px dotted #ccc; margin:0; padding-bottom:.4em;}

#ncc_obs_code_group {width:21em;}
/* select by location name */
#mapimage{height: 80px; width:150px; background-repeat:no-repeat; background-position: 0 0;}

#mapimage, div.more-info-finder  {
	float:right;
	width:150px;
	line-height:1.2;
	text-align:left;
}
.ALL{background-image:url(/climate/cdo/images/map_mini_aus.gif);}
.WA {background-image:url(/climate/cdo/images/map_mini_7.gif);}
.NT {background-image:url(/climate/cdo/images/map_mini_12.gif);}
.TAS {background-image:url(/climate/cdo/images/map_mini_11.gif);}
.SA {background-image:url(/climate/cdo/images/map_mini_9.gif);}
.QLD {background-image:url(/climate/cdo/images/map_mini_5.gif);}
.VIC {background-image:url(/climate/cdo/images/map_mini_3.gif);}
.NSW {background-image:url(/climate/cdo/images/map_mini_1.gif);}
.ANT {background-image:url(/climate/cdo/images/map_mini_13.gif);}
.ACT {background-image:url(/climate/cdo/images/map_mini_17.gif);}

div.more-info-finder a{text-decoration:none;}
/* select data type */
/* form fields styles - seach by name */

/* select and input widths */
select#ncc_obs_code, select#p_state, input#p_locSearch {width:18em;}
#nearest10, #matchList{
	width: 380px;
	margin: .4em 0 .6em 1.4em;
	display:block;
	clear:left;
}
select#year_select {width:6em;}

/* form fields styles - search by distance */
fieldset#distance-info input[type="text"] {margin-bottom: 0;}
fieldset#distance-info {margin-right: 130px;}
fieldset#distance-info .highlight {
	font-style:italic;
	font-weight:bold;
	color:#336666;
	font-size:120%;
}

#holdings{margin:0 ;padding:0 0 .6em 0;}
/*
#holdings h5.step{
	clear:both;
	padding:2px 2px 2px .6em; 
	margin:15px 0 10px 2px; 
}
*/

div#holdingsMessage {padding:1em 0 1em 20px; margin:0;}

img#holdings-img, img#timescale {
	display:block;
	margin: 0 0 0 20px;
}
img#holdings-img {padding-top: 10px;}

#radiusimage a{text-decoration: none;}

/* generic line format */
div.line {
	width: 388px;
	margin-left: 20px; 
	line-height:1.6em;
	padding:3px 0;
}

/* reinstate dynamic label when ie 6/7 css resolved */
/* #climatedata input#getData {padding-left:0;width:auto;}*/

#station-locator label{
	display:block;
	float:left;  
	width:9.4em; /* convert to pixels */
	vertical-align:bottom;
	}
#station-locator label.openStationinput {width:17em;}

.find, .inset{margin:.4em 0 .4em 10.8em; clear:left; display:block; width:60px; }
.findLoc {margin:-1px 0 .4em .4em; float:left; clear:none; display:block;/**/ width:60px; vertical-align:middle; }
.inset{margin-left:10.8em; clear:left; display:block; width:300px;}

input#p_locSearch {float:left; }

#station-locator  h5{padding:1em 2px 2px 20px; color:#000; margin:0; clear:both;}

#station-locator .top-step{margin-top:0;}

/* not in text tool */

/*Additional tools styles */
table#form-options {
	border: thin #ccc solid;
	border-collapse:collapse;
	padding: 10px 10px 5px 5px;
	margin-top: 8px;
	width: 590px;
	z-index:0;
}
h6.tools {
	background-image:url(/climate/cdo/images/symbols/bullet_green.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
h6.tools a {
	padding-right: 15px;
	background-image: url(/climate/cdo/images/symbols/next.png);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline;
	text-decoration: none;
	font-weight:normal;
	margin-left: 1.5em;
	line-height: 0.5;
}
div#metadata-info{
	border:thin #ccc solid;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-top: 8px;
}
div#metadata-info, div#sitelist-form {display:none;}
table#form-options td, table#form-options img {
	padding: 5px;
	vertical-align:middle;
}
form#pdfmetadata input {margin-left: 10px;}
p#get-number {padding-left: 30px;}

/* for js assigned mouse events */
.link{color:#069; text-decoration:underline; cursor:pointer;}
.link:hover {color:#F60;}

.right-block {border:none;}
.right-block h4{color:#000;padding-top:.6em}

/* dontClear = notice re: station differences */
#saveMe p, #dontClearNum p {margin:0;padding:0; color:#666; }
#saveMe img, #dontClearNum img{vertical-align:middle;margin-right:.4em;}
#saveMe img:hover, #dontClearNum img:hover{cursor:pointer;}
#saveMe, #dontClearNum{position:relative;}

#dontClearNum {clear:both; padding:.4em .2em;}

#cookieMessage, #clearingMessage  {display:none; position:absolute; width:170px; border:1px dotted #ccc; background-color:#fff; z-index:99;left:-46px;top: -86px; color:#000;}
#cookieMessage p, #clearingMessage p{padding:.2em; color:#666;}
#dataSelected {color:#000; font-size:1.2em;}
#dontClear {clear:both;}

img#close{font-size:9px;float:right;margin:1px;padding:1px;border:1px solid #ccc;}
img:hover#close{background-color: #CCC;}
img#close {width:7px;height:7px} 

#saveMe p span.inactive, #dontClearNum p span.inactive{color: #666;}
#dontClearNum p {font-size:.9em;}

span.access-info, label.access-info {position:absolute;left:-10000px;z-index: 2;background-color:#fff;}
@media print{.access-info{display:none;}}

.grey {color:#666;}
#searchByLocation, #searchByPosition {width:5em;}

#station-locator h4.menu-steps {padding:.4em .2em; margin-top:0;}
form#climatedata fieldset{margin-top:0;}
form#climatedata {margin-top:1.6em; padding:0; }

.help { padding:3px 3px 0 18px; height: 20px; width:auto; float:right; background-image:url(/climate/cdo/images/symbols/help.png); background-repeat:no-repeat; background-position: left 3px;}
.help a {display:block;}
#dataSelected {color:#000; font-size:1.2em;}
#dontClear {display:none;}

.diagnostic {border:1px solid #900;}

#searchGazetteer {width:340px;float:left;}
#matchingForm    {clear:both;border:1px solid #fff;}
#text            {float:left;clear:none;}
#posSearch       {width:220px; float:right; text-align:right;}
#radiusForm      {margin-top:0em;}
#tab2           {padding-top:1em;}
div.right-block  {width:206px;}
div.right-block div.box-feature{margin:4px; border-color: #CC9;position:relative;}
div.right-block h4 {margin-left:3px;color: #663;}
div.right-block p {color:#666;}
div.right-block strong {color:#000;}