/* --------------- AVAILABILITY CALENDAR STYLESHEET --------------- */ /*-[WAYNE AUSTIN]-[JULY 2009]-*/

table#calendar
{
    line-height: 1;
}

table#calendarkey
{
    margin: 8px 0 15px;
    padding: 5px 10px;
}
#calendarkey th
{
    vertical-align:middle;
}
#calendarkey .keyoption
{
    vertical-align:middle;
    padding:1px 4px 1px 12px
}
#calendarkey .booked 
{
    width:23px;
    border:solid 1px #d2d3d5;
    background-color: #9cbbca; 
}
#calendarkey .avail
{
    height:21px;
    width:23px;
    border:solid 1px #d2d3d5;
    background-color: #fff;
}
#calendarkey .changeover
{
    height:23px;
    width:26px;
    border:solid 1px #d2d3d5;
    background: #ffffff url(../gfx/icons/bg-booking-start.gif) no-repeat center;
}
#calendarkey .special
{
    width:26px;
    border:solid 1px #d2d3d5;
    background:#dd9811;
}


.calendar-month-wrap
{
    float:left;
    padding:4px 5px;
    border:solid 1px #808080;
    background:#f3f3f4;
}

#calendar td
{
    vertical-align: middle;
    padding:5px 0px;
    color:#414042;
    border:solid 1px #d2d3d5;
}
#calendar th
{
    color:#dd9811;
    padding:5px 0px;
    background:#f3f3f4;
}
#calendar .calendar-title
{
    color:#414042;
    font-weight:normal;
    padding:5px 0px;
}
#calendar table.calendar
{
    margin: 0 7px 8px 0;
    border-color: #38743F;
    font-size: 9pt;
    font-family: Arial, helvetica, Sans-Serif;
}
#calendar td.day { width: 26px !important; background-color: #fff; background-repeat: no-repeat; background-position: center; }
#calendar td.booking { background-color: #9cbbca; }
#calendar td.avail { background-color: #fff;}
#calendar td.special { background-color: #dd9811; }
#calendar td.disabled, #calendar td.past 
{
    background-color: #f3f3f4; 
    color: #939598;
}
#calendar td.bookingstart { background-image: url(../gfx/icons/bg-booking-start.gif); background-position: right bottom; }    
#calendar td.bookingend { background-image: url(../gfx/icons/bg-booking-end.gif); background-position: left top; }
#calendar td.specialstart { background-image: url(../gfx/icons/bg-special-start.gif);background-position: right bottom; }
#calendar td.specialend { background-image: url(../gfx/icons/bg-special-end.gif); background-position: left top; }