/* SPAC: Calendar CSS           */
/* Shannon-Rose Design 2008 */

/* Genre Color Styles */
.orchestraBackground { background-color: #af69c9; }
.danceBackground { background-color: #57a5d8; }
.chamberBackground { background-color: #d753b0; }
.concertBackground { background-color: #d6811c; }
.festivalBackground { background-color: #e5454b; }
.cabaretBackground { background-color: #8a8882; }
.wineFoodBackground { background-color: #4daa97; }
.operaBackground { background-color: #56c476; }
.otherBackground { background-color: #9f8f6c; }
.genericBackground { background-color: #a5a4a2; }

.orchestraTicketsBackground { background-color: #af69c9; background-position: 0 0; }
.danceTicketsBackground { background-color: #57a5d8; background-position: 0 -49px; }
.chamberTicketsBackground { background-color: #d753b0; background-position: 0 -98px; }
.concertTicketsBackground { background-color: #d6811c; background-position: 0 -147px; }
.festivalTicketsBackground { background-color: #e5454b; background-position: 0 -196px; }
.cabaretTicketsBackground { background-color: #8a8882; background-position: 0 -245px; }
.wineFoodTicketsBackground { background-color: #4daa97; background-position: 0 -294px; }
.operaTicketsBackground { background-color: #56c476; background-position: 0 -343px; }
.otherTicketsBackground { background-color: #9f8f6c; background-position: 0 -392px; }
.genericTicketsBackground { background-color: #a5a4a2; background-position: 0 -441px; }

.orchestraScrollBackground { background: #af69c9 url(/imgs/calendar/scrollbarBkgdOrchestra.png) no-repeat 0 50%; }
.danceScrollBackground { background: #57a5d8 url(/imgs/calendar/scrollbarBkgdDance.png) no-repeat 0 50%; }
.chamberScrollBackground { background: #d753b0 url(/imgs/calendar/scrollbarBkgdChamber.png) no-repeat 0 50%; }
.concertScrollBackground { background: #d6811c url(/imgs/calendar/scrollbarBkgdConcert.png) no-repeat 0 50%; }
.festivalScrollBackground { background: #e5454b url(/imgs/calendar/scrollbarBkgdFestival.png) no-repeat 0 50%; }
.cabaretScrollBackground { background: #8a8882 url(/imgs/calendar/scrollbarBkgdCabaret.png) no-repeat 0 50%; }
.wineFoodScrollBackground { background: #4daa97 url(/imgs/calendar/scrollbarBkgdWineFood.png) no-repeat 0 50%; }
.operaScrollBackground { background: #56c476 url(/imgs/calendar/scrollbarBkgdOpera.png) no-repeat 0 50%; }
.otherScrollBackground { background: #9f8f6c url(/imgs/calendar/scrollbarBkgdOther.png) no-repeat 0 50%; }
.genericScrollBackground { background: #a5a4a2 url(/imgs/calendar/scrollbarBkgdGeneric.png) no-repeat 0 50%; }

.orchestraBorder { border-right: 1px solid #af69c9; }
.danceBorder { border-right: 1px solid #57a5d8; }
.chamberBorder { border-right: 1px solid #d753b0; }
.concertBorder { border-right: 1px solid #d6811c; }
.festivalBorder { border-right: 1px solid #e5454b; }
.cabaretBorder { border-right: 1px solid #8a8882; }
.wineFoodBorder { border-right: 1px solid #4daa97; }
.operaBorder { border-right: 1px solid #56c476; }
.otherBorder { border-right: 1px solid #9f8f6c; }
.genericBorder { border-right: 1px solid #a5a4a2; }

.orchestraText { color: #af69c9; }
.danceText { color: #57a5d8; }
.chamberText { color: #d753b0; }
.concertText { color: #d6811c; }
.festivalText { color: #e5454b; }
.cabaretText { color: #8a8882; }
.wineFoodText { color: #4daa97; }
.operaText { color: #56c476; }
.otherText { color: #9f8f6c; }
.genericText { color: #a5a4a2; }

/* Calendar Styles */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
div#content {
	margin-top: 14px;
	padding-bottom: 0;
	background: transparent url(/imgs/calendar/calContentLeftBkgd.jpg) repeat-y 0 0;
}
div#calendarWrap {
	width: 756px;
	display: inline;
	float: left;
	background-color: #e8e7e3;
	margin: 0 0 8px;
}
div.calendarWrapNoJs { background-color: #fff!important; margin: 0!important; }
/* Calendar Header */
div#calendarHeader {
	/*width: 706px;*/
	width: 917px;
	margin: 0 0 0 17px;
	height: 83px;
	background-color: #E8E7E3;
}
#calendarHeader h1 {
	color: #4c4941;
	width: 283px;
	float: left;
	display: inline;
	padding: 17px 0 0 27px;
	font: normal 36px/40px Georgia, "Times New Roman", Times, serif;
}
#calendarHeader h1.backToHeaderLink { width: auto; height: 51px; }
#calendarHeader h1.backToHeaderLink a, #calendarHeader h1.backToHeaderLink a:visited { color: #4c4941; text-decoration: none; }
#calendarHeader h1.backToHeaderLink a:hover, #calendarHeader h1.backToHeaderLink a:active { color: #4c4941; text-decoration: underline; }
#calendarHeader p.whiteSpace {
	width: 100%;
	margin: 0;
	height: 15px;
	background-color: #fff;
}
/* Calendar Search Box */
div#calendarSearch {
	width: 274px;
	height: 52px;
	margin: 8px 0 0;
	float: left;
	text-align: center;
	display: inline;
	border-right: 1px solid #cac9c4;
}
#calendarSearch h2 {
	display: inline;
	float: left;
	color: #4c4941;
	width: 197px;
	height: 27px;
	margin: 1px 0 0;
	text-transform: uppercase;
	background: transparent url(/imgs/calendar/calendarMonthBkgd.gif) no-repeat 0 0;
	font: normal 18px/27px Georgia, "Times New Roman", Times, serif;
}
#calendarSearch a.arrowLeft {
	display: inline;
	float: left;
	margin: 1px 3px 0 0;
	width: 24px;
	height: 27px;
	background: transparent url(/imgs/calendar/calendarLeftArrow.gif) no-repeat 0 100%;
}
#calendarSearch a.arrowRight {
	display: inline;
	float: left;
	margin: 1px 0 0 3px;
	width: 24px;
	height: 27px;
	background: transparent url(/imgs/calendar/calendarRightArrow.gif) no-repeat 0 100%;
}
#calendarSearch a:hover { background-position: 0 0; }
#calendarSearch a em { display: none; }
/* Seach Bar */
label.inside {
	visibility: hidden;
	position: absolute;
	padding: 1px 0 0 5px;
	font: normal 12px/12px Helvetica, Arial, sans-serif;
}
#calendarSearch input {
	vertical-align: top;
}
#searchBox, #search {
	width: 219px;
	height: 12px;
	border-top: 1px solid #d0cdc6;
	border-left: 1px solid #d0cdc6;
	border-bottom: 1px solid #d0cdc6;
	border-right: none;
	background: #fff;
	color: #A8A69F;
	font: normal 12px/12px Helvetica, Arial, sans-serif;
	padding: 3px 0 0 5px;
	float: left;
	display: inline;
	margin: 7px 0 0 0;
}
#searchBox:focus, #search:focus {
	color: #000;
}
input.searchButton {
	width: 26px;
	height: 17px;
	float: left;
	display: inline;
	margin-top: 7px;
}
/* Performers Color Key */
div#colorKey {
	width: 300px;
	margin: 0 0 0 24px;
	height: 68px;
	float: left;
	display: inline;
}
#colorKey p {
	color: #4c4941;
	padding: 8px 0 0 12px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin: 0;
	font: normal 9px/11px Arial, sans-serif;
}
#colorKey li {
	color: #474540;
	margin: 0 0 2px;
	padding: 0 0 1px;/* 3px */
	list-style-position: outside;
	text-transform: uppercase;
	font: bold 9px/10px Arial, sans-serif;
}
#colorKey li.colorKeyHeader { padding: 0 0 4px; color: #2E2C2B; }
#colorKey ul.colorKey {
	float: left;
	display: inline;
	padding: 0;	
}
#colorKey ul.colorKeyLeft { width: 93px; margin: 9px 2px 0 0; } /* 98 width */
#colorKey ul.colorKeyMiddle { width: 103px; margin: 9px 2px 0 0; }/* 98 width */
#colorKey ul.colorKeyRight { width: 98px; margin: 9px 0 0; }
/* Color Key Color Blocks */
#colorKey span {
	vertical-align: 10%;
	height: 8px;
	font-size: 8px;
	margin: 0 3px 0 0;
	padding: 0 0 0 8px;
}
/*.genreBkgdModernDance { background-color: #c6bc09; }
.genreTextModernDance, a.genreTextModernDance { color: #b4ab0b; }*/
/* Calendar Table */
table#calendarMain {
	width: 756px;
	position: relative;
	z-index: 1;
	background-color: #fff;
}
#calendarMain th {
	height: 15px;
	width: 106px;
}
#calendarMain th p {
	text-transform: uppercase;
	color: #4c4941;
	margin: 3px 0 1px;
	letter-spacing: 0.1em;
	font: normal 9px/11px Arial, sans-serif;
}
#calendarMain td {
	width: 106px;
	height: 90px;
	vertical-align: top;
}
#calendarMain td p {
	width: 99px;
	margin: 0 0 0 1px;
	text-align: right;
	color: #fff;
	border-top: 0;
	padding-right: 7px;
	font: bold 12px/13px Arial, sans-serif;
}
#calendarMain td.calendarSpacer {
	height: 5px;
}
/* Specific Row Color Styles */
#calendarMain td.previousMonth, #calendarMain td.nextMonth {
	background: transparent url(/imgs/calendar/previousMonthBkgd.gif) bottom right repeat-y;
}
#calendarMain td.previousMonth p.dayHeader, #calendarMain td.nextMonth p.dayHeader {
	background-color: #e8e7e3;
}
#calendarMain td.currentMonth {
	background: transparent url(/imgs/calendar/currentMonthBkgd.gif) bottom right repeat-y;
}
#calendarMain td.currentMonth p.dayHeader {
	background-color: #c6c3ba;
}
#calendarMain td.selectedDay {
	background: transparent url(/imgs/calendar/selectedDayBkgd.gif) bottom right repeat-y;
}
#calendarMain td.selectedDay p.dayHeader {
	background-color: #000;
}
/*#calendarMain td.firstRow {
	width: 105px;
}*/
/*#calendarMain td.firstRow p.dayHeader {
	width: 99px;
	margin: 0;
}
#calendarMain td.firstRow p.calendarEvent {
	margin: 1px 0 0;
}*/
/* Calendar Event Styles */
#calendarMain td p.calendarEvent {
	width: 105px;
	height: auto;
	margin: 1px 0 0 1px;
	text-align: left;
	padding: 0;
	font: normal 10px/12px Arial, sans-serif;
}
#calendarMain td p.calendarEvent a {
	padding: 5px;
	display: block;
	color: #fff;
	text-decoration: none;
}
#calendarMain td p.calendarEvent a:hover {
	color: #fff;
	text-decoration: none;
}
#calendarMain td p.calendarEvent a strong {
	font-weight: bold;
}
#calendarMain td p.calendarEvent a.orchestraLink:hover, #calendarMain td a.activeOrchestraEvent {
	background: #af69c9 url(/imgs/calendar/calDogEarOrchestra.jpg) bottom right no-repeat;
}
#calendarMain td p.calendarEvent a.danceLink:hover, #calendarMain td a.activeDanceEvent {
	background: #57a5d8 url(/imgs/calendar/calDogEarDance.jpg) bottom right no-repeat;
}
#calendarMain td p.calendarEvent a.chamberLink:hover, #calendarMain td a.activeChamberEvent {
	background: #d753b0 url(/imgs/calendar/calDogEarChamber.jpg) bottom right no-repeat;
}
#calendarMain td p.calendarEvent a.concertLink:hover, #calendarMain td a.activeConcertEvent {
	background: #d6811c url(/imgs/calendar/calDogEarConcert.jpg) bottom right no-repeat;
}
#calendarMain td p.calendarEvent a.festivalLink:hover, #calendarMain td a.activeFestivalEvent {
	background: #e5454b url(/imgs/calendar/calDogEarFestival.jpg) bottom right no-repeat;
}
#calendarMain td p.calendarEvent a.cabaretLink:hover, #calendarMain td a.activeCabaretEvent {
	background: #8a8882 url(/imgs/calendar/calDogEarExtSeason.jpg) bottom right no-repeat;
}
#calendarMain td p.calendarEvent a.wineFoodLink:hover, #calendarMain td a.activeWineFoodEvent {
	background: #4daa97 url(/imgs/calendar/calDogEarWineFood.jpg) bottom right no-repeat;
}
#calendarMain td p.calendarEvent a.operaLink:hover, #calendarMain td a.activeOperaEvent {
	background: #56c476 url(/imgs/calendar/calDogEarOpera.jpg) bottom right no-repeat;
}
#calendarMain td p.calendarEvent a.otherLink:hover, #calendarMain td a.activeOtherEvent {
	background: #9f8f6c url(/imgs/calendar/calDogEarOther.jpg) bottom right no-repeat;
}
#calendarMain td p.calendarEvent a.genericLink:hover, #calendarMain td a.activeGenericEvent {
	background: #a5a4a2 url(/imgs/calendar/calDogEarGeneric.jpg) bottom right no-repeat;
}
#calendarMain td p.calendarEvent img {
	display: inline;
	margin: 0 0 -1px 3px;
}
/* Calendar Sponsor Bar */
.calSponsorBar { background-color: #fff; margin-bottom: 10px; width: 146px; }
.calSponsorBar p { color: #9f9c97; text-align: center; margin: 0 0 10px; font: normal 11px/15px Arial, sans-serif; }
.calSponsorBar img { margin: 0 0 10px; border: 1px solid #090909; }
/* Calendar Side Bar */
div#calendarSideBar {
	width: 146px;
	display: inline;
	float: left;
	margin: 0 15px 8px 17px;
	background-color: #e8e7e3;
}
.eventSocialWrap { float: left; display: inline; width: 130px; }
#eventDetails p.buyTickets { background-image: url(/imgs/calendar/buyTicketsBkgd.png); background-repeat: no-repeat; text-align: center; float: left; display: inline; width: 94px; height: 49px; margin: 0 10px 0 0; font: bold 16px/20px Arial, sans-serif; text-transform: uppercase; }
#eventDetails p.buyTickets a, #eventDetails p.buyTickets a:visited { color: #fff; padding: 5px 0 0; height: 44px; display: block; text-decoration: none; }
#eventDetails p.buyTickets a:hover, #eventDetails p.buyTickets a:active { color: #E8E7E3; text-decoration: none; }
#eventDetails p.eventSocial { margin: 0 0 1px; }
#eventDetails p.eventSocial a, #eventDetails p.eventSocial a:visited { color: #888478; text-decoration: none; }
#eventDetails p.eventSocial a:hover, #eventDetails p.eventSocial a:active { color: #888478; text-decoration: underline; }
#eventDetails p.eventSocial img { float: left; display: inline; margin: 4px 5px 0 0; }
/* Link to this event styles
#eventDetails p.linkToEvent {
	color: #fff;
	display: block;
	margin: 0 8px 3px 0; 
	text-align: center;
	width: 90px;
	height: 15px;
	float: right;
	display: inline;
	font: normal 10px/15px Arial, sans-serif;
	background-color: #BBB9B3;
}
#eventDetails p.linkToEvent a, #eventDetails p.linkToEvent a:hover {
	text-decoration: none;
	color: #fff;
	text-align: center;
	width: 90px;
	height: 15px;
	display: block;
	background-color: #A8A69F;
} */
.noShow { display: none; visibility: hidden; }
#calEventLink {
	background-color: #fff;
	border: 1px solid #A8A69F;
	/*height: 52px;*/
	position: absolute;
	z-index: 999;
	width: 500px;
}
#calEventLink p {
	text-align: center;
}

#textReminderWrap { position: absolute; z-index: 999; width: 345px; height: 505px; }
a.textReminderClose { text-decoration: none; width: 30px; height: 30px; position: absolute; top: 6px; right: 5px; background: transparent url(/imgs/fancybox/fancy_close.png) no-repeat 0 0; }
#programNoteWrap { position: absolute; left: -230px; top: 0; width: 476px; background-color: #d5d4ce; height: 0; }
.programNoteContainer { position: relative!important; left: 0!important; top: 0!important; height: auto!important; margin: 10px 0 0; padding: 10px 20px 20px; width: 424px!important; }
#eventDetails #programNoteWrap h1 { font: bold 20px/42px Arial, sans-serif; padding: 0 20px; color: #333; margin: 0; text-transform: none; }
#eventDetails .programNoteContainer h1 { padding: 0!important; }
/*#fancybox-content div#programNoteWrap { overflow: hidden; }*/
#programNoteWrap a.closeProgramNote, #programNoteWrap a.closeProgramNote:visited { width: 99px; height: 25px; position: absolute; top: -25px; left: 0; background: #e8e7e3 url(/imgs/fancybox/fancy_close_small.png) no-repeat 77px 2px; line-height: 25px; text-align: left; padding-left: 6px; color: #7f7d77; text-decoration: none; }
#programNoteWrap a.closeProgramNote:hover, #programNoteWrap a.closeProgramNote:active { color: #333; text-decoration: none; }
#fancybox-content div.programNoteContent { overflow: auto; padding: 0 20px; width: 436px; border-width: 1px 0; border-style: solid; border-color: #a7a69d; }
#eventDetails .programNoteContent p { margin: 12px 0; }
#eventDetails .programNoteContent img { float: right; display: inline; margin: 15px 0 15px 15px; border: 1px solid #191918; }
#eventDetails .jspContainer { text-align: left; }
#calEventLink input {
	width: 470px;
	font-size: 11px;
	padding: 1px 5px;
	margin: 5px 0; /*4px top margin for IE*/
	border: 1px solid #ccc;
}
#eventDetails p.eventLinkTools {
	border-top: 1px solid #A8A69F;
	padding: 2px 0 3px;
	margin: 0;
	height: 20px;
	text-align: center;
	background-color: #A8A69F;
	position: relative;
}
#eventDetails p.eventLinkTools strong {
	margin: 0 10px;
}
#eventDetails p.eventLinkTools a, #eventDetails p.eventLinkTools a:visited { color: #fff; text-decoration: underline; font-weight: bold; font-size: 14px; line-height: 18px; }
#eventDetails p.eventLinkTools a:hover, #eventDetails p.eventLinkTools a:active { color: #fff; text-decoration: none; }
#eventDetails p.eventLinkTools a.closeLink, #eventDetails p.eventLinkTools a.closeLink:visited, #eventDetails p.eventLinkTools a.closeLink:hover, 
#eventDetails p.eventLinkTools a.closeLink:active { text-decoration: none; background: url(/imgs/fancybox/fancy_close_small.png) no-repeat 0 0; width: 30px; height: 30px; position: absolute; top: 2px; right: 3px; }
#eventDetails div.eventMoreInfo {
	width: 70px;
	float: right;
	display: inline;
	margin: 0 8px 8px;
	background-color: #bbb9b3; 
}
#eventDetails .eventMoreInfo p {
	color: #fff;
	padding: 8px 5px;
	margin: 0;
	font: normal 9px/12px Arial, sans-serif;
}
/* Event Details Styles */
div#eventOverlay {
	width: 464px;
	position: relative;
}
#eventOverlay a.closeEventOverlay, #eventOverlay a.closeEventOverlay:visited { text-transform: uppercase; font-size: 14px; font-weight: bold; line-height: 27px; width: 85px; padding: 3px 0 0 10px; background: #e8e7e3 url(/imgs/fancybox/fancy_close.png) no-repeat 65px 3px; position: absolute; top: -40px; right: -10px; text-align: left; color: #7f7d77; }
#eventOverlay a.closeEventOverlay:hover, #eventOverlay a.closeEventOverlay:active { text-decoration: none; color: #333; }
#eventOverlay h4 {
	width: 191px;
	height: 22px;
	color: #fff;
	margin: 0;
	padding-left: 8px;
	font: normal 12px/22px Arial sans-serif;
	background-color: #000;
}
#eventOverlay h2 {
	width: 443px;
	text-align: left;
	height: 38px;
	color: #fff;
	padding-left: 21px;
	font: normal 22px/38px Arial, sans-serif;
}
#eventOverlay a.overlayNavButton, #eventOverlay a.overlayNavButton:visited { float: left; display: inline; height: 29px; margin: 8px 0 14px 6px; text-align: left; background: transparent url(/imgs/calendar/largeWhiteButtonBkgdLeft.png) no-repeat 0 0; font: normal 14px/29px Arial, sans-serif; color: #000; text-decoration: none; padding-left: 22px; width: 201px; }
#eventOverlay a.overlayNavButton:hover, #eventOverlay a.overlayNavButton:active { color: #888478; text-decoration: none; }
#eventOverlay a.rightOverlayNavButton, #eventOverlay a.rightOverlayNavButton:visited { text-align: right; padding: 0 22px 0 0; background: transparent url(/imgs/calendar/largeWhiteButtonBkgdRight.png) no-repeat 0 0; }
/* Specific Event Detail Styles */
div#eventDetails {
	width: 464px;
	color: #333;
	position: relative;
	background-color: #e8e7e3;
	font: normal 12px/16px Arial, sans-serif;
}
#eventDetails img {
	margin: 8px;
}
.eventInformation { padding: 15px; width: 422px; margin: 0 6px 20px; background-color: #fff; }
#eventDetails p.eventSocial img.calendarFBShare { margin: 0 0 -3px 5px; width: 14px; height: 15px; float: none; display: inline; }
#eventDetails img.overlayIcon { margin: 2px 5px 3px 0; display: inline; width: 12px; height: 13px; }
#eventDetails img.overlayAudioIcon { width: 13px; height: 13px; }
#eventDetails img.overlayVideoIcon { width: 15px; height: 13px; }
#eventDetails img.overlayImageIcon { width: 12px; height: 13px; }
#eventDetails img.overlayTextIcon { width: 13px; height: 13px; }
#eventDetails img.eventThumbnail { float: right; display: inline; margin: 0; }
#eventDetails h1 {
	margin: 0 0 10px;
	text-transform: uppercase;
	text-align: left;
	font: bold 28px/32px Arial, sans-serif;
}
#eventDetails h2 {
	margin: 0 0 0 8px;
	padding-left: 0;
	width: auto;
	color: #2e2c2b;
	height: auto;
	text-transform: uppercase;
	font: normal 9px/12px Arial, sans-serif;
}
#eventDetails h3 {
	margin: 0 0 5px;
	text-align: left;
	font: bold 18px/22px Arial, sans-serif;
}
#eventDetails span.eventPrice { font-size: 10px; line-height: 14px; font-weight: normal; padding-left: 10px; }
#eventDetails ul {
	margin: 10px;
	font: normal 11px/15px Helvetica, Arial, sans-serif;
}
#eventDetails li {
	margin-left: 10px;
	list-style-position: outside;
	list-style-type: disc;
}
#eventDetails p {
	margin: 0 0 10px;
	font: normal 12px/16px Arial, sans-serif;
	text-align: left;
}
#eventDetails .calendarEventProgramNotes p {
	margin: 0 0 10px;
	font: normal 14px/18px Arial, sans-serif;
	text-align: left;
}
#eventVideoWrap { margin: 0 20px; padding: 10px 0 20px; width: 424px; }
#eventDetails p.performanceOverlayLink img { float: left; display: inline; margin: 4px 8px 0 0; }
/* New styles to replace the old */
#eventDetails .calendarEventDescriptionShort { float: left; display: inline; width: 243px; margin: 0 0 0 20px; }
#eventDetails .calendarEventDescriptionWide { float: left; display: inline; width: 424px; margin: 0 0 0 20px; }
#eventDetails .calendarEventProgramNotes { float: left; display: inline; width: 181px; }
#eventDetails div.calendarEventPrograms { border-bottom: 1px solid #888478; padding: 0 0 7px; position: relative; margin: 0 8px -3px; }
#eventDetails .calendarEventDescriptionShort p { margin-right: 33px; }
#eventDetails p.performanceInfoHeader { color: #888478; border-bottom: 1px solid #888478; padding: 0 0 2px; margin: 0 0 10px; font: normal 10px/14px Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; }

#eventDetails .calendarEventDescription a.performancePiece {
	color: #2E2C2B;
	padding: 5px 8px;
	margin: -5px -8px -10px;
	display: block;
}
#eventDetails .calendarEventDescription a.performancePiece:hover {
	color: #fff;
	text-decoration: none;
	background-color: #BBB9B3;
}
#eventDetails .calendarEventDescription a.performancePiece:hover strong {
	color: #fff!important;
}
/* Event Rules */
#eventWrapper div.eventRules {
	background-color: #a8a69f;
	width: 146px;
	height: 15px;
	margin: 2px 0;
}
#eventWrapper .eventRules p {
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	font: normal 10px/15px Arial, sans-serif;
}
#eventWrapper .eventRules p a {
	color: #fff;
	padding-left: 10px;
	display: block;
	text-decoration: none;
}
#eventWrapper .eventRules p a:hover {
	color: #2E2C2B;
	text-decoration: none;
}
#eventWrapper .eventRules p a img {
	margin-right: 5px;
	display: inline;
}
/* Calendar Overlay */
div#overlay {
	float: right;
	display: none;
	width: 0;
	z-index: 2;
	background: transparent url(/imgs/calendar/calOverlayTransparent.png) top left repeat;
	position: relative;
}
div#overlayContent {
	margin-top: 15px;
}
/* Back to Calendar Header Bar */
#overlayContent div.backToCalendar {
	width: 706px;
	height: 22px;
	text-align: right;
}
.backToCalendar p {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0;
	padding-right: 21px;
	width: 150px;
	float: right;
	font: normal 10px/22px Arial, sans-serif;
}
.backToCalendar p a {
	color: #fff;
	display: block;
}
.backToCalendar p a:hover {
	color: #fff;
	text-decoration: none;
}
.backToCalendar img {
	display: inline;
	margin: 0 0 -1px 11px;
}
/* Left Content Area */
div#overlayLeft {
	display: inline;
	float: left;
	width: 347px;
	overflow: hidden;
 	margin-top: 19px;
	color: #4c4941;
}
#overlayLeft h1 {
	margin: 0 0 0 17px;
	font: normal 18px/22px Georgia, "Times New Roman", Times, serif;
}
#overlayLeft h2 {
	margin: 0 0 1em 17px;
	font: normal 12px/18px Helvetica, Arial, sans-serif;
}
#overlayLeft h3 {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0 0 17px 17px;
	font: normal 9px/12px Arial, sans-serif;
}
#overlayLeft p {
	margin: 0 10px 1em 17px;
	font: normal 11px/14px Helvetica, Arial, sans-serif;
}
#overlayLeft ul { list-style-type: disc; margin: 0 0 1em 10px; }
#overlayLeft ol { list-style-type: decimal; margin: 0 0 1em 15px; }
#overlayLeft li {
	margin: 0 10px 3px 32px;
	font: normal 11px/14px Helvetica, Arial, sans-serif;
}
/* Right Content Area */
div#overlayRight {
	float: left;
	margin-top: 19px;
	width: 358px;
	display: none;
	visibility: hidden;
}
#overlayRight img {
	margin: 0 0 0 19px;
}
#overlayRight embed {
	margin: 0 0 0 19px;
}
#overlayRight p {
	margin: 15px 19px;
	color: #4c4941;
	font: normal 10px/14px Arial, sans-serif;
}
/* Additional Images */
div#thumbnails {
	width: 320px; 
	margin: 19px;
}
#thumbnails div.tnail {
	width: 302px;
	height: 222px;
	float: left;
	display: inline;
	margin-right: 7px;
}
#overlayRight .tnail p {
	margin: 5px 0;
	font-style: italic;
	color: #4c4941;
	font: normal 10px/14px Arial, sans-serif;
}
/*#thumbnails div.lastTnail {
	width: 102px;
	height: 102px;
	float: left;
	display: inline;
	margin-right: 0;
}*/
#thumbnails .tnail img {
	margin: 0;
	border: 1px solid #7f7f7d;
}
/* Custom Footer Styles so the Background Expands with and without Javascript */
div.footerTop {
	height: 17px;
	line-height: 17px;
	font-size: 17px;
	background: #fff;
}
div.footerBottom {
	height: 11px;
	line-height: 11px;
	font-size: 11px;
	background: #fff;
}
