/*
Small Calendar
-------------------------------*/
#tblCalendar
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
#tblCalendar .firstRow
{
	background-color: #999;	
	color: white;
}
#tblCalendar a.selected
{
	color: #d94e52;
}
#tblCalendar td
{
	padding: 5px;
	border: 1px solid #ccc;	
}

/*
Large Calendar in Month View
-------------------------------*/
#CalMonthView
{
	font-family:Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	width: 590px;
}
#CalMonthView .firstRow
{
	background-color: #999;	
	color: white;
}
#CalMonthView .firstRow td
{
	background-color: #999;	
	background-image: url(../img/footer.gif);	
	color: white;
	height: 13px;
}
#CalMonthView td
{
	padding: 0;
	margin: 0;
	vertical-align:top;
	text-align: center; 	
	border: 1px solid #5a4f33;	
	height: 50px;
	width: 80px;
}
#CalMonthView td.weekend
{

}
#CalMonthView td.selected
{
	background-color:#DDD;
	border:1px solid #ff904e;
}
#CalMonthView a.request
{
	font-size: 11px;
	color:#5a4f33;
	float: right;
}
#CalMonthView a.request:hover
{
	color: #000;
	font-weight: bold;
}

#CalMonthView.day
{
}
#CalMonthView a.daylink
{
	display:block;
	background-color: #5a4f33;
	border: 1px solid #5a4f33;
	font-size: 12px;
	text-align: left;
	color: #f0d699;
	margin: 1px;
	margin-top: 0px;
	margin: 0px;
}
#CalMonthView h3
{
	font-size: 11px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	/*background-image: url(../img/gradient_gray.gif);*/
	background-color: #5a4f33;
	border: 1px solid #5a4f33;
	height:13px;
}
#CalMonthView p
{
	background-color: #fffbcb;
	border: 1px solid #e6db55;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-size: 12px;
}
#CalMonthView p.booked
{
	background-color: #a00;
}

#CalMonthView p.public
{
	background-color: #7731a8;
}
#CalMonthView p.pending
{
	background-color: #ddd;
}
#CalMonthView h5
{
	font-size: 13px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	padding: 1px;
}
#CalMonthView a.book-date
{
	font-size:11px;
	font-weight:bold;
	color: #000;
}
#CalMonthView a.book-date:hover
{
	color: #fff;
	border: none;
	background-color:transparent;
	background-image:none;
}

/*
Large Calendar in Week View
-------------------------------*/
#CalWeekView
{

}

/*
Large Calendar in Week View
-------------------------------*/
#CalDayView
{

}