/* $Id$ */

/* BEGIN reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1;color:black;background:white;}
ol,ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
/* END reset */

/* BEGIN structure */
#top {width:100%;}
#wrapper {margin:0 auto;width:970px;margin-bottom:15px;}
#header {margin-bottom:15px;height:90px;position:relative;}
#content {}
#content div.col1 {float:left;width:128px;position:relative;overflow:visible;}
#content div.col2 {float:left;width:650px;margin:0 10px 0 2px;}
#content div.col3 {float:left;width:180px;}
#content div.col2 div.col-half {float:left;width:325px;margin:0;}
#footer {width:100%;}
#footer .inner {margin:0 auto;width:970px;margin-top:10px;}
#header .search {position:absolute;top:0;right:0;height:37px;}
#header .nav {position:absolute;bottom:0;right:0;margin:0 10px 15px 0;}
/* END structure */

/* BEGIN globals */
html {height:100%;max-height:100%;}
body {background:#526285;color:#000;height:100%;max-height:100%;}

form input.hidden {display:none;}
form label {font-size:11px;font-weight:bold;}
form input,form textarea,form select {padding:3px;font-size:11px;color:#333;border:1px solid #999;background:#fff;}
/*form input {border:1px solid #C3C3C3;border-top-color:#7C7C7C;border-bottom-color:#DDD;background:url(assets/input_bg.gif) 0 0 repeat-x;}*/
form input:hover,form textarea:hover,form select:hover {border-color:#000;}
form input:focus,form textarea:focus,form select:focus {border:1px solid #333;background:#fff9b8;}
form input.btn {padding:2px;font-size:10px;font-weight:bold;color:#000;margin:0;cursor:pointer;}
form input.btn:hover {background:#ccc;border-color:#000;}
form input.chkbx {margin-right:5px;}

span.u-eng,span.u-met {padding:0;}
span.u-met {display:none;}
div.u-switcher {font-size:9px;text-align:right;margin:10px 0 5px 0;}
div.u-switcher span {cursor:pointer;}
a.img {margin-bottom:3px;}
a.img img {border:2px solid #efefef;}
a.img:hover img {border-color:#880000;}
.pg-shift {font-size:9px;font-weight:normal;text-align:right;margin:3px 0;}
p.mapinfo {font-size:9px;margin-bottom:8px;margin-top:-3px;}

.l {text-align:left;}
.c {text-align:center;}
.r {text-align:right;}
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { behavior: url(scripts/iepngfix.htc); border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }
/* END globals */

/* BEGIN typography */
body {font:normal normal normal 11px Arial,Helvetica,sans-serif;}
h1 {font-size:14px;font-weight:bold;}
h2 {font-size:12px;font-weight:bold;}
h2 span.detail {font-size:9px;font-weight:normal;color:#666;padding-left:6px;}
a {text-decoration:none;color:#255fd1;}
a:hover {text-decoration:underline;color:#0056ff;}
pre {font-family:Helvetica,Arial,sans-serif;color:#333;line-height:1.3em;margin:5px 0;}
/* END typography */

/* BEGIN header */
#top {background:#fff;}
#header {background:url(assets/header_bg_alt.jpg) no-repeat top left;}
#header .search {background:url(assets/search_bg_alt.gif) no-repeat top left;overflow:hidden;}
#header .search form {padding:9px 10px;}
#header form#locsearch div.search-wrapper {position:relative;width:176px;}
#header form#locsearch div.search-wrapper input.srch {position:absolute;left:6px;background:#fff url(assets/psearch_bg.gif) repeat-x top left;border:0;width:150px;height:14px;padding:2px;}
#header form#locsearch div.search-wrapper span.left {display:block;position:absolute;background:url(assets/psearch_left_alt.gif) no-repeat top left;width:6px;height:18px;}
#header form#locsearch div.search-wrapper span.right {display:block;position:absolute;right:0;background:url(assets/psearch_right_alt.gif) no-repeat top right;width:20px;height:18px;}
#header a#locsearch-submit {display:inline-block;width:20px;}
/* handle safari webkit */
/*#header form#locsearch div.search-wrapper input[type=search] {-webkit-appearance:textfield;-webkit-border-radius:0;-webkit-box-sizing:border-box;-webkit-margin-start:0;}*/
#header .nav {color:#efefef;font-size:12px;font-weight:bold;}
#header .nav a {color:#efefef;padding:0 5px;}
#header .nav a:hover {color:#fff;}
/* END header */

/* BEGIN footer */
#footer {background:#526285;border-top:4px solid #223c70;}
#footer a {color:#b2bfdc;}
#footer .inner {margin-top:10px;padding-bottom:40px;font-size:11px;font-weight:bold;color:#b2bfdc;}
#footer .breadcrumb a {margin-right:8px;}
#footer .copy {margin-top:10px;padding-bottom:10px;font-size:10px;font-weight:normal;}
/* END footer */

/* BEGIN vnav */
div.vnav {margin-left:-4px;width:128px;background:url(assets/vnav_base_bg.gif) no-repeat bottom left;padding-bottom:10px;}
div.vnav ul {}
div.vnav ul li {}
div.vnav ul li h3 {background:url(assets/vnav_li1_bg.gif) no-repeat top left;height:18px;padding:11px 12px 0 12px;font-size:11px;font-weight:bold;color:#fff;}
div.vnav ul li h3.top {background-image:url(assets/vnav_li1_top_bg.gif);}
div.vnav ul li ul {}
div.vnav ul li ul li {font-size:10px;font-weight:normal;}
div.vnav ul li ul li a {display:block;background:url(assets/vnav_li2_bg.gif) no-repeat bottom left;padding:4px 12px;color:#990000;text-decoration:none;}
div.vnav ul li ul li a:hover {background-image:url(assets/vnav_li2_hover_bg.gif);}
div.vnav ul li ul li a.sel {background-image:url(assets/vnav_li2_sel_bg.gif);}

div.vnav ul li ul li form {display:block;background:url(assets/vnav_li2_bg.gif) no-repeat bottom left;padding:3px 0 4px 12px;color:#3c3006;text-decoration:none;}
div.vnav ul li ul li form input.srch {width:75px;height:14px;padding:2px;}
div.vnav ul li ul li form #srch-img {width:15px; height:14px;padding:0; margin-left:2px; background:transparent; position:relative; top:4px; ~top:3px;}

div.vnav ul li ul li a#locsearch-submit2 {display:inline-block;width:20px;}

/* END vnav */

/* BEGIN tbars */
h1.tbar {background:url(assets/tbar_bg.gif) repeat-x bottom left;margin-bottom:6px;}
h1.tbar span {background:#fff;font-size:14px;font-weight:bold;color:#243558;line-height:12px;padding-right:5px;}
h1.tbar span.detail {font-size:12px;padding:0;padding-left:6px;}
/* END tbars */

/* BEGIN sidebar blocks */
div.sbblk {background-repeat:no-repeat;background-position:bottom left;padding-bottom:10px;}
div.sbblk h6 {background-repeat:no-repeat;background-position:top left;font-size:13px;font-weight:bold;padding:10px 8px 8px 8px;}
div.sbblk li {font-size:12px;background-repeat:repeat-y;background-position:top left;}
div.sbblk li a {display:block;padding:3px 8px;background-repeat:repeat-y;background-position:top left;}
div.sbblk-blue,div.sbblk-blue a {color:#fff;}
div.sbblk-blue,div.sbblk-blue h6 {background-image:url(assets/sbblk_blue_bg.gif);}
div.sbblk-nrw-blue,div.sbblk-nrw-blue h6 {background-image:url(assets/sbblk_nrw_blue_bg.gif);}
div.sbblk-blue li,div.sbblk-blue a {background-image:url(assets/sbblk_blue_inner_bg.gif);}
/* END sidebar blocks */

/* BEGIN global wxchart */
table.wx-chart {clear:both;width:100%;}
table.wx-chart tr {}
table.wx-chart tr.odd td, ul li.odd {background:#fafafa;}
table.wx-chart tr.even td, ul li.even {background:#efefef;}
table.wx-chart th {background:#284275;color:#fff;font-size:10px;font-weight:normal;text-align:center;padding:3px 6px;border:1px solid #fff;vertical-align:bottom;line-height:1.1em;}
table.wx-chart tr.sub th {background:#3963bd;}
table.wx-chart td {font-size:11px;padding:6px;border-bottom:1px solid #ccc;vertical-align:top;text-align:center;}
table.wx-chart tr.div td {background:#728abd;color:#fff;font-size:12px;font-weight:bold;text-align:left;padding:4px;}
table.wx-chart td img.icon {width:30px;height:31px;}
table.wx-chart th.l, table.wx-chart td.l {border-left:0;}
table.wx-chart th.r, table.wx-chart td.r {border-right:0;}
table.wx-chart tr.linker td {font-size:10px;font-weight:bold;padding-bottom:0;padding-top:5px;;text-align:right;border:0;}
table.wx-chart tr.linker td a {}
table.wx-chart tr.linker td.lnk-left {text-align:left;}
table.wx-chart tr.today td {background:#a39462;color:#fff;}
table.wx-chart td.timestamp {text-transform:uppercase;}
form.data-selector {margin:10px 0;}
form.data-selector select,form.data-selector input {font-size:10px;padding:1px;}
form.data-selector label {font-size:10px;}
form.data-selector div.l {float:left;width:50%;}
form.data-selector div.r {float:left;width:50%;text-align:right;}
form.data-selector div.r label {padding-right:0;}
form.data-selector div.r select {margin-right:0;}
/* END global wxchart */

/* BEGIN front wxoutlook */
div.wx-outlook-blk {position:relative;height:100px;background:url(assets/wxoutlook_front_bg.jpg) no-repeat top left;}
div.wx-outlook-blk h2 {margin-bottom:7px;padding:12px 0 0 8px;}
div.wx-outlook-blk ul {clear:both;}
div.wx-outlook-blk li {float:left;width:110px;margin-right:10px;font-size:10px;font-weight:bold;}
div.wx-outlook-blk li.cur {width:180px;font-size:12px;padding-left:8px;}
div.wx-outlook-blk li div {float:left;width:60px;line-height:11px;}
div.wx-outlook-blk li.cur div {line-height:12px;width:110px;}
div.wx-outlook-blk li div.icon {width:40px;margin-right:6px;}
div.wx-outlook-blk li div.icon img {width:40px;height:42px;}
div.wx-outlook-blk li span.temp {display:block;font-size:1.6em;line-height:1;margin-bottom:2px;}
div.wx-outlook-blk div.dt {position:absolute;bottom:0;height:17px;margin:5px 0 0 0;background:url(assets/wxoutlook_dt_bg.jpg) no-repeat bottom left;}
div.wx-outlook-blk div.dt ul {margin:0 1px;border-top:1px solid #ccc;}
div.wx-outlook-blk div.dt li {font-size:10px;font-weight:bold;color:#333;line-height:1;padding-top:2px;}
div.wx-outlook-blk div.dt li.linker {width:82px;text-align:right;padding-right:8px;color:#fff;font-weight:normal;margin:0;}
div.wx-outlook-blk div.dt li.linker a {color:#fff;}
/* END front wxoutlook */

/* BEGIN legends */
div.legend {padding:6px 4px;font-size:10px;}
div.legend div {float:left;padding:0;}
div.legend div.legend-div {margin-right:5px;font-weight:bold;}
div.legend div.legend-div-inner {margin-left:10px;}
div.legend span {display:block;float:left;padding:0 5px 0 2px;font-weight:normal;}
div.legend label,label.legend {display:block;float:left;padding:1px 6px 0 3px;}
div.legend-cell,div.stn-status {display:block;float:left;width:10px;height:10px;border:1px solid;line-height:6px;}
div.legend-adv div.stn-status,div.legend-wx div.stn-status {clear:left;margin-bottom:2px;border-color:#333;}
div.legend-wx div.stn-status {width:25px;height:25px;margin-right:3px;margin-bottom:8px;background-repeat:no-repeat;background-position:0 0;}
div.legend-adv label,div.legend-wx label {font-size:9px;margin-bottom:2px;padding-top:1px;}

div.stat-trop-td {background:#00e300;}

div.stat-river-0 {background:#00e300;}
div.stat-river-1 {background:#ffff00;}
div.stat-river-2 {background:#ff9900;}
div.stat-river-3 {background:#ff0000;}
div.stat-river-4 {background:#cc33ff;}
/* END legends */

/* BEGIN google maps */
div.gmap {border:1px solid #333;margin-bottom:6px;}
div.gmap-std {width:640px;height:480px;}
div.gmap-wide {width:520px;height:160px;}
div.gmap-extrawide {width:710px;height:160px;}
div.gmap-full {width:966px;height:160px;}
div.gmap-sidebar {width:318px;height:240px;}
/* END google maps */

/* BEGIN ad blocks */
div.ads {margin:12px 0;text-align:center;}
div.ads-top {margin-top:0;}
div.ads-sb {border-top:3px solid #ccc;border-bottom:3px solid #ccc;padding:4px 0;}
div.ads img {margin:2px 0;}
a.ad-bnr {display:block;clear:both;height:75px;cursor:pointer;border:1px solid #999;color:#fff;position:relative;font-size:12px;font-weight:bold;}
a.ad-bnr-vefx {display:block;clear:both;height:75px;cursor:pointer;border:0px solid #999;color:#fff;position:relative;font-size:12px;font-weight:bold;}
a.ad-tncn-bnr {background:url(/../images/bnr_tncn_bg.jpg) no-repeat top left; color:#FFF; }
a.ad-tncn-bnr p {position:absolute;top:25px;left:175px;width:345px;text-align:center;font-size:12pt;}
a.ad-travelvac-bnr {background:url(../images/bnr_travelvac_bg.jpg) no-repeat top left;}
a.ad-travelvac-bnr p {position:absolute;top:52px;left:25px;text-align:center;}
/* END ad blocks */

/* BEGIN utils */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
/* END utils */

/* BEGIN Manage Ad */
.highlightcolor{ background:#F2FCF4;  border : 1px dashed #BBBBBB;    }
/* END Manage Ad*/