/* Default page */

.caption{font-size:10px;font-style:italic;margin-top:10px;width:166px;color:#666666;}
.caption2{font-size:11px;font-style:italic;color:#666666;text-align:right;}
p.info{margin:9px 0;padding:0;width:80%;}
#spectral select{margin-top:14px;}
#spectral div,#spectral span{color:#4b452e;}
h2.titleSpectral{font-weight:bold;font-size:16px;color:#4b452e;margin-left:10px;margin-bottom:15px;margin-top:15px;}
h3.titleSpectral{font-weight:bold;font-size:15px;color:#4b452e;}
.toppara{margin-top:0;padding-top:0}


/* Buoy items */

.buoy{cursor: pointer; background:url(../images/buoys/point.png) no-repeat top left;width:12px;height:11px; position: absolute; opacity:0.8;filter:alpha(opacity=80)}
.buoyscaled{cursor: pointer; background:url(../images/buoys/point.png) no-repeat top left;width:12px;height:11px; position: absolute; opacity:0.8;filter:alpha(opacity=80);z-index:10;}
.bactive{background:url(../images/buoys/point-active.png) no-repeat top left;}


/* Structure */

#spectral{background:url(../images/buoys/spectral-bg.gif) repeat-y;width:563px;display:block;}
#spectral .bottom{background:url(../images/buoys/spectral-bg-btm.gif) bottom no-repeat; }
.shaded-bg{background:url(../images/buoys/shaded-bg.gif) repeat-x top left;margin:1px 2px;}
.sPadding{margin:0 0 0 7px;padding-top:2px;}
.lhSpectral{ position: relative;margin-left:10px;width:274px;float:left;}
.rhSpectral{float:left;width:234px;margin-left:30px;}
.tablePadding{padding:10px 0 0 15px;}

.lhDefault{float:left;width:174px;margin-left:9px;margin-right:27px;}
.rhDefault{float:left;width:334px;}

/* Navigation */

#spectralnav { background:url(../images/buoys/menu-bg.gif) bottom repeat-x;}
#spectralnav ul { height: 26px; list-style: none; margin-left:6px;padding-left:0;}
#spectralnav li { float: left; margin: 0 3px 0 0; }
#spectralnav a { float: left; display: block; background: url(../images/buoys/tab-bg.gif) 0 0px no-repeat; text-decoration: none;   color: #00223d; width: 211px; text-align: left; padding: 8px 0 0; height: 18px; }
#spectralnav #spectralcurrent a { background: url(../images/buoys/tab-bg.gif) 0 -26px no-repeat; color:#00223d; }
#spectralnav span{padding-left:10px;}
#spectralnav .last { margin: 0; }


#spectraldetailnav { position: relative; background:url(../images/buoys/menu-bg.gif) bottom repeat-x;}
#spectraldetailnav ul { height: 26px; list-style: none; margin-left:6px;padding-left:0;}
#spectraldetailnav li { float: left; margin: 0 2px 0 0; }
#spectraldetailnav a { float: left; display: block; background: url(../images/buoys/tab-detail-bg.gif) 0 0px no-repeat; text-decoration: none;   color: #735f35; width: 67px; text-align: left; padding: 8px 0 0; height: 18px; }
#spectraldetailnav #spectralcurrent a { background: url(../images/buoys/tab-detail-bg.gif) 0 -26px no-repeat; color:#00223d; }
#spectraldetailnav span{display:block;text-align:center;}
#spectraldetailnav .last { margin: 0; }

.spectral-detail-bg{background:url(../images/buoys/detailed-bg.gif) no-repeat top left;width:533px;height:205px;}
.spectral-detail-bg .lh{width:287px;height:185px;float:left;}
.spectral-detail-bg .rh{float:left;width:197px;margin:20px 0 0 20px;}
.spectral-detail-bg .rh h2{color:#fff;font:16px Arial;margin-top:0;padding-top:0;font-weight:bold;margin-bottom:15px;}
.spectral-detail-bg .rh p{color:#fff;}
.spectral-detail-bg .rh span{color:#00addb;font-weight:bold;}


/* Tabular data */

.data-bg{width:533px;}
.ttop{background:url(../images/buoys/td-top.gif) repeat-x top left;height:11px;width:533px;}
.tableSB{width:533px;background:url(../images/buoys/row-bg.gif) repeat-y top left;}
.tableSB th{color:white;font-weight:bold;vertical-align:top;text-align:center;height:23px;background:url(../images/buoys/td-bg2.gif) repeat-x top left;border-right:1px solid #555555;}
.tableSB th.last{border:none;}
.tableSB td{height:23px;}
.scol1{color:#554627;width:39px;font-weight:bold;}
.scol1 span{padding:3px 0 0 4px;display:block;}
.scol2{width:98px;}
.scol3,.scol4,.scol5,.scol6{width:99px;}
.no_data{}

.sdata{width:59px;background:url(../images/buoys/d-bg.gif) no-repeat top left;height:23px;float:left;}
.sdata .height{width:25px;height:20px;float:left;margin:1px 0 0 2px;}
.sdata .height span{color:white;padding:4px 0 0 0;display:block;text-align:center;}
.sdata .period{width:25px;height:20px;float:left;margin:1px 0 0 4px;}
.sdata .period span{color:white;padding:4px 0 0 0;display:block;text-align:center;}

.dir{color:#554627;font-weight:bold;font:11px Arial;float:left;width:38px;}
.dir span{display:block;padding:2px 0 0 0;text-align:center;}
.dir span.wi img{border-right:2px dotted red;}