/*--------------- the calendars --------------------- */
.calendar-holder {
	width: 150px;
	font-size: 10px;
	background: #e4e4c4;
	float: left;
	margin: 0px 15px 25px 0px;
	padding: 3px;
}

.calendar-holder table.availability-calendar {
	width: 100%;
	display: table;
}

.availability-calendar .booked, #calendar-legend .booked {
	background: #858c73;
	color: #4d4e3a;
	text-align: center;
}

.availability-calendar .start, #calendar-legend .start {
	background: url(/images/calendar-start.gif) center no-repeat;
	text-align: center;
}

.availability-calendar .end, #calendar-legend .end {
	background: url(/images/calendar-end.gif) center no-repeat;
	text-align: center;
}

.availability-calendar .split, #calendar-legend .split {
	background: url(/images/calendar-split.gif) center no-repeat;
	text-align: center;
}


.availability-calendar td {
	background: white;
	border: 1px solid #e4e4c4;
	text-align: center;
}

.availability-calendar th {
	text-align: center;
}

.availability-calendar .otherMonth {
	background: none;
	color: #e4e4c4;
}

#calendar-legend {
	float: right;
	width: 120px;
	
}

#calendar-legend td {
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#calendar-legend td.day {
	background: white;
	border: 1px solid #e4e4c4;
	text-align: center;
}