@import url(baseStyle.css);

/* ====================== baseStyle Overrides ======================== */
#leftMaster {
	padding-top: 230px;
	margin-right: 580px;}

#dynamicPageTitle {margin: 0px 0px 20px 0px;}


/* ====================== Ajax Calendar ======================== */
#Calendars {
	width: 200px;
	padding-right: 8px;}

table.Calendar {
	width: 200px;
	margin-bottom: 12px;}

.CalendarMonthHeader {
	color: #FFFFFF;
	font-size: 14px;
	padding: 4px 0px;
	font-weight: bold;
	text-align: center;
	background-color: #376EAF;
	border-bottom: 2px solid #FFFFFF;}

.CalendarDays {background-color: #FFFFFF;}

.CalendarDays td {
	width: 28px;
	border: 1px solid #FFFFFF;
	border-collapse: collapse;}

.DayToday {
	color: #FFFFFF;
	font-size: 12px;
	padding: 3px 0px;
	font-weight: bold;
	text-align: center;
	background-color: #B42F4C;}
.DayToday a {
	width: 26px;
	color: #FFFFFF;
	display: block;
	text-decoration: none;}

.DayWithNoEvent {
	color: #000000;
	font-size: 12px;
	padding: 3px 0px;
	font-weight: bold;
	text-align: center;
	background-color: #E0EEF6;}

.DayWithEvent {
	color: #FFFFFF;
	font-size: 12px;
	padding: 3px 0px;
	font-weight: bold;
	text-align: center;
	background-color: #9EBCDB;}
.DayWithEvent a {
	width: 26px;
	color: #FFFFFF;
	display: block;
	text-decoration: none;}

.BlankCell {
	height: 20px;
	background-color: #E0EEF6;}

.pagingMonths {
	width: 200px;
	text-align: center;
	padding: 0px 0px 14px 0px;}


/* ====================== Tab Formatting ======================== */
.menuEventCalendar {
	height: 28px;
	margin-right: 12px;}

.menuEventCalendar div {
	float: left;
	padding: 6px 0px;
	margin: 0px 2px 0px 0px;
	background: #3A72B2 url(/Common/Img/backgrounds/bkgndEventMenu.gif) repeat-x left bottom;}
.menuEventCalendar div a {
	margin: 0px;
	color: #FFFFFF;
	font-size: 12px;
	padding: 6px 10px;
	font-weight: bold;
	text-decoration: none;}

.pageDateEvents .menuEventCalendar div.menuDate, .pageCategoryEvents .menuEventCalendar div.menuCategory, .pageVenueEvents .menuEventCalendar div.menuVenue{
	margin-top: 2px;
	background: #E0EEF6 none;}
.pageDateEvents .menuEventCalendar div.menuDate a, .pageCategoryEvents .menuEventCalendar div.menuCategory a, .pageVenueEvents .menuEventCalendar div.menuVenue a {color: #3A72B2;}


.txtEventsDisplay {
	color: #000000;
	text-align: center;}

#MonthTabs, .CategoryTabs {}
#MonthTabs ul, .CategoryTabs ul {
	margin: 0px;
	list-style-type: none;}

li.CalendarTabActive, li.CalendarTabInactive {
	padding: 0px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0px 2px 2px 0px;
	background: #3A72B2 url(/Common/Img/backgrounds/bkgndEventLeftMenu.gif) repeat-y right top;}
li.CalendarTabActive {
	color: #3A72B2;
	margin-right: 0px;
	background: #E0EEF6 none;}

li .MonthTab {
	display: block;
	padding: 5px 0px 5px 0px;}
li.CalendarTabActive .MonthTab {}


/* ====================== Event Desc Styling ======================== */
.EventList {
	width: 372px;
	vertical-align: top;}

.CalendarHeader {
	padding: 20px;
	margin: 0px 12px 2px 0px;
	background-color: #E0EEF6;}
.CurrentMonthHeader {
	color: #CF2E4D;
	display: block;
	font-size: 14px;
	font-weight: bold;}
.CalendarTitleHeader {
	color: #CF2E4D;
	display: block;
	font-size: 14px;
	font-weight: bold;}
.CalendarTitleMessage {
	color: #000000;
	font-size: 11px;}

.EventActive, .EventInactive {
	padding: 20px;
	margin: 0px 12px 2px 0px;
	background-color: #C5DEED;}
.EventInactive {background-color: #E0EEF6;}

.EventDate {
	margin: 0px;
	height: auto;
	color: #CF2E4D;
	display: block;
	font-size: 14px;
	overflow: visible;
	font-weight: bold;
	word-spacing: normal;}
.EventName {
	color: #000000;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;}
.EventDescription {
	color: #000000;
	display: block;
	font-size: 11px;}