#availability
{
    text-align: center;
    float: left;
    margin: 10px 0 0 55px;
}
#workspace #availability
{
    margin-left: 0px;
}
#availability .newyear
{
    clear: both;
    height: 10px;
}
.calendarcontainer
{
    float: left;
    margin: 0 10px 10px 0;
    border: solid 1px #610B15;
    width: 142px;
    height: 198px;
}
.calendarcontainer table
{
    border-top: solid 1px #610B15;
    width: 142px;
    
}
.calendarcontainer table caption
{
    padding-top: 5px;
    background-color: #610B15;
    color: #E0B797;
}
.calendarcontainer table tr td
{
    padding: 2px;
    text-align: right;
}
.calendarcontainer table tr td.bookfrom
{
    color: #fff;
    background-color: #008000;
}
.calendarcontainer table tr td.booked,
ul.bookingnote li span.booked
{
    background: url('/images/booked.gif')
}
.calendarcontainer table tr td.provisional,
ul.bookingnote li span.provisional
{
    background: url('/images/provisional.gif')
}
.calendarcontainer table tr td.unavailable,
.calendarcontainer table tr td.unavailable a
{
    background: url('/images/booked.gif');
    color: #000;
}
.ownerbooked
{
    background: url('/images/unavailable.gif');
}
.ownerbooked a
{
    color: #000 !important;
}
#workspace .calendarcontainer table tr td.unavailable,
#workspace .calendarcontainer table tr td.unavailable a
{
    background: url('/images/unavailable.gif');
    color: #888;
}
.calendarcontainer table tr td a
{
    display: block;
    width: 100%;
    color: #610B15;
}
.calendarcontainer table tr td a:hover
{
}
table.bookingnote
{
    margin: 10px 10px 10px 40px;
}
table.bookingnote th
{
    text-align: right;
    padding-right: 10px;
}
table.bookingnote td
{
    padding-right: 10px;
}
p.bookingnote
{
    margin: 5px 0 0 0;
}
ul.bookingnote
{
    list-style-type: none;
    margin: 0 40px;
}
ul.bookingnote li
{
    padding: 4px;
}
ul.bookingnote li span
{
    margin-right: 5px;
    padding: 2px 8px;
}
.mousetip
{
    display: block;
    position: absolute;
    margin: -10px 8px;
    border: solid 1px #000;
    padding: 5px 8px;
    background-color: #eee;
    text-align: right;
    line-height: 1.3em;
}
#workspace .mousetip
{
    margin: 2px 12px;
    color: #000;
    text-align: left;
}
#workspace td.booked.hover
{
    background-color: #FFB5B5;
}
#workspace td.provisional.hover
{
    background-color: #FFEA87;
}
#workspace td.unavailable.hover
{
    background-color: #CBCBCB;
}