﻿body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:white;
}

#container 
{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #666666;
    padding: 0;
    background: #ECF0F6 url(images/vtile.gif) repeat-x top left;
}

#content
{
    padding: 10px;
}

.formstyle {
    border-width:1px;
    border-color:#666666;
    border-style:solid;
}

h1 
{
    margin: 12px 0 8px 0;
    font-size: 140%;
}

h2 
{
    margin: 12px 0 8px 0;
    font-size: 125%;
}

h3
{
    margin: 12px 0 8px 0;
    font-size: 115%;
}

.calendar
{
    border-collapse: collapse;
    border: solid 1px #666666;
}

.calendar tr td
{
    width: 60px;
    height: 50px;
    border: solid 1px #666666;
}

.calendarheader td
{
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    background-color: #BECEE2;
}

.unavailableday
{
    background-color: #FFA987;
}

.calendardays td
{
    vertical-align: top;
    text-align: left;
}

.disabledday
{
    background-color: #e0e0e0;
}

.selector
{
    margin-top: 12px;
    text-align: center;
    font-weight: bold;
}

.available
{
    color: #00cc00;
}

.unavailable
{
    color: #EA5350;
}

.fr
{
    float: right;
}

.fl
{
    float: left;
}

.details tr td
{
    vertical-align: top;
}