#calendarDiv { position: absolute; width: auto; padding: 0; visibility: hidden; text-align: center; }
#calendarDiv span,
#calendarDiv img { float: left; }
#calendarDiv td { border-radius: 2px; color: #555; font-size: 14px; margin: 0; padding: 8px 4px; text-align: center; text-transform: uppercase; }
table.calendar td.title, #calendarDiv .topBar{ background: #009ddc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}

.calendar-right-mark { right: 6px;}
.calendar-right-mark, .calendar-left-mark { position: absolute; top: 14px;}

#calendarDiv .selectBox { position: relative; width:auto; max-width:none; clear:none;}
#calendarDiv .selectBoxOver { position: relative; }
#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 td { cursor: pointer; }
#calendarDiv .topBar .selectBox img,
#calendarDiv .topBar .selectBoxOver img { cursor: pointer; padding-left: 8px; padding-top: 6px; position: static !important; }
#calendarDiv .topBar div { float: left; margin-right: 15px; font-weight: bold; }
#calendarDiv  .selectBox,
#calendarDiv  .selectBoxOver,
#calendarDiv #monthSelect { padding: 6px 10px; }
#calendarDiv #monthSelect { margin-right: 15px; margin-left: 35px; }
#calendarDiv .topBar div.selectBox { margin-right: 0; }
#calendarDiv { border: 1px solid #d9d9d9; padding: 0px; background: #f9f9f9; color: #333; width: 290px; }
#calendarDiv td { border: none; border-right: none; }
#calendarDiv td:hover { color: #666; }
#calendarDiv .selectBox { border: none !important; background: none; color: #eee; }
#calendarDiv .selectBoxOver { border: none !important; background: #none; color: #fff; }
#calendarDiv .topBar { display: inline-block; padding: 10px; width: 100%; }
#calendarDiv .activeDay { color: #fff; background: #142736; }
#calendarDiv .oldDay { color: #c4c4c4; pointer-events: none; background: none; }
#calendarDiv .todaysDate { background-color: #E9F1F6; }
#calendarDiv .monthYearPicker { background-color: #fff; border: none; color: #333; }
#calendarDiv .monthYearPicker { background: #142736 }
#calendarDiv .monthYearPicker div { border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.4); width: 100% !important; clear: both; cursor: pointer; float: none; line-height: 1.5; margin: 0; padding: 8px; }
#calendarDiv .monthYearActive { background-color: #eee; color: #0c5580; }
#calendarDiv .monthYearActive { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
#monthSelect img, .selectBox img { margin-top: 0 !important; }