﻿#CalendarSelector *
{
	font-family: Verdana;
	font-size: 9px;
}

#CalendarSelector select
{
	color: #999999;
}
#CalendarSelector table
{
	border: solid 1px #999999;
	width: 225px;
	padding: 3px;
}
#CalendarSelector table th
{
	background-color: #ffffff;
	font-weight: normal;
	color: #999999;
}
#CalendarSelector table td
{
	padding: 5px;
}
#CalendarSelector .SelectedDay
{
	background-color: #84A3BF !important;
}
#CalendarSelector .DayAvailable
{
	background-color: #B5CBDD;
	font-weight: bold;
}
#CalendarSelector .DayAvailable:hover
{
	background-color: #84A3BF;
}
#CalendarSelector .DayAvailable a
{
	text-decoration: none;
	color: #ffffff !important;
}
#CalendarSelector .DayUnavailable
{
	background-color: #E6E6E6;
	color: #999999;
	font-weight: bold;
}
#CalendarSelector .OtherMonthDay
{
	 background-color: #ffffff;
	 color: #c0c0c0;
}
#LegendAvailable
{
	border: solid 1px #999999;
	width: 10px;
	height: 10px;
	background-color: #B5CBDD;
}
#LegendNoAvailability
{
	border: solid 1px #999999;
	width: 10px;
	height: 10px;
	background-color: #E6E6E6;
}
#EventsDateTimeSelector .CalendarWithLegendTable
{
	width: 230px;
	font-family: Verdana;
	font-size: 9px;
}
#EventsDateTimeSelector #EventTimes table
{
	width: 300px;
	border: solid 1px #999999;
}
#EventsDateTimeSelector #EventTimes th
{
	background-color: #84A3BF;
	color: #ffffff;
	font-size: 10px;
}
#EventsDateTimeSelector #EventTimes .AlternatingItem
{
	background-color: #c0c0c0;
}
#EventsDateTimeSelector #EventTimes #EventTimeRow:hover
{
	background-color: #B5CBDD;
}
#EventsDateTimeSelector #EventTimes input[type=submit]
{
	background-color: #84A3BF;
	color: #ffffff;
	font-weight: bold;
	font-size: 9px;
	border: solid 1px #ADCFEB;
}