@charset "utf-8";
/*   CSS Document */
/*   Author: MTT, BAM IT
**   Contact: mtaylor@bam.org
**  Version: 1.0
**
**  1.0 WEB FONTS
**  1.1 GENERAL CONTENT PRESETS
**  1.2 GLOBAL BODY
**  1.3 TEXT ELEMENTS
**  1.4 MAIN GRID LAYOUT + EXPANDABLE BG IMAGE FOR FRONTSTAGE
**  1.5 SIDE NAVIGATION
**  1.6 TOP NAVIGATION MENU, SEARCH COMPONENT, SUB NAVIGATION
**  1.7 DYNAMIC TEXT BUTTONS
**  1.8 GRID SYSTEM
**  1.8.1 INTERNAL WRAPPERS
**  1.8.2 BASIC MODULE LAYOUT
**  1.8.3 MODULE OVER STATES
**  1.8.4 MODULE CONTENT
**  1.8.4.1 WEEKLY EVENTS MODULE
**  1.8.5 MODAL OVERLAY
**  1.9 FOOTER (code for fixing a footer, not currently used)
**  1.10 SIDE SCROLLING NAVIGATION
**  1.11 GENERIC SELECTORS
**  1.12 IPAD OVERRIDES
**  1.13 OLDER BROWSER OVERRIDES
**  1.14 CALENDAR
**  1.15 PRINTING OVERRIDES
**  1.16 ISOTOPE FILTERING
**  2.0 ADA UPDATES
*/
/* ********************** 1.0 WEB FONTS *********************************** */
/* now externally loaded */
.basicFont {
    xxxfont-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Helvetica","Arial", sans-serif;
}

.bamFont {
    xxxfont-family: "NewsGothic",sans-serif;
}

/* ********************** 1.1 GENERAL CONTENT PRESETS ******************** */
html, body, ul, ol, li, form, fieldset, legend {
    margin: 0;
    padding: 0;
}

b, strong {
    font-family: "NewsGothic-n7","NewsGothic",sans-serif;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    position: relative;
}

fieldset, img {
    border: 0;
}

legend {
    color: #000;
}

li {
    list-style: none;
}

sup {
    xxxvertical-align: text-top;
    line-height: 10px;
}

sub {
    vertical-align: text-bottom;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    vertical-align: top;
    font-weight: 100;
}

input, textarea, select, option {
    border: 2px solid rgb(153,153,153);
    background-color: rgb(153,153,153);
    font-size: 12px;
    outline: 0;
    padding: 3px;
    font-family: "NewsGothic-n1","NewsGothic",sans-serif;
    font-weight: 100;
}

abbr, acronym {
    border-bottom: .1em dotted;
    cursor: help;
}

a {
    text-decoration: none;
}

img {
    border: 0px;
}

/* ********************** 1.2 GLOBAL BODY *********************************** */
html, body {
    xxxbackground-color: #FFF;
    background-color: #383838;
    height: 100%;
    margin: 0;
    font-family: "NewsGothic-n1","NewsGothic",sans-serif;
    font-weight: 100;
    color: rgb(28,28,28);
    -webkit-font-smoothing: antialiased;
    xxx-moz-font-smoothing: antialiased;
    xxxfont-smoothing: antialiased;
    xxxtext-shadow: 0 0 1px rgba(0,0,0,0.3);
}

/* umbraco content using body bg so i'm overriding it here */
.mceContentBody {
    background-color: #fff;
}

body .safari-mac {
    opacity: 0.99; /* for mac issue of fonts too bold (light font on dark bg)*/
}

/* ********************* 1.2.2 - multiple more buttons in single block of text */
xxx.bodyCopyMore {
    visibility: hidden;
}

xxx.moreBlock {
    border: 1px solid transparent;
}
/* seems to fix odd shifting of first div */

/* ********************** 1.3 TEXT ELEMENTS *********************************** */
h1 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #FFF;
    font-family: "NewsGothic-n1","NewsGothic",sans-serif;
    font-weight: 100;
    width: 623px
}

h2 {
    font-size: 50px;
    color: #FFF;
    font-family: "NewsGothic-n1","NewsGothic",sans-serif;
    font-weight: 100;
    padding: 0;
    line-height: 53px;
    width: 623px;
    letter-spacing: -2px;
}

.isMac h2 {
    padding-top: 5px;
}

.isMac .multiContainerWrapper h1 {
    margin-top: 1px
}
/* mt 8/28/12 fix event label getting cut off mac */

h2.small-h {
    font-size: 30px;
    letter-spacing: -1px;
    line-height: normal;
}

h3 {
    color: #FFF;
    font-family: "NewsGothic-n5","NewsGothic",sans-serif;
    font-weight: 500;
    font-size: 18px;
}

h4 {
    color: rgb(28,28,28);
    font-family: "NewsGothic-n1","NewsGothic",sans-serif;
    font-weight: 100;
    font-size: 34px;
}

h5 {
    font-size: 18px;
}

.moduleHeader {
    clear: both;
    font-family: "NewsGothic-n5","NewsGothic",sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 0px;
    margin-right: 10px;
    line-height: 19px;
}

#htmlBlock .moduleHeader {
    margin-top: 30px;
    margin-bottom: 9px !important;
}

#htmlBlock p.moduleHeader {
    margin-bottom: 0px !important;
}

#htmlBlock span.moduleHeader {
    display: inline-block;
}

.moduleHeader.contentHeader {
    padding-top: 30px;
}

.moduleHeader.pressHeader {
    padding-top: 25px;
}

.pressMainHeader {
    margin-top: 25px;
    border-top: 1px solid #fff;
    padding-top: 25px;
    margin-bottom: 20px;
}

.bodyCopy, .bodyCopyMore {
    color: #FFF;
    font-size: 14px;
    line-height: 17px;
}

.four-col.bodyCopy {
    margin-bottom: 30px;
}

.more-block p {
    margin: 0;
}


#artistList {
    color: #CCC;
    margin-bottom: 60px;
}

    #artistList ul {
        width: 155px;
        float: left;
    }

    #artistList li {
        list-style-type: none;
        margin: 0px;
    }

.bodyCopy a, .moduleBodyCopy a, .form a, .bodyCopyMore a {
    color: rgb(216,212,0);
}



#htmlBlock .column * {
    padding: 10px;
}

#secondaryBilling .column * {
    padding-right: 15px;
}

.quoteText {
    color: #FFF;
    font-family: "NewsGothic-n5","NewsGothic",sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 22px;
    width: 500px;
    margin-top: 31px;
}

.quoteAttribute {
    color: #FFF;
    margin-top: 10px;
}

.soldByText, .directedByText, .starringText, .releaseDateText, .moderatedByText, .longDescriptionText, .bodyCopyMore {
    margin-top: 30px;
}

    .bodyCopyMore.longDescriptionText {
        line-height: 20px;
    }

.bottomBodyCopy {
    color: rgb(28,28,28);
    font-size: 13px;
}

.continued {
    color: #FFF;
}

a.adjust {
    color: rgb(216,212,0);
    font-size: 12px;
    margin-bottom: 10px;
}

    a.adjust img {
        width: 10px;
        height: 10px;
        margin-left: 5px;
    }

.moduleBodyCopy p {
    xxxxxmargin: 10px;
    margin-top: 0px;
}

.photoCredits {
    font-size: 12px;
    padding-top: 10px;
    clear: both;
    margin-right: 28px;
}

.light {
    color: #fff !important;
}

.dark {
    color: #a2a2a2;
}

.textA1 {
    color: #a1a1a1 !important;
}

.segment {
    float: left;
    width: 50%;
}

    .segment .title {
        font-size: 22px;
        font-weight: 100;
        color: #FFF;
    }

    .segment .description {
        font-size: 14px;
        line-height: 17px;
        color: #FFF;
        margin-right: 50px
    }
.segment .description a {
	color : #D8D400;
}

        .segment .description p {
            margin-top: 0px;
        }

        .segment .description.dark {
            color: #a2a2a2;
        }

    .segment .categoryDivider {
        border-color: #a2a2a2;
        margin: 0px 50px 20px 0px;
    }

.segmentLabel {
    margin-bottom: 12px;
    font-family: "NewsGothic-n5","NewsGothic",sans-serif;
    font-weight: 500; /* DEMI */
    font-size: 11px;
    text-transform: uppercase;
    color: #FFF;
}

/*new styles for stafflist */
.staffList h1 {
    margin-bottom: 0px;
    font-size: 10px;
    color: #aaa;
    font-weight: bold;
}

.staffList h2 {
    margin: 5px 0px 25px;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: normal;
}

.staffList td {
    font-size: 16px;
    line-height: 24px;
}

.staffList hr {
    margin-top: 80px;
    width: 613px;
}

    .staffList hr.first {
        margin-top: 40px;
    }

.staffList a {
    text-decoration: underline;
    color: #fff;
    font-size: 14px;
}

/* ********************** 1.4 MAIN GRID LAYOUT WITH EXPANDABLE BG IMAGE ON FRONTSTAGE ******************** */
.transparent {
    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    zoom: 1;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0.5;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;
    /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
    opacity: 0.5;
}

.pageWrapper {
    margin: 0 auto -258px;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background-color: #383838;
    /**************************************************************/
    /** fixed footer code removed for now **/
    /*margin-bottom:-50px;*/ /* the bottom margin is the negative value of the footer's height */
    /*overflow:scroll;*/
    /**************************************************************/
}

.fullScreenImage {
    width: 100%;
    min-height: 100%;
    /*updated to limit height */
    min-height: 730px;
    height: 730px;
    overflow: hidden;
    /*height: auto !important;*/
    /*height: 100%;*/
    margin-bottom: 0px;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    /* force object out to handle scrolling on small screens */
    min-width: 1100px;
}

img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1100px;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: absolute;
    top: 0;
    left: 0;
}
/* force object out to handle scrolling on small screens this was updated from 1024px*/
@media screen and (max-width: 1100px) { /* Specific to this particular image */
    img.bg {
        left: 50%;
        margin-left: -550px; /* 50% */
    }
}

.backStageBGHeight {
    min-height: 577px;
    height: 577px;
}

.middleWrapper {
    margin: 0 auto;
    position: relative;
    width: 1100px;
}

.bottomSpacer {
    xxxheight: 40px;
    clear: both;
}

.categoryDivider {
    margin-top: 20px;
    border-bottom: 1px solid #ffffff;
}

.additionalNotes {
    margin-bottom: 20px;
}

    .additionalNotes div:first-child {
        border-top: 1px solid #a1a1a1;
        padding-top: 20px;
    }

.categoryExpansionWrapper {
    position: absolute;
    background-color: #fff;
    margin-left: -5000px;
    width: 10000px;
    overflow: hidden;
}

.categoryExpansionCenter {
    position: relative;
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
}

.fixedNavControlWrapper {
    position: relative;
    margin: 0 auto;
}

/* ********************** 1.5 LEFT SIDE BAR / SIDE NAVIGATION MENU ******************** */
.sideNav {
    width: 140px;
    position: fixed;
    background-color: transparent;
    padding-top: 0px;
    text-align: left;
    z-index: 300;
    xxxborder-left: 1px solid #333;
    xxxborder-right: 1px solid #333;
    xxxborder-bottom: 1px solid #333;
    top: 0px;
}

    .sideNav .sideNavBottom {
        margin: 0px 1px 0px 1px;
        width: 138px;
        background-color: #fff;
        padding-top: 19px;
        padding-bottom: 10px;
    }

    .sideNav .sideNavTop {
        border-left: 1px solid #383838;
        border-right: 1px solid #383838;
        width: 138px;
        background-color: #fff;
    }

    .sideNav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .sideNav li {
        padding: 0;
    }

    .sideNav ul a {
        display: block;
        width: 121px;
        text-decoration: none;
        padding: 6px 6px 6px 11px;
        color: #000;
        font-size: 15px;
        color: #666;
    }

    .sideNav a.calMenu, .sideNav .featuredMenu a {
        color: #000;
    }

    .sideNav li a:hover {
        background-color: #d6d406;
        color: #1C1C1C;
    }

    .sideNav li.active {
        background-color: #d6d406;
    }

    .sideNav #yearsBanner {
        display: none;
        position: absolute;
        top: 17px;
        left: -17px;
    }

#calendarLink {
    border-top: 1px solid #333;
}

.calendarMenuText {
}

/* ********************** 1.6 TOP NAVIGATION MENU, SEARCH COMPONENT, SUB NAVIGATION ******************** */
#skipNavLink a {
    color: #383838;
}

.headerBar {
    width: 100%;
    xxxheight: 60px; /*email link mtt 8/16/12*/
    height: 63px;
    background-color: #383838;
    /*** mtt 11/13/2012 updated as rotating slide show was over ***/
    xxxz-index: 2;
    z-index: 10;
    position: fixed;
    top: 0px;
}

.topNavWrapper {
    position: fixed;
    z-index: 100;
    margin-left: 160px;
    height: 30px;
    width: 942px;
    top: 0px;
}

.topNav {
    xxxheight: 30px; /*email link mtt 8/16/12*/
    height: 33px;
    background-color: #1c1c1c;
    color: #fff;
    width: 686px;
    float: left;
    padding-top: 14px;
    padding-bottom: 6px;
}

.topNavLogIn {
    top: 0px;
}

    .topNavLogIn .topNav {
        height: 20px;
    }

.logoutLink {
    margin-left: 0px;
}

.loginLink {
    xxxbackground-image: url(/images/icons_sprite.png);
    xxxbackground-position: -199px -104px;
    xxxbackground-repeat: no-repeat;
}

    .loginLink a {
        width: 100%;
    }

    .loginLink.loggedIn {
        xxxbackground-position: -268px -104px;
        xxxborder-right: 1px solid #666;
        xxxpadding-right: 15px;
    }
/* fb login never implemented 
.loginLink.loggedIn.fb {
  background-position:-268px -124px;	
}				
*/
.cartLink {
    xxxbackground-image: url(/images/icons_sprite.png);
    xxxbackground-position: -201px -142px;
    xxxbackground-repeat: no-repeat;
    xxxwidth: 21px;
}

    .cartLink.cartFilled a {
        xxxbackground-position: -201px -158px;
        color: #d6d406 !important;
    }

.emailLink {
    background-image: url(/images/icons_sprite.png);
    background-position: -268px -142px;
    background-repeat: no-repeat;
}

.downArrow, .upArrow {
    display: inline-block;
    background-image: url(/images/icons_sprite.png);
    background-position: -451px -105px;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    vertical-align: baseline;
    margin-left: 5px;
}

.upArrow {
    background-position: -451px -118px;
}

.topNavSearch {
    width: 251px;
    height: 35px;
    xxxmargin-top: -4px; /*email link mtt 8/16/12*/
    margin-top: -1px;
    padding-right: 1px;
    background-image: url(/images/icons_sprite.png);
    background-position: -196px 0px;
    background-repeat: no-repeat;
    position: relative;
    float: right;
    margin-top: 20px;
}

.searchbox {
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 4px;
    left: 3px;
    width: 215px;
    height: 30px;
    font-size: 24px;
    color: #FFF;
    margin-top: -6px;
}

.searchboxSubmit {
    border: 0px;
    background-color: transparent;
    position: absolute;
    top: 4px;
    left: 230px;
    width: 30px;
    height: 30px;
}

.topNavSearch form {
    display: inline;
}

.topNavMenu {
    height: 20px;
    margin-top: 8px;
    display: inline;
}

    .topNavMenu.topNavLogIn {
        float: right;
        margin-right: 15px;
    }

        .topNavMenu.topNavLogIn li {
            float: left;
            font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
            font-size: 14px;
            margin-top: 3px;
            line-height: 13px; /* 8/28/12 mtt header updates to fix ie issue */
        }

        .topNavMenu.topNavLogIn a {
            color: rgb(137,137,137);
            text-transform: none;
            xxxpadding-left: 5px;
            font-size: 14px; /*email link mtt 8/16/12 - reverted 8/24/12*/
        }

        .topNavMenu.topNavLogIn li.emailLink a {
            padding-left: 18px;
        }

    .topNavMenu li.donateLink a {
        padding-left: 0px;
    }

    .topNavMenu li.logoutLink a {
        padding-left: 0px;
    }


    .topNavMenu a {
        text-decoration: none;
        color: #fff;
        font-family: "NewsGothic-n5","NewsGothic",sans-serif;
        font-weight: 500;
        xxxtext-transform: capitalize;
        font-size: 14px;
    }

    .topNavMenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .topNavMenu li {
        float: left;
        margin-left: 20px;
        xxxmargin-top: 3px; /*email link mtt 8/16/12*/
        margin-top: 6px;
        line-height: 20px; /* 8/28/12 mtt header updates to fix ie issue */
    }

        .topNavMenu li.cartLink {
            margin-right: 15px;
        }

        .topNavMenu li.cartLink {
            margin-right: 15px;
        }

        .topNavMenu li.logoutLink {
            margin-left: 15px;
            display: none;
        }

        .topNavMenu li.loginLink {
        }

        .topNavMenu li.accountLink {
            display: none;
        }

        .topNavMenu li a.shop {
            xxxcolor: rgb(161,207,203);
        }

        .topNavMenu li a.active {
            color: #d6d406;
        }

        .topNavMenu li a:hover {
            color: #d6d406;
        }

        .topNavMenu li a.shopXXX {
            padding-right: 15px;
            background-image: url(/images/GiftofBAM_Icon.png);
            background-repeat: no-repeat;
            background-position: right bottom;
            padding-top: 5px;
        }

        .topNavMenu li a.shop.active, .topNavMenu li a.shop:hover {
            xxxbackground-image: url(/images/GiftofBAM_Icon_rollover.png);
        }



.subNavMenu {
    height: 0px;
    xxxmargin-left: -21px;
    xxxmargin-top: 24px;
    font-size: 16px;
    xxxwidth: 100%;
}

    .subNavMenu li {
        float: left;
        margin-top: 3px;
        border-left: 1px solid #fff;
        line-height: 18px;
    }

        .subNavMenu li:first-child {
            border-left: none;
        }

    .subNavMenu a {
        text-decoration: none;
        color: #d6d406;
        padding: 0 7px;
    }

/* ********************** 1.6 TEXT BUTTONS ******************** */
xxxx.basicButton.text {
    background-color: transparent;
    height: 25px;
    margin-left: 0px;
}

.textButtonOffset {
    position: absolute;
    color: #000;
    font-size: 20px;
    /*left:-3px;*/
    /*bottom:-6px;*/
    left: -3px;
    top: 10px;
}

a.imgbutton, input.imgbutton {
    background-color: #D6D406;
    border: 0 none;
    color: Black;
    cursor: pointer;
    display: inline-block;
    font-family: "NewsGothic-n5","NewsGothic",sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    min-width: 34px;
    xxxoverflow: hidden;
    padding: 8px 25px 0px 5px;
    height: 17px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: baseline;
    background-image: url(/images/button_arrow_dark.png);
    background-position: right 10px;
    background-repeat: no-repeat;
    position: relative;
}

#xsltsearch input.imgbutton {
    padding: 6px 0 20px 3px;
    width: 60px;
    height: 26px;
    margin-bottom: -8px;
}

fieldset a {
    float: left;
    margin-right: 10px;
}


fieldset.groupToBottomButton {
    position: absolute;
    bottom: 13px;
}

.block_2x2 fieldset.groupToBottomButton {
    bottom: 21px;
}

.block_2x2.institutional fieldset,
.block_2x1.headline fieldset {
    margin-top: 10px;
}

.institutional fieldset a, .headline fieldset a {
    left: -4px;
}

a.imgbutton.largeButton {
    height: 21px;
    padding: 14px 25px 0px 6px;
    font-size: 13px;
    background-image: url(/images/button_arrow_dark_lg.png);
    background-position: right 17px;
}

a.imgbutton.transparentBG {
    background-color: transparent;
    background-image: url(/images/button_arrow_light.png);
    padding-right: 11px;
    color: #D6D406;
    min-width: 22px;
}

    a.imgbutton.transparentBG.dark {
        color: rgb(28,28,28);
        background-image: url(/images/button_arrow_dark.png);
        padding-right: 15px;
    }

/* ********************** 1.8 GRID SYSTEM  ******************** */
.mainBlock {
    width: 828px;
    position: absolute;
    left: 142px;
    /* background-color:#999;*/
    /*overflow:hidden;*/
}

/*
 not using 7/25 -mt?
.blockTabImageStaticNF, .blockTabImageNF {
  position:absolute;
  background-image:url(/images/blank.gif);
}
*/
.blockTabImage, .blockTabImageOver, .blockCaptionImage, .blockAudioImage, .blockVideoImage, .blockSlideShowImage, .blockSlideShowImageSingle {
    position: absolute;
    background-position: 0px 0px;
    right: 0px;
    bottom: 0px;
    height: 28px;
    width: 27px;
    background-image: url(/images/icons_sprite.png);
}

.blockTabImageOver {
    background-position: 0px -29px;
}

.blockCaptionImage {
    background-position: 0px -134px;
    width: 38px;
}

.blockAudioImage {
    background-position: 0px -272px;
}

.blockVideoImage {
    background-position: -90px 0px;
}

.blockSlideShowImage {
    background-position: -90px -28px;
}

.blockSlideShowImageSingle {
    background-position: -40px -270px;
}
/*
not using 7/25 -mt?
.blockTabImageNF {
  height:28px;
  width:28px;
  bottom:0px;
  right:0px;
  cursor:pointer;
  position:absolute;
  background-image:url(/images/icons_sprite.png);
  background-position:0px -28px;
}
*/
.blockContent {
    text-align: left;
    color: white;
    padding: 10px;
}

.clearBlocks {
    clear: both;
    height: 0px;
}


/* ********************** 1.8.1 INTERNAL WRAPPERS  ******************** */

#specialAnnouncementWrapper {
    color: #000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 20px;
    background-color: #D6D406;
    z-index: 1000;
    min-width: 1100px;
}

#specialAnnouncement {
    margin: 0 auto;
    width: 1100px;
    clear: both;
    margin-bottom: 10px;
}

#specialAnnouncementIcon {
    float: left;
    margin-right: 20px;
}

    #specialAnnouncementIcon img {
        height: 60px;
        width: 60px;
    }

#specialAnnouncementDetails {
    font-size: 22px;
    padding-top: 5px;
}

.contentBlockWrapper {
    text-align: left;
    top: 0;
    left: 0;
}

.contentBlockWrapperInternal {
    padding-top: 39px;
    margin-left: 0px;
}

.contentBlock {
    width: 100%;
    float: left;
}

#multiContainer_Featured .contentBlock {
    visibility: hidden;
    opacity: 0;
}

.backstage .contentBlock {
    margin-bottom: 56px;
}

body.nojs .contentBlock {
    float: none;
}

.contentBlockUnlimited {
    width: 954px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

.blockUnlimited {
    height: auto !important;
}

.copyBox {
    background-color: rgb(84,84,84);
    padding: 20px;
    margin-top: 13px;
}

xxxx.menuSideBar {
    width: 100px;
    border: 1px solid red;
    float: left;
    height: 100%;
}

.menuMain {
    margin-left: 100px;
    color: #000;
}

/** new program page styling - mtt 05/14 **/
.programFull .twitterModuleTitle {
    font-size: 24px;
    color: #fff;
}

.programFull .twitterFeed {
    background-color: #181818;
    color: #fff;
}

    .programFull .twitterFeed a {
        color: #D6D406;
        text-decoration: underline;
    }

.programFull .slideShowWrapper {
    width: 941px;
    height: 400px;
}

.programFull .slideShowOverlay {
    position: absolute;
    left: 0px;
    top: 13px;
    z-index: 4;
}

.programFull .slide {
    width: 941px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 389px;
    z-index: 1;
}

.programFull .multiContainerWrapperCenter {
    width: 1100px;
}

.programFull .multiContainerWrapper {
    width: 941px;
}

.programContentModuleWrapper {
    background-color: #383838;
    min-width: 1100px;
    padding-bottom: 20px;
}

.backstage.programFull {
    width: 100%;
    margin: 50px 0px 0px 0px;
}

.programFull .bodyCopyMore {
    font-size: 18px;
    line-height: 24px;
}

.programContentModuleWrapper .multiContainerWrapper {
    width: 961px;
    padding-left: 180px;
    margin: 0 auto;
}

.programFull .buttonWrapper {
}

.programFull .imgbuttonBig.imgbutton {
    background-color: transparent;
    color: #FFF;
    border: 2px solid #D6D406;
    background-image: none;
    font-size: 24px;
    height: 40px;
    min-width: 75px;
    font-weight: 100;
    text-align: center;
    display: table-cell;
    xxxvertical-align: middle;
    padding: 10px 20px 0px 20px;
}

    .programFull .imgbuttonBig.imgbutton:hover {
        background-color: #D6D406;
    }

.popupBlockProgram {
    background-color: #fff;
    min-height: 220px;
    min-width: 600px;
    width: 600px;
}

    .popupBlockProgram .btn_close {
        visibility: visible;
        height: 25px;
        width: 25px;
        top: 10px;
        ;
        right: 10px;
    }


#programPop {
    display: none;
    text-align: left;
}

    #programPop .messageBox {
        margin: 50px;
        font-size: 30px;
    }

    #programPop .controlBox {
        margin: 50px;
        font-size: 18px;
        font-weight: 500;
    }

    #programPop #memberButton {
        float: right;
        margin: 0px 20px 20px;
    }

    #programPop .imgbutton {
        display: table-cell;
        vertical-align: middle;
        xxxcolor: #FFF;
        height: 40px;
        width: 100px;
        text-align: center;
        font-size: 14px;
        xxxbackground-color: red;
        background-image: none;
        padding: 0px;
    }

/* ********************** 1.8.2 MODULE TYPES  ******************** */

.one-col {
    width: 146px;
}

.two-col {
    width: 305px;
}

.three-col {
    width: 464px;
}

.four-col {
    width: 623px;
}

.five-col {
    width: 782px;
}

.six-col {
    width: 941px;
}

.block {
    float: left;
    margin-right: 13px;
    margin-top: 13px;
}

.block_1x1 {
    width: 146px;
    height: 146px;
    xxxbackground-color: rgb(153,153,153);
    xxxmargin-right: 13px;
    xxxmargin-top: 13px;
    /**** you need these if there is no js to do the positioning ****/
    float: left;
    position: relative;
}

.block_1x2 {
    width: 146px;
    height: 305px;
    background-color: #FFF;
    xxxmargin: 4px;
    overflow: hidden;
    /**** you need these if there is no js to do the positioning ****/
    float: left;
    position: relative;
}

.block_2x1 {
    width: 305px;
    height: 146px;
    background-color: #FFF;
    xxxmargin-right: 13px;
    xxxmargin-top: 13px;
    overflow: hidden;
    /**** you need these if there is no js to do the positioning ****/
    float: left;
    position: relative;
}

    .block_2x1 .innerImage, .block_2x1 .innerImageFloat {
        height: 146px;
        width: 153px;
        overflow: hidden;
    }

.block_2x4 .innerImage {
    height: 489px;
    width: 305px;
}

.innerImageFloat {
    float: left;
}

.block_2x1 .innerTextContent {
    float: left;
}

.block_2x2 {
    width: 305px;
    height: 305px;
    background-color: #FFF;
    overflow: hidden;
    /**** you need these if there is no js to do the positioning ****/
    float: left;
    position: relative;
}

.block_2x3 {
    width: 305px;
    height: 464px;
    background-color: #FFF;
    overflow: hidden;
    /**** you need these if there is no js to do the positioning ****/
    float: left;
    position: relative;
}

.moduleBanner {
    width: 305px;
    height: 146px;
    text-align: center
}

.socialButtonBlock {
    margin-top: 35px;
}

.socialLogo {
    display: inline-block;
    font-size: 36px;
    position: relative;
    width: 75px;
}

    .socialLogo a {
        color: white;
    }

.socialBlock .bgImage {
    position: absolute;
}

.block_2x4 {
    width: 305px;
    height: 623px;
    background-color: #FFF;
    xxxmargin-right: 13px;
    xxxmargin-top: 13px;
    overflow: hidden;
    /**** you need these if there is no js to do the positioning ****/
    float: left;
    position: relative;
}

.block_4x2 {
    width: 623px;
    height: 305px;
    background-color: none;
}

.block_4xN {
    width: 623px;
    background-color: none;
}

    .block_4xN .innerTextContent {
        padding-top: 0px;
    }

    .block_4xN .moduleTitleXL {
        margin-bottom: 10px;
    }

.block_4x3 {
    width: 623px;
    height: 464px;
    background-color: none;
}

.block_6x4 {
    width: 941px;
    xxxheight: 623px;
    height: 671px;
    background-color: none;
    xxxmargin-top: 13px;
    xxxmargin-right: 13px;
}

.block_full {
    width: 100%;
}

.block_2x2.institutional {
    background-image: url('/images/institutional_2x2_bg.png');
    background-repeat: no-repeat;
}

.block_2x1.institutional {
    background-image: url('/images/institutional_2x1_bg.png');
    background-repeat: no-repeat;
}

.block_1x1.institutional {
    background-image: url('/images/institutional_1x1_bg.png');
    background-repeat: no-repeat;
}

.institutional {
    background-color: rgb(56,56,56);
}

.headline {
    background-color: rgb(84,84,84);
}

.block_hero {
    width: 941px;
    height: 463px;
    background-color: #FFF;
    margin-top: 29px;
    margin-bottom: 45px;
}

    .block_hero.image_only {
        width: 613px
    }

.block_2col_Left {
    xxxwidth: 592px;
    width: 565px;
    float: left;
    xxxmargin: 48px 30px 0 0;
    margin: 0px 70px 0 0;
}

.block_2col_Right {
    float: left;
    width: 319px;
    xxxmargin: 48px 0 0 0;
    margin: 0;
}

/* mtt 4/22/2019 - update for adding text additions to image modules for cinema sponsor needs */
.block_2col_Right .moduleHeader {
	text-transform:none;	
}


.pressBlock {
    background-color: #545454;
    padding: 10px 20px 40px 20px;
    margin: 13px 13px 0px 5px;
}

.hero_left {
    float: left;
    width: 613px;
}

.hero_right {
    float: left;
    padding: 63px 23px 23px 23px;
    position: relative;
    height: 377px;
    width: 282px;
    xxxoverflow: hidden; /*facebook fix 8-18-12 MTT */
    xxx-webkit-text-stroke: 1px transparent;
    xxx-webkit-font-smoothing: antialiased;
    xxxtext-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.blockMedia {
    background-color: #000;
    color: #fff;
}

/* ********************** 1.8.3 MODULE OVERSTATES  ******************** */

.mediaCaption {
    position: absolute;
    bottom: 0px;
    height: 43px;
    background-color: #383838;
    width: 95%;
    padding: 7px 11px 7px 11px;
    text-align: left;
    left: -10000px;
}

.moduleCaption, xxx.moduleCaption.light {
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
    font-size: 10px;
    color: #a1a1a1;
}

xxx.moduleCaption.light {
    color: #FFF;
}

.blockContentOff {
    float: left;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1.0;
}
/* mtt - 5/2/14 chrome sub-pixel issue - allowing overflow */
.blockContentOn {
    text-align: left;
    background-color: #1c1c1c;
    position: absolute;
    left: -10000px;
    top: auto;
    xxxoverflow: hidden;
    height: 100%;
    width: 100%;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1.0;
    xxxvisibility: hidden;
}

    .blockContentOn.hover_effect {
        left: 0px;
    }

.blockContentOff.hover_effect {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0.0;
}

body.nojs .block:hover .blockContentOn {
    left: 0px;
}

body.nojs .block:hover .blockContentOff {
    display: none;
}
/* turn off cursor for backside clicking of top area if linking doesn't work */
body.nojs .blockContentOn .topBlockWrapper {
    cursor: default !important;
}

.block:hover .mediaCaption {
    left: 0px;
}
/*
not using 7/25 -mt?
.block:hover .blockTabImage {
  background-image:url(/images/icons_sprite.png);
  background-position:0px -29px;
}
.block:hover .blockTabImageNF {
  background-image:url(/images/icons_sprite.png);
  background-position:0px -29px;  
}
*/
.block:hover .blockCaptionImage {
    background-position: 0 -162px;
}

.overstateWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* edit: added z-index */
    z-index: 1;
    display: block;
}

.blockContentQ1 {
    float: left;
    xxxwidth: 196px;
    width: 204px; /* mt 8/28/12 sticker adjustments */
    margin-right: 5px;
}

.blockContentQ2 {
    float: left;
    width: 78px;
}

.blockContentQ1-2 {
    float: left;
    xxxwidth: 207px;
    width: 214px; /* mt 8/28/12 sticker adjustments */
}

.blockContentQ2-2 {
    float: left;
    width: 78px;
}

.blockContentQ1-3 {
    float: left;
    xxxwidth: 139px;
    width: 142px; /* mt 8/28/12 sticker adjustments */
    height: 100px;
}

.blockContentQ2-3 {
    float: left;
    width: 146px;
    height: 100px;
}

.blockWrapper {
    padding: 14px;
}

    .blockWrapper.noPadding {
        padding-left: 0px;
    }

    .blockWrapper.hasTab {
        padding-right: 42px;
    }

.block_2x1 .topBlockWrapper {
    background-color: #FFF;
    height: 67px;
    padding: 14px;
    width: 305px;
}

.block_2x2 .topBlockWrapper {
    background-color: #FFF;
    height: 87px;
    padding: 14px;
    width: 305px;
}

.block_2x4 .topBlockWrapper {
    background-color: #FFF;
    height: 183px;
    padding: 14px;
    width: 305px;
}

.topBlockWrapper.hasTab {
    padding-right: 28px;
}

.topBlockWrapper a {
    color: #000;
}
/* ********************** 1.8.4 MODULE CONTENT STYLES  ******************** */
.innerTextContentButton {
    position: relative;
}

.social_buttons {
    position: absolute;
    top: 20px;
    left: 14px;
    width: 314px;
    z-index: 1;
}

.social_buttons_overlay {
    position: absolute;
    top: 30px;
    left: 620px;
    width: 314px;
    z-index: 5;
}

#fb-root {
    height: 0px;
}

.fb-like, .fb-share-button {
    height: 30px;
    float: left;
    width: 108px;
}

.tweet {
    height: 30px;
    float: left;
}

.g-plusone {
    height: 30px;
    float: left;
}

.stickerBlock {
    height: 90px;
    min-height: 90px;
}

    .stickerBlock.min {
        height: 40px;
        min-height: 40px;
    }

.stickerBlockModule {
    float: right;
    margin-top: -7px;
}


.block_hero .sticker {
    float: left;
}

.ticketInfoBlockWrapper {
    position: absolute;
    bottom: 19px;
    margin-right: 15px;
    line-height: .7em;
}


.ticketInfoBlock, .ticketDateBlock, .artInfoBlock {
    cursor: pointer;
    color: #1c1c1c;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
    font-size: 12px;
    text-decoration: underline;
    clear: both;
    margin-top: 5px;
}

.moduleHeroInfo a {
    color: #1c1c1c;
    text-decoration: underline;
}

.ticketDateBlock {
    background: url(/images/calendar.png) no-repeat left top;
    padding-left: 25px;
    height: 20px;
}

.ticketInfoOverlayClose, .ticketDateOverlayClose, .artInfoOverlayClose {
    position: absolute;
    bottom: 10px;
    cursor: pointer;
    text-decoration: underline;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
    font-size: 12px;
}

.additionalTicketInfoOverlay {
    font-family: "NewsGothic-i7","NewsGothic",sans-serif;
    font-weight: bold;
    font-style: italic;
    margin-top: 40px;
}

#ticketInfoOverlay, #ticketDateOverlay, #artInfoOverlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 463px;
    width: 328px;
    background-color: #FFF;
    visibility: hidden;
    z-index: 1;
}

    #ticketInfoOverlay.show, #ticketDateOverlay.show, #artInfoOverlay.show {
        visibility: visible;
    }

.ticketInfoOverlayContent {
    position: relative;
    margin: 10px;
    background-color: #999;
    color: #FFF;
    padding: 10px;
    height: 423px;
}
/* MINI CALENDAR */

.month {
    display: block;
    width: 75%;
    float: left;
    font-size: 28px;
    margin-bottom: 12px;
}

.minical-nav {
    display: block;
    float: right;
    xxxwidth: 20%;
    font-size: 20px;
    text-align: right;
    margin: 6px 10px 0px 0px;
}

.minical-nav-left {
    float: left;
    width: 20px;
}

.minical-nav-right {
    float: right;
    margin-right: 0px;
    width: 20px;
}

.minical-nav img {
    margin: 0px 4px 0px 4px;
}

.minical-nav > a {
    color: white;
}

.minical {
    height: 380px;
    margin-top: 20px;
    margin-left: 7px;
}

.mini-calendar-day {
    display: block;
    float: left;
    margin: 2px;
    background-color: transparent;
    border: 1px solid #b8b8b8;
    color: #fff;
    width: 19px;
    height: 19px;
    padding: 8px 7px 6px 7px;
    text-align: center;
    font-size: 13px;
}

    .mini-calendar-day.on:hover {
        cursor: pointer;
        background-color: rgb(216,212,0);
    }

    .mini-calendar-day.off {
        color: #b8b8b8;
        background-color: transparent;
        border: 1px solid #b8b8b8;
        padding: 7px;
    }

    .mini-calendar-day.on {
        color: #999;
        background-color: #fff;
        border-color: #fff;
    }

    .mini-calendar-day.selected {
        background-color: rgb(216,212,0);
        border-color: rgb(216,212,0);
        color: black;
    }

    .mini-calendar-day.selectedNoPerformance {
        background-color: #666;
        border-color: #666;
        color: #fff;
    }

.minical-dow-bar {
    clear: both;
    width: 273px;
}

.minical-dow {
    margin-right: 2px;
    color: #CCC;
    width: 37px;
    height: 24px;
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    float: left;
}

.minical-h {
    clear: both;
    display: block;
    xxxtext-transform: uppercase;
    font-size: 12px;
    padding-top: 14px;
    margin-left: 4px;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
    font-weight: 700;
}

.minical .divider {
    clear: both;
    border-top: 1px solid #b8b8b8;
    margin: 1px 0px 4px 3px;
    width: 268px
}

    .minical .divider.tight {
        margin: 0px 0px 0px 3px;
    }

.minical .performance.tight {
    margin: 0px 0px 0px 5px;
}

.minical .performance {
    display: block;
    xxxwidth: 220px;
    font-size: 11px;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
    margin: 0px 0px 3px 5px;
    xxxcolor: #b8b8b8;
    float: left;
    padding: 0px 17px 0px 0px;
}

    .minical .performance .imgbutton {
        color: rgb(216,212,0);
        text-transform: lowercase;
        font-size: 11px;
        xxxfloat: left;
        background: none;
        font-family: "NewsGothic-n7","NewsGothic",sans-serif;
        font-weight: 700;
        xxxpadding: 0px 17px 0px 0px;
        padding: 0px;
        height: 16px;
    }

.minical .performanceBlock {
    clear: both;
    padding-top: 2px;
}
/****these are old styles? **********/
/************************************
.innerTextContentPostedBy {
      color:rgb(28,28,28);
      font-family:Helvetica,Arial,Sans;
      font-size:10px;
}
******************************************/
.block_6x4 .bgImage {
    position: absolute;
    top: 0;
    left: 0;
}

.innerTextContent {
    padding: 14px;
    text-align: left;
}

    .innerTextContent.fullScreen {
        padding: 77px 0px 0px 158px;
        position: relative;
    }

    .innerTextContent.hasTab {
        padding-right: 28px;
    }

.headline .innerTextContent {
    padding-right: 42px;
}

.innerTextContentFloat {
    width: 152px;
    float: left;
}

.institutional .moduleTitleXL, .institutional .moduleTitleLg, .headline .moduleTitleXL, .headline .moduleTitleMed, .institutional .innerTextContentDescHeadline {
    color: rgb(255,255,255);
}

.moduleLabel, .pressReleaseLabel {
    text-align: left;
    margin-bottom: 12px;
    font-family: "NewsGothic-n5","NewsGothic",sans-serif;
    font-weight: 500; /* DEMI */
    font-size: 9px;
    text-transform: uppercase;
    position: relative;
}

.fullScreen .moduleLabel {
    font-size: 12px;
}

.moduleLabel span {
    color: #999;
    line-height: 1.5em;
}

.pressReleaseLabel {
    margin-bottom: 3px;
}

.pressReleaseDownloadImg {
    vertical-align: bottom;
    margin-left: 5px;
}


/*mtt twitter module styling updates 10/14/14 */
.twitterModuleTitle {
    font-size: 24px;
    color: #fff
}

.twitterFeed {
    background-color: rgb(84,84,84);
    color: #fff
}

    .twitterFeed a {
        color: #d6d406;
    }

.listModuleTitle {
    font-size: 24px;
    color: #FFF;
}

.listModuleTitleMed {
    font-size: 18px;
    color: #FFF;
    margin-top: 8px;
}

    .listModuleTitleMed a {
        color: rgb(216,212,0);
    }

.institutional .moduleLabel, .headline .moduleLabel {
    color: rgb(255,255,255);
}

.block_2x2.headline .innerTextContent .moduleLabel {
    margin-bottom: 34px;
}

.innerTextContentHeader2 {
    font-size: 55px;
    text-align: left;
    float: left;
}


.moduleTitleXL {
    xxxfont-size: 34px;
    xxxline-height: 34px;
    font-size: 30px;
    line-height: 32px;
    text-align: left;
    xxxwidth: 232px;
}

xxx.fullScreen xxx.moduleTitleXL {
    font-size: 31px
}

.moduleTitleLg {
    font-size: 28px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 14px;
}

.moduleTitleMed {
    font-size: 21px;
    line-height: 22px;
    text-align: left;
    position: relative;
    font-family: "NewsGothic-n1","NewsGothic",sans-serif;
    font-weight: 100;
}

/* really, really custom updates mt:8/1/2012 */
.block_2x1 .moduleTitleMed {
    font-size: 16px;
    line-height: 18px;
}

.block_2x2 .blockContentOn .moduleTitleLg {
    margin-top: 11px;
    font-size: 23px;
    line-height: 25px;
}

.block_2x2.headline fieldset {
    margin-top: 8px;
}

.block_2x1.headline.hoverable .moduleTitleXL {
    margin-bottom: 14px;
}

.moduleBodyCopy, .moduleBodyCopyList {
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
    font-size: 12px;
    text-align: left;
    line-height: 15px;
    font-weight: 100;
}

.moduleBodyCopyList {
    color: #FFF;
    font-size: 14px;
    margin: 0px 0px 2px;
}

.moduleBodyCopy li, .bodyCopy li {
    list-style: square outside none;
    margin: 5px;
    margin-left: 18px;
}

.pressHeaderJumpBlock li {
    list-style: none;
    margin: 0px;
}

.subNavMenu li {
    list-style: none;
    margin: 0px 0px 0px 5px;
}

.subNavMenu ul {
    display: inline;
}

#subNavigationLabel, #subNavigation {
    float: left;
    color: #ccc;
    margin-top: 15px;
}


.groupToBottomWrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.groupToBottomFull {
    position: absolute;
    bottom: 50px;
    left: 50px;
    padding: 20px;
    background-image: url(/images/semi_trans.png);
}

.groupToBottom, .groupToBottomFront, .groupToBottomBack, .groupToBottomMedia {
    position: relative;
    width: 100%;
    min-height: 70px;
    height: 100%
}

.block_2x2 .groupToBottom {
    min-height: 87px;
}


.block_2x2 .innerTextContentButton {
    position: absolute;
    bottom: 21px;
    left: 0;
}

.groupToBottom .moduleBodyCopy {
    position: absolute;
    bottom: 17px;
    left: 0px;
}

.groupToBottomMedia .moduleTitleMed {
    position: absolute;
    bottom: 10px;
    left: 0px;
    margin-right: 45px;
}

.groupToBottom .moduleTitleMed {
    position: absolute;
    bottom: 22px;
    left: 0px;
}

.groupToBottom .subTitle {
    font-family: "NewsGothic-n5","NewsGothic",sans-serif;
    font-weight: 500; /* DEMI */
    font-size: 13px;
    color: rgb(153,153,153);
    margin-bottom: -5px;
}

.groupToBottomFront, .groupToBottomBack {
    position: absolute;
    bottom: 0px;
}

    .groupToBottomFront .innerTextContentButton {
        position: absolute;
        bottom: 14px;
        left: 0;
    }

    .groupToBottomBack .innerTextContentButton {
        position: absolute;
        bottom: 14px;
        left: 0;
    }

    .groupToBottomFront .moduleTitleMed {
        position: absolute;
        bottom: 36px;
        left: 0px;
        width: 232px;
    }

    .groupToBottomFront .moduleTitleXL {
        position: absolute;
        bottom: 0;
        width: 249px;
    }

.groupToBottom .moduleTitleLg {
    position: absolute;
    bottom: 22px;
    left: 0px;
    width: 263px;
}


.moduleTags {
    font-family: "NewsGothic-i5","NewsGothic",sans-serif;
    font-style: italic;
    font-weight: 500; /* DEMI */
    font-size: 12px;
    color: rgb(153,153,153);
    xxxmargin: 10px 0 18px;
    margin-top: 10px;
}

    .moduleTags a {
        color: rgb(156,156,156);
    }

.moduleHeroDescription {
    xxxmargin-top: 50px;
    margin-top: 40px /* mt 8/28 hero text update */
    margin-bottom:31px;
    font-size: 24px;
    color: rgb(28,28,28);
}

.ticketInfoOverlayContent h5 {
    margin-bottom: 8px;
    font-weight: 100;
    margin-top: 0px;
}

.ticketInfoOverlayContent .hr {
    margin-top: 5px;
    margin-bottom: 20px;
}

.innerTextContentDatesHeroPopUp, .innerTextContentHeroPopUp {
    float: left;
    xxxmargin-right: 10px;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
    font-size: 12px;
    line-height: 18px;
    width: 208px;
}

.innerTextContentDatesHeroPopUp {
    width: 80px;
    font-weight: 700;
}

.moduleDate, .moduleDirector {
    font-family: "NewsGothic-n5","NewsGothic",sans-serif;
    font-weight: 500; /* DEMI */
    font-size: 13px;
    color: rgb(153,153,153);
}

.groupToBottom .moduleDirector {
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height: 12px;
}

.groupToBottom .moduleDate {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.groupToBottomFront .moduleDate {
    position: absolute;
    bottom: 14px;
    left: 0px;
}

.moduleHeroDate {
    font-size: 21px;
    color: rgb(28,28,28);
    xxxxfloat: left;
}

.timeList {
    xxxmargin-left: 5px;
    margin-top: 1px;
    xxxfloat: left;
}

    .timeList li {
        font-size: 12px;
        float: left;
        margin-left: 1px;
        text-transform: lowercase;
        font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
        font-weight: 700;
    }

.timeListMod li:before {
    content: ", "
}

.timeListMod li:first-child:before {
    content: ""
}

.timeListHero li:before {
    content: ", "
}

.timeListHero li:first-child:before {
    content: ""
}

.moduleHeroInfo {
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
    font-size: 12px;
    color: rgb(28,28,28);
}

.ticketInfoBlockWrapper .moduleHeroInfo {
    font-size: 11px;
}

.moduleHeroLocation {
    margin: 20px 0px 0px 0px;
    float: left;
    width: 67px;
}

.moduleHeroLocationBuilding {
    margin-left: 67px;
}

.moduleHeroLocationDetail {
    float: left;
    margin-top: 20px;
    width: 200px;
}

    .moduleHeroLocationDetail p {
        margin-top: 0px;
    }

.heroInfoBlock {
    xxxmargin-bottom: 20px;
}

.heroTicketInfoBlock {
    margin-top: 20px;
}

.innerImageFloat {
    float: left;
}

.innerTextContentFloat {
    float: left;
}

xxxx.bottomAlign {
    /*position:absolute;bottom:20px;*/
    margin-top: 25px;
}

.mediaImage {
    position: relative;
    height: 171px;
    width: 305px;
    overflow: hidden;
}

    .mediaImage img {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
    }

.audioPlayerControlWrapper {
    position: absolute;
    bottom: 0px;
    left: -10000px;
}

.playButtonImage, .playButtonImageSS {
    display: block;
    background-image: url(/images/icons_sprite.png);
    background-position: 0px -190px;
    height: 70px;
    width: 70px;
    position: absolute;
    left: 118px;
    top: 50px;
    cursor: pointer;
}

.playButtonImageSS {
    background-position: -125px 0px;
}

.playButtonImage a {
    display: block;
    width: 100%;
    height: 100%
}


.hidePlayButton {
    display: none;
}

.showPlayer {
    visibility: visible;
}

#jwVideoPlayer_wrapper {
    top: 25px;
}


.CTAOverlay {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    color: white;
    visibility: hidden;
    background-color: black;
}

.CTAOverlayContents {
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
    width: 80%;
    text-align: center;
    font-size: 36px;
    line-height: 48px;
}

.placeHolderImage {
    position: relative;
}

.bottomBlockWrapper {
    padding: 14px;
}

    .bottomBlockWrapper.hasTab {
        padding-right: 42px;
    }

.blockContentExtended {
    height: 150px;
}

/* adjusts double wide layout to 1 column for non-event blocks */
.NonEvent {
    width: 248px;
}

/* for transparent content block types - used to override .contentBlock */
.transparentBlock {
    color: white;
    background-color: transparent;
}

.customBackBlock {
    color: white;
    background-color: transparent;
    background-image: url(/images/4points_bg.png);
    background-repeat: no-repeat;
    text-align: left;
}

.sticker {
    background-image: url(/images/icons_sprite.png);
    background-position: 0px -59px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "NewsGothic-i5","NewsGothic",sans-serif;
    font-weight: 500; /* DEMI */
    font-style: italic;
    color: #fff;
    height: 70px;
    width: 70px;
    float: left;
    text-align: center;
    xxxmargin-left: 3px;
    margin-right: 3px;
}

.stickerTextWrapper {
    margin: 0 auto;
    position: relative;
    top: 23px;
    display: inline;
}

.stickerText {
    line-height: 12px;
    display: inline;
    xxxtext-align: left;
}

.eventStatusOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    background-color: black;
    top: 0px;
}

.eventStatusTextWrapper, .eventStatusTextWrapper-2x4 {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 91px;
    top: 0;
    left: 0;
}

.eventStatusTextWrapper-2x4 {
    height: 191px;
}

.eventStatusText, .eventStatusText-2x4 {
    position: relative;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 35px;
    color: #fff;
    text-align: center;
}

.eventStatusText-2x4 {
    top: 50px;
}

.eventStatusTextHero {
    font-size: 36px;
    color: #F00;
}

.innerTextContentTout {
    height: 32px;
    width: 100px;
    /* align bottom of div */
    bottom: 0px;
    right: 28px;
    position: absolute;
}

.isMac .innerTextContentTout {
    bottom: -3px;
}

.innerTextContentTout .toutText {
    font-size: 40px;
    color: #a1a1a1;
    float: right;
    padding-right: 15px;
    letter-spacing: -1px;
}

.isMac .innerTextContentToutHero .toutText {
    height: 53px;
}

.innerTextContentToutHero {
    bottom: -38px;
    right: 20px;
    position: absolute;
    height: 99px;
}

.isMac .innerTextContentToutHero {
    bottom: -46px;
}

.innerTextContentToutHero .toutText {
    font-size: 75px;
    color: #a1a1a1;
    float: right;
    padding-right: 0px;
    letter-spacing: -1px;
    text-align: bottom;
    height: 61px;
    overflow: hidden;
}


.pressImageDetails {
    float: left;
    padding: 10px 22px 10px 10px;
    font-size: 12px;
    width: 154px;
}

.pressReleaseDetails {
    width: 240px;
    margin: 0px 25px 20px 0px;
    float: left;
}

    .pressReleaseDetails a {
        color: #fff;
    }

.fullScreenSpacer {
    height: 380px;
}

.fb_iframe_widget span {
    position: absolute !important;
    top: 0px !important;
}

.navigationFooter {
    float: right;
}

.feedList li {
    margin-bottom: 15px;
    font-size: 12px;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
}

.blogEntryTitle {
    font-size: 14px;
    font-family: "NewsGothic-n7","NewsGothic",sans-serif;
    font-weight: 700;
    word-spacing: 0;
}

    .blogEntryTitle a {
        color: #000;
        font-weight: 500;
    }

        .blogEntryTitle a:hover {
            text-decoration: underline;
        }

.blogEntryDate {
    font-size: 10px;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
}

.twitterFeed {
    overflow-y: auto;
    padding: 5px;
    height: 295px;
    font-size: 12px
}

#umbracotweets li {
    padding: 8px;
    border-bottom: 1px solid #ccc;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
}

    #umbracotweets li .tweetDate {
        font-size: 10px;
    }
    /* on dev only - not sure what the update was for */
    /*#umbracotweets li img {float:left;margin-right:10px;display: table-cell;}
#umbracotweets li .tweetDetail {display: table-cell;}
*/
    #umbracotweets li img {
        float: left
    }

    #umbracotweets li .tweetDetail {
        margin-left: 55px;
    }

/* ********************** 1.8.4.1 WEEKLY EVENTS MODULE *********** */
.todaysevents_dowbar {
    width: 315px
}

.todaysevents_dow {
    cursor: pointer;
    float: left;
    padding: 10px 12px 10px 12px;
    font-size: 10px;
    color: #fff;
    background-color: #1C1C1C;
}

    .todaysevents_dow.selected, .todaysevents_dow:hover {
        background-color: #545454;
    }

    .todaysevents_dow.first {
        padding-left: 16px;
    }

    .todaysevents_dow.last {
        padding-right: 16px;
    }

    .todaysevents_dow.selected {
        background-color: #545454;
    }

.todaysevents_contentNav {
    position: absolute;
    bottom: -5px;
    right: 5px;
    text-align: right;
}

    .todaysevents_contentNav .contentNav {
        background-color: transparent;
    }

        .todaysevents_contentNav .contentNav li {
            float: left;
        }

#listBlockWrapper_WeeklyEvents {
    width: 1000px;
    position: relative;
    height: 350px !important;
}

.eventBlock {
    width: 295px;
    padding: 5px 5px 5px 10px;
}

    .eventBlock:hover {
        background-color: #383838;
    }

    .eventBlock a .listModuleTitleMed {
        color: rgb(216,212,0);
    }

    .eventBlock a:active {
        outline: none;
    }

    .eventBlock a:focus {
        -moz-outline-style: none;
    }

.eventBlockWrapper {
    height: 250px;
    position: relative;
}

#listModuleTitle {
    color: #fff;
    font-size: 22px;
    margin: 40px 5px 5px 10px;
}

.eventBlockWrapper .listModuleTitleMed {
    margin-top: 0px;
    margin-right: 30px;
    font-size: 18px;
    line-height: 22px;
}

.eventBlockWrapper .timeList li {
    font-weight: 100;
}

.eventBlock a .listModuleTitleMed .programType {
    color: #fff;
    font-size: 10px;
}

/* ********************** 1.8.5 MODAL OVERLAY ******************** */
#fade { /*--Transparent background layer--*/
    display: none; /*--hidden by default--*/
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 9999;
}

.popupBlock, .popupBlockDonation, .popupTool {
    display: none; /*--hidden by default--*/
    float: left;
    position: fixed;
    top: 45%;
    left: 50%;
    z-index: 99999;
    min-width: 638px;
    min-height: 365px;
}

.popupBlockDonation {
    background-color: #fff;
    min-height: 220px;
    min-width: 450px;
    width: 450px;
    padding: 25px;
}

    .popupBlockDonation .btn_close {
        visibility: visible;
        height: 25px;
        width: 25px;
        top: 10px;
        right: 10px;
    }

.donationPopupHeader {
    color: #000;
    margin-bottom: 20px;
    font-size: 38px;
    width: 300px;
}

.popupTool {
    background-color: #fff;
    min-height: 400px;
    min-width: 400px;
    width: 400px;
}

    .popupTool .btn_close {
        visibility: visible;
        height: 25px;
        width: 25px;
        top: 10px;
        ;
        right: 10px;
    }

.popupToolHeader {
    color: #000;
    margin: 65px 40px 0px;
    font-size: 44px;
    line-height: 48px;
    width: 300px;
}

.popupTool .messageBox {
    padding: 40px 40px 0px;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.popupToolButtons {
    padding: 0px 40px;
    margin-top: 20px;
}

    .popupToolButtons a {
        display: block;
    }

        .popupToolButtons a.imgbutton {
            margin-bottom: 20px;
            background-color: #000;
            color: #fff;
            height: 20px;
            width: 250px;
            font-weight: 600;
            background-image: none;
            text-align: center;
            font-size: 15px;
            padding: 8px;
            letter-spacing: .05em;
        }

img.btn_close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100001;
    visibility: hidden;
}

.btnClose {
    display: none !important;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
    position: absolute;
}

*html .popup_block {
    position: absolute;
}

.slideShowAttribution {
    float: right;
    font-size: 10px;
    margin-right: 40px;
    color: #fff;
}

/* ********************** 1.9 FOOTER  ******************** */
.socialMediaButtonsFooter {
    float: left;
    margin-top: 5px;
}

.mediaButtonLabel {
    float: left;
    margin-right: 10px;
}

.youtubeButton, .twitterButton, .facebookButton, .instagramButton {
    background-image: url(/images/icons_sprite.png);
    width: 34px;
    height: 34px;
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

.facebookButton {
    background-position: -200px -180px;
}

.twitterButton {
    background-position: -240px -180px;
}

.instagramButton {
    background-position: -280px -180px;
}

.youtubeButton {
    background-position: -319px -180px;
}

    .facebookButton a, .twitterButton a, .instagramButton a, .youtubeButton a {
        width: 34px;
        height: 34px;
        display: block;
    }

xxx.fb-comments, xxx.fb-comments iframe[style] {
    max-width: 305px !important;
}

xxxiframe.fb_ltr {
    max-width: 305px !important;
}

.fb-comments, xxx.fb-comments iframe[style] {
    max-width: 290px !important;
}

    .fb-comments iframe.fb_ltr {
        max-width: 288px !important; /*facebook fix 8-18-12 MTT */
    }

    .fb-comments.fb_iframe_widget {
        overflow-y: scroll;
        overflow-x: hidden;
        width: 305px;
        height: 305px;
        max-width: 318px !important;
    }


.navigationFooter a {
    text-decoration: none;
    color: rgb(28,28,28);
    font-family: "NewsGothic-n5","NewsGothic",sans-serif;
    font-weight: 500; /* DEMI */
    font-size: 12px;
}

.navigationFooter ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navigationFooter li {
    float: left;
    margin-left: 15px;
    margin-top: 3px;
}

.clearfooter {
    height: 0px;
    clear: both;
}

.push {
    height: 258px;
}

.footerWrapper {
    width: 100%;
    background-color: #FFF;
}

.footer {
    min-height: 200px;
    position: relative;
    background-color: #FFF;
    position: relative;
    text-align: left;
    margin: 0 auto;
    padding-top: 58px;
    width: 1100px;
}

.footerContent {
    margin-left: 159px;
    width: 941px;
}

.footerNavigationBlock {
    margin-top: 58px;
    border-top: 1px solid #ccc;
    font-size: 12px;
    clear: both;
    min-height: 70px;
}

.partnerBlock {
    float: left;
    width: 305px;
    margin-left: 8px;
}

.copyright {
    font-size: 11px;
    text-align: center;
}
/* ********************** 1.10 SIDE SCROLLING NAVIGATION AND CONTENT  ******************** */
.categoryHeader {
    margin: 0 auto;
    width: 941px;
    padding-left: 170px;
    height: 41px;
    padding-top: 21px;
}

.categoryHeaderText {
    position: absolute;
    font-size: 117px;
    color: #383838;
    height: 90px;
    letter-spacing: -4px;
}
/* force object out to handle scrolling on small screens */
.categoryHeaderWrapper {
    background-color: #fff;
    height: 105px;
    min-width: 1100px;
}

.contentNavFeatured {
    padding-top: 20px;
}

.contentNavCenter {
    margin: 0 auto;
    width: 941px;
    padding-left: 160px;
}

.contentNavWrapper {
    /* force object out to handle scrolling on small screens */
    min-width: 1100px;
    height: 69px;
    background-color: #fff;
}

.backstage {
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 40px;
    width: 1100px;
}

.slideShowContainer {
    clear: both;
    width: 10000px;
    position: relative;
}

.slideShowWrapper, .slideShowWrapperPop {
    overflow: hidden;
    position: relative;
    width: 613px;
}

.slideShowWrapperPop {
    width: 941px;
}

.slide, .slidePop {
    width: 613px;
    height: 463px;
    float: left;
    background-color: #000;
    text-align: center;
}

.slidePop {
    width: 941px;
    xxxheight: 608px;
    height: 715px;
}

/* mtt 4/24/14 - add a layer on top of the hero module for custom code */
#heroOverlayContent {
    position: absolute;
    height: 100%;
    width: 941px
}

/*mtt 10/18/2003 odd issue with html5 ver suddenly offsetting right */
#slideShowVideo {
    text-align: left;
}

.videoPlayerControlWrapper {
    text-align: left;
}

#jwVideoPlayer iframe {
    margin-top: 22px;
}

.slideShowTextBlock {
    background-color: rgb(84,84,84);
    width: 920px;
    xxxheight: 154px;
    height: 228px;
    padding: 12px;
}

.multiContainer {
    clear: both;
    width: 10000px;
    position: relative;
    /*added to take height off of contentBlock for onstage load at full height with out contentBlock div*/
    height: 635px;
    background-image: url('/images/loading.gif');
    background-repeat: no-repeat;
    background-position: 400px center;
    margin-bottom: 36px;
}
/*removed height from calendar as it isn't fixed and it was actually breaking ie7 */
#multiContainer_Calendar {
    min-height: 640px;
    height: auto;
}

.multiContainer.contentLoaded {
    background-image: none;
}

body.nojs .multiContainer {
    width: 954px;
}

.multiContainer .contentBlock {
    /*height:640px;*/
    height: 671px;
}


.multiContainerWrapperCenter {
    width: 1100px;
    margin: 0 auto;
}

.multiContainerWrapperCenterBS {
    width: 1100px;
    margin: 0 auto;
    margin-left: 170px;
}

.multiContainerWrapper, .multiContainerWrapperNF {
    overflow: hidden;
    position: relative;
    width: 954px;
    margin-top: 8px; /*first slide needs to be pushed down passed fix top nav */
    margin-left: 160px;
    padding-top: 11px;
}

xxx.multiContainerWrapper.event {
    padding-top: 11px
}

.event h1 {
    margin-bottom: 15px;
}

.multiContainerWrapperNF {
    background-color: rgb(56,56,56);
    margin-bottom: 10px;
    margin-top: 20px;
}

.backstage .multiContainerWrapper {
    overflow: visible; /*facebook fix 8-18-12 MTT */
}

.col3_Block, .sponsorBlock {
    float: right;
    height: 69px;
}

.contentNav {
    padding-left: 20px;
    background-color: #CCC;
    text-align: left;
    clear: both;
}

.hideButtons {
    display: none;
}

.contentNavGlobal {
    float: left;
    height: 46px;
    background-color: #383838;
    xxxwidth: 473px;
    width: 320px;
    /* mt-11/8/2012 added index to be above new slideshow overlay */
    z-index: 2;
}

    .contentNavGlobal ul {
        list-style-type: none;
        margin: 0px 0px 0px 14px;
        padding: 0;
    }

    .contentNavGlobal li {
        float: left;
        margin-right: 7px;
        margin-top: 9px;
    }

.contentNavSlideShow, .contentNavSlideShowPop {
    margin-top: -40px;
    position: relative;
    display: block;
    width: auto;
}

.contentNavSlideShowPop {
    background-color: rgb(84,84,84);
    margin-top: -46px;
}

.navButtonOn {
    background-image: url(/images/icons_sprite.png);
    background-position: -192px -38px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

    .navButtonOn a {
        width: 30px;
        height: 30px;
        display: block;
        cursor: pointer;
    }

.navButtonOff {
    background-image: url(/images/icons_sprite.png);
    background-position: -192px -70px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

    .navButtonOff a {
        width: 30px;
        height: 30px;
        display: block;
    }

.navArrowOn {
    visibility: visible;
}

.navArrowOff {
    visibility: hidden;
}

.leftNavArrow, .leftNavArrowStage {
    height: 36px;
    width: 25px;
    background-image: url(/images/icons_sprite.png);
    background-position: -89px -79px;
    position: absolute;
    xxxbottom: 330px;
    bottom: 430px;
    left: 16px;
    z-index: 1;
    cursor: pointer;
}

    .leftNavArrow:hover, .leftNavArrowStage:hover {
        background-position: -145px -79px;
    }

.rightNavArrow, .rightNavArrowStage {
    height: 36px;
    width: 25px;
    background-image: url(/images/icons_sprite.png);
    background-position: -90px -128px;
    position: absolute;
    xxxbottom: 330px;
    bottom: 430px;
    left: 907px;
    z-index: 1;
    cursor: pointer;
}

    .rightNavArrow:hover, .rightNavArrowStage:hover {
        background-position: -147px -127px;
    }

.rightNavArrowStage {
    left: 1130px;
    bottom: 344px;
    z-index: 1;
}

.leftNavArrowStage {
    left: -50px;
    bottom: 344px;
    z-index: 1;
}

.arrowOff {
    visibility: hidden;
}

.arrowOn {
    visibility: visible;
}

.arrowNav {
    position: relative;
    clear: both;
}

/* ********************** 1.11 GENERIC SELECTORS ******************** */
.hiLite {
    color: #d6d406;
}

    .hiLite a {
        color: #d6d406 !important;
    }

.hr {
    border-bottom: 1px solid #FFF;
    clear: both;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.partnersBlock {
    width: 941px;
    position: relative;
    margin-top: 45px;
    margin-bottom: 45px;
    color: #FFF;
}

.pressImageBlock {
    width: 150px;
    height: 100px;
}

.centerPressImage {
    display: table-cell;
    width: 154px;
    height: 150px;
    vertical-align: middle;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    text-align: center;
}

.pressImageCaption {
    padding: 5px 5px 10px 5px;
    font-size: 9px;
    line-height: 1.3em;
    text-align: center;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
}

    .pressImageCaption .captionTitle {
        font-weight: bold;
        font-size: 10px;
        margin-bottom: 3px;
    }

/* ********************** 1.12 IPAD OVERRIDES ******************** */
@media only screen and (device-width: 768px) and (device-height: 1024px) {
    /* For general iPad layouts */
    /* to allow scrolling needed to set height to non-percentage, to have image cover screen needed to set overflow to auto */
    html, body {
        text-align: center;
        background-color: #FFF;
        margin: 0;
        font-family: "NewsGothic-n1","NewsGothic",sans-serif;
        font-weight: 100;
        overflow: auto;
        height: auto;
    }

    .contentBlockWrapper {
        xxxwidth: 828px;
        /* mtt - 6/13/2014 no longer needed  */
        xxxpadding-top: 33px;
    }

    .contentBlock {
        xxxwidth: 828px;
        margin-left: 5px;
        margin-right: 5px;
        height: 540px;
        float: left;
    }

    .headerInfo {
        width: 828px;
        height: 100px;
        text-align: left;
        font-size: 100px;
        color: #333;
        background-color: #FFF;
        margin-top: 0px;
    }

    img.btn_close {
        display: block;
        position: absolute;
        top: -55px;
        right: 10px;
        z-index: 100001;
        visibility: visible;
    }
}
/* ********************** 1.13 OLD BROWSER SUPPORT OVERRIDES ******************** */
/* moved most of this to individual IE css includes */

/* for browser sizes where left nav would be cut off if fixed */
@media screen and (max-height:600px) {
    xxx.sideNav {
        position: absolute;
    }

    .sideNav ul a {
        padding: 3px 6px 3px 11px;
    }
    /* fix downshifting of side navigation on backstage pages */
    xxx.backstage {
        margin-top: 0px;
    }

    xxx.multiContainerWrapper {
        margin-top: 0px;
        padding-top: 62px;
    }
}

@media screen and (max-height:500px) {
    .sideNav {
        position: absolute;
    }

    .backstage {
        margin-top: 15px;
    }
}


/* galaxy only ? */
@media screen and (max-device-height:800px) and (min-device-width: 768px) {
    .blockTabImage {
        display: block;
        xxxleft: -1px;
    }

        .blockTabImage.hover_effect {
            background-image: url(/images/icons_sprite.png);
            background-position: 0px -29px;
        }

    .topNavWrapper {
        padding-left: 160px;
        margin-left: 0px;
    }

    img.btn_close {
        display: block;
        position: absolute;
        top: -55px;
        right: 10px;
        z-index: 100001;
        visibility: visible;
    }
}
/* ********************** 1.14 CALENDAR STYLES ******************** */

div.calendar {
    display: block;
    float: left;
    max-width: 954px;
    xxxz-index: 10;
    position: relative;
}

div.cal_week {
    position: relative;
    background-color: rgb(68,68,68);
    display: block;
    float: left;
    margin-bottom: 9px;
    min-width: 945px;
}

div.calendarblock {
    min-width: 116px;
    max-width: 116px;
    position: relative;
    display: block;
    float: left;
    position: relative;
    margin: 9px 0;
    padding: 0 9px 150px 9px;
    border-right: 1px solid #757575;
    color: white;
}

    div.calendarblock:last-child, div.yesterday {
        border-right: 0;
        padding-right: 9px;
    }

    div.calendarblock:first-child {
        padding-right: 10px;
    }

span.cal_day {
    color: white;
    display: block;
    font-size: 24px;
}

span.off {
    color: rgb(153,153,153);
}

span.cal_event {
    color: white;
    display: block;
    float: none;
    clear: both;
    font-size: 12px;
    padding-top: 10px;
}

span.cal_venue {
    color: rgb(153,153,153);
    display: block;
    float: none;
    clear: both;
    font-size: 11px;
}

li.cal_time {
    color: rgb(216,212,0);
    display: block;
    float: left;
    padding-right: 1px;
    font-size: 11px;
}

    li.cal_time:after {
        content: ", "
    }

    li.cal_time:last-child:after {
        content: ""
    }


ul.timeblock {
    diplay: block;
    float: left;
}

span.cal_genre {
    border-bottom: 1px solid #6d6b6c;
    color: rgb(153,153,153);
    display: block;
    float: left;
    width: 116px;
    clear: both;
    text-transform: capitalize;
    padding: 8px 0 0px 0;
    margin: 24px 0 0px 0;
    font-size: 14px;
}

span.first {
    border-top: 0px;
    margin-top: 4px;
}

span.cal_weekday {
    display: block;
    float: left;
    width: 117px;
    min-width: 117px;
    padding: 9px 18px 9px 0px;
    color: rgb(153,153,153);
    font-size: 16px;
}

.cal_ongoing {
    position: absolute;
    bottom: 0px;
    font-size: 11px;
    color: #fff;
    display: block;
    float: left;
    clear: both;
    margin-top: auto;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
}

.cal_ongoing_event {
    border-top: 1px solid rgb(153,153,153);
    display: block;
    padding: 8px 0;
    color: rgb(153,153,153);
}

    .cal_ongoing_event:first-child {
        border-top: 0px;
    }

.nohide {
    background-color: rgb(85,85,85) !important;
}

.hide > .calendarblock {
    height: 67px;
    max-height: 67px !important;
    min-height: 67px;
    padding-bottom: 9px;
}

    .hide > .calendarblock > span {
        display: none;
    }

    .hide > .calendarblock > div {
        display: none;
    }

    .hide > .calendarblock > span.cal_day {
        display: block;
    }

div.today {
    border-right: 0;
    background-color: #383838 !important;
    border-top: 3px solid rgb(216,212,0);
    color: rgb(216,212,0);
    margin: 0;
    padding: 9px 10px 159px 10px;
}

    div.today > .cal_ongoing {
        bottom: 9px;
    }

.hide > div.today {
    border-right: 0;
    background-color: transparent;
    border-top: 3px solid rgb(216,212,0);
    color: rgb(216,212,0);
    padding-right: 10px;
    padding-bottom: 18px;
}

.hide:hover {
    background-color: rgb(85,85,85);
}

h2 > a {
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
    color: white;
    font-weight: normal;
}

    h2 > a:active {
        color: white;
    }

    h2 > a:hover {
        color: white;
    }

.calcontainer {
    float: left;
    margin-top: 23px;
}

    .calcontainer h2 {
        float: left;
    }

.calendarArrowLeft {
    margin: 13px 13px 0px 0px;
    float: right;
    background: url('/images/icons_sprite.png') no-repeat -89px -176px;
    width: 20px;
    height: 32px;
}

.calendarArrowRight {
    margin: 13px 13px 0px 0px;
    float: right;
    background: url('/images/icons_sprite.png') no-repeat -110px -176px;
    width: 20px;
    height: 32px;
}

.calendarArrowLeft a {
    width: 20px;
    height: 32px;
    display: inline-block;
}

.calendarArrowRight a {
    width: 20px;
    height: 32px;
    display: inline-block;
}

.calendarArrowLeft:hover {
    background-position: -144px -176px;
}

.calendarArrowRight:hover {
    background-position: -165px -176px;
}

.calendarArrowLeft.disabled:hover {
    background-position: -89px -176px;
}

.calendarArrowRight.disabled:hover {
    background-position: -110px -176px;
}

.calendarArrowRight.disabled, .calendarArrowLeft.disabled {
    opacity: 0.05;
}
/* tooltip styling */
.tooltip {
    display: none;
    xxxheight: 384px;
    padding: 0;
    padding-left: 14px;
    width: 305px;
    font-size: 11px;
    color: black;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 110px;
    xxxz-index: 100000;
    background: url('/images/icon_calendar_pop_arrows.png') no-repeat 0px 183px;
}

    .tooltip.lowtip {
        background-position: 0px 120px;
        height: 175px;
    }

.lefttip {
    padding-left: 0;
    padding-right: 14px;
    background-position: 280px 183px;
}

.tooltip.lowlefttip {
    padding-left: 0;
    padding-right: 14px;
    background-position: 280px 120px;
}


.innertooltip {
    background-color: white;
    min-height: 384px;
}

.lowtip .innertooltip {
    background-color: white;
    min-height: 175px;
}

.tooltip-hover {
    cursor: default;
}

.cal_ongoing_event.tooltip-hover {
    color: rgb(255,255,255);
}

.tooltipbody {
    padding: 15px;
}

.tooltiptitle {
    font-size: 20px;
}

.innertooltip p {
    font-size: 11px;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
}

.eventblock {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
}

.tooltipdate {
    font-weight: 700;
}

.cafeHoursWrapper, .eventTooltip {
    background-image: url("/images/blank.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

/* ********************** 1.15 PRINTING ******************** */
@media print {
    body {
        color: black !important;
        background: white !important;
    }

    a {
        color: black !important;
    }

    .fixedNavControlWrapper, .footerNavigationBlock {
        display: none;
    }
}
/* ************************1.16 ISOTOPE *********************** */
/**** Isotope filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/* **************************2.0 ADA UPDATES *********************** */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

#skipNavLink {
    width: 80px;
    font-size: 0.80em;
    padding: 5px;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.tooltipElem {
color:#d6d406;
}

.campaignPullQuote {

}

.campaignAttribution {

}

.campaignHiLite {

}

.copyBox {

}

.moduleTitleMed {

}

.moduleTitleLg {

}

.moduleHeader {

}

.moduleHeader .contentHeader {

}

.textA1 {

}