/* 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; }
.extSeasonBackground { background-color: #8a8882; }
.wineFoodBackground { background-color: #4daa97; }
.operaBackground { background-color: #56c476; }
.otherBackground { background-color: #9f8f6c; }
.genericBackground { background-color: #a5a4a2; }

.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; }
.extSeasonBorder { 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; }
.extSeasonText { 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/calContentBkgd.jpg) top left repeat-y;
}
div#calendarWrap {
	width: 706px;
	display: inline;
	float: left;
	background-color: #e8e7e3;
	margin: 0 11px 8px 17px;
}
/* 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 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: 706px;
	position: relative;
	z-index: 1;
	background-color: #fff;
}
#calendarMain th {
	height: 15px;
	width: 99px;
}
#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: 99px;
	height: 90px;
	vertical-align: top;
}
#calendarMain td p {
	width: 92px;
	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: 98px;
}
#calendarMain td.firstRow p.dayHeader {
	width: 92px;
	margin: 0;
}
#calendarMain td.firstRow p.calendarEvent {
	margin: 1px 0 0;
}
/* Calendar Event Styles */
#calendarMain td p.calendarEvent {
	width: 98px;
	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.extSeasonLink:hover, #calendarMain td a.activeExtSeasonEvent {
	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 Side Bar */
div#calendarSideBar {
	width: 199px;
	display: inline;
	float: left;
	background-color: #e8e7e3;
}
#eventDetails p.buyTickets, #eventDetails p.textReminder { float: left; display: inline; width: 89px; height: 15px; display: block; margin: 0 4px 3px 8px; font: normal 9px/15px Arial, sans-serif; text-transform: uppercase; }
#eventDetails p.textReminder { width: 183px; float: none; display: block; margin-top: 2px; text-transform: none; font-size: 10px; font-weight: bold; }
#eventDetails p.buyTickets img { float: left; display: inline; margin: 0; position: relative; margin: 4px 7px 0 0; width: 4px; height: 7px; }
#eventDetails p.textReminder img { float: left; display: inline; margin: 0; position: relative; margin: 2px 7px 0 0; width: 8px; height: 11px; }
#eventDetails p.buyTickets a, p.buyTickets a:hover { padding: 0 0 0 8px; text-decoration: none; color: #fff; display: block; width: 81px; height: 15px; }
#eventDetails p.textReminder a, #eventDetails p.textReminder a:hover { padding: 0 0 0 6px; text-decoration: none; color: #fff; display: block; width: 177px; height: 15px; background-color: #333; }

/* 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 #ccc;
	height: 52px;
	position: absolute;
	z-index: 3;
	width: 500px;
}
#calEventLink p {
	text-align: center;
}
#calEventLink input {
	width: 450px;
	font-size: 1em;
	padding: 1px 5px;
	margin: 7px 0 0 24px; /*4px top margin for IE*/
	border: 1px solid #ccc;
}
p.eventLinkTools {
	border-top: 1px solid #ccc;
	padding: 3px 0 2px;
	margin: 6px 0 0;
	background-color: #f8f7f5;
}
p.eventLinkTools strong {
	margin: 0 10px;
}
#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#eventWrapper {
	width: 199px;
}
#eventWrapper h4 {
	width: 191px;
	height: 22px;
	color: #fff;
	margin: 0;
	padding-left: 8px;
	font: normal 12px/22px Arial sans-serif;
	background-color: #000;
}
#eventWrapper h2 {
	width: 191px;
	height: 25px;
	color: #fff;
	padding-left: 8px;
	font: normal 14px/25px Georgia, "Times New Roman", Times, serif;
}
/* Specific Event Detail Styles */
div#eventDetails {
	width: 199px;
	color: #2e2c2b;
	margin-bottom: 20px;
	font: normal 11px/15px Helvetica, Arial, sans-serif;
}
#eventDetails img {
	margin: 8px;
}
#eventDetails img.calendarFBShare { margin: -25px 8px 8px 0; width: 49px; height: 17px; position: relative; z-index: 99; float: right; 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 h1 {
	margin: 8px;
	text-transform: uppercase;
	font: bold 14px/18px Helvetica, 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: 8px 8px 0;
	font: bold 14px/18px Helvetica, 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: 10px 8px;
	font: normal 11px/15px Helvetica, Arial, sans-serif;
}
/* New styles to replace the old */
#eventDetails div.calendarEventDescription {
	margin: 0 8px;
}
#eventDetails div.calendarEventPrograms { border-bottom: 1px solid #888478; padding: 0 0 7px; position: relative; margin: 0 8px -3px; }
#eventDetails .calendarEventDescription p {
	margin: 10px 0;
}
#eventDetails .calendarEventDescription p.performanceOverlayLink { margin: 5px 0; }
#eventDetails .calendarEventDescription p.performanceInfoHeader { color: #888478; border-bottom: 1px solid #888478; padding: 0 0 2px; margin: 10px 0 -5px; 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: 199px;
	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;
}