.calendar {
	background:	#ff0000;
	color:		#000000;
	font:		normal 1em Arial, Helvetica, sans-serif;
	text-align:	center;
	width:		21em;
}

.calendar .weekday span, .calendar .weekend span {

	border:		1px solid black;
	border-width:	0 1px 1px 0;

	width:		1.5em;
	height:		1.2em;

	position:	absolute;
	top:		0;
	left:		0;
	
	
}

.weektop, .weekday, .weekend, .other_month, .caption, .m_control {
	height:		3em;
	width:		3em;
	float:		left;
}

.m_control {
	background:	#DDDDDD;
}
.m_control span {
	font:		bold 18pt/36pt Arial, Helvetica, sans-serif;
}
.caption {
	background:	#CCCCCC;
	color:		#FFFFFF;
	width:		15.0em;
}
.caption span {
	color:		blue;
	font:		bold 18pt/36pt Arial, Helvetica, sans-serif;
}

.weektop {
	background:	#999;
	font-size:	2em/2em;
	height:		2em;
}
.weekday {
	background:	#DDD;
	position:	relative;
}
.weekend {
	background:	#CCC;
	position:	relative;
}
.other_month {
	background:	#bbbbbb;
}
.weekend:hover, .weekday:hover {
	background:	yellow;
	border:		1px outset black;
}