﻿body 
{
	font: 12px Tahoma;
}


/* Event Controls */
.datesMain 
{
	width: 670px;
	font: 12px Tahoma;
}
.datesSingle 
{
	width: 350px;
	font: 12px Tahoma;
	margin: 4px;
	border: groove 2px #333;
}
.datesSinglePanel 
{
	font: 12px Tahoma;
	margin: 2px;
	padding: 2px;
	border: solid 1px #333;
}
.datesRecur 
{
	width: 350px;
	font: 12px Tahoma;
	margin: 4px;
	border: groove 2px #333;
}
.datesRecurPanel 
{
	font: 12px Tahoma;
	margin: 2px;
	padding: 2px;
	border: solid 1px #333;
}
.datesRecurDailyPanel {font: 12px Tahoma;margin: 2px;border: solid 1px #333;}
.datesRecurWeeklyPanel {font: 12px Tahoma;margin: 2px;border: solid 1px #333;}
.datesRecurMonthlyPanel {font: 12px Tahoma;margin: 2px;border: solid 1px #333;}
.datesRecurMonthlyPosPanel {font: 12px Tahoma;margin: 2px;border: solid 1px #333;}
.datesRecurMonthlyAbsPanel {font: 12px Tahoma;margin: 2px;border: solid 1px #333;}
.datesCombo
{
	font: 10px Tahoma;
	color: #333;
}
.datesRadio {font: 12px Tahoma;}
.datesCheckList {font: 10px Tahoma;}
.datesRadioList {font: 10px Tahoma;}
.datesPickerShortStart, .datesPickerShortEnd
{
	font: 10px Tahoma;
	color: #333;
	width: 30px;
	display: block;
	float: left;
	text-align: right;
	vertical-align: text-bottom;
}
.datesPickerLongStart, .datesPickerLongEnd
{
	font: 10px Tahoma;
	color: #333;
	width: 60px;
	display: block;
	float: left;
	text-align: right;
	vertical-align: text-bottom;
}
.datesPickerImage
{
	vertical-align: top;	
}
.datesPickerMainPanel
{
	font: 10px Tahoma;
	margin: 2px;
	margin-top: 4px;
}
.datesPickerMainPanel div
{
	font: 10px Tahoma;
	padding: 2px;
}
.datesPickerCheckbox
{
	font: 10px Tahoma;	
}

/* All calendars */
#calDisplay { float: left; padding: 4px;}
#eventsList { margin-left: 260px; padding: 4px; border: solid 1px #ccc;}
.calHolidayText {font-weight: bold;color: #600;}

/* Medium Calendar */
.medCalEventListPanel {width: 100%;}
.medCalWeekListHeader {font: bold 14px Arial;color: #039; }
.medCalEventListHeader {padding: 2px;color: #444;background-color: #cef;}
.medCalEventListTitle {padding: 2px;font-weight: bold;}
.medCalEventListDates {padding: 2px;font-style: italic;}
.medCalEventListDetails {padding: 2px;}

/* Small Calendar */
.smCalEventListPanel {width: 100%;}
.smCalDayListHeader {font: bold 14px Tahoma,Arial; color: Navy;}
.smCalEventListHeader {padding: 2px;color: #ccc; background-color: #333;}
.smCalEventListTitle {padding: 2px; font-weight: bold;}
.smCalEventListDates {padding: 2px; font-style: italic;}
.smCalEventListDetails {padding: 2px;}