.CalendarDivCss {
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
    font-size: 1em;
}

.CalendarCss {
    margin: 0 auto;
    border-color: #bce8f1;
    width: 80%;
    height: 100%;
}

.TitleCalendarCss {
    font-size: 1.4em;
    border-color: #bce8f1;
    height: 100%;
    color: #31708f;
    background-color: #d9edf7;
}


.OtherMonthDayCss {
    font-size: 1.0em;
    border-color: #bce8f1;
    color: lightgray;
    font-style: normal;
}

.NextPrevCss {
    border-color: #bce8f1;
    font-size: 0.8em;
    font-style: normal;
    text-align: center;
    color: lightgray;
}

.DayHeaderCss {
    border-color: #bce8f1;
    font-size: 1.1em;
}


.DayCss {
    font-size: 1.0em;
    border-color: #bce8f1;
}

.SelectedDayCss {
    font-size: 1.0em;
    color: White;
}

.SelectorCss {
    font-size: 1.0em;
    background-color: White;
    border-color: #bce8f1;
    color: lightgray;
}

.TodayDayCss {
    font-size: 1.0em;
    border-color: #bce8f1;
}

.WeekendDayCss {
    font-size: 1.0em;
    color: Red;
    border-color: #bce8f1;
}

/*месячный календарь*/
.mcalendarTitle {
    margin-left: 15px;
    margin-right: 15px;
    border-top-color: #1879bd;
    border-top-style: solid;
    border-top-width: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.yearcalendar {
    width:90%;
    padding:10px; 
    text-align: center;  
}