﻿/*  @import url(../style.css);
the above will add legacy css, remove when new css is complete. there for reference now. BF */
@import url(../css/bess.css);
@import url(../css/_sifr_screen.css);

/****** CLEAR ALL MARGINS AND PADDING ******/

* { margin:0; padding:0;}

/****** END CLEAR ALL MARGINS AND PADDING ******/



/****** BASE STYLES ******/

body {
    font-family: "Arial", sans-serif;
    font-size:69%;
    color:#333;    
    text-align:center;
    background:#dfdede url(../../_images/common/body_bg.gif) top left repeat-x;
	}
	
	a {
        text-decoration:none;
        outline:none;
        color:#330066; 
        font-size:1.1em;
	    }
	a:link, a:active {
		color:#330066;
		}
    a:hover {
        text-decoration:underline;
		}
    a:visited {
		color: #330066;
		}
    a img {
        border:none;
        background:none;
        outline:none;
		}
				
p	{
    font-size:1.1em;
    line-height:1.4em;
    color:#333;
    padding: 10px 0;
	}

cite { 
	display: block; 
	text-align: right; 
	}

q	{
	line-height: 1.5em;
	}

blockquote {
	padding: 15px 0;
	font: 1.65em/1.45em "Arial", sans-serif;
	}

h1	{ 
	font-size:1.78em; 
	line-height:1.6em;
	color:#330066; 
	}

h2	{
    font:bold 1.5em/1.4em "Arial", sans-serif;
    text-transform: uppercase;    
    color:#330066;      
	}            

h2.lowercase  
    {
    text-transform: none;
    }


h3	{
    font:bold 1.3em/1.5em "Arial", sans-serif;
    text-transform:uppercase; 
    color:#330066; 
	} 
	
h4	{
    font:bold 1.2em/1.5em "Arial", sans-serif;
    text-transform:uppercase;  
    color:#330066; 
	}

h4.gold	{
    text-transform:none;  
    color:#8b6728; 
	}
	
h5	{
    font:bold 1.1em/1.5em "Arial", sans-serif;
	text-transform:uppercase; 
	color:#330066; 
	}




ul, ol {  
    margin:0px;
    padding:10px 0;
	}
    ul li, ol li {    
        list-style-position:outside;
        margin-bottom: .2em;
		} 

dl {
    }
	dl dt {
		font-weight: bold;
		float: left;
		padding-right: 4px;
		}

address {
	font-style:normal;
	margin: 1em 0;
	line-height: 1.5em;
	}
	
div.hr {
    display:block;
	width: 100%;
	height: 0;
	overflow: hidden;
	/* an IE fix */
	margin: 5px auto;
	border-top: 1px dotted #dadada;
	border-bottom: 1px dotted #fff;
	/* top or bottom is arbitrary */
	}


table {
    font-size:1.1em;
    }

/****** END BASE STYLES ******/





/****** UTILITY AND GENERAL SHARED ******/

div.clear {
    clear:both;
    height:1px;
    overflow:hidden;
    }


    ul.arrow {
        }
        ul.arrow li {
            list-style-type:none;
            padding-left:10px;
	        background:url(../../_images/common/link_mark.gif) 0px 6px no-repeat; 
            }









/****** END UTILITY AND GENERAL SHARED ******/




/****** STRUCTURE AND NAVIGATION ******/

    /*** Main Wrapper ***/

    div#background_wrapper {
        background:#dfdede url(../../_images/common/body_bg_shadow.gif) top left repeat;
        }
    div#wrapper {
        width:1001px;
        margin:0 auto 20px auto;
        text-align:left;
        background-color:#fff;
        position: relative;
        }
    	
    /*** End Main Wrapper ***/



    /*** Header And Utility Nav ***/
    

    /** Header **/

    div#header { 
        background:#fff url(../../_images/common/header_bg.gif) top left no-repeat;
        height:101px;
	    }
        div#header a.logo {
            position:relative;
            float:left;
            display:inline;
            width:224px;
            height:48px;
            top:31px;
            left:32px;
            background:url(../../_images/common/cerritos_logo.gif) top left no-repeat;                
		    }
            div#header a.logo span {
                left:-50001px;
                position:absolute;
			    }    
	
	    
	    /** Utility Nav **/
        
        div#header div#utility_nav {
            float:right;
            margin-top:20px;
	        }
	        
	        div#utility_nav input.sitesearch
	        {
	        margin: 0 0 0 20px;
	        float: left;
	        background-color: #dddff0;
	        border: 1px solid #a6abc4;
	        padding: 2px;
	        font-size: .9em;
	        color: #7572b2;
	        }
	        
	        div#utility_nav input.sitesearchsubmit
	        {
	        margin: -2px 0 0 5px;
	        float: left;
	        border: 0px none;
	        background-color: Transparent;   
	        background-image: url(/_images/common/link_mark.gif);
            background-repeat: no-repeat;
            background-position: left;
            padding: 0 0 0 5px;
            cursor: hand;
            cursor: pointer;
	        }
	        
            div#header div#utility_nav ul {               
                float:left;                   
		        }                
                div#header div#utility_nav ul li {
                    float:left;
                    list-style-type:none;                        
                    padding:0;
                    margin:0 15px 0 0;
			        }  
			        div#header div#utility_nav ul li.welcome {
                        font-size:1.1em;
                        position:absolute;
                        right:550px;
                        }
                    div#header div#utility_nav ul li a {  
                        padding-left:10px;
				        background:url(../../_images/common/link_mark.gif) 0px 6px no-repeat;                
				        }
				        div#header div#utility_nav ul li a.calendar {
				            padding-left:17px;
				            background:url(../../_images/icons/cal_icon.gif) bottom left no-repeat;
				            }



        /* Primary Navigation */
        
        div#primary_nav {
            width:680px;
            float:right;
            margin-top:-4px;
            }
            div#primary_nav ul {
                margin-top:15px;
                }
                div#primary_nav ul li {
                    float:left;
                    list-style-type:none;
                    margin:0 15px 0 0;
                    }
                    div#primary_nav ul li a {
                        display:block;
                        height:12px;      
                        }
                        div#primary_nav ul li a.ticket {
                            width:168px;
                            background:url(../../_images/nav/tickets.gif) top left no-repeat;
                            }
                        div#primary_nav ul li a.plan_visit {
                            width:112px;
                            background:url(../../_images/nav/plan_visit.gif) top left no-repeat;
                            }
                        div#primary_nav ul li a.rentals {
                            width:117px;
                            background:url(../../_images/nav/facility_rentals.gif) top left no-repeat;
                            }
                        div#primary_nav ul li a.about {
                            width:72px;
                            background:url(../../_images/nav/about_us.gif) top left no-repeat;
                            }
                        div#primary_nav ul li a.involved {
                            width:96px;
                            background:url(../../_images/nav/get_involved.gif) top left no-repeat;
                            }
                        
                        div#primary_nav ul li a:hover, div#primary_nav ul li a.on {
                            background-position:0px -11px;
                            }
                        div#primary_nav ul li a span {
                           left:-50001px;
                           position:absolute;
                           }
                        
        /* Second Level Navigation */
        
        ul.left_nav {
            width:170px;
            margin-bottom: 0;
            padding-bottom: 0;
            }
            ul.left_nav li {
                list-style-type:none;
                background:url(../../_images/common/link_mark.gif) 0px 10px no-repeat; 
                padding:4px 0px 4px 10px;
               /* background-color: Green; */ 
                border-bottom:1px dotted #808080;
                }

            ul.left_nav li.nested-nav
            {
                margin: 0 0 0 15px;
                padding: 0px;
          
                background-image: none;
             
               
            }

                li.nested-nav ul
                {  /* border-top: 1px solid yellow; */
                    margin:0px; 
                    padding:0px;
                }
                    li.nested-nav ul li
                    {
                        border: none;
                      /*  background-color: Red; */
                        
                    }
                    

            /* Second Level Nested Navigation - The Theatre Section */
        
        ul.left_nav_nested {
            width:170px;
            padding-top: 0;
            }
            ul.left_nav_nested li {
                list-style-type:none;
                //background:url(../../_images/common/link_mark.gif) 0px 10px no-repeat; 
                padding:4px 0px 4px 10px;
                margin: 0 0 0 15px;
                border-bottom:1px dotted #808080;
                }


    /* Footer */  
    
    div#footer {
        height:103px;
        background:url(../../_images/common/footer_bg.gif) top left no-repeat;
        padding:0 30px;
        color:#7482bf;
        }
        div#footer p {
            color:#7482bf;
            font-size:1em;
            margin:0px;
            padding:0px;
            }
        
        div#footer ul {
            margin-top:20px;
            }
            div#footer ul li {
                list-style-type:none;
                float:left;
                padding-left:10px;
                margin-right:10px;
                background:url(../../_images/common/footer_link_mark.gif) 0px 6px no-repeat;
                }           
                div#footer ul li a {
                    font-size:1em;
                    }  
            ul.external {
                float:left;
                }
                ul.external li {
                    float:left;
                    }
                    
             ul.sitewide {
                float:right;
                }
                ul.sitewide li {
                    float:right;
                    }
        
    /*** COLUMN STRUCTURE ***/
     
    div#content {
        padding:1px;
        margin:0px 30px;
        min-height:600px;
        position:relative; /* this is needed for ie6 for all content divs so that masthead is be able to be positioned absolutely */
        }   



    /* One Col */
    
       
    div#content.one_col {
        position:relative;
        display:inline;
        float:left;
        }
    
    div#content.one_col div#primary {
            float:left;
            width:939px;
            margin-top:30px;
            }            
            div#content.one_col div#primary div.inner_content {
                margin:12px 20px 8px 0px;
                padding-left:20px;
                }
             div#content.two_col_alternate div#primary div.inner_content {
                margin:12px 20px 8px 0px;
                padding-left:20px;
                }
    
    
    div#content.one_col div#masthead {
            width:939px;
            height:23px;
            position:absolute;
            top:15px;
            background:url(../../_images/common/one_col_h1_bg.jpg) top left no-repeat;
            padding-left:20px;
            padding-top:3px;
            }
            
            div#content.one_col div#masthead h3 {
                color:#fff;
                font-size:.9em;
                line-height:2em;
                }
    
    






    /* Two Col */
    
    
    div#content.two_col {
        position:relative;
        display:inline;
        float:left;
        }
        div#content.two_col div#primary {
            float:left;
            width:748px;
            margin-top:30px;
            }            
            div#content.two_col div#primary div.inner_content {
                margin:12px 20px 8px 0px;
                padding-left:20px;
                }
           
        
        div#content.two_col div#secondary {
            float:left;
            width:190px;
            }
        
                
     
        div#content.two_col div#masthead {
            width:749px;
            height:23px;
            position:absolute;
            top:15px;
            background:url(../../_images/common/two_col_h1_bg.jpg) top left no-repeat;
            padding-left:20px;
            padding-top:3px;
            }
            
            div#content.two_col div#masthead h3 {
                color:#fff;
                font-size:.9em;
                line-height:2em;
                }


    /* Two Col Alternate (columns reversed)*/
    
    
    div#content.two_col_alternate {
        position:relative;
        display:inline;
        float:left;
        }
        div#content.two_col_alternate div#primary {
            float:right;
            width:748px;
            margin-top:30px;
            }            
            div#content.two_col_alternate div#secondary div.inner_content {
                margin:50px 20px 8px 0px;
                padding-left:20px;
                }
           
        
        div#content.two_col_alternate div#secondary {
            float:right;
            width:190px;
            }
        
                
     
        div#content.two_col_alternate div#masthead {
            width:939px;
            height:23px;
            position:absolute;
            top:15px;
            background:url(../../_images/common/one_col_h1_bg.jpg) top left no-repeat;
            padding-left:20px;
            padding-top:3px;
            }
            
            div#content.two_col_alternate div#masthead h3 {
                color:#fff;
                font-size:.9em;
                line-height:2em;
                }









         
    
    
    /* Three Col */
    
    
    div#content.three_col {
        position:relative;
        display:inline;
        float:left;
        }
        div#content.three_col div#primary {
            float:left;
            width:577px;
            margin-top:30px;
            }            
            div#content.three_col div#primary div.inner_content {
                margin:12px 20px 8px 0;
                }
            div#content.three_col div#tertiary div.inner_content {
                margin:12px 0px;
                }
        
        div#content.three_col div#secondary {
            float:left;
            width:190px;
            }
        
        div#content.three_col div#tertiary {
            float:left;
            width:171px;
            margin-top:30px;
            }
         
     
        div#content.three_col div#masthead {
            width:749px;
            height:23px;
            position:absolute;
            top:15px;
            background:url(../../_images/common/two_col_h1_bg.jpg) top left no-repeat;
            padding-left:20px;
            padding-top:3px;
            }
            
            div#content.three_col div#masthead h3 {
                color:#fff;
                font-size:.9em;
                line-height:2em;
                }
     
    /****** END STRUCTURE AND NAVIGATION ******/
     
   
   
   
     /****** SIFR HEADERS ******/
     
     div#content.home h2.header {
        font-size:1em;
        line-height:1.7em;
     }
     
     /****** END SIFR HEADERS ******/
     
     
     
    /****** GENERAL FEATURE BOX STYLES ******/
     
     
     
    div.feature_box {
        margin-bottom:1px;
        }
        
        div#secondary div.feature_box div.header {
            height:27px;
            padding-top:4px;
            }
        div#secondary div.feature_box div.header h3 {
            color:#fff;
            padding:0px 12px;
            font-size:.9em;
            line-height:1.7em;
            }
            
        div.feature_box div.inner {
            margin-top:-10px;
            padding:0px 15px;
            width:220px;
            }




        
            /* 3-col grey column box */
    
    div#content.three_col div.main-3col-inner 
    {   
        background-image: url(/_images/common/3col_main_bg_inner.gif); 
        background-repeat: repeat-y; 
        background-position: top center; 
        background-color: White;
        margin:12px 20px 8px 0;        
    }

    div#content.three_col div.main-3col-header
    {
        background-image: url(/_images/common/3col_main_bg_header.gif); 
        background-repeat: no-repeat; 
        background-position: top center; 
        background-color: transparent;
        width:557px;  
    }
    
    div#content.three_col div.main-3col-footer
    {
        background-image: url(/_images/common/3col_main_bg_footer.gif); 
        background-repeat: no-repeat; 
        background-position: bottom center; 
        background-color: transparent;        
        padding: 12px;    
         
    } 
        
        
        
            /* 2-col grey column box */
    
    div#content.two_col div.main-2col-inner 
    {   
        background-image: url(/_images/common/2col_main_bg_inner.gif); 
        background-repeat: repeat-y; 
        background-position: top center; 
        background-color: White;
        margin:12px 0 8px 0;        
    }

    div#content.two_col div.main-2col-header
    {
        background-image: url(/_images/common/2col_main_bg_header.gif); 
        background-repeat: no-repeat; 
        background-position: top center; 
        background-color: transparent;
        width:748px;  
    }
    
    div#content.two_col div.main-2col-footer
    {
        background-image: url(/_images/common/2col_main_bg_footer.gif); 
        background-repeat: no-repeat; 
        background-position: bottom center; 
        background-color: transparent;        
        padding: 12px;    
         
    } 
   
   
   
            /* 2-col alternate grey column box */
    
    div#content.two_col_alternate div.main-2col-inner 
    {   
        background-image: url(/_images/common/2col_main_bg_inner.gif); 
        background-repeat: repeat-y; 
        background-position: top center; 
        background-color: White;
        margin:12px 0 8px 0;        
    }

    div#content.two_col_alternate div.main-2col-header
    {
        background-image: url(/_images/common/2col_main_bg_header.gif); 
        background-repeat: no-repeat; 
        background-position: top center; 
        background-color: transparent;
        width:748px;  
    }
    
    div#content.two_col_alternate div.main-2col-footer
    {
        background-image: url(/_images/common/2col_main_bg_footer.gif); 
        background-repeat: no-repeat; 
        background-position: bottom center; 
        background-color: transparent;        
        padding: 12px;    
         
    } 
        
        
        
    
            /* 1-col grey column box */
    
    div#content.one_col div.main-1col-inner 
    {   
        background-image: url(/_images/common/1col_main_bg_inner.gif); 
        background-repeat: repeat-y; 
        background-position: top center; 
        background-color: White;
        margin:12px 0 8px 0;        
    }

    div#content.one_col div.main-1col-header
    {
        background-image: url(/_images/common/1col_main_bg_header.gif); 
        background-repeat: no-repeat; 
        background-position: top center; 
        background-color: transparent;
        width:939px;  
    }
    
    div#content.one_col div.main-1col-footer
    {
        background-image: url(/_images/common/1col_main_bg_footer.gif); 
        background-repeat: no-repeat; 
        background-position: bottom center; 
        background-color: transparent;        
        padding: 12px;    
         
    } 
            
        
        
        
        
        
        
        
        
        
     /****** END GENERAL FEATURE BOX STYLES ******/
     
     
     
        
    /****** PAGE SPECIFIC STYLES ******/
        
        
    /* Home Page Specific */
    
    
    div#content.home {
        margin:0px;
        position:static;    /* needed to position flash bg image */
        }
    
        div#content.home div#home_content {
            margin-left:30px;
            z-index:1;
            position:relative; /* relative positioning necessary for z-index */
            }
        
        
        div#content.home div#masthead {
            background:url(../../_images/common/cerritos_center.jpg) 0 -10px no-repeat;
            height:357px;
            width:400px; 
            }
        
            div#content.home div#flash_area {
                width:693px;
                height:321px;
                position:relative;
                top:10px;
                left:305px;
                }
            div#content.home div#flash_footer_bg {
                position:absolute;
                left:305px;
                top:433px;
                background:url(../../_images/common/flash_footer_bg.gif) top left no-repeat;
                width:693px;
                height:37px;               
                }
        
        
        div#content.home div#secondary {
            width:255px;
            float:left;            
            }
        
        div#content.home div#primary {
            position:relative;  
            float:left;
            left:30px;
            width:680px;
            }
            
            
            
            
             /* primary Column Feature Boxes */
        div#primary div.feature_box div.inner {
            margin-top:-10px;
            padding:12px 10px;
            width:727px;
            }            
            div#primary div.feature_box div.header {
                width: 747px;
                height:27px;
                padding-top:4px;
                }            
                div#primary div.feature_box div.header h3 {
                    color:#fff;
                    padding:0px 7px;
                    font-size:.9em;
                    line-height:1.7em;
                    }
            
            /* primary Brown Feature Box */
                div#primary div.feature_box.brown 
                {
                float: left; 
                display: inline; 
                position: relative; 
                margin-left: -35px;
                
                
                width: 747px;
                background:url(../../_images/common/feat_bkg_brown_full.gif) top left repeat-y;
                }
            
                div#primary div.feature_box.brown div.header {
                    background:url(../../_images/common/header_brown_full.gif) top left no-repeat;
                    }
                
                div#primary div.feature_box.brown div.inner {
                    background:url(../../_images/common/feat_foot_brown_full.gif) bottom left no-repeat;
                    }
                
            
            

            
            
            /* Home Brown Feature Box */
            div#home_content div#secondary div.feature_box.brown {
                background:url(../../_images/common/feat_bkg_brown_home.gif) top left repeat-y;
                }
            
                div#home_content div#secondary div.feature_box.brown div.header {
                    background:url(../../_images/common/header_brown_home.gif) top left no-repeat;
                    }
                
                div#home_content div#secondary div.feature_box.brown div.inner {
                    background:url(../../_images/common/feat_foot_brwn_home.gif) bottom left no-repeat;
                    }
                
            
            /* Home Purple Feature Box */
            div#home_content div#secondary div.feature_box.purple {
                background:url(../../_images/common/feat_bkg_purp_home.gif) top left repeat-y;
                }
            
                div#content.home div#secondary div.feature_box.purple div.header {
                    background:url(../../_images/common/header_purp_home.gif) top left no-repeat;
                    }
                
                div#content.home div#secondary div.feature_box.purple div.inner {
                    background:url(../../_images/common/feat_foot_purp_home.gif) bottom left no-repeat;                   
                    }
            
            
            div.upcoming {
                float:left;
                position:relative;
                right:5px;
                }
                div.upcoming div.performance {
                   float:left;
                   margin:0 20px 10px 0;
                   width:150px;
                   }
                    div.upcoming div.performance a.perf_date {
                        margin:6px 0 4px 0;
                        display:block;
                        }
                   
                   
            /* small production image background */
            .home-season-perf-image
            {
                background-image: url(/_images/common/home_prod_image_bg_sm.gif);
                background-repeat: no-repeat;
                background-position: center center;
                padding: 7px;
            }
                           
                               
                   


/** Season Overview Specific **/


h2.tickets-perf	{
    text-transform: none;    
    padding: 8px;
    background-color: #eee;
    margin: 5px;
    }


        
        
    /* small production image background */
    
    .season-perf-image
    {
        background-image: url(/_images/common/prod_image_bg_sm.gif);
        background-repeat: no-repeat;
        background-position: center center;
        padding: 7px;
        
    }
    
    
    /* performance categories text links */
        
    div.perf-categories
    {
        float:left;
        margin: 15px 30px 15px 0px;   
    }
        
        
    /* performance repeater */    
    
    div.perf-outer
    {
    border-bottom: 1px solid #dadada;
    margin: 15px 0 0 0;
    }
    
        div.perf-image-container
        {
        float: left;
        }
        
        div.perf-copy-container
        {
        float:left; 
        width: 360px; 
        padding: 0 0 0 10px;
        }
    
    
    /* right side content blocks */
    
    div.perf-contentblock
    {
    margin: 0 0 30px 0;
    }
    
    div.perf-contentblock p
    {
    padding: 0 0 0 0;
    }
    

/** Production Detail **/


/* tertiary column purple box */
div#tertiary div.feature_box.purple {
background:transparent url(../../_images/common/feat_bkg_purple_tert.gif) repeat-y scroll left top;
}
div#tertiary div.feature_box.purple div.header {
background:transparent url(../../_images/common/header_purple_tert.gif) no-repeat scroll left top;
}
div#tertiary div.feature_box.purple div.inner {
background:transparent url(../../_images/common/feat_foot_purple_home.gif) no-repeat scroll left bottom;
}


div.production-detail-info p.prod-dates
{
    padding: 0;
}

div.production-detail-info img.main-perf-image
{
background-image: url(/_images/common/prod_detail_perf_bg.jpg);
padding: 8px 208px 8px 8px;
background-repeat: no-repeat;
}

div.production-detail-info div.container-perf-image
{
background-image: url(/_images/common/prod_detail_perf_bg.jpg);
width: 519px;
height: 281px;
padding: 8px 8px 8px 8px;

/*
padding: 8px 208px 8px 8px;
background-repeat: no-repeat; 
*/
}

    div.container-perf-image div
    {
        width: 518px;
        height: 281px;
        overflow: hidden;
    }    


div.main-perf-description
{
width: 320px;
float: left;
}

div.main-perf-description p
{
padding: 5px;
line-height: 1.3em;
}


div.main-perf-songs
{
width: 212px;
float: left;
  
}
    div.main-perf-songs ul
    {
    margin: 0 0 20px 0;
    padding: 0;
    }
    
    div.main-perf-songs ul li
    {
    padding: 0 0 0 10px;
    list-style-type: none;
    }


/* right col feature boxes */    

div#perfSelect div.feature_box
{
margin-bottom: 3px;
}


div#perfSelect div.feature_box ul li
{
    list-style-type: none;
}

div#perfSelect p
{
padding-bottom: 1px;
}

div#perfSelect .perf-buy-button
{
text-align: center;   
}

/** About Us Page **/
   
#aboutpage p img
{
margin: 0 10px 10px 0;
}

#aboutpage ul li
{
list-style-type: none;   
}



/** performance center FAQ **/
.faq_question_q
{
font-weight: bold;
font-size: 1.5em;
padding-right: 20px;
}

.faq_question_a
{
font-weight: bold;
font-size: 1.5em;
padding-right: 20px;
}

.faq_question_title
{
font-weight: bold;
}



/** Press Room Page **/

.press_select
{
    width: 300px;   
}



/** Seating Charts Page **/

#seatingChartContent
{
background-color: White; border: 1px solid #999;
margin-top: 15px;
}

    #seatingChartContent .seating_chart_images
    {
       float: left;
      
    }
        #seatingChartContent .seating_chart_images img
        {
            width: 245px;
            height: 194px;
           background-image: url(/_images/common/seating_chart_photo_bg.gif);
            padding: 8px;
            margin: 10px;
            float: left;
            clear:left;
        }
    
    #seatingChartContent .seating_chart_maps
    {
        float: left;
        clear: none;
    }    
        #seatingChartContent .seating_chart_maps img
        {
            width: 420px;
            margin: 10px;
        }
        
  
  
  /** rental proposal form page **/
 
 /* wrapper for dot.Net radiobuttonlist tables */


        fieldset.radiobuttonlist span.label
        {
        float: left; 
        width: 175px;
        text-align: right;
        
        }     

      
        fieldset.radiobuttonlist input 
        {
            width: 15px;
            height: 15px;
            float: left;
            clear: left;
            vertical-align: middle; 
            margin: 0 5px 0 10px;
            
        }        
         
         fieldset.radiobuttonlist table
           {
            width: 300px;
           }
         fieldset.radiobuttonlist label
         { 
            text-align: left;
            
         }
        
        .rental_form_submit
        {
            margin-left: 185px;
        }
 
        .rental_form_comments
        {
            height: 150px; 
            width: 300px;
        }
 
 





/** prelogin page **/

.prelogin_form_submit
{
margin-left: 185px;
}


#promoCodeHelpButton
{
margin-left: 185px;
font-size: 1.1em;
margin-bottom: 20px;
cursor: pointer;
cursor: hand;
}

div#aboutPromoCode {
                    width:300px;
                    background-color:#fff;
                    z-index:1000;
                    position:absolute;
                    top:175px;
                    left:520px;
                    border:1px solid #ccc;
                    padding:10px;
                }



/** register page **/
span.register_example
{
color: #999;
font-size: 0.9em;
}

div.moreinfo
{
    margin-left: 80px;
}


.register_form_submit
{
margin-left: 185px;
}


/** password retrieval page **/

.password_form_submit
{
margin-left: 185px;
}


/** performance programs page **/

ul.performance_programs_nav
{
 margin: 0 0 0 -6px;
 padding: 0px;
 list-style-type: none;
}

ul.performance_programs_nav li
{
    display: inline;
    border-right: 1px solid #999;
    padding: 0 6px 0 6px;
}

ul.performance_programs_nav li.last
{
    border: none;
}

div.performance_programs_content
{
    padding: 20px 0 0 0;
}



/** gift certs page **/

.gift_form_submit
{
margin-left: 185px;
}

div.gifts_moreinfo
{
    margin-left: 80px;
}



/** select seating single ticket path page **/

div#seatingLeftCol
{
float: left;
width: 490px;   
}


div#seatingRightCol
{
float: left;
width: 230px;
}



div#seatingRightCol img
{
            width: 220px;
            height: 283px;
           background-image: url(/_images/common/select_seating_chart_bg.gif);
            padding: 8px;
        
}

p.select_seating_copy
{
    width: 460px;   
}

div#specialRequestsPanel h4
    {
        text-transform: none;
        font-size: 1.1em;
        color: #333;
        font-family:Arial,sans-serif;
    }



table#performanceInfo
{
    width: 450px;
}
    table#performanceInfo td.ticket_type_heading
    {
        font-weight: bold;
        color: #666666;
        padding: 0 0 0 10px;
    }
    
    table#performanceInfo td.seating_item_cells
    {
        
        padding: 4px 0 4px 8px;   
    }
    

    table#performanceInfo h4
    {
        text-transform: none;
        font-size: 1.1em;
        color: #333;
        font-family:Arial,sans-serif;
        padding: 0 0 0 10px;
    }
input.button_add_to_order
{
    background:transparent url(../../_images/buttons/addtocartbutton.gif) repeat scroll 0%;
    border: 0px none;
    width: 92px;
    height: 25px;
    cursor: hand;
    cursor: pointer;
    
}


/** CART **/


div.hr_cart {
    display:block;
	width: 100%;
	height: 0;
	overflow: hidden;
	/* an IE fix */
	margin: 0px auto;
	border-top: 1px dotted #dadada;
	/* top or bottom is arbitrary */
	}

   


.cart_continue_shopping
{
    margin-left: 30px;
    width: 250px;
    text-align: left;
    float: left;
}


.cart_linkmark
{
    background-image: url(/_images/common/link_mark.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 0 10px;
}

.empty_cart_message
{
    margin-top: 25px;
}

.cart_timer_message
{
    margin: 25px;
}

table.cart
{
    clear: both;
    margin: 15px 0 0 0;
    width: 710px;
}

    table.cart tr.cart_headers th
    {
        padding: 4px 10px 4px 10px;
    }

      
    table.cart tr.cart_rows td
    {
        padding: 8px 10px 8px 10px;
    }

    table.cart tr.cart_rows_alt td
    {
        padding: 8px 10px 8px 10px;
        background-color: #fafafa;
    }







div.cart_checkout_button
{
float: right;
clear: none;
width: 83px;    
}

div.cart_checkout_button a
{
    background:transparent url(../../_images/buttons/checkoutbutton.gif) repeat scroll 0%;
    border: 0px none;
    display: block;
    width: 83px;
    height: 25px;
    cursor: hand;
    cursor: pointer;
    
}

div.subtotals
{
    margin: 4px 0 0 0;
    width: 700px;
}

div.subtotals .subtotal_values
{
    width: 100px;
}

div.subtotals .cart_total
{
font:bold 1.5em/1.4em "Arial", sans-serif;
text-transform: none;
color:#330066; 
}

.cart_price_header
{
text-align: right;
}

.cart_subtotal_header
{
text-align: right;    
}


/** order summary **/

.btn_donation {
	/*margin: 0 0 -8px 10px;*/	
	padding-left:28px;	
}


/** payment page **/

.payment_address_boxes
{
    margin: 10px;
    float: left;
    width: 200px;
}






.complete_purchase_button
{
    float: right;
    margin: 10px 0px 10px 10px;
    background:transparent url(../../_images/buttons/completepurchasebutton.gif) repeat scroll 0%;
    border: 0px none;
    display: block;
    width: 138px;
    height: 25px;
    cursor: hand;
    cursor: pointer;
}



.creditcard_form_left
{
width: 365px;
float: left;
clear: none;
}


.creditcard_form_right
{
width: 361px;
float: left;
clear: none;

}


/** sitemap page **/
ul.sitemap-list li
{
margin: 0 0 0 30px;
list-style-type: none;
}


/*****************************************************/
/* begin calendar style */


#calendarpopup {text-align:center; background-image:none;}
#calendarpopup a {color:#000000; text-decoration:none;}
#calendarpopup a:hover {text-decoration:underline;}

#calendarpopup table#header {background-color:#ece5ff;}
#calendarpopup table#header td.month {text-align:center; padding:2px 5px; font-weight:bold; color:#421372;}
#calendarpopup table#header td.prev {text-align:left; padding:2px 5px;}
#calendarpopup table#header td.next {text-align:right; padding:2px 5px;}

a.calendar_prevnext { font-weight: bold; }

#calendarpopup table#dates {}
#calendarpopup table#dates td {text-align:center; padding:2px 0;}
#calendarpopup table#dates tr.top td {color:#421372; font-weight:bold;}
#calendarpopup table#dates span.today {color:#421372;}
#calendarpopup table#dates span.noday {color:#999999;}

.button_change_month { margin-bottom: -8px; }

table#calendar {
	margin-top: 6px;
	border-collapse: collapse;
	width: 915px;
	border: 1px solid #999;
}

table#calendar td, table#calendar th {
	border: 1px solid #999;
	padding: 4px;
	width:82px;
	vertical-align:top;
	text-align:left;
}

table#calendar th {
	/* weekday labels at top */
	font-size:11px; color:#000; font-weight:normal;
	background-color:transparent;
}

table#calendar div.day span 
{
    font-size: .8em !important;
	margin-bottom:6px; font-size:9px;
}

table#calendar td.dayblock {height:82px;}

p.calendar-content {margin-bottom:3px;}
p.calendar-content span {font-size:10px;}
p.calendar-content a {font-size:10px; font-weight:bold; color:#306; text-decoration:underline;}

table#calendar td.dayblock a.cartbutton {font-size:10px; color:#c03; text-decoration:none;}
table#calendar td.dayblock a.cartbutton:link {display:inline-block; color:#ffffff; background:#44008a; padding:0 4px; margin:0; border:1px solid #7d6ab6; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none;}
table#calendar td.dayblock a.cartbutton:visited {display:inline-block; color:#ffffff; background:#44008a; padding:0 4px; margin:0; border:1px solid #7d6ab6; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none;}



/* end calendar style */
/*****************************************************/

table#sheraton { }

table#sheraton td
{	
	font:bold 1.2em 'Arial', sans-serif;		
	text-transform: uppercase;    
    color:#330066;
}

table#sheraton td div.text
{
	padding-right:20px;
}

