﻿@import url(EventTicketItems.css);
#ticketItemsTable { width: 100%; }

#fullEventSectionsWrapper { }
#mainEventSectionWrapper { float: left; width: 760px; }
#subEventSectionWrapper { width: 290px; float: right; }

#featuredHeaderImgSection { text-align: center; margin: 10px 0 10px 0; }

#divEventMainInfo .SubTitle { position: relative; }
#divEventMainInfo #headerPageViews { width: 300px; position: absolute; right: 10px; text-align: right; font-size: smaller; }

#eventThumbnailWrapper { float: left; width: 150px; }


#mainEventContent { float: left; }
#mainEventContent h1 { margin: 0; padding: 0; font-size: 16px; }

#venueInfoSection { font-weight: bold; }

.FieldWrapper { margin-bottom: 15px;}
.FieldLabel { font-size: 17px; margin-bottom: 4px; }
.FieldValue {}


#divQuestions textarea { width: 250px; }

#disclaimerSection { font-size: 11px; }

#divEventPhotos .Content img { border: solid 2px; padding: 10px; margin: 3px; -webkit-border-radius: .7em; -moz-border-radius: .7em; border-radius: .7em; }

#eventArtistsSection .DataRecord { margin: 3px; width: 115px; height: 100px; float: left; text-align: center; font-weight: bold; }
#eventArtistsSection .DataRecord .ImgWrapper { width: 60px; margin: 0 auto 10px auto; }



#groupEventsSection { } 
#groupEventsSection .DataRecord { width: auto; min-height: 45px; margin-bottom: 4px; font-size: 11px; clear: both; position: relative; }
#groupEventsSection .DataRecord a { font-weight: bold; }
#groupEventsSection .DataRecord .ImgWrapper { position: absolute; left: 5px; top: 5px; width: 84px; min-height: 39px; }
#groupEventsSection .DataRecord .RecordBody { margin: 15px 190px 0 105px; width: 550px; text-align: left; font-size: 14px; position: relative; bottom: 5px; }
#groupEventsSection .DataRecord .EventInfo { float: left; width: 178px; overflow: hidden; }
#groupEventsSection .DataRecord .VenueInfo { float: left; width: 185px; overflow: hidden; margin-left: 10px; font-weight: bolder;}
#groupEventsSection .DataRecord .EventDate { float: left; text-align: center; width: 110px; margin-left: 6px; }
#groupEventsSection .DataRecord .ButtonWrapper { position: absolute; top: 20px; right: 25px; width: 80px;  }
#groupEventsSection .DataRecord .ButtonWrapper .Button { width: 68px;  font-size: 12px; padding: 2px 3px 2px 3px; }

.EventInfoBox
 { 
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em; border-radius: .5em; -webkit-border-radius: .5em; 
	-moz-border-radius: .5em; border-radius: .5em; padding: 5px 5px 4px 5px;
}

.EventDetailTitleText { font-size:18px; font-weight:900; }

#eventDetailWrapper { overflow: hidden; }
#eventThumbnailWrapper img { width: 140px; height: 65px; }
#eventDetailInfoWrapper  { font-size: 14px; overflow: hidden; padding-left: 5px; }


#divEventInfoLeft { float: left; width: 55%;   min-height: 100%; height: 325px; position: relative; }
#divEventInfoRight { float: left; margin-left: 1%; width: 42%; }
#divEventInfoRight img { margin-left: 15px; width: 20px; height: 20px; }
#divEventInfoRight .EventDetailImgWrapper { width: 80px; display: inline; text-align: center; vertical-align: top; }
#divEventInfoRight .EventDetailTitleText  { margin-left: 10px; }
#divEventInfoRight .EventDetailContentText { width: 85%; font-size: 13px; position: relative; left: 49px;}
#divEventInfoRight .EventInfoBoxType1 { height: 70px; margin-bottom: 4px; overflow: hidden; }
#divEventInfoRight .EventInfoBoxType2 { height: 70px; margin-bottom: 4px; overflow: hidden; }

.InLineDisplay { display: inline; }

#eventDetailInfoWrapper h1 { font-size: 20px; }

.DescriptionCell { width: 60%; }
.PriceCell  { min-width: 15%;  font-size: 16px; font-weight: bolder;  }
.QuantityCell  { min-width: 15%;  }
.QuantityCell select {font-size: 12px; font-weight: bolder; }
.BuyButtonCell   { min-width: 20%; text-align: center; }
#venueLink { font-weight: bolder; }

#divOnlinePresaleEnd { position: absolute; bottom: 5px; }

/* End Style Changes Requested by Barak */