#calendar { 
width : 170px; 
height : 165px; 
text-align : center; 
margin : 5px auto; 
border : 1px solid #7f7f7f; 
background-color : #f3f8ff; 
position : absolute; 
font : 10px Arial; 
} 
ul { 
list-style-type : none; 
margin : 0; 
padding : 0; 
} 
.months, .emptM, .headDay, .dayNormal, .dayBlank, .dayDisabled, .dayWeekend, .dayCurrent, .monthDisabled, .yearBrowse, .currMonth, #closeBtn { 
margin : 1px 0 0 1px; 
padding : 0; 
width : 27px; 
height : 14px; 
line-height : 14px; 
float : left; 
text-align : center; 
background-color : #b96a9a; 
color : #48688f; 
display : inline; 
} 
.emptM, .dayDisabled, .monthDisabled { 
color : #d7d6d5; 
background-color : #f2f2f2; 
} 
.headDay { 
color : #fff; 
background-color : #48688f; 
width : 23px; 
} 
.dayNormal, .dayBlank, .dayWeekend, .dayCurrent { 
color : #fff; 
background-color : #fbb2ff; 
width : 23px; 
} 
.dayBlank { 
background-color : #f3f8ff; 
} 
.dayWeekend { 
background-color : #ff6161; 
} 
.dayCurrent, .currMonth { 
background-color : #71d45b; 
} 
.dayDisabled { 
width : 23px; 
} 
#days { 
margin-left : 1px; 
width : 169px; 
} 
#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 { 
color : #000000; 
width : 169px; 
background-color : silver; 
line-height : 14px; 
} 
.yearBrowse a, #closeBtn a { 
color : black; 
font-weight : bold; 
} 
.yearBrowse b { 
color : black; 
margin : 0 5px; 
}