td.eventcell {
    height: 80px;
    width: 80px;
    text-align: center;
}
td.availablecell {
    background: #CAF2BA;
    cursor: pointer;
    border: 2px solid #008000;
}

table.readonly td.availablecell {
    cursor: default;
}

td.used {
    background: #F2BABA;
    border: 2px solid #FF0000;
}
td.calenderloading {
    background: url('../images/ajax-loader.gif') no-repeat 50%;
}
th.navigation {
    cursor: pointer;
    overflow: hidden;
    width: 10px;
    margin: 0;
    padding: 0;
}
td.Unavailable {
    background: #D8D8D8;
    border: 2px solid #484E51;
}

td.eventcell span {
    color: #484E51;
    font-size: 13px;
    font-weight: bold;
}

.CalenderContainer .daysheader {
    font-size: 15px
}

.CalenderContainer {
    text-align: center;
}
.CalenderContainer table {
    width: 100%;
}
.CalenderContainer table td.eventcell {
    padding: 5px;
}

.CalenderContainer .calendar-options td {
    text-align: right;
    padding-bottom: 10px;
}
.sevendaycalender span.name {
    display: block;
}

@media screen and (max-width: 600px) {
    .sevendaycalender .calendar {
        position: relative;
    }
    .sevendaycalender .navigation {
        position: absolute;
        width: 1px;
        top: -5px;
        overflow: visible;
    }
    .sevendaycalender .navigation.gonextweek {
        right: 40px;
    }
    .sevendaycalender .CalenderContainer .daysheader {
        font-size: 13px;
    }
    .sevendaycalender .Unavailable span {
        display: none;
    }
    .sevendaycalender .calendar-options td {
        text-align: center;
    }
    .sevendaycalender .CalenderContainer table td.eventcell {
        padding: 1px;
        border-width: 1px;
    }
    .sevendaycalender td.eventcell span {
        font-size: 10px;
    }
}