//Calendar_style.css file:
/*root html element*/

.calendarRoot {
    cursor: default;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
/*setting for title cell*/

.calendar_Title {
    background-color: #889799;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #D9D9D9;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}
/*setting for next/previous button cell*/

.calendar_NextMonthCell,
.calendar_PreviousMonthCell {
    background-color: #889799;
}
/*css setting for next/previous buttons*/

.calendar_NextMonthCell button,
.calendar_PreviousMonthCell button {
    width: 18px;
    height: 18px;
    border: 0px;
    padding: 0px;
    background-color: Transparent;
    cursor: pointer;
}
/*css setting for day header*/

.calendar_HeaderWeekDay {
    background-color: #D1E2E4;
    color: Black;
    font-family: Verdana;
    font-size: 10px;
    height: 20px;
    border-bottom: 1px solid #A7B2B6;
}
/*css setting for holiday header*/

.calendar_HeaderWeekHoliday {
    background-color: #C5D4D6;
}
/*css setting for day cells*/

.calendar_Day {
    cursor: pointer;
}
.calendar_previousMonthDay,
.calendar_nextMonthDay {} .calendar_Holiday {
    background-color: #EEEEEE;
}
.calendar_currentMonthDay {} .calendar_Day_Selected {
    background-color: #BBBBBB;
}
/*css setting for day cells text element*/

.calendar_Day .DayText {
    color: Black;
    font-family: Verdana;
    font-size: 10px;
}
.calendar_previousMonthDay .DayText,
.calendar_nextMonthDay .DayText {
    color: gray;
}
.calendar_Holiday .DayText {} .DayHeader {
    background-color: Red;
}
.HolidayHeader {
    background-color: Blue;
}