/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas02/
*/

#map_canvas2 {
	height: 500px;
}


.yrtable {
width: 710px;
}

.yrheader {
border-bottom: 0px solid #424242;
padding: 3px;
font-size: 12px;
font-weight: bold;
}
.yrrow {
padding: 2px;
font-size: 12px;
text-align: center;
}
.yrrow_a {
border-top: 0px solid #424242;
padding: 2px;
font-size: 12px;
text-align: center;
width: 71px;
}

.yrrow_b {
border-top: 0px solid #424242;
padding: 2px;
font-size: 12px;
text-align: left;
padding-top: 10px;
}

.yrrow_aa {
padding: 2px;
font-size: 12px;
text-align: left;
font-style:bold;
background: #BCD2EE;
}

.below {
color: #1874CD;
}
.over {
color: #CD3333;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}

/* Main srcreen */


.currentcond_header {
font-size:1.0em; font-weight:600; margin:0;
text-align: center;
}

.gauges {
text-align: center;
vertical-align: top;
height: 160px;
}

.bgauges {
text-align: center;
padding: 4px;
border-left: 1px solid #BCD2EE;
}

.bgauges_r {
text-align: center;
padding: 4px;
border-right: 1px solid #BCD2EE;
border-left: 1px solid #BCD2EE;
}

.maxmin {
font-size: 0.9em;
line-height: 1.2em;
text-align: center;
}

.maxminb {
font-size: 0.9em;
line-height: 1.2em;
text-align: center;
background-color: #F0F0F0;
margin: 0;
padding: 3px;
border: 1px solid rgb(34,70,79);
line-height:1.3em;
}

.click {
font-size: 0.9em;
font-weight:300;
}

.topmenubar {float: left; background-image:url(img/back3.gif); float:left;background-repeat: repeat-x; width:930px; height: 25px; margin-top: 3px;margin-bottom: 6px;color:#fff;}
.topmenu a:link, .topmenu a:visited {color:#fff; text-decoration:none; /*font-weight:bold;*/ display: block;white-space: nowrap; padding: 0px 10px 0px 10px;margin-top: 0px;font-family: Arial; background-image:url(img/menu_a_bg.gif);background-repeat:no-repeat;background-position:right center;}
.topmenu ul {margin:0; list-style:none; padding-left:0px;}
.topmenu ul li {float:left; padding:0; line-height:25px;}
.topmenu ul li a:hover {color:#fff;background-color: #4C9428;}


/* TOP-ARROW */

.jsuparrow {background-color:#CDDBCD;border:0px none;color:#22464F;text-decoration:none;}
.jsupoutline {background:#CDDBCD none repeat scroll 0%;border:0px solid #2266AA;height:15px;left:0px;padding:0px;position:absolute;top:0px;width:24px;float:left;}

/* General layout */
body {background:#e0e0e0; color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
#container {background:#fff; margin:0 auto 20px; padding:5px 20px 20px; width:930px;}

/* Site title */
#logo {margin:20px 0 20px;}
#logo h1 a {border:none; color:#505050;}
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050; margin:0 0 20px 0;}

/* Tags */
a {color:#303030; text-decoration:none;}
a:hover {color:#303030; text-decoration:none;}
img {border:none;}
.imglink {outline: none;text-decoration: none;}
.imglink img {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.imglink:hover img {background-color:#grey; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.imglink2 {outline: none;text-decoration: none;}
.imglink2 img {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0; padding:2px;}
.imglink2:hover img {background-color:#grey; border:1px solid #d8d8d8; margin:0; padding:2px;}
.textlink {border-bottom:1px dotted #505050; color:#303030;}
.textlink:hover {border-bottom:1px solid #505050; color:#303030;}
.newstextlink {border-bottom:0px dotted #505050; color:#303030;}
.newstextlink:hover {border-bottom:1px solid #505050; color:#303030;}
h1 {font-size:2.8em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.8em; font-weight:400; margin:0 0 10px;line-height:1.3em;}
h4 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
h5 {font-size:1.2em; font-weight:600; margin:0 0 10px;}
p {line-height:1.5em; margin:0 0 15px; text-align:left;}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 3px 0;}

/* Toptabs menu */
#toptabs {font-size:.9em; margin:10px auto -13px; width:900px;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0 url(img/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(img/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(img/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#e0e0e0 url(img/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.navitab:hover {background:#d0d0d0 url(img/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#505050 url(img/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}

/* Header description area */
#desc {background:#505050 url(img/head.jpg) bottom left repeat-y; clear:both; color:#fff; /* height:200px; */ margin:5px 0 0; padding:0 0 5px 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* Main content */
#main {border-right:0px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:730px;}
.maincontent { font-size:1.1em; line-height:1.3em;width:100%;}

/* Sidebar */

#sidebar {float:right; width:160px;border-left:1px solid #d8d8d8;padding-left: 15px;}
#sidebar p {font-size:1em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(img/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:150px;}
ul.sidelink li a:hover {background:#e0e0e0 url(img/corner.gif) top right no-repeat; border:none; text-decoration:none;}
.boxleft { line-height:1.3em; }

ul.sidelink li ul li.submenu a{background:#f0f0f0; border-left:4px solid #e0e0e0; display:block; margin:0 10px 5px 10px; padding:3px 4px 3px 8px; text-align:left; width:135px;}
ul.sidelink li ul li.submenu a:hover {background:#e0e0e0; border-left:4px solid #e0e0e0; text-decoration:none;}
.boxleft { line-height:1.3em; }

/* Footer */
#footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0; text-align: center;}
#footer a {color:gray;}
#footer a:hover {color:#303030;}
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;}

/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#f0f0f0; padding:10px;}
.hide {display:none;}

/* Sideboxtable */

.news {
border : 0px solid #d8d8d8;
font-size : 12px;
line-height:1.3em;
}
.newstitle {
padding: 0 4px 0 4px;
background: #BCD2EE;
height: 20px;
background:url(img/sideback.png) repeat-x; height: 25px;
}
.newstext {
padding : 3px;
}

.faqbox {
background-color: #F0F0F0;
margin: 0;
padding:  0 5px 0 5px;
border : 1px solid #6DCF3A;
text-align: left;
line-height:1.3em;
}

.topfaqbox {
background-color: #F0F0F0;
margin: 0;
padding:  0 5px 0 5px;
border : 1px solid #6DCF3A;
text-align: left;
line-height:1.3em;
margin: 0 0 15px 15px;
width: 713px;
}

.subfaqboxc {
background-color: #F0F0F0;
margin: 0;
padding:  0 5px 0 5px;
border : 1px solid #6DCF3A;
text-align: left;
line-height:1.3em;
margin: 0 0 15px 15px;
width: 475px;
}

.subfaqbox {
background-color: #F0F0F0;
margin: 0;
padding:  0 5px 0 5px;
border : 1px solid #6DCF3A;
text-align: left;
line-height:1.3em;
margin: 0 0 15px 15px;
width: 230px;
}

.subfaqboxb {
/*background-color: #F0F0F0;*/
margin: 0;
padding:  0 5px 0 5px;
border : 1px solid #6DCF3A;
text-align: left;
line-height:1.3em;
margin: 0 0 15px 15px;
width: 230px;
}

.subfaqboxc {
background-color: #F0F0F0;
margin: 0;
padding:  0 5px 0 5px;
border : 1px solid #6DCF3A;
text-align: left;
line-height:1.3em;
margin: 0 0 15px 15px;
width: 380px;
}

.subfaqboxb IMG {
background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0; padding:2px;
}

.sunmoon {
background : #000000;
text-align : center;
border : 3px double #333333;
width : 720px;
color : #f2f2f2;
}
h3.sun {
border-bottom : 3px double #333333;
color : #ff8000;
padding: 6px 0 7px 0;
}
.sunsubs {
color : #ff8000;
font-weight:bold;
}

/* DASHBOARD */

.datahead {
padding: 3px;
font-weight: bold;
background: #BCD2EE;
height: 18px;
text-align: center;
}

.newshead {
padding: 3px;
font-weight: bold;
background:url(img/back3.gif) repeat-x; height: 15px; color:#fff;
text-align: left;
}

/* TABLES */

.tbl {
width: 700px;
}

.tbl2 {border : 1px solid #6DCF3A;}
.tbl_header2 {background:url(img/back3.gif) repeat-x; height: 25px; color:#fff;}

.middletbl {
width: 400px;
}

.stationdata, .stationname, .lstationdata, .rstationdata, .lstationname {
background: #EDEDED;
font-size: 10px;
font-family: verdana, tahoma;
}

.stationdata_b, .stationname_b,.lstationdata_b, .rstationdata_b, .lstationname_b{
background: #F7F7F7;
font-size: 10px;
font-family: verdana, tahoma;
}

.stationname, .stationname_b {
padding: 1px 0 1px 5px;

}

.stationdata, .stationdata_b {
text-align: center;
padding: 1px 5px 1px 0;
}

.lstationdata, .lstationdata_b {
text-align: left;
padding: 1px 5px 1px 5px;
}

.rstationdata, .rstationdata_b {
text-align: right;
padding: 1px 5px 1px 5px;
}

.stationhead {
padding: 0 1px 0 1px;
background: #BCD2EE;
height: 16px;
text-align: center;
}

.stationhead h4{
margin: 0;
padding: 3px;
font-size: 10px;
font-family : Verdana, Tahoma, Arial, sans-serif;
font-weight: bold;
}

/* MINITABLES */

.tbl_small {
width : 320px;
border : 1px solid #d8d8d8;
border-collapse : collapse;
}

.left_small {
padding-left : 5px;
width : 160px;
border-top : 1px solid #d8d8d8;
background-color : #f2f2f2;
text-align : left;
padding-top : 4px;
padding-bottom : 4px;
}

.right_small {
padding-left : 5px;
border-top : 1px solid #d8d8d8;
background-color : #f2f2f2;
text-align : left;
padding-top : 4px;
padding-bottom : 4px;
}
.top_small {
padding: 0 1px 0 1px;
background: #BCD2EE;
height: 16px;
text-align: center;
}

/* MICROTABLES */

.tbl_micro {
border-collapse : collapse;
font-size : 0.9em;
}

.left_micro {
padding-left : 5px;
background-color : #f2f2f2;
text-align : left;
padding-top : 4px;
padding-bottom : 4px;
}

.right_micro {
padding-left : 5px;
background-color : #f2f2f2;
text-align : left;
padding-top : 4px;
padding-bottom : 4px;
}

.left_micro_b {
padding-left : 5px;
background-color : #F7F7F7;
text-align : left;
padding-top : 4px;
padding-bottom : 4px;
}

.right_micro_b {
padding-left : 5px;
background-color : #F7F7F7;
text-align : left;
padding-top : 4px;
padding-bottom : 4px;
}
.top_micro {
padding: 0 1px 0 1px;
height: 16px;
text-align: center;
background:url(img/back3.gif) repeat-x; height: 25px; color:#fff;
}

.top_bmicro {
padding: 3px;
height: 16px;
text-align: center;
background:url(img/back3.gif) repeat-x; height: 25px; color:#fff;
}

/* TOPFORECAST */

.topforecast {
line-height : 1.4em;
vertical-align : top;
text-align : center;
}
.topforecasttemp {
line-height : 1.4em;
font-size : 12px;
vertical-align : top;
text-align : center;
}
.topforecast IMG {
background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;
}
.topforecasttext {
line-height : 1.4em;
text-align : left;
}

/* BALLOONS */

      
      #map_canvas2 {
      height: 650px;
      width: 720px;
      font: 12px Arial;
      }

      
       
      #maptip {
     /* background: #4D4D4D;*/
      background: #666;
      border: 1px solid #000;
      color: #fff;
      font: 12px arial, sans-serif;
      margin: 0px;
      width: 285px;
      padding: 3px 5px;
      position: absolute;
      top: -50000px;
}

.tip {
      color: #fff;
      font: 11px tahoma, sans-serif;
      border-bottom: 0px solid #777;
}

.stat {
      color: #fff;
      font: 11px tahoma, sans-serif;

}

.GMtip {
color: #FFF;
}

.GMtip_cam {
text-align: center;
display: block;
}
.GMtip_cty {
font-family: Arial, Tahoma;
font-weight: bold;
background: #444;
padding: 2px;
display: block;
min-width: 280px;
width: auto !important;
width: 270px;
}
.subhead {
font-family: Arial, Tahoma;
font-weight: bold;
/*background: #777;*/
background: #444;
padding: 2px;
/*color: #FFDEAD;*/
color: #FFF;
}
.subhead2 {
font-family: Arial, Tahoma;
font-weight: bold;
background: #444;
color: #FFF;
}
.subdata {
padding: 2px;
}
.GMtip_time {
float: right;
}
.GMtip_max {
font-size: 10px;
font-family: Arial, Tahoma;
color: #FFC0CB;
font-weight: bold;
padding: 2px;
}
.GMtip_min {
font-size: 10px;
font-family: Arial, Tahoma;
color: #87CEFA;
font-weight: bold;
padding: 2px;
}
.GMtip_trac_h {
font-family: Arial, Tahoma;
color: #000;
font-size: 11px;
}
.GMtip_trac {
font-family: Arial, Tahoma;
color: #000;
font-size: 11px;
}
.GMtip_tmp {
font-family: Arial, Tahoma;
font-weight: bold;
font-size: 15px;
margin-bottom: 5px;
margin-top: 5px;

}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(./Nordic-images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(./Nordic-images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e{
position:absolute;
top: 0;
border: 0px solid #657f27; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 10px Tahoma;
line-height:18px;
z-index:100;
background-color: #4C9428;
width: 200px;
visibility: hidden;
}


.dropmenudiv_e a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #657f27; /*THEME CHANGE HERE*/
//border-bottom-width: 0px;
padding: 2px 0;
text-decoration: none;
color: #505050;
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
background-color: #505050;
color: #fff;
}