﻿/*
	Calendar
	________
*/
.calendarcontainer {
	float: left;
	height: 197px;
	margin: 0 10px 10px 0;
	padding: 0;
	border: solid 0px #19436D;
	cursor: default;
	background-color: #fff;
}
.calendar {
	border-collapse: collapse;
    width: auto;
	margin: 0;
	padding: 0;
}
.calendar caption, .calendarwrap caption {
	font-size: 11px;
	border: solid 1px #fff;
	padding: 4px;
	background: #19436D;
	color: #fff;
	letter-spacing: 1px;
	font-weight: normal;
}
.calendar th, .calendar td  {
	font-size: 11px;
	text-align: right;
	padding: 3px 4px;
	border: none 1px #ffffff;
	color: #000000;
	width: 14px;
}
.calendar td  
{
    color: #777;
}
.calendar td.low,
li.low {
	background-color: #E5EDFF;
}
.calendar td.mid,
li.mid {
	background-color: #E5FFE6;
}
.calendar td.high,
li.high {
	background-color: #FFE6FF;
}
.calendar td a {
	text-decoration:underline;
	color: #19436D !Important;
	font-weight:normal;
}
.calendar td a:hover {

}
.calendar td.booked, .booked {
	background: url(/images/booked.gif) repeat-y 2px 0;
	color: #777 !Important;
}
.calendar td.vacancy, .vacancy {
	background: url(/images/vacancy2.gif) repeat-y 2px 0;
	color: #777 !Important;
}
.calendar td.provisional, .provisional {
	background: url(/images/provisional.gif) repeat-y 2px 0;
	color: #777 !Important;
}

.calendar td.booked a, .calendar td.vacancy a, .calendar td.provisional a { color: #222 !Important; }

.BoxOverHeader, .BoxOverBody 
{
    font-family: Verdana;
	font-size: 11px;
	border: solid 1px #19436D;
	padding: 4px;
	background-color: #19436D;
	color: #fff;
	letter-spacing: 1px;
}
.BoxOverBody {
	background-color: #fff;
	border-width: 0 1px 1px 1px;
	color: #000;
}
.BoxOverBody label {
	float: left;
	display: block;
	width: 75px;
	padding: 0 10px 0 0;
	text-align: right;
}
dl { margin: 10px; }