@charset "utf-8";
/* CSS Document */

.calOverall {
    width: 100%;
}

.calMonthLabel li {
    list-style-type:none;
    font-size: 1rem;
    width: 98%;
    margin:0px;
    padding:0px;
    float:left;
    line-height:2rem;
    vertical-align:middle;
    text-align:center;
    color:#ffffff;
    border: 1px solid #eeeeee;
    background-color: #A0522D;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.calNavigation li {
    list-style-type:none;
    font-size: 1rem;
    width: 48%;
    margin:0px;
    padding:0px;
    float:left;
    line-height:2rem;
    vertical-align:middle;
    text-align:center;
    color:#ffffff;
    cursor: pointer;
}

.calDateLabel li {
    list-style-type:none;
    font-size: 0.9rem;
    width: 14%;
    margin:0px;
    padding:0px;
    float:left;
    line-height:2rem;
    vertical-align:middle;
    text-align:center;
    color:#000;
    border: 1px solid #eeeeee;
    background-color: #DEB887;
}

.calDateOutput li {
    list-style-type:none;
    font-size: 1.1rem;
    width: 14%;
    margin:0px;
    padding:0px;
    float:left;
    line-height:2rem;
    vertical-align:middle;
    text-align:center;
    color:#000;
    border: 1px solid #eeeeee;
    background-color: #FDF5E6;
}

.calDateOutput li.avail {
    background-color: #9ACD32;
    cursor: pointer;
}

.calDateOutput li.limited {
    background-color: #F4A460;
    cursor: pointer;
}
.calDateOutput li.soldout {
    background-color: #800000;
    color: #ffffff;
}

.calDateOutput li:hover {
    background-color: #CD853F;
}

.calKey {
    width: 98%;
}

.calKey p {
    font-size: 1.2rem;
    padding: 5px;
    margin: 0;
}

.calKey span {
    color: #000000;
    background-color: #ff0000;
    padding: 3px 12px;
}

.calKey span.avail {
    background-color: #9ACD32;
}

.calKey span.limited {
    background-color: #F4A460;
}

.calKey span.soldout {
    background-color: #800000;
    color: #ffffff;
}