/**
 * Event Page Semantics
 * /css/helpers/event-listing-semantics/structure.css
 *
 * @contributers Franklin Clark
 * @updated 02/04/2011
 */

/* Basic
 -------------------------------------------------*/

dl#listingContactOptions dd span {font-size:9pt; color:#999}

div#page div#listingSide div.sideSection.location li.mapBusinessAddress span.address {font-size:9pt;}

div#page form#vendorSelect fieldset h4 strong {color:#000;}

/* Headings
 -------------------------------------------------*/
 
div#page div#listingHeader span#listingPreTitle {font-size:9pt;margin-bottom:1px;display:block;color:#666}
div#page div#listingHeader h1 {font-weight:bold; border:none; padding-bottom:0; font-size:16pt; color:#000; margin-bottom:10px; line-height:18pt }
div#page div#listingHeader h2 {border:none;font-size:12pt; padding:0;margin-bottom:15px; font-weight:normal}

/* sidecolumn module */
div#page h3 {color:#000;font-size:10.5pt; font-weight:bold;padding:0;margin:0;}

/* content headers */
div#page div#listingContent div#listingBody h3 {margin-bottom:10px;}
div#page div#listingContent div#listingArticles h3 {margin-bottom:10px;}

/* vendor select menue header */
div#page form#vendorSelect fieldset h4 {padding-left:18px;font-weight:normal; margin-top:0; margin-bottom:15px;color:#888}

div#page div#listingContent  h3#commentsHeading {margin-top:20px;padding-top:20px;border-top:1px solid #ddd}

/* disqus comments */
div#page div#listingContent div#disqus_thread h3 { color:#666;font-weight:normal}

/* Anchors/Links
 -------------------------------------------------*/

/* address links */
div#page div#listingSide div.sideSection.location ol#mapBusinessAddresses ul li a {color:#999;text-decoration:underline}

/* buy tickets and giveaway buttons */
div#page div#listingContent div#listingCallsToAction a {border:none;}

/* venue name links */
div#page table#eventSchedule tr td a {border:none;}

/* event ticket buy button */
div#page div#listingListing.multipleVendors a#ticketBuyButton {}

/* side column share buttons */
div#page div#listingSide div.sideSection.share a.addthis_button_tweet {border:none;margin-right:15px;margin-left:0}
div#page div#listingSide div.sideSection.share a.addthis_button_facebook_like {width:52px;height:65px;border:none;margin-right:15px;}
div#page div#listingSide div.sideSection.share a.addthis_button_google_plusone {width:52px;height:65px;border:none;margin-right:15px;}
div#page div#listingSide div.sideSection.share a.addthis_counter {}

/* ticket buy button container */
div#page li.button.ticketBuy.expanded a#ticketBuyButton{width:465px;height:51px;display:block;background-image:url('/images/common/events-page/bg-events_page_dropdown-top.png')}

/* call to action buttons */
div#page ul.promo {}
div#page ul.promo li.button {float:left;margin-right:10px} 

div#page div#vendorSelectTrigger a {color:#666;}

div#page form#vendorSelect div#vendorSelectActions a {float:right;display:block;font-size:8.5pt;color:#335774;margin:5px 0 0 18px;text-decoration:underline;}

/* Paragraphs
 -------------------------------------------------*/

div#page div#listingSide div.sideSection.gallery div.bdy div.c p {margin:0 auto 20px auto; line-height:12pt; font-size:8.5pt;width:260px; text-align: center;}

/* Tables
 -------------------------------------------------*/

/* subnav and edit action links */
div#page table#maintitle {margin:0 0 20px 0; padding:0; width:100%; padding-bottom:20px;border-width:0 0 1px 0; border-color:#ddd;border-style:solid}
/* div#page table#maintitle.notOwned { margin-top:10px; padding-top:10px;border-top-width:1px;} */
div#page table#maintitle td {line-height:0}
div#page table#maintitle td#listyour {text-align:left}

/* schedule table */
div#page div#schedule td.location {width:300px; margin-right:20px;vertical-align:top}

div#page table#eventSchedule {}
div#page table#eventSchedule tr td {padding:15px;width:270px;}
div#page table#eventSchedule tr.alt1 {background-color:#e3e3e3}
div#page table#eventSchedule tr.alt2 {background-color:#efefef}

div#page table.banners2 {width:960px;margin:auto;border-top:1px solid #ddd;padding-top:20px;margin-top:5px;}

/* Images
 -------------------------------------------------*/

div#page div#listingSide div.sideSection.gallery div.bdy div.c img {margin:0 auto 10px auto;display:block}

/* Lists
 -------------------------------------------------*/

div#page ul, div#page ol {padding:0;margin:0;list-style:none}

div#page dt {float:left;margin-right:10px; width:45px;color:#666;}
div#page dd {margin:0; line-height:17pt}

/* Event Vitals */
div#page div#listingHeader div#listingDetails dl#listingVitals{margin:0 0 20px 0;}
div#page div#listingHeader div#listingDetails dl#listingVitals dt { width:53px;color:#999;}
div#page div#listingHeader div#listingDetails dl#listingVitals dd {width:385px;margin-left:63px;}

/* location module */
div#page div#listingSide div.sideSection.location ol#mapBusinessAddresses {}
div#page div#listingSide div.sideSection.location ol#mapBusinessAddresses li {line-height:14pt;}
div#page div#listingSide div.sideSection.location ol#mapBusinessAddresses ul li {display:inline;font-size:8.5pt;padding-right:5px;}
div#page div#listingSide div.sideSection.location li.mapBusinessAddress {padding-bottom:15px; margin-bottom:15px;border-bottom:1px dashed #ddd;padding-left:25px;background-image:url('/images/common/events-page/icon-map_marker_bullet.gif'); background-position:0 0; background-repeat:no-repeat}
div#page div#listingSide div.sideSection.location li.mapBusinessAddress.last {border:none;padding-bottom:0;margin-bottom:3px;}

/* vendor select list */
div#page form#vendorSelect ol {margin-left:18px}
div#page form#vendorSelect ol li {display:block;width:125px;height:30px;text-align:left;float:left;margin-bottom:15px;margin-right:20px;font-size:9pt}


/* business listing articles */
div#listingArticles {margin-top:20px;padding-top:20px;border-top:1px dashed #ddd;}
div#listingArticles ul#articleList {}
div#listingArticles ul#articleList li.entry {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ddd;}
div#listingArticles ul#articleList li.entry.last {border-bottom:none;padding-bottom:0;margin-bottom:10px;}
div#listingArticles ul#articleList li.entry p {margin-top:0px; margin-bottom:10px;}
div#listingArticles ul#articleList li.entry h4 {font-size:12pt; margin-bottom:5px;margin-top:0;font-weight:normal}
div#listingArticles ul#articleList li.entry h5 {font-size:11pt; margin-bottom:3px;margin-top:0;font-weight:normal; font-style:italic;}
div#listingArticles ul#articleList li.entry span.posted{ color:#666666;font-size:12px;margin-bottom:3px;display:block}
div#listingArticles ul#articleList li.entry div.articleThumb {float:left;margin-right:20px;width:125px;height:125px; text-align:center}
div#listingArticles ul#articleList li.entry div.articleThumb img {max-width:125px;max-height:125px;}
div#listingArticles ul#articleList li.entry div.articleSummary {}

/* Business listing agenda */
ul#agenda {}
ul#agenda li.event {padding-bottom:8px; margin-bottom:8px;border-bottom:1px dashed #ddd}
ul#agenda li.event.last {border-bottom:none; margin-bottom:0; padding-bottom:0}
ul#agenda li.event.enhancedEvent {}
ul#agenda li.event.enhancedEvent div.eventThumb {float:left; width:80px;height:80px;overflow:hidden;position:relative;text-align:center;margin-right:10px;margin-top:4px}
ul#agenda li.event.enhancedEvent div.eventThumb img {float:left; max-width:125px;max-height:125px;position:absolute;top:-10%;left:-10%}
ul#agenda li.event.enhancedEvent div.eventThumb:hover {overflow:visible;z-index:1000;border:none;}
ul#agenda li.event.enhancedEvent div.eventThumb:hover img {max-height:150px; max-width:150px}
ul#agenda li.event.enhancedEvent ul.eventDetails {float:left; width:180px}
ul#agenda li.event.enhancedEvent ul.eventDetails li.title {font-size:11pt}

/* Divisions
 -------------------------------------------------*/

/* main event page container */
div#page {width:100%; margin-left:auto;margin-right:auto;text-align:left;  font-size:10pt;  color:#333;}
div#page div#pageBody {width:955px;padding-top: 55px;margin:auto;line-height:15pt;}
div#page div#pageHeader {}

/* sfstation's header */
div#page div#header {margin:auto;width:960px;}
div#page div#navigation2 {margin:auto;width:960px;}

/* Boulevards Header */
div#page table#header {margin-left:auto;margin-right:auto}
div#page table#bar {margin-left:auto;margin-right:auto;}

/* Boulevards LA Header */
div#page table#header_la {margin:auto;width:960px;}
div#page table#bar_la {margin:auto;width:960px;}

/* Mediawiki and EE header subnav */
div#page div#subSection {margin:auto !important }


div#page div#pageFooter {width:960px;margin:auto;}
/* event content header */
div#page div#listingHeader {border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:20px;}
div#page div#listingHeader div#listingDetails {float:left; width:428px; }

/* reset width of event details */
div#page div#listingListing.free div#listingHeader div#listingDetails {min-width:630px;}

/* main image */
div#page div#mainImage {float:left; width:150px;text-align:left;margin-right:30px;margin-top:4px;padding-top:5px;}
div#page div#mainImage.enlarged {}
div#page div#mainImage.enlarged img {max-width:220px;position:absolute;border:2px solid #000;}
div#page div#mainImage img {max-width:150px;max-height:200px; margin-top:-5px;float:left}
div#page div#mainImage img:hover {cursor:pointer;}
div#page div#mainImage div#enlargeLabelBackground {}
div#page div#mainImage div#mainImageOrigLink {display:none;background-color:#000;  text-align:right; padding:2px 3px 0 3px;height:14px;position:absolute}
div#page div#mainImage div#mainImageOrigLink a {color:#ddd;font-size:7.5pt;line-height:7pt;}
div#page div#mainImage div#mainImageOrigLink a:hover {color:#fff}
div#page div#mainImage a { color:#fff;border:none; text-align:center; line-height:14pt; font-size:10pt}
div#page div#mainImage a.enlargeLink {display:block;width:14px; height:14px; background-image:url('/images/common/events-page/enlarge.png');}
div#page div#mainImage a.enlargeLink:hover {cursor:pointer;}
div#page div#mainImage a.closeEnlarge {display:none;width:20px; height:20px}
div#page div#mainImage a.closeEnlarge:hover {cursor:pointer;}
div#page div#mainImage div#mainImageContent { font-size:9pt;position:absolute;color:#fff;z-index:2; display:none; background-color:#000;height:14px;}

/* event body */
div#page div#listingContent {float:left;width:630px;margin-right:20px;padding-left:0}
div#page div#listingListing.losangeles div#listingContent {width:620px;margin-right:20px;padding-left:10px}

/* remove padding for certain sites */
div#page div#listingListing.sanfrancisco div#listingContent,
div#page div#listingListing.sfstation div#listingContent,
div#page div#listingListing.sanjose div#listingContent,
div#page div#listingListing.santacruz div#listingContent {width:630px;margin-right:20px; padding-left:0}

div#page div#listingContent div#listingBody {}
div#page div#listingContent div#listingBody div#schedule {border-top:1px dashed #ddd; margin-top:20px;padding-top:20px}
div#page div#listingContent div#listingBody div#listingDescription {font-size:16px; line-height:1.5;}
div#page div#listingContent div#listingBody div#listingMoreInfo {border-top:1px dashed #ddd; margin-top:20px;padding-top:20px}

/* calls to action (buttons) */
div#page div#listingContent div#listingCallsToAction{}

div#page div#listingSide {float:left;width:300px}


div#page div#listingSide div.sideSection.ad div.hd {height:auto;background-image:none;}
div#page div#listingSide div.sideSection.ad div.hd div.c {display:none;}
div#page div#listingSide div.sideSection.ad div.bdy {background-image:none;}
div#page div#listingSide div.sideSection.ad div.ft {height:auto;background-image:none;}

/* advertisement event side section */
div#page div#listingSide div.sideSection.ad div.bdy div.c {padding:0 0 0 1px;}
div#page div#listingSide div.sideSection.ad div.ft {background-image:none;}

/* rsvp event side section */
div#page div#listingSide div.sideSection.rsvp div.bdy div.c {padding:5px 0 5px 1px}

/* location event side section */
div#page div#listingSide div.sideSection.location div#venueMapCanvas {width:280px;height:200px;margin-bottom:15px}

/* gallery side section */
div#page div#listingSide div.sideSection.gallery div.bdy div.c {padding: 15px; text-align:center; }

/* vendor select form */
div#page div#vendorSelectTrigger {display:block; width:145px; background-color:#eee;font-size:8.5pt; height:23px;margin: -13px 0 0 2px;padding:7px 0 0 10px}
div#page form#vendorSelect div#vendorSelectActions {background-color:#eee;text-align:right;margin-top:5px;}
div#page form#vendorSelect div#vendorSelectFooter {height:12px;background-image:url('/images/common/events-page/bg-events_page_dropdown-bot.png');background-repeat:none;display:none}

/* social modules */
div#listingSocialModules {margin-top:10px;margin-bottom:20px}
div#listingSocialModules div.module {width:300px; }
div#listingSocialModules div.module.wide {width:630px}
div#listingSocialModules div.module div.moduleContent {margin-top:10px;border:1px solid #ddd; padding:10px 0;}

/* hide facebook module border */
div#listingSocialModules div#facebookModule { float:left; margin-right:20px;
    z-index:10;
    overflow: hidden;
    position:relative;
    top:-1px;
    left:-2px;
    }
/* hide facebook module border */
div#listingSocialModules div#facebookModule iframe {    
     overflow:hidden;
     position:relative;
     top:-1px;
     }
div#listingSocialModules div#facebookModule h3 {margin-bottom:20px}
div#listingSocialModules div#twitterModule {float:left;}
div#listingSocialModules div#twitterModule.wide ul{height:190px;}
div#listingSocialModules div#twitterModule div.moduleContent {padding:10px;}
div#listingSocialModules div#twitterModule h3 {margin-bottom:20px}
div#listingSocialModules div#twitterModule ul {height:260px;}
div#listingSocialModules div#twitterModule ul li {margin-bottom:7px; padding-bottom:8px; border-bottom:1px dashed #ddd}
div#listingSocialModules div#twitterModule ul li.last {border-bottom:none;padding:0;margin:0}
div#listingSocialModules div#twitterModule ul li.title img {float:left;margin-right:10px;}
div#listingSocialModules div#twitterModule ul li.title h4 {margin-bottom:3px; margin-top:0;font-size:12pt;}
div#listingSocialModules div#twitterModule ul li.title span {font-size:9pt;}
div#listingSocialModules div#twitterModule ul li.title {border-bottom-style:solid; padding-bottom:10px;}


/* Disqus comments */
div#page div#listingContent div#disqus_thread {}

/* Forms
 -------------------------------------------------*/
div#page form#vendorSelect {width:465px}
div#page form#vendorSelect fieldset {display:none;background-image:url('/images/common/events-page/bg-events_page_dropdown-mid.png'); background-repeat:repeat-y;border:none;width:455px; padding:5px 5px 0px 5px;margin:0}

div#page form#vendorSelect fieldset input.styledRadio {display:none;}
div#page form#vendorSelect fieldset label {background-color:#eee;display:block;padding:2px 0 3px 0;margin:auto; -moz-border-radius:5px;
border-radius:5px;border:1px solid #ddd; padding:5px 10px}
div#page form#vendorSelect fieldset label:hover {cursor:pointer}
div#page form#vendorSelect fieldset label.checked {background-color: #fff;border:1px solid #fff}
div#page form#vendorSelect fieldset input#btnTicketsGo {margin-right:10px;margin-left:10px;display:block;float:right}