div.cal { 
	width:100%;
	padding: 0px;
	margin:20px 0px 0px 0px;
}

div.cal a:hover, div.cal a:visited, div.cal a:link, div.cal a:active {
	font-weight:bold;
	text-decoration:none;
}

div.cal table.month {
	width:100%;
	border:none;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	table-layout:auto;
}

div.cal table.month TH {
	font-size:13px;
	font-weight:bold;
	border: 1px solid #CCCCCC;
	height:20px;
	text-align:center;
}

div.cal table.month td {
	padding:2px;
	border:none;
	border-left: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	text-align:left;
	vertical-align:top;
	text-align:center;
	
	width:14%;
	height:100px; 
}

div.cal table.week table {
	width:100%;
	border:none;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	table-layout:auto;
}

div.cal table.week td {
	padding:2px;
	border:none;
	border-left: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	text-align:left;
	vertical-align:top;
	
	width:50%;
	height:90px; 
}
/*--------------------------------------*/

div.cal table.calheader { 
	width:100%;
	padding: 0px;
	margin:0px;
	border:none;
}

div.cal td.prev { 
	width:20px;;
	font-size:16px;
	font-weight:bold; 
	border:none;
}
div.cal td.actual { 
	text-align:center;
	padding-top:3px;
	font-weight:bold;
	border:none;
}
div.cal td.next { 
	text-align:right;
	font-size:16px;
	font-weight:bold;
	border:none;
}
/*--------------------------------------*/
 
div.cal div.today  {
	font-weight:bold;
	/*background-color:#c8e3f0;*/
	color:#FFFFFF;
}
div.cal div.today a { color:#ff0000 }

div.cal div.dayactive, div.cal div.dayoff, div.cal div div.dayempty  {
	font-weight:bold;
	background-color:#EFEFEF;
	text-align:right;
	padding:2px;
}
div.cal div div.dayactive a { color:#ff0000; }


div.cal div.desevent  { border-bottom:1px solid #CCCCCC; padding:3px 0px 3px 0px; text-align:left; font-size:11px; line-height:130%}
div.cal div.desevent a { color:#454c54; font-weight:normal; }
div.cal div.desevent a:hover { font-weight:normal; color:#FF0000;  }