@import url(../reset.css);

a { color: #AC0000; text-decoration: none; }
td { padding: 2px; }
p { margin-bottom: 10px; }

table, tr, td { vertical-align: top; }

body { line-height: 1.3; font-family: "Helvetica","Arial","Verdana","Sans-Serif"; font-size: 12px; margin: 0; padding: 0; color: #4F4F4F; background-attachment: scroll; background-color: #000000; background-image: url("ht_bg_new1.jpg"); background-position: center top; background-repeat: no-repeat; }
#lightboxbody { background-image: none; background-color: white; }

#descriptionbody, #printableBody { padding: 5px; background-color: white; background-image: none; }
#descriptionbody form { padding: 5px; border: 1px solid #d9d9d9; }


#container { margin: 0 auto; width: 930px; }
#intro { position: relative; width: 950px; }
#pageHeader { text-align: left; height: 186px; }

#navlist { width: 544px; height: 28px; position: relative; margin: 0px; padding: 0px; background: url('MenuSprite.png');  }
#navlist li { list-style: none; position: absolute; margin: 0; padding: 0; top: 0; }
#navlist li, #navlist a { height: 28px; display: block; }
#MenuTicket { left: 0px; width: 84px; }
#MenuGiftCards { left: 89px; width: 77px; }
#MenuSeries { left: 171px; width: 49px; }
#MenuEducation { left: 225px; width: 74px; }
#MenuMembership { left: 304px; width: 87px; }
#MenuVenueAccess { left: 396px; width: 96px; }
#MenuAbout { left: 497px; width: 47px; }

#pageFooter { margin-left: 15px; padding: 5px; background-color: #111111; }

#navButtons { position: absolute; top: 15px; width: 740px; font-family: Arial Narrow; text-transform: uppercase; }
#NavBarBlock { text-align: right; /*padding-right: 10px;*/ }
#NavBarBlock a { color: white; font-weight: bold; font-size: 12pt; }

#hvclinks { position: absolute; /*right: 0px;*/ top: 15px; font-family: Arial Narrow; text-transform: uppercase; color: white; font-weight: bold; font-size: 12pt; width:auto; margin-left: 745px; }
#hvclinks a { margin-left: 10px; color: white; }
#ucNavControl_lblSpacer1 { color: black; }

.navbar { display: none; }

#pageContent { clear: both; background-image: url("container_bg.png"); background-repeat: repeat; margin: 5px 0 10px; padding: 44px 10px; text-align: left; width: 930px; }
#colsetcont { position: relative; margin: auto; width: 930px; min-height: 500px; }
#colsetcont2 { min-height: 500px; background-color: white; width: 615px; padding-top: 5px; padding-bottom: 5px; }
#colsetcont3 { border: 1px solid #d9d9d9; margin: 0px 5px; }
.columnsSet1 { width: 605px; }
.columnSet1-1 { }
.columnSet1-23 { display: block; padding: 10px; text-align: left; width: 580px; }
.columnSet1-23 > table, #AccountInfoBlock > table { width: 580px; }

#divRegionalEmailPref {display: none; }
.CustInfoWebAddress { display: none; }
.TitleArea, .TitleSplitArea { display: none; }
.VerboseListMonthSeperator, .VerboseListAlphaHeader { display: none; }
.EventInfoHeader, .MembershipInfoHeader, .EventListItemVenueName, .EventInfoItemVenueName, .PackageInfoHeader { display: none; }
.priceInfoBlock, .PriceInfoHeader { text-align: left; display: none; }
.MultiPricingBlock { text-align: right; }
.PasscodeAsk { background-color: black; border: 8px solid white; border-radius: 4px; margin: auto; margin-top: 130px; width: 400px; color: white; font-size: 1.6em; }

.CustomerBlock td, .AddressBlock td { padding: 2px; }
.LargeDropDown { width: 154px; }
.Social #hlAddToCalendar, .Social #hlGoogCal, .Social #hlYahooCal, .Social #hlOutlook, .Social #hlICal, .SocialMap { background-position: top right; padding-right: 25px; }
.CartEmptyText { color: red; margin-bottom: 10px; }
.RequiredField { display: inline; color: red; }
.BigBoldText, .VerboseListItemEventName, .ItemName, #divCurrentMembershipInfo { font-size: 140%; font-weight: bold; margin: 4px 0px; }
#ctl00_CreateCustomer_tblNewAccount input, #ctl00_CreateCustomer_tblNewAccount select, #ctl00_CreateCustomer_tblNewAccount textarea { margin-top: 10px; }
.orderSummaryEventHeader, .orderSummaryCatalogHeader { margin-top: 10px; background-color: #F2F2F2; width: 580px; padding: 5px; height: 20px; }
.orderSummaryEventHeader td, .orderSummaryCatalogHeader td { padding: 5px; }
.ItemHeaderRowText { font-weight: bold; }
.CartItemCol { padding-right: 5px; padding-bottom: 5px; }
.CartItemCol a { color: #4F4F4F }
#orderTotalsBlock table { font-size: 120%; font-weight: bold; margin-top: 10px; width: 200px; }
#CartButtonBlock, #PaymentButtonBlock { margin-top: 20px; margin-bottom: 10px; }
#ContinueButton { float: left; }
#btnCheckout_regularBtn { float: right; }
#overallDeliveryMethod { color: white; }
#overallDeliveryMethod b { color: #4F4F4F; }
#overallDeliveryMethod a { display: none; }
#payInfo table { width: 250px; }

.VerboseListItem img {
    width: 180px;
}
.EventInfoItem div, .MembershipInfoItem div, .VerboseListItemInfo div, .PackageInfoItem div { text-align: left; margin-bottom: 10px; }
#ImageDiv, #imageDiv, .VerboseListItemImageDiv, #PackageImageDiv, #eventImageDiv  { float: left; margin-right: 10px; margin-bottom: 10px; }
#tdVerboseMoreBuyTitle { padding-bottom: 4px; }
.blueBackgroundTitleArea { display: none; font-size: 120%; font-weight: bold; margin: 10px 0px; font-size: 140%; font-weight: bold; }
.ticketTypeBlock { margin-top: 0px; width: 350px; }
.VerboseListItem { width: 580px; }
.ticketTypeBlock > .DonationLevel { padding-left: 2px; padding-top: 4px; }

/* Event Calendar Area */
.EventListCalendarBlock { width: 580px; margin-left: 0px; margin-right: 0px; }
.EventListCalendarBlock table { table-layout: fixed; }
.EventListCalendarHeaderBlock { border: 1px solid gray; background-color: Silver; height: 40px; padding: 5px; }
.EventListCalendarHeaderBlock a { font-weight: bold; color: Black; }
.EventListCalendarDayHeaderBlock { border: 1px solid gray; }
.EventListCalendarDayHeader { border: 1px solid gray; padding: 3px; background-color: White; }
.EventListCalendarOutsideMonthDay { height: 100%; border: 1px solid gray; background-color: Silver; }
.EventListCalendarOutsideMonthDayInner { height: 90px; }
.EventListCalendarDay { border: 1px solid gray; height: 90px; padding: 3px; background-color: White; }
.EventListCalendarDay a { color: black; font-size: 7pt; display: block; }
.CalendarDay a, .CalendarCurDay a { display: block; padding: 2px 2px; word-wrap: break-word; width: 64px; }
.CalendarPrevDay a { display: none; }
.boxbodyCal { padding:4px; background-color:White; border-bottom:ridge 2px gray; border-right:ridge 2px gray; border-left:ridge 2px gray; width:260px; z-index: 100; }
.boxheaderCal { padding:4px; background-color:White; border:ridge 2px gray; width:260px; }
.boxContainerCal { padding:2px; cursor:pointer; width: 70px; }
.boxbodyCalImgShell { margin:auto; text-align:center; }
.boxEventListItemBuyLink { width:250px; }

.poweredBy { text-align: center; }
.clear { clear: both; }
#logo { position: absolute; top: 30px; left: 10px; display: block; text-decoration: none; }

#social_links { position: absolute; top: 168px; right: 10px; }
#social_links a { display: block; float: right; font-size: 0.1px; height: 16px; margin-left: 5px; text-decoration: none; text-indent: -9999px; width: 16px; }
.twitter { background-image: url("social_twitter.png"); }
.facebook { background-image: url("social_facebook.png"); }
.rssfeed { background-image: url("social_rss.png"); }

#head_nav { position: absolute; top: 201px; padding-left: 10px; }
#head_nav a { margin-right: 2px; }

#sidebar { position: absolute; right: 0px; top: 0px; margin: 0 0 0 5px; display: block; width: 310px; min-height: 500px; }
#sidebar ul { padding: 0px; }
#sidebar li { background-color: white; padding: 5px; margin-bottom: 5px; list-style-type: none !important; margin-bottom: 5px !important; text-align: left; }
#sidebar li h2 { background-color: #AC0000; color: #FFFFFF; font-size: 170%; height: 24px; margin-bottom: 5px; padding: 5px 5px 1px; text-align: left; text-transform: uppercase; font-weight: bold; }
.sidetitle { background-color: #111111; color: white; font-size: 195%; padding: 5px; margin-bottom: 5px; text-transform: uppercase; font-weight: bold; }

.ui-widget-overlay { filter: Alpha(Opacity=80); opacity: .80; }
#nlJoin { background-color: #111111; }
#nlJoin h3 { color: white; font-size: 150%; }
#nlJoin h2.sub { border: 4px solid #AC0000; background-color: white; color: #000000; font-size: 170%; width: 200px; margin-bottom: 5px; padding: 5px 5px 1px; text-align: left; text-transform: uppercase; font-weight: bold; cursor: pointer; }
#nlJoin h2.unsub { border: 4px solid #FFFFFF; background-color: #AC0000; color: #FFFFFF; font-size: 170%; width: 200px; margin-bottom: 5px; padding: 5px 5px 1px; text-align: left; text-transform: uppercase; font-weight: bold; }

#PackageInfoMinMaxList { display: none; }
#PackageTypeBlock .ticketTypeBlock table { display: inline; float: left; width: 280px;}
#PackageTypeBlock .ticketTypeBlock #trMultiBlock { width: 280px; float: right; }
#trMultiBlock { width: 280px; }

.PackageInfoItemComponentGroup { font-weight: bold; font-size: 11pt; }
.PackageInfoItemType { color: #ac0000;  font-size: 140%; font-weight: bold; margin: 4px 0px;  }

#trEventTitleAreaTop, #trEventTitleAreaBottom { display: none; }
#ucEvent_lblEventShortDescription { line-height: 1.5; }
.gce-event-info { display: none; }

.PaymentSectionSeperator { border-bottom: 5px solid #ac0000; }
.CreditCardBlock .RequiredField { display: none; }
.CreditCardBlock { vertical-align: top; }

.PageBox { margin-top: 6px; }
.VenueFilter { display: none; }
.AgileList-Detailed .Name, .AgileList-Detailed .Venue, .AgileList-Detailed .DateTime,
.AgileList-Simple .Name, .AgileList-Simple .Venue, .AgileList-Simple .DateTime { float: none; width: auto; }
.AgileList-Detailed .Name { font-size: 150%; }
.AgileList-Detailed .Image, .AgileList-Detailed .ImageBox { width: 180px; }
.AgileList-Detailed .Name .Descriptive { font-size: 12px; }
.AgileList-Detailed .ViewLink { float: none; margin: 6px 0px; }
.AgileList .Image, .AgileList .Name { cursor: pointer; }
.AgileList-Tiles .CustomProperties, .AgileList-Tiles .Separator, .AgileList-Tiles .AllShowings, .ViewFilter { display: none; }
.AgileList-Tiles .Item { border: solid 1px #ededed; border-radius: 4px; padding: 4px; margin: 4px; position: relative; }
.AgileList .ShowingTimes .Showing { margin-right: 6px; }
.AgileList-Tiles .ItemInfo { height: 120px; margin-top: -24px; }
.AgileList-Tiles .Name { background-image: url(post_title_bg.png); width: 280px; height: 18px; color: white; padding-top: 6px; padding-left: 4px; overflow: hidden; }
.AgileList-Tiles .ViewLink { float: right; }
.AgileList-Tiles .ImageBox { height: 157px; }
.AgileList-Tiles-2 .Item { width: 430px; }
.AgileList-Tiles-3 .Item { width: 280px; }
.AgileList-Tiles-3 .ImageBox .Image { width: 280px; }
.AgileList-Tiles-4 .Item { width: 205px; }
.ScheduledEvent { overflow: hidden; }
.ScheduledEvent .Descriptive { display: none; }
.ScheduledEvent .DetailsBox { display: block; }
.ScheduledEvent .Image { width: 125px; }
.ScheduledEvent .LinkBox { background: url("../fadebottom.png") repeat-x scroll left -30px white; }

.InfoContainer .NameSecondary { float: left; width: 560px; margin: 2px 0px; font-size: 90%; }
.InfoContainer .SlimInfo { float: left; width: 560px; margin: 2px 0px; font-size: 115%; }
.InfoContainer .Header { margin: 6px 0px; }
.Purchase .Showing .Venue { display: none; }
.Purchase .PastShowing { display:none; }
.Media, .MediaMulti { float: left; width: 560px; }
.InfoContainer .Purchase { float: right; width: 280px;  clear: right; }
.InfoContainer .CustomInformation { float: right; width: 280px; clear: right; }
.InfoContainer .CustomInformation table { width: 280px; }
.InfoContainer > .Description,
.InfoContainer .RelatedEventBlock, .InfoContainer .AdditionalInformation { clear: left; width: 540px; }
.BackToListLink { clear: left; float: left; margin-top: 16px; }

#BuyButtonBlock .BuyLink { float: right; font-size: 120%; }
#BuyButtonBlock .CloseLink { float: left; font-size: 120%; }

#email-signup { position: absolute; right: 10px; top: 105px; }
.MembershipPageContent #trMultiBlock { display: none; }
.Comments { float: left; width: 560px; }