/* -------------------------
 styling for the data links  
   ------------------------   */

#container { min-width: 910px; }
* html #content { height: 910px; }


#middlecol {
	width: 360px;
	border-right: solid 1px #000;
}

#middlecol_noborder {
	width: 360px;
	padding: 5px;
}

#rightcol {
	padding: 0px;
}


.buoy_map { text-align: center; }
.legend { color:black; font-size:10px; font-weight:bold; }

.provisional { max-width: 300px; margin-bottom: 8px; }
.data_links_title { color: #960; font-weight: bold; text-decoration: underline; }
.data_links { padding-bottom: 10px; max-width: 300px; width:expression(this.width > 300 ? 300 : true ); }

#data_and_links { position: relative; min-height: 360px; }

#feedbacker {
	position: absolute;
	top: 15px;
	left: 20px;
	margin: 10px;
	padding: 3px;
	color: #FFF;
	background-color: #33C;
	font-size: 150%;
	font-weight: bold;
	opacity: 0.7;
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
.feedback_disabled { display: none; }

.time_series_graph{background:url('/images/buoy_data/gmdata-loader.gif') no-repeat center;}
.sub_title_gmdata  {
	font: normal 18px "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #e89d0b;
	text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	margin-bottom: -2px;
}
   
h1 {
	font: normal 20px "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #e89d0b;
	text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	margin-bottom: -2px;
}

h2 {
	font-size: 14px;
	text-decoration:underline;
	color:#e89d0b;
}

h3 {
	font-size: 1em;
}


body {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000000;
	padding: 0;
	cursor: default;
}

.notice {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	font-style:italic
}


.links {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#7da4e1; 
	text-indent:15px;
	background-image: url(/images/buoy/orangebox.png);
	background-repeat: no-repeat;
	background-position: center left;
	display: block;
	
}


.links:hover {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#e89d0b; 

} 



.science_partners { 
	margin: 1em; 
	padding-left: 2em; 
	padding-bottom: 0.5em; 
	padding-right: 0.5em; 
	background-color: #FFFFF0; 
}

/* ----------------------------------
 styling for the rounded corner table 
   --------------------------------   */



#rounded-corner
{
	font-family: "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-size: 10px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-tl
{
	background: #6478a6 url('/images/buoy/left.gif') left -1px no-repeat;

}
#rounded-corner thead th.rounded-tr
{
	background: #6478a6 url('/images/buoy/right.gif') right -1px no-repeat;

}
#rounded-corner th
{
	padding: 4px;
	font-weight: normal;
	line-height: 5px;
	font-size: 11px;
	font-weight: bolder;
	text-align:left;
	color: #ffffff;
	background: #6478a6;
}
#rounded-corner td
{
	padding: 4px;
	font-weight: bold;
	line-height: 8px;
	border-top: 1px solid #fff;
	color: #ffffff;
}


#rounded-corner tfoot td.rounded-foot-left
{
	background: #093771 url('/images/buoy/botleft.gif') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #093771 url('/images/buoy/botright.gif') right bottom no-repeat;
}

#rounded-corner tfoot td.rounded-foot-middle
{
	background: #093771;
}

#rounded-corner tbody tr:hover td
{
	background: #093771;
}