/**********************************************/
/*					 HEADER    				  */
/**********************************************/
#Top_SelectedHarbor
{
	position: absolute;
	top: 5%;
	left: 45%;
	color: #FFFFFF;
	font-weight: bolder;
	font-stretch: expanded;
	font-size: xx-large;
}

 
/*************************************************************************************/
/*								DATECONTROLLER STARTS							     */
/*************************************************************************************/
#dateControllerTitle
{
	background:transparent url(Images/weather_heading.jpg) no-repeat scroll left center;
	padding:6px 0px 4px;
	margin-left: -1px;
}

#dateControllerContent
{
	border-bottom:1px solid #C6CFD7;
	border-left:1px solid #C6CFD7;
	border-right:1px solid #C6CFD7;
	padding-left: 0px;
	margin:-2px 0px -1px -1px;
	width:170px;
	float:left;
}


/*************************************************************************************/
/*								WINDROSE STARTS									     */
/*************************************************************************************/
#windroseTitle
 {
 	background:transparent url(Images/weather_heading.jpg) no-repeat scroll left center;
	padding:6px 0px 4px;
	margin-left: -1px;
 }
  
 #windroseContent
 {
 	border-bottom:1px solid #C6CFD7;
	border-left:1px solid #C6CFD7;
	border-right:1px solid #C6CFD7;
	padding-left: 0px;
	margin:-2px 0px -1px -1px;
	width:170px;
	float:left;
 }
 
 #windrose
 {
 	margin-left:20px;
 }
 
 #windroseBottom
{	
 	float:left;
	background:transparent url(Images/weather_bottom2.jpg);
	height:21px;
	width:171px;
}

#windroseBottom span
{	
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	margin-left: 100px;
}


/*************************************************************************************/
/*								WINDMETER STARTS									 */
/*************************************************************************************/
#windmeterTitle
 {
 	background:transparent url(Images/weather_heading.jpg) no-repeat scroll left center;
	padding:6px 0px 4px;
	margin-left: -1px;
 }
  
 #windmeterContent
 {
 	border-bottom:1px solid #C6CFD7;
	border-left:1px solid #C6CFD7;
	border-right:1px solid #C6CFD7;
	padding-left: 0px;
	margin:-2px 0px -1px -1px;
	width:170px;
	float:left;
 }
 
 #windmeter
 {
 	margin-left:15px;
 	margin-top:15px;
 }
 /**************************************************************************/
 

 #links_stations
 {
 	border-bottom:1px solid #C6CFD7;
	border-left:1px solid #C6CFD7;
	border-right:1px solid #C6CFD7;
	font-size:11px;
	font-weight:normal;
	margin:-2px 0px 0px 0px;
	padding:0px;
	width:170px;
	
	float:left;
	
 }
 
 #links_stations .left
 {
 	background-color: #ECD765;
 	float:left;
 	width: 48%;
 	margin-top:2px;
 	margin-left: 2px;
 	/*margin-bottom:1px;*/
 	height: 20px;
	text-align: center;
 }
 
 #links_stations .current_left
 {
 	background-color:#F0CC04;
 	float:left;
 	width: 48%;
 	margin-top:2px;
 	margin-left: 2px;
 	/*margin-bottom:1px;*/
 	height: 20px;
	text-align: center;
 }
  
 
  #links_stations .current_right
 {
 	background-color:#F0CC04;
 	float:left;
 	width: 48%;
 	margin-top:2px;
 	margin-left: 2px;
 	/*margin-bottom:1px;*/
 	height: 20px;
	text-align: center;
 }
 
#linksStationsAreaBottom
{	
	margin-top:-1px;
	margin-left:1px;
	
 	float:left;
	background:transparent url(Images/weather_bottom2.jpg);
	height:21px;
	width:171px;
}


 /****************************************************/
 /*					Readings drill down
 /****************************************************/
 div.topDate
{
	float: left;
/*	border: 1px solid red;*/
	width:640px;
	padding-bottom: 5px;
	padding-top: 5px;
	/*text-align: center;
	border: 1px solid green;
	height: 20px;
	padding-top: 10px;
	width: 100%;
*/
}

#topNav
{
	text-align: center; 
	padding-bottom:5px;
}

#leftDate
{	
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	width: 125px;
	/*border: 1px solid black;*/ 
	
}
 

  
  
/**********************************/	 
/* DRILLDOWN TABLE - SCROLL TABLE */	 
/**********************************/	 

.tableone {width:640px; border-collapse:collapse; margin:0 auto; border: 1px solid #9CABBD;}
.tabletwo {width:620px; border-collapse:collapse;}
.innerb {height:40em; overflow:auto;}
.th1{width:90px;}
.th2{width:75px;}
.th3{}
.td1{width:89px;}
.td2{width:75px;}

.th1, .th2, .th3 
{
	border-right: 1px solid #9CABBD;
	background-color: #CCD4DD;
	color:  #546376;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.td1, .td2, .td3
{
	border-top: 1px solid #9CABBD;
	border-right: 1px solid #9CABBD;
	color: #546376;
	background-color: transparent;
	font-size: 10px;
	text-align: center;
}