*{margin:0px; padding:0px;}
body{margin:0px; padding:0px;font-family:Verdana, Arial, Helvetica}
#header{float:left;width: 100%; height:30px;background:#0071bc;}
#main{
	width: 468px;
	height: 200px;
	background-image: url('../../../../public/frontend/images/widget_bkg.png');
	font-size: 75%;
	overflow: hidden;
}
#pad{
	width: 5px;
	height: 50px;
	float: left;
}
#report{}
#swellInfo{
	color:#0071bc;
	margin-bottom: 2px;
}
.reportValue{
	font-size: 150%;
	display: inline;
}
#note{
	color: #999;
	size: 66%;
	float: right;
	font-style: italic;
	margin-right: 10px;
}
.reportCol{float: left; width:145px; margin-left: 3px;}
.reportRow{border-bottom: 1px solid #ccc;float:left;width:100%;clear:both;padding-bottom:2px; margin-bottom: 2px;}
.reportRowL{float: left;width:55%;}
.reportRowR{float: right;width:45%;font-style: italic;color:#0071bc;}
#tideTable ul{font-weight: normal;list-style: none;}
#tideTable li{margin: 3px 0;}
#tideTable td, #tideTable th{padding: 0 1px;font-size: 66%;}
#tideTable th{
	padding-bottom: 2px !important;
}
.bkg{background:#eee;}
h1{font-family:Arial; font-size: 133%;color:#fff;clear: both;margin-left: 10px;padding-top: 3px;margin-bottom: 5px;}
h3{font-size: 100%;color:#333;color:#333; border-bottom: 1px dotted #ccc;padding-bottom: 2px;margin-bottom: 2px;margin-top: 3px;}
i{font-size: 66%;}
a{color:#0071bc;}
a:focus,a:hover{color:#fff;background:#0071bc;}