@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;
    }


body {
	color: #000000;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 62.5%;
	line-height: 1.0em;
    }

    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;
        }
        

    ul, ol {
	    margin: 0 0 1.0em 0;
	    list-style-position:outside;
        }
        ul li {
	        margin: 0 0 0 0;
	        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:link {
	    color: #466a9c;
	    text-decoration: underline;
        }
    a:visited, a:visited:hover {
        color:#466a9c;
        }
    a:hover, a:active {
	    color: #466a9c;
	    text-decoration: underline;
        }


    h1 {
	    color: #b7006e;
	    font-size: 1.5em;
	    font-weight: normal;
	    line-height: 1.2em;
	    margin: .5em 0 .5em 0;
        }
        h1.intro {
            padding:1em 0;
            margin-bottom:1em;
            border-top:2px solid #b7006e;
	        border-bottom:2px solid #b7006e;
            }
            h1.intro span {
                display:block;
                width:150px;
                float:left;
                
                }
                

    h2 {
	    color: #b7006e;
	    font-size: 1.5em;
	    font-weight: bold;
	    line-height: 1.2em;
	    margin: 1.5em 0 .5em 0;
        }
    h3 {
        color: #000;
	    font-size: 1.3em;
	    font-weight: bold;
	    line-height: 1.2em;
	    margin: 1.5em 0 .5em 0;
        }

    h4 {
        color: #000;
	    font-size: 1.1em;
	    font-weight: bold;
	    line-height: 1.2em;
	    margin: 1.5em 0 .5em 0;
        }
    h5 {
        color: #000;
	    font-size: 1.1em;
	    font-weight: bold;
	    line-height: 1.2em;
	    margin: 1.5em 0 .5em 0;
        }
    h6 {
        color: #000;
	    font-size: 1.1em;
	    font-weight: bold;
	    line-height: 1.2em;
	    margin: 1.5em 0 .5em 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 solid #a0c6ea;
        }
    
    div.hr {
        clear: both;
	    height: 4px;
	    overflow: hidden;
	    margin: 0 0 1.5em 0;
	    border-top: 1px solid #a0c6ea;
        }
    div.reserve_hr {
        clear: both;
	    height: 1px;
	    overflow: hidden;
	    margin: 0 0 1em 0;
	    border-top: 2px solid #b7006e;
        }

    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;
        }
    
    img.floatright {
        float:right;
        padding-left:10px;
        }
    
    .hide {
	    position: absolute;
	    left: -999999px;
        }

    .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 {
        width:736px;
        margin:0 auto;
        position:relative;
        }
        
        div#wrapper a.logo {
            float:left;
            display:block;
            background:url(../../_img/next/next_logo.gif) no-repeat top left;
            width:763px;
            height:173px;
            }
            div#wrapper a.logo span {
                position:absolute;
                left:-5001px;
                }

        div#wrapper div#content {
            float:left;
            position:relative;
            margin-bottom:40px;
            }
            
            div#wrapper div#content a.alternate_logo {
                position:absolute;
                bottom:0;
                left:0;
                }
            
            div#wrapper a.next_logout {
                position:absolute;
                top:90px;
                right:10px;
                }
                        
            /* default two colum structure */
                
            div#secondary_column {
                font-size:1.2em;
                float:left;                    
                width:260px;
                margin-right:20px;
                }
                   
                
                /* 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;
                        }
                      
          
            div#primary_column {
                float:right;
                width:450px;
                padding-bottom: 18px;
                margin-top:-70px;
                font-size:1.2em;
                }
            
            /* /two column structure */
            
            
            /* one column structure */
                
            div#primary_column.one_column {
                float: none;
                width:736px;
                min-height:600px;
                margin-left: 18px;
                padding-bottom: 18px;
                margin-top:0px;
                }
            
          
                
            
            /* /one column structure */
                        
                
           
            div#footer {
                
                }
               
    
    /***** /layout *****/
    
    
    /***** Shared Styles *****/

    
    div.callout {
        margin-bottom:10px;
        float:left;
        width:130px;
        margin-right:10px;
        padding-left:10px;
        border-left:1px solid #a0c6ea;
        }
        div.callout h3 {
            margin-top:0px;
            font-size:1.1em;
            }
        div.callout.first {
            border:none;
            margin-left:0;
            padding-left:0;
            }

            div.callout p {
                padding-right: 20px;
            }
   
   
    div.sponsors {
        color:#85b1dc;
        }
        div.sponsors h4 {
            color:#85b1dc;
            }
        div.sponsors ul.plain li {
            color:#85b1dc;
            }
	    
	/* 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: #fff;
        padding: 4px;
        margin: 0 0 20px;
    }
        div.pretty_form div.head {
            margin: 0;
        }
           
        div.pretty_form fieldset {
            border: 1px solid #a0c6ea;
            padding: 1em;
            margin: 0;
        }
        
        
        
    /* Ticket module */
    
    div.offer_production {
        float:left;
        padding:10px 0;
        border-bottom:1px solid #a0c6ea;
        }
        div.offer_production div.left_col {
            float:left;
            width:110px;
            }
        div.offer_production div.right_col {
            float:right;
            width:330px;
            }
            div.offer_production div.right_col h4 {
                margin-top:0px;
                }
            div.offer_production div.right_col a.buy_tix img {
                margin:5px 0 0 10px;
                }
    
    div.offer_production.first {
        border-top:1px solid #a0c6ea;
        }
                
                
    
    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: 2.5em 1em 2em;
        }
        
        
    /*styles to support detail tip on NEXT Offer 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/next/detailtip_arrow_east.png") no-repeat center center; }
		    #detailtip.west div.dt_arrow{background: transparent url("../images/next/detailtip_arrow_west.png") no-repeat center center; }
    			
		    #detailtip div.dt_head {
			    height:34px;
			    background: transparent url("../../_img/next/next_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/next/next_x_black.gif") no-repeat center center;
				    text-indent: -999999em;
				    display: block;
				    width: 10px;
				    height: 10px;
			        }
    			
		    #detailtip div.detailtip_content {
			    background: transparent url("../../_img/next/next_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 {
                    display: none;
                }
                #detailtip div.detailtip_content div.prodinfo {
                    margin-top:150px;
                }

		    #detailtip div.dt_foot {
			    height:22px;
			    background: transparent url("../../_img/next/next_detailtip_bottom.png") no-repeat left top;
		    }

        /* 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:#000000;
            }
            
        #detailtip div.detailtip_content h4 {
            margin:0px;
            }
        #detailtip div.detailtip_content p {
            margin-bottom:0px;
            }
        #detailtip div.detailtip_content span.series {
            display: none;
            }
        #detailtip div.detailtip_content a#link_buy {  
            display:block;
            margin:10px 0;
            }
        
        #detailtip div.detailtip_content br {
            display: none;
        }
        
    
    /***** /Shared Styles *****/
    
    
    /**** Button Styles ****/
    
   
    
    
    /**** /Button Styles ****/
    
    
    /**** Page Specific Styles ****/
    
    /* Sign In / Forgot Password */
    
    div#primary_column div.error_summary ul li {
        margin-left:15px;
        }
    
    div#col1 {
        float: left;
        width: 45%;
    }
    div#col2 {
        margin-left:20px;
        float: right;
        width: 45%;
    }
    
    a#create_account {
        display: block;
        background: transparent url(../../_img/next/buttons/btn_next_create_account.gif) no-repeat scroll top left;
        width: 128px;
        height: 18px;
    }
        a#create_account span {
            position: absolute;
            left: -999999em;
        }
    
    fieldset.form_register ol li label {
        width:15em;
        }
    a.info_link {
        display:block;
        margin:10px 0 10px 178px;
        }
    a.info_link_update {
        display:block;
        margin-left: 154px;
        }
            
    fieldset.form_register ol li table.radio_table label {
        float:none;
        }   
        
    /* My Preferences */
    
    
    table.check_group {
        margin-bottom:15px;
        }
    table.check_group label {
        padding-left:10px;
        padding-right:20px;
        }
    
    /* /My Preferences */
    
    /* /Sign In / Forgot Password */
    
    
       
    
    

    /*** 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;
            }
        div.reserve_primary div.reserve_content {
            margin:15px 0 10px 0;
            }
        
        div.reserve_primary div.perf_info {
            float:left;
            width:255px;
            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;
                }
    
    
    div.select_seat_wrapper {
        margin:0 0 20px 0;
        padding:15px 10px 10px 10px;
        float:left;
        width:440px;
        border:1px solid #60a842;

        }
        div.select_seat_wrapper h4.floatleft {
            display:block;
            width:170px;
            margin:0 0 15px 10px;
            font-size:1.3em;
            color:#B7006E;
            font-weight:bold;
            }

        div.select_seat_wrapper div.select_inner {
            float:left;
            padding-bottom:20px;
            }
                    
        div.select_seat_wrapper div.select_seating {
            float:left;
            width:440px;
            }
            
            div.select_seat_wrapper div.select_seating table.selectseating {
                width:440px;
                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 solid #a0c6ea;
                    padding-bottom:5px;
                    }
                
                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:200px;
                    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;
                    }
            
                        
            
        div.select_seat_wrapper div.select_seat_number {
            clear:both;
            float:left;
            width:440px;
            }
            div.select_seat_wrapper div.select_seat_number table.selectquantity {
                width:440px;
                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 td.radiocol {
                        padding:3px 7px;
                        width:15px;
                        }
                    div.select_seat_wrapper div.select_seat_number table.selectquantity td.section {
                        width:200px;
                        text-align:left;
                        }
                    div.select_seat_wrapper div.select_seat_number table.selectquantity td.pricetype {    
                        padding-right:20px;                
                        }
    
    /*** /reserve page ***/
    
    .phoneSelector label {background: transparent url(../../_img/common/required_bullet.gif) no-repeat scroll right center;}
	.addPhoneType {display: none;}
    
    
    /**** /Page Specific Styles ****/
    
    
    /* Generic DHTML window - ADDED FOR LYRIC CODE - AJM 9/14/11 */    
    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;
	    }