body.calendar {
	margin: 0;
	background-color: #C5CCF5;
	padding: 1px 0px 0px 8px;
	font: bold 10px arial,helvetica,sans-serif;
	text-align: center;
}
a.cal {
	text-decoration: none;
	color: Black;
}
a.cal:hover {text-decoration: underline;}
/* entire calendar table */
.calTable{margin: 0px 4px 0px 0px; width:127px; float:left; empty-cells:show}
/* month label */
.calLabel{
	font: 700 11px arial,helvetica,sans-serif;
	color: White;
	text-align: center;
	background-color: Navy;
	padding: 1px;
	line-height: 18px;
	white-space: nowrap;
}
/* day of the week label */
.calDayName{
	background: Gray;
	color: #ffffff;
	font: 500 10px arial,helvetica,sans-serif;
	text-align: center;
	width: 19px;
}
/* all available dates */
.calDate{text-align:center; font: 500 10px arial,helvetica,sans-serif; background: #ffffff; line-height: 13px;}
/* all dates, not available */
.calDateOff{
	color: #ADADAD;
	font: 400 10px arial,helvetica,sans-serif;
	text-align: center;
	background: #ffffff;
	line-height: 13px;
}
/* selected day */
.calDateSel{
	background: #66CC66;
	text-align: center;
	font: bold 10px arial,helvetica,sans-serif;
	line-height: 13px;
}
/* dates on the calendar */
.calDateA{
	text-decoration: none;
	color: Black;
}
.calDateA:hover{text-decoration:underline;}
/* next month selector */
.calNavA{
	font: bold 12px arial,helvetica,sans-serif;
	text-decoration: none;
	color: White;
	padding: 0 5px 0 5px;
}
.calNavA:hover{
	color: White;
	text-decoration: underline;
}
.calClose{
	font-weight: 900;
	font-size: 11px;
	padding: 0 8px 2px 6px;
	text-align: left;
	color: Black;
}
.calClose a{
	float: right;
	text-decoration: none;
	color: Black;
}
.calClose a:hover{text-decoration:underline;}
.calwrapper {margin:auto;width:270px;}