#selected_dates  {
    margin-top: 25px;
    width: 110%;
}

.calendarBox  {
    width: 254px;
    height: 220px;
    float: left;
    margin: 0px 20px 10px 0px;
}

.calendarBox h4  {
    text-align: center;
    margin: 10px 0px 5px 0px;
    font-size: 13px;
}

.calendarBox .days li  {
    list-style-type: none;
    float: left;
    border: 1px solid #e5e5e5;
    text-align: center;
    width: 33px;
    height: 22px;
    margin-bottom: 3px;
    margin-right: 3px;
    background-color: #FFFFFF;
}

.calendarBox .days li a  {
    display: block;
    height: 22px;
    text-decoration: none;
    color: #848484;
}

.calendarBox .days li a:hover  {
    background-color: #FCAC4C;
    color: #FFF;
}

.calendarBox .days li.dayname  {
    width: 33px;
    height: 20px;
    border: 0px;
    background: none;
    font-weight: bold;
    font-size: 11px;
}

.calendarBox .days li.lastday  {
}

.calendarBox .days li.lastday a  {
    cursor: default;
    color: #d7d7d7;
}

.calendarBox .days li.lastday a:hover  {
    color: #d7d7d7;
    background: none;
}

.calendarBox .days li.empty  {
    width: 33px;
    height: 13px;
    border: 0px;
    background: none;
}

.calendarBox .days li.booked a  {
    cursor: default;
    background-color: #848484;
    color: #FFF;
}

.calendarBox .days li.booked a:hover  {
}

.calendarBox .days li.booked_half  {
    background: url('./images/booked_half.png') left top no-repeat;
    color: #FFF;
}

.calendarBox .days li.booked_half a  {
    color: #FFF;
}

.calendarBox .days li.booked_half_first  {
    background: url('./images/booked_half_first.png') right bottom no-repeat;
    color: #FFF;
    height: 22px;
}

.calendarBox .days li.booked_half_first a  {
    color: #FFF;
    height: 22px;
}

.calendarBox .days li.reserved a  {
    cursor: default;
    background-color: #C00000;
    color: #FFF;
    height: 22px;
}

.calendarBox .days li.reserved a:hover  {
    height: 22px;
}

.calendarBox .days li.reserved_half  {
    background: url('./images/reserved_half.png') left top no-repeat;
    color: #FFF;
    height: 22px;
}

.calendarBox .days li.reserved_half a  {
    color: #FFF;
    height: 22px;
}

.calendarBox .days li.reserved_half_first  {
    background: url('./images/reserved_half_first.png') right bottom no-repeat;
    color: #FFF;
    height: 22px;
}

.calendarBox .days li.reserved_half_first a  {
    color: #FFF;
    height: 22px;
}

.calendarBox .days li.closedays a  {
    background: #FFF;
    cursor: default;
    color: #d7d7d7;
    height: 22px;
}

.calendarBox .days li.closedays a:hover  {
    color: #d7d7d7;
    background: none;
    height: 22px;
}

.calendarBox .days li.selectable a  {
    height: 22px;
    background-color: #FCAC4C;
    color: #FFF;
}

.booked_days
{
    background:  #848484;
    width:  20px;
    height:  20px;
    float:  left;
    margin-right:  5px;
    border:  1px solid gray;
    margin-bottom: 3px;
}

.reserved_days
{
    background:  #C00000;
    width:  20px;
    height:  20px;
    float:  left;
    margin-right:  5px;
    border:  1px solid gray;
}

.available_days
{
    background:  #FFF;
    width:  20px;
    height:  20px;
    float:  left;
    margin-right:  5px;
    border:  1px solid gray;
}