@CHARSET "ISO-8859-1";

.leftHolder {
	width: 176px;
	float: left;
	height: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.rightHolder {
	float: left;
	width: 560px;
}

#dateHeading {
	font-size: 26px;
	color: #132b3b;
}

#scheduleHolder {
	height: 350px;
	width: 565px;
	overflow: auto;
	overflow-y (x): hidden;
	overflow-x (y): scroll;
}

.scheduleTimeslot {
	height: 34px;
	background-repeat: no-repeat;
	background-image: url('../images/barUnavailable.gif');
	padding: 3px;
}

.available {
	background-image: url('../images/barAvailable.gif');
}

.booked {
	background-image: url('../images/barBooked.gif');
}

.scheduleTimeslot span {
	color: #8594a4;
}

.available span {
	color: #1c3c53;
}

.booked span {
	color: #FFF;
}

.scheduleTimeslot div {
	text-align: right;
	padding: 6px;
}

.scheduleTimeslot div a {
	color: #BBB;
	text-decoration: none;
}

.scheduleTimeslot div a:hover {
	color: #333;
}

.available span {
	color: #1c3c53;
}

.booked span {
	color: #FFF;
}

.booked div a {
	color: #FFF;
}

.booked div a:hover {
	color: #EEE;
}

#scheduleHolder a {
	color: #666;
	text-decoration: none;
}
#scheduleHolder a:hover {
	color: #000;
}