#dateTime .calendarIcon {
	vertical-align: bottom;
}

#dateTime .timeMover {
	border-collapse: collapse;
	display: inline;
	vertical-align: bottom;
}

#dateTime .timeMover td {
	padding: 0;
}

.calendar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	background-color: white;
}

.calendar td {
	text-align: center;
}

.calendar .weekendHeading {
	color: #999999;
	background-color: white;
	font-size: 10px;
}

.calendar .weekdayHeading {
	color: #333333;
	background-color: white;
	font-size: 10px;
}

.calendar .weekend {
	color: #666666;
	background-color: white;
	text-align: center;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}

.calendar .weekend:hover {
	color: white;
	font-weight: bold;
	background-color: black;
}

.calendar .weekday {
	color: black;
	background-color: white;
	text-align: center;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}

.calendar .weekday:hover {
	color: white;
	font-weight: bold;
	background-color: black;
}

.calendar .selected {
	color: white;
	background-color: black;
	font-weight: bold;
	text-align: center;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
}

.calendar .today {
	color: black;
	background-color: #CCCCCC;
	font-weight: bold;
	text-align: center;
	border-color: #999999;
	border-width: 1px;
	border-style: solid;
}

.calendar .today:hover {
	color: white;
	font-weight: bold;
	background-color: black;
}

.calendar .outside {
	color: #666666;
	background-color: white;
	text-align: center;
	border-color: #999999;
}

.calendar .outside:hover {
	color: white;
	font-weight: bold;
	background-color: black;
}

.calendarBorder{border-color: #666666; border-width: 0 0 1px 1px; border-style: solid;}
.calendarDayBorder{border-color: #666666; border-width: 1px 1px 0px 0px; border-style: solid; padding: 2px;}
.calendarDayOfWeekMuted{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; padding-left:3px; padding-right:3px;}

.calendarItemDivider{line-height:1px; border-color: #CCCCCC; border-width: 0px 0px 1px 0px; border-style: solid;}
.calendarItemForDayView{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #492A6B;}
.calendarItemTimeForDayView{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #492A6B;}
.calendarDateForDayView{font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #492A6B; border-color: #492A6B; border-width: 0px 0px 1px 0px; border-style: solid;}

.calendarDayOfMonthForMonthView{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: white; background-color: #492A6B; padding-left:3px; padding-right:3px;}
.calendarDayOfMonthForMonthViewMuted{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; padding-left:3px; padding-right:3px;}
.calendarDayOfWeekForMonthView{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: white; background-color: #492A6B; padding-left:3px; padding-right:3px;}
.calendarMonthAndYearForMonthView{font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #492A6B; border-color: #666666; border-width: 1px 1px 0px 1px; border-style: solid; padding: 2px;}

.calendarDaysOfMonthForYearView{font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #492A6B; border-color: #666666; border-width: 1px; border-style: solid; border-collapse: collapse;}
.calendarDayOfMonthForYearView{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #492A6B; padding-left:2px; padding-right: 2px;}
.calendarDayOfMonthForYearViewSelected{font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: white; background-color: #492A6B; padding-left: 2px; padding-right: 2px;}
.calendarDayOfMonthForYearViewToday{font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #492A6B; background-color: #CCCCCC; padding-left: 2px; padding-right: 2px;}
.calendarDayOfWeekForYearView{font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #492A6B; padding-left: 3px; padding-right: 3px;}
.calendarMonthForYearView{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #492A6B; border-color: #666666; border-width: 1px ; border-style: solid; border-collapse: collapse;}
.calendarYearForYearView{font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #492A6B; border-color: #666666; padding-left:12px; padding-right:12px;}

.calendarItem{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #492A6B; border-width: 0px 0px 3px 0px; border-style: solid; border-color: white;}
.calendarItemMuted{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; border-width: 0px 0px 3px 0px; border-style: solid; border-color: white;}
.calendarItemTime{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #492A6B; border-width: 3px 0px 0px 0px; border-style: solid; border-color: white;}
.calendarItemTimeMuted{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; border-width: 3px 0px 0px 0px; border-style: solid; border-color: white;}