.calendar .head 
{
    text-align:center;
}
.calendar.tableBasic td 
{
    padding:0;
}
.calendar .DayHeaderStyle
{
    -x-system-font:none;
border:1px solid #CCCCCC;
color:#002F55;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
    padding:0;
text-align:center;
background-color:Transparent;
}

.calendar table.head 
{
    margin:0;
}
.calendar td.occ {
    color:silver;
}
.calendar td.free 
{
	font-weight:bold;
	color:#003466;
}
.calendar td.today {
	font-weight:bold;
    color:#87CDFF;
}
.calendar table.head td 
{
	background-color:#3399CC;
}

.legend
{
	color:#002F55;
	font-size:11px;
	font-family:Verdana;
	margin-left:6px;
}

.legend div.today
{
background-color: #87CDFF; display: inline-block; height: 16px; width: 10px;
}
.legend div.free
{
 background-color: #003466; display: inline-block; height: 16px; width: 10px;	
}
.legend div.occ
{
 background-color: silver; display: inline-block; height: 16px; width: 10px;
}
.legend span
{
	margin-right:20px;
}