/* Calendar view
------------------------------------------------*/

#date-select {
float: left;
width: 15em;
margin: 10px 20px 30px 4em;
}

#legend {
width: 25em;
padding: 10px;
margin-top: 65px;
margin-right: 5em;
float: right;
background: #f7f7f7;
}


.calendar {
	border-bottom: 1px solid #f2f2f2;
}

.calendarNav { text-align: center; padding: 5px; font-size: 118%;}
.calendarNav table { width: 100%; }

.calendar th {
	padding: 10px 3px 3px 3px;
	text-align: center;
}

.calendar .nonmonthday, .calendar .day {
	border-top: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}

.calendar .nonmonthday a, .calendar .day a {
	display: block;
	width: 35px;
	height: 40px;
	padding: 2px 3px;
	color: #444 !important;
	cursor: default;
}

.calendar .nonmonthday a:hover, .calendar .day a:hover {
	background-color: #09c!important;
color: #fff !important;
}

.calendar .first {
	border-left: 1px solid #f2f2f2;
}

.calendar .nonmonthday a, .calendar .nonmonthday a:hover {
	color: #fff!important;
background: #fff!important;
}

.calendar .day {

}

.calendar .past, .calendar .past a {
	background-color: #eee!important;
background-image: none !important;
color: #999 !important;
}

 .calendar .past a:hover {
background: url(unavailable.jpg) no-repeat scroll right bottom !important;
color: #999 !important;
cursor: default !important;
}

.calendar .today a {
	color: #04e !important;
font-weight: bold;
}

.calendar .available {
	background-color: #eee;
background: url(available.jpg) no-repeat right bottom scroll;
}


.calendar .available a {
	cursor: pointer !important;
}

.calendar .unavailable a:hover {
background: url(unavailable.jpg) no-repeat scroll right bottom !important;
color: #444 !important;
}

.calendar .taken {
	background: #fff url(unavailable.jpg) no-repeat scroll right bottom;
}


.calendar .nonmonthday {
visibility: hidden;
}

.selected-date {
	font-weight: bold;
	color: #09c;
	}


.month-year {
	color: #036;
	font-weight: bold;
	}

/* Daily schedule
------------------------------------------------*/

.dailySchedule {
	width: 250px;
}

.dailySchedule td {
	padding: 2px 1px 1px 5px;
border-bottom: 1px solid #eee;
}

.dailySchedule .available td {
	background-color: #f7f7f7;

}

.dailySchedule .unavailable td {
	background-color: #fff;
color: #ccc;
}

.dailySchedule .taken td {
	background-color: #faa;
}

.bookingLink {
	!important;
}