/**
 * This is the style that wraps around a calendar
 */
.Calendar {
	
}

/**
 * This is the style for a day which does not have an event and is not selected
 */
.Calendar-Date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #EAF1F7;
}

/**
 * A day on the calendar which has an event. This style will supercede the Calendar-DateSelected
 * style as a day on the calendar will have both the Calendar-DateSelected style and this style applied
 * if the day is a selected day and has an event
 */
.Calendar-DateHasEvent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #D5E3EF;
	color: #004871;
}

/**
 * A selected day on the calendar. When a day is selected the event list will
 * display the next 7 days worth of event. Therefore the calendar will use this style on the 
 * day selected and the following 6 days
 */
.Calendar-DateSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CC0000;
	border-top: 1px dashed #CCCCCC;
	color: #004871;
	padding: 3px 0px 3px 3px;
	display: block;
}
.Calendar-DateSelected a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CC0000;
	border-top: 1px dashed #CCCCCC;
	color: #004871;
	padding: 3px 0px 3px 3px;
	display: block;
}

/**
 * This is the header of the calendar where the days are listed
 */
.Calendar-DaysHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/**
 * This is the header of the calendar where the month is listed
 */
.Calendar-MonthHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

/**
 * This will be for the event description
 */
.Calendar-EventDayHeader {
	background-color: #EAF1F7;
	border-bottom: #D5E3EF 1px dashed; 
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 6px;
}


/**
 * This will be for the event description
 */
.Calendar-EventDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/**
 * This will be for the event location
 */
.Calendar-EventLocation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

/**
 * This is the event start and end time
 */
.Calendar-EventTime {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 5px;
}


/**
 * This is the event title
 */
.Calendar-EventTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color:#004871;
}