#calendar
{
	width: 200px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 9px;
	margin: 5px auto;
	border: 1px solid #556;
	background-color: #eef;
	position: absolute;
}

ul
{
	list-style-type: none;
	margin:0;
	padding:0;
}
.months, .emptM, .headDay, .dayNormal, .dayBlank, .dayDisabled, .dayWeekend, .dayCurrent, .yearBrowse, .monthDisabled, .currMonth, #closeBtn  
{
	margin: 1px 0 0 1px;
	padding: 0;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	width: 30px;
	height: 10px;
	line-height: 8px;
	float: left;
	text-align: center;
	background-color: #bdf;
	color: #000;
	display: inline;
}
.emptM, .dayDisabled, .monthDisabled
{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	background-color: #bdf;
}
.headDay
{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #ccd;
	width: 25px;
}
.dayNormal, .dayBlank, .dayWeekend, .dayCurrent
{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #456;
	background-color: #77c;
	width: 25px;
}
.dayBlank{background-color: #f3f8ff}
.dayWeekend{background-color: #ff6161}
.dayCurrent, .currMonth{background-color: #71d45b}
.dayDisabled{width: 25px}
#days{margin-left: 1px; width: 200px;}
#elements{height: 100px;}
.months a, #days a, .currMonth a{color: #000; text-decoration: none; display: block;}
.currMonth a{color: #FFF}
#days a{color: #fff;}
.yearBrowse, #closeBtn {width: 200px; background-color: #FFF; line-height: 10px;}
.yearBrowse a, #closeBtn a{text-decoration: none; color: #f30; font-weight: bold;}
.yearBrowse b{margin: 0 5px}