/* basic style */ 
.MonthPicker {margin:0; padding:0; font:bold 12px Arial; color:#ffe;}
.MonthPicker {-moz-user-select:none; user-select:none}
.MonthPicker th{padding-left:10px;}
.MonthPicker td{padding:0px}
.MonthPicker a{text-decoration:none; color:#333!important;}
.MonthPicker a:hover{background:#FFFFFF}
.MonthPicker a:hover span{background:#FFFFFF; color:#000000}
.MonthPicker a.li{position:relative;}
.MonthPicker ul{list-style:none; margin:0; padding:0}
.MonthPicker ul table{width:100%; border-collapse:collapse}
.MonthPicker ul ul
{
	position:absolute; visibility:hidden; left:-1px; top:20px; z-index:2; border:1px solid #999;max-height:100px;width:70px;overflow:auto;
	scrollbar-3dlight-color:#d4d6d7;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#d4d6d7;
	scrollbar-darkshadow-color:#508496;
	scrollbar-face-color:#508496;
	scrollbar-highlight-color:#d4d6d7;
	scrollbar-shadow-color:#000000;
}
.MonthPicker ul ul .selected{background:#2d4f76; color:#fff}
.MonthPicker li{position:relative; margin-left:0px; width:50px; float:left; text-align:center}
.MonthPicker li a{display:block;}
.MonthPicker .li:hover ul{background:#ffe; visibility:visible}
.MonthPicker .li:hover li a:hover{background:#09f; color:#ffe}
.MonthPicker span{display:inline-block; width:58px; padding:1px; line-height:19px; text-align:center; cursor:pointer}
.MonthPicker .month span{width:40px}
.MonthPicker .selected{background:#ffe}
/* print style */
@media print{
.MonthPicker span{display:none}
.MonthPicker .selected{display:block}
}