body {
    /*background-image: url("../Images/HandInHand.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
}

.tab {
    display: inline-block;
    margin-left: 40px;
}

.DivHeader {
    font-weight: bold;
    color: cornflowerblue;
    /*background-color:darkgrey      ;Highlight;*/
}

.DivBody {
    border: 1px solid aquamarine;
    background-color: #F5FFFA;
}

.DivButtons {
    border-width: 1px;
    float: left;
    width: 100%;
    border-color: black;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: azure;
    border-style: none none none none;
}

input.textEntry {
    border: 1px solid #ccc;
    background-color: white ;
    border-color: rgba(0,0,0,.15);
    font-size: 16px;
}

input.passwordEntry {
    width: 120px;
    border: 1px solid #ccc;
}

/* Image Class */
@media (min-width : 576px) {
    .AutoImageSize {
        height: auto;
        width: auto;
    }
}

@media (min-width : 768px) {
    .AutoImageSize {
        height: auto;
        width: auto;
    }
}

.ImgBtnSetting {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    /*-khtml-border-radius: 8px;*/
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);

    background-color: #4F81BD;
    color: Black;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    padding: 1px 1px 1px 1px;
    font-weight: bold;
    width: 110px;
    height: 1100px;
    position: relative;
    margin: auto;
    border-width: 10px;
    border-color: red;
    /*top: 0px;
    left: 0px;*/
}

    .ImgBtnSetting:hover {
        background-color:azure  ;
        border: 5px solid orange;
    }


/*root html element*/

.calendarRoot {
    cursor: default;
    border: 1px solid #000000;
    background-color: #CCCCCC;
}
/*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;
}
/*----------------------------------*/
/*Calender code */
/*.myCalendar {
    background-color: #f2f2f2;
    width: 156px;
    border: 10px solid #4CCAEF !important;
    border-top: 0px !important;
}

    .myCalendar a {
        text-decoration: none;
    }

    .myCalendar .myCalendarTitle {
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        background-color: #4CCAEF;
        color: #ffffff;
    }

    .myCalendar th.myCalendarDayHeader {
        height: 25px;
        border-bottom: outset 2px #fbfbfb;
        border-right: outset 2px #fbfbfb;
    }

    .myCalendar td.myCalendarDay {
        border: outset 2px #fbfbfb;
    }

        .myCalendar td.myCalendarDay:nth-child(7) a {
            color: #c52e2e !important;
        }

    .myCalendar .myCalendarNextPrev {
        text-align: center;
    }

        .myCalendar .myCalendarNextPrev a {
            font-size: 1px;
        }

        .myCalendar .myCalendarNextPrev:nth-child(1) a {
            color: #4CCAEF !important;
            background: url("prevMonth.png") no-repeat center center;
        }

            .myCalendar .myCalendarNextPrev:nth-child(1) a:hover, .myCalendar .myCalendarNextPrev:nth-child(3) a:hover {
                background-color: transparent;
            }

        .myCalendar .myCalendarNextPrev:nth-child(3) a {
            color: #4CCAEF !important;
            background: url("nextMonth.png") no-repeat center center;
        }

    .myCalendar td.myCalendarSelector a {
        background-color: #25bae5;
    }

    .myCalendar .myCalendarDayHeader a,
    .myCalendar .myCalendarDay a,
    .myCalendar .myCalendarSelector a,
    .myCalendar .myCalendarNextPrev a {
        display: block;
        line-height: 20px;
    }

    .myCalendar .myCalendarToday {
        background-color: #f2f2f2;
        -webkit-box-shadow: 0 0 7px 3px #e5e5e5;
        box-shadow: 0 0 7px 3px #e5e5e5;
    }

        .myCalendar .myCalendarToday a {
            color: #25bae5 !important;
        }

    .myCalendar .myCalendarDay a:hover,
    .myCalendar .myCalendarSelector a:hover {
        background-color: #25bae5;
    }*/
    /*-------------------------------------------------------------------------------------------*/