/* CSS Document */
/* TEST */

#left-block {display:none !important;}
#content-block, #content-block1 {width:auto; padding-left:20px;}
.box-feature {box-sizing: border-box; margin-right:10px; margin-bottom: 2em;padding:10px;}
#nav-path {float:none; margin-left: 20px; margin-bottom: 1em;}
h1 {font-size:1.8em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
/* table.statsdata */

table.statsdata {
		border-collapse:collapse;
	margin: 0px 10px;
	padding: 2px;
	width: 99%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-align: right;
	color: black;
	background-color: white;
 }
 
table.statsdata a {

	color: #000099;
	text-decoration: none;
	display: block;
}

table.statsdata a:hover {
	color: black;
	text-decoration: underline;
}

table.statsdata thead {
	background-color: #CCCC99;
	}
	
div#primarySite table.printedmetadata td{
font-size:small;
}

/* th */

table.statsdata th {
  font-weight: bold;
  text-align: center;
  font-size: 90%;
 /*  width: 5%; */
  background-color: #CCCC99;
  vertical-align: middle;
  min-height: 1em;
}

table.statsdata th.nographcell {
  width: 21px;
}

table.statsdata th.screentitletop {
	text-align: left;
	width: 20%;
		font-size: 110%;
	border-right-color: #EAEAEA;
}

table.statsdata th.screentitle {
	background-color: #CCCC99;
	border-right: 1px #EAEAEA solid;
		border-left: 1px #EAEAEA solid;
	font-size: 110%;
	text-align: left;
		border-bottom: 1px #CC9 solid;
	
}

/* td */

table.statsdata td {
	vertical-align:middle;
	padding: 2px;
	min-height: 19px;
	line-height: 1em;
}


table.statsdata td.date, table.statsdata td.w-rose {
 text-align: center;
}


table.statsdata th.row-heading {
	background-color: #E5E5C3;
	font-size: 110%;
	text-align: left;
font-weight: normal;
	color: #000000;
			border-right-color: #E5E5C3;

}

table.statsdata th.row-heading-graph {
	background-color: #E5E5C3;
		border-left-color: #E5E5C3;

}

table.statsdata th.row-subheading {
	background-color: #EAEBE6;
	font-size: 100%;
	color: #333333;
	padding-left: 15px;
	text-align:left;
}

table.statsdata th.row-subheading-graph {
	background-color: #EAEBE6;
}

.graphbutt, windrose {
	display: block;
	margin: 1px auto;
	border: none;
}

/* first column styling */

col#firstcol {
	text-align: left;
	background-color:#F3F4EF;
	border-right: none;
	padding-left: 5px;
	padding-right:20px;
	background-image:url(/climate/cdo/images/symbols/inpage-info.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

table.statsdata tr > td:first-child {
	text-align: left;
	background-color:#F3F4EF;
	border-right: none;
	padding-left: 5px;
		padding-right:20px;
	background-image:url(/climate/cdo/images/symbols/inpage-info.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

table.statsdata tr > td:first-child:hover {
background-color:#e5e5e1;
}

/* remove unwanted background image from non-linked first table cells in row */
table.statsdata th {
	background-image:url(/climate/cdo/images/divfiller.gif);
}

table.statsdata th.bg-white {
background-color: white;
			border-left: 1px solid white;
	border-right: 1px solid white;
	}
	
	table.statsdata,  table.statsdata td, table.statsdata th {
	border: 1px solid #CC9;
	}
	
	table.statsdata th {
		border-right: 1px #EAEAEA solid;
		border-left: 1px #EAEAEA solid;
		}
		
img.nograph {
border: none;
width: 19px;
height: 17px;
	display: block;
	margin: 1px auto;
}

div#tableborder {
border: black 1px solid;
}

a.pageanchor {
display:inline;
font-size:xx-small;
text-decoration:none;
}

div#table-options {
border:#666666 solid 1px;
background-color: #EAEBE6;
margin:5px 0px 5px 10px;
vertical-align:middle;
text-align:left;
color: black;
width: 974px;
min-height: 28px;
padding: 10px 4px;
clear:both;
}

div#site_metadata {
margin-bottom: 5px;
}

.working {
visibility: visible;
}

/* --- top of page link */
table.statsdata th .top, table.statsdata th p.top{
background-image: url(/climate/cdo/images/symbols/top.gif); left:2px;}

div#wholepage {
	width: 100%;
	position: relative;
	background-color:#fff;
	padding: 0px 2px;
}

div#wholepage div#left-block {
float:left;
margin-right: 5px;

}

div#wholepage div#left-block #sub-block {
	position:relative; 
	left: 0px;
	/*max-width:770px*/; 
	width:750px; 
	margin:12px 0 0 0px; 
	padding:0 200px 0px;
	background-color:#33FF00;
}


table.statsdata {
/*width:auto;*/
margin-left: 1%;
margin-right: 1%;
}

div.working {
	color: #000000;
	background-color: #FFFFFF;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	border: 1px solid #666666;
/*	display:inline; */
float:right;
	font-size: small;
}

.recalc {
	background-color: #666633;
	height: 20px;
	color: #FFFFFF;
	text-align:left;
	padding-left: 3px;
	padding-right: 26px;
	margin: 2px;
	background-image: url(/climate/cdo/images/bg_go.png);
	background-position: right; 
	background-repeat:no-repeat;
}

#page-bottom {
	margin:0;
	text-align:left; 
	min-width:760px;
	width:995px;
	padding-left: 5px;
	}

#content-block1 {
	/*position:relative; 
	float:right;*/
	width:650px; 
	background-color:#fff; 
	margin:12px 0 0 0px; 
	padding:0;
	padding-left: 30px;
text-align:left;}

div#table-zoom {
float:right;
font-size: 12px;
padding: 4px;
height: 26px;
text-align:left;
vertical-align:middle;
padding-top: 5px;
padding-left:35px;
}

#table-container {
clear:both;
 width:995px;
}

.highest {
	color: #EE0000;
	font-size:inherit;
}

.lowest {
	color: #0000EE;
}
div#highlow {
	float: right;
	margin-right: 50px;

}

/* required for amdiss new format */
#content-block {
	float:right;
}
#left-block {
	float:left;
}
#loading{display:none;}

@media print {
td.graphcell, td.nographcell, th.nographcell, th.row-heading-graph, div#table-zoom {
display: none;
}

#page-bottom {
 max-width:98%;
	width:98%;
	padding-left: 5px;
	margin: 0px;
	}
	
/* #wholepage #content-block1 #sub-block{
margin-left: 1%
}
*/

col#firstcol {
	background-color:white;
	padding-right:5px;
}

table.statsdata tr > td:first-child {
	background-color:white;
	padding-right:5px;
}

#page {
width: 99%;
border: none; max-width: 99%;
}

#content-block {
padding: 0px 1px;
}

div#page-info {
display: none;
}

table.metadata {
margin-bottom: 10px;
}

table.statsdata {
border: thin black solid;
 width:100%;
 max-width:100%;
 margin: 15px 2px 0px 2px;
}

/*table.statsdata td {
font-size: 1em;
}
*/
div#table-container {
clear:both;
 width: 99%;
 max-width:99%;
font-size:9pt !important;
}

}