﻿@import url('forms.css');
@import url('subscriptions.css');

/****** css reset, global html, & basic styles ******/

/* adapted from Reset Reloaded by Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
    }

html, body, form.body_form {
	height: 100%;
}
html.js-enabled{} /*flag class set in js for css targeting of js users*/
body {
	color: #000000;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 62.5%;
	line-height: 1.0em;
	background:#e4ddc6 url(../../_img/common/bg_shortheader.gif) repeat-x top left; 
    }

    table {
	    border-collapse: collapse;
        }
        table th {
	        font-weight: normal;
	        line-height: 1.5em;
	        text-align: left;
	        vertical-align: bottom;
            }
        table td {
	        line-height: 1.5em;
	        vertical-align: top;
            }

    img {}

    p {
	    line-height: 1.5em;
	    margin: .5em 0 1.1em 0;
	    color:#4F4D4D;
        }
        p.intro_hdr {
            font-size:1.3em;
            font-weight:bold;
            color:#491212;
            text-transform:uppercase;
            margin-bottom:.5em;
            }
        p.intro {
            color: #333;
            }
        

    ul, ol {
	    margin: 0 0 1.0em 0;
	    list-style-position:inside;
        }
        ul li {
	        margin: 0 0 0 15px;
	        padding: 0 0 0.5em 0;
	        line-height: 1.5em;
            }
        ol li {
	        margin: 0 0 0 20px;
	        padding: 0 0 0.5em 0;
	        line-height: 1.5em;
            }
	    li ul, li ol {
		    margin: 0;
	        }

    dl {
	    margin: 0 0 1.0em 0;
        }
	    dl dt {
		    line-height: 1.5em;
		    font-weight: bold;
	        }
	    dl dd {
		    line-height: 1.5em;
		    margin: 0 0 0.5em 0;
	        }

    a, a:link {
	    color: #cc3333;
	    text-decoration: none;
        }
    a:visited, a:visited:hover {
        color:#660000;
        text-decoration:none;
        }
    a:hover, a:active {
	    color: #cc3333;
	    text-decoration: underline;
        }


    h1 {
        font-family:Verdana, Arial, Sans-Serif;
	    color: #000;
	    font-size: 1.8em;
	    font-weight: normal;
	    line-height: 1.2em;
	    margin: .5em 0 .5em 0;
	    letter-spacing:1px;
	    text-transform:uppercase;
        }


    h2 {
	    font-family:Verdana, Arial, Sans-Serif;
	    color: #000;
	    font-size: 1.4em;
	    font-weight: bold;
	    line-height: 1.2em;
	    margin: 1.5em 0 .5em 0;
	    letter-spacing:1px;
	    text-transform:uppercase;
        }
    h3 {
        font-family:Verdana, Arial, Sans-Serif;
	    color: #491212;
	    font-size: 1.1em;
	    font-weight: bold;
	    line-height: 1.2em;
	    margin: 1em 0 0.4em 0;
        }

    h4 {
        font-family:Verdana, Arial, Sans-Serif;
	    color: #333;
	    font-size: 1.1em;
	    font-weight: bold;
	    line-height: 1.2em;
	    text-transform: uppercase;
	    margin: 1em 0 0.4em 0;
        }
    h5 {
        font-family:Verdana, Arial, Sans-Serif;
	    color: #333;
	    font-size: 1em;
	    font-weight: bold;
	    line-height: 1.2em;
	    text-transform: capitalize;
	    margin: 1em 0 0.4em 0;
        }
    h6 {
        font-family:Verdana, Arial, Sans-Serif;
	    color: #333;
	    font-size: 1em;
	    font-weight: bold;
	    line-height: 1.2em;
	    text-transform: capitalize;
	    margin: 1em 0 0.4em 0;
        }

    em, i {font-style: italic;}

    strong, b {font-weight: bold;}

    sup {
	    font-size: 0.9em;
	    vertical-align: super;
        }
    sub {
	    font-size: 0.9em;
	    vertical-align: sub;
        }

    big, .big {font-size: 1.2em;}

    small, .small, .note {font-size: 0.9em;}
    
    
    /* utility styles */
    
    .clear {
	    clear: both;
        }
    div.clear {
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	    margin: 0 0 -1px 0; /* not sure if this works... */
        }
        
    hr {
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	    margin: 0 0 1em 0;
	    border-top: 1px dotted #666;
        }
    
    div.hr {
        background:url(../../_img/common/hr_bullets.gif) repeat-x top left;
        clear: both;
	    height: 4px;
	    overflow: hidden;
	    margin: 0 0 1.5em 0;
        }
        
    div.plain_hr {
        clear: both;
	    height: 1px;
	    overflow: hidden;
	    margin: 0 0 1em 0;
	    border-top: 1px dotted #666;
        }

    img.imgbutton {}

    .alignright {text-align: right;}

    .center {text-align: center;}

    .floatright {
	    float: right;
	    display: inline;
        }

    .floatleft {
	    float: left;
	    display: inline;
        }

    img.floatleft {
        float:left;
        padding-right:10px;
        padding-top:6px;
        }
    
    img.floatright {
        float:right;
        padding-left:10px;
        padding-top:4px;
        }
    
    .marginRight { margin-right:10px;}
    
    .hide {
	    position: absolute;
	    left: -999999px;
        }
        
    .invisible {
        display: none;
    }

    .nowrap {white-space: nowrap;}

    .normal {
	    font-weight: normal;
	    text-transform: none;
        }

    ul.plain, ol.plain 	{ list-style: none; }

    ul.inline { list-style: none; }
        ul.inline li { display: inline; padding: 0 10px; margin: 0; }


    /*** popups ***/

    body.popup {
	    color: #000000;
	    /*text-align: center;*/
	    padding: 10px;
	    background: #ffffff;
        }

    /*** /popups ***/

    /***** /global html & basic styles *****/


    /***** layout *****/
    
    div#wrapper {
        min-height: 100%;
	    height: auto !important;
	    height: 100%;
	    margin: 0 auto -270px; /* the bottom margin is the negative value of the footer's height */
        }
        div#inner_wrapper {
            width:964px;
            margin:0 auto;
            padding:0 10px 0 0;
	        position: relative;
            }
            
            div#header {
                font-size:1.1em;
                padding-top:9px;
                font-family: Verdana, Arial, Sans-Serif;
                text-align:right;                
                height:310px;
                } 
                div#header a {
                    color:#634b1c;
                    }
                div#header h3.secondary_header {
                    float: left;
                    color:#E4DDC6;
                    font-family:Verdana,Arial,Sans-Serif;
                    font-size:2.1em;
                    font-weight:normal;
                    letter-spacing:1px;
                    margin: 79px 0 0 18px;
                    }
                div#header img {    /* section image */
                    float: left;
                    margin-top: 55px;
                    margin-right: 20px;
                    }
                div#header img.season_tickets_header {
                    margin-left: 182px;
                    }
                div#header img.calendar_header {
                    float:right;
                    }
                div#header img.plan_visit_header {
                    margin-left: 211px;
                    }
                div#header img.education_header {
                    margin-left: 235px;
                    }
                div#header img.about_header {
                    margin-left: 257px;
                    }
                div#header img.support_header {
                    margin-left: 139px;
                    }
                div#header img.watch_listen_header {
                    margin-left: 142px;
                    }
                div#header img.cart_header {
                    margin-left: 35px;
                    }
                div#header img.account_header {
                    margin-left: 270px;
                    }
                    
                div#header a.logo {
                    float:left;
                    margin:10px 0 0px 0;
                    display:block;
                    background:url(../../_img/common/lyric_opera_header.gif) no-repeat top left;
                    width: 475px;
                    height:25px;
                    }
                    div#header a.logo span {
                        position:absolute;
                        left:-5001px;
                        }
                
                div#header ul#utility_nav {
                    display:inline;
                    list-style-type:none;
                    border-right: 1px solid #bdb193;
                    }
                     div#header ul#utility_nav li {
                        display:inline;
                        margin:0 14px 0 0;
                        }
                    div#header ul#utility_nav li.last {
                        margin-right:10px;
                        }
                     
                div#header ul#account_nav {
                    display:inline;
                    list-style-type:none;
                    margin-left:10px;
                    }
                    div#header ul#account_nav li {
                        display:inline;
                        margin:0 14px 0 0;
                        }
                        div#header ul#account_nav li.last {
                            margin-right:0px;
                            }
                
                
                div#header ul#primary_navigation {
                    float:left;
                    margin-top:23px;
                    position:absolute;
                    top:61px;
                    left:0px;
                    }
                    div#header ul#primary_navigation li {
                        margin:0;
                        padding:0;
                        display:inline;
                        list-style-type:none;
                        }
                    div#header ul#primary_navigation li a {
                        float:left;
                        display:block;
                        height:30px;
                        color:#fff;
                        margin:0;
                        padding:0;
                        }
                        div#header ul#primary_navigation li.season_a_tickets a {
                            width:219px;
                            background:url(../../_img/nav/nav_seastix.jpg) no-repeat top left;
                            }
                        div#header ul#primary_navigation li.calendar a {
                            width:124px;
                            background:url(../../_img/nav/nav_calendar.jpg) no-repeat top left;
                            }
                        div#header ul#primary_navigation li.plan_your_visit a {
                            width:176px;
                            background:url(../../_img/nav/nav_plan.jpg) no-repeat top left;
                            }
                        div#header ul#primary_navigation li.education a {
                            width:136px;
                            background:url(../../_img/nav/nav_education.jpg) no-repeat top left;
                            }
                        div#header ul#primary_navigation li.about_lyric a {
                            width:147px;
                            background:url(../../_img/nav/nav_about.jpg) no-repeat top left;
                            }
                        div#header ul#primary_navigation li.support_lyric a {
                            width:159px;
                            background:url(../../_img/nav/nav_support.jpg) no-repeat top left;
                            }
                            
                            
                    div#header ul#primary_navigation li a:hover, div#header ul#primary_navigation li.on a {
                        background-position:0 -31px;
                        }
                            div#header ul#primary_navigation li a span {
                                position:absolute;
                                left:-5001px;
                                }

                        
            /* default two colum structure */
                
                div#secondary_column {
                    font-size:1em;
                    float:left;                    
                    margin-top:-204px;
                    width:290px;
                    background:#491212;
                    margin-bottom:340px;
                    }
                    div#secondary_column div#secondary_menu {
                        float:left;
                        display:inline;
                        width:280px;
                        background:#491212;
                        padding:5px 5px 0 5px;
                        }
                    div#secondary_column div.secondary_inner { 
                        padding:12px;
                        border:1px solid #5a2e1a;
                        min-height:146px;
                        }
                        div#secondary_column div.secondary_inner h3.secondary_header {
                            font-family:Verdana, Arial, Sans-Serif;
                            font-size:2.1em;
                            font-weight:normal;
                            color:#e4ddc6;
                            letter-spacing:1px;
                            margin-top:0px;
                            }
                        div#secondary_column div.secondary_inner ul#secondary_nav {
                            font-family:Verdana, Arial, Sans-Serif;
                            font-size:1.1em;
                            text-transform:uppercase;
                            margin-left:-18px;
                            margin-bottom:0px;  
                            margin-right:-20px;
                            width:290px;                                                
                            }
                            div#secondary_column div.secondary_inner ul#secondary_nav li {                                
                               padding:0 5px 0 5px;
                               margin:0;
                               list-style-type:none;
                               list-style-image:none;
                               list-style-position:outside;
                               }
                            div#secondary_column div.secondary_inner ul#secondary_nav li.in {                               
                                background:#57250a;                               
                                }
                            div#secondary_column div.secondary_inner ul#secondary_nav li a {
                                display:block;
                                margin:0;
                                padding:5px 0 5px 15px;
                                border-left:1px solid #623915;
                                border-right:1px solid #623915;
                                color:#ddb651;                                
                                }
                             div#secondary_column div.secondary_inner ul#secondary_nav li.in a {
                                color:#e4ddc6;
                                }

                                /* Second Level */
                                div#secondary_column div.secondary_inner ul#secondary_nav li.in ul.subsubnav {
                                    margin-top:0px;
                                    margin-bottom:0px;
                                    display:inline;
                                    }
                                div#secondary_column div.secondary_inner ul#secondary_nav li.in ul.subsubnav li  {
                                     margin:0px -5px;
                                    }
                                div#secondary_column div.secondary_inner ul#secondary_nav li.in ul.subsubnav li a {
                                    /*text-indent:10px;*/
                                    padding-left:25px;
                                    color:#DDB651;
                                    }
                                    div#secondary_column div.secondary_inner ul#secondary_nav li.in ul.subsubnav li.in a {
                                         color:#e4ddc6;
                                        }
                                        
                                    /* Third Level */
                                    div#secondary_column div.secondary_inner ul#secondary_nav li.in ul.subsubnav li ul.subsubnav li {
                                         margin-left:-5px;
                                         margin-right:-5px;
                                         
                                        }
                                    div#secondary_column div.secondary_inner ul#secondary_nav li.in ul.subsubnav li ul.subsubnav li a {
                                        text-indent:20px;
                                        color:#DDB651 !important;
                                        }
                                        div#secondary_column div.secondary_inner ul#secondary_nav li.in ul.subsubnav li.in ul.subsubnav li a {
                                             color:#e4ddc6;
                                            }
                                    
                                    /* Fourth Level */
                                    div#secondary_column div.secondary_inner ul#secondary_nav li.in ul.subsubnav li ul.subsubnav li.in ul.subsubnav li ul.subsubnav li {
                                         margin-left:-5px;
                                         margin-right:-5px;
                                         
                                        }
                                    div#secondary_column div.secondary_inner ul#secondary_nav li.in ul.subsubnav li ul.subsubnav li.in ul.subsubnav li ul.subsubnav li a {
                                        text-indent:30px;
                                        color:#DDB651 !important;
                                        }
                                        div#secondary_column div.secondary_inner ul#secondary_nav li.in ul.subsubnav li.in ul.subsubnav li ul.subsubnav li.in li a {
                                             color:#e4ddc6;
                                            }
                
                /* secondary column vertical callouts */         
                div#secondary_column div.callout_wrapper {
                    float:left;
                    background:#f2efe4;
                    padding-left:5px;
                    padding-right:5px;
                    padding-bottom:5px;
                    font-family:Arial, Verdana, Sans-Serif;
                    font-size:1.1em;
                    }
               
                    div#secondary_column div.callout {                                                    
                        float:left;
                        width:258px;
                        margin:-5px 0 0 0;
                        padding:10px 10px 0 10px;
                        border-left:1px solid #bfb398;
                        border-right:1px solid #bfb398;
                        border-bottom:1px solid #bfb398;
                        }
                        div#secondary_column div.callout h3 {
                            font-family:Georgia, Times New Roman, Serif;
                            font-size:1.3em;
                            text-transform:uppercase;
                            }
                        div#secondary_column div.callout h4 {
                            font-family:Verdana, Arial, Sans-Serif;
                            font-size:1em;
                            text-transform:capitalize;
                            }
                            
                    div#secondary_column div.first div.callout {
                        margin-top:0px;
                        }
                      
            /* Utility Toolbar */  
            ul#utility_toolbar {
                list-style: none;
                 list-style-position:outside;
                 background: transparent url(../../_img/common/hr_dotted.gif) repeat-x scroll left bottom;
                 width: 13em;
                 padding: 0;
                 margin: 0;
                 position: absolute;
                 bottom: 233px;
                 left:0px;
            }
                ul#utility_toolbar li {
                    background: transparent url(../../_img/common/hr_dotted.gif) repeat-x scroll left top;
                    padding: 0.35em 0;
                    margin: 0;
                }
                    ul#utility_toolbar li a {
                        font-family: Verdana, Arial, Sans-Serif;
                        font-size: 1.1em;
                        display: block;
                        height: 17px;
                        padding: 0 0 0 3em;
                    }
                    
                    ul#utility_toolbar li a#send_to_a_friend {
                        background: transparent url(../../_img/toolbar/send_to_a_friend.gif) no-repeat scroll left center;
                    }
                    ul#utility_toolbar li a#print {
                        background: transparent url(../../_img/toolbar/print.gif) no-repeat scroll left center;
                    }
                    ul#utility_toolbar li a#email_sign_up {
                        background: transparent url(../../_img/toolbar/email_sign_up.gif) no-repeat scroll left center;
                    }
                    
            /* Social Toolbar */  
            ul#social_toolbar {
                list-style: none;
                 list-style-position:outside;
                 background: transparent url(../../_img/common/hr_dotted.gif) repeat-x scroll left bottom;
                 width: 13em;
                 padding: 0;
                 margin: 0;
                 position: absolute;
                 bottom: 10px;
                 left:0px;
            }
                ul#social_toolbar li {
                    background: transparent url(../../_img/common/hr_dotted.gif) repeat-x scroll left top;
                    padding: 0.50em 0;
                    margin: 0;
                }
                    ul#social_toolbar li a {
                        font-family: Verdana, Arial, Sans-Serif;
                        font-size: 1.1em;
                        display: block;
                        height: 17px;
                        padding: 0 0 0 3em;
                    }
                        ul#social_toolbar li a#rss_feed_tag {
                            background: transparent url(../../_img/toolbar/rss_feed.gif) no-repeat scroll 3px center;
                        }
                        ul#social_toolbar li a#delicious_tag {
                            background: transparent url(../../_img/toolbar/delicious_ico.gif) no-repeat scroll 3px center; 
                            }
                        ul#social_toolbar li a#google_tag {
                            background: transparent url(../../_img/toolbar/google_ico.gif) no-repeat scroll 3px center;
                            }
                        ul#social_toolbar li a#newsvine_tag {
                            background: transparent url(../../_img/toolbar/newsvine_ico.gif) no-repeat scroll 3px center;
                            }
                        ul#social_toolbar li a#facebook_tag {
                            background: transparent url(../../_img/toolbar/facebook_ico.gif) no-repeat scroll 3px center;
                            }
                        ul#social_toolbar li a#reddit_tag {
                            background: transparent url(../../_img/toolbar/reddit_ico.gif) no-repeat scroll 3px center;
                            }
                        ul#social_toolbar li a#digg_tag {
                            background: transparent url(../../_img/toolbar/diggit_ico.gif) no-repeat scroll 3px center;
                            }
                        ul#social_toolbar li a#myspace_tag {
                            background: transparent url(../../_img/toolbar/myspace_ico.gif) no-repeat scroll 3px center;
                            }
                            
                                        
                                      
            /* two column primary structure */  
            div#content_main_inner {
                font-size:1.3em;
                }
                div#content_main_inner div#primary_column {
                    float:right;
                    width:624px;
                    margin-left:40px;
                    padding-bottom: 18px;
                    }
            
            /* /two column structure */
            
            
            /* one column structure */
            
                div#one_column_wrapper {
                    font-size:1em;
                }
                
                    div#one_column_wrapper div#primary_column {
                        float: none;
                        width: 920px;
                        min-height:600px;
                        margin-left: 18px;
                        padding-bottom: 18px;
                        }
                    
                    div#secondary_column.in_one_column {
                        height:175px;   /* fixed height secondary column in one column layouts */
                        margin-bottom:0px;
                        padding-bottom:0px;
                        }
                
                
            
            /* /one column structure */
                        
                
            div.push {  /* setting height for sticky footer to anchor to botton */
                height:270px;
                }
            div#footer {
                height: 270px; /* must be same height as push and negative bottom margin on wrapper */
                background:url(../../_img/common/footer_pattern.gif) repeat top left;
                color:#8b8779;
                font-family:Verdana, Arial, Sans-Serif;
                font-size:1.1em;
                }
                div#footer p {
                    color:#8b8779;
                    }
                div#footer div#gold_bar {
                    height:25px;
                    background:url(../../_img/common/gold_rope.gif) repeat-x top left;
                    }                    
                div#footer div#inner_footer {
                    width:964px;
                    margin:0 auto;
                    padding:0 10px 0 0;
                    height:245px;    
                     
                    background:url(../../_img/common/footer_crest.gif) no-repeat bottom left;
                    }
                    div#footer div#inner_footer p {
                        padding-top:20px;
                        margin-top:0;
                        }
                    div#footer div#inner_footer div#nav_group {
                        width:600px;
                        height:130px;
                        margin-left:330px;
                        margin-top:-35px;
                        }
                        div#footer div#inner_footer div#nav_group ul {
                            float:left;
                            display:inline;
                            width:120px;
                            height:150px;
                            padding:0;
                            margin:0 0 0 15px;
                            list-style-type:none;
                            border-right:1px solid #303737;
                            }
                            div#footer div#inner_footer div#nav_group ul li {
                                margin:3px 0;
                                list-style-position:outside;                                
                            }
                            div#footer div#inner_footer div#nav_group ul li a {
                                display:inline;
                                color:#ddb651;
                                }
                             div#footer div#inner_footer div#nav_group ul li.on a {
                                color:#e4ddcb;
                                }
                        
                        
                        div#footer div#inner_footer div#nav_group ul#utility_primary {
                            width:160px;
                            margin-left:0px;
                            }
                        div#footer div#inner_footer div#nav_group ul#footer_nav {
                            width:150px;
                            border:none;
                            }
   
    
    /***** /layout *****/
    
    /***** Shared Styles *****/
    
    div#primary_column ul {
        margin-left:2px;
        }
        div#primary_column ul li {
            list-style-image:url(../../_img/common/list_bullet.gif);
            list-style-type: disc;
            list-style-position:outside;
            }
    
    div.callout {
        margin:10px 0;
        padding:0 20px;
        float:left;
        width:170px;
        border-right:2px solid #ab9a76;
        }
        div.callout h3 {
            margin-top:0;
            color:#634b1c;
            font-size:1.1em;
            font-weight:bold;
            } 
            
        div.callout h3.PAH {
            position:relative;
            } 
            
        div.callout h3.PAH img {
            position:absolute;
            right: -10px;
            top: -10px;
            } 
            
        div.callout.first {
            padding-left:0px;
            }
        div.callout.last {
            margin-right: 0;
        }
            
    
    
    div#primary_column div#tab_content {
        float:left;
        width:633px;
        background:url(../../_img/common/hr_bullets.gif) repeat-x top left;
        margin:10px 0 10px 0;
        }
        div#primary_column div#tab_content ul {
            float:left;
            margin:0;
            }
            div#primary_column div#tab_content ul li {
                display:block;
                float:left;
                margin:5px 0 0 0;
                padding:5px 7px 0 7px;
                border-right:1px solid #b6b19e;
                list-style-image:none;
                list-style-type:none;
                }
                div#primary_column div#tab_content ul li.first {
                    padding-left:0px;
                    }
                div#primary_column div#tab_content ul li a {
                    font-family:Arial, Verdana, Sans-Serif;
                    font-size:.9em;
                    text-transform:uppercase;
                    }
                div#primary_column div#tab_content ul li a.in {
                    color:#000;
                    }
                    
    div.tabpanels {
        margin-bottom:20px;
        }
        div.tabpanels h2, div.tabpanels h3, div.tabpanels h4 {
            margin-top:0; 
            }
                
     
    div.carttimer {
        font-family: Verdana, Arial, Sans-Serif;
        float:right;
        }
        div.carttimer p {
            text-align: right;
            font-size:.8em;
            font-weight:bold;
            color:#cc3333;
            }
            
    /* Generic DHTML window */    
    div.dhtml_window {
	    width: 420px;
	    position: absolute;
	    z-index: 9;
	    margin: 0;
	    font-size: 1.1em;
    }
	    div.dhtml_window div.head {
		    height: 34px;
		    background: transparent url("../../_img/common/dhtml_top.png") no-repeat left top;
	    }
	        div.dhtml_window div.head h4 {
	            color: #E4DDC6;
                font-size: 1em;
                font-weight: normal;
                text-transform:uppercase;
                margin: 0;
                position: relative;
                left: 15px;
                top: 9px;
	        }
		    div.dhtml_window div.head div.close {
			    bottom: 4px;
                float: right;
                position: relative;
                right: 23px;
		    }
		    div.dhtml_window div.head div.close a {
			    background: transparent url("../../_img/common/x_yellow.gif") no-repeat center center;
			    display: block;
			    width: 10px;
			    height: 10px;
		    }
		        div.dhtml_window div.head div.close a span {
		            position: absolute;
		            left: -999999em;
		        }
			
	    div.dhtml_window div.dhtml_window_content {
		    background: transparent url("../../_img/common/dhtml_content.png") repeat-y left top;
		    padding: 10px 15px 1px 15px;
            position: relative;
            min-height: 150px;
	    }
	    div.dhtml_window div.dhtml_window_content div.loading {
            background: #F2EFE4 url(../../_img/common/spinner.gif) no-repeat scroll center center;
            width: 385px;
            height: 100%;
            position: absolute;
            top: 0;
        }
	        div.dhtml_window div.dhtml_window_content div.scroll {
                max-height: 400px;
                overflow: scroll;
            }

	    div.dhtml_window div.foot {
		    height: 22px;
		    background: transparent url("../../_img/common/dhtml_bottom.png") no-repeat left top;
	    }
	    
	    #lyric_code_info_div div.dhtml_window div.dhtml_window_content p 
	    {
	        margin: 0.5em 0px 1.1em;
	    }
	    
	    
	    /* dhtml window in cart for restaurant reservations */
	    
	    table.shoppingcart div.dhtml_window {
	        font-size:1.4em;
	        }
	    
	/* Pretty Boxes */    
	div.pretty_box {
	    background-color: #f2efe4;
	    border: 5px solid #6a5250;
	}
	    div.pretty_box div.top {
	        background-color: #ddd5bd;
	    }
	
	/* Pretty Forms */
	div.pretty_form {
        background: #f2efe4;
        padding: 4px;
        margin: 0 0 20px;
    }
        div.pretty_form div.head {
            margin: 0 19px;
        }
            div.pretty_form div.head h3.callout_title {
                font-family: Georgia, Times New Roman, Serif;
                color: #634b1c;
                text-transform: uppercase;
                letter-spacing: 1px;
                margin: 1em 0;
            }
        div.pretty_form fieldset {
            border: 1px solid #b7a886;
            padding: 12px;
            margin: 0;
        }
            div.pretty_form fieldset fieldset {
                border: none;
                padding: 0;
            }
            
    
    /* QAS Pretty Forms */
    div.pretty_form_alt {
        background: #c3bead;
        padding: 4px;
        margin: 0 0 20px;
    }
        div.pretty_form_alt div.head {
            margin: 0 19px;
        }
            div.pretty_form_alt div.head h3.callout_title {
                font-family: Georgia, Times New Roman, Serif;
                color: #634b1c;
                text-transform: uppercase;
                letter-spacing: 1px;
                margin: 1em 0;
            }
            div.pretty_form_alt p {
                font-size:11px;
            }
                
        div.pretty_form_alt fieldset {
            background:#dbd6c5;
            border: 1px solid #b7a886;
            padding: 12px;
            margin: 0;
        }
            div.pretty_form_alt fieldset fieldset {
                border: none;
                padding: 0;
            }
            
            
             div.pretty_form_alt fieldset select {
                width:550px;
                margin:0;
                padding:0;
                min-height:100px;
                }
                div.pretty_form_alt fieldset select option {
                    margin:5px 0 0 0;
                    padding-left:5px;
                    }
            
        div.qas_verify fieldset.buttonzone {
            float:right;
            margin-bottom:20px;
            }
        
        
        /* static landing page */
        
        div.landing_feature {
            float:left;
            width:295px;
            margin:10px 15px 10px 0px;
            }
        
    
    /***** /Shared Styles *****/
    
    
    /**** Button Styles ****/
    
   
    
    
    /**** /Button Styles ****/
    
    
    /**** Page Specific Styles ****/
    
    
    /* Home Page */
    
body.home {          /* setting a different body background for production detail, and adjusting header and secondary nav */
    background:#E4DDC6 url(../../_img/common/body_bg_tall.gif) repeat-x top left;
    }
	body.home div#wrapper {
		margin: 0 auto -165px;
	}
    body.home div#header {
        height:106px;
        }
    
    body.home div#one_column_wrapper div#primary_column {
        margin-left:0px;
        }
    
    body.home div#content {
        position:relative;
        }
        
        
        body.home div#content div#home_content div.home_media {
            position:absolute;
            top:0px;
            left:0px;
            z-index:100;
            display:block;
            height:517px;
            width:916px;
            }
        
            body.home div#content div#home_content div.home_media img {}
            
        
        body.home div#content div#home_content div.production_video {
            margin-top:20px;
            margin-left:320px;
            }
  
         body.home div#content div#home_content div.navigation {
            width:290px;
            position:relative;
            z-index:400;
            }
            body.home div#content div#home_content div.navigation a {
                position:relative;  /* position relative needed for ie6 pngfilter */
                }
                body.home div#content div#home_content div.navigation a.hide {
                    position:absolute;
                    }
            
            /* homepage table bug fix */
            body.home div#content div#home_content div.navigation table {
                display:inline-table;
                vertical-align:top;
                padding:0 !important;
                margin:0 0 0 0 !important;
                zoom:1;                 
                }
            
            body.home div#content div#home_content div.navigation div.new_nav {
                background:url(../../_img/common/whatsnew_bg.png) repeat;
                height:160px;
                padding:0 5px;
                display:none;/*for no js*/
                }
            
			html.js-enabled body.home div#content div#home_content div.navigation div.new_nav{display:block;}
                
                body.home div#content div#home_content div.navigation div.new_nav div.inner_new {
                    padding:20px 10px 20px 10px;
                    border-left:1px solid #493312;
                    border-right:1px solid #493312;
                    height:120px;
                    }
            
            
            body.home div#content div#home_content div.navigation div.production_nav {
                background:url(../../_img/common/seasons_bg.png) repeat;         
                padding:0 5px;
                height:356px;
                }
                
                
                body.home div#content div#home_content div.navigation div.production_nav div.inner_production {
                    padding:20px 10px 0 10px;
                    border-left:1px solid #493312;
                    border-right:1px solid #493312;
                    height:336px;                  
                    }

					body.home div#home_content div.production_nav div.seasonnav_wrap{display:none;}/*for no-js users*/
					html.js-enabled body.home div#home_content div.production_nav div.seasonnav_wrap{display:block;}
					    html.js-enabled body.home div#home_content div.production_nav div.seasonnav_wrap a {
					        color:#E5B846;
					        font-size:.8em;
					        font-family: Arial, Verdana, Sans-Serif;
					        }
					        html.js-enabled body.home div#home_content div.production_nav div.seasonnav_wrap a img {
					            padding-right:10px;
					            }
					            
					        body.home div#content div#home_content div.navigation div.new_nav a.new_arrow {
					            color:#E5B846;
					            font-size:.8em;
					            font-family: Arial, Verdana, Sans-Serif;
					            }
					         body.home div#content div#home_content div.navigation div.new_nav a.new_arrow img {
					            padding-right:10px;
					            }
            
            body.home div#content div#home_content div.navigation ul {
                margin-bottom:10px;
                }
                
                body.home div#content div#home_content div.navigation ul li {
                    font-size:.9em;
                    list-style-type:none;
                    list-style-position:outside;
                    list-style-image:none;
                    margin-left:0px;
                    font-family:Arial, Verdana, Sans-Serif;
                    text-transform:uppercase;
                    }

                    body.home div#content div#home_content div.navigation ul li a {
                        color:#e5b846;
                        }
                    body.home div#content div#home_content div.navigation ul li.on a {
                        color:#fff;
                        }
                        
            
        body.home div#content div#home_content div.inner_content {
            position:absolute;
            bottom:20px;
            left:310px;
            z-index:1000;
            width:600px;
            }
            
            body.home div#content div#home_content {
                color:#e4ddc6;
				margin-bottom: 25px;
				position:relative;
				width:600px; /* ie needs width to trigger haslayout */
                }
                body.home div#content div#home_content h1.home_production {
                    color:#e4ddc6;
                    font-size:2.1em;
                    margin:0;
                    }
                    body.home div#content div#home_content a.buy_btn {
                        margin-left:15px;
                        }
                body.home div#content div#home_content p {
                    color:#c6b086;
                    font-family:Verdana, Arial, Sans-Serif;
                    }
           
                body.home div#content div#home_content h2.home_header {
                    margin-top:0px;
                    color:#fff;                
                    }
                    
        
        body.home div.push {
			height: 165px;
		}

            
			body.home div.callout {
                font-size: 0.85em;
				margin:10px 0;
                float:left;
                width:190px;
                margin-right:15px;
                border:none;
                padding:0;
                background:url(../../_img/common/home_callout_border.gif) no-repeat top right;
                }
                body.home div.callout h3 {
                    margin-top:0;
                    color:#634b1c;
                    font-size:1.1em;
                    font-weight:bold;
                    } 
                body.home div.callout.last {
                    margin-right: 0;
                }
                    body.home div.callout p {
                        color: #8B8779;
						padding:0 15px 0 0;
                    }
            
            body.home div#calloutGroup
            {
                position:relative; float:left; padding-left:290px;                
                }
                
            body.home div#subscribe.callout 
            {
                position:absolute;
                width:285px;
                top:0;
                left:0;
                padding-left:10px;
                background:url(../../_img/common/home_callout_border.gif) no-repeat top left;
                }
            
            body.home div.callout h3.callout_big {
                color:#725826;
                font-size:1.7em;   
                margin-bottom:0px;            
                }
                
                
        
        body.home div#footer {
            background-image:none !important;
            height: 165px !important;
			}
		body.home div#footer div#gold_bar {
			display: none;
		}
        body.home div#footer div#inner_footer {
			background:url(../../_img/common/footer_home.gif) no-repeat bottom right;
			height:165px;
			}
                 
            body.home div#footer div#inner_footer p.date {
                color:#333;
                display:block;
                float:left;
                }
            body.home div#footer div#inner_footer div#nav_group {
                float:left;
                margin:0;
                }
                
                body.home div#footer div#inner_footer div#nav_group ul#footer_nav {
                    float:left;
                    display:inline;
                    width:700px;
                    padding-top:17px;
                    }
                    body.home div#footer div#inner_footer div#nav_group ul#footer_nav li {
                        float:left;
                        display:inline;
                        line-height:1.5em;
                        margin-right:15px;
                        }
                        body.home div#footer div#inner_footer div#nav_group ul#footer_nav li a {
                            color:#634b1c;
                            }
    
    
    /* Audio Gallery */    
    
    div.audio_wrapper div.panel {        
        }
        div.audio_wrapper div.panel h2, div.audio_wrapper div.panel h3 {
            margin-top:20px;
            }
        div.audio_wrapper div.panel a.transcript {
            border-left:1px solid #000;
            margin-left:5px;
            padding-left:10px;
            }
    
    
    
    /* Image Gallery */ 
    
        div#gallery_wrapper {
		    position:relative;
		    }
    
        div.slide_details {
		    font-family:Verdana, Arial, Sans-Serif;
		    margin-bottom:20px;
			}
			div.tabpanels h2.image_title {
			    margin-top:20px;
			    }
			div.tabpanels div.slide_details h4 {
			    margin:15px 0 10px 0;
			    color:#491212;
			    overflow:hidden;
			    }
			div.slide_details p {
			    font-size:.9em;
				margin:0;
				font-family:Verdana, Arial, Sans-Serif;
				}
				div.slide_details p.credit {
				    color:#666;
				    margin-top:10px;
				    }
			div.slide_details img {
			    margin-bottom:60px;
				width:611px;
				height:343px;
				}
        
        /* sidescroller*/
        .sidescroller_wrap.nojs{} /* nojs class gets removed via js*/

        .sidescroller_wrap.nojs .sidescroller_frame ul.slidelist{width:auto;}
        .sidescroller_wrap.nojs .sidescroller_controls{display:none;}

        .sidescroller_wrap{}

        .sidescroller_frame{
	        /* set explicit width on frame and set overlfow to hidden */
	        position:relative;
	        overflow:hidden;
	        width:612px;
			position:absolute;
			top:344px;
			left:0px;
			overflow:hidden;
            }
	        div#primary_column .sidescroller_frame ul.slidelist{
		        list-style:none;
		        width: 100000px; /*keeps "slides" from wrapping*/
		        margin:0;
	            }
        	
	        div#primary_column .sidescroller_frame ul.slidelist li {
		        float:left; 
		        width:99px;	/* fixed width and height of thumbs defined here */
				height:57px;
		        margin:0 3px 0 0;
		        padding:0;
		        list-style-image:none;
		        list-style-position:inside;
		        list-style-type:none;
	            }
	        .sidescroller_frame ul.slidelist li.selected {
		        border-color: #090;
	            }
	        .scroller_controls li.previous.disabled a {
		        background-image:none;
	            }
	        .scroller_controls li.next.disabled a {
		        background-image:none;
	            }
	        
	        .sidescroller_frame ul.slidelist li img {
				width:99px;	/* fixed width and height of thumbs defined here */
				height:57px;
				border: 1px solid #000;
				filter:alpha(opacity=50);
				opacity:.50;
				}
			.sidescroller_frame ul.slidelist li.selected img {
			    filter:alpha(opacity=100);
				opacity:100;
			    }
        	
        /*
        .scroller_controls ul{
	        list-style:none; margin:0;
        }
	        .scroller_controls ul li{display:inline;}
	        .scroller_controls ul li a {}
	        .scroller_controls ul li.selected{
		        background-color:#ccc;
	        }
	        .scroller_controls ul li.previous{}
	        .scroller_controls ul li.next{}
        	
        #slidespinner{
	        position:absolute;
	        background: #ffffff url("../img/ajax-loader.gif") no-repeat	center center;
        }
        */
        
        .scroller_controls{		/* these controls need to be positioned absolute or relative, as they cannot live within update panel */
					list-style:none; 
					margin:0;
					padding:0;				
					width:621px;
					height:20px;
					float:left;
					position:absolute;
					top:60px;
				}
					.scroller_controls li{display:inline;}
					.scroller_controls li a {}
					.scroller_controls li.selected{
						background-color:#ccc;
					}
					.scroller_controls li.previous a { 
						float:left;
						position:absolute;
						bottom:10px;
						left:-41px;
						background:url("../../_img/common/gallery_prev_arrow.png") no-repeat top right;
						display:block;
						width:50px;
						height:50px;
						}
						.scroller_controls li.previous a span {
							position:absolute;
							left:-5000px;
							}
					.scroller_controls li.next a { 
						float:left;
						position:absolute;
						bottom:10px;
						right:10px;
						background:url("../../_img/common/gallery_next_arrow.png") no-repeat top right;
						display:block;
						width:50px;
						height:50px;
						}
						.scroller_controls li.next a span {
							position:absolute;
							left:-5000px;
							}
							

					#slidespinner{	/* if needed */
						/*
						position:absolute;
						background: #ffffff url("../images/common/waiting.gif") no-repeat center center;
						*/
					}		

		
		
		/*** Video Gallery ***/
		
		    
		    div.video_wrapper {
		        margin-top:20px;
		        height:344px;
		        }
		        
		    div.tabpanels h2.video_title {
		        margin-top:15px;
		        }
		    
		    div.video_thumb {
		        margin-top:20px;
		        width:100px;
		        float:left;
		        margin-left:20px;
		        }
		        div.video_thumb a {
		            float:left;
		            }
		        
		    div.video_thumb.last {
		        margin-left:0px;
		        }
		        div.video_thumb a {
				    background-color:#000;
				    }
				    div.video_thumb.selected a {
				    background:transparent;
				    }
    				
			    div.video_thumb img {
				    width:99px;	/* fixed width and height of thumbs defined here */
				    height:57px;
				    border: 1px solid #000;
				    filter:alpha(opacity=50);
				    opacity:.70;
				    }
			    div.video_thumb.selected img {
			        filter:alpha(opacity=100);
				    opacity:100;
			        }
		    
		    
		
		
		/*** Video Gallery ***/
    
    
    /* Sign In / Forgot Password */
    
    div#col1 {
        float: left;
        width: 48%;
    }
    div#col2 {
        float: right;
        width: 48%;
    }
    
    a#create_account {
        display: block;
        background: transparent url(../../_img/buttons/create_account.gif) no-repeat scroll top left;
        width: 152px;
        height: 26px;
    }
        a#create_account span {
            position: absolute;
            left: -999999em;
        }
        
    /* My Preferences */
    
    /* my account landing, brochure request */
    fieldset#brochure.form_preferences input[type="image"], fieldset#brochure.form_preferences input.image {
        margin:10px 0;
    }
    
    table.check_group {
        margin-bottom:15px;
        }
    table.check_group label {
        padding-left:10px;
        padding-right:20px;
        }
    
    
    /* /My Preferences */
    
    
    /* My Account Section */
    
    div.error {
        margin:10px 0 10px 0;
        border:5px solid #c6bfab;
        background-color:#ddd5bd;
        }
        div.error h3 {
            padding:10px 15px 0 15px;
            }
         div.error p {
            padding:10px 15px 25px 15px;
            margin-top:0px;
            margin-bottom:0px;
            background-color:#f2efe4;
            }
    
    /* past performances date selection */
    
    div.date_select {
        }
        
        div.date_select div.hr {
            margin:10px 0;
            }
    
        div.cal_start_date {
            float:left;
            position:relative;
            display:inline;
            margin-right:15px;
            z-index:3;
            }
             div.cal_start_date label {
                font-size:.9em;
                font-family:Verdana, Arial, Sans-Serif;
                }
             div.cal_start_date input {
                width:135px;
                }
        
        
        div.cal_end_date {   
            float:left;     
            position:relative;
            display:inline;
            margin-right:20px;
            z-index:1;
            }
            div.cal_end_date label {
                font-size:.9em;
                font-family:Verdana, Arial, Sans-Serif;
                position:relative;
                z-index:1;
                }
            div.cal_end_date input {
                width:135px;
                }
            
        /* minical */        

        div.dateinput {
            position:absolute;
            top:-30px;
            right:-180px;
            z-index:2;
            }

        
            
    /* /My Account Section */
    
    
    /* /Sign In / Forgot Password */
    
    
    /* Donate Page */
    div#primary_column ul#donation_types {
        padding: 0;
        margin: 0 0 20px;
    }
        div#primary_column ul#donation_types li {
            list-style: none;
            padding: 0;
            margin: 0;
        }
            div#primary_column ul#donation_types li h2 {
                clear: both;
            }
            div#primary_column ul#donation_types li fieldset input.text {
                width: 10em;
            }
        
    
    /* Calendar */
    div.calendar_select {
        width:283px;
        float:left;
        position:relative;
        }
    
    div.calendar_select h1 {
        }
    div.calendar_select label {
        float:left;
        margin-right:5px;
        }

    div.calendar_select a#availability_info, div.calendar_select a#availability_info_btm {
        clear:both;
        background: transparent url(../../_img/common/help_icon.gif) no-repeat scroll left center;
        line-height: 2em;
        font-size: 0.85em;
        height: 15px;
        padding-left: 22px;
        padding-top:5px;
        margin-top: 3em;
    }
    
    div.calendar_controls {
        position:absolute;
        width:20px;
        /*top:20px;*/
        /*right:50px;*/
        top: 5px;
        right: 15px;
        }   
            div.calendar_controls a.arrow_right {
                display:block;
                width:4px;
                height:7px;
                background:url(../../_img/common/red_arrow_right.gif) no-repeat top left;
                float:right;
                }
            div.calendar_controls a.arrow_left {
                display:block;
                width:4px;
                height:7px;
                background:url(../../_img/common/red_arrow_left.gif) no-repeat top left;
                float:left;
                }
    
    div.calendar_info {
        width:632px;
        float:left;
        }
        div.calendar_info div.callout {
            width:178px;
            margin: 10px 0 10px 0px;
            padding:0 20px 0 10px;
            border-left:2px solid #AB9A76;
            border-right:none;
            }
        div.calendar_info div.callout.first {
            margin-left:0px;
            }
            div.calendar_info div.callout p {
                padding-right: 0;
            }
            div.calendar_info div.callout h2 {
                margin-top:0px;
            }
    
    
    div.calendar_wrapper {
        /*margin: 20px 0;*/
        margin: 10px 0;
        padding:5px;
        background:#f2efe4;
        }
    table#calendar {
	    width: 100%;
	    background:#f2efe4;
    }
	    table#calendar th {
		    padding: 8px 2px 2px 8px;
		    background: #6a5250;
		    color: #e4ddc6;
		    font-weight: bold;
		    text-align: left;
	    }
	    table#calendar td {
		    width: 14%;
		    vertical-align: top;
		    padding: 2px 7px;
		    border-right: 1px solid #b2a382;
		    border-top: 1px solid #b2a382;
		    border-bottom:1px solid #b2a382;
		    font-size: 0.9em;	
		    font-family:Verdana, Arial, Sans-Serif;	    
	    }
	    table#calendar td.first {
            border-left: 1px solid #b2a382;
            }
            
	        table#calendar td span.date {
	            color:#963030;
	            font-weight:bold;
	            font-family:Arial, Verdana, Serif;
	            }
	        table#calendar td h4 {
	            text-transform:none;
	            font-size:11px;
	            margin-bottom:0px;
	            }
	        table#calendar td p {
	            margin-top:0px;
	            }
	         table#calendar td span.availability {
	            color:#666;
	            font-style:italic;
	            }
	        table#calendar td a.buy_btn {
                display:block;
                width:74px;
                height:19px;
                background:url(../../_img/buttons/btn_buy_tickets.gif) no-repeat top left;
                margin-top:10px;
                }
        
        table#calendar td div.otherEvents {
            margin-left:-7px;
            margin-right:-7px;
            padding:5px;
            background:#e4ddc6;
            }
	            
	        
	            
	    table#calendar td.in {
		    background: #f2efe4;
	    }
	    table#calendar td.out {
		    background: #f2efe4;
	    }

    /* calendar footer */

    div.calendar_footer_copy {
        float:right;
        width:600px;
        }
    div.calendar_footer_noperf {
        float:left;
        
        }
    
    
    
    /* Season Landing */
    
    div.season_landing_page {        
        }
        div.season_landing_page div.cartbuttons a.season_buy_btn {
            
            }
        div.season_landing_page div.cartbuttons a.season_buy_btn {
            margin-right:20px;
            }
        
        div.season_landing_page div.left_col {
            float:left;
            width:300px;
            margin-right:15px;
            margin-bottom:40px;
            }
            div.season_landing_page div.left_col p {
                font-family:Verdana, Arial, Sans-Serif;
                font-size:11px;
                }
                
        div.season_landing_page div.right_col {
            float:left;
            width:300px;
            margin-bottom:40px;
            font-size:1.1em;
            }
            div.season_landing_page div.right_col p {
                font-family:Verdana, Arial, Sans-Serif;
                font-size:11px;
                }
        
    
    
    
    
    /* Event Detail Page */
    
body.prod_detail {          /* setting a different body background for production detail, and adjusting header and secondary nav */
    background:#e4ddc6 url(../../_img/common/bg_tallheader.gif) repeat-x top left;
    }
    body.prod_detail div#header {
        height:475px;
        } 
    body.prod_detail div#header img {
        height:342px;
        width:610px;
        float: none;
        }
    body.prod_detail div#header div.production_video {
        position:relative;
        }
    body.prod_detail div#header div.production_video div.inner_video {
        position:absolute;
        top:55px;
        left:340px;
        }
    body.prod_detail div#secondary_column { 
        margin-top:-369px;
        }
    body.prod_detail div#secondary_column div.secondary_inner { 
        min-height:310px;
        }
        
        
    div#primary_column div#event_detail_content div#tab_content {
        margin-top:20px;
        }
    
    a.buy_tix_jump {
        float:left;
        }
    
    div.star_listing {
        float:left;
        width:135px; 
        margin-right:10px;
        margin-bottom:10px;
    }
        div.star_listing h4 {
            font-family: Arial, Verdana, Sans-Serif;
            font-size: 0.923em;
        }
        div.star_listing p {
            font-size: 0.85em;
        }
            div.star_listing p span.date {
                text-transform:uppercase;
            }
    
    div.buy_tickets_module {
        margin:20px 0;
        }
    
    
    div.event_footer {
        margin-bottom:20px;
        }   
        div.event_footer p {
            font-family:Verdana, Arial, Sans-Serif;
            font-size:.9em;
            margin:0;
            }
    
    
    /* secondary column vertical callouts for event detail related */         
    
   div#secondary_column  div.related_callouts div.callout_wrapper {
        background:#ede8d9;
        }

    
    				
    /*styles to support detail tip on calendar page*/    
    #detailtip {
	    width: 309px;
	    position:absolute; 
	    left:-10000px;
	    z-index:9;
	    margin:0;
	    padding: 10px; /* enough padding for arrow*/
	    font-size:1.1em;
        }
	    #detailtip div.dt_arrow {
		    width:11px;
		    height:11px;
		    position:absolute;
		    top:0; 
		    left:0;
	        }
		    #detailtip.east div.dt_arrow{background: transparent url("../images/common/detailtip_arrow_east.png") no-repeat center center; }
		    #detailtip.west div.dt_arrow{background: transparent url("../images/common/detailtip_arrow_west.png") no-repeat center center; }
    			
		    #detailtip div.dt_head {
			    height:34px;
			    background: transparent url("../../_img/common/detailtip_top.png") no-repeat left top;
		        }
			    #detailtip div.dt_head div.dt_close {
				    position:absolute;
				    right:33px;
				    top: 25px;
			        }
			    #detailtip div.dt_head div.dt_close a {
				    background: transparent url("../../_img/common/x_yellow.gif") no-repeat center center;
				    text-indent: -999999em;
				    display:block;
				    width: 7px;
				    height:6px;
			        }
    			
		    #detailtip div.detailtip_content {
			    background: transparent url("../../_img/common/detailtip_content.png") repeat-y left top;
			    padding: 10px 15px 1px 15px;
			    position: relative;
		        }
			    #detailtip div.detailtip_content a.lnk_prodimage{
				    display: block;
				    float: left;
				    padding-right: 10px;
				    margin: 0 0 2em 0;
			        }
			    #detailtip div.detailtip_content a.lnk_prodimage img {
			        float: left;
	                position: absolute;
	                width: 294px; 
	                height: 166px;
	                top: 0px;
	                right: 10px;
			    }
			    #detailtip div.detailtip_content div.prodinfo{color:#333;}
			    #detailtip div.detailtip_content h2{margin-top:0; text-transform:uppercase;}
			    #detailtip div.detailtip_content a.lnk_buy{}
			    #detailtip div.detailtip_content a.lnk_learnmore{}
			    #detailtip div.detailtip_content p.synopsis{color:#666;}
			    #detailtip div.detailtip_content span.series {
                    font-style:normal;
                    float:left;
                }
                #detailtip div.ticket_info {
                    width:auto;
                    margin-right:10px;
                }
                #detailtip div.detailtip_content div.prodinfo {
                    margin-top:150px;
                }

		    #detailtip div.dt_foot
		    {
		   
			    height:22px;
			    background: transparent url("../../_img/common/detailtip_bottom.png") no-repeat left top;
		    }

    a.detailtip_trigger{}

        /* detail tip inner html styles */
        #detailtip div.ticket_info {
            width:155px;
            float:right;
            
            }
            #detailtip div.detailtip_content div.ticket_info a#link_buy {
                margin-top:0px;
                }
            #detailtip div.ticket_info span {
                font-style:italic;
                }
        
        #detailtip div.header {
            position:absolute;
            top:-23px;            
            }
            #detailtip div.header h4 {
                color:#e4ddc6;
                }
            
        #detailtip div.detailtip_content h4 {
            margin:0px;
            }
        #detailtip div.detailtip_content p {
            margin-bottom:0px;
            }
        #detailtip div.detailtip_content span.series {
            font-style:italic;
            }
        #detailtip div.detailtip_content a#link_buy {  
            display:block;
            margin:10px 0;
            }
            
            

    /* Ticket module */
    div.buy_tickets_module h2 {
        float: left;
        margin: 0 0 0.5em;
    }
    div.buy_tickets_module a#availability_info {
        background: transparent url(../../_img/common/help_icon.gif) no-repeat scroll left center;
        float: right;
        line-height: 1.25em;
        font-size: 0.85em;
        height: 15px;
        padding-left: 22px;
        margin-top: 0.35em;
    }
        
        div.ticket_module {
            color: #333;
            background: #DDD5BD;
            border: 5px solid #6A5250;
            font-family: Verdana, Geneva, Arial, Sans-Serif;
            font-size: 0.85em;
        }
            div.ticket_module table {
                width: 100%;
            }
                div.ticket_module table tr {
                    background: #F2EFE4 url(../../_img/common/ticket_module_row_bg.gif) repeat-x scroll left bottom;
                }
                    div.ticket_module table tr td {
                        padding: 0.25em 0.5em 0.45em;
                    }
                        div.ticket_module table tr td a {
                            text-transform: uppercase;
                        }
                    
        div.ticket_module p {
            float: right;
            margin: 2.5em 1em 1.1em;
        }
        div.ticket_module fieldset {
            float: left;
            padding: 1em 1em 2em;
        }
            
    div#availability_legend {
        left: 628px;
    }
	    div#availability_legend div.dhtml_window_content {
	        font-size: 0.8em;
	    }
	        div#availability_legend ul {
	            list-style: none;
	        }
	            div#availability_legend ul li {
	                background: #F2EFE4 url(../../_img/common/hr_dotted.gif) repeat-x left bottom;
	                list-style-image: none;
	                list-style-type: none;
	                padding: 0.75em 0;
	                margin: 0 7px 0 0;
	            }
	            div#availability_legend ul li.last {
	                background-image: none;
	            }

    /**** CART STYLES ****/
    
    div.cart_bg {
        background:#f2efe4;
        }
        div.cart_bg h2 {
            margin:10px 0 0 0;
            padding-top:10px;
            margin-left:15px;
            }
        
    div.cart_page h1.floatleft {
        display: block;
        width: 200px;
        }
    div.cart_page div#cart_wrapper h3 {
        float: none;
    }
    
    div#cart_wrapper {
        clear: both;
        background: #f2efe4;
        width: 910px;
        padding: 5px;
        margin: 1em 0;
    }
    
    table.shoppingcart {
	    width: 910px;
	    margin: 0;
        border-right: 1px solid #bcae91;
        border-left: 1px solid #bcae91;
    }
        table.shoppingcart tr {
        }
	    table.shoppingcart th {
		    font-family: Arial, Helvetica, Sans-Serif;
		    background: #6a5250;
		    color: #E4DDC6;
		    font-weight: bold;
		    text-align: left;
		    padding: 5px;
	    }
	        table.shoppingcart td {
	            font-family: Verdana, Arial, Sans-Serif;
	            font-size: 0.85em;
	            background: #f2efe4;
		        vertical-align: top;
		        line-height: 1.3em;
		        border-bottom: 1px solid #d7ceba;
		        padding: 10px 5px 5px;
	        }
        table.shoppingcart tr.noBorderRow td
        {
            border-bottom:0px;
            padding-bottom: 0px;
        }
        table.shoppingcart tr.borderRow td
        {
            padding-top:0px;
        }
	        /* all col widths + padding MUST add up to shoppingcart total width */

	        table.shoppingcart td.colA, table.shoppingcart th.colA {
	            width: 295px;
	            padding-left: 14px;
	        }
	        table.shoppingcart td.colB, table.shoppingcart th.colB {
	            width: 170px;
	        }
	        table.shoppingcart td.colC, table.shoppingcart th.colC {
	            width: 180px;
	        }
	        table.shoppingcart td.colD, table.shoppingcart th.colD {
	            width: 95px;
	        }
	        table.shoppingcart td.colE, table.shoppingcart th.colE {
		        width: 100px;
		        text-align: right;
		        padding-right: 14px;
	        }
	        
	            table.shoppingcart td.colA strong.perf_title {
	                display: block;
	                margin-bottom: 1em;
	                text-transform:none;
	            }

	        table.shoppingcart table.innercart {
	            margin-bottom: 15px;
	        }
	            table.shoppingcart table.innercart tr {
	                border: none;
	            }
	                table.shoppingcart table.innercart tr td {
	                    border: none;
	                    padding: 0 5px 5px;
	                }
	                table.shoppingcart table.innercart tr td.colE {
	                    padding-right: 0;
	                }

	        table.shoppingcart .triosCartSavings {
		        color: #999; 
		        text-align:right;
	        }
	        
	        table.shoppingcart .triosPrevPrice {
		        color: #999; 
		        padding-right: 10px;
		        text-decoration: line-through;
	        }
	        
	        table.shoppingcart div.subtotal {
		        margin: 0.4em 0;
		        text-align: right;
	        }
	        table.shoppingcart div.total {
		        font-weight: bold;
		        font-size: 1.45em;
		        text-align: right;
		        margin: 2.25em 0 0.8em;
	        }

	        table.shoppingcart td.colBCDE { /* contains single tix nested table.innercart */
	            width: 580px;
	            padding: 10px 14px 0 0;
	        }
	        table.shoppingcart td.colAB { /* cart totals spacer */
	            width: 500px;
	            padding-left: 14px;
	        }
	        table.shoppingcart td.colCD { /* cart totals */
	            width: 265px;
	        }
	        table.shoppingcart td.colBCD { /* combined description column */
	            width: 455px;
	        }
	        table.shoppingcart td.colABCDE { /* colspan = all */
	            width: 880px;
	            padding-left: 14px;
	            padding-right: 14px;
	        }

    div#promo_alert {
      float: left;
      width: auto;
      height: 40px;
      line-height: 40px;
      /*margin-bottom: 15px;*/
    }
    
    div#promo_alert img {
      float: left;
      width: auto;
      padding-right: 10px;
    }
    
    div#promo_alert a {
      color: #069;
      font-weight: bold;
    }

    div.cartbuttons {
	    /*float: right;*/
	    /*width: auto;*/
	    padding: 7px 0;
	    margin: 0;
	    text-align: right;
    }
    
    div.cartbuttons a {
      display: inline-block;
      height: 26px;
      border: 1px solid #e4ddc6;      
    }    
    
    div.cartbuttons img {
      margin-left: 15px;
      display: inline;
    }
    
    div.cartbuttons a.button:link, a.button:visited a.button:hover, a.button:visited:hover{
	    text-decoration: none;
	    position: relative;
	    /*display: block;*/
	    /*margin-left: 10px;*/
    }

    div.emptycart {
    }
    
    

    /*** reserve page ***/
    
    div.reserve_primary {
    }
        div.reserve_primary img.floatleft {
            margin-right:15px;
            }
        div.reserve_primary p.date_info {
            font-family:Arial, Verdana, Sans-Serif;
            font-weight:bold;
            text-transform:uppercase;
            color:#000;
            }
             div.reserve_primary p.date_info span.perf_date {
                float:left;
                padding-right:5px;
                }
            div.reserve_primary p.date_info a.perf_date {
                text-transform:lowercase;
                }
        div.reserve_primary div.reserve_content {
            margin:15px 0 10px 0;
            }
        
        div.reserve_primary div.reserve_content p.requiredField {
            color:#CC3333;
            }
        
        div.reserve_primary div.perf_info {
            float:left;
            width:300px;
            margin-right:15px;
            }
        div.reserve_primary div.promo_reserve {
            float:right;
            padding:10px;
            border:5px solid #c6bfab;
            width:275px;
            }
            div.reserve_primary div.promo_reserve fieldset label {
            clear:both;
            display:block;
            }
            div.reserve_primary div.promo_reserve p {
                margin-bottom:0px;
                }
                
                
        
        /* promo code copy */
        
        div.promo_copy {
            margin:15px;
            }
            
            
            /* production detail page promo copy */
            div.ticket_module div.promo_copy p {
                float:none;
                margin:0;
                }
                
            /* reserve page promo copy */
            div.reserve_primary div.promo_copy {
                margin:0;
                font-size:.9em;
                }
    
    /* syos */
    
    div#primary_column ul.perf_detail_tabswitch {
        width:100%;
        background:#6a5250;
        float:left;
        height:30px;
        padding:0;
        margin:0;
        }
        ul.perf_detail_tabswitch li {
      
            padding:5px 20px 5px 20px;
            margin:0;
            list-style-type:none;
            display:block;
            float:left;
            font-family:Georgia, Times New Roman, Serif;
            text-transform:uppercase;
            font-size:1.1em;
            font-weight:bold;
            color:#fff;
            list-style-position:outside;
            }
            ul.perf_detail_tabswitch li a {
                color:#fff;
                display:block;
                }
        ul.perf_detail_tabswitch li.on {
            background:#f2efe4;
            color:#6a5250;
            }
            
    
    div.select_seat_wrapper {
        background:#f2efe4;
        margin:0 0 20px 0;
        padding:15px 5px 10px 5px;
        float:left;
        width:925px;
        }
        div.select_seat_wrapper h4.floatleft {
            display:block;
            width:170px;
            font-family:Georgia, Times New Roman, Serif;
            font-size:1.2em;
            margin:0 0 15px 10px;
            color:#6a5250;
            }

        div.select_seat_wrapper div.select_inner {
            float:left;
            border:1px solid #bfb398;
            padding-bottom:20px;
            }
                    
        div.select_seat_wrapper div.select_seating {
            float:left;
            width:925px;
            }
            
            div.select_seat_wrapper div.select_seating table.selectseating {
                width:925px;
                padding:2px;
                }
                div.select_seat_wrapper div.select_seating table.selectseating th {
                    font-size:1.1em;
                    font-weight:bold;
                    text-transform:uppercase;
                    border-bottom:1px dotted #000;
                    }
                
                div.select_seat_wrapper div.select_seating table.selectseating td {                    
                    padding:5px 0;
                    }
                div.select_seat_wrapper div.select_seating table.selectseating td.radiocol {
                    padding:3px 7px;
                    width:15px;
                    }
                div.select_seat_wrapper div.select_seating table.selectseating td.section {
                    width:240px;
                    text-align:left;
                    }
                div.select_seat_wrapper div.select_seating table.selectseating td.pricetype {   
                    padding-right:20px;               
                    }
                 div.select_seat_wrapper div.select_seating table.selectseating td span.availability {
                    font-style:italic;
                    }
                    table div.select_seat_number input {
                        margin-left:205px;
                        }
            
                        
            
        div.select_seat_wrapper div.select_seat_number {
            clear:both;
            float:left;
            width:925px;
            margin:20px 0 0 0;
            }
            div.select_seat_wrapper div.select_seat_number table.selectquantity {
                width:925px;
                padding:2px;
                }
                div.select_seat_wrapper div.select_seat_number table.selectquantity td {
                    padding:5px 0;
                    }
                    div.select_seat_wrapper div.select_seat_number table.selectquantity th {
                        font-size:1.1em;
                        font-weight:bold;
                        text-transform:uppercase;
                        border-bottom:1px dotted #000;
                        }
                    div.select_seat_wrapper div.select_seat_number table.selectquantity td.radiocol {
                        padding:3px 7px;
                        width:15px;
                        }
                    div.select_seat_wrapper div.select_seat_number table.selectquantity td.section {
                        width:240px;
                        text-align:left;
                        }
                    div.select_seat_wrapper div.select_seat_number table.selectquantity td.pricetype {    
                        padding-right:20px;                
                        }
                        
    fieldset#form_reserve { min-height: 600px; }
    
    /*** /reserve page ***/
    
    
    /*** Opera Shop ***/
    
    body.opera_shop {
        background-color:#fff;
        }    
     
    body.opera_shop div.hr {
        background:url(../../_img/common/hr_white.gif) repeat-x top left;
        clear: both;
	    height: 4px;
	    overflow: hidden;
	    margin: 0 0 1.5em 0;
        }
        
    body.opera_shop p {
        color:#666;
        font-size:.9em;
        line-height:1.8em;
        }
        
        
    
    /* Landing Page */
    
    
    div.shop_feature {
        width:300px;
        float:left;
        margin-bottom:20px;
        }        
        div.shop_feature.first_feature {
            margin-right:20px;
            }
        
    
    /* Category Page */
    
    div.category_info {
        margin-bottom:20px;
        }
        div.category_info img {
            float:left;
            margin-right:20px;
            }
        
    
    
    div.shop_pagination {
        color:#666;
        margin-top:40px;
        margin-bottom:10px;
        line-height:2em;
        clear:both;
        }
        div.shop_pagination span.sort {
            display:block;
            width:300px;
            float:left;
            }
        div.shop_pagination span.item_count {
            display:block;
            width:200px;
            float:left;
            text-align:center;
            }
        div.shop_pagination span.prev_next {
            width:120px;
            display:block;
            float:right;
            text-align:right;
            }
        
    
    div.category_item {  
        padding:20px 0;
        border-bottom:1px dotted #666;   
        height:1%;   
        }
        div.category_item div.left_col {
            float:left;
            width:165px;
            margin-right:20px;
            }
        div.category_item div.right_col {
            float:right;
            width:425px;
            }
            div.category_item div.right_col h3 {
                margin-top:0;
                }

        
    
    div#merch_addon_wrapper.pretty_form {
        float:left;
        }
        div#merch_addon_wrapper.pretty_form h3 {
            padding-top:20px;
            }
            
    div#merch_addon_wrapper div.merch_group {
        border:1px solid #B7A886;
        margin:0pt;
        padding:1em;
        float:left;
        background:#F2EFE4;
        }
        
  
        div#merch_addon_wrapper.pretty_form div.merch_item {
            }
        
        div#merch_addon_wrapper.pretty_form div.merch_item div.left_col {
            float:left;
            width:300px;
            }
        
        div#merch_addon_wrapper.pretty_form div.merch_item div.right_col {
            float:right;
            width:570px;
            margin-bottom:30px;
            }
            div#merch_addon_wrapper.pretty_form div.merch_item div.right_col h4 {
                margin-top:0px;
                }
            
            div#merch_addon_wrapper.pretty_form fieldset.merch_form {
            border:none;
            padding:0;
            }
    
    
    div.detail_home div.pretty_form {   /* overriding shared merch control that also lives in subs */
        background:#fff;
        }
        div.detail_home div.pretty_form div.merch_group {
            border:none;
            background:#fff;
            padding:0px;
            }
            
          div.detail_home div.pretty_form div.merch_item div.left_col {
            width:190px;
            margin-right:10px;
            }
          
          div.detail_home div.pretty_form div.merch_item div.right_col {
            width:415px;
            }           
              div.detail_home div.pretty_form div.merch_item div.right_col h2 {
                margin-top:0px;
                }
            
            div.detail_home div#merch_wrapper.pretty_form div.merch_item div.right_col h3 {
                float:left;
                padding:0px;
                margin:0px 15px 0 0;
                }
            
            div.detail_home div.pretty_form div.merch_item div.right_col div.sale_info {
                position:relative;
                top:-3px;
                }
                div.detail_home div.pretty_form div.merch_item div.right_col div.sale_info span {
                    color:#cc3333;
                    text-decoration:line-through;
                    margin-right:10px;
                    }
                div.detail_home div.pretty_form div.merch_item div.right_col div.sale_info img {
                    position:relative;
                    top:5px;
                    }
           
           div.detail_home div.pretty_form div.merch_item fieldset.merch_form label {
            width:90px;
            }
            div.detail_home div.pretty_form div.merch_item fieldset.merch_form select {
                margin-right:10px;
                }
         
         
          div.merch_group fieldset.merch_form {
            width:300px;
            }
         
          ol.quantity {
            position:relative;
            }
            ol.quantity a.update_price {
                position:absolute;
                top:-30px;
                right:-70px;
                }
                
        
        p.detail_pagination {
            margin:10px 0;
            }
            p.detail_pagination a.previous_item {
                float:left;
                }
            p.detail_pagination a.next_item {
                float:right;
                }
    
    
    /*** Recommended Events ***/
    
    div#recommended_events {        
        margin-top:20px;
        }
        
        div#recommended_events h2 {
            margin-top:0px;
            }

    
        /* link h3 style, non-sifr */
         div#recommended_events h3.callout_title,  div#recommended_events .sIFR-active h3.callout_title {
            font-family:Arial, Verdana, Sans-Serif;
            color: #491212;
            font-size: 1.3em;
            font-weight: bold;
            line-height: 1.2em;
            margin: 1em 0 0.4em 0;
            letter-spacing:1px;
            text-transform:uppercase;
            }        


        div#recommended_events div.recommended_item {
            float:left;
            width:295px;
            margin-left:15px;
            margin-bottom:20px;
            }
            div#recommended_events div.recommended_item.first {
            margin-left:0px;
            }
            
            div#recommended_events div.recommended_item p {
                margin:3px 0;
                font-size:.9em;
                }
                div#recommended_events div.recommended_item ul {
                    font-size:.9em;
                    margin:10px 0;
                    list-style-type:none;
                    }
                div#recommended_events div.recommended_item ul li {
                    border-top:1px dotted #666;
                    border-bottom:1px dotted #666;
                    list-style-type:none;
                    list-style-image:none;
                    padding:5px 0;
                    margin:0;
                    }

                    
                /* send to friend link is image due to adjacent link being input button for ajax, this way visual style will match */
                div#recommended_events div.recommended_item ul li.send_friend a {
                    background:url(../../_img/common/send_friend.gif) no-repeat top left;
                    padding-left:30px;
                    display:block;
                    width:124px;
                    height:13px;
                    }
                    div#recommended_events div.recommended_item ul li.send_friend a span {
                        position:absolute;
                        left:-99999px;
                        }
                div#recommended_events div.recommended_item ul li input.rest_request {
                    background:url(../../_img/common/add_rest_reservation.gif) no-repeat top left;
                    display:block;
                    width:186px;
                    height:15px;
                    }
 
                div#recommended_events div.recommended_item ul li input.hide_request {
                    background:url(../../_img/common/hide_panel.gif) no-repeat top left;
                    display:block;
                    width:200px;
                    height:14px;
                    }
                
            /* restaurant reservation */
            
            div#recommended_events div.recommended_item ul li.reservation {
                border-top:none;
                }
            div#recommended_events div.recommended_item ul li.completed_res {
                border-top:none;
                }
                div#recommended_events div.recommended_item ul li.completed_res span.inner_res {
                    display:block;
                    margin-left:35px;
                    }
            
            
            input.rest_request, input.hide_request {
                background-color:transparent;
                border:none;
                color:#CC3333;
                /* background:url(../../_img/common/send_friend_icon.gif) no-repeat top left; */
                margin:0;
                padding:0 0 0 30px;
                width:auto;
                overflow:visible;
                cursor:pointer;
                -moz-user-select: text;
                /* border-bottom:1px solid transparent; */
                }
                input.rest_request:hover, input.hide_request:hover {
                    /* border-bottom:1px solid #CC3333; */
                    }
                
                input.rest_add {
                    float:right;
                    }
            
            div.reservation_options {
                float:left;
                background-color:#F2EFE4;
                padding:5px;
                }
                div.rest_header {
                    background-color:#6a5250;
                    }
                    div.rest_header h5 {
                        color:#e4ddc6;
                        margin:0;
                        padding:10px;
                        font-family: Arial, Verdana, Sans-Serif;
                        text-transform:uppercase;
                        }
                
                div.reservation_options div.inner_reserve {
                    float:left;
                    border:1px solid #6a5250;
                    padding:10px;
                    }
            
            div.select_time_col {
                width:140px;
                float:left;
                }

            div.select_seating_col {
                margin:0 0 10px 0;
                width:105px;
                float:left;
                }
                div.select_seating_col label {
                     float:left;
                     display:block;
                     width:80px;
                     }
                 div.select_seating_col input {
                    float:left;
                    margin-right:5px;
                    }
                 div.select_seating_col select {
                    margin-left:5px;
                    }
                    
            
            div.hide div.reservation_options {
                position:absolute;
                left:-9999px;
                }
            
            /* restaurant in cart */
             
             table.shoppingcart input.rest_request {
                    background:url(../../_img/common/add_rest_reserve_cart.gif) no-repeat top left;
                    display:block;
                    width:186px;
                    height:15px;
                    padding:0px;
                    margin-left:10px;
                    border:none;
                    }
 
                table.shoppingcart input.hide_request {
                    background:url(../../_img/common/hide_panel_cart.gif) no-repeat top left;
                    display:block;
                    width:200px;
                    height:14px;
                    margin-left:10px;
                    }
                    
                    
                    table.shoppingcart div.cart_rest_inner {
                        margin-left:10px;
                        }
                        
                        table.shoppingcart div.cart_rest_inner h5 {
                            text-transform:none;
                            }
                    
                        table.shoppingcart div.cart_rest_inner div.select_time_col {
                            width:200px;
                            float:left;
                            }

                    table.shoppingcart div.cart_rest_inner div.select_seating {
                        margin:0 0 10px 0;
                        width:200px;
                        float:left;
                        }
                        table.shoppingcart div.cart_rest_inner div.select_seating label {
                             float:left;
                             display:block;
                             width:140px;
                             }
                         table.shoppingcart div.cart_rest_inner div.select_seating input {
                            float:left;
                            margin-right:5px;
                            }
                    
            
            
            a.pederson_unavail {
                display:block;
                width:206px;
                height:28px;
                background:url(../../_img/common/dining_pedersen_rm.gif) no-repeat top left;
                }
            a.pederson_unavail_cart {
                display:block;
                width:298px;
                height:15px;
                margin-left:10px;
                background:url(../../_img/common/dining_peder_cart.gif) no-repeat top left;
                }
                a.pederson_unavail span, a.pederson_unavail_cart span {
                    position:absolute;
                    left:-9999px;
                    }
     
            
            
    /* recommended events for account section */
    
    div#recommended_events.account_recommended div.recommended_item {
            width:auto;
            float:left;
            margin:0 15px 20px 0;
            }
             div#recommended_events.account_recommended div.recommended_item div.image_col {
                float:left;
                width:280px;
                margin-right:30px;
                }
            div#recommended_events.account_recommended div.recommended_item div.recomended_copy {
                float:left;
                width:280px;
                }
                div#recommended_events.account_recommended div.recommended_item div.recomended_copy h3 {
                    margin-top:0;
                    }
                
                div#recommended_events.account_recommended div.recommended_item div.recomended_copy p.seats_header {
                    display:block;
                    float:left;
                    }
                div#recommended_events.account_recommended div.recommended_item div.recomended_copy p.seats_copy {
                    width:240px;
                    float:right;
                    }
    
    
    /* recommended events for account section - callout */
    
    div.callout_wrapper div.recommended_item p {
        margin-bottom:0px;
        }
    div.callout_wrapper div.recommended_item h4 {
        margin-top:5px;
        }
    div.callout_wrapper div.recommended_item a.learn_more {
        display:block;
        margin-top:5px;
        margin-bottom:15px;        
        }
        
            
    
    
    /*** /Recommended Events ***/
    
    
 
    
    /*** Checkout ***/
    
    /* Checkout Steps Indicator */
    ol#checkoutsteps {
        list-style: none;
        height: 26px;
    }
        ol#checkoutsteps li {
            float: left;
            height: 26px;
            padding: 0;
            margin: 0;
        }
        ol#checkoutsteps li.on {
            background: transparent url(../../_img/common/red_arrow_down.gif) no-repeat scroll center bottom;
        }
            ol#checkoutsteps li span {
                color: #b96b6b;
                font-family:Verdana, Arial, Sans-Serif;
                font-size: 0.85em;
                text-transform: uppercase;
                background: #942e2e;
                border-right: 1px solid #c69090;
                padding: 4px 39px;
            }
            ol#checkoutsteps li.on span {
                color: #f2efe4;
            }
            ol#checkoutsteps li.last span {
                border-right: none;
            }
    /* /Checkout Steps Indicator */
    
    dl.receiptinfo,
    dl.seriesinfo {}
        dl.receiptinfo dt,
        dl.seriesinfo dt {
            float: left;
            margin-right: 0.5em;
        }
    
    
    /*** /Checkout ***/
    
    
    /**** /Page Specific Styles ****/
 
/*
div.calendar_setup {}
div.calendarYear { display:inline-block; width:150px;float:left;text-align:center; }
div.calendarMonths { float:left; width:300px;vertical-align:middle; }
div.calendarMonths a{ float:left; width:100px;text-align:center;vertical-align:middle;height:50px; }
div.calendarMonths div { float:left;width:100px;display:inline-block; }
*/

div.calendar_years { display:block; height: 24px;}
div.calendarYear { float: left; width: auto; padding: 0 10px; border-right: 1px solid #6a5250; }
div.second { border: none; }
div.calendarYear a { cursor: pointer; color: #4F4D4D; }
div.calendarYear a:hover { color: #c33; }
div.calendarYear a.selected, div.calendarYear a.selected:hover { color: #c33; font-weight: bold; }
div.showingMonths { clear: both; overflow:hidden;height:168px;}
div.calendarMonths a { cursor: pointer; color: #634B1C !important; font-weight: normal; font-size: 13px; text-align: center; line-height: 46px; background: url(../../_img/common/month_calendar.png) center top no-repeat; display: block; width: 70px; height: 46px; float: left; margin-bottom: 10px;}
div.calendarMonths a:hover { text-decoration: none;font-weight:bold; }

div.calendarMonths a.inactiveMonth { opacity: .25; filter:alpha(opacity=25); cursor: default; }
div.calendarMonths a.activeMonth { color: #491212; opacity: .7; filter:alpha(opacity=70);  }
div.calendarMonths a.currentMonth { color: #634B1C; opacity: 1; filter:alpha(opacity=100); background-position: center bottom; font-weight: bold; }
div.calendarMonths a.activeMonth:hover, div.calendarMonths a.currentMonth:hover { opacity: 1; filter:alpha(opacity=100); }

#current_calendar { clear: both; }
#current_calendar h1 { display: inline-block; margin: 0 auto; padding: .5em 0 0;}


/*** Ticket Exchange ***/

div#recommended_events div.recommended_item p.ticket_actions {
 padding: 5px 0 0;  
}

div#recommended_events div.recommended_item li.ticket_actions a.exchange {
  background: url(../../uploadedImages/Checkout/ticket_exchage_25w.png) left center no-repeat;
  background-position: 0px 0px;
  padding: 5px 0 5px 30px;
  display:block;
}

div#recommended_events div.recommended_item li.ticket_actions a.cannotreturn:hover,
div#recommended_events div.recommended_item li.ticket_actions a.cannotreturn
{
  text-decoration:none;
}



div#recommended_events div.recommended_item p.alreadyInCart {
 font-weight:bold;
 font-style: italic;
}

#ticketExchange {
  width: 922px;
	line-height: 1.5em;
}

	#ticketExchange .ticketExchangeInfo {
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}
		#ticketExchange .ticketExchangeInfo .ticketExchangeHeader {
			float: left;
			width: 68%;
			padding-right: 2%;
			border-right: 2px solid #AB9A76;
		}
			#ticketExchange .ticketExchangeInfo .ticketExchangeHeader img {
				float: left;
				width: auto;
			}
			#ticketExchange .ticketExchangeInfo .ticketExchangeHeader h1,  #ticketExchange .ticketExchangeInfo .ticketExchangeHeader p {
				padding-left: 65px;
			}
	#ticketExchange .ticketExchangeInfo .exchangeFromDetails {
		float: right;
		width: 28%;
	}	
#ticketExchange #exchangeTabs {
	height: 60px;
	clear: both;
	border-bottom: 10px solid #d2c7a5;
	position: relative;	
}
  #ticketExchange #exchangeTabs div {
    display: inline; 
  }
	#ticketExchange #exchangeTabs .tableft, #ticketExchange #exchangeTabs .tabright {
		display: block;
		width: 467px;
		height: 60px;
		position: absolute;
		top: 0;
	}
	#ticketExchange #exchangeTabs .tableft {
		left: 0;
	}
	#ticketExchange #exchangeTabs .tabright {
		right: 0;
	}	
	#ticketExchange #exchangeTabs .highlightedTab a {
	  color : #634b1c;
		background: #d2c7a5 url(../../_img/htmlsyos/tan_tab_fade.png) repeat-x;
	}
		#ticketExchange #exchangeTabs div a {
			line-height: 60px;
			display: block;
			text-align: center;
			color: #bfb398;
			font-weight: bold;
			font-family: Georgia;
			font-size: 17px;
		}
		#ticketExchange #exchangeTabs div a:hover {
			text-decoration: none;
			color: #634b1c;
		}		
#ticketExchange .new_performance_wrapper {
	background: #F2EFE4;
	padding: 5px;
}
	#ticketExchange .new_performance_wrapper .new_performance {
		border: 1px solid #BFB398;
		padding: 20px 20px 15px;
	}
		#ticketExchange .new_performance_wrapper .new_performance .perf_info {
			float: left;
			width: 61%;
		}
			#ticketExchange .new_performance_wrapper .new_performance .perf_info img {
				float: left;
				width: 100px;
				height: 57px;
				margin-top: 10px;
			}
			#ticketExchange .new_performance_wrapper .new_performance .perf_info h2,  #ticketExchange .new_performance_wrapper .new_performance .perf_info .productionDescription {
				display: block;
				margin-top: 10px;
				padding-left: 120px;
			}
		#ticketExchange .new_performance_wrapper .new_performance .available_perfs {
			float: right;
			width: 34%;
			padding-left: 15px;
			font-family: Arial;
			border-left: 1px solid #BFB398;
		}
			#ticketExchange .new_performance_wrapper .new_performance .available_perfs table {
				width: 100%;
			}
			#ticketExchange .new_performance_wrapper .new_performance .available_perfs td {
				padding: 4px 0;
				clear: both;
				border-bottom: 1px solid #E4DDC6;
			}
			#ticketExchange .new_performance_wrapper .new_performance .available_perfs label,  #ticketExchange .new_performance_wrapper .new_performance .available_perfs input {
				padding: 0;
				margin-right: 10px;
				float: left;
				font-size: 12px;
				line-height: 20px;
				cursor: pointer;
			}
			#ticketExchange .new_performance_wrapper .new_performance .available_perfs .seat {
			  clear: both;
			  float: left;
			  width: 100%;
			}
			#ticketExchange .new_performance_wrapper .new_performance .available_perfs .error {
				display: block;
				padding: 3px 0;
			}
			
		#ticketExchange .new_performance_wrapper .new_performance .actions {
			clear: both;
			padding-top: 25px;
			text-align: right;
		}
			#ticketExchange .new_performance_wrapper .new_performance .actions a {
				margin-left: 15px;
			}
#ticketExchange .seating_options p {
	margin: 1em 0;
}

#ticketExchange div#primary_column ul.perf_detail_tabswitch {
  width: 922px;
}

#ticketExchange div.select_seat_wrapper div.select_inner,
#ticketExchange div.select_seat_wrapper div.select_seating table.selectseating,
#ticketExchange div.select_seat_wrapper div.select_seat_number table.selectquantity {
  width: 910px;
}

#ticketExchange div.select_seat_wrapper,
#ticketExchange div.select_seat_wrapper div.select_seating,
div.select_seat_wrapper div.select_seat_number {
  width: 912px;
}
#ticketExchange .ticketExchangeFooter {
	clear: both;
	padding: 10px 0 20px;
	font-size: 11px;
	color: #4f4d4d;
}

table.shoppingcart .exchangeFromTicket * {
 color: #999;
 text-decoration: none;
}

#ticketExchange #exchangeIntoInfo { font-size:15px; font-weight:bold;margin: 1em 0; }
#ticketExchange .seating_options p { display:none; }

.addPhoneType { margin-left: 13em; }
.addPhoneType select { vertical-align: middle; margin-right: 1em; }


/* Ticket Donation */

#ticket_donation .donate {
    float: left;
    width: 100%;
    padding-bottom: 25px;
}

#ticket_donation .perf_donation {
    float: left;
    clear: both;
    width: 65%;
}

#ticket_donation .available_seats {
    float: right;
    width: 32%;
}

#ticket_donation .donate_headers span {
    display: block;
    font-weight: bold;
    padding: 10px 0 15px;
    color: #4d4d4d;
}

#ticket_donation .donate_selections .perf_donation * {
    display: block;
    padding-left: 135px;
    line-height: normal;
    margin: 5px 0;
}

#ticket_donation .donate_selections .perf_donation img {
    float: left;
    width: 125px;
    height: 70px;
    padding: 0; 
}

#ticket_donation .donate_selections .available_seats {
    font-size: 11px;
    font-family: Arial;   
}

#ticket_donation .donate_selections .available_seats .seat {
    position: relative;
    margin: 4px 0;
}

#ticket_donation .donate_selections .available_seats input {
    position: absolute;
    top: 0;
    left: 0;
}

#ticket_donation .donate_selections .available_seats label {
    font-size: 11px;
    font-family: Arial;
    line-height: normal;
    display: block;
    padding: 3px 0 3px 22px;
}

#ticket_donation .donate_selections .available_seats .checksumInfo {
    display: block;
    position: relative;
}

#ticket_donation .donate_selections .available_seats .checksumInfo input {
    position: relative;
    width: 20px;
    font-size: 11px;
    margin: 0 2px 0 23px;
    padding: 1px;
}

#ticket_donation .donate_selections .available_seats .checksumInfo span {
    font-size: 16px;
    position: absolute;
    top: 7px;
    left: 6px;
}

#ticket_donation .void_tickets {
    clear: both;
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: right;
    background: url(../../_img/common/hr_bullets.gif) top repeat-x;
}

#ticket_donation .buttons {
    clear: both;
    float: left;
    width: 100%;
    text-align: right;
    padding-top: 20px;
    background: url(../../_img/common/hr_bullets.gif) top repeat-x;
}

#ticket_donation .buttons input {
    margin-left: 15px;
}

/* O-Series */

#oSeriesContainer {
	width: 100%;
	float: left;
	padding-bottom: 20px;
	min-height: 650px;
}

#oSeriesContainer h1 {
	background: url(../../_img/OSeries/icon_o_series.png) left 4px no-repeat;
	padding-left: 25px;
}

#oSeriesContainer #calendarContainer {
	display: inline;
	width: 525px;
	float: left;
	background: #f2efe4;
	padding: 10px;
	position: relative;
}

#oSeriesContainer #calendarContainer h4 {
	clear: both;
}

#oSeriesContainer #calendarContainer img.arrow {
	position: absolute;
	top: 0;
	right: -24px;
}

#oSeriesContainer #calendarContainer ol {
	list-style: none;
	width: 100%;
	float:left;
}

#oSeriesContainer #calendarContainer ol li {
	list-style: none;
	width: 33%;
	display:inline;
	float: left;
	font-size: 85%;
	font-family: Verdana;
	margin: 0;
}

#oSeriesContainer #calendarContainer ol li a {
	cursor: pointer;
}

#oSeriesContainer #calendarContainer .calendarWrapper_Default {
	background:none;
}

#oSeriesContainer #calendarContainer .calendarTable {
	color: #634b1c;
	width: 100%;
}

#oSeriesContainer #calendarContainer .calendarTable a {
	color: #634b1c;
}

#oSeriesContainer #calendarContainer table.title {
	display:none;
}

#oSeriesContainer #calendarContainer td.title {
	font-family: Georgia;
	font-size: 12px;
	background: #6A5250;
	padding: 0;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
}

#oSeriesContainer #calendarContainer table.calendarTable td {
	padding: 12px 7px;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable {
	background-color: #FFF;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable td {
	padding: 1px 1px 0 0;
	border: none;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable a {
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
	cursor: pointer;
	display: block;
	width: 20px !important;
	padding: 2px 0;
	text-align: center;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable .selectedDate a {
	background: #d5d5d5;
	color: #666;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable .selectedDateWeekend a {
	background: #b2a382;
	color: #fff;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable .openingNight a {
	background: #491113;
	color: #fff;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable .highlightedDate a {
	background: #942e2e;
	color: #fff;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable .highlightWeekend a {
	background: #5b2f0e;
	color: #fff;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable .highlightWeekday a {
	background: #666;
	color: #fff;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable .highlightWeekendSpecial a {
	background: #c00;
	color: #000;
}

#oSeriesContainer #calendarContainer table.calendarTable table.calendarTable td.otherMonth_Default a {
	cursor: default;
	background: none;
}

#oSeriesContainer #calendarContainer #DayFilter {
	margin: 10px 0 20px;
}

#oSeriesContainer #calendarContainer #DayFilter li {
	font-size: 11px;
	font-family: Arial;
	white-space: nowrap;
	color: #4f4d4d;
}

#oSeriesContainer #calendarContainer #DayFilter li img {
	float: left;
	width: 17px;
	height: 16px;
	margin-right: 6px;
}

#oSeriesContainer #performanceContainer, #oSeriesContainer #helpContainer {
	display: inline;
	width: 345px;
	float: right;
}

#oSeriesContainer #performanceContainer #performanceDetails {
	background: url(../../_img/common/hr_bullets.gif) bottom repeat-x;
	padding-bottom: 25px;
	min-height: 245px;
}

#oSeriesContainer #performanceContainer #performanceDetails h4 {
	margin: 0;
	padding: 8px 0 10px 135px;
}

#oSeriesContainer #performanceContainer #performanceDetails #performanceDate {
	display: block;
	padding-left: 135px;
}

#oSeriesContainer #performanceContainer #performanceDetails img {
	float: left;
	width: 125px;
	height: 70px;
}

#oSeriesContainer #performanceContainer #performanceDetails #performanceText {
	clear: both;
	font-size: 11px;
	font-family: Verdana;
	padding: 10px 0;
}

#oSeriesContainer #performanceContainer #subscriptionDetails .min_note {
	font: normal 10px/130% Verdana;
	color: #4d4d4d;
	padding: 4px 0;
}

#oSeriesContainer ul.subscriptionList {
	width: 100%;
	list-style: none;
	display:inline;
	float:left;
}

#oSeriesContainer ul.subscriptionList li {
	display: inline;
	float:left;
	width: 49%;
	margin: 0;
	padding: 1% 1% 1% 0;
	min-height: 52px;
	font: normal 10px/130% Verdana;
}

#oSeriesContainer ul.subscriptionList li a {
	cursor: pointer;
}

#oSeriesContainer ul.subscriptionList li span {
	display: block;
	color: #4d4d4d;
}
#oSeriesContainer ul.subscriptionList li span.unavailable {
    color:#ff0000;
    font-weight:bold;
}
#oSeriesContainer ul.subscriptionList li span.available {
    color: #00FF00;
    font-weight:bold;
}

#oSeriesContainer ul.subscriptionList li span.header, #oSeriesContainer ul.subscriptionList li span:first-child  {
	font-weight: bold;
}

#oSeriesContainer #performanceContainer #selectSubcription {
	clear: both;
	padding: 10px 0;
	border: solid #bdb193;
	border-width: 1px 0;
}

#oSeriesContainer #performanceContainer #selectSubcription strong {
	color: #4F4D4D;
}

#oSeriesContainer #performanceContainer #next_step input {
	margin-top: 20px;
}

#oSeriesContainer #performanceContainer #subscriptionDetails h1 {
	float:left;
	width: 100%;
}

#oSeriesContainer .redBold, #oSeriesContainer .redRegular {
    font-size: 11px;
    margin: 5px 0;
}

.hiddenButton {
	display:none;
	margin-top: 8px;
	margin-bottom: 8px;
}

/* RoundUp Donation Specific */
.emptyDiv {
	margin: 15px 0;
}

/* Patron Center */

.donorOffer p {
    padding: 10px 0 25px 80px;
    background: url(../../_img/patron/patron_center_icons.png) -999px no-repeat;   
}

.donorOffer p span {
    display: block;
}

.donorGifts p {
    background-position: 0 -148px;    
}

.donorRehearsals p {
    background-position: 0 -303px;    
}

.donorEvents p {
    background-position: 0 0;    
}

.donorFreebies p {
    background-position: 0 -452px;    
}

div#primary_column div.specialOfferContainer 
{
    padding-top: 10px;
    background: url(../../_img/patron/patron_center_icons.png) -999px no-repeat;   
}

div#primary_column div.donorGifts {
    background-position: 95% -138px;    
}

div#primary_column div.donorRehearsals {
    background-position: 95% -287px;    
}

div#primary_column div.donorEvents {
    background-position: 95% 9px;    
}

div#primary_column div.donorFreebies {
    background-position: 95% -439px;    
}

div#primary_column div.specialOfferContainer ul.specialOfferList
{
    margin: 0;
    padding: 0;
    background: #f2efe4;
}

div#primary_column div.specialOfferContainer ul.specialOfferList li
{
    margin: 0;
    padding: 15px;
    list-style-type: none;
    list-style-image: none;
    position: relative;
    border-bottom: 1px dotted #e4ddc6;
}
div#primary_column div.specialOfferContainer ul.specialOfferList li .explanation
{
    width: 470px;
    display: block;
}

div#primary_column div.specialOfferContainer ul.specialOfferList li input
{
    top: 11px;
    right: 15px;
    position: absolute;
}

/* Ticket Contest */
#registerButton {
    padding-left: 170px;
}

.modalInner.contentModal {
    background: #DDD5BD;
    padding: 15px;
    border: 5px solid #C6BFAB;
}

.modalInner.contentModal p {
   width: 500px;
}

fieldset.contestForm {
    margin-bottom: 0;
}

fieldset.contestForm ol li {
    height: auto;
    margin: 0;
    padding-top: 12px;
}

fieldset.contestForm ol li.forgot {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px dotted #666;
}

fieldset.contestForm ol li.bypass {
    padding-top: 6px;
}

fieldset.contestForm legend {
    font-family: Georgia, "Times News Roman", Serif;
}

fieldset.contestForm input.btn {
    display: block;
    margin-left: 77px;
    float: none;
}

fieldset.contestForm li .errors {
    font: bold 11px Verdana, Arial, sans-serif;
    color: #c33;
    display: block;
}

div.submitRow select { margin-right: 10px; }
div.submitRow input { vertical-align:bottom; }

/* ADA Messaging */
#ada_message {
    color: #333;
    background: #F2EFE4;
    border: 5px solid #6A5250;
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-size: 0.85em;
    padding: 0.5em;
    float: left;
    margin: 1em 0;
    width: 903px;
}
#ada_message img
{
    float: left;
    width: auto;
    padding: 0.5em 0.75em 0 0.25em;
}
#ada_message_text
{
    float: left;
    width: 863px;
}
#ada_message_text h4
{
    margin: 0.5em 0;
}
#ada_message_text p
{
    margin-bottom: 0.5em;
}

/* Contest Entry Form */
#contestEntryForm { float:left; width:auto; clear:both;}
#contestEntryForm ol  { margin:0; padding:0; float:left; width:100%; clear:both;}
#contestEntryForm ol li { float:left; width:100%; clear:left; list-style-type:none!important; height:auto!important;}
#contestEntryForm li label { text-align:left; width:150px; float:left; height:auto;}
#contestEntryForm li.termsAndConditions { padding:10px 0;}
#contestEntryForm li.termsAndConditions label { width:550px; padding-top:2px;}
#contestEntryForm li.termsAndConditions input { margin-right:5px;}
#contestEntryForm li span.errors { padding-bottom:15px; display:block; float: left;width: auto;}
#contestEntryForm li span.errors p{color:Red; font-size:11px;}
#contestEntryForm li span p { float:left; width:100%; clear:left; margin:0; padding:0;}

.auditionEntryForm p img { display:block;}


/* Opening Night Cart Display */

div.operaBall div.operaBallTeaser
{
    float:left;
    width: 49%;
}

div.operaBall div.operaBallReserve
{
    float:left;
    width: 49%;
}

ol.guestList 
{
    list-style-type:none;
    margin: 0;
    float:left;
}

ol.guestList li 
{ 
    margin-bottom: 4px; 
    margin-left: 0px;
    margin-right: 0px;
    float:left;
}

div.operaBallNotes
{
    width: 300px;
}

textarea.operaBallNotes
{
    width: 100%;
    height: 75px;
}

