body,td { font:normal 10pt verdana,arial; }
textarea { font:normal 8pt verdana,arial; }
input,select { font:normal 8pt verdana,arial; }

.body_20 { margin:0; padding:0; }
.body_bg_top { background:#dce9f7 url(/images/body_bg_top.gif) top left; }
.body_bg_left { background:#dce9f7 url(/images/body_bg_left.gif) top left; }
.body_bg_right { background:#dce9f7 url(/images/body_bg_right.gif) top right; }
.body_bg_bottom { background:#dce9f7 url(/images/body_bg_top.gif) bottom left; }

.dialog_header { font-size: 12pt; }
.dialog_comment { color:red; }

a { text-decoration:none; color:blue; }
a:hover { text-decoration:underline; color:blue; }

a.stations_ref { font-size:10pt; line-height:9pt; }
a.stations_ref_sea { font-size:10pt; line-height:9pt; padding-left:5;}
a.stations_sub_ref { font-size:10pt; }
a.stations_sub { font-size:8pt; line-height:7pt; }

.page_title { font-size:12pt; font-weight:bold; color:black; }
a.page_title { font-size:12pt; font-weight:bold; color:black; }

.page_controls { font-size:10pt; font-style:italic; color:blue; }
a.page_controls { font-size:10pt; font-style:italic; color:blue; }

.page_controls_vertical { font:bold 10pt arial; color:white; }
a.page_controls_vertical { font:bold 10pt arial; color:white; }

.page_controls_horizontal { font:bold 10pt arial; color:white; }
a.page_controls_horizontal { font:bold 10pt arial; color:white; }
a.page_controls_horizontal:hover { font:bold 10pt arial; color:white; }

.tide_table_header { font-size:16pt; }
.tide_table_title { font-size:14pt; color:#0496fc; }
.tide_table_subtitle { font-size:10pt; font-style:italic; color:#0496fc; }

.controls { font:italic 8pt verdana,arial; padding-top:5; }
a.controls { font:italic 8pt verdana,arial; color:black; padding-top:5; text-decoration:none; }
a.controls:hover { font:italic 8pt verdana,arial; color:black; padding-top:5; text-decoration:underline; }
a.controls_u { font:italic 8pt verdana,arial; color:black; padding-top:5; text-decoration:underline; }
a.controls_u:hover { font:italic 8pt verdana,arial; color:black; padding-top:5; text-decoration:none; }

.controls2 { font:italic 10pt verdana,arial,helvetica; }

.copyright { font-size:8pt; color:black; }
a.copyright { font-size:8pt; color:black; text-decoration:none; }
a.copyright:hover { font-size:8pt; color:black; text-decoration:underline; }

.copyright_white { font-size:8pt; color:white; }
a.copyright_white { font-size:8pt; color:white; text-decoration:none; }
a.copyright_white:hover { font-size:8pt; color:white; text-decoration:underline; }

.copyright_black { font-size:8pt; color:black; }
a.copyright_black { font-size:8pt; color:black; text-decoration:none; }
a.copyright_black:hover { font-size:8pt; color:black; text-decoration:underline; }

.ddti { font-size:12; }
.ddtx { padding:5; }
.ddtxx { font-size:12; }

.fleft { float:left; }
.fright { float:right; }

.fleft5 { float:left; padding-left:5; }
.fright5 { float:right; padding-right:5; }

.fleft10 { float:left; padding-left:10; }
.fright10 { float:right; padding-right:10; }

.fleft_header { float:left; padding-left:5px; color:white; font-size:12pt; }
.fcenter_header { color:white; font-size:12pt; }
.fright_header { float:right; padding-right:5px; color:white; font-size:12pt; }

a.fleft_header { color:white; font-size:12pt; }
a.fcenter_header { color:white; font-size:12pt; }
a.fright_header { color:white; font-size:12pt; }

.w100 { width:100%; }
.w750 { width:750px; }

.c1 { background-color:#dce9f7; }
.c2 { background-color:#bddaf9; }
.c3 { background-color:#99ccff; }

.ptop5 { padding-top:5; }
.ptop8 { padding-top:8; }
.ptop10 { padding-top:10; }
.ptop15 { padding-top:15; }
.ptop17 { padding-top:17; }
.ptop20 { padding-top:20; }
.ptop40 { padding-top:40; }
.ptop60 { padding-top:60; }

.pbot5 { padding-bottom:5; }
.pbot15 { padding-bottom:15; }

.pleft5 { padding-left:5; }
.pleft15 { padding-left:15; }

.pright5 { padding-right:5; }
.pright15 { padding-right:15; }

.pad1 { padding:1; }
.pad2 { padding:2; }
.pad3 { padding:3; }
.pad5 { padding:5; }
.pad6 { padding:6; }
.pad10 { padding:10; }
.pad15 { padding:15; }
.pad25 { padding:25; }

.pleft5top5 { padding-left:5; padding-top:5; }
.pleft15top5 { padding-left:15; padding-top:5; }

.ptop10left5 { padding-top:10; padding-left:5; }
.ptop10left10right5 { padding-top:10; padding-left:10; padding-right:5; }
.ptop10left15 { padding-top:10; padding-left:15; }

.pleft5right5 { padding-left:5; padding-right:5; }

.ptopbot5 { padding-top:5; padding-bottom:5; }
.pleftright5 { padding-left:5; padding-right:5; }
.ptopleftright5 { padding-top:5; padding-left:5; padding-right:5; }
.pbotleftright5 { padding-bottom:5; padding-left:5; padding-right:5; }

.pad10_c1 { padding:10; background-color:#dce9f7; }
.pad10_c2 { padding:10; background-color:#bddaf9; }
.pad10_c3 { padding:10; background-color:#99ccff; }

.pad5_notice { padding:5; background-color:f0fff0; }
.ptop15_c1 { padding-top:15; background-color:#dce9f7; }
.ptop15_c2 { padding-top:15; background-color:#bddaf9; }
.ptop15_c3 { padding-top:15; background-color:#99ccff; }

.ptop2bot2 { padding-top:2; padding-bottom:2; }
.ptop5bot5 { padding-top:5; padding-bottom:5; }
.ptop15bot5 { padding-top:15; padding-bottom:5; }
.ptop15bot15 { padding-top:15; padding-bottom:15; }

.border { border:solid black 1px; }
.border_c1 { border:solid #dce9f7 1px; }
.border_c2 { border:solid #bddaf9 1px; }
.border_c3 { border:solid #99ccff 1px; }

.p5title { padding:5px; background-color:#e0f6ff; }

.p5white { padding:5px; background-color:#ffffff; }
.p15white { padding:15px; background-color:#bddaf9; }

/*.ptop5_title { padding-top:5; font-size:14pt; color:#0496fc; }*/
/*.ptop15_title { padding-top:15; font-size:13pt; color:#0496fc; }*/

.ptop5_title { padding-top:5; font-size:13pt; color:blue; }
.ptop15_title { padding-top:15; font-size:13pt; color:blue; }
.ptop25_title { padding-top:25; font-size:13pt; color:blue; }
.ptop30_title { padding-top:30; font-size:13pt; color:blue; }

.title { font:bold 12pt arial; }

.section_title { padding:5; background-color:#99ccff; font:bold 12pt arial; }
.section_title_pink { padding:5; background-color:#ff99cc; font:bold 12pt arial; }
.section_title_grue { padding:5; background-color:#99ffcc; font:bold 12pt arial; }
.section_title_blue { padding:5; background-color:#99ccff; font:bold 12pt arial; }

.tides_tide_formats_nt_0 { padding:5; background-color:#bdf9da; font:bold italic 10pt arial; }
.tides_tide_formats_nt_1 { padding:5; background-color:#dcf7e9; }
.tides_tide_formats_nt_1a { background-color:#dcf7e9; }

.tides_tide_formats_nt_tf_0 { padding:5; background-color:#bddaf9; font:bold italic 10pt arial; }
.tides_tide_formats_nt_tf_1 { padding:5; background-color:#dce9f7; }
.tides_tide_formats_nt_tf_1a { background-color:#dce9f7; }

.tides_tide_formats_nt_tp_0 { padding:5; font:bold italic 10pt arial; }
.tides_tide_formats_nt_tp_1 { padding:5; }

a.text { color:black; text-decoration:none; }
a.text:hover { color:black; text-decoration:underline; }

.large { font-size:12pt; }
.larger { font-size:14pt; }
.largest { font-size:16pt; }
.small { font-size:8pt; }
.smaller { font-size:6pt; }

.note { font-size:8pt; }
a.note { text-decoration:underline; }

br.clear { clear:both; height:0; line-height:0; }
br.space { clear:both; height:10; line-height:10; }

.trim { margin:0; padding:0; }

.b { font-weight:bold; }

.h { padding-left:5; }

.v { padding-top:5; }
.v1 { padding-top:1; }
.vpad { padding:5; }
.vhidden { padding-top:5; overflow:hidden; }
.vpadhidden { padding:5; overflow:hidden; }

.hidden { overflow:hidden; }

.x { padding-top:10; }
.xpad { padding:10; }

.i { padding-top:1; }
.ipad { padding:1; }

.fleft { float:left; overflow:hidden; }
.fright { float:right; overflow:hidden; }

.fleft50 { float:left; overflow:hidden; width:50%; }

.state_pad { padding-top:5; }
.state { font: normal 10pt arial; color:blue; }
a.state { font: normal 10pt arial; color:blue; text-decoration: none; }
a.state:hover { font: normal 10pt arial; color:blue; text-decoration: underline; }
.state1 { font: bold 16pt arial; color:blue; }
a.state1 { font: bold 16pt arial; color:blue; text-decoration: none; }
a.state1:hover { font: bold 16pt arial; color:blue; text-decoration: underline; }
.state2 { font: bold 14pt arial; color:blue; }
a.state2 { font: bold 14pt arial; color:blue; text-decoration: none; }
a.state2:hover { font: bold 14pt arial; color:blue; text-decoration: underline; }

/*### HOVERPIC ###*/

.hoverpic{
position: relative;
z-index: 0;
}

.hoverpic:hover{
background-color: transparent;
z-index: 50;
}

.hoverpic span{
position: absolute;
background-color: white;
padding: 5px;
top: -1000px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.hoverpic span img{
border-width: 0;
padding: 2px;
}

.hoverpic:hover span{
position: absolute;
visibility: visible;
top: 20px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 500;
}