@CHARSET "ISO-8859-1";

/* Calendar styles */
table.month  {
	margin:auto;
	margin-bottom:50px;
	border-collapse:collapse;
	margin-top:20px;
	position:relative;
	top:10px;
	width:100%
}
table.month .monthname {
	text-align:center;
	font-weight:bold;
	width:100%;
	vertical-align:middle;
	background-color:#EAEAEA;
	color:#666;
}
table.month .today {
	background-color:#FFFFCC;
}
table.month td {
	text-align:left;
	vertical-align:top;
	width:60px;
	height:50px;
	border:1px solid #CCC;
	padding:3px;
}
table.month .event {
	background-color:#FFFFCC;
}
table.month .dayname {
	color:#333;
	font-weight:bold;
}

/* This is the default style for general event types. */
table.month table.eventitem td {
	width:auto;
	padding:2px;
	height:10px;
	background-color:<?=nvl($colour, "auto");?>;
	border:0px solid #CCC;
	font-size:0.8em;
}	
.monthnav {
	width:100%;
}
.previousmonth {
	text-align:left;
}
.nextmonth {
	text-align:right;
}		
.monthnav {
	position:absolute;
	top:100px;
	padding-left:5%;
	width:90%;
	z-index: 400;
}