#calendarDiv { position:absolute; width:auto;  padding:0; font-family:arial;
font-size:13px;  visibility:hidden; text-align:center;   }
#calendarDiv span,#calendarDiv img { float:left; }
#calendarDiv .selectBox,#calendarDiv .selectBoxOver { line-height:12px; padding:1px; padding-bottom:0; cursor:pointer; padding-left:2px;  }
#calendarDiv td { padding:6px 4px 4px 5px; color: #3A739F; margin:0px; font-size:13px; font-weight:bold; text-align:center; text-transform:uppercase; } 
#calendarDiv .selectBox { position:relative; }
#calendarDiv .selectBoxOver { position:relative; }
#calendarDiv .topBar { height:22px; padding:2px; margin-bottom:3px;  }
#calendarDiv .activeDay { }
#calendarDiv .todaysDate { height:17px; line-height:17px; padding:2px;  text-align:center; position:absolute; bottom:0px; width:201px; }
#calendarDiv .monthYearPicker {  position:absolute;  left:0px; top:15px;	z-index:1000; display:none; }
#calendarDiv #monthSelect { width:90px; padding:4px; margin-left: 5px; }
#calendarDiv .monthYearPicker div { float:none; clear:both;	 padding:1px;  margin:1px; cursor:pointer; }
#calendarDiv .monthYearActive { }
#calendarDiv td { cursor:pointer; }
#calendarDiv .topBar img { cursor:pointer; }
#calendarDiv .topBar div { float:left; margin-right:15px;  font-weight:bold; }
#calendarDiv  #calendar_year_txt { padding:4px; width:32px; text-align:left; }
#calendarDiv table {  }

/* calendar color --------------- */
#calendarDiv{ border:1px solid #d9d9d9; padding:0px; background: #f9f9f9 url(../../images/calendar_main.png) repeat-x left top; color:#333; width: 265px; }
#calendarDiv td { border:none; border-right:none; }
#calendarDiv td:hover { color:#666; }
#calendarDiv .selectBox{ border:none !important; background:none;  color:#eee; text-shadow:1px 1px 1px #333; }
#calendarDiv .selectBoxOver { border:none !important; background:#none; color: #fff; text-shadow:1px 1px 1px #333;  }
#calendarDiv .topBar { background: #282828 url(../../images/calendar_topbg.png) repeat-x left bottom;padding:4px;  }
#calendarDiv .activeDay { color:#fff; background:#1E3C53; text-shadow:1px 1px 1px #333; }
#calendarDiv .activeDay:hover { color:#fff; }
#calendarDiv .oldDay { color: #c4c4c4; pointer-events: none; background:none; }
#calendarDiv .todaysDate { background-color: #E9F1F6; }
#calendarDiv .monthYearPicker { background-color: #fff; border:none; color: #333; -moz-box-shadow: 1px 1px 1px #666;
-webkit-box-shadow: 1px 1px 1px #666;
box-shadow: 1px 1px 1px #666; }
#calendarDiv .monthYearPicker div { border-bottom:1px solid #d9d9d9; }
#calendarDiv .monthYearActive { background-color:#eee; color: #0c5580; }

#monthSelect img, .selectBox img { margin-top: 0 !important; }
#monthSelect:hover, .selectBox:hover, #calendar_year_txt:hover { color: #cccccc !important; }

.selectBox img, .selectBox img:hover { /*right: 4px !important;*/ }

/*#calendarDiv .topBar div img { margin-top: 5px; }
#calendarDiv .selectBox:hover img { margin-top: 0px !important; }*/