#availability-container{
	width:98%;
	margin:0 auto;
	
}

.availability_month{
	height: 200px;		
	padding: 1px;
}

.availability_month table, .availability_month td{
	border: 1px solid #ccc;
}

.availability_month table{
	margin: 5px;
	text-align:center;
}

.availability_month td{
	padding: 2px;
	margin: 0px;	
	width: 25px;
}

.availability_month td.header{
	font-weight: bold;
	background-color:#889a7d;
	color:#fff;}

.availability_month td a{
	color: #000000;
}

.availability_month td a.booking_link{
	text-decoration: none;
}

.availability_month td a.booking_link:hover{
	text-decoration: underline;
}

.availability_month .padding{
	background-color: #eee;
}

#availability_key{
	clear: both;
}

#availability_key div{
	float: left;
	height: 40px;
	width: 80px;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	margin: 0px 5px 0px 0px;
	border:1px solid #464646;
}

.available { background-color: #f6fbd1; }
.unavailable { background-color: #999; }

#calendar_controls{
	margin: 10px 0px;	
	padding:10px 0;
	overflow: hidden;
	border-top:1px dashed #889a7d;
}
#calendar_controls #previous_month, #calendar_controls #next_month{
	background:url('../img/button-bg.gif') no-repeat top;
	width:128px;
	height:30px;
	text-align:center;
	padding-top:5px;
}
#calendar_controls #previous_month{
	float: left;
}
#calendar_controls #next_month{
	float: right;
}
#calendar_controls #previous_month a, #calendar_controls #next_month a{
	color:#fff;
	font-weight:bold;
	margin:0 auto;
	width:121px;
	text-decoration:none;
	
}
#calendar_controls #previous_month a:hover, #calendar_controls #next_month a:hover{
	color:#b3c639;
	text-decoration:underline;
}
#availability_form{
}

#availability_form #choose{
	font-weight: bold;
}

#availability_form label{
	display: block;
	margin: 3px 0px;
	padding: 0;
}
	
#availability_form input,
#availability_form select,
#availability_form textarea{
	margin: 3px 0px;	
	border: 2px solid #DFDFDF;
 	padding: 4px; 
}

table.no-style{margin:0;padding:0;}