#calendarDiv{ position:absolute; width:205px; border:1px solid #317082; padding:1px; background-color: #FFF; font-family:arial; font-size:10px; padding-bottom:20px; visibility:hidden; } #calendarDiv span,#calendarDiv img{ float:left; } #calendarDiv .selectBox,#calendarDiv .selectBoxOver{ line-height:12px; padding:1px; cursor:pointer; padding-left:2px; } #calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{ line-height:12px; padding:1px; cursor:pointer; padding-left:2px; } #calendarDiv td{ padding:3px; margin:0px; font-size:10px; } #calendarDiv .selectBox{ border:1px solid #E2EBED; color: #E2EBED; position:relative; } #calendarDiv .selectBoxOver{ border:1px solid #FFF; background-color: #317082; color: #FFF; position:relative; } #calendarDiv .selectBoxTime{ border:1px solid #317082; color: #317082; position:relative; } #calendarDiv .selectBoxTimeOver{ border:1px solid #216072; color: #216072; position:relative; } #calendarDiv .topBar{ height:16px; padding:2px; background-color: #317082; } #calendarDiv .activeDay{ /* Active day in the calendar */ color:#FF0000; } #calendarDiv .todaysDate{ height:17px; line-height:17px; padding:2px; background-color: #E2EBED; text-align:center; position:absolute; bottom:0px; width:201px; } #calendarDiv .todaysDate div{ float:left; } #calendarDiv .timeBar{ height:17px; line-height:17px; background-color: #E2EBED; width:72px; color:#FFF; position:absolute; right:0px; } #calendarDiv .timeBar div{ float:left; margin-right:1px; } #calendarDiv .monthYearPicker{ background-color: #E2EBED; border:1px solid #AAAAAA; position:absolute; color: #317082; left:0px; top:15px; z-index:1000; display:none; } #calendarDiv #monthSelect{ width:70px; } #calendarDiv .monthYearPicker div{ float:none; clear:both; padding:1px; margin:1px; cursor:pointer; } #calendarDiv .monthYearActive{ background-color:#317082; color: #E2EBED; } #calendarDiv td{ text-align:right; cursor:pointer; } #calendarDiv .topBar img{ cursor:pointer; } #calendarDiv .topBar div{ float:left; margin-right:1px; }