#oDivMainbody { padding:0 17px 15px 17px; background-image:url(../images/MainbodyShading.gif); background-position:top; background-repeat:no-repeat; }
		
	#oDivTopBar { width:900px; float:left; padding:0 0 20px 0; }
	
/* login page*/
	#oFrmLogin, #oFrmForgotten { width:278px; }
		ol.LoginForms { width:278px; margin:0; padding:0; list-style:none; }
			ol.LoginForms li { width:278px; margin-bottom:4px; float:left; }
				ol.LoginForms li label { width:70px; float:left; font-weight:bold; }
				ol.LoginForms li input { width:200px; margin:0; padding:0 2px; font-size:1em; float:left;  }
		input#btnLogin { width:67px; height:28px; margin:7px 0 0 0; float:right; }
		input#btnForgotten { width:67px; height:28px; margin:7px 0 0 0; float:right; }
			
	#oPError { padding:10px 0; color:#CC0000; }
	
	#oDivForgottenPassword {width:400px; padding-top:30px; float:left; }
	
	#oUlRightLinks { width:333px; background-color:#797979; list-style:none; padding:3px 15px 0 15px; float:left; }
		#oUlRightLinks li { padding:7px 0; border-top:1px dotted #fff; }
		#oUlRightLinks li#righttop { border-top:0; }
			#oUlRightLinks li a { line-height:20px; display:block; color:#fff; font-size:0.8em; font-weight:bold; text-decoration:none; }
			#oUlRightLinks li a:hover { color:#999; }
				#oUlRightLinks li a img { padding:0 0 0 5px; }
	
	#oImgBoatImage { width:363px; height:270px; padding:3px 0 0 0; float:left; }  
			
	/* Calendar */
	
	.grey { color:#333333; }	
#oDivCalenderContainer {width:860px; margin-bottom:20px; padding:0 0 0 20px; float:left; }

	#oDivWelcome { width:860px; height:25px; padding:0 0 5px 0; float:left; color:#999; font-weight:bold; }
		#oDivWelcome a { color:#999; text-decoration:none; }

	#oDivUserInfo { width:860x; height:30px; padding:0 0 10px 0; float:left; color:#000; } 
		#oDivStats { width:600px; line-height:30px; font-size:0.9em; float:left; font-weight:bold; }
			#oDivStats span#changeColor { color:#339; }
			
	#oDivCalNav { width:210px; line-height:30px; float:right; font-size:0.9em; font-weight:bold; text-align:right; }
		#oDivCalNav a { color:#000; text-decoration:none; }
		#oDivCalNav span#spnMonthLeft, #oDivCalNav span#spnMonthRight { width:20px; float:left;  }
		#oDivCalNav span#spnDateNav { width:120px; padding:0 15px; float:left; text-align:center; }
		
	#oDivCalendar { width:860px; padding:0; float:left; }
		#oUlCalendar { width:854px; padding:0; list-style:none; float:left; background-color:#fff; border-right:1px solid #999; border-bottom:1px solid #999; }
			#oUlCalendar li { width:111px; height:111px; padding:5px; float:left; background-color:#d5ffd5; border-left:1px solid #999; border-top:1px solid #999; color:#339; }
			#oUlCalendar li.oLiDayHeader { width:121px; height:25px; line-height:25px!important; padding:0; background-color:#fff; font-size:1em; font-weight:bold; text-align:center; }
			
			#oUlCalendar li span.spnIntDate { width:100px; height:25px; float:left; font-size:1em; font-weight:bold; }
				#oUlCalendar li span.spnMessage { width:100px; height:40px; padding:3px 0 0 0; float:left; color:#000; font-size:0.7em; font-weight:bold; }
				#oUlCalendar li span.spnLinks { width:100px; height:33px; float:left; color:#000; font-size:0.7em; }
					#oUlCalendar li span.spnLinks a { color:#000; text-decoration:none; }
					
			#oUlCalendar li.oLiEmptyDate { background-color:#cccccc; }
				 #oUlCalendar li.oLiEmptyDate span.spnIntDate { color:#666; }
			
			#oUlCalendar li.oLiPending { background-color:#ffd5a9; }
				 #oUlCalendar li.oLiPending span.spnIntDate { color:#FF6600; }
				 
			#oUlCalendar li.oLiBooked { background-color:#ffd5d5; }
				 #oUlCalendar li.oLiBooked span.spnIntDate { color:#FF0000; }
				 
		#oDivCalFooter { width:860px; /* height:30px; */ padding:10px 0; float:left; color:#000; } 
			#oDivCalFooter #oDivCalUsersTable { width:80%; margin:auto; clear:both; padding-top:15px;}
				#oDivCalFooter #oDivCalUsersTable table {width:100%; font-size:0.7em;}
		#oDivKey { width:650px; line-height:30px; float:left; font-size:0.8em;  }
			#oDivKey span { float:left; padding:0 10px 0 20px; }
			#oDivKey img { float:left; }
		#oDivContinue { width:87px; line-height:31px; float:right; }


/* Book Days */
#oDivBookingContainer {width:860px; padding:0 0 0 20px; float:left; }
	#oDivBookingContainer h1 { margin-bottom:15px; color:#09f; font-size:1.1em; font-weight:normal; }
	#oDivBookingContainer p#oPIntro { color:#000; margin:0 0 8px 0; font-size:0.9em; font-weight:bold; }
	
	#oDivBookingTableContainer { width:860px; float:left; padding:0 0 20px 0; background-color:#fff; }	
		#tblSelectedDates { padding:10px 0; margin:0; font-size:0.8em; width:800px; overflow:hidden}
					#tblSelectedDates p { float:left; padding:0 0 15px 0; font-size:0.9em; color:#191459; }
					.inputgroup{ width:200px;}
					.tdDate { width:210px; padding:0 0 15px 0; float:left; margin:0;}
						.tdDate label { width:210px; float:left; }
						.tdDate span { width:210px; float:left; font-weight:bold; }
					.tdWaterproofs { width:200px; padding:0 0 15px 0; float:left; margin:0;}
						.tdWaterproofs label { width:200px; float:left; }
						.tdWaterproofs select { width:170px; float:left; }
					.tdSkipper { width:180px; padding:0 0 15px 0; float:left; margin:0;}
						.tdSkipper label { width:180px; float:left; }
						.tdSkipper select { width:120px; float:left; }
					.tdLunch { width:200px; padding:0 0 15px 0; float:left; margin:0;}
						.tdLunch label { width:200px; float:left; }
						.tdLunch input { float:left; margin-right:15px;}
						.LunchYes, .LunchNo { width:auto!important; padding-right:5px; font-weight:bold; }
					.tdDestination { padding:0 0 15px 0; float:left; width:210px; margin:0;}
						.tdDestination label { width:210px; float:left; }
						.tdDestination input { width:190px; float:left; font-weight:bold; }
					.tdDeparture { padding:0 0 15px 0; float:left; margin:0; width:180px;}
						.tdDeparture label { width:180px; float:left; }
						.tdDeparture select { width:120px; float:left; }
					.tdReturn { padding:0 0 15px 0; float:left; margin:0; width:180px;}
						.tdReturn label { width:180px; float:left; }
						.tdReturn select { width:120px; float:left; }
					.tdTotal { width:200px; padding:0 0 15px 0; float:left; margin:0;}
						.tdTotal label { width:200px; float:left; }
						.tdTotal select { width:170px; float:left; }
						
					.tdReason { width:300px; padding:0 0 15px 0; float:left;}
						.tdReason label { width:210px; float:left; }
						.tdReason input { width:190px; float:left; font-weight:bold;}
					
				.tdSeparator { padding-bottom:25px; }
					.tdSeparator p { float:left; padding:0 0 15px 0; font-size:0.9em; color:#191459; }
					
				.tableLabels { font-weight:bold; line-height:25px; font-size:1.1em; color:#191459; }