.calendar
{
    padding: 5px;
    margin: 0px auto;
    font-size: 16px;
}

.calendar .month
{
    width: 80%;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #2b0808;
    height: 36px;
    padding-top: 8px;
    float: left;
}
.calendar .scroll
{
    width: 10%;
    float: left;
    text-align: center;
    padding-top: 4px;
}

.calendar .scroll_forward
{
    width: 18px;
    height: 24px;
    display: block;
    background-image: url(../images/cal_forward.png);
}

.calendar .scroll_back
{
    width: 28px;
    height: 24px;
    display: block;
    background: url(../images/cal_back.png) 10px 0px no-repeat; 
}

.calendar .cell
{
    box-sizing: border-box; 
    float: left;
    width: 14.2%;
    text-align: center;
    font-weight: 600;
    padding: 4px 0px;
    border: 1px solid #2b0808;
    color: #2b0808;
    background-color: white;
    cursor: pointer;
}
.calendar .cell:hover
{
    border: 1px solid white;
    padding: 4px 0px;
    color: white;
    background-color: red;
}

.calendar .head, .calendar .head:hover
{
    border: 1px solid #2b0808;
    font-weight: 900;
    color: white;
    background-color: #542c2c;
    cursor: default;
}

.calendar .today
{
    padding: 2px 0px;
    border: 3px solid red;
}
.calendar .selecteddate
{
    color: white;
    background-color: #ff7777;
}

.calendar .disabled, .calendar .disabled:hover
{
    color: #777777;
    font-weight: 500;
    background-color: #ebe6e6;
    padding: 4px 0px;
    border: 1px solid #2b0808;
}

.calendar .saturday, .calendar .saturday:hover
{
    border: 1px solid #2b0808;
    font-weight: 900;
    color: white;
    background-color: #770000;
}
.calendar .sunday, .calendar .sunday:hover
{
    border: 1px solid #2b0808;
    font-weight: 900;
    color: white;
    background-color: #FF0000;
}
.calendar .marked
{
    color: white;
    background-color: #005b84;
}
.calendar .marked1
{
    color: black;
    background-color: #cccd92;
}
.calendar .marked2
{
    color: white;
    background-color: #008800;
}
.calendar .marked3
{
    color: white;
    background-color: #880088;
}
.calendar .marked4
{
    color: white;
    background-color: #888800;
}
.calendar .marked5
{
    color: white;
    background-color: #008888;
}