/* version 3.0b */
*{
/*	padding: 0; */
	margin: 0;
}

html, body {
	color: black;
	margin: 0 0 0 0;
	background-color: #ACA8A1;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 73%;  			/* Enables font size scaling in MSIE */
}
body {
	font-size: 9pt;
	text-align: center;
}
#pagina {
	border: 1px solid #959596;
	border-radius: 5px;
	margin: 0px auto;
	color: black;
	background-color: #E8E9E8;
	padding: 0;
/*	min-width: 800px;	*/			
}
.blockDiv {
	border-radius: 5px;	
	margin: 5px 5px; 
	color: black; 
	background-color: transparent;
	border: 1px solid grey;
	border-bottom: 3px solid grey;
	overflow: hidden;
}
.blockHead {
	font-size: 100%;
/*	border-radius: 3px;  */
	font-weight: bold;
	color:  white;
	background-color: #ACACAC;
	text-align: center;
	margin: 0;
}
#header {
	margin: 5px 5px 0px 5px;
	border-radius: 5px;	
	color: black;
	background-color: transparent;
	border: 1px solid grey;
	border-bottom: 3px solid grey; 
	}
.headerDiv {
	border: 0; padding: 0; margin: 0; width: 100%; height: 100%;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	background-color: #C5C5BA;
	font-weight:bold;
	opacity:0.7;
}
.headerUOM {
	border: 0; padding: 0; margin: 0;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	background-color: #C5C5BA; 
	font-weight:bold;
	width: 100px;
	height: 100px;
}
.headerWind {background-image: url(img/hdWind.png);}
.headerRain {background-image: url(img/hdRain.png); }
.headerHumid {background-image: url(img/hdHygro.png);}
.headerBaro {background-image: url(img/hdBaro.jpg);}
.headerThermo {background-image: url(img/hdThermo.jpg);}

.headerGizmo {
	margin-top: 4px; 
	text-align: right;
	background-color: transparent; 
	font-weight: normal;
}
.headerTitle {
	height: 40px; 
	text-align: right;
	margin: 0px 0px 0px 0px;
}
.headerTitle a {
	color: inherit;
	vertical-align: middle;
	text-decoration: none;
	font-size: 24px; 
	font-weight: bold;
	font-style: italic;
}
.headerTitle span {
	color: inherit;
	font-weight: normal;
}
.headerTemp {
	font-size: 30px;
	font-weight: bold;
	float: right;
	margin-left: 15px;
	margin-right: 5px;
	top: 0.18em;
	color: inherit;
}
.subHeader {
	color: inherit;
	float: left;
	clear: left;
	position: relative;
	font-size: 12px;
	margin: 0;
	padding: 0.5ex 1ex;
}
.subHeaderRight {
	color: inherit;
	font-size: 12px;
	text-align: right;
	margin:  0;
	padding: 0.5ex 2ex;
}
.warnBox {
	margin: 5px;
	border-radius: 5px;	
	background-color: #FFFF66;
	border: 1px solid grey;
	border-bottom: 3px solid grey; 
	color: black;
	text-align: center;
	overflow: hidden;
}
.wrnYellow	{background-color: #FFFF66;}
.wrnGreen 	{background-color: #99ff99;}
.wrnOrange	{background-color: #FECC33;}
.wrnRed 	{background-color: #FF6666;}

#info-ver {
	float: left;
	text-align: center;
	margin: 5px 0px 10px 0px;
	border: 0px;
	color: inherit;	
/*	width: 140px;  */
}
#info-ver p{
	background-color: inherit;
	min-height: 0px;
	border: 1px;
	border-style: solid;
	border-color: grey;
	border-radius: 5px;
	color: black;
	margin: 0px 2px 0px 6px; 
	border-bottom: 3px;
	border-bottom-style: solid;
	border-bottom-color: grey;
}
#info-ver a{
}
#info-ver img{
/*	margin: 0px;
	margin-top: 5px; */
	vertical-align: bottom;
	width: 100%; 	
}
#data-area {
	float: right;
	border-radius: 5px;
	color: black;
	margin: 0px 0px;
}
#data-area > p {
	margin: 1em 0 1.5em 0;
	padding: 0;
	}
#bottom {
	clear: both;
}
#footer {
	clear: both;
	font-size: 92%;
	text-align: center;
	margin: 5px;
}
img.bg {	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	}
.imgCCN {
	padding: 0px;
	vertical-align: middle;
	width:42px;
	}
.arrow			{width: 14px; height: 16px; border: 0; margin: 1px 3px;}	
iframe::-webkit-scrollbar {  
    display: none;
  } 
/*--------------------------------------------------
  tabbertab 
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive { margin-top:1em;}
.tabbernav {
	margin:0 0 3px 0;
	padding: 0 3px ;
	border-bottom: 0px solid #778;
	font: bold 12px Verdana, sans-serif;
/*	text-align: center;  */
}
.tabbernav li {
	list-style: none;
	min-height:40px;
	margin: 0;
	display: inline;
}
.tabbernav li a {
	padding: 3px 0.5em;
	min-height: 40px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	text-decoration: none;
	background-color: white;
	color: black;
}
.tabbernav li a:hover {
	color: #000;
	background: grey;
	border-bottom: none;
}
.tabbernav li.tabberactive a{
	border-bottom: none;
	height:40px;
}
.tabberlive .tabbertab {
	border:0px solid #aaa;
	overflow:auto;
	border-top:0;
}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}

.wsWxsimDateline {
/*	vertical-align: center; */
	height: 28px;
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-spacing: 4px;
	border-color: gray;
}
.myTemp {
	text-shadow:1px 1px black; 
	font-weight: bolder; 
	font-size: 200%; 
}
.recaptcha_nothad_incorrect_sol {width: 318px; margin: 0 auto;}
.centerDiv {
         width: 60%;
	 margin-left: auto;
         margin-right: auto;
         text-align: center;
}
.centerDiv99 {
         width: 99%;
	 margin-left: auto;
         margin-right: auto;
         text-align: center;
}
.centerDiv100 {
         width: 100%;
	 margin-left: auto;
         margin-right: auto;
         text-align: center;
}
.credits{
         font-family:Arial,Helvetica,sans-serif;
         font-size:.8em;
         font-style:italic;
         text-transform:none;
         letter-spacing:0.3em;
         text-align:center;
}
.centered-wrapper {
    position: relative;  
    text-align: center;

}
.centered-content {
    display: inline-block;
    vertical-align: middle;

}
.noscroll {
border:none;
margin:0;
height:800px;
width:750px; 
}
#iframespace { 
       display: block;
       width:512px;
       margin: 0;
       padding: 0;
       border: none;
}
.column-dark{
       color: black;
       background-color:#F1F8FE;
}
.column-light{
color: black;
background-color: white;
}
.div1{
width: 142px
}
.div2{
padding:2px;
background-color: #000000;
border: 1px;
border-style: solid;
}
.pollen-data STRONG{color:#1E2023
}
.pollen-data .pollen-table .even-four{width:25%
}
.pollen-data .pollen-table .key DIV{
color:#1E2023;
text-align:center;
white-space:nowrap;
margin-bottom:5px;
border:1px solid #333;
padding:0 5px;
height:20px;
line-height:20px
}
.pollen-data .pollen-table .levels{
text-align:center;
vertical-align:bottom
}
.pollen-data .pollen-table .levels DIV{
margin:0 auto;
width:35px;
border:1px solid #333
}
.pollen-data .pollen-table .levels P{
margin-top:5px;
font-size:1.125rem;
font-weight:bold;color:#1E2023
}
.pollen-data .pollen-table .temp-hi,.pollen-data .pollen-table .temp-lo{
font-size:0.9375rem;
margin:5px 0}@media only screen and (min-width: 40.063em){.pollen-data{padding-top:32px}
}
.viewport-full{
position:relative;overflow:auto
}
.panel{
text-align:center;
border-style:solid;
border-width:1px;
border-color:#d8d8d8;
margin-bottom:1.25rem;
padding:1.25rem;
background:#f2f2f2;
color:#696969
}
.panel>:first-child{
margin-top:0
}
.panel>:last-child{
margin-bottom:0
}
.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p,.panel li,.panel dl{
color:#696969
}
.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{
line-height:1;margin-bottom:0.625rem
}
.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{
line-height:1.4
}
.panel.callout{
border-style:solid;
border-width:1px;
border-color:#b6edff;
margin-bottom:1.25rem;
padding:1.25rem;background:#ecfaff;
color:#696969
}
.panel.callout>:first-child{
margin-top:0
}
.panel.callout>:last-child{
margin-bottom:0
}
.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p,.panel.callout li,.panel.callout dl{
color:#696969
}
.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{
line-height:1;
margin-bottom:0.625rem
}
.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{
line-height:1.4
}.panel.callout a:not(.button){color:#008FBF}.panel.callout a:not(.button):hover,.panel.callout a:not(.button):focus{
color:#007ba4
}
.panel.radius{
border-radius:5px
}
.advisoryBox {
	border: 2px solid #F00;
	color: #000000;
	padding: 5px;
	background-color: #FFC;
	margin: 0.5em 0;
         width: 75%;
	 margin-left: auto;
         margin-right: auto;
         text-align: center;
}