/* Tide styles */
html { height: 100%; margin-bottom: 1px; }
body
{
	margin:0px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p,th,td
{
	font-size:12px;
}

.gray
{
	color:#9E9F63;
}

a:link, a:visited, a:active{
	color:#800000; 
	text-decoration:none;
}
a:hover{
	color:#800000; 
	text-decoration:underline;
}


.pmoon {
	position: absolute;
	border: none;
	margin: 2px;
}

#state_links
{
	font-size:12px;
	line-height:20px;

}

/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
	position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
	background-color:#6E92FE; border:1px solid #336; 
	width:auto; padding:4px;
	color:#FFFFFF; font-size:10px; line-height:1.2;
}

div.tp1 {
	font-size:10px;
	color:#FFFFFF;
	font-style:normal;
}
div.tp2 {
	font-size:12px;
	color:#FFFFFF;
	font-style:;
	font-weight: bold;
	text-decoration: underline;
}
.tip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.txtlayout {
	font-size: xx-small;
	color: #000000;
	font-style: normal;
	text-align: center;
	font-weight: normal;
}

.txtrow1 {
	font-size: 9px;
	color: #000000;
	text-align: center;
	background-color: #FFFFFF;
}
.txtrow2 {
	font-size: 9px;
	color: #000000;
	text-align: center;
	background-color: #E4E4B2;
}

.difcol {
	font-size: 9px;
	color: #000000;
	text-align: center;
	background-color: #E4E4E4;
}

.colheaders {
	font-size: 13px;
	background-color: #989898;
	color: #000000;
	text-align: center;
	font-weight: bold;
}

.tide_titles1 {
	font-size: 13px;
	background-color: #E4E4E4;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

.tide_titles2 {
	font-size: 13px;
	background-color: #E4E4E4;
	color: #000000;
	text-align: right;
}

.graph {
	height: 96px;
	width: 96px;
}
.tidewidth {
	width: 688px;
}

table.tide_calendar_head
{
	font-size:12px;
	border:none;
	border-collapse:collapse;
	width:680px;
	background-color:#CFCFA8;
}

table.tide_calendar_head TD
{
	border:#858558 1px solid;
}


table.tide_calendar
{
	font-size:10px;
	border:none;
	border-collapse:collapse;
	width:680px;
}

table.tide_calendar TR.even
{
	background-color: #FFFFFF;
}
table.tide_calendar TR.odd
{
	background-color: #E4E4B2;
}

table.tide_calendar TH
{
	border:#858558 1px solid;
	background:#BFBF8F;
	font-weight:bold;
	width:96px;
}

table.tide_calendar TD
{
	border:#858558 1px solid;
	/* width:96px; */
	white-space: nowrap;
}

table.tide_calendar TD.diff
{
	background-color: #E4E4E4;
}

table.outside_table
{
	border:#858558 2px solid;
	width:850px;
}

/*TABS  Also set NiftyRoundedTop("div#tabs li","transparent","#858558"); in station.php*/
/*
div#menu{float:left;width: 600px;padding-top:10px;}
ul#tabs,ul#tabs li{list-style-type:none;margin:0;padding:0}
ul#tabs{padding-left: 15px}
ul#tabs li{float:left;width:101px;margin-right:2px;text-align:center; font-size:14px; font-weight:bold}
ul#tabs a{float:left;width:101px;padding: 0px 0 2px;text-decoration:none;background: #858558;color: #9F9F81}
ul#tabs li.activelink a,ul#tabs a:hover{color: #fff}
*/
div#menu{float:left;width: 600px;padding-top:3px;}
ul#tabs,ul#tabs li{list-style-type:none;margin:0;padding:0}
ul#tabs{padding-left: 15px}
ul#tabs li{float:left;width:101px;margin-right:2px;text-align:center; font-size:12px; font-weight:bold}
ul#tabs a{float:left;width:101px;padding: 0px 0 0px;text-decoration:none;background: #858558;color: #FFFFFF} /* 9F9F81 */
ul#tabs li.activelink a,ul#tabs a:hover{color: #FFFFFF}


.noborder, table.noborder, table.noborder th, table.noborder td, td.noborder, th.noborder {border:none;}