body{font-family:arial,sans-serif;background-color:#000000;cursor:default}
.disclaim {font-size:14px;color:#caaa00;margin:0px auto -18px auto;text-align:center}

#dvMap {border:3px solid #202020; border-radius:15px; font-weight:normal;text-shadow:none;
margin-left:auto;margin-right:auto;width:99%; height:390px }

#dvMapCr {width:40%;font-size:11px;background:#bbbbbb;color:#505050;
text-shadow:none;font-weight:normal;position:relative;left:10px; bottom:52px }
#dvMap a {font-size:10px;text-decoration:none;}
.infonn {max-width:624px;margin-left:auto;margin-right:auto;}
.legend {font-size:11px;color:#bbeeff;margin:0px auto -18px auto;text-align:center;text-shadow: none;}
#noaanet{
margin:auto;
margin-top:20px;
border:2px solid #404040;
}
#noaanet2 {
font-family:arial, sans-serif;
color:#ababab;
text-align:justify;
font-size:12px;
text-shadow: 1px 1px 0px #000000;
height:320px;
background-image:url("thumbnails/AllHazardsNWRorg300.png");
background-repeat: no-repeat;
background-position: 168px 500px;
padding-top:10px;
margin-left:auto;
margin-right:auto;
}
#noaanet2 td {width:288px;padding-right:22px;vertical-align:top}
hr.gr{ border: 0; height: 1px; background: #0aa;
background-image: -webkit-linear-gradient(left, #333, #0aa, #333); 
background-image:    -moz-linear-gradient(left, #333, #0aa, #333); 
background-image:     -ms-linear-gradient(left, #333, #0aa, #333); 
background-image:      -o-linear-gradient(left, #333, #0aa, #333); 
}
.nahr {color:#4099f0;font-size:22px }  
.nrnava { font-size:12px; color:#00ffff; padding-left:26px; text-decoration:none;}      
.oops {color:#4099f0}
.pwwo {color:#4099f0;font-size:15px;float:right;margin-top:7px }
.pwsitea, .pwsiteb , .pwsitec, .pwsited
{white-space:nowrap;font-weight:bold }
.pwsiteb, .pwsitec {padding-left:40px;margin-right:18px;color:#00cccc}
.pwsitec {color:#4080bb; font-style:italic}
.pwsited {color:#80cccc;padding-right:18px}
#whyNot, #whoTips {opacity:.4}
/*#whyNot:hover, #whoTips:hover {opacity:1} */
#whyNot:hover, #whoTips:hover {background-image:url('opacity100.png');opacity:1;cursor:cell} 
#statable p	{text-align:left;margin:0in;margin-bottom:0px;font-size:12px;font-family:arial,sans-serif}
#statable {width:620px;margin-left:auto;margin-right:auto;font-size:12px;border-collapse:collapse;;border:1px solid #404040}
#statablehd {width:600px;margin-left:auto;margin-right:auto;text-align:center;font-size:1.2em;border-collapse:collapse;;border:none; color:#bbcaff;}
#statable td {padding:2px 6px 2px 6px;}
#statable tr:nth-child(even) {background: #202020;color:#80bbff}
#statable tr:nth-child(odd) {background: #000000; color:#bbcaff}
.flawwdv
{
  color: #ffffff;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-name: wintadv;
}
/* BEGIN TOOLTIP CSS:  below styles and positions tooltip*/
.tooltip {font-size:12px;font-weight:normal }
a.tooltip {outline:none;text-decoration:none;font-size:11px; }
a.tooltip strong {line-height:16px;font-size:13px; }
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:900;display:none; padding:10px 10px;
    margin-top:24px; margin-left:-265px;
    width:220px; line-height:16px;
}
a.tooltip span img {float:left;margin-right:5px}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #80aaee;  color:#eeeeee;
    background:#303030 url(ttgradient.png) repeat-x 0 0;
}
/*CSS3 extras*/
a.tooltip span
{ border-radius:5px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}
    /*END TOOLTIP CSS*/
	a {outline:none;text-decoration:none }