@charset "utf-8";
/* CSS Document */
@import url('/styles/redmond/jquery-ui-1.8.5.custom.css');
@import url('/styles/sunny/jquery-ui-1.8.2.custom.css');




/*-------------------added by JC --------------------------------------------*/


/* added by JC for 03_15_10 presentation */

a#advanced{ font-weight:bold; font-size:1.2em; margin:-10px auto 0 40px;color:#ffffff; height:20px; width:170px; }
a#advanced:hover{background-color:#D7EAFC; font-weight:bold; font-size:1.2em; margin:-10px auto 0 40px;color:#000066}
#simplesearch1 {background-image:url(Images/diving_ocean.jpg); background-position: -430px -450px ; background-repeat:no-repeat; background-color:#d7eafc; border:1px solid #ccc; padding:15px; text-align:left;position:relative; border:1px solid #006666}
h2#oda{color:#ffffff; font-family: sans-serif;
	font-size: 19px; margin:0 auto 0 15px;}
	
	
/*added by JC for: /SatelliteData/Climatologies/jpeg_clim_big/index.html AND /General/dwh_altimetry.html*/

#photo{width:601px; height:407px; display:block;}
#container_A {margin-left:40px; margin-top:10px;}
#container_B {float:right; position:relative; margin-right:150px; width:610px; height:450px;}
#both{width:31px;display:block; }
#left{ width:15px; margin-left:30px;}
#one{width:108px; margin-left:30px;}
#two{display:block; line-height:20px;float:left;width:auto; margin-right:3px; color:#f6931f; font-family: Segoe UI, Arial, sans-serif; font-size: 16px; font-weight:bold;text-align:left;}
#three{display:block; float:left;width:10px;font-size: 16px; }

#photo_a, #photo_b{width:750px; height:584px; display:block}

#container_A_a, #container_A_b {margin-left:30px;}
#both_a, #both_b{width:245px;height:60px; display:block; margin-left:85px;  background-image:url(/Images/carrot.png);background-repeat:no-repeat;background-position:100px 35px !important; background-position:100px 30px; ;}
#left_a, #left_b{   }
#wrap_a, #wrap_b{ padding-left:30px; height:30px;border-bottom:2px solid #ff9900;padding-top:5px; }
#one_a, #one_b{display:block; float:left; width:auto;  margin-right:3px; color:#C60; ; font-family: Segoe UI, Arial, sans-serif; font-size: 16px; }
span#datelbl_a, span#datelbl_b {line-height:20px; margin-right:5px; color:#C60; ; font-family: Segoe UI, Arial, sans-serif; font-size: 20px; font-weight:normal}
#date, #date_b{border:0; color:#C60; font-weight:bold; font-size: 16px}
#two_a, #two_b{display:block; float:left;width:10px;}
#thru_a, #thru_b { font-family: Segoe UI, Arial, sans-serif; font-size: 12px; padding-left:20px!important; padding-left:5px;  line-height:12px; color:#C60; font-style:italic; }
#three_a, #three_b{ float:left;width:10px;}
#date2, #date2_b{border:0; color:#C60; font-weight:bold; font-size: 16px; margin-left:7px;display:inline}

#slider, #slider1{width:400px; margin-left:200px; margin-top:7px}


/*more JC styles for /General/NODC-About/NODC-Major-Products.html*/
.row-one {
	background-color: #ddd;
}
.row-two {
	background-color: #9cf; 
}

#goal {
	background-color: #036;
	color:#fff;
font-weight:bold;
text-align:center;
}	
	
/*----------------------end Major Products added by JC------------------------------------------*/

/*----------------------50th Anniversaty timeline css,  added by JC------------------------------------------*/

#timeline_wrap{padding-top:10px;width:100%; background-color:#DDD; }
#timeline_container{margin:10px auto 0px auto; width:750px; height:100px; display:block; overflow:hidden; position: relative; background-image:url(/Images/retro_box_ocean_sm.jpg);background-position:0px 0px; background-repeat:no-repeat;position:relative ; }
#inner_timeline_container{width:750px; height:120px; overflow:hidden; display:block;position:relative; margin-left:10px; margin-right:10px;}
#timeline_wrap h2{text-align:center; margin-top:-5px;}
#timeline_container h4{ margin-bottom:-2px; color:#FF6; font-size:10px;}
#date_t{text-align:center; color:#fff; font-weight:bold; font-size: 16px; background-color:#ddd; margin-top:-18px; margin-left:-1px; width:100px; height:25px;background-image:url(/Images/year_bg.gif);line-height:26px; cursor:pointer}
#timeline_slider{width:770px; margin:12px auto 0px auto; poition:relative; cursor:pointer}


ul#tmln{ 
		
            list-style: none;
            overflow:hidden;
            width:5100px;
            padding-left: 20px;
	   		padding-right: 30px;
            margin:0px 10px 10px 0px;
        }
   ul#tmln li {
	   font-family:Verdana, Geneva, sans-serif;
	   color:#fff;
	   font-size:10px;
            display: block;
			width:235px;
			float:left;
			height:100px;
			padding:0px 8px 8px 0px;
margin-left:10px;
line-height:13px;
        }
		
		
	

		
	/*----------------------END 50th Anniversaty timeline css,  added by JC------------------------------------------*/