/* CSS Document for Climate Data Online
Online climate data pages
Last updated 2010 12 15 */

/* Definitions for table and graph of climate data */

/* table#siteinfo */
table#siteinfo {
	border:1px solid #666;
	border-collapse:collapse;
	width:100%;
}

#siteinfo td {padding:3px;}

#siteinfo td strong {padding-right:0.5em;}
td#map-link {
	background-image:url(/climate/cdo/images/map_mini_aus_sm.gif);
	background-position:center;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 110%;
	width: 46px;
	height: 40px;
}
td#map-link a {
	position: relative;
	top: -4px;
	text-decoration:none;
	padding-left: 6px;
}
/* div#key */
#key {
	position:relative;
	text-align:right;
	margin: 1em 0 0 0;
	background-color:#F3F4EF;
	border:1px solid #EEE;
	border-bottom:none;
	height:1.5em;
	padding:4px;
}
#key span {margin:0 0.2em 0 0.75em;}
#key b {margin-right:0.25em;}
div#key .mousetip {
	text-align:left;
	background-image: url(/climate/cdo/images/accumulation.png);
	padding-left: 40px;
	padding-bottom:4px;
	float:right;
}
div.key-tall {min-height:2.6em;}

/*table.climatedata */
.climatedata {
	border-collapse:collapse;
	margin: 2px 0 0.25em 0;
	padding: 2px;
	width: 795px;
	font-size: 1em;
	text-align: right;
}
.climatedata td, .climatedata th {
	border: 1px solid #CC9;
	padding: 2px;
	padding-right: 4px;
	min-height: 19px;
	line-height: 1em;
}
.climatedata thead th, .climatedata tbody tr.year_row th {
	font-weight: bold;
	text-align: center;
	font-size: 90%;
	background-color: #CCCC99;
	min-height: 1em;
	padding: 4px 2px;
	border-right: 1px #996 solid;
	border-left: 1px #cc9 solid;
}

.climatedata tbody th {
	background-color:#F3F4EF;
	text-align:left;
	padding-left: 5px;
	font-weight:normal;
}
.climatedata  tbody th.graphcell, .climatedata tbody tr.graphcell td {
	background-color: #E5E5C3;
	padding: 2px 0px;
	border-right: 1px #996 solid;
	border-left: 1px #cc9 solid;
}
.climatedata tbody tr.graphcell th { padding-left:4px; font-size:1em;border-right: 1px #996 solid; background-color: #E5E5C3 !important;}

.climatedata tr:hover {background-color:#F3F4EF;}

td.notDay {background-color:#e6e6d1;}

/* table#dataTable */
tr#summary td, tr#summary th {border-top-width:2px;}
tr#summary td, tr#summary+tr td, tr#summary+tr+tr td {background-color:#F3F4EF;}
.climatedata tbody tr th:first-child a {border-bottom:dotted 1px #999; text-decoration:none; display:block; max-width: 2.5em; padding:0; margin: 1px;}

/* dive#table-options */
div#table-options {
	border:#666666 solid 1px;
	background-color: #EAEBE6;
	width: 792px;
	clear:both;
	padding: 0px 2px;
	line-height:3em;
	height:3em;
	margin:0px;
	margin-bottom:5px;
}
div#table-options label {
	font-weight:bold;
	padding:0 5px;
	float:left;
	font-size:90%;
	color:#666;
}
.button-pair {
	width:64px;
	display:inline;
	position:relative;
	line-height:11px;
	float:right;
}
.button-pair img {
	padding:0;
	margin:0;
	display:block;
	float:left;
}
div#yearSelect {
	border:1px #333 solid;
	background-color:#FFF;
	vertical-align:middle;
	margin:3px;
	padding:3px 3px 3px 0;
	/*width:140px;*/
	max-width:140px;
	float:left;
}
select.extra-controls {display:inline;}
div#table-options label#labelWeather {float:right;}
div#table-options select {margin-left:0.25em;}

/* additional styles */
div.box-feature {background-color: white;}

/*
.downloads{float:right; background:url(/climate/cdo/images/symbols/download.png) left center no-repeat; text-align:right; width:auto;padding-left:24px;background-color: #EBEBEB; padding-top:.1em}
.downloads a{padding-right:.6em; }
*/
/* transitional format */
span.downloads{
float:right; background:url(/climate/cdo/images/interface/gradient-grey-down.png) repeat-x;background-position:0 0; text-align:right; width:auto; 
border-color: #E5E5E5; background-color: #f5f5f5;
border-top-left-radius:10px; border-bottom-left-radius:10px; 
-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft:10px; 
-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;
}	
span.downloads a{padding:0 .6em; }
span.downloads a.spreadsheet, span.downloads a.pdf {background-image:none; padding-left:.6em;}

ul#page-info, ul.downloads {padding:.4em .2em .4em .4em;margin:0 0 .3em 0; width:auto;}
ul#page-info     {float:left;  background-position: left; padding-left:20px;}

ul.downloads a:link, ul.downloads a:visited{text-decoration:none; padding:0 4px 0 2px;}
ul#page-info li, ul.downloads li  {display:inline; border-right:1px dotted #ccc; padding:.3em;}
ul#page-info li:last-child, ul.downloads li:last-child {border-right:none;}
/* end transition */

.no-qc {
	color:#900;
	font-style:italic;
	font-weight:normal;
}
.graphcell {
  font-weight: bold;
  text-align: center;
  font-size: 90%;
  background-color: #E5E5C3;
  vertical-align: middle;
  padding:1px 0;
}
.cell_shade {
	background: #FFE3B3;
}

.formats {
	float:right;
	padding-right:10px;
}
.mousetip {
	display:block;
	color:#C00;
	background:url(/climate/cdo/images/symbols/cursor.gif) no-repeat left;
	padding-left:12px;
	margin-left:4px;
	clear:both;
}

h2+div.mousetip {margin-top:0.5em;}
a#monthlyLink {
	text-decoration:none;
	margin: 0 10px 0 40px;
}
select#date {float:left;}
.acc {color:#396;}
p#annualTotal {
	text-align:right;
	min-height:17px;
}
a.plot {
	background:url(/climate/cdo/images/symbols/graphstat.gif) no-repeat left center;
	padding-left:25px;
	text-decoration:none;
	margin-left:15px;
}
a.datalink {
	background:url(/climate/cdo/images/symbols/table-butt.gif) no-repeat left center;
	padding-left:25px;
	text-decoration:none;
	margin-left:15px;
}
a.plot:hover {text-decoration:underline}
p#prodCodeDisplay span {float:left;}

div#table-options label.no-float {float:none;}

/* styles for graph */
div#nav {
	float:left;
	background: #FFF;
	background-image: url(/climate/cdo/images/symbols/graphstat.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-top: 60px;
	vertical-align:middle;
	border: 1px solid #eee;
	padding:5px;
	padding-left: 25px;
}
div#nav ul {
	margin: 0px;
	padding-left: 18px;
	text-align: center;
	vertical-align:middle;
}
div#nav li {
	position: relative; 
	list-style: none; 
	margin: 0px; 
	float: left;
	width: auto; 
	padding: 5px;
	padding-bottom: 8px;  
	line-height: 0.8em; 
}
div#nav li+li {border-left: 1px solid #ccc;}
div#nav li#selected {
	background-image:url(/climate/cdo/images/symbols/arrow-small-up.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
	background-color:#E5E5C3;
	border: 1px solid #999  !important;
}
div#nav li:hover {background-color:#e5e5e1;}
p.top {
	width: 760px !important; 
	font-weight:normal;
}
div#nav li a {
	display: block; 
	text-decoration: none; 
	width: auto; 	
	color: #000099; 
	vertical-align:middle;
}
div#nav li a:hover {
	color: black; 
	text-decoration: underline;
}
div#nav>ul a {width: auto;}
img#datagraph {
	position:relative;
	margin-top: 5px;
	margin-left:10px;
	width: 960px;
	height: 480px;
	clear:both;
}
.indent-large {padding-left: 2em;}

.formats {
	float:right;
	padding-right:10px;
}


@media print{
#dataTable td i {
	position:relative;
	left:auto;
	z-index:0;
	display:block;
	font-size:.85em;
	color: #CCCC99;
	font-weight:normal;
} 
td, tr{vertical-align:top;}
#page {
	width: 99%;
	border: none; max-width: 99%;
}
#content-block {padding: 0px 1px;}
div#page-info, div#nav, .formats, div#table-options, .mousetip, .graphcell, .plot {display: none;}
table.climatedata {
	border: thin black solid;
	width:100%;
	max-width:100%;
	margin: 15px 2px 0px 2px;
}
td#map-link a {visibility: hidden;}
}


table.printedmetadata {border:none;}
table.printedmetadata td{border-collapse:collapse;}

/* check */
#p1961-1990 {display:none;}