#wxDirectoryOddRow {
background : #dadada;
height:12px;
}
#wxDirectoryEvenRow {
background : #f5f5f5;
height:12px;
}
#wxDirectoryEvenRow a:link{
font-family :Calibri;
font-size : 12px;
color : #000099;
font-weight : bold;
text-decoration : none;
}
#wxDirectoryEvenRow a:visited{
font-family :Calibri;
font-size : 12px;
color : #000099;
text-decoration : none;
font-weight : bold;
}
#wxDirectoryEvenRow a:active {
font-family :Calibri;
font-size : 12px;
color : #000099;
text-decoration : none;
font-weight : bold;
}
#wxDirectoryEvenRow a:hover {
font-family :Calibri;
font-size : 12px;
color : #000099;
text-decoration : none;
font-weight : bold;
}



#wxDirectoryOddRow a:link{
font-family :Calibri;
font-size : 12px;
color : #000099;
font-weight : bold;
text-decoration : none;
}
#wxDirectoryOddRow a:visited{
font-family :Calibri;
font-size : 12px;
color : #000099;
text-decoration : none;
font-weight : bold;
}
#wxDirectoryOddRow a:active {
font-family :Calibri;
font-size : 12px;
color : #000099;
text-decoration : none;
font-weight : bold;
}
#wxDirectoryOddRow a:hover {
font-family :Calibri;
font-size : 12px;
color : #000099;
text-decoration : none;
font-weight : bold;
}









.wxDirectoryHeader {
font-family :Calibri;
font-size : 15px;
color : #000000;
font-weight : bold;
margin-bottom : 5px;
}
.wxDirectoryCrumbs {
font-family :Calibri;
font-size : 12px;
color : #000099;
font-weight : bold;
text-decoration : none;
}


.wxDirectoryLinkLetters {
font-family :Calibri;
font-size : 12px;
color : #000099;
font-weight : bold;
text-decoration : none;
}


a:link{
font-size: 12px; font-family: Calibri, Helvetica, sans-serif;
	}

.maincenter{
	background: #f0f0f0;
	border: 1px solid #0e4675
}

ul {
	font-size: 12px; font-family: Calibri, Helvetica, sans-serif;
	
}


body {
	margin: 0;
	padding: 0;
	background: #4B689A url(http://www.michiganwxsystem.com/templates/images/waves.jpg) repeat-x;
	font-size: 12px; font-family: Calibri, Helvetica, sans-serif;
	color: #000;
}
.footer{
background: #4B689A url(http://www.michiganwxsystem.com/templates/images/bgbottom.jpg) repeat-x;
height: 101px;
	}

.nobr {
  white-space: nowrap;
 }

pre {
font-family : courier-new;
font-size : 12px;
color : #000;
font-weight:bold;
text-align:left;
}
.trwrap {
background : #f2f0f0;
font-size:12px;
color:#000;
}
.daytitle {
background : #d4caca;
font-size : 12px;
color : #1b6088;
}
.cctemp {
font-size : 15px;
}
.ccread {
font-size:12px;
color : #000550;
}
.sectionStorms {
border : 0;
padding : 5px;
margin-bottom : 2px;
background : #000000;
font-size : 12px;
color : #ffffff;
font-weight : bold;
text-align : left;
}
.sectionTropical {
border : 1px solid #fcfcfc;
padding : 5px;
margin-bottom : 2px;
background : #008000;
font-size : 12px;
color : #ffff80;
font-weight : bold;
}
.titletext {
color : #2444cc;
font-size : 10px;
font-family :Calibri;
font-weight : bold;
}
h2 {
color : #000080;
font-size : 14px;
font-family :Calibri;
font-weight : bold;
}
table {
color : #000000;
font-size : 12px;
font-family :Calibri;
}
tr {
color : #000000;
font-size : 12px;
font-family :Calibri;
}
td {
color : #000000;
font-size : 12px;
font-family :Calibri;
}
img {
border-right :1px solid #c0c0c0;
border-bottom: 1px solid #000;
border-top: 0;
border-left: 0;
}
img a:link{
border-right :1px solid #c0c0c0;
border-bottom: 1px solid #000;
border-top: 0;
border-left: 0;
}
.tablemenu {
color : #000000;
background : #f0f0f0;
}
.googletext{
	font-size:10px;
	color:#F0F0F0;
}

.masterlist {
background : #dfe6ef;
border : 1px solid #5c88c8;
font-family :Calibri;
font-size : 8px;
color : #000040;
font-weight : 400;
text-decoration : none;
}
.mastertext {
font-family :Calibri;
font-size : 8px;
color : #000040;
font-weight : 400;
text-decoration : none;
}
.tdblock {
color : #000000;
background : #e8e6e6;
border : 1px solid #778;
}


.tablemenu {
border : 1px solid #778;
padding : 2px;
}
a.submini:link {
font-size : 11px;
font-weight : bold;
text-decoration : none;
font-family : Calibri;
color : #496c9f;
}
a.submini:visited {
font-size : 11px;
font-weight : bold;
text-decoration : none;
font-family : Calibri;
color : #496c9f;
}
a.submini:hover {
font-size : 11px;
font-weight : bold;
text-decoration : underline;
font-family : Calibri;
color : #496c9f;
}

a:link {
font-size : 14px;
font-weight : bold;
text-decoration : none;
font-family : Calibri;
color : #496c9f;
}
a:visited {
font-size : 14px;
font-weight : bold;
text-decoration : none;
font-family : Calibri;
color : #496c9f;
}
a:hover {
font-size : 14px;
font-weight : bold;
text-decoration : underline;
font-family : Calibri;
color : #496c9f;
}



.submini {
font-size : 11px;
font-weight : bold;
text-decoration : none;
font-family : Calibri;
color : #496c9f;
}

.tablemenu a:link, a:visited {
font-family : Calibri;
color : #496c9f;
text-decoration : none;
}
.tablemenu a:hover {
text-decoration : underline;
color : #000;
}
.tablemenu a:active {
text-decoration : none;
}
input {
font-size : 11px;
color : #000000;
font-family : Tahoma,Calibri, helvetica, serif;
background : #DDE;

border-top : 1px solid #778;
border-left : 1px solid #778;
border-right : 1px solid #778;

}
textarea {
font-size : 11px;
color : #000000;
font-family : Tahoma,Calibri, helvetica, serif;
background : #dadada;

border-top : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-bottom : none;

}
submit {
font-size : 11px;
color : #000000;
font-family : Tahoma,Calibri, helvetica, serif;
background : #dadada;

border-top : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
height: 15px;
}
select {
color : #000000;
font-family : Tahoma,Calibri, helvetica, serif;
margin : 0;
padding : 0;
font-size : 10px;
font-weight : normal;
background : #DDE;

border-top : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
}
.sottotitolor {
vertical-align : bottom;
text-align : right;
font-size : 11px;
font-weight : bold;
color : #ffffff;
}


.linkcell {
background : #dadada;
border-top : 1px solid #778;
border-right : 1px solid #778;
border-left : 1px solid #778;
border-bottom : 1px solid #778;
width : 100px;
height: 18px;
}
.linkcell:hover {
background : #aae;
border-top : 1px solid #000;
border-right : 1px solid #000;
border-left : 1px solid #000;
border-bottom : 1px solid #000;
width : 100px;
height: 18px;
color: #000;
}
a.cell:link {
font-family : tahoma, verdana;
font-size : 11px;
font-weight : bold;
color : #496c9f;
text-decoration : none;
}
a.cell:active {
font-family : tahoma, verdana;
font-size : 11px;
font-weight : bold;
color : #496c9f;
text-decoration : none;
}
a.cell:visited {
font-family : tahoma, verdana;
font-size : 11px;
font-weight : bold;
color : #496c9f;
text-decoration : none;
}
a.cell:hover {
font-family : tahoma, verdana;
font-size : 11px;
font-weight : bold;
color : #000;
text-decoration : underline;
}
.tabactive {
background : #ffffff;
border-top : 1px solid #778;
border-left : 1px solid #778;
border-right : 1px solid #778;
border-bottom : 1px solid #778;
}
.tabnoactive {
background : #DDE;
border-right : 1px solid #778;
border-top : 1px solid #778;
border-left : 1px solid #778;
}
.tabnoactive:hover {
background : #aae;
border-right : 1px solid #000;
border-top : 1px solid #000;
border-left : 1px solid #000;
}


a.navtab:link {
font: bold 12px Calibri,Verdana, sans-serif;
text-decoration : none;
color :  #667;
}
a.navtab:visited {
font: bold 12px Calibri,Verdana, sans-serif;
text-decoration : none;
color :  #667;
}
a.navtab:hover {
font: bold 12px Calibri,Verdana, sans-serif;
text-decoration : underline;
color : #000;
}
.navtab {
font: bold 12px Calibri,Verdana, sans-serif;
text-decoration : none;
color :  #667;
}
.advcell {
height: 12px;width: 15px;border: 1px solid #000000;
} 
.advtext {
 font-family:Calibri, sans-serif; 
font-size: 11px; 
font-weight:bold;
} 
.smadvcell {
height: 12px;width: 15px;border: 1px solid #000000;
} 
.smadvtext {
 font-family:Calibri, sans-serif; 
font-size: 12px; 
font-weight: normal;
} 







/* Tropical Model Text navigation */
#nav-menu-trop li
{
float: left;
margin: 0 0.15em;
}


 #nav-menu-trop ul
{
list-style: none;
padding: 0;
margin: 0;
}


#nav-menu-trop li a
{
background: #008000 ;
height: 14px;
line-height: 14px;
float: left;
width: 80px;
display: block;
border: 1px solid #000;
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-weight:bold;
font-family:Calibri;
font-size:11px;
}

#nav-menu-trop li a:hover
{
background: #008000 ;
height: 14px;
line-height: 14px;
float: left;
width: 80px;
display: block;
border: 1px solid #FFFF00;
color: #FFFF00;
text-decoration: none;
text-align: center;
font-weight:bold;
font-family:Calibri;
font-size:11px;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */



/* US Maps navigation */


 #nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: #DDE ;
height: 16px;
line-height: 16px;
float: left;
width: 80px;
display: block;
border: 1px solid #778;
color:  #496c9f;
text-decoration: none;
text-align: center;
font-weight:bold;
font-family:Calibri;
font-size:11px;
}

#nav-menu li a:hover
{
background: #aae ;
height: 16px;
line-height: 16px;
float: left;
width: 80px;
display: block;
border: 1px solid #000;
color:  #000;
text-decoration: none;
text-align: center;
font-weight:bold;
font-family:Calibri;
font-size:11px;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */





/* Main Top Navagation */


 #nav-menu-main ul
{
list-style: none;
padding: 1px;
margin: 1px;
}

#nav-menu-main li
{
float: left;
padding: 1px;
margin: 1px;
}

#nav-menu-main li a
{
background: #dadada ;
height: 18px;
line-height: 16px;
float: left;
width: 80px;
display: block;
border: 1px solid #778;
color:  #496c9f;
text-decoration: none;
text-align: center;
font-weight:bold;
font-family:Calibri;
font-size:12px;
}

#nav-menu-main li a:hover
{
background: #aae;
height: 18px;
line-height: 16px;
float: left;
width: 80px;
display: block;
border: 1px double #000080;

color: #000;
text-decoration: none;
text-align: center;
font-weight:bold;
font-family:Calibri;
font-size:12px;
}

/* Hide from IE5-Mac \*/
#nav-menu-main li a
{
float: none
}
/* End hide */




/* Main Top 2 Navagation */


 #nav-menu-main2 ul
{
list-style: none;
padding: 1px;
margin: 1px;
}

#nav-menu-main2 li
{
float: left;
padding: 1px;
margin: 1px;
background: #aae;
height: 18px;
line-height: 16px;
float: left;
width: 80px;
display: block;
border: 1px solid #000;
color: #000;
text-decoration: none;
text-align: center;
font-weight:bold;
font-family:Calibri;
font-size:12px;
}

#nav-menu-main2 li a
{
background: #dadada ;
height: 18px;
line-height: 16px;
float: left;
width: 80px;
display: block;
border: 1px solid #778;
color:  #496c9f;
text-decoration: none;
text-align: center;
font-weight:bold;
font-family:Calibri;
font-size:12px;
}

#nav-menu-main2 li a:hover
{
background: #aae;
height: 18px;
line-height: 16px;
float: left;
width: 80px;
display: block;
border: 1px solid #000;
color: #000;
text-decoration: none;
text-align: center;
font-weight:bold;
font-family:Calibri;
font-size:12px;
}

/* Hide from IE5-Mac \*/
#nav-menu-main2 li a
{
float: none
}
/* End hide */








#HWfloodinfo {
width : 120px;
height : 30px;
border : 1px solid #000;
font-family :Calibri, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #000;
background : #fff;
}
#HWfloodinfo #storm0 {
	width: 114px;
	
	padding: 3px;
	background: #00FF00;
	border-bottom: 1px solid #333;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
}
#HWfloodinfo #storm1 {
	width: 114px;
	
	padding: 3px;
	background: #FFFF00;
	border-bottom: 1px solid #333;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
}
#HWfloodinfo #storm2 {
	width: 114px;
	
	padding: 3px;
	background: #FF0000;
	border-bottom: 1px solid #333;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
}
#HWfloodinfo #details .label {
	display: block;
	
	
	width: 66px;
	
	padding: 2px;
	background: #dadada;
	color: #333;
	line-height: 12px;
}
#HWfloodinfo #details .title {
display : block;
padding-bottom : 5px;
font-size : 10px;
font-weight : bold;
color : #000;
}
#HWfloodinfo #details .date {
font-size : 11px;
font-weight : normal;

color : #000080;

}
#HWfloodinfo #details .row {
clear : both;
padding-top : 2px;
}

hr{
 border: 1px inset #000;
 width: 100%;
 height: 4px; 
margin: 3px auto 0 0; 

}


/*-------------------------------------------------------------------------------
 
	BEGIN BUOY 
	
------------------------------------------------------------------------------*/

#buoyData { font-weight: normal; font-size:10px; color:#000000; text-decoration:none;}
#buoyData select { font-weight: normal; font-size:10px; }
#buoyDate .stationSelect {width:100%; text-align:center;}


#buoyData #localHeader { }
#buoyData #localHeader .Place { color:#000000; padding-left: 5px; font-size: 16px;  font-weight: bold; }
#buoyData #localHeader .Wxn {  padding-left: 5px; font-weight: bold; }
#buoyData #localHeader .Label {color:#000000; font-size: 10px;  font-weight: bold; }
#buoyData #localHeader .Value { color:#000000; font-size: 10px;}

#buoyData .headerTD {padding: 5px;background: #666699;}
#buoyData .headerText {  font-size: 13px; font-weight: bold; color: #FFFFFF;}
#buoyData .headerDate {   color:#FFFFFF;  font-size: 11px; font-weight: normal;}

#buoyData #currents {}
#buoyData #currents .Wx { font-size: 13px; color:#000000;  font-weight: bold; }
#buoyData #currents .Temp { font-size: 14px; color:#000000;  font-weight: bold;}
#buoyData #currents .Label {font-weight: bold; font-size:10px; color:#000000; text-align: left;}
#buoyData #currents .Value {font-weight: normal; font-size:10px; color:#000000;}
#buoyData #currents .Adv {font-weight: bold; font-size:11px; color:#f00; text-align: left;}


#buoyData .navLink	{font-weight: normal; font-size:10px; color:#000000; text-decoration:underline;}
#buoyData a.navLink:link  {font-weight: normal; font-size:10px; color:#000000; text-decoration:underline;}
#buoyData a.navLink:hover  {font-weight: normal; font-size:10px; color:#000000; text-decoration:underline;}
#buoyData a.navLink:visited  {font-weight: normal; font-size:10px; color:#000000; text-decoration:underline;}


#buoyData #stationdetails {}
#buoyData #stationdetails .Label {font-weight: bold; font-size:10px; color:#000000; text-align: left;}
#buoyData #stationdetails .Value {font-weight: normal; font-size:10px; color:#000000;}



#buoyData table.bhist tr.header {
	background:#103681;text-align:center;color:#fff;font-weight:bold;font-size:9px;
}
#buoyData table.bhist tr.subheader {
	background:#103681;text-align:center;color:#fff;font-size:9px;
}

#buoyData table.bhist tr.fcAlert {
	background:#EEF;text-align:center;color:#f00;font-size:9px;font-weight:bold;
}

#buoyData table.bhist td {
	text-align:center;font-size:10px;
}
#buoyData table.bhist td.fcTitle {
	font-size:10px; font-weight:bold; text-align:right;
}
#buoyData table.bhist td.fcForecast {
	font-size:10px; text-align:left;
}

#buoyData table.bhist span.units {
	font-weight:normal;font-size:9px;font-style:italic;
}
#buoyData table.bhist tr.odd {
	background:#F8FBFF;
}
#buoyData table.bhist tr.even {
	background:#E6EFFF;
}
#buoyData table.bhist a:link  {font-weight: normal; font-size:11px;  text-decoration:none;}
#buoyData table.bhist a:hover  {font-weight: normal; font-size:11px;  text-decoration:none;}
#buoyData table.bhist a:visited  {font-weight: normal; font-size:11px;  text-decoration:none;}



#buoyData table.bnearby {}
#buoyData table.bnearby tr.header {	background:#103681;text-align:center;color:#fff;font-weight:bold;font-size:10px;}
#buoyData table.bnearby tr.subheader {	background:#2F5DB9;text-align:left;color:#fff;font-weight:bold;font-size:10px;}

#buoyData table.bnearby td {font-family: arial; text-align: center;font-size:10px; }
#buoyData table.bnearby tr.odd {	background:#F8FBFF;	text-align: left;}
#buoyData table.bnearby tr.even {	background:#E6EFFF;	text-align: left;}
#buoyData table.bnearby td.blank {font-family: arial;font-size:5px; height:5px;}

#buoyData table.bnearby td a, table.bnearby td a:active, table.bnearby td a:hover {color: #000;font-size:10px; text-decoration:underline;}

/* Google maps */
#mmsmapSmall  {margin:0; border:solid #000 1px; height:220px;width:320px;background:white;color:black;}
#mmsmapLarge  {text-align:center;margin:0; border:solid #000 1px; height:450px;width:600px;background-color:white;color:black;}
#mmsmapSpecial  {margin:0; border:solid #000 1px; height:90px;width:120px;background:white;color:black;}


/* EXTRAS */

#lightbox{
	background:#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; }

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

#overlay{ background: url(http://www.michiganwxsystem.com/css/lightbox/overlay.png); }

* html #overlay{
	
	background: #000 url(http://www.michiganwxsystem.com/css/lightbox/blank.gif);
	
}

/*-------------------------------------------------------------------------------
 BEGIN WXMAPS 
	
------------------------------------------------------------------------------*/


#mainContainer {width:500px; margin-top: 10px;}
#titleContainer {
width: 500px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-width: 1px; border-color: #000000;  padding-bottom: 5px;padding-top: 0px; margin:0px; text-align: center; background: #666699; color: #ffffff; }

#mapContainer {
width: 710px; border-style: solid; border-width: 1px; border-color: #000000; background: #EFEFEF; padding-bottom: 5px; margin:0px;}

#mapContainer a:link{font-size: 11px;  font-weight:bold; color : #496c9f;}
#mapContainer a:hover {font-size: 11px; font-weight:bold; color : #496c9f;}
#mapContainer a:visited {font-size: 11px; font-weight:bold; color : #496c9f;}


	#mapIntervals a:link{font-size: 11px;  font-weight:bold; color : #496c9f; text-decoration:none;}
	#mapIntervals a:hover{font-size: 11px;  font-weight:bold; color : #496c9f;}
	#mapIntervals a:visited{font-size: 11px;  font-weight:bold; color : #496c9f;  text-decoration:none;}	
	#mapIntervals .titleHeader{ background: #dde;  font-weight: bold; color: #000;  padding: 3px;font-size: 10px;text-align: center;}
	#mapIntervals .smallIntervals{ background: #dadada;padding: 3px;font-size: 11px;text-align: center; color:#000080;}
	#mapIntervals .smallIntervalsHover{ background: #93B0E1; padding: 3px;font-size: 11px;text-align: center;}
	#mapIntervals .smallIntervalsSelected{ background: #FFDD35; padding: 3px;font-size: 11px;text-align: center;}
	#mapIntervals .largeIntervals{ background: #CCCCCC;  padding: 3px;font-size: 11px;text-align: center;}
	#mapIntervals .largeIntervalsHover{ background: #93B0E1; padding: 3px;font-size: 11px;text-align: center;}
	#mapIntervals .largeIntervalsSelected{ background: #FFDD35; padding: 3px;font-size: 11px;text-align: center;}
	#mapIntervalsForecast {}
	#mapIntervalsForecast .titleHeader{ background: #999999;  font-weight: bold; color: #FFFFFF;  padding: 3px;font-size: 11px;text-align: center;}
	#mapIntervalsForecast .smallIntervals{ background: #DDDDDD;padding: 3px;font-size: 11px;text-align: center;}
	#mapIntervalsForecast .smallIntervalsHover{ background: #93B0E1; padding: 3px;font-size: 11px;text-align: center;}
	#mapIntervalsForecast .smallIntervalsSelected{ background: #FFDD35; padding: 3px;font-size: 11px;text-align: center;}
#mapViewPoint {margin:0px;}
#mapFillOption { padding:0px; margin:0px;font-size:11px;}

.inputCheckbox {

	border: 0px;
background	: transparent;
}

#contourMapContainer {
    position : relative;
    left : 0px;
    top : 0px;
    width:640px;
    height:480px;

    font-family: arial;
    font-weight: bold;
    font-size: 10px;
}

#contourMapContainer .city {
	color : #FFFF00;
	
}
#contourMapContainer .cityShad {
	color : #000000;
}

#contourMapContainer .transdot {
    position : absolute;
    left : 0px;
    top : 0px;
    background: transparent;
}


#mapLoadingStatus {
	position: absolute;
	top: 100px;
	left: 200px;

	width: 200px;
	height: 25px;
background	: #EEEEEE;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
	}

/*-------------------------------------------------------------------------------
 BEGIN HAMRAD2 
	
------------------------------------------------------------------------------*/
#radThumbs {
	width: 650px;
	padding: 0;
	text-align:center;
	margin: 10px auto;
}


#radThumbs a,#radThumbs a:link,#radThumbs a:visited {
	color: #666;
	font-size: 10px;
	text-decoration: none;
}
#radThumbs a:hover {
	color: #000;
	font-size: 10px;
}
#radThumbs a img {
	border: 2px solid #fff;
	text-decoration: none;
}
#radThumbs a:hover img {
	border: 2px solid #3333ff;

 }

#radThumbs img.selected {
	border: 2px solid #ff0000;
 }
#radThumbs .radthumb {
	padding:2px;
	float:left;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight:normal;
	text-align:center;margin:0 auto;
 }
#radThumbs .radthumb a {
	color: #000;
	text-decoration: none;
	font-size: 10px;

}
#radThumbs .radthumb a:hover{
	text-decoration: none;

}

#HWmaps #contourMapContainer {

    position : relative;
    left : 0px;
    top : 0px;

    font-family: arial;
    font-weight: bold;
    font-size: 10px;
    padding:0;
    margin:0;
}

#HWmaps #mapOverlayOptions { padding:0px; padding-top:5px;margin:0px;font-size:10px;}


#HWmaps #contourMapContainer .bigMapHoverArea {
    position: absolute;
    left : 0px;
    top : 0px;
    width:0px;
    height:0px;
    border:1px solid #FFE0E0;

}


#HWmaps #contourMapContainer #mapLoadingStatus {
	position: absolute;
	top: 0px;
	left: 0px;

	width: 640px;
	height: 480px;
	background: #EEEEEE;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
}


#HWmaps #contourMapContainer #mapLoadingStatus .updateText {
	position: relative;
	top: 75px;

	background: transparent;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;

}

#HWmaps #animControls,#HWmaps #animLinks {
	padding-top:10px;
}

#HWmaps #animControls img.animDot,#HWmaps #animLinks img.animDot {
	width:5px;height:5px;padding:5px;

}

#HWmaps #animControls .detail,#HWmaps #animLinks .detail {
	font-size: 10px;
	font-family: Arial;
}

#HWmaps #animControls .detail a,#HWmaps #animControls .detail a:visited, #HWmaps #animControls .detail a:link,
#HWmaps #animLinks .detail a,#HWmaps #animLinks .detail a:visited, #HWmaps #animLinks .detail a:link {
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight:bold;
}

#HWmaps #animControls .detail a:hover,
#HWmaps #animLinks .detail a:hover {
	font-size: 10px;
	text-decoration: underline;
	color: #933;
	font-weight:bold;
}

#HWmaps #animControls .detail a.highlite,#HWmaps #animControls .detail a:visited.highlite,#HWmaps #animControls .detail a:link.highlite,
#HWmaps #animLinks .detail a.highlite,#HWmaps #animLinks .detail a:visited.highlite,#HWmaps #animLinks .detail a:link.highlite {
	font-size: 10px;
	color: #A33;
	font-weight:bold;
}

.checkbox {
color : #000000;
font-family : Tahoma, arial, helvetica, serif;
margin : 0;
padding : 0;
font-size : 10px;
font-weight : normal;
background : transparent;
border : 0px solid #000;
}
/*-------------------------------------------------------------------------------
 BEGIN HW 
	
------------------------------------------------------------------------------*/


/* General global font settings used in several templates */



.small { font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}
.smallBold { font-size:11px; color:#000000; text-decoration:none; font-weight:bold;}
.normal { font-size:12px; color:#000000; text-decoration:none; font-weight:normal;}
.normalBold { font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.large { font-size:16px; color:#000000; text-decoration:none; font-weight:normal;}
.largeBold { font-size:14px; color:#000080; text-decoration:none; font-weight:bold; font-family:Arial;}




/* Color Font and Link settings for the Lt. Blue Headers */

	.headerTD {padding: 5px;background: #000080;}
	.headerTD2 {padding: 5px;background: #000000;}
	.headerText {  font-size: 11px; font-weight: bold; color: #FFFFFF;}
	.headerDate {   color:#FFFFFF;  font-size: 11px; font-weight: normal;}
                a.zoneDay { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration:none; font-style: italic;}
	.basicHeaderText{ padding-left: 5px;font-size: 16px; font-weight: bold; }
.fcExpire {font-size: 11px; color: #FF0000;  font-weight:bold;}

/* Advisory Title name in zonesection, warnings and special templates  */

		 .warnTitle {color: #FF0000; font-weight: bold; font-size: 14px; }
                               a.warnTitle:link {text-decoration:none; color: #FF0000; font-weight: bold; font-size: 14px; }
                              a.warnTitle:hover {text-decoration:underline; color: #FF0000; font-weight: bold; font-size: 14px; }


	.afd { padding-left: 5px;}

/* font settings for local_header.html and radar_header.html template */

	#localHeader { }
	#localHeader .Place { color:#000000; padding-left: 5px; font-size: 16px;  font-weight: bold; }
	#localHeader .Wxn {  padding-left: 5px; font-weight: bold; }
	#localHeader .Label {color:#000000; font-size: 10px;  font-weight: bold; }
	#localHeader .Value { color:#000000; font-size: 10px;}
                #localHeader a.Icao  {font-size: 10px; color: #FF0000; text-decoration:none; }
               #localHeader a.Icao:hover  {font-size: 10px; color: #FF0000; text-decoration:underline; }
               #localHeader a.Icao:visited  {font-size: 10px; color: #FF0000; text-decoration:none; }

/* Font settings for zonesection  */
	#forecastDetail {margin-left: 5px;}
	#forecastDetail .dayTitle { color:#000000; font-weight: bold; font-size: 13px;}
	#forecastDetail .wx {color: #000000; font-size: 12px;}
	#forecastDetail .include {color: #0000FF; font-size: 12px; font-weight:bold;}
               #forecastDetail .cities {color: #000000; font-size: 11px;}

/* Font settings for zone_rows  */
	#forecastRow {}
	#forecastRow .Title { font-size: 14px;  font-weight: bold; }
	#forecastRow .wx { font-size: 13px;  font-weight: normal;}
	#forecastRow .high {font-size: 13px; color: #FF0000; }
	#forecastRow .low {font-size: 13px; color: #0000FF; }
	#forecastRow .pop {font-size: 13px; color: #238E23; }

/* font settings for current template */
	#currents {}
	#currents .Wx { font-size: 14px; color:#000000;  font-weight: bold; }
	#currents .Temp { font-size: 16px; color:#000000;  font-weight: bold;}
	#currents .Label {font-weight: bold; font-size:12px; color:#000000; }
	#currents .Value {font-weight: normal; font-size:12px; color:#000000;}

/* font settings in astro template */
	#astro {}
	#astro .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; }
               #astro a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
                 #astro a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
	#astro .Value {font-weight: normal; font-size:12px; color:#000000;}
                #astro .Moonname {font-weight: normal; font-size:11px; color:#000000;}

/* row background colors for mos and your weather settings */

.rowColor1 { background: #DADADA;
	text-align:center;}
.rowColor2 { background: #FFFFFF;
	text-align:center;}

/* Ridge Radar Control */
/* id radarTable is an addition for */
/* IE and Mozilla Compatablilty */
#radarTable{
   height:580px;
   width:600px;

}
.radarmap {
    position : relative;
    left : 0;
    top : 0;
    height : 550px;
    width : 600px;
}
.image2 {
    position : absolute;
    left : 0;
    top : 0;
}
.image3 {
    position : absolute;
    left : 0;
    top : 0;
}
.image4 {
    position : absolute;
    left : 0;
    top : 0;
}
.image5 {
    position : absolute;
    left : 0;
    top : 0;
}
.image6 {
    position : absolute;
    left : 0;
    top : 0;
}
.image7 {
    position : absolute;
    left : 0;
    top : 0;
}
.image8 {
    position : absolute;
    left : 0;
    top : 0;
}
.image9 {
    position : absolute;
    left : 0;
    top : 0;
}
.image10 {
    position : absolute;
    left : 0;
    top : 0;
}

.strike1 {
	color : #FFFF00;
	font-family:Arial;
	font-weight:normal;
	font-size:18px;
	
}
.strike2 {
	color : #FF00FF;
	font-family:Arial;
	font-weight:normal;
	font-size:18px;
}
.strike3 {
	color : #FF0000;
	font-family:Arial;
	font-weight:normal;
	font-size:18px;
	
}

.strikeshadow {
	color : #000000;
	font-family:Arial;
	font-weight:normal;
	font-size:18px;
	
}







#caradarTable{

 height:480px;
   width:580px;


}
.caradarmap {
    position : relative;
    left : 0;
    top : 0;
    height : 480px;
    width : 580px;
}

.hwradarmap {
    position : relative;
    left : 0px;
    top : 0px;
    height : 480px;
    width : 640px;
}
.hwimage2 {
    position : absolute;
    left : 0px;
    top : 0px;
     height : 480px;
    width : 640px;
}
.hwimage3 {
    position : absolute;
    left : 0;
    top : 0;
}




.hw480radarmap {
    position : relative;
    left : 0px;
    top : 0px;
    height : 360px;
    width : 480px;
}
.hw480image2 {
    position : absolute;
    left : 0px;
    top : 0px;
     height : 360px;
    width : 480px;
}



hr.trop{
 border: 3px inset #008000;
 width: 100%;
 height: 6px; 
margin: 3px auto 0 0; 
text-align: left;
}
hr.tropthin{
 border: 1px inset #008000;
 width: 100%;
 height: 3px; 
margin: 3px auto 0 0; 
text-align: left;
}

hr.svr{
 border: 3px inset #FF0000;
 width: 100%;
 height: 6px; 
margin: 3px auto 0 0; 
text-align: left;
}
hr.svrthin{
 border: 1px inset #FF0000;
 width: 100%;
 height: 3px; 
margin: 3px auto 0 0; 
text-align: left;
}

hr.sechead{
border: 3px inset #777; 
width: 100%;
height: 6px;
margin: 3px auto 0 0; 
text-align: left;
}

hr.norm{
border: 3px inset #8080FF; 
width: 100%;
height: 6px;
margin: 1px auto 0 0; 
text-align: left;
}


#HWlsrinfo #storm {
	width: 236px;
	
	padding: 3px;
	background: url(http://images.michiganwxsystem.com/wmrks/maphead.png);
	border-bottom: 1px solid #333;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
}
#HWlsrinfo {
width : 240px;
height : 117px;
border : 1px solid #000;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #000;
background : #fff;
}
#HWlsrinfo #details .label {
	display: block;
	float: left;
	clear: left;
	width: 66px;
	
	padding: 2px;
	background: #dadada;
	color: #333;
	line-height: 12px;
}
#HWlsrinfo #details .title {
display : block;
padding-bottom : 5px;
font-size : 10px;
font-weight : bold;
color : #000;
}
#HWlsrinfo #details .date {
font-size : 10px;
font-weight : normal;
font-style : italic;
color : #000080;
}
#HWlsrinfo #details .row {
clear : both;
padding-top : 2px;
}




#HWmesoinfo #storm {
	width: 236px;
	
	padding: 3px;
	background: url(http://images.michiganwxsystem.com/wmrks/maphead.png);
	border-bottom: 1px solid #333;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
}
#HWmesoinfo {
width : 240px;
height : 117px;
border : 1px solid #000;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #000;
background : #fff;
}
#HWmesoinfo #details .label {
	display: block;
	float: left;
	clear: left;
	width: 66px;
	
	padding: 2px;
	background: #dadada;
	color: #333;
	line-height: 12px;
}
#HWmesoinfo #details .title {
display : block;
padding-bottom : 5px;
font-size : 10px;
font-weight : bold;
color : #000;
}
#HWmesoinfo #details .date {
font-size : 10px;
font-weight : normal;
font-style : italic;
color : #000080;
}
#HWmesoinfo #details .row {
clear : both;
padding-top : 2px;
}



/*-------------------------------------------------------------------------------
 BEGIN LSR 
	
------------------------------------------------------------------------------*/

#HWlsrinfo {
width : 240px;
height : 140px;
border : 1px solid #000;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #000;
background : #fff;
}
#HWlsrinfo #storm {
	width: 236px;
	
	padding: 3px;
	background: url(http://images.michiganwxsystem.com/wmrks/maphead.png);
	border-bottom: 1px solid #333;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
}
#HWlsrinfo #details .label {
	display: block;
	float: left;
	clear: left;
	width: 66px;
	
	padding: 2px;
	background: #dadada;
	color: #333;
	line-height: 12px;
}
#HWlsrinfo #details .title {
display : block;
padding-bottom : 5px;
font-size : 10px;
font-weight : bold;
color : #000;
}
#HWlsrinfo #details .date {
font-size : 10px;
font-weight : normal;
font-style : italic;
color : #000080;
}
#HWlsrinfo #details .row {
clear : both;
padding-top : 2px;
}/*-------------------------------------------------------------------------------
 BEGIN RIVERS 
	
------------------------------------------------------------------------------*/
.wxtopnav {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	padding: 3px;
}
.wxtopnav a {
	font-weight: bold;
	font-size: 12px;
	color: #666;
}
.wxtopnav a:hover {
	color: #000;
	font-weight: bold;
}
table.critstgs td { text-align: center; color: #000;font-size:10px; }

table.impactsList {width:100%;}
table.impactsList td {font-family: arial;text-align: left; color: #000;font-size:11px; }
table.impactsList td.impactTitle {border-bottom:1px solid #333;font-size:12px;font-weight:bold; }
table.impactsList td.impactLevel {text-align: left; color: #000;font-size:11px; font-weight:bold;}


table.historical td {font-family: arial;text-align: left; color: #000;font-size:11px; }
table.historical td.histTitle {border-bottom:1px solid #333;font-size:12px;font-weight:bold; }
table.historical td .histLevel {text-align: left; color: #000;font-size:11px; font-weight:bold;}

div img.hydrograph { text-align: center; width:530px; height:411px;}
div .hydrographText {border-bottom:1px solid #333;font-size:12px;font-weight:bold; }

table.obSummary {width:100%;border-collapse: collapse;}
table.obSummary td {font-family: arial;text-align: left; color: #000;font-size:11px; }
table.obSummary td.stage {width:10px; }
table.obSummary td.obValue {font-family: arial;text-align: right; color: #000;font-size:11px; font-weight:bold;}

table.bnearby {}
table.bnearby tr.header {	background:#103681;text-align:center;color:#fff;font-weight:bold;font-size:10px;}
table.bnearby tr.subheader {	background:#2F5DB9;text-align:left;color:#fff;font-weight:bold;font-size:10px;}


table.bnearby tr.odd {background:#F8FBFF;text-align: left;}
table.bnearby tr.even {background:#E6EFFF;text-align:left;}
table.bnearby td.blank {font-family: arial;font-size:5px; height:5px;}



	#stationdetails {}

	#stationdetails .Label {font-weight: bold; font-size:10px; color:#000000; text-align: left;}
	#stationdetails .Value {font-weight: normal; font-size:10px; color:#000000;}

	#currents .Adv {font-weight: bold; font-size:11px; color:#F00; text-align: center;}

	.navLink	{font-weight: normal; font-size:10px; color:#000000; text-decoration:underline;}
	a.navLink:link  {font-weight: normal; font-size:10px; color:#000000; text-decoration:underline;}
	a.navLink:hover  {font-weight: normal; font-size:10px; color:#000000; text-decoration:underline;}
	a.navLink:visited  {font-weight: normal; font-size:10px; color:#000000; text-decoration:underline;}

	table.bhist tr.header {
		background:#103681;text-align:center;color:#fff;font-weight:bold;font-size:9px;
	}
	table.bhist tr.subheader {
		background:#103681;text-align:center;color:#fff;font-size:9px;
	}
	table.bhist td {
		text-align:center;font-size:10px;
	}
	table.bhist span.units {
		font-weight:normal;font-size:9px;font-style:italic;
	}
	table.bhist tr.odd {
		background:#F8FBFF;
	}
	table.bhist tr.even {
		background:#E6EFFF;
	}


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #dadada;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #DDE;
 border-bottom: 1px solid #DDE;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}





/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:1px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}

/*-------------------------------------------------------------------------------
 BEGIN TIDES 
	
------------------------------------------------------------------------------*/
#tides table.wxhead {
	text-align: center;
	font-family: "Arial","Verdana",sans-serif;
	margin-top: 8px;
}
#tides table.wxhead td {
	color: #000;
}
#tides table.wxhead td.headerTD {
	text-align: left;
}
#tides table.wxhead .Place {
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-left: 3px;
}
#tides table.wxhead .seldate, #tides table.wxhead .selloc {
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	padding: 5px 3px;
}
#tides table.wxhead .seldate {
	text-align: left;
}
#tides table.wxhead form {
	margin: 0;
}
#tides table.wxhead input, #tides table.wxhead select, #tides table.wxhead button {
	border: 1px solid #333;
	font-size: 10px;
	padding: 2px;
	margin-bottom: 5px;
	background-color: #efefef;
	height: 19px;
}
#tides table.wxhead .title {
	font-weight: bold;
	font-size: 14px;
}
#tides table.wxhead .location {
	font-weight: bold;
	font-size: 13px;
	margin-top: 10px;
}
#tides table.wxhead .curmonth {
	font-weight: bold;
	font-size: 12px;
}

#tides table.wxtable {
	width:100%;
	clear: both;
	font-weight: normal;
	font-size: 11px;
	color: #666;
	border: 1px solid #CCC;
	background: #fff;
}
#tides table.wxtable th {
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	padding: 3px;
	text-align: center;
	background-color: #666699;
}
#tides table.wxtable .sub th {
	background-color: #9999cc;
}
#tides table.wxtable td {
	font-weight: bold;
	font-size: 10px;
	color: #666;
	padding: 3px;
	text-align: center;
}
#tides table.wxtable .label {
	font-weight: normal;
}
#tides table.wxtable .odd td {
	background-color: #fff;
}
#tides table.wxtable .even td {
	background-color: #efefef;
}

#tides table.wxtable .hilite td {
	background-color: #ffff99;
}
#tides table.wxtable .blk {
	color: #000;
}
#tides table.wxtable .date {
	color: #000;
	font-size: 11px;
}
#tides table.wxtable .tooltip a:link, #tides table.wxtable .tooltip a:active, #tides table.wxtable .tooltip a:visited {
	text-decoration: underline;
	color: #FFF;
}
#tides table.wxtable .tooltip a:hover {
	text-decoration: none;
	color: #FFF;
}
#tides table.wxtable th.tooltip a:link span, #tides table.wxtable th.tooltip a:visited span {
	display: none;
}
#tides table.wxtable th.tooltip a:hover span {
	position: absolute;
	margin: 15px 0 0 20px;
	background-color: #eaeaea;
	width: 250px;
	max-width: 250px;
	padding: 4px;
	border: 1px solid #666;
	font-size: 9px;
	font-weight: normal;
	color: #333;
	text-align: left;
	display: block;
}
#tides table.wxtable th.minor {
	background-color: #E0A101;
}
#tides table.wxtable th.major {
	background-color: #CF5006;
}
#tides table.wxtable td.minor {
	background-color: #FAD882;
}
#tides table.wxtable td.major {
	background-color: #FFAD7E;
}
#tides table.wxtable td.xminor {
	background-color: #FDC73D;
}
#tides table.wxtable td.xmajor {
	background-color: #FF8742;
}
#tides table.wxhead .linker {
	font-size: 10px;
	padding: 4px;
	text-align: right;
}
/*-------------------------------------------------------------------------------
 BEGIN TROP 
	
------------------------------------------------------------------------------*/

.smallblue { font-size:10px; color:#0000FF; text-decoration:none; font-weight:normal;}
.smallBoldblue { font-size:10px; color:#0000FF; text-decoration:none; font-weight:bold;}
.normalblue { font-size:12px; color:#0000FF; text-decoration:none; font-weight:normal;}
.normalBoldblue { font-size:12px; color:#0000FF; text-decoration:none; font-weight:bold;}
.largeblue { font-size:16px; color:#0000FF; text-decoration:none; font-weight:normal;}
.largeBoldblue { font-size:16px; color:#0000FF; text-decoration:none; font-weight:bold;}
.smallred { font-size:10px; color:#FF0000; text-decoration:none; font-weight:normal;}
.smallBoldred { font-size:10px; color:#FF0000; text-decoration:none; font-weight:bold;}
.normalred { font-size:12px; color:#FF0000; text-decoration:none; font-weight:normal;}
.normalBoldred { font-size:12px; color:#FF0000; text-decoration:none; font-weight:bold;}
.largered { font-size:16px; color:#FF0000; text-decoration:none; font-weight:normal;}
.largeBoldred { font-size:16px; color:#FF0000; text-decoration:none; font-weight:bold;}

/* Font settings for the Auxillary Navagation links */

.auxLink { font-size:11px; color:#000000; text-decoration:none; font-weight:bold;}
a.auxLink:link { font-size:11px; color:#000000; text-decoration:none; font-weight:bold;}
a.auxLink:active { font-size:11px; color:#000000; text-decoration:none; font-weight:bold;}
a.auxLink:hover { font-size:11px; color:#000000; text-decoration:none; font-weight:bold;}
a.auxLink:visited { font-size:11px; color:#000000; text-decoration:none; font-weight:bold;}

a.redLink:link{font-size: 12px; color: #FF0000; text-decoration:none; font-weight:bold;}
a.redLink:hover {font-size: 12px; color: #FF0000; text-decoration:none; font-weight:bold;}
a.redLink:visited {font-size: 12px; color: #FF0000; text-decoration:none; font-weight:bold;}
.redLink{font-size: 12px; color: #FF0000; text-decoration:none; font-weight:bold;}

a.blueLink:link{font-size: 12px; color: #0000FF; text-decoration:none; font-weight:bold;}
a.blueLink:hover {font-size: 12px; color: #0000FF; text-decoration:none; font-weight:bold;}
a.blueLink:visited {font-size: 12px; color: #0000FF; text-decoration:none; font-weight:bold;}
.blueLink{font-size: 12px; color: #0000FF; text-decoration:none; font-weight:bold;}


table.troptrack tr.forecast-row td, table.troptrack tr.current-row td, table.troptrack tr.odd-row td, table.troptrack tr.even-row td {
	padding: 4px 2px;
}
table.troptrack tr.forecast-row {
	height: 30px;
	background: #f5f5f5;
	color: #999;
}
table.troptrack tr.current-row {
	height: 30px;
	background: #bfc1dc;
	color: #000;
}

table.troptrack tr.odd-row {
	height: 30px;
	background: #e4e5f1;
	color: #000;
}
table.troptrack tr.even-row {
	height: 30px;
	background: #fff;
	color: #000;
}


/* storm legend blocks */
table.stmlegend {
	font-size: 10px;
}
table.stmlegend td {
	padding: 3px 3px 0 0;
	text-align: left;
}
table.stmlegend td.key {
	width: 10px;
	padding: 0;
	font-size: 10px;
}


.storm-H5, .storm-H4, .storm-H3, .storm-H2, .storm-H1, .storm-TS, .storm-TD {
	float: left;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: 2px;
	border: 1px solid #000;
	line-height: 10px;
}
.storm-H5 {
	background: #ffccff;
}
.storm-H4 {
	background: #fe00fe;
}
.storm-H3 {
	background: #800000;
}
.storm-H2 {
	background: #fe0000;
}
.storm-H1 {
	background: #ff6634;
}
.storm-TS {
	background: #008000;
}
.storm-TD {
	background: #ffff00;
}

#HWtropinfo {
	width: 200px;
	height: 117px;
	border: 1px solid #000;
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	background: #fff;
}
#HWtropinfo #storm {
	width: 194px;
	
	padding: 3px;
	background: #666699;
	border-bottom: 1px solid #333;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
}
#HWtropinfo #details {
	width: 194px;
	
	padding: 3px;
	font-size: 10px;
	font-weight: normal;
	color: #333;
}
#HWtropinfo #details .title {
	display: block;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#HWtropinfo #details .date {
	font-size: 9px;
	font-weight: normal;
	font-style: italic;
	color: #666;
}
#HWtropinfo #details .row {
	clear: both;
	padding-top: 2px;
}
#HWtropinfo #details .label {
	display: block;
	float: left;
	clear: left;
	width: 66px;
	
	padding: 2px;
	background: #FFCC00;
	color: #333;
	line-height: 12px;
}
#HWtropinfo #details .data {
	display: block;
	float: left;
	margin: 2px 0 0 3px;
	font-weight: bold;
	line-height: 12px;
	font-size: 9px;
}


table.invests {
	width: 95%;
	margin: 0 10px 10px 10px;
	border: 1px solid #666;
}
table.invests th {
	background: #666;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}
table.invests td {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	padding: 2px;
}
table.invests td a {
	text-decoration: none;
	font-size: 10px;
	color: #000;
}
table.invests td a:hover {
	text-decoration: underline;
	font-size: 10px;
}
table.invests tr.odd-row {
	background: #f7f7f7;
}
table.invests tr.even-row {
	background: #ebebeb;
}

/*-------------------------------------------------------------------------------
BEGIN NAV 
	
------------------------------------------------------------------------------*/

.tabbermainlive {
 margin-top:1em;
text-align:left;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbermainnav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #000;
 font: bold 12px Calibri;
}

ul.tabbermainnav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbermainnav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbermainnav li a:link { color: #448;  font: bold 12px Calibri;}
ul.tabbermainnav li a:visited { color: #667;  font: bold 12px Calibri;}

ul.tabbermainnav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbermainnav li.tabbermainactive a
{
 background-color: #FFF;
 border-bottom: 1px solid #FFF;
}

ul.tabbermainnav li.tabbermainactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}





/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:1px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}



/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}

/* model navs */
.tabbermainliveb {
 margin-top:1em;
text-align:left;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbermainnavb
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #000;
 font: bold 12px Calibri;
}

ul.tabbermainnavb li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbermainnavb li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbermainnavb li a:link { color: #448;  font: bold 12px Calibri;}
ul.tabbermainnavb li a:visited { color: #667;  font: bold 12px Calibri;}

ul.tabbermainnavb li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbermainnavb li.tabbermainactive a
{
 background-color: #FFF;
 border-bottom: 1px solid #FFF;
}

ul.tabbermainnavb li.tabbermainactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}





/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberliveb .tabbertab {
 padding:1px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}



/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}