.dateSelector{
	border:				1px solid ThreeDShadow;
	padding:			3px;
	cursor:				default;
	text-align:			right;
	background:			buttonface no-repeat 6px 7px;
	font-weight:		normal;
	margin-top:			1.5em;
	margin-left:		-1px;
	margin-bottom:		1em;
	width:				27.5em;
	font-size:			0.9em;
	clear:none;
}
.dateSelector input, .dateSelector select {
	display:inline;
	font-weight:normal;
	width:auto !important;
}

.dateSelector select{
	margin:				2px;
	vertical-align:		middle;
	line-height:		2em;
}
.dateSelector button{
	font-size:			5px;
	padding:			3px 1px 2px 1px;
	margin:				2px;
	vertical-align:		middle;
	display:			inline;
	line-height:		2em;
}
.dateSelector table{
	border-collapse:	collapse;
	margin:			0.5em 0 0 0;
	width:				100%;
	border:				none;
}
.dateSelector th{
	text-align:			center;
	width:				14%;
}
.dateSelector td div{
	background-color:	white;
	border:				1px solid white;
	text-align:			center;
	cursor:				pointer;
	padding:			0.4em 0.1em;
	height:				1.2em;
}
.dateSelector td div.hover{
	border:				1px solid Highlight !important;
	background-color:	Highlight !important;
	color:				HighlightText;
}
.dateSelector #today div{
	border:				1px solid #FF8888 !important;
}
.dateSelector td.selectedItem div{
	border:				1px solid ActiveBorder;
	background-color:	buttonface;
}
.dateSelector td{			
	border-width:		1px;
	border-style:		solid;
	border-color:		buttonface;
	padding:			0;
}
.dateSelector .selectedItem {
	background-color:	buttonface;
	font-weight:		bold;
}

div.dateSel{
	width:				15em;
	border:				1px solid ThreeDShadow;
	padding:			3px 4px 1px 0;
	font-weight:		bold;
	margin:				0 0.2em 0.2em 10em;
	clear:none;
	background:#f7f7f7;
	border:1px solid #ddd;
	-moz-border-radius:0.5em;
}
html>body div.dateSel{
	padding-bottom:		4px;
}
div.dateSel span{
	padding-left:		4px;
}
div.dateSel img {
	cursor:pointer;
}
.dateSelector fieldset, .dateSelector form {
	padding:0;
	margin:0;
	border:none;
}
.dateSelector td.booked div {
	background-color:#faa;
	border-color:#faa;
}
.dateSelector td.provisional div {
	background-color:#ffa;
	border-color:#ffa;
}
.dateSelector a {
	color:inherit;
	text-decoration:none;
}
.dateSelector td.booked div, #legend dt.booked  {
	background-color:#faa;
	border-color:#faa;
}
.dateSelector td.provisional div, #legend dt.provisional {
	background-color:#ffa;
	border-color:#ffa;
}
.dateSelector a {
	color:inherit;
	text-decoration:none;
}

#legend dt.booked, #legend dt.provisional {
	display:block;
	height:1em;
	width:1em;
	float:left;
}
#legend dd {
	margin-left:1.5em;
	text-align:left;
}