/* basic style */ 
.MonthPicker { color:#888; margin:0; padding:5px 0px; padding-bottom:7px; font-size:1.0em; font-weight:normal; vertical-align:bottom; }
.MonthPicker {-moz-user-select:none; user-select:none}
.MonthPicker th{padding-left:16px}
.MonthPicker td{padding:0px}
.MonthPicker a.li{position:relative}
.MonthPicker a:hover{ text-decoration:none; }

.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:14px; z-index:2; border:1px solid #999}

.MonthPicker ul ul .selected{background:#f60; color:#fff}

.MonthPicker li{position:relative; width:60px; 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:#58A8D9; color:#ffe }
.MonthPicker span{display:inline-block; margin:0px 6px; text-align:center; cursor:pointer; line-height:15px; }
.MonthPicker .month span{  }

.MonthPicker .selected{ font-weight:bold; }

/* print style */
@media print{
.MonthPicker span{display:none}
.MonthPicker .selected{display:block}
}