/* $Id$ */

#WNtemplate h1 {font-size:16px;font-weight:bold;color:#000;margin-bottom:8px;}
#WNtemplate h1.shift-up {margin-top:-20px;}
#WNtemplate pre {font-family:Helvetica,Arial,sans-serif;color:#333;line-height:1.3em;margin:5px 0 15px 0;}
#WNtemplate #wrapper {width:100%;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:1em;font-family:inherit;text-align:left;}
#WNtemplate #wrapper #content {margin-top:15px;}

#WNtemplate span.u-eng,#WNtemplate span.u-met {padding:0;}
#WNtemplate span.u-met {display:none;}
#WNtemplate div.u-switcher {font-size:9px;text-align:right;margin:10px 0 5px 0;}
#WNtemplate div.u-switcher span {cursor:pointer;}

#WNtemplate div.related {width:316px;}
#WNtemplate div.related h2 {height:12px;background:#2d578b;color:#fff;font-size:12px;font-weight:bold;padding:6px;}
#WNtemplate div.related div {border:1px solid #999;padding:8px;}
#WNtemplate div.related div div.col {float:left;border:0;padding:0;width:145px;margin-right:4px;}
#WNtemplate div.related div div.col-2 {margin-right:0;margin-left:4px;}
#WNtemplate div.related div div img {width:143px;margin-bottom:6px;border:1px solid #fff;}
#WNtemplate div.related div div a p {font-size:9px;color:#666;margin-bottom:2px;}
#WNtemplate div.related div div a:hover p {color:#000;}
#WNtemplate div.related div div a:hover img {border: 1px solid #748eda;}
#WNtemplate div.wxmap-col-rel div.wxmap-legend {margin-bottom:6px;}

#WNtemplate ul.sec {clear:both;height:22px;border-bottom:2px solid #132943;background:#2d578b;}
#WNtemplate ul.sec li {float:left;}
#WNtemplate ul.sec li a {display:block;font-size:10px;font-weight:normal;color:#c0cdde;margin-top:3px;padding:3px 5px 3px 5px;text-decoration:none;margin-bottom:1px;~padding:2px 5px 3px 5px;border-left:1px solid #6f94c1;}
#WNtemplate ul.sec li a:hover {background:#4378b9;color:#fff;}
#WNtemplate ul.sec li a.sel {color:#fff;background:#132943;}
#WNtemplate ul.sec li.name {margin-right:10px;}
#WNtemplate ul.sec li.name h2 {font-size:12px;font-weight:bold;color:#fff;padding:5px 10px 2px 6px;}
#WNtemplate ul.sec li.name h2 a {display:inline;background:transparent;color:#c0cdde;padding:0;margin:0;font-size:12px;}
#WNtemplate ul.sec li.name h2 a:hover {text-decoration:underline;}
#WNtemplate ul.sec li.name h2 span.detail a {font-size:inherit;}

#WNtemplate #content h1 {clear:both;height:17px;border-bottom:2px solid #132943;background:#2d578b;font-size:12px;font-weight:bold;color:#fff;padding:6px 10px 0 6px;}
#WNtemplate #content h1 span {font-size:.8em;font-weight:bold;font-style:italic;color:#bbc9da;padding-left:10px;}

#WNtemplate div.sidebar {float:left;width:320px;margin-left:10px;}
#WNtemplate div.sidebar img {margin-bottom:10px;}
#WNtemplate p.mapinfo {margin-top:-6px;margin-bottom:10px;font-size:9px;}
#WNtemplate p.mapinfo a {color:#666;}
#WNtemplate p.mapinfo a:hover {color:#000;}

#WNtemplate div.mapdetails {width:316px;font-size:10px;margin-top:10px;line-height:12px;color:#333;}
#WNtemplate div.mapdetails strong {font-weight:bold;font-size:11px;}
#WNtemplate div.mapdetails p {margin-bottom:1.1em;}

#WNtemplate div.gmap {border:1px solid #333;margin-bottom:10px;}
#WNtemplate div.gmap-wide {width:628px;height:160px;}
#WNtemplate div.gmap-full {width:960px;height:160px;}
#WNtemplate div.gmap-sidebar {width:318px;height:240px;}

#WNtemplate table.wx-chart {clear:both;width:100%;border-bottom:1px solid #132943;}
#WNtemplate table.wx-chart tr {}
#WNtemplate table.wx-chart tr.odd td, #WNtemplate ul li.odd {background:#efefef;}
#WNtemplate table.wx-chart tr.even td, #WNtemplate ul li.even {background:#e3e3e3;}
#WNtemplate table.wx-chart th {background:#132943;color:#c7d8ec;font-size:10px;font-weight:normal;text-align:center;padding:3px 6px;border:1px solid #fff;vertical-align:bottom;}
#WNtemplate table.wx-chart tr.sub th {background:#3854a2;}
#WNtemplate table.wx-chart td {font-size:10px;padding:6px;border-bottom:1px solid #fff;vertical-align:top;text-align:center;}
#WNtemplate table.wx-chart tr.div td {background:#4c86cf;color:#fff;font-size:12px;font-weight:bold;text-align:left;padding:7px;}
#WNtemplate table.wx-chart td img.icon {width:30px;height:31px;}
#WNtemplate table.wx-chart th.l, #WNtemplate table.wx-chart td.l {border-left:0;}
#WNtemplate table.wx-chart th.r, #WNtemplate table.wx-chart td.r {border-right:0;}
#WNtemplate table.wx-chart tr.linker td {font-size:10px;padding-bottom:0;padding-top:8px;;text-align:right;border:0;}
#WNtemplate table.wx-chart tr.linker td a {color:#000;}
#WNtemplate table.wx-chart tr.linker td.lnk-left {text-align:left;}
#WNtemplate table.wx-chart tr.today td {background:#fff;}

#WNtemplate #content h1 span.data-switcher {padding-left:15px;font-size:10px;font-weight:normal;font-style:normal;}
#WNtemplate #content h1 span.data-switcher a {padding:3px 5px;color:#c0cdde;border-left:1px solid #6f94c1;font-style:normal;font-weight:normal;font-size: 12px;}
#WNtemplate #content h1 span.data-switcher a:hover {background:#4378b9;color:#fff;}
#WNtemplate #content h1 span.data-switcher a.sel {background:#132943;color:#fff;}

#WNtemplate p.chart-info {margin-top:5px;font-size:9px;color:#666;}
#WNtemplate span.detail {font-size:.9em;font-weight:normal;padding-left:8px;}
#WNtemplate span.detail a {font-size:.9em;}
/* END globals */

/* BEGIN local */
#WNtemplate div.wx-col {float:left;width:630px;}

#WNtemplate ul.locbar {height:26px;border-bottom:3px solid #2d578b;margin-bottom:15px;}
#WNtemplate ul.locbar li {float:left;width:200px;height:15px;}
#WNtemplate ul.locbar li.nav {width:760px;}
#WNtemplate ul.locbar li.nav ul {clear:both;height:23px;}
#WNtemplate ul.locbar li.nav ul li {float:left;width:auto;}
#WNtemplate ul.locbar li.nav ul li a {display:block;height:15px;font-size:10px;font-weight:bold;color:#38529f;padding:8px 5px 5px 3px;background:#fff;text-decoration:none;~padding:6px 5px 7px 5px;}
#WNtemplate ul.locbar li.nav ul li a:hover {background:#efefef;color:#38529f;}
#WNtemplate ul.locbar li.nav ul li a.locname {background:#2d578b;font-size:12px;color:#fff;cursor:default;padding:7px 8px 5px 8px;}
#WNtemplate ul.locbar li.nav ul li a.sel {background:#748eda;color:#fff;}
#WNtemplate ul.locbar li.stats {text-align:right;font-size:9px;color:#666;padding-top:10px;}

#WNtemplate ul.wx-cur {clear:both;float:left;border:1px solid #666;margin:10px 0 15px 0;}
#WNtemplate ul.wx-cur li {float:left;width:184px;padding:4px 0;}
#WNtemplate ul.wx-cur li.info {font-size:9px;color:#666;padding:4px;line-height:11px;}
#WNtemplate ul.wx-cur li.info h3 {font-size:10px;font-weight:bold;text-transform:uppercase;color:#000;margin-bottom:3px;}
#WNtemplate ul.wx-cur li.temp {width:60px;font-size:24px;font-weight:bold;padding-top:15px;padding-right:8px;text-align:right;}
#WNtemplate ul.wx-cur li.wx {position:relative;width:170px;}
#WNtemplate ul.wx-cur li.wx img {width:40px;height:41px;}
#WNtemplate ul.wx-cur li.wx div {position:absolute;top:10px;left:60px;font-size:14px;font-weight:bold;line-height:16px;}
#WNtemplate ul.wx-cur li.detail {width:528px;padding-top:13px;font-size:11px;line-height:14px;}
#WNtemplate ul.wx-cur li.detail span {padding:0 10px 0 3px;font-weight:bold;font-size:9px;}
#WNtemplate ul.wx-cur li.detail span.u-eng,#WNtemplate ul.wx-cur li.detail span.u-met {padding:0;}

#WNtemplate ul.outlook {clear:both;margin-bottom:15px;}
#WNtemplate ul.outlook li {float:left;width:104px;margin-right:1px;border-bottom:1px solid #132943;}
#WNtemplate ul.outlook li h4 {font-size:12px;font-weight:bold;margin:5px;text-align:center;text-decoration:underline;}
#WNtemplate ul.outlook li p {text-align:center;margin:6px 0;}
#WNtemplate ul.outlook li p.icon img {width:55px;height:58px;}
#WNtemplate ul.outlook li p.wx {font-size:10px;font-weight:bold;height:35px;line-height:12px;}
#WNtemplate ul.outlook li p.temp {font-size:22px;font-weight:bold;}
#WNtemplate ul.outlook li.r {width:108px;margin-right:0;}

#WNtemplate table.wx-fcst td.day {width:100px;font-size:10px;color:#333;text-align:left;}
#WNtemplate table.wx-fcst td.day h3 {font-size:12px;font-weight:bold;margin-bottom:3px;color:#000;}
#WNtemplate table.wx-fcst td.icon {width:60px;}
#WNtemplate table.wx-fcst td.icon img {width:50px;height:51px;}
#WNtemplate table.wx-fcst td.wx {width:75px;padding-top:10px;text-align:left;line-height:13px;}
#WNtemplate table.wx-fcst td.temps {width:70px;}
#WNtemplate table.wx-fcst td.temps span {font-size:16px;font-weight:bold;padding-left:5px;line-height:20px;}
#WNtemplate table.wx-fcst td.temps span.hi {color:#990000;}
#WNtemplate table.wx-fcst td.temps span.lo {color:#003399;}
#WNtemplate table.wx-fcst td.temps span.pop {color:#33ff33;}
#WNtemplate table.wx-fcst td.detail {width:318px;text-align:left;padding-left:15px;}
#WNtemplate table.wx-fcst td.detail p {margin-bottom:5px;line-height:1.3em;}
#WNtemplate table.wx-fcst td.detail span {font-weight:bold;text-transform:uppercase;padding-right:4px;}

#WNtemplate table.wx-hist td {width:80px;font-size:11px;vertical-align:middle;padding:4px;}
#WNtemplate table.wx-hist td.timestamp {font-weight:bold;}
#WNtemplate table.wx-hist td.icon {width:40px;}
#WNtemplate table.wx-hist td.wx {width:120px;text-align:left;}
#WNtemplate table.wx-hist td.temp {font-size:14px;font-weight:bold;}

#WNtemplate table.wx-hydro td {width:110px;text-align:center;vertical-align:middle;}
#WNtemplate table.wx-hydro td.status {width:20px;}
#WNtemplate table.wx-hydro td.loc {width:220px;text-align:left;font-weight:bold;}
#WNtemplate table.wx-hydro td.name {font-weight:bold;}
#WNtemplate table.wx-hydro td.timestamp {width:200px;}
#WNtemplate table.wx-hydro td a {color:#333;}
#WNtemplate table.wx-hydro th.loc {text-align:left;}

#WNtemplate table.wx-tides td {width:110px;vertical-align:middle;}
#WNtemplate table.wx-tides td.timestamp {width:80px;font-size:11px;font-weight:bold;}

#WNtemplate div.gen-adv {margin-top:10px;}

#WNtemplate ul.wx-radarnav {clear:both;margin-bottom:15px;margin-top:2px;}
#WNtemplate ul.wx-radarnav li {float:left;}
#WNtemplate ul.wx-radarnav li a {display:block;font-size:11px;font-weight:bold;color:#666;padding:4px 6px;text-decoration:none;}
#WNtemplate ul.wx-radarnav li a:hover {color:#fff;background:#9bc1f2;}
#WNtemplate ul.wx-radarnav li a.sel {color:#efefef;background:#4c86cf;cursor:default;}
#WNtemplate #wx-radarmap {padding:0 0 10px 0;}
#WNtemplate #wx-radarmap div.radarmap {position:relative;margin:auto 0;width:624px;height:563px;}
#WNtemplate #wx-radarmap img {width:600px;height:566px;}
#WNtemplate #wx-radarmap div.radarmap div {position:absolute;top:0;left:0;}
#WNtemplate #wx-radarmap div.mapctrl {text-align:center;font-size:10px;font-weight:normal;margin-bottom:3px;}

#WNtemplate div.wx-advlist {clear:both;margin:10px 0 5px 0;font-size:11px;font-weight:bold;border:1px solid #ff0000;padding:4px;}
#WNtemplate div.wx-advlist a {color:#ff0000;margin-right:10px;}
#WNtemplate h3.adv {background:#990000;font-size:14px;font-weight:bold;color:#fff;border-bottom:2px solid #660000;margin-top:10px;padding:4px;}
#WNtemplate h3.no-adv {background:transparent;color:#333;font-weight:normal;font-style:italic;border:0;}

#WNtemplate form.data-selector {margin:10px 0;}
#WNtemplate form.data-selector div.l {float:left;width:483px;}
#WNtemplate form.data-selector div.r {float:left;width:483px;text-align:right;}
#WNtemplate form.data-selector div.r label {padding-right:0;}
#WNtemplate form.data-selector div.r select {margin-right:0;}
/* END local */

/* BEGIN maps */
#WNtemplate .wxmap-thumb {width:143px;height:107px;}
#WNtemplate .wxmap-sm {width:320px;height:240px;}
#WNtemplate .wxmap-sm-key {width:320px;}
#WNtemplate div.wxmap-col {float:left;width:642px;}
#WNtemplate div.wxmap-col div.mapdetails {width:640px;}
#WNtemplate div.wxmap-col-rel {float:left;margin-left:8px;overflow:hidden; }
#WNtemplate div.wxmap-col-rel div.related {width:310px; overflow:hidden;}
#WNtemplate div.wxmap-col-rel div.related div {padding:4px;}
#WNtemplate div.wxmap-col-rel div.related div div.col {width:140px;margin-right:0;}
#WNtemplate div.wxmap-col-rel div.related div div.col-2 {margin-left:-2px;}
#WNtemplate #wxmap-wrapper {border:1px solid #999;background:#ccc url(assets/wxmaps_bg.gif) repeat-y top left;}
#WNtemplate #wxmap-wrapper ul.nav {position:relative;clear:both;float:left;width:640px;border-bottom:1px solid #ccc;z-index:10;background:none;}
#WNtemplate #wxmap-wrapper ul.nav li > ul {display:block;margin:0;}
#WNtemplate #wxmap-wrapper ul.nav li {float:left;}
#WNtemplate #wxmap-wrapper ul.nav li.label {width:80px;padding:5px;font-size:9px;font-weight:bold;color:#333;text-transform:uppercase;}
#WNtemplate #wxmap-wrapper ul.nav li a {display:block;font-size:10px;font-weight:bold;color:#333;padding:3px 5px;background:url(assets/menu_arrow.gif) no-repeat bottom center;text-align:center;}
#WNtemplate #wxmap-wrapper ul.nav li.wxm-nav-el {position:relative;border-right:1px solid #ccc;margin-bottom:2px;z-index:60;}
#WNtemplate #wxmap-wrapper ul.nav li.wxm-nav-el a {padding-bottom:5px;}
#WNtemplate #wxmap-wrapper ul.nav li.wxm-nav-el a.on {background:#fff;}
#WNtemplate #wxmap-wrapper ul.nav li.custom-ctrls {width:200px;text-align:right;padding-top:8px;}
#WNtemplate #wxmap-wrapper ul.nav li.custom-ctrls label {float:left;font-size:9px;text-transform:capitalize;margin-bottom:2px;padding-right:0;}
#WNtemplate #wxmap-wrapper ul.nav li.custom-ctrls input#custom-datepicker {width:80px;}
#WNtemplate #wxmap-wrapper ul.nav li.custom-ctrls input.btn {margin-left:-8px;}
#WNtemplate #wxmap-wrapper ul.wxm-dd {z-index:50;}

#WNtemplate #wxmap-wrapper div.wxm-snav-wrap {position:absolute;top:auto;left:0;margin-top:0;}
/*#WNtemplate #wxmap-wrapper ul.wxm-snav-el {position:absolute;top:auto;left:0;margin-top:-2px;z-index:1;}*/
#WNtemplate #wxmap-wrapper ul.wxm-snav-el {position:absolute;top:0;left:0;border-right:1px solid #ddd;width:109px;}
#WNtemplate #wxmap-wrapper ul.wxm-snav-el li {clear:both;background:#fff;border-top:1px solid #ccc;}
#WNtemplate #wxmap-wrapper ul.wxm-snav-el li a {width:99px;padding:3px 5px;color:#666;background:transparent;}
#WNtemplate #wxmap-wrapper ul.wxm-snav-el li a:hover {color:#38529f;background:#efefef;}
#WNtemplate #wxmap-wrapper ul.wxm-snav-el li a.sel {background:#748eda;color:#fff;}

#WNtemplate #wxmap-wrapper ul.wxm-switch {margin-right:10px;position:relative;z-index:20;}
#WNtemplate #wxmap-wrapper ul.wxm-switch li {float:left;margin-right:1px;padding:2px 0;}
#WNtemplate #wxmap-wrapper ul.wxm-switch li a {display:block;font-size:10px;font-weight:bold;color:#666;background:#ccc;padding:3px 5px;}
#WNtemplate #wxmap-wrapper ul.wxm-switch li a:hover {color:#666;}
#WNtemplate #wxmap-wrapper ul.wxm-switch li a.on {color:#fff;background:#3e80d2;}
#WNtemplate #wxmap-wrapper ul.nav li ul.custom-map-switch {width:330px;}
#WNtemplate #wxmap-wrapper ul.nav li ul.row2 li {padding-top:0;}
#WNtemplate #wxmap-wrapper img.map {width:640px;height:480px;}
#WNtemplate #wxmap-wrapper img.maplegend {width:640px;}

#WNtemplate #wxmap-wrapper .wxm-snav-el-scroll-wrapper {position:absolute;top:0;left:0;width:335px;width:337px\9;height:300px;overflow-y:auto;background:#fff;overflow-x:hidden;}
#WNtemplate #wxmap-wrapper ul.wxm-snav-el-scroll {position:relative;width:333px;}
#WNtemplate #wxmap-wrapper ul.wxm-snav-el-scroll li a {width:333px;text-align:left;}


#WNtemplate #wxmap-wrapper div.gmap {border:0;margin-bottom:0;border-top:1px solid #999;}
#WNtemplate #wxmap-wrapper #mapform input {padding:0;margin:0;border:0;}

#WNtemplate #contourMapContainer {position:relative;font-weight: bold;font-size:10px;}
#WNtemplate #contourMapContainer .city {color:#FFFF00;cursor:pointer;cursor:pointer;}
#WNtemplate #contourMapContainer .cityShad {color:#000000;}
#WNtemplate #contourMapContainer .transdot {position:absolute;left:0;top:0;background-color:transparent;padding:0;border:none;}
#WNtemplate #mapLoadingStatus {position:absolute;top:100px;left:200px;width:200px;height:25px;background-color:#EEEEEE;color:#000000;font-size:12px;font-weight:bold;text-align:center;opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(opacity=80);}
#WNtemplate .mapOverlayImg {position:absolute;left:0;top:0;width:640px;height:480px;}

/* wide map overrides */
#WNtemplate div.wxmap-col-wide {width:802px;}
#WNtemplate div.wxmap-col-wide #wxmap-wrapper {background-image:url(assets/wxmaps_bg_wide.gif);}
#WNtemplate div.wxmap-col-wide #wxmap-wrapper ul.nav {width:800px;}
#WNtemplate div.wxmap-col-wide #wxmap-wrapper img.map {width:800px;height:600px;}
#WNtemplate div.wxmap-col-wide #wxmap-wrapper img.maplegend {width:800px;}
#WNtemplate div.wxmap-col-wide .mapOverlayImg {width:800px;height:600px;}
#WNtemplate div.wxmap-col-wide div.mapdetails {width:800px;}
#WNtemplate div.wxmap-col-wide-rel div.related {width:156px;}
#WNtemplate div.wxmap-col-wide-rel div.related div {padding:8px 4px;}
#WNtemplate div.wxmap-col-wide-rel div.related div div {padding:0;margin:0;}
/* END maps */

/* BEGIN tabular map data */
#WNtemplate div.wxmap-tabular-wrapper {margin-top:10px;}
#WNtemplate div.wxmap-tabular-wrapper table.nav {width:100%;clear:both;}
#WNtemplate div.wxmap-tabular-wrapper table.nav td {padding:3px 5px;background:#ccc;color:#666;font-size:10px;font-weight:bold;border:1px solid #fff;text-align:center;}
#WNtemplate div.wxmap-tabular-wrapper table.nav td a {color:#666;}
#WNtemplate div.wxmap-tabular-wrapper table.nav td.on {background:#748eda;}
#WNtemplate div.wxmap-tabular-wrapper table.nav td.on a {color:#fff;}
#WNtemplate div.wxmap-tabular-wrapper div.gen-wxt-info {display:none;}
#WNtemplate div.wxmap-tabular-wrapper div#wxt-info-loading {padding:20px 0;text-align:center;}
#WNtemplate div.wxmap-tabular-wrapper #table-lsr-summary td {width:50%;text-align:left;}
#WNtemplate div.wxmap-tabular-wrapper #table-lsr-summary td.l {text-align:right;}
/* END tabular map data */

/* BEGIN rivers */
#WNtemplate ul.obs-rivers {margin:6px 0 15px 0;}
#WNtemplate ul.obs-rivers li {float:left;width:420px;}
#WNtemplate ul.obs-rivers li h5,ul.obs-rivers li h6 {font-size:12px;font-weight:bold;margin-bottom:8px;text-decoration:underline;}
#WNtemplate ul.obs-rivers li h6 {font-size:11px;}
#WNtemplate ul.obs-rivers li p {font-weight:bold;font-size:12px;margin-bottom:6px;}
#WNtemplate ul.obs-rivers li div.stg {float:left;width:20px;}
#WNtemplate ul.obs-rivers li div.details {float:left;width:380px;}
#WNtemplate ul.obs-rivers li.stages {width:200px;}
#WNtemplate ul.obs-rivers li.stages p {clear:both;}
#WNtemplate #stn-obs td.stg {text-align:left;}
#WNtemplate #stn-obs tr.cur td {background:#ccc;font-weight:bold;}
#WNtemplate #stn-obs tr.fore td {background:#fff;border-bottom:1px solid #ddd;}
#WNtemplate #stn-obs tr.fore td em {padding-left:8px;font-size:10px;font-weight:normal;font-style:italic;color:#666;}
#WNtemplate #stn-graph {text-align:center;margin-top:5px;}
#WNtemplate #stn-impacts table {width:100%;margin-top:5px;}
#WNtemplate #stn-impacts table td {padding:3px 0;border-bottom:1px solid #ddd;}
#WNtemplate #stn-impacts table td.stg {width:40px;font-weight:bold;}
#WNtemplate #stn-hist div {float:left;width:315px;}
#WNtemplate #stn-hist div p {font-weight:bold;margin:5px 0;text-decoration:underline;}
#WNtemplate form#search-rivers {text-align:right;}
#WNtemplate form#search-rivers label.stn input {width:90px;}
/* END rivers */

/* BEGIN buoys */
#WNtemplate ul.obs-buoys {margin:6px 0 15px 0;}
#WNtemplate ul.obs-buoys li {float:left;width:250px;line-height:14px;}
#WNtemplate ul.obs-buoys li h5,#WNtemplate ul.obs-buoys li h6 {font-size:12px;font-weight:bold;margin-bottom:8px;text-decoration:underline;}
#WNtemplate ul.obs-buoys li h6 {font-size:11px;}
#WNtemplate ul.obs-buoys li p {font-weight:bold;font-size:12px;margin-bottom:6px;}
#WNtemplate ul.obs-buoys li p.datestamp {font-size:9px;font-weight:normal;color:#666;margin-top:-7px;~margin-top:-3px;}
#WNtemplate ul.obs-buoys li div.details {float:left;width:250px;}
#WNtemplate ul.obs-buoys li.info p {clear:both;}
#WNtemplate ul.obs-buoys li.pic {width:138px;}
#WNtemplate ul.obs-buoys li.pic img {width:138px;}

#WNtemplate table.wx-buoys-fcst td {text-align:left;}
#WNtemplate table.wx-buoys-fcst td.day {width:150px;font-weight:bold;}
#WNtemplate table.wx-buoys-nearby td.stn {width:100px;font-weight:bold;}
#WNtemplate table.wx-buoys-nearby td.desc {width:350px;text-align:left;}
/* END buoys */

/* BEGIN legends */
#WNtemplate div.legend {background:#efefef;padding:6px 4px;}
#WNtemplate div.legend div {padding:0;}
#WNtemplate div.legend span {display:block;float:left;padding-right:5px;font-weight:bold;}
#WNtemplate div.legend label,#WNtemplate label.legend {display:block;float:left;padding:1px 6px 0 3px;}
#WNtemplate div.stn-status {display:block;float:left;width:10px;height:10px;border:1px solid;line-height:10px;}
#WNtemplate div.wxmap-col-rel div.related div.stn-status {padding:0;}
#WNtemplate div.stat-river-0 {background:#00e300;}
#WNtemplate div.stat-river-1 {background:#ffff00;}
#WNtemplate div.stat-river-2 {background:#ff9900;}
#WNtemplate div.stat-river-3 {background:#ff0000;}
#WNtemplate div.stat-river-4 {background:#cc33ff;}
#WNtemplate div.legend-adv div.stn-status,#WNtemplate div.legend-wx div.stn-status {clear:left;margin-bottom:2px;border-color:#333;}
#WNtemplate div.legend-wx div.stn-status {width:25px;height:25px;margin-right:3px;margin-bottom:8px;background-repeat:no-repeat;background-position:0 0;}
#WNtemplate div.legend-adv label,#WNtemplate div.legend-wx label {font-size:9px;margin-bottom:2px;padding-top:1px;float:right;width:105px;}
#WNtemplate div.legend-wx label {width:100px;padding-top:0;}
#WNtemplate div.wx-dzl-lo {background-image:url(../images/wxlegend/drizzle_low.png);}
#WNtemplate div.wx-dzl-hi {background-image:url(../images/wxlegend/drizzle_high.png);}
#WNtemplate div.wx-fog-lo {background:#d3cb84;}
#WNtemplate div.wx-fog-hi {background:#fae004;}
#WNtemplate div.wx-shws-lo {background-image:url(../images/wxlegend/shws_low.png);}
#WNtemplate div.wx-shws-hi {background-image:url(../images/wxlegend/shws_high.png);}
#WNtemplate div.wx-rain-lo {background-image:url(../images/wxlegend/rain_low.png);}
#WNtemplate div.wx-rain-hi {background-image:url(../images/wxlegend/rain_high.png);}
#WNtemplate div.wx-stms-lo {background-image:url(../images/wxlegend/storms_low.png);}
#WNtemplate div.wx-stms-hi {background-image:url(../images/wxlegend/storms_high.png);}
#WNtemplate div.wx-ice-lo {background-image:url(../images/wxlegend/ice_low.png);}
#WNtemplate div.wx-ice-hi {background-image:url(../images/wxlegend/ice_high.png);}
#WNtemplate div.wx-wmix-lo {background-image:url(../images/wxlegend/mix_low.png);}
#WNtemplate div.wx-wmix-hi {background-image:url(../images/wxlegend/mix_high.png);}
#WNtemplate div.wx-snowshw-lo {background-image:url(../images/wxlegend/snowshws_low.png);}
#WNtemplate div.wx-snowshw-hi {background-image:url(../images/wxlegend/snowshws_high.png);}
#WNtemplate div.wx-snow-lo {background-image:url(../images/wxlegend/snow_low.png);}
#WNtemplate div.wx-snow-hi {background-image:url(../images/wxlegend/snow_high.png);}


/* END legends */

/* BEGIN services */
#WNtemplate table.services {clear:both;width:100%;}
#WNtemplate table.services tr {}
#WNtemplate table.services tr.odd td {background:#f7f8fc;}
#WNtemplate table.services tr.even td {background:#eaedf5;}
#WNtemplate table.services th {background:#243669;color:#fff;font-size:10px;font-weight:normal;text-align:center;padding:3px 6px;border:1px solid #fff;vertical-align:bottom;}
#WNtemplate table.services tr.sub th {background:#3854a2;}
#WNtemplate table.services td {font-size:10px;padding:6px;border-bottom:1px solid #fff;vertical-align:top;text-align:left;line-height:13px;color:#000;}
#WNtemplate table.services th.l, #WNtemplate table.services td.l {border-left:0;}
#WNtemplate table.services th.r, #WNtemplate table.services td.r {border-right:0;}
#WNtemplate table.services td.name {width:100px;font-size:14px;font-weight:bold;}
#WNtemplate table.services td.usage {width:150px;}
#WNtemplate table.services td.inc {width:340px;}
#WNtemplate table.services td.support {width:230px;}
#WNtemplate table.services td.cost {width:150px;font-size:14px;font-weight:bold;}
#WNtemplate table.services td span.detail {font-size:10px;font-weight:normal;margin:0;padding:0;}
#WNtemplate table.services td span.discount {font-size:10px;font-weight:normal;color:#ff0000;}
#WNtemplate table.services td.cost a span.discount {font-size:14px;font-weight:bold;}
#WNtemplate table.services td ul {list-style-type:disc;}
#WNtemplate table.services td ul li {margin-left:10px;font-size:10px;margin-bottom:3px;}
/* END services */

/* BEGIN special sections */
#WNtemplate div.about {line-height:16px;}
#WNtemplate div.about h1 {margin-bottom:20px;}
#WNtemplate div.about p {margin:10px 0;font-size:12px;}
#WNtemplate div.about p.salutation {margin-top:30px;font-weight:bold;}
#WNtemplate ol.terms,#WNtemplate ul.terms {list-style-type:decimal;margin:10px 0;}
#WNtemplate ol.terms li,#WNtemplate ul.terms li {margin:8px 0;margin-left:17px;font-size:12px;}
#WNtemplate ol.terms li span.heading {font-weight:bold;padding-right:10px;}
#WNtemplate ol.terms li h3 {font-weight:bold;clear:both;margin:12px 0 6px 0;}
#WNtemplate ul.terms {list-style-type:disc;}
#WNtemplate div.about p.ver {font-size:10px;color:#666;}
#WNtemplate table.contact {width:100%;margin-top:20px;}
#WNtemplate table.contact td {width:232px;text-align:left;vertical-align:top;}
#WNtemplate table.contact td.icon {width:90px;}
#WNtemplate div.hwvwrapper {text-align:center;width:968px;}
#WNtemplate div.hwvwrapper div {margin:0 auto;}
#WNtemplate div.user-msg {clear:both;margin:10px 0;border:1px solid #ff0000;padding:8px;font-size:12px;font-weight:bold;color:#ff0000;background:#FFC9C9;}
#WNtemplate div.user-msg a {color:#ff0000;text-decoration:underline;}
#WNtemplate div.user-msg a:hover {color:#880000;}
/* END special sections */

/* BEGIN subscrips */
#WNtemplate .ulevel-1 {background-image:url(../images/user_level1_nav.png);}
#WNtemplate .ulevel-2 {background-image:url(../images/user_level2_nav.png);}
#WNtemplate .ulevel-3 {background-image:url(../images/user_level3_nav.png);}
#WNtemplate .ulevel-4 {background-image:url(../images/user_level4_nav.png);}
#WNtemplate .ulevel-5 {background-image:url(../images/user_level5_nav.png);}
/* END subscrips */



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

#WNtemplate div.legend .row {border:0;height:100%;overflow:hidden; padding:0 !important;}