body { margin: 0; padding: 0; font-family: Arial; }


#mainWrapper { width: 1100px; margin: 0 auto 0 auto; }

#headerWrapper { position: relative; height: 177px; z-index: 100; }
#headerLogo { display: block; width: 319px; height: 102px; text-decoration: none; position: absolute; left: 0; top: 33px; }
#headerLogoIbiza { display: block; width: 319px; height: 102px; text-decoration: none; position: absolute; left: 0; top: 33px; margin-top:10px; }
#headerActions { position: absolute; right:20px; top: 8px; width: 400px; text-align: right; background-position: right center; background-repeat: no-repeat; padding-right: 20px; color: White; font-size: 13px; font-weight: bold; }

#headerZoneName { position: absolute; right: 787px; top: 100px; width: 300px; text-align: right; text-transform: uppercase; margin: 0; padding: 0; font-weight: normal; font-size: 16px; }


#headerSearchBox { -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; width: 605px; height: 63px; position: absolute; left: 340px; top: 50px; }
#headerSearchBox .headerSearchTextBoxWrapper { position: absolute; top: 15px; left: 15px; }
#headerSearchBox .headerSearchButtonWrapper { position: absolute; top: 15px; left: 485px; }
#headerSearchBox .headerSearchButtonWrapper .Button { height: 33px; }
#changeAreaLinkWrapper { width: 125px; height: 25px; position: absolute; right: 10px; top: 50px;}
#changeAreaLinkWrapper a { padding-right: 25px; display: block; }
#changeAreaLinkWrapper div { position: absolute; right: 0; top: 1px; width: 20px; height: 24px; background-repeat: no-repeat; background-position: center center; }

#changeLanguageLinkWrapper { width: 125px; height: 25px; position: absolute; right: 10px; top: 90px; }
#changeLanguageLinkWrapper a { padding-right: 25px; display: block; }
#changeLanguageLinkWrapper div { position: absolute; right: 0; top: 1px; width: 20px; height: 24px; background-repeat: no-repeat; background-position: center center; }

#featuredCitiesInner { width: 212px; position: relative;  } 
#featuredCitiesInner a { font-size: 12px; display: block; float: left; width: 100px; padding: 3px; text-decoration: none; } 
#featuredCitiesInner a:hover { text-decoration: underline; }
#featuredCitiesInner #moreZonesLinkWrapper { text-align: right; padding: 7px; clear: both; }
#featuredCitiesInner #moreZonesLinkWrapper a { float: right; font-size: 12px; }

#featureLanguagesInner { width:230px; position: relative;  } 
#featureLanguagesInner a { font-size: 12px; display: block; float: left; width: 230px; padding: 4px; text-decoration: none; } 
#featureLanguagesInner a:hover { text-decoration: underline; }
#featureLanguagesInner #moreLanguagesLinkWrapper { text-align: right; padding: 7px; clear: both; }
#featureLanguagesInner #moreLanguagesLinkWrapper a { float: right; font-size: 12px; }

#languageWrapper { width: 110px; position: absolute; top: 15px; right: 10px; }

/* NOTE: navigationWrapper is defined in mainTheme.css**/

#mainContentWrapper { padding: 10px 20px 10px 20px;}
#mainContentHeader { height:160px; }


#mainContentHeaderBox { width: 295px; height: 88px; float: left; padding: 5px; text-align: center; font-size: 14px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em;  }
#mainContentHeaderBox strong { font-size: 20px; }
#mainContentHeaderBox .Button { display: block; width: 285px; height: 30px; font-size: 20px; text-transform: lowercase; padding-top: 5px; margin-top: 5px; }

#mainContentHeaderAd { width: 728px; height: 90px; padding: 5px; margin-left: 322px; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; }

#mainContentHeaderActions { clear: both; position: relative; width: 1060px; height: 39px; margin-top: 5px; }
#mainContentHeaderActions a { position: absolute; display: block; width: 90px; height: 25px; top: 5px; }
#headerFacebookLink { left: 95px; }
#headerTwitterLink { left: 190px; }


#divHeaderSearchBoxSection { position: relative; padding: 5px 10px 5px 10px; height: 30px; }
#divHeaderSearchBoxTitle .HeaderSearchBoxTitle { margin: 11px 0 0 15px; font-weight: bold; }
#divHeaderSearchBoxTitle { position: absolute; top: -1px; left: -1px; height: 42px; width: 170px; font-size:16px; font-weight: bold; -webkit-border-radius: .4em 0 0 .4em; -moz-border-radius: .4em 0 0 .4em; border-radius: .4em 0 0 .4em; } 
#divHeaderSearchBoxSearch { position: absolute; top: 7px; left: 180px; } 
#divHeaderSearchBoxButton { position: absolute; top: 7px; left: 495px; } 



#footerWrapper { clear: both; }
#footerContent { width: 1100px; margin: 10px auto 0px auto; padding-bottom: 200px;}
#footerContent .LinksSection { width: 450px; margin: 0 20px 0 20px; float: left;}
#footerContent h5 { font-size: 16px; text-transform: uppercase;  margin: 10px 0 0 0; padding: 0; }
#footerContent .LinksSection a { display: block; float: left; width: 135px; margin-right: 5px; }
#footerContent .Content {font-size: 11px;}


/* Generic classes (NOTE: colors, border styles, and image backgrounds are defined in mainTheme.css) */
.SelectedRotatedNavItem, .RotatedNavItem { width: 10px; height: 10px; float: right; margin-right: 5px; cursor: pointer; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em;}

.ContentLogoContainer { width: 163px; height: 159px; }

.FutureEvents { margin-bottom: 5px; padding: 5px; height:auto; position: relative; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.FutureEvents .ImgWrapper { float: left; width: 84px; padding: 5px; margin-right: 5px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.FutureEvents .RecordBody { float: left; margin-top: 5px; max-width: 135px; }
.FutureEvents .EventInfo { overflow: hidden; }
.FutureEvents .VenueInfo { overflow: hidden; margin-bottom:5px; }
.FutureEvents .ButtonWrapper { position: relative; left:80%;}
.FutureEvents .ButtonWrapper .Button { font-size: 9px; }


  
#artistSubSectionWrapper .Button {  width: 68px;  font-size: 12px; padding: 2px 3px 2px 3px;  }

.SubSectionSpecialEvents .EventMappedItemResults { margin-bottom: 5px; padding: 5px; height: 78px; position: relative; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionSpecialEvents .EventMappedItemResults .ImgWrapper { float: right; width: 84px; padding: 5px; margin-right: 5px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionSpecialEvents .EventMappedItemResults .RecordBody { float: left; margin-top: 5px; width: 200px; max-width: 200px; position: relative; top: -3px; }
.SubSectionSpecialEvents .EventMappedItemResults .EventInfo { overflow: hidden; height:auto; max-height: 30px; width: 200px; max-width: 200px; }
.SubSectionSpecialEvents .EventMappedItemResults .VenueInfo { overflow: hidden; width: 200px; max-width: 200px; }
.SubSectionSpecialEvents .EventMappedItemResults .ButtonWrapper { position: absolute; right: 12px; bottom: 5px; }
.SubSectionSpecialEvents .EventMappedItemResults .ButtonWrapper .Button { font-size: 12px; }
.SubSectionSpecialEvents .EventMappedItemResults .Button {  width: 68px; }

.SubSectionLargerEvents .EventMappedItemResults { margin-bottom: 5px; padding: 5px; height: 85px; position: relative; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionLargerEvents .EventMappedItemResults .ImgWrapper { float: right; width: 84px; padding: 5px; margin-right: 5px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionLargerEvents .EventMappedItemResults .RecordBody { float: left; margin-top: 5px; max-width: 200px; }
.SubSectionLargerEvents .EventMappedItemResults .ButtonWrapper { position: absolute; right: 10px; bottom: 10px; }
.SubSectionLargerEvents .EventMappedItemResults .Button {  width: 68px; }


.SubSectionIndexEvents .EventMappedItemResults { margin: 3px; padding: 5px; min-height: 145px; width: 146px; float: left; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionIndexEvents .EventMappedItemResults .ResultIndex { float: left; margin: 5px 5px 0 0; width: 20px; height: 20px; padding: 5px; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; font-weight: bold; font-size: 20px; text-align: center; }
.SubSectionIndexEvents .EventMappedItemResults .ImgWrapper { float: left;  width: 84px; padding: 5px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionIndexEvents .EventMappedItemResults .RecordBody { padding-top: 15px; text-align: center; white-space: nowrap; overflow: hidden; clear: both; }
.SubSectionIndexEvents .EventMappedItemResults .ButtonWrapper { text-align: center; margin-top: 10px;  }
.SubSectionIndexEvents .EventMappedItemResults .ButtonWrapper .Button { font-size: 12px; }
.SubSectionIndexEvents .EventMappedItemResults .Button {  width: 68px; }

.SubSectionObjectEvents .EventMappedItemResults { margin: 3px; padding: 10px; height: 145px; width: 145px; float: left; position: relative; overflow: hidden; }
.SubSectionObjectEvents .EventMappedItemResults .ImgWrapper { margin-bottom: 10px; }
.SubSectionObjectEvents .EventMappedItemResults .ButtonWrapper { position: absolute; right: 10px; bottom: 5px; }


.DataRecord .ResultIndex { width: 15px; height: 15px; padding: 5px; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; font-weight: bold; font-size: 15px; text-align: center; }

.SubSectionArtistResult .SectionMappedArtistResult { position: relative; margin-bottom: 5px; min-height: 75px; padding: 5px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionArtistResult .SectionMappedArtistResult .ImgWrapper { position: absolute; left: 10px; top: 10px; width: 65px; padding: 3px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionArtistResult .SectionMappedArtistResult .ArtistInfo  { margin: 5px 0 0 90px; height: 75px; overflow: hidden; }
.SubSectionArtistResult .SectionMappedArtistResult .Button { position: absolute; right: 10px; bottom: 5px; }

.SubSectionVenueResult .SectionMappedVenueResult { position: relative; margin-bottom: 5px; min-height: 80px; padding: 5px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionVenueResult .SectionMappedVenueResult .ImgWrapper { position: absolute; left: 10px; top: 10px; width: 65px; padding: 3px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionVenueResult .SectionMappedVenueResult .VenueInfo { margin: 25px 100px 0 90px; text-align: center; }
.SubSectionVenueResult .SectionMappedVenueResult .Button { font-size: 12px; position: absolute; right: 10px; top: 35px; width: 58px; font-size: 12px; }

.SectionMappedArtistResutlImg { width: 215px; padding: 3px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }


.SectionNewsArticleResult .NewsArticleResult { position: relative; margin-bottom: 5px; min-height: 60px; padding: 5px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SectionNewsArticleResult .NewsArticleResult .ImgWrapper { position: absolute; left: 10px; top: 10px; width: 40px; padding: 3px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SectionNewsArticleResult .NewsArticleResult .NewsArticleTitle { margin: 0px 60px 0 60px; }
.SectionNewsArticleResult .NewsArticleResult .NewsArticleSummary { margin: 0px 60px 0 60px; }
.SectionNewsArticleResult .NewsArticleResult .NewsArticleDate { margin: 5px 60px 0 60px; font-weight: bold; }
.SectionNewsArticleResult .NewsArticleResult .ButtonWrapper { position: absolute; right: 10px; bottom: 10px; }
.SectionNewsArticleResult .NewsArticleResult a.Button {  width: 58px;  font-size: 12px; padding: 2px 3px 2px 3px; }

.SubSectionArtistResult .ArtistResult { position: relative; margin-bottom: 5px; min-height: 70px; padding: 5px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionArtistResult .ArtistResult .ImgWrapper { position: absolute; left: 10px; top: 10px; width: 65px; padding: 3px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionArtistResult .ArtistResult .RecordBody { margin: 10px 0 20px 80px; }
.SubSectionArtistResult .ArtistResult .Button { position: absolute; right: 10px; bottom: 5px; }

.SubSectionVenueResult .VenueResult { position: relative; margin-bottom: 5px; min-height: 80px; padding: 5px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionVenueResult .VenueResult .ImgWrapper { position: absolute; left: 10px; top: 10px; width: 65px; padding: 3px; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
.SubSectionVenueResult .VenueResult .RecordBody { margin: 10px 100px 0 90px; }
.SubSectionVenueResult .VenueResult .Button { position: absolute; right: 10px; top: 35px; }

#btnTourScrollerLeft { padding: 5px 5px 5px 2px; } 
#btnTourScrollerRight { padding: 5px 2px 5px 5px; }

#footerWrapper { height: 520px; overflow: hidden; }
#footerWrapper .LinkTitle { font-size: 15px; font-weight: bold; padding-bottom: 11px; padding-right: 10px; }
#footerWrapper .LinkListing { padding-left: 5px; }
#footerContent a:hover { text-decoration: underline; }
#footerContent .FooterTextBox { width: 230px; -webkit-border-radius: .3em .3em .3em .3em; -moz-border-radius: .3em .3em .3em .3em; border-radius: .3em .3em .3em .3em;}
#footerContent .FooterButton { margin-left: 2px; cursor: pointer; cursor: hand; background-color: #C9CBCA; border-style: none; padding-left: 10px; padding-right: 10px; font-size: 12px; -webkit-border-radius: .3em .3em .3em .3em; -moz-border-radius: .3em .3em .3em .3em; border-radius: .3em .3em .3em .3em; height: 22px;text-transform:uppercase; font-weight:bold;color: #4A4F52;}
#footerContent .FooterColumnPadding { width: 210px; padding-right: 30px; }

#divBestSeller { position: relative; }
#divBestSeller .EventDate { position: relative; top: -15px; }
#divBestSeller .EventInfo { position: relative; top: -15px; height: 27px; white-space: normal; overflow: hidden;}
#divBestSeller .VenueInfo { position: relative; top: -15px; height: 27px; white-space: normal; overflow: hidden; }
#divBestSeller .ButtonWrapper { position: relative; top: -22px;  }

#headerPageViews { text-align: right; position: absolute; right: 20px; }

#headerAddFavorites { float: left; margin-top: -7px; margin-left: -16px;  }

#headerArtistName, #headerVenueName, #headerEventName { position: relative; left: 8px; }
    

#eventPagevenueImageThumb { float: left; margin-left: 7px; }
#eventPagevenueDetail { float: left; margin-left: 10px; margin-top: 8px; }
#eventPagevenueDetail .VenueName a { font-size: 14px; }

.SubTitlePrimaryText { float: left; }
.SubTitleSecondaryText { float: right; margin-right: 7px; }

.ModalPopupBG
{
    background-color: #999999;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.ModalPopup
{
    background-color: #ffffff;    
}