/*============================================================ DateChooser ============================================================*/ /*Date Chooser Background*/ .dateChooserBackground { background: -moz-linear-gradient(top, #333333 0%, #333333 11%, #ffffff 11%); background: -webkit-linear-gradient(top, #333333 0%,#333333 11%,#ffffff 11%); background: linear-gradient(to bottom, #333333 0%,#333333 11%,#ffffff 11%); -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Century Gothic"; font-size:14px; color: #999999; border-top: 1px solid #333333; border-bottom: 6px solid white; } /* Defaults for all days and controls */ .dateChooserButton, .dateChooserButtonOver, .dateChooserButtonDown, .dateChooserButtonDisabled, .dateChooserButtonSelected, .dateChooserButtonSelectedDown, .dateChooserButtonSelectedOver, .dateChooserButtonSelectedDisabled, .dateChooserWeekendButton, .dateChooserWeekendButtonOver, .dateChooserWeekendButtonDown, .dateChooserWeekendButtonDisabled, .dateChooserWeekendButtonSelected, .dateChooserWeekendButtonSelectedDown, .dateChooserWeekendButtonSelectedOver, .dateChooserWeekendButtonSelectedDisabled, .dateChooserBottomButton, .dateChooserBottomButtonOver, .dateChooserBottomButtonDown, .dateChooserBottomButtonSelected, .dateChooserBottomButtonSelectedOver, .dateChooserBottomButtonSelectedDown, .dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown, .dateChooserWeekday, .dateChooserWeekdayOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdaySelectedDown, .dateChooserWeekdayDisabled, .dateChooserWeekend, .dateChooserWeekendOver, .dateChooserWeekendDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendSelectedDown, .dateChooserWeekendSelectedDisabled, .dateChooserWeekendDisabled, .dateChooserDisabledWeekday, .dateChooserDisabledWeekdayOver, .dateChooserDisabledWeekdayDown, .dateChooserDisabledWeekdaySelected, .dateChooserDisabledWeekdaySelectedDown, .dateChooserDisabledWeekdaySelectedOver, .dateChooserDisabledWeekend, .dateChooserDisabledWeekendOver, .dateChooserDisabledWeekendDown, .dateChooserDisabledWeekendSelected, .dateChooserDisabledWeekendSelectedDown, .dateChooserDisabledWeekendSelectedOver, .dateChooserSelectedWeek, .dateChooserSelectedWeekOver, .dateChooserSelectedWeekDown, .dateChooserSelectedWeekDisabled, .dateChooserSelectedWeekSelected, .dateChooserSelectedWeekSelectedDown, .dateChooserSelectedWeekSelectedOver, .dateChooserSelectedWeekSelectedDisabled, .dateChooserWeekCell, .dateChooserWeekCellOver, .dateChooserWeekCellDown, .dateChooserWeekCellDisabled, .dateChooserWeekCellSelected, .dateChooserWeekCellSelectedDown, .dateChooserWeekCellSelectedOver, .dateChooserWeekCellSelectedDisabled { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Century Gothic"; font-size:14px; border:1px solid white; color: #999999; } /* year/month buttons */ .dateChooserNavButton, .dateChooserNavButtonOver, .dateChooserNavButtonDown, .dateChooserNavButtonSelected, .dateChooserNavButtonSelectedOver, .dateChooserNavButtonSelectedDown { background-color: #333333; padding:0px; font-weight: bold; color: #ffffff; cursor: pointer; border: 0px solid #333333; border-radius: 2px; font-size:12px; } .dateChooserNavButtonOver, .dateChooserNavButtonSelectedOver { background-color: #595959; border: 0px solid #595959; } .dateChooserNavButtonDown, .dateChooserNavButtonSelectedDown { background-color: #e52e2e; border: 0px solid #e52e2e; } /* weekday headers */ .dateChooserWeekdayHeader { font-weight: bold; color: #333333; border: 1px solid #e5e5e5; } /* for all buttons (dateChooserButton) */ .dateChooserButton, .dateChooserButtonOver, .dateChooserButtonDown, .dateChooserButtonSelected, .dateChooserButtonSelectedOver, .dateChooserButtonSelectedDown, .dateChooserWeekendButton, .dateChooserWeekendButtonOver, .dateChooserWeekendButtonDown, .dateChooserWeekendButtonSelected, .dateChooserWeekendButtonSelectedOver, .dateChooserWeekendButtonSelectedDown { font-weight:bold; color:#333333; } .dateChooserButton, .dateChooserButtonOver, .dateChooserButtonDown, .dateChooserButtonSelected, .dateChooserButtonSelectedOver, .dateChooserButtonSelectedDown{ background-color: white; } .dateChooserWeekendButton, .dateChooserWeekendButtonOver, .dateChooserWeekendButtonDown, .dateChooserWeekendButtonSelected, .dateChooserWeekendButtonSelectedOver, .dateChooserWeekendButtonSelectedDown { background-color:#cccccc; border:1px solid #cccccc; } .dateChooserButtonOver { color: white; background-color: #595959; cursor: pointer; border:1px solid #595959; border-radius: 2px; } .dateChooserButtonDown { color: white; background-color: #e52e2e; border:1px solid #e52e2e; border-radius: 2px; } /* Today, Cancel buttons */ .dateChooserBottomButton, .dateChooserBottomButtonOver, .dateChooserBottomButtonDown { cursor:pointer; color: white; background-color: #333333; border:1px solid #333333; border-radius: 2px; } .dateChooserBottomButtonOver { background-color: #595959; border:1px solid #595959; } .dateChooserBottomButtonDown { background-color: #e52e2e; border:1px solid #e52e2e; } /* weekday and weekend cells */ .dateChooserWeekday, .dateChooserWeekdayOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdaySelectedDown, .dateChooserWeekend, .dateChooserWeekendOver, .dateChooserWeekendDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendSelectedDown { cursor:pointer; color:black; } .dateChooserWeekdayDisabled{ background-color:white; color:#cccccc; border:1px solid white; } .dateChooserDisabledWeekend{ background-color:#e5e5e5; color:#999999; border:1px solid #e5e5e5; } .dateChooserWeekend, .dateChooserWeekendSelected { background-color:#e5e5e5; border: 1px solid #e5e5e5; } .dateChooserWeekdayOver, .dateChooserWeekendOver { border: 1px solid #e52e2e; } .dateChooserWeekendOver { background-color:#e5e5e5; } /* selected/over date-cell styling */ .dateChooserWeekdaySelected, .dateChooserWeekdaySelectedOver, .dateChooserWeekdayDown, .dateChooserWeekdaySelectedDown, .dateChooserWeekendSelected, .dateChooserWeekendSelectedOver, .dateChooserWeekendDown, .dateChooserWeekendSelectedDown { font-weight:bold; color: white; background-color:#e52e2e; border: 1px solid #e52e2e; } .dateChooserDisabledWeekdayOver, .dateChooserDisabledWeekendOver, .dateChooserDisabledWeekdaySelectedOver, .dateChooserDisabledWeekendSelectedOver { cursor: pointer; border: 1px solid #e52e2e; } .dateChooserDisabledWeekendOver{ background-color:#e5e5e5; } /* year and month pop-up menus */ .dateChooserMonthMenu { -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); background-color: white; border: 6px solid white; } .dateChooserYearMenu { -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); background-color: white; border: 6px solid white; }