@charset "utf-8";
/* for /climate/extremes/recent/ */

.meta, .footnote {background-color: #efefef; min-height: 1.5em; margin-bottom:2px; border-radius:4px; padding:4px 2px;}
.footnote { margin-bottom:1em; color:#666; font-weight:bold; text-align:center;}

#page-info {float:left; width:auto; background: url(/climate/images/symbols/icon-info-large.png) no-repeat; padding-left:28px; list-style:none; list-style-image:none; list-style-position:outside; margin-left:0;}
.help {text-align:right; float:right; width:auto;padding-top:3px; font-size:.9em;}

#top {
min-height:80px; 
border: 1px solid #efefef;
background-color:#efefef;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fff));
background-image: -webkit-linear-gradient(bottom, #efefef, #ffffff); 
background-image:    -moz-linear-gradient(bottom, #efefef, #ffffff);
background-image:     -ms-linear-gradient(bottom, #efefef, #ffffff);
background-image:      -o-linear-gradient(bottom, #efefef, #ffffff);
background-image: linear-gradient(bottom, #efefef, #ffffff);
}
#top  form {margin-bottom:0;}
.records fieldset {min-height:48px; border:2px solid #ccc; margin:1px; border-radius:4px;}

.areas, .stations {  border-radius:4px; margin:1px; width:49%; background-color:#efefef; float:left; min-height:44px;
border:1px solid #fff; border-right-color:#ccc; border-bottom-color:#ccc;
background-color:#efefef;
}
div:hover.areas, div:hover.stations {background-color:#fff;}
.areas label, .stations label {
	display:block; font-weight:bold;
	text-align:right;
	min-height:42px;
	line-height:42px;
	padding-right:10px;
}
.areas {background: #efefef url(/climate/extremes/recent/areas.png) no-repeat 2px 2px;}
.areas.active{background: #efefef url(/climate/extremes/recent/areas-o.png) no-repeat 2px 2px;}
.stations {background: #efefef url(/climate/extremes/recent/stations.png) no-repeat 2px 2px;}
.stations.active{background: #efefef url(/climate/extremes/recent/stations-o.png) no-repeat 2px 2px;}

label.temp-h , label.temp-l,  label.rain-h, label.rain-l { display:block;padding-top:3px; font-weight:bold; vertical-align:top;}

.block-60 {float:left; width:57%;}
.block-40 {float:left; width:40%;}

.rain label {padding-left:10px; }

p.line {clear:both; min-height:1.5em; padding:4px; margin:0; text-align:center;}
.line img {vertical-align: middle;}

.maps {position:relative; clear:both; margin-bottom:1em; }  

/* #areas-map { display:block; position:relative;} */

/* for national map graphic */
#national-records {
   position:absolute; top:40px; left:40px; width:90px; min-height:83px; text-align:center; 
   background:#efefef url(national-button-img.png) no-repeat 10px 10px; 
   border-radius:4px; border:1px solid #fff; border-right-color:#ccc; border-bottom-color:#ccc;
}


div#map {
	width: 794px;
	height: 500px;
	border: none;
}


.hidden {
	display: none;
}

#spinner-container {
  left: 771px;
  margin-top: -18px;
} 

/* Styling the popup */
.olPopup .article { 
    margin:4px;
    }
	
.olPopup .records p {margin:0; padding:3px}

.olPopup h3,.olPopup .name {color: #000; font-size: 1.1em; margin:0 0 0 4px; padding:3px; }
.olPopup  .stn-num {font-size: 11px; color: #666;}
.olPopup  h3 , .olPopup .stn-num {margin-left:4px;}
.olPopup  h4 {font-size: 1.0em; font-weight: bold; position:relative;padding:3px;}


.temp-h {color: #900;}
.temp-l {color: #06C;}

.rain-h {color: #339966;}
.rain-l {color: #B98B00;}

.olPopup  .value{display:block; position:absolute; right:0; top:3px; width:auto;}
.olPopup  .date {font-size: 11px; color: #666;}
.olPopup  .summary {font-size:1em; color: #000; line-height:1.5em;}
.olPopup .data-link a{margin:0; font-size: 11px; text-decoration: none; color:#069; padding-left: 10px; background: url("/climate/images/symbols/bullet-arrow.png") no-repeat left;}
.olPopup .data-link a:hover {cursor: pointer; border-bottom:1px dotted #069;}

.olPopup li.clusterlink {margin-bottom: 4px;}

.olPopup {
	font-size: 12px; 
	line-height: 11px;
	background: #F5F5F5 url("/climate/images/interface/gradient-grey-down.png") repeat-x scroll center top !important;
}
.olPopup table {
	width:95%;
}
.olPopup th {
	color: #666666; font-size:11px;
}
.olPopup h3 {
	margin: 0.2em 0.2em 0.3em;
	color: #000;
}
.olPopup table th h2 {
	font-size: 12px;
}
.olPopup td {
   padding-left:4px;
}

ul.clusteredPopup { padding-left: 10px; }



li.record {
	list-style-type: none;
	padding-left:16px ; 
	margin-left: 0;
}

li.t-h-s {
	background: url('/climate/extremes/images/dots/t-h-s-small.png') no-repeat 0px 3px; 
} 
li.t-l-s {
	background: url('/climate/extremes/images/dots/t-l-s-small.png') no-repeat 0px 3px;
} 
li.r-h-s {
	background: url('/climate/extremes/images/dots/r-h-s-small.png') no-repeat 0px 3px;
} 
li.r-l-s {
	background: url('/climate/extremes/images/dots/r-l-s-small.png') no-repeat 0px 3px;
}