@charset "utf-8";
/* CSS Document */

html {
    height: 100%;
    margin-bottom: 0 px;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	background-color : #FFFFFF;
	background-repeat : repeat-x;
	background-repeat: repeat-y;
	background-position: left top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	min-width: 800px;
/* trying to lock footer nav bar to bottom  1/30/13 */
	height: 100%;
	min-height: 100%;
	position: relative;
}


#header {
	margin: 0;
	padding: 0;
}

#main {
	margin-top: 15px;
	width: 100%;
	min-width: 800px;
	/* trying to lock footer nav bar to bottom 1/30/13  */
	padding-bottom: 10 px;
}



#footerposition {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100 px;
}

#sidebar1 {
	float: right;
	width: 110px;
	margin-right: 35 px;
}
/* Sidebar 2 is the left hand column of nav buttons  */

#sidebar2 {
	float: left;
	width: 160px;
	color : #99999;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	position: relative;
	left: 15px;
	top: 16px;
}

.maintext {
	position: relative;
	left: 0px;
	top: 18px;
	width: 675px;

}

/* content is only used on a couple of pages and may go away
 28 Nov 2012
*/
#content {
	margin: 0 105px 0 194px;
}

/* content 2 does not appear to used 28 Nov 2012
*/
#content2 {
	margin: 0 280px 0 194px;
}

/* content 3 sets the width of the left hand column for the nav buttons
*/
#content3 {
	margin: 0 0 0 188px;
}

.img-float-left {
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.img-float-right {
	float:right;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 160px;
	border: none;
}

.top6px	{
	margin-top: 26px;
	border : 1px solid #010034;
	margin-bottom : 3px;
}
/*this is for the right hand column of images 
    */
.notebox {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	width: 180px ;
	padding: 0px;
	/* turn on the next two lines to put a boarder around the entire title/image/caption package 
	border : 1px solid #010034;
	border-collapse: collapse;       */
}
.notebox-title {
	background-color: #FFF;
	/*background-image: url(images/nav_back_graybevel2.png);*/
	text-align: center;
	font-weight: bold;
}
/* this is used for the picture captions, exp on the right column) */	 
.notebox-caption {
	color: #010034;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px 2px 12px 2px; /*top right bottom left */
	/* does not ssem to do anything     line-height: 6 px;  /* line spaceing on caption */
}

	/* this and in img - width sets width of image in right column     
and border sets a box around the title picture and caption  */
.notebox img	{
	width: 180px ;
	border : 0px solid #010034;   
}
.notebox4logos {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	width: 120px ;
	padding: 0px;
	/* turn on the next two lines to put a boarder around the entire title/image/caption package 
	border : 1px solid #010034;
	border-collapse: collapse;       */
}
/* this and in img - width sets width of image in right column for logos on partners page   
and border sets a box around the title picture and caption  */
.notebox4logos img	{
	width: 90px ;
	border : 0px solid #010034;   
}

.notebox2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 3px;
	margin-top : 6px;
	color : #F30;
	font-size: 70%;
	border-collapse: collapse;
	width: 130px;
	padding : 2px;
	margin-right: 20px;
}

.notebox2 td {
	padding: 5px;
	border : 1px solid #010034;
}

.notebox2 img	{
	border : 1px solid #010034;
}

#pub_buttons {
	padding: 1px;
	min-width: 300px;
	margin-right: 20px;
}

.btn {
	color: #006699;
	margin-right: 5px;
	padding: 5px 10px;
	border-radius: 7px;
	border: solid 1px #666;
	display: block;
	float: left;
	background-color: rgba(0, 0, 0, 0.1);
	cursor: pointer;
	cursor: hand;
	padding-left: 10px;
	font-weight: bold;
}	
.mooring {
	color: #9C9;
}
.pubtype {
	color: #9C9;	
}
.institution {
	color: #9C9;	
}
maindisdeltext {

}
#maindisdeltext ul,li {
	margin-left: 20px;
	margin-bottom: 4px; 
	margin-top: 4px;
	padding: 0;

	}




/*this section sets the OCS nav bar at the foot of the page   */
table.footer {
	clear: both;
	float: left;
	width: 100%;
	height: 70;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
	padding: 0.1em;
	color: #fff;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-image: url(images/footer_background_seasfc.jpg);
	vertical-align: middle;
	/* background-color: #CF3;  */
}

.footer a:link {
	color: #FFF;
		text-decoration: none;

}
.footer a:visited {
	color: #FFF;
		text-decoration: none;

}
.footer a:hover {
	color: #F2DFC1;	
	text-decoration: none;

}
td.footerlink {
	color: #FFF;
}

td.footerlink :visited {
	color: #F2DFC1;	

}
td.footerlink :hover {
	color: #F2DFC1;	

}

p#f3text  a {
	color: #fff;
	text-decoration: none;
}

p#f3text  a:hover {
	color: #F2DFC1;
}
/* nav list is for horizontal nav bar in middle column of page  516C90 is medium gray blue background)   */

ul#navlist {
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1em;
	float: left;
	width: 130%;  /* had to change this to 125% when added air-sea fluxes to data menu bar (2/27/15) ....had to make this 120% to fix a Firefox display issue in which it would double the height of the nav bar, but Safari was OK at 100%, and OK at 120%
	                 by making this 99% can end the bar just inside the right margin and this cures the white flash in Safari for short pages */
	color: #fff;
	background-color: #516C90;
	color : #006;
	border : 1px solid #002154;
	border-collapse: collapse;
}

ul#navlist li {
	display: inline;
}

ul#navlist li a {
	float: left;
	color: #fff;
	background-color: #516C90;  
	padding: 0.2em 1em;
	text-decoration: none;
	border-right: 1px solid #fff;
}

ul#navlist li a:hover {
	background-color: #FFFFFF;   /* F2DFC1 is the peach background color for selected buttons, but use white for hover */
	color: #010034;
	
}

ul#navlist li a.current {
	background-color: #F2DFC1;
	color: #000;
}
/**** this controls where the right hand column of images floats in the main div window  */
.rightcol {
	margin: 15px 5px 10px 5px;  /*top, right bottom left)    */
	
	
}

#sensor_table {
	font-size:1em;
	border:1px solid #036;
	border-collapse:collapse;
}
#sensor_table td, #sensor_table th 
{
font-size:1em;
border:1px solid #036;
padding:2px 5px 2px 5px;
}

#sensor_table th {
	font-size:1.1em;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#516C90      /* FF66FF is medium gray */;
	color:#ffffff;
}
#sensor_table tr.alt td {
    color:#000000;
    background-color:#F5F8F8   /* this is the color of the alternate (FLEX) rows in the sensors tables E7EFFF is light blue */;
}
#sensor_table tr.alt2 td {
    color:#000000;
    background-color:#F0FFEB   /* this is the color of the 2nd alternate MapCO2) rows in the sensors tables  */;
}

#sensor_table tr.alt3 td {
    color:#000000;
    background-color:#FDF4FD   /* this is the color of the 3nd alternate (standalone rows in the sensors tables  */;
}

.sensor_table_header {
	bgcolor: #516C90      /* FF66FF is medium gray */;
	color: #ffffff;
	font-weight: bold;
}

.table_header_deployments {
	bgcolor: #516C90      /* FF66FF is medium gray */;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}
.table_body_deployments {
	bgcolor: FFFFFF;
	text-align: center;
}
#weather_table {
	border: 1px;
	padding: 2 Px;
	background-color: #FFD;
}

#weather_table td {
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.weather_table_header {
	color: #ff0000;
	background-color: #FFD;
}

.weather_table_rows{
	color: #006;
    background-color: #FFD;
}