/*
CALENDAR STYLE  -
For some reason Mike Schinkel thought it was a good idea
to place the following styles inside this PHP file????
*/

#event-calendar {
	clear:both;
}

#event-calendar table {
	float: left;
	background-color: none;
	color: #330000;
	font-weight: bold;
	background-image: url(http://cdn.racing.ups.com/wp-content/themes/upsracing/images/calendar/grid.gif);
	margin-bottom: 20px;
}

#calendar-header-nav {
	float: left;
	width: 240px;
	text-align: left;
}

#event-calendar .month-title {
	font-size: 16px;
	color: #330000;
	font-weight: bold;
	white-space:nowrap;
}

#event-calendar .month-name-headings {
	float: center;
	width: 240px;
}

#event-calendar .nav {
	font-size: 18px;
	padding: 0 3px 0 3px;
}

#event-calendar th {
	text-transform: uppercase;
	font-size: 10px;
	color: #330000;
	font-weight: bold;
	text-align:left;
	padding: 3px 0 0 5px;
}

#event-calendar .nav-prev,
#event-calendar .nav-next {

}

#event-calendar .prev-month,
#event-calendar .next-month {
	color: #999999;
}

#event-calendar .eventday {
	background: url(http://cdn.racing.ups.com/wp-content/themes/upsracing/images/calendar/event-bg.gif) no-repeat;
	border: none;
	width: 20px;
	text-align: left;


}

#event-calendar td .evt-header {
	height: 20px;
}

#event-calendar td,
#event-calendar .not-this-month,
#event-calendar .eventday {
	text-align: center;
	width: 30px;
	height: 21px;
	font-size: 14px;
	border: none;
}

#event-calendar td:hover ,
#event-calendar .not-this-month:hover {
/* 	background-color: #e2d7bf; */
/* 	color: #660000; */
	border: none;
}

#event-calendar .eventday:hover {
	width: 30px;
	height: 21px;
	background: url(http://cdn.racing.ups.com/wp-content/themes/upsracing/images/calendar/event-bg-over.gif) no-repeat;
	color: #660000;
	border: none;
	text-align: center;
}