#calendar
{
	width: 303px;
	height: 200px;
	text-align: center;
	margin: 5px auto;
	border: 1px solid blue;
	background-color: #f3f8ff;
	position: absolute;
	font-family: Verdana, Arial; 
	color: #3030F0	
}

ul
{
	list-style-type: none;
	margin:0;
	padding:0;
}

.months, .currMonth 
{
    
	margin: 1px 0 0 1px;
	padding: 0;
	width: 99px;
	height: 15px;
	font-size: 10px;	
	line-height: 16px;
	float: left;
	text-align: center;
	background-color: #AAAAFF;
	color: #000;
	display: block;
}

.emptM, .headDay, .dayNormal, .dayBlank, .dayDisabled, .dayWeekend, .dayCurrent, .yearBrowse, .monthDisabled, .closeBtn  
{
	margin: 1px 0 0 1px;
	padding: 0;
	width: 39px;
	height: 15px;
	font-size: 12px;	
	line-height: 16px;
	float: left;
	text-align: center;
	background-color: #feefe4;
	color: #000;
	display: inline;
}

.emptM, .dayDisabled, .monthDisabled
{
	color: #d7d6d5;
	background-color: #f2f2f2;
}

.headDay
{
	color: #fff;
	background-color: #48688f;
	width: 41px;
}
.dayNormal, .dayBlank, .dayWeekend, .dayCurrent
{
	color: #fff;
	background-color: #70b0ff;
	width: 41px;
}

.dayBlank{background-color: #f3f8ff}
.dayWeekend{background-color: #ff6161}
.dayCurrent, .currMonth{background-color: #000070;}
.dayDisabled{width: 41px}
#days{margin-left: 1px; width: 299px;}
#elements{height: 150px;}
.months a, #days a, .currMonth a{color: #000; text-decoration: none; display: block;}
.currMonth a{color: #FFF}
#days a{color: #fff;}
.yearBrowse, #closeBtn {width: 299px; background-color: #FFF; line-height: 20px;}
.yearBrowse a, #closeBtn a{text-decoration: none; color: #f30; font-weight: bold;}

.yearBrowse b{margin: 0 5px}