.calendarCalendar { border: 1px solid #006500; background-image: url('cal_bg.gif'); background-repeat: repeat-x; text-align: left; padding-top: 5px; }
.calendarTitle { font: lighter 12px Tahoma; text-transform: uppercase; color: #006500; text-align: center; padding-top: 2px; }
.calendarArrowLeft { width: 30px; height: 14px; background-image: url('arr_left.gif'); background-repeat: no-repeat; background-position: center center; cursor: pointer; cursor: hand; }
.calendarArrowRight { width: 30px; height: 14px; background-image: url('arr_right.gif'); background-repeat: no-repeat; background-position: center center; cursor: pointer; cursor: hand; }
.calendarMonth { background-image: url('month_bg.gif'); border: 0; }
.calendarMonthTitle { font: lighter 11px Tahoma; text-align: center; padding: 4px 4px 16px 4px; color: #006500; }
.calendarDayName { font: bold 11px Tahoma; color: #006500; text-align: center; }
.calendarDay { font: 11px Tahoma; color: #24435d; padding: 1px; text-align: center; cursor: pointer; cursor: hand; }
.calendarDayOver { font: 11px Tahoma; color: #bcae98; padding: 1px; text-align: center; cursor: pointer; cursor: hand; background-color: #efe9e0; }
.calendarDayToday { font: bold 11px Tahoma; color: #bcae98; text-align: center; background-color: #efe9e0; border: 0; cursor: pointer; cursor: hand; }
.calendarDayTodayOver { font: bold 11px Tahoma; color: #bcae98; text-align: center; background-color: White; cursor: pointer; cursor: hand; }
.calendarDayDisabled { font: 11px Tahoma; color: #8E8E8E; text-align: center; padding: 1px; }
.calendarDayDisabledOver { font: 11px Tahoma; color: #8E8E8E; text-align: center; padding: 1px; }
.calendarDaySelected { font: bold 11px Tahoma; color: #FFFFFF; text-align: center; background-color: #C4000E; }
.calendarDaySelectedOver { font: bold 11px Tahoma; color: #FFFFFF; text-align: center; background-color: #C4000E; }
.calendarDaySpecial { font: bold 11px Tahoma; color: #C4000E; text-align: center; padding: 1px; }
.calendarDaySpecialOver { font: bold 11px Tahoma; color: #C4000E; text-align: center; padding: 1px; }

.calendarDatePickerButton { cursor: pointer; cursor: hand; vertical-align: bottom; }
.blah { font: bold 11px Tahoma; color: white; background-color: navy; }
.specialDateJuly4 { font-size: 1px; color: #F6F6F6; text-align: right; vertical-align: bottom; padding: 1px; border: 0px solid black; background-image: url('../flag_usa.gif'); background-position: bottom center; background-repeat: no-repeat; }

/******************/
/* year selector */
.calendarYearSelectorTitle { cursor: pointer; display: inline; padding-left: 5px; font: lighter 12px Tahoma; color: #006500; text-transform: uppercase; text-align: center; }
.calendarYearSelectorContainer { border: 1px solid #FAFAFA; padding-left: 5px; padding-right: 5px; display: none; background-image: url('cal_bg.gif'); background-repeat: repeat-x; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
.calendarYearSelectorArrowUp { cursor: pointer; background: url('arrowUp.gif'); background-repeat: no-repeat; background-position: center; text-align: center; }
.calendarYearSelectorArrowDown { cursor: pointer; background: url('arrowDown.gif'); background-repeat: no-repeat; background-position: center; text-align: center; }
.calendarYearSelected { cursor: pointer; font: bold 11px Tahoma; text-align: center; background-color: #FAFAFA; color: #999999; }
.calendarYearSelector { cursor: pointer; font: bold 11px Tahoma; color: #777777; text-align: center; }
/* year selector */
/******************/

/******************/
/* month selector */
.calendarMonthSelectorTitle { cursor: pointer; display: inline; padding-left: 5px; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
.calendarMonthSelectorContainer { border: 1px solid #FAFAFA; padding-left: 5px; padding-right: 5px; display: none; background-image: url('cal_bg.gif'); background-repeat: repeat-x; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
.calendarMonthSelectorArrowUp { cursor: pointer; background: url('arrowUp.gif'); background-repeat: no-repeat; background-position: center; text-align: center; }
.calendarMonthSelectorArrowDown { cursor: pointer; background: url('arrowDown.gif'); background-repeat: no-repeat; background-position: center; text-align: center; }
.calendarMonthSelected { cursor: pointer; font: bold 11px Tahoma; text-align: center; background-color: #FAFAFA; color: #999999; }
.calendarMonthSelector { cursor: pointer; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
/* month selector */
/******************/

/******************/
/* hour selector */
.calendarHourSelectorTitle { cursor: pointer; display: inline; padding-left: 5px; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
.calendarHourSelectorContainer { border: 1px solid #FAFAFA; padding-left: 5px; padding-right: 5px; display: none; background-image: url('cal_bg.gif'); background-repeat: repeat-x; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
.calendarHourSelectorArrowUp { cursor: pointer; background: url('arrowUp.gif'); background-repeat: no-repeat; background-position: center; text-align: center; }
.calendarHourSelectorArrowDown { cursor: pointer; background: url('arrowDown.gif'); background-repeat: no-repeat; background-position: center; text-align: center; }
.calendarHourSelected { cursor: pointer; font: bold 11px Tahoma; text-align: center; background-color: #FAFAFA; color: #999999; }
.calendarHourSelector { cursor: pointer; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
/* hour selector */
/******************/

/******************/
/* minute selector */
.calendarMinuteSelectorTitle { cursor: pointer; display: inline; padding-left: 5px; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
.calendarMinuteSelectorContainer { border: 1px solid #FAFAFA; padding-left: 5px; padding-right: 5px; display: none; background-image: url('cal_bg.gif'); background-repeat: repeat-x; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
.calendarMinuteSelectorArrowUp { cursor: pointer; background: url('arrowUp.gif'); background-repeat: no-repeat; background-position: center; text-align: center; }
.calendarMinuteSelectorArrowDown { cursor: pointer; background: url('arrowDown.gif'); background-repeat: no-repeat; background-position: center; text-align: center; }
.calendarMinuteSelected { cursor: pointer; font: bold 11px Tahoma; text-align: center; background-color: #FAFAFA; color: #999999; }
.calendarMinuteSelector { cursor: pointer; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
/* minute selector */
/******************/

/******************/
/* second selector */
.calendarSecondSelectorTitle { cursor: pointer; display: inline; padding-left: 5px; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
.calendarSecondSelectorContainer { border: 1px solid #FAFAFA; padding-left: 5px; padding-right: 5px; display: none; background-image: url('cal_bg.gif'); background-repeat: repeat-x; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
.calendarSecondSelectorArrowUp { cursor: pointer; background: url('arrowUp.gif'); background-repeat: no-repeat; background-position: center; text-align: center; }
.calendarSecondSelectorArrowDown { cursor: pointer; background: url('arrowDown.gif'); background-repeat: no-repeat; background-position: center; text-align: center; }
.calendarSecondSelected { cursor: pointer; font: bold 11px Tahoma; text-align: center; background-color: #FAFAFA; color: #999999; }
.calendarSecondSelector { cursor: pointer; font: bold 11px Tahoma; color: #FAFAFA; text-align: center; }
/* second selector */
/******************/

.calendarSelectTime { cursor: pointer; font: bold 11px Tahoma; color: #ffffff; padding: 5px; text-decoration: none; text-align: center; }
.calendarSelectTime:hover { cursor: pointer; font: bold 11px Tahoma; color: #ffffff; padding: 5px; text-decoration: none; text-align: center; }