div.cal { 
	width:100%;
	padding: 0px;
	margin: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-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

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-left: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	text-align:left;
	vertical-align:top;
	text-align:center;
	
	width:14%;
	/*min-height:70px; */
}

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

div.cal td.prev { 
	width:20px;;
	font-size:16px;
}
div.cal td.actual { 
	text-align:center;
	padding-top:3px;
}
div.cal td.next { 
	text-align:right;
	font-size:16px;
}
/*--------------------------------------*/
 
div.cal div.dayoff { color:#CCCCCC }
div.cal div.today  {
	font-weight:bold;
	background-color:#333333;
	color:#FFFFFF;
}
div.cal div.dayactive  {
	font-weight:bold;
	background-color:#4f7b19;
	color:#FFFFFF;
}

div.cal div div.dayactive a { color:#FFFFFF }
div.cal div.today a { color:#FFFFFF }