#onlinecontainer{
		  font-family : verdana,arial, helivetica, georgia;
      font-size : 12px;
      font-weight : normal;
	  line-height: 16px;
	color:#ffffff;
	}



.alt_paragraph
{
	margin-bottom:17px;
	clear:both;
}


/* the large text used as headers (steps 1,2,3,4 etc. */
	
.largertext
	{
		font-family : verdana, arial, helivetica, serif;
		font-size:13px;
		
	}



/* the text next to the number of nights select box */

.tag{
	width:120px;
	
	display:inline;
	float: left;
	
	}




/* Style of the month's section, including link style of  for next/previous month */


#month_text{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	width:189px;
	
	padding-bottom:10px;
	vertical-align: top;
	
		
}

.link_arrow a:link {color: #ffffff; text-decoration:none;}
.link_arrow a:visited {color: #ffffff; text-decoration:none;}
.link_arrow a:active {color: #ffffff; text-decoration:none;} 
.link_arrow{color: #ff0000; 
			text-decoration:none;
			display:inline;
			vertical-align:20%;
			margin-left:2px;
			margin-right:2px;
			padding-top:8px;
		
			
		}


/* Calendar head */

 .tablehead{
 	background-color: #000000;
  	font-weight:bold;
}


/* All control the calendar */

.cell_link td{

	width:26px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	line-height:18px;
	text-decoration:none;
}


.cell_link td a:link, .cell_link td a:visited, .cell_link td a:hover{

	width:26px;
	height:20px;
		
	display:block;
	
	padding-top:1px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	line-height:18px;
	text-decoration:none;
}

.on
{	background-color: #CD7926;}

 .off{background-color: #000000;} 

 .onerror{background-color: #E63333;}
 .av{background-color: #17A517;}
 .fb{background-color: #A61717;}
 .pv2{background-color: #1748A5;}
 .pv7{background-color: #1748A5;}
 
 .avfade{background-color: #B3E1B3;}
 .fbfade{background-color: #E2B3B3;}
 .pv2fade{background-color: #B3C3E1;}
 .pv7fade{background-color: #B3C3E1;}


 .key_av{
 	display:block;
	width:10px;
	height:10px;
	background-color: #17A517;
	font-size:2px;
	float:left;
	margin-top:4px;
	margin-right:2px;
 	}
	


/* Style that controls the box next to the keys */

	
	 .key_ok{
 	display:block;
	width:10px;
	height:10px;
	background-color: #CD7926;
	font-size:2px;
	float:left;
		margin-top:4px;
		margin-right:2px;
 	}
	
	
	 .key_error{
 	display:block;
	width:10px;
	height:10px;
	background-color: #E63333;
	font-size:2px;
	float:left;
		margin-top:4px;
		margin-right:2px;
 	}
	
 .key_fb{
 	display:block;
	width:10px;
	height:10px;
	background-color: #A61717;
	font-size:2px;
	float:left;
		margin-top:4px;
		margin-right:2px;
 	}

 .key_pv{
 	display:block;
	width:10px;
	height:10px;
	background-color: #1748A5;
	font-size:2px;
	float:left;
	margin-top:4px;
	margin-right:2px;
 	}


/* The text to the right of the individual key-colours */

  .key_text{
	width:260px;
	display:block;
	padding-left:4px;
	}




/* container for the ket section, if you want to move it, use the margins */
	
#key
	{
	width:80px;
	float:left;
	margin-top:45px;
	margin-left:4px;
	}



	
	
	
	


#date_select
	{
	
	
	width:100%;
	display:none;
	}


			

#calendar
	{
	float:left;
	margin-bottom:10px;
	margin-top:0px;
	
	}






#errors{
	background-color:#E63333;
 	display:block;
	width:357px;
 	height:70px;
	clear:both;
	margin-left:1px;
	margin-bottom:10px;
	padding:2px;
	font-family : verdana, arial, helvetica, serif;
    font-size : 11px;
    font-weight : normal;
	line-height: 14px;
	text-align:left;
	color:white;}
	
	
.form_fields{
  
	
	  font-family : arial, helivetica,verdana,  serif;
      font-size : 11px;
      font-weight : normal;
	  line-height: 16px;
		display:inline;
	  text-align:left;
	  margin-left:0px;
	  margin-bottom: 4px;
}