/************* CALENDAR STYLING *************/

#calendar-container  {
	width: 100%;
	max-width: 1024px;
	height: auto;
	margin: 0 auto;
}

.column  {
	height: auto;
	float: left;
	border-right: 1px solid #4b4b4b;
	line-height: 27px;
	padding: 10px 10px;
}

.column img {width: 24px; height: auto;}

.column:nth-child(1)  {width: 15%; max-width: 100px;}
.column:nth-child(2)  {width: 15%; max-width: 100px; text-align: center;}
.column:nth-child(3)  {width: 25%;}
.column:nth-child(4)  {width: 45%; border-right: none;}

#calHead .column  {}

#calBody .column  {}

#calDate  {
	width: auto;
	height: auto;
	float: right;
}

#calHead  {
	width: 100%;
	height: auto;
	background-color: #00b6cf;
	color: #FFF;
	border-top: 1px solid #4b4b4b;
	border-left: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
}

#calBody  {
	width: 100%;
	height: auto;
	border: 1px solid #4b4b4b;
	border-left: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	border-bottom: 1px solid #4b4b4b;
}

.calRow  {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #4b4b4b;
}

.booked  {
	background-color: #9fddf8;
	border-bottom: none;
	color: #9fddf8;
}

.booked:nth-child(1)  {color: #000;}

.booked .column:nth-child(1)  {color: #000;}

.apptBlock  {border-bottom: 1px solid #4b4b4b;}