@import url(baseStyle.css);

/* ====================== Event Calendar Formatting ======================== */
#pageContainer {background: #EEE6D6 url(/Common/Img/backgrounds/bkgndPageContainerLNav.jpg) no-repeat 0px 0px;}

.pageDateEvents .pos1 {
	top: 0px;
	right: 38px;
	position: absolute;}
.pageDateEvents .pos2 {
	top: 5px;
	right: 110px;
	position: absolute;}
* html .pageDateEvents .pos1 {right: 57px;}
* html .pageDateEvents .pos2 {right: 129px;}

.categoryEvents #promoContainer {
	width: 734px;
	height: 258px;
	background: none;
	margin: 0px 0px 0px 10px;}
.categoryEvents #promo1 {
	top: 0px;
	left: 0px;
	width: 255px;}
.categoryEvents #promo2 {
	top: 0px;
	left: 255px;
	width: 244px;}
.categoryEvents #promo3 {
	top: 0px;
	left: 499px;
	width: 245px;}

.categoryEvents #rightMasterCol1 {background: url(/Common/Img/backgrounds/bkgndDropShadowBtm.gif) no-repeat left bottom;}
.categoryEvents #rightMasterCol2 {background: #FDFCFA url(/Common/Img/backgrounds/bkgndDropShadowBtm.gif) no-repeat left bottom;}

.categoryEvents #calendarsList {
	padding-bottom: 10px;
	background: url(/Common/Img/backgrounds/bkgndDropShadowRight.gif) repeat-y right top;}

.categoryEvents #pagingMonths {
	width: 139px;
	text-align: right;
	padding-top: 12px;}

#Calendars {
	width: 133px;
	margin: 5px 0px 0px 6px;}

.Calendar {margin-bottom: 4px;}

td.CalendarMonthHeader {
	color: #ffffff;
	padding: 5px 0px;
	text-align: center;
	text-transform: uppercase;
	background: #6f0028;}
	

td.CalendarDays {
	padding: 4px 4px 3px 3px;
	background-color: #525252;}
	
td.CalendarDays table {margin-top: 1px;}
td.CalendarDays table td {
	width: 19px;
	height: 16px;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #ffffff;}
td.CalendarDays table td a {
	padding: 0px;
	font-size: 9px;
	text-decoration: none;}


/* ======================  ======================== */
td.DayToday {
	color: #525252;
	background: #ffffff;
	}

td.DayToday a {
	color: #525252;
	text-decoration: none;}


/* ======================  ======================== */
td.DayWithNoEvent {
	color: #525252;
	background: #ebebeb;}

td.DayWithNoEvent a {
	color: #525252;
	text-decoration: none;}


/* ======================  ======================== */
td.DayWithEvent {
	color: #ffffff;
	background: #7a758c url(/Common/Img/backgrounds/bkgndCalendarDayEvent.gif) no-repeat 0px 0px;}

td.DayWithEvent a {
	color: #ffffff;
	text-decoration: none;}


/* ======================  ======================== */
td.BlankCell {
	background: #b8b8b8;}


/* ====================== Event Tabs Formatting ======================== */
#MonthTabs, #CategoryTabs, #VenueTabs {
	height: 24px;
	margin-top: 7px;
	display: block;
}
#MonthTabs { display: none; }
#MonthTabs ul, #CategoryTabs ul, #VenueTabs ul {
	margin: 0px;
	height: 24px;
	list-style-type: none;
	margin-left:-21px;
	/*background: url(/Common/Img/backgrounds/bkgndTabDropShadow.gif) no-repeat right top;*/}

li.CalendarTabActive, li.CalendarTabInactive {
	padding: 0px;
	color: #525252;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background: #ebebeb url(/Common/Img/backgrounds/bkgndTabRight.gif) no-repeat right top;
	display: block;
}
li.CalendarTabActive {
	color: #6f0028;
	background: #FDFCFB url(/Common/Img/backgrounds/bkgndTabRight_Active.gif) no-repeat right top;}

li .MonthTab {
	display: block;
	padding: 5px 19px 5px 20px;
	background: url(/Common/Img/backgrounds/bkgndTabLeft.gif) no-repeat 0px 0px;}
li.CalendarTabActive .MonthTab {background: url(/Common/Img/backgrounds/bkgndTabLeft_Active.gif) no-repeat 0px 0px;}


#titleMemberEvents {display: none;}


/* ======================  ======================== */
.categoryEvents .EventList {
	margin: 0px 0px 5px 0px;
	padding: 21px 4px 40px 6px;
	background: #FDFCFA url(/Common/Img/backgrounds/bkgndDropShadowRight.gif) repeat-y right top;}
	
.CalendarHeader {padding: 0px 25px 21px 10px;}
.CurrentMonthHeader, .CalendarTitleHeader {
	color: #bb8080;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	}
.CalendarTitleHeader {color: #770000;}

.CalendarTitleMessage {
	color: #000000;
	font-size: 11px;}

.EventInactive, .EventActive {
	margin-bottom: 4px;
	margin-left:10px;
	background-color: #eeeeee;
	padding: 8px 10px 8px 12px;
	border: solid 1px #bbbbbb;
	}
	
.EventActive {background-color: #cccccc;}


.EventTable {width: 365px;
}

.EventActive .EventDate, .EventActive .EventDate {display: block;}

.EventDate, .EventName {
	color: #bb8080;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;}

.EventName a {color: #770000;}

td.TDEventDescription {
	color: #000000;
	padding-right: 24px;}

td.TDEventImage {
width: 115px;
text-align: right;
}

.EventImage  img {
	border: 1px solid #7B7368;
	}
.EventImage img {}

.arrows a { color: #770000; }

/* ============== District Lounge Calendar Styling ============= */
.pageDLCategoryEvents #promoContainer {
	height: 288px;
	background: none;
	text-align: center;
	margin-bottom: 11px;}

.pageDLCategoryEvents #pageContainer {background: #EEE6D6 url(/Common/Img/backgrounds/bkgndPageContainerDL.jpg) no-repeat 0px 0px;}

.pageDLCategoryEvents #titleMemberEvents {
	display: block;
	padding-top: 8px;
	margin: 0px 4px 0px 0px;
	background-color: #FFFFFF;}
.pageDLCategoryEvents #titleMemberEvents div {
	height: 26px;
	margin: 0px 10px 0px 6px;
	padding: 8px 0px 2px 10px;
	background-color: #F3F3EB;}


/* ============== Video Styles ============= */
.pageEventVideos #rightMaster {width: 539px;}
*html .pageEventVideos #rightMaster {float: none;}

#Videos {
	padding: 21px 15px 40px 12px;
	background: #FDFCFA url(/Common/Img/backgrounds/bkgndDropShadowRight.gif) repeat-y right top;}
.VideoTitleHeader {
	color: #5A3E1D;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;}
#bandandeventvideos {
	color: #FF7F00;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;}
.VideoInactive {
	padding: 10px;
	margin-top: 15px;
	background-color: #F1EFE8;}
.VideoActive {
	padding: 10px;
	margin-top: 15px;
	background-color: #FBE6D3;}
.VideoDate {
	display: block;
	color: #FF7F00;
	font-weight: bold;}
.VideoName {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;}
.tdVideoDescription {
	width: 240px;
	padding-right: 20px;}
.VideoPlayer {
	width: 250px;
	height: 150px;}
	
	
.FilterDropdown
{
	width: 300px;
	font-family: Verdana;
	font-size: 13px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #aaaaaa;
	background-image: url(/common/Img/down-arrow.jpg);
	background-position: center right;
	background-repeat: no-repeat;
}

.FilterDropdownList
{
	display: none;
	height: 200px;
	width: 300px;
	font-family: Verdana;
	font-size: 13px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #aaaaaa;
	overflow: auto;
	position: absolute;
	background-color: White;
}

.DropDownLabel
{
	font-family: Verdana;
	font-size: 13px;
	padding-right: 3px; 
	border: none;
}
.nextArrow, .prevArrow { cursor: pointer; }