body{
background:#8f8f8f;
color:#000;
margin:0;
padding:0;
text-align:center;
}

#container{
text-align:center;
font-family:Arial;
color:#700394;
background-color: #b8dd22;
padding:0px;
margin:0 auto;
border:1px solid #23456B;
}

.top{
text-align:center;
padding:0 0 0 0
}

                        .toplinkscell{
padding:4px 0 2px;
text-align:center
}

                        .toplinkscell a{
color:blue;
}

h1{
font:bold 18px Arial;
color:#000000;
margin:0
}

#infobox{
color:#777;
font-size:12px
}

#fullversion{
font-size:1.2em
}

#footer{
font-size:11px;
text-align:center;
padding:0 0 0 0;
color:#CEDFF2;
}

#footer a{
font-weight:bold;
color:#CEDFF2;
}

#footer a:hover {
text-decoration: none;
}

.vouheadtablebg1 {
  background-color: #F2EE37;
}

.graphs {
  background-color: #ffffff;
}

.subheader{
background-color:#F2EE37;
border-bottom: 1px solid #C0C0C0;
padding:5px 1px 5px 1px;
}
.subheader_graphs{
background-color:#d3f18d;
border-top: 1px solid #C0C0C0;
padding:5px 1px 5px 1px;
}

.vouheadbutton1 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cbe465), color-stop(1, #a2ba36) );
	background:-moz-linear-gradient( center top, #cbe465 5%, #a2ba36 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbe465', endColorstr='#a2ba36');
	background-color:#cbe465;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #006600;
	display:inline-block;
	color:#006600;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 0px 3px 0px;
	text-decoration:none;
	width:45px;
}
.vouheadbutton1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a2ba36), color-stop(1, #cbe465) );
	background:-moz-linear-gradient( center top, #a2ba36 5%, #cbe465 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2ba36', endColorstr='#cbe465');
	background-color:#a2ba36;
}.vouheadbutton1:active {
	position:relative;
	top:1px;
}

.vouheadbutton2 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cbe465), color-stop(1, #a2ba36) );
	background:-moz-linear-gradient( center top, #cbe465 5%, #a2ba36 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbe465', endColorstr='#a2ba36');
	background-color:#cbe465;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #006600;
	display:inline-block;
	color:#006600;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 0px 3px 0px;
	text-decoration:none;
	width:75px;
}
.vouheadbutton2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a2ba36), color-stop(1, #cbe465) );
	background:-moz-linear-gradient( center top, #a2ba36 5%, #cbe465 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2ba36', endColorstr='#cbe465');
	background-color:#a2ba36;
}.vouheadbutton2:active {
	position:relative;
	top:1px;
}

.vouheadbutton3 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cbe465), color-stop(1, #a2ba36) );
	background:-moz-linear-gradient( center top, #cbe465 5%, #a2ba36 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbe465', endColorstr='#a2ba36');
	background-color:#cbe465;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #006600;
	display:inline-block;
	color:#006600;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 0px 3px 0px;
	text-decoration:none;
	width:100px;
}
.vouheadbutton3:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a2ba36), color-stop(1, #cbe465) );
	background:-moz-linear-gradient( center top, #a2ba36 5%, #cbe465 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2ba36', endColorstr='#cbe465');
	background-color:#a2ba36;
}.vouheadbutton3:active {
	position:relative;
	top:1px;
}

.vouheadbutton4 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cbe465), color-stop(1, #a2ba36) );
	background:-moz-linear-gradient( center top, #cbe465 5%, #a2ba36 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbe465', endColorstr='#a2ba36');
	background-color:#cbe465;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #006600;
	display:inline-block;
	color:#006600;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 0px 3px 0px;
	text-decoration:none;
	width:115px;
}
.vouheadbutton4:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a2ba36), color-stop(1, #cbe465) );
	background:-moz-linear-gradient( center top, #a2ba36 5%, #cbe465 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbe465', endColorstr='#a2ba36');
	background-color:#a2ba36;
}.vouheadbutton4:active {
	position:relative;
	top:1px;
}

.vouheadbutton5 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cbe465), color-stop(1, #a2ba36) );
	background:-moz-linear-gradient( center top, #cbe465 5%, #a2ba36 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2ba36', endColorstr='#cbe465');
	background-color:#cbe465;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #006600;
	display:inline-block;
	color:#006600;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 0px 3px 0px;
	text-decoration:none;
	width:110px;
}
.vouheadbutton5:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a2ba36), color-stop(1, #cbe465) );
	background:-moz-linear-gradient( center top, #a2ba36 5%, #cbe465 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2ba36', endColorstr='#cbe465');
	background-color:#a2ba36;
}.vouheadbutton4:active {
	position:relative;
	top:1px;
}

.source{
font:10px Arial;
color:#700394;
text-align:center;
padding:5px 0px 5px 0px;
}

.source1{
font:10px Arial;
color:#006600;
text-align:center;
padding:5px 0px 5px 0px;
}

.updated{
background-color:#d3f18d;
font:12px Arial;
color:#700394;
text-align:center;
padding:5px 0px 5px 0px;
border-top: 0px solid #F2EE37;
border-right: 0px solid #F2EE37;
border-bottom: 0px solid #F2EE37;
border-left: 0px solid #F2EE37;
}

.datahead{
font-weight:bold;
color:#F2EE37;
background-color:#006600;
font:16px Arial;
text-align:center;
padding:3px 0 3px;
}

.dataheadUVThunderAlert{
background-color:#b8dd22;
text-align:center;
padding:3px 0 3px;
}

.HZdousCond{
min-height:25px;
background-color:#d3f18d;
font:13px Arial;
text-align:center;
}

.HZdousCondtbl{
background-color:#F2EE37;

text-align:center;
border-bottom: 0px solid #C0C0C0;
}

.ajax_Value{
font-weight:bold;
}

.field {
  font: normal 15px Arial;
  text-align: center;
}
.fieldgreen {
  font: normal 15px Arial;
  text-align: center;
  color: #006600;  
}
.fieldleft {
  font: bold 15px Arial;
  text-align: left;  
}
.fieldright {
  font: normal 15px Arial;
  color: #006600;
  text-align: right;
}
.fieldtable {
  margin-top:3px;
  font-size:12px;
  border-collapse:collapse;
  background-color:#d3f18d;
}
.fieldtdth {
  border:1px solid #C0C0C0;
  padding:1px;
  text-align:center;
}
.fieldtdthleft {
  border-left:1px solid #C0C0C0;
  border-bottom:1px solid #C0C0C0;    
  padding:3px;
  text-align:left;
}
.fieldtdthright {
  border-right:1px solid #C0C0C0;
  border-bottom:1px solid #C0C0C0;  
  padding:3px;
  text-align:right;
}
.fieldtdthleftcenter {
  border-top:1px solid #C0C0C0;
  border-left:1px solid #C0C0C0;
  border-bottom:1px solid #C0C0C0;    
  padding:3px;
  text-align:center; 
  color: #006600;  
}
.fieldtdthcentercenter {
  border-top:1px solid #C0C0C0;
  border-bottom:1px solid #C0C0C0;  
  padding:3px;
  text-align:center;
  color: #006600;  
}
.fieldtdthrightcenter {
  border-top:1px solid #C0C0C0;
  border-right:1px solid #C0C0C0;
  border-bottom:1px solid #C0C0C0;  
  padding:3px;
  text-align:center;
  color: #006600;  
}

.statusbutton {
  width:20px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cbe465), color-stop(1, #a2ba36) );
	background:-moz-linear-gradient( center top, #cbe465 5%, #a2ba36 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbe465', endColorstr='#a2ba36');
	background-color:#cbe465;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #006600;
	display:inline-block;
	color:#006600;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:0px 0px 2px 0px;
	text-decoration:none;
}.statusbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a2ba36), color-stop(1, #cbe465) );
	background:-moz-linear-gradient( center top, #a2ba36 5%, #cbe465 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2ba36', endColorstr='#cbe465');
	background-color:#a2ba36;
}.statusbutton:active {
	position:relative;
	top:1px;
}

.watchBox {
  color: white;
  font-size: 14px;
  text-align: center;
  background-color: #0000A1;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(34,70,79);
}

.watchBox a {
  color: white;
}
.watchBox a:hover {
  color: white;
  background-color: inherit;
  text-decoration: underline;
}

.advisoryBoxnoactive {
  color: black;
  font-size: 14px;
  text-align: center;
  background-color: #007FFF;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(34,70,79);
}

.advisoryBox {
  color: black;
  font-size: 14px;
  text-align: center;
  background-color: #DCDCDC;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(34,70,79);
}
.advisoryBox a {
  color: black;
}
.advisoryBox a:hover {
  color: black;
  background-color: inherit;
 text-decoration: underline;
}

.warningBox {
  color: black;
  font-size: 15px;
  text-align: center;
  background-color: #FFFF00;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(255,255,255);
}
.warningBox a {
  color: black;
}
.warningBox a:hover {
  color: black;
  background-color: inherit;
  text-decoration: underline;
}

.tornadowarningBox {
  color: white;
  font-size: 15px;
  text-align: center;
  background-color: #CC0000;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(255,255,255);
}
.tornadowarningBox a {
  color: white;
}
.tornadowarningBox a:hover {
  color: white;
  background-color: inherit;
  text-decoration: underline;
}

@media screen{
#container {
    max-width: 360px;
	}
}

.ForecastDetails {
  padding-top: 3px;
  padding-left: 0px;
  height: 37px;
  line-height: 14px;
  background-position: left;
  background-repeat: no-repeat;
  text-align: right;
  font: 12px Arial;
}
.Sun {
  background-image: url(ajax-images/sun.png);
}

.Moon {
  background-image: url(ajax-images/moon.png);  
}

.title1 {
  background-color: #d3f18d; 
  color: #700394;
  font-size: 12px; 
  font-weight: normal; 
  text-decoration: none;
}
.title2 {
  background-color: #ffffff; 
  color: #700394;
  font-size: 10px; 
  font-weight: normal; 
  text-decoration: none;
}
.title3 {
  background-color: #ffffff;
  height:25px;   
}
.line1 {
  background-color: #B8DD22; 
  border-bottom: 1px solid #79901a;
}
.line2 {
  background-color: #B8DD22; 
  border-top: 1px solid #79901a;
}

.line3 {
  background-color: #ffffff; 
  border-top: 1px solid #C0C0C0;
}

.mobile_select{
width:130px;
height:20px;
overflow: hidden;
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px;
background:#F9F799;
text-align: center; 
}
.mobile_select select{
background:transparent;
width:130px;
padding:0px;
border: none;
font-size:12px;
color: #006600;
height:20px;-webkit-appearance:none;
text-align: center; 
}

.mobile_button{
background: #F9F799; 
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px; 
font-size:12px;
color: #006600; 
height:22px;
}
.mobile_button:hover{
background: #006600; 
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px; 
font-size:12px;
color: #F9F799; 
height:22px;
}

.mobile_text{
background: #F9F799; 
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px;
text-align: center; 
font-size:12px;
font-weight:bold;
color: #006600;
width:40px; 
height:17px;
}
.mobile_text:hover{
background: #E8E689; 
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px;
text-align: center; 
font-size:12px;
font-weight:bold;
color: #006600;
width:40px;  
height:17px;
}

/* NEXSTORM */
.nexstyle1 {font-family: verdana, tahoma, sans-serif; color: #FFFFFF;font-size: 10px;}
.nexstyle11 {font-family: verdana, tahoma, sans-serif; font-weight: bold; color: #B8DD22;font-size: 10px;}.tracreport {border-bottom: 1px solid #333333;padding: 3px 0 3px 0;}
.tracreporthead {background: #333333;padding: 2px;}
.NScredits {	color:white;font-style: italic;font-size: 10px;position:absolute;left:2px;bottom:0px;z-index:1;}
.NScredits a {text-decoration: none;}
.NScreditsb {color:white;font-style: italic;font-size: 10px;}
.NScreditsb a {text-decoration: none;color: #FFF;}
.dropdown {font-family:Verdana, Helvetica, Sans-Serif; font-size:10px; color:#000;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; font-size: 10px; font-weight:inherit !important;}
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#97adad !important; text-decoration:none !important; outline:none;}
.dropdown a:hover { color:#fff !important;}
.dropdown dt a:hover { color:#fff; border: 0px solid #000;}
.dropdown dt a {background:#000 url(./images/arrow.png) no-repeat scroll right center; display:block; padding-right:0px;border:0px solid #fff; width:95px;}
.dropdown dt a span {cursor:pointer; display:block; padding:0px;}
.dropdown dd ul { background:#333333 none repeat scroll 0 0; border:2px solid #000; color:#97adad; display:none;z-index:100;left:0px; padding:0px 2px 0 2px; position:absolute; top:2px; left:-45px; width:auto; min-width:95px; list-style:none;}  /* width of dropdown */
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:2px; display:block;}
.dropdown dd ul li a:hover { background-color:#000 !important;}
/* End of the AutoRange Dropdown */
/* Scrollpanel */
.scroll-pane{width: 99%;max-height: 405px;overflow: auto;}
.bscroll-pane{width: 99%;max-height: 405px;overflow: auto;}
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;background:red}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{position:relative}
.jspTrack .jspActive,.jspTrack .jspHover{background:#2B2B2B}
.jspDrag:hover{background:#626262}
.jspDrag{background:#424242;position:relative;top:0;left:0;cursor:pointer;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;background:url(http://static.nordicweather.net/nsdscroller/ui-icons_888888_256x240.png) no-repeat;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:none}
.jspCorner{background:#eeeef4;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}
.jspHorizontalBar,.jspVerticalBar,.jspTrack{background:#2B2B2B}
.jspVerticalBar>.jspActive,.jspArrow:hover{background-image:url('http://static.nordicweather.net/nsdscroller/ui-icons_3d80b3_256x240.png')}
.jspVerticalBar>.jspDisabled,.jspVerticalBar>.jspDisabled:hover,.jspHorizontalBar>.jspDisabled,.jspHorizontalBar>.jspDisabled:hover{background-color:transparent;background-image:url('http://static.nordicweather.net/nsdscroller/ui-icons_888888_256x240.png')}
.jspVerticalBar .jspArrow{height:15px}
.jspHorizontalBar .jspArrow{width:15px}
.jspArrowUp{background-position:0 0}
.jspArrowDown{background-position:-64px 0!important}
.jspArrowLeft{background-position:-96px 0!important}
.jspArrowRight{background-position:-32px 0!important}
.radio_button {
  padding: 0px;
     
}
.sound_button input[type=radio] {
   display: none;
}
.sound_button label {
color: #737373; 
border:1px solid #737373;-moz-border-radius: 3px; border-radius: 3px; 
padding: 0px 3px;
margin: 0px 5px 0px 0px;
background: #535353;
cursor: pointer;
}
.sound_button input:checked + label {
color: #B8DD22; 
border:1px solid #B8DD22;-moz-border-radius: 3px; border-radius: 3px; 
background: #535353;
}

.meteoalarm1 {
  color: #700394;
  font-size: 10px;
  font-weight: normal;
}
.meteoalarm2 {
  color: #700394;
  font-size: 11px;
  font-weight: normal;
}

.records_title {
  color: #700394;
  margin: 5px 0px 5px 0px;
  font-size: 12px;
  font-weight: bold; 
}
.records_text {
  color: #006600; 
  margin: 0px 10px 10px 10px;
  font-size: 11px;
  font-weight: normal;
  text-align:left;
}

.vouhead_records {
  background-color: #d3f18d;
  border: 1px solid #700394;
  margin-bottom: 15px;
}

/* ##### START cell_cell_contactform ##### */

#cell_contactform {
color: #700394;
background-color: #B8DD22;
text-decoration: none;
text-align: center;
line-height: 1.5em;
font-size: 75%;
margin: 5px;  
}

#cell_contactform h1 {
color: #700394;
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
text-decoration: underline;
font-size: 85%;
font-weight: bold;  
}
                
#cell_contactform a {
color: #006600;
background-color: transparent;
text-decoration: underline;
}

#cell_contactform img {
border: 0px;
}

#cell_contactform .errors {
color: #ff0000;
}

#cell_contactform .correct {
color: black;
}

#cell_contactform legend {
color: #006600;
font-size: 85%;
font-weight: bold;
}

#cell_contactform .title {
color: #700394;
font-weight: bold;
font-size: 85%;
margin-top: 2px;
margin-bottom: 5px;
}

#cell_contactform .field {
color: #700394;
font-size: 85%;
margin-bottom: 7px;
}

#cell_contactform .small {
font-size: 85%;
}

#cell_contactform .thanks {
margin-top: 15px;
color: #700394;
font-size: 100%;
margin-bottom: 15px;
}
/* ##### END cell_cell_contactform ##### */