/****** global html & basic styles ******/

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 72%;
	text-align: center;
	background: #ffffff;
}

input, select, textarea {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;	
}

table, tr, td, th {
	border-collapse: collapse;
	border: 0;
}

img {
	border: 0;
}

p {
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

ul, ol {
	padding: 0;
	margin: 0 0 1.5em 0;
}
    ul li {
	    padding: 0;
	    margin: 0 0 0 1.5em;
	    line-height: 1.5em;
    }
    ol li {
	    padding: 0;
	    margin: 0 0 0 2.0em;
	    line-height: 1.5em;
    }
	li ul, li ol {
		margin: 0;
	}

a { /* for a tags without href */
	text-decoration: none;
	outline: none;
}
a:link, a:visited {
	text-decoration: none;
	outline: none;
}
a:hover, a:visited:hover, a:active {
	text-decoration: underline;
	outline: none;
	cursor: pointer;
}

h1 {
	font-size: 8pt;
	font-weight: bold;
	text-transform:uppercase;
	line-height: 1.2em;
	margin: 0 0 1.0em 0;
	padding:1.0em 0;
	border-bottom: dashed 1px #999999;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 1.0em 0;
}
h3, .h3 {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 0.4em 0;
}
    h3.headerbar {
	    clear: both;
	    padding: 2px 20px;
	    margin: 1.0em 0;
	    color: #ffffff;
	    font-size: 1.0em;
	    font-weight: bold;
    }
h4, .h4 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 0.4em 0;
}
h5, .h5 {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}
h6, .h6 {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	margin: 0 0 0.4em 0;
}


/** popups **/

body.popup {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	padding: 10px;
	margin: 0;
	background: #ffffff;
}
    body.popup a#CloseWindow {
        width: 10em;
        margin-left: 15px;
    }

/** /popups **/

/***** membership popup *****/
body#MemberInfoPopup {
    width: 330px;
}
    body#MemberInfoPopup span#uxMembershipInfo {
        float: left;
        margin: -2em 0 0 15px;
    }
        body#MemberInfoPopup div.fancyBox {
            padding-bottom: 15px;
        }
/***** /membership popup *****/

/***** /global html & basic styles *****/


/***** content *****/

div#wrapper {
	font-size: 1.1em;
	text-align: left;
	padding:10px;
	width: 750px;
	background: #ffffff;
	float:left;
}
div#content,
body#specialNeeds div#content2,
body#patronLookup div#content2,
body#warning div#content2 {
	float: right;
	width: 568px;
}
div#content2 {
	width: 750px;
}
	div#content2 div.columnA {
		width: 250px;
		float: left;
		display: inline;
	}
	div#content2 div.columnB {
		width: 370px;
		float: left;
		display: inline;
	}
	div#content2 div.login {
	}
		div#content2 div.login div.columnA {
			width: 195px;
			min-height: 200px;
			float: left;
			display: inline;
			padding-right: 23px;
			position: relative;
		}
		    div#content2 div.login div.columnA p#first_time {
		        margin-top: 3em;
		    }
		    div#content2 div.login div.columnA a.symbol_buttons {
			    position: absolute;
			    bottom: 20px;
		    }
		div#content2 div.login div.columnB {
			width: 324px;
			min-height: 200px;
			float: left;
			display: inline;
			border-left: 1px solid #cccccc;
			padding-left: 23px;
			position: relative;
		}
		    div#content2 div.login div.columnB input.button_input {
			    position: absolute;
			    bottom: 20px;
		    }
		div#content2 div.login div.columnC {
			width: 180px;
			float: left;
			display: inline;
		}


/***** content *****/


/***** header *****/

div#masthead {
	margin: 0 0 5px 0;
	height: 123px;
	width: 750px;
	background-repeat: no-repeat;
}
div#masthead a.logo{
	height: 60px;
	width: 220px;
	position: absolute;
	top: 58px;
	left: 11px;
}
	div#masthead div#quickbuy {
		width: 295px;
		height: 26px;
		position:relative;
		top:87px;
		left:448px;
	}
		div#masthead div#quickbuy select {
			height: 17px;
			margin: 0px;
			padding: 0px;
			width: 178px;
			position:relative;
			top:-5px;
			left:86px;
		}

	div#masthead a#dxheader {
		width:71px;
		height:63px;
		display:block;
		position: absolute;
		top: 22px;
		left: 615px;
		background-repeat: no-repeat;
	}

	div#masthead a#brbheader {
		height:65px;
		width:65px;
		display:block;
		position: absolute;
		left: 690px;
		top: 23px;
		background-repeat: no-repeat;
	}

	div#masthead input.quickBuyButton {
		width:30px;
		height:22px;
		position:relative;
		top:2px;
		left:85px;
	}

/** color selector **/
#iconbar {
	margin: 0 0 5px 0;
	font-size: 10px;
}
	#iconbar p#date {
		float:left;
	}
	#iconbar div#colour {
		float:right;
		margin-right:28px;
	}
	#iconbar div#colour img {
		position:relative;
		top:2px;
	}
	#iconbar p, #iconbar ol, #iconbar ol li {
		display:inline;
		margin:-2px 0 0;
	}
	#iconbar ol {
		list-style-type:none;
	}
		#iconbar ol li {
			list-style-type:none;
			margin:0 .01em 0 0;
		}
			#iconbar ol li {
				height:10px;
				width:10px;
				text-decoration:none;
			}
			#iconbar ol li a {
				text-decoration:none;
			}
				#iconbar ol li a.display1 {
					background-image: url(../../_images/icons/colourblock1.png);
					background-repeat:no-repeat;
				}
				#iconbar ol li a.display2 {
					background-image: url(../../_images/icons/colourblock2.png);
					background-repeat:no-repeat;
				}
				#iconbar ol li a.display3 {
					background-image: url(../../_images/icons/colourblock3.png);
					background-repeat:no-repeat;
				}
				#iconbar ol li a.display4{
					background-image: url(../../_images/icons/colourblock4.png);
					background-repeat:no-repeat;
				}
				#iconbar ol li a.display5 {
					background-image: url(../../_images/icons/colourblock5.png);
					background-repeat:no-repeat;
				}
/** /color selector **/				

/***** /header *****/

/***** navigation *****/

#mainNav {
	margin: 0px;
	width: 162px;
	padding: 7px 0 20px 0;
	float: left;
	padding-left:10px;
	background-color:#F3F3F3;
}
	#mainNav a img{
		margin:13px 0 8px 0;
	}
	#mainNav ul {
		margin:0 0 16px 0;
		list-style-type:none;
	}
	#mainNav ul.secondary {
		margin:16px 0 0 0;
	}
		#mainNav ul li {
			line-height:1.16em;
			margin: 0;
		}
			#mainNav ul li a {
				font-size:8pt;
				text-transform:uppercase;
				font-weight:bold;
			}
	div#mainNav a#dxNav, div#mainNav a#brbNav {
		height:53px;
		width:150px;
		display:block;
		margin:7px 0;
		background-repeat: no-repeat;
	}
		div#mainNav div.seatmapzone a {
			margin: 1.1em 0 0 10px;
		}	
	div#mainNav a#friendsLogin {
	  height:32px;
		width:160px;
		display:block;
		margin:7px 0 7px -4px;
	}

/***** /navigation *****/


/***** footer *****/

div#disclaimer {
	clear: left;
	padding: 5px 0 0 0;
	font-size: xx-small;
	margin-top: 20px;
}

/***** /footer *****/


/***** misc *****/

ul.browserlist { /* for no-cookies page */
	clear:both;
	list-style:none;
}
	ul.browserlist li {
		float:left;
		white-space:nowrap;
		padding:0 1em 0 0;
		margin:0 1em 0 0;
		border-right:1px solid #666666;
	}
	ul.browserlist li.last {
		padding:0;
		margin:0;
		border-right:0px none;
	}

.clear { /* clear all floated elements */
	clear: both;
}
div.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

div.hr {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 1.5em 0;
	border-top: 1px dotted #cccccc;
}

.alignright {
	text-align: right;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.push {
  margin-bottom: 20px;
}

.inline {
	display: inline;
	margin: 0;
}

.indent_sm {
	margin-left: 10px;
}

.indent {
	margin-left: 20px;
}

.indent_lg {
	margin-left: 50px;
}

.spacer {
	height: 340px;
}

.rightmargin {
	margin-right: 20px;
}

.small, .note {
	font-size: 0.9em;
}
/* any error or warning text */
.requiredField {
	color: #ff0000;
	font-weight: bold;
	display: block;
	margin-top: 1.5em;
}
.message {
	color: #cc0000;
	font-style: italic;
	font-weight: bold;
}
.required, fieldset.textfields label.required {
	width: 120px;
	background-color: #f1deee;
	text-align: right;
	padding: 0 10px 3px 0;
}
.hide {
	left:-999999px;
	position:absolute;
}
p.contact_note {
	float: right;
	width: 180px;
	font-weight: bold;
}
    p.contact_note .note {
        font-weight: normal;
    }
p.permission_note {
	float: left;
	width: 500px;
}
div.fancyBox {
	background-color:#ffffff;
	border: solid 1px #F3F3F3;
	padding: 5px;
	margin-bottom: 15px;
}
    div.fancyBox h2 {
        background: #F3F3F3;
        padding: 0.5em 15px;
        margin-bottom: 0.5em;
    }
	div.fancyBox div {
		padding:5px 15px;
	}
/***** /misc *****/

/***** lists *****/
ul.no_bullets {
	padding: 0;
	margin-left: 1.5em;
	list-style-type: none;
}
    ul.no_bullets li {
	    padding: 0;
	    margin: 0 0 1em 1.5em;
    }

ul.in_line {
	padding: 0;
	margin-left: 1.5em;
	list-style-type: none;
}
    ul.in_line li {
	    display: inline;
    }

ul.linklist {
}
	ul.linklist li.first {
		border-left:none;
	}
	ul.linklist li {
		border-left:1px solid #000000;
		display:inline;
		list-style-type:none;
		margin:0;
		padding:0 7px 0 9px;
	}
/***** /lists *****/

/***** forms *****/

input.check, input.radio { /* setting exact size removes crazy IE padding, makes uniform cross-browser */
	width: 15px;
	height: 15px;
}

input.textbox {
	width: 150px;
	margin: 0 0 0.5em 0;
}
input.textbox_short {
	width: 70px;
	margin: 0 0.5em 0.5em 0;
}

select.select {
	width: 152px;
	margin: 0 0 0.5em 0;
}
select.select_short {
	width: 72px;
	margin: 0 0.5em 0.5em 0;
}
select.select_auto {
	width: auto;
	margin: 0 0 0.5em 0;
}
	select option { /* fix for FF squishes select box options */
		padding: 0 5px 0 3px;
	}

textarea.textarea {
	width: 480px;
	height: 60px;
	margin: 0 0 0.5em 0;
}

span.formnote {
	color: #666666;
	font-size: 0.9em;
	margin-left: 0.5em;
}

p.formcopy {
	margin-bottom: 0.8em;
}

fieldset {
	width: auto;
	border: 0; /* remove the border, I dare ya! */
}
	fieldset input, fieldset select {
		vertical-align: top;
		padding: 1px 0;
	}
	fieldset.textfields label {
		float: left;
		width: 120px;
		padding-right: 10px;
		text-align: right;
	}
	fieldset.textfields label.small {
		float: left;
		width: 110px;
		font-size:1em;
		padding-right: 10px;
		text-align: right;
	}
	fieldset.textfields label.short {
		width: 50px;
	}
	fieldset.textfields label.block { /* stacked label/input */
		float: none;
		display: block;
		width: auto;
		margin: 0 0 0.2em 0;
	}
	fieldset span.label { /* when only a span tag will do... */
		float: left;
		padding-right: 10px;
		text-align: right;
		width: 120px;
	}
	fieldset span.small{ /* when only a span tag will do... */
		float: left;
		padding-right: 10px;
		text-align: right;
		width: 95px;
		font-size:1em;
	}
	fieldset label.colored {
	    font-size: 1.3em;
	    font-weight: bold;
	}
	
fieldset.inline {}
    fieldset.inline label {
        text-align: right;
        float: left;
        padding-right: 0.5em;
    }

div.checkzone, div.radiozone { /* wrapper for checkboxes and radiobuttons, long labels will not wrap beneath the input */
	margin: 0.2em 0 0.6em 0;
}
	div.checkzone input, div.radiozone input {
		width: 15px;
		height: 15px;
		position: absolute;
		z-index: 10; /* fixes bug in Safari 2.0.4 where checkbox is unclickable */
	}
	div.checkzone label, div.radiozone label {
		float: none;
		position: relative;
		z-index: 5; /* fixes bug in Safari 2.0.4 where checkbox is unclickable */
		display: block;
		width: auto;
		padding-left: 20px;
		text-align: left;
	}
	
ul.radiozone {
    list-style: none;
    margin: 0.2em 0 0.6em 0;
}
   ul.radiozone li {
        padding: 0;
        margin: 0;
   }
    ul.radiozone li input {
        width: 15px;
        height: 15px;
        position: absolute;
        z-index: 10;
    }
    ul.radiozone li label {
        position: relative;
        z-index: 5;
        padding-left: 20px;
        bottom: 2px;
    }

fieldset.buttonzone { /* wrapper for form submit button */
	clear: both;
	padding: 5px 0;
	margin: 0 0 2em 0;
}

/** individual form fieldsets **/

fieldset#form_gift {
}
    fieldset#form_gift fieldset.textfields {
    }
        fieldset#form_gift fieldset.textfields label {
            width: auto;
            margin-right: 10px;
        }

fieldset#form_support {
}
    fieldset#form_support fieldset.textfields {
    }
        fieldset#form_support fieldset.textfields label {
            width: auto;
            margin-right: 10px;
        }

fieldset#form_change {
}

fieldset#form_login {
}
	fieldset#form_login label {
		width: 98px;
	}
	fieldset#form_login p.label_spacer {
		margin-left: 108px;
	}

fieldset#form_forgot {
}
    fieldset#form_forgot label {
        width: auto;
        margin-right: 10px;
    }

fieldset#form_register {
}

label.addressLabelAddrStr {}

input.addressInputAddrStr {}

label.addressLabelHouse {}

input.addressInputHouse {}

input.addressInputAddrStr,
input.addressInputHouse {
	margin-bottom: 1.8em;
}

a.qasLookUp {
	margin: -0.4em 0pt 0.5em 22em;
	display: block;
}

div.registerLoginWrapper label {
		width: 156px !important;
}

fieldset#form_email {
}

fieldset#form_promocode {
	margin-bottom: 1.0em;
}
	fieldset#form_promocode label {
		width: auto;
		padding-right: 0.5em;
	}
	fieldset#form_promocode a.button {
		position: relative;
		top: 1px;
	}

fieldset#form_reserve {
}
    fieldset#form_reserve fieldset.buttonzone input {
        float: right;
        height: 1.5em;
        margin-right: 1em;
        padding: 2px 0 0 32px;
    }

fieldset#form_search {
}
	fieldset#form_search label {
		width: 100px;
	}
	fieldset#form_search label.short {
		width: 50px;
	}

fieldset#form_checkout {
}
	fieldset#form_checkout div.buttonzone {
		text-align: right;
	}

fieldset#form_donation {
}
    fieldset#form_donation label {
        width: auto;
        margin-right: 10px;
    }

fieldset#form_payment {
}

fieldset#fsSpecialNeeds {}
    fieldset#fsSpecialNeeds textarea#uxSpecialNeeds {
        margin-bottom: 1em;
        width: 30em;
        height: 10em;
    }
    
fieldset#fsPatronLookup {}
    fieldset#fsPatronLookup label {
    }
    fieldset#fsPatronLookup input {
        margin-bottom: 0.5em;
    }
    
fieldset#fsSupportAmmount {
    margin-bottom: 1em;
}
    fieldset#fsSupportAmmount label#lblCustomDonationAmount {
        padding-left: 0;
    }
    fieldset#fsSupportAmmount input#uxCustomDonationAmount {
        width: 5em;
        margin-left: 0.5em;
    }
    
fieldset#fsRestaurantReservations {
    margin-left: 15px;
}
    fieldset#fsRestaurantReservations label {
        display: block;
        margin: 1em 0 0.5em;
    }
        fieldset#fsRestaurantReservations label span.note {
            color: #000;
            font-size: 0.8em;
            font-weight: normal;
        }
    fieldset#fsRestaurantReservations select {
        margin-bottom: 1em;
    }
    fieldset#fsRestaurantReservations textarea {
        width: 30em;
        height: 11em;
        margin-bottom: 1em;
    }
    fieldset#fsRestaurantReservations input#uxReserve {
        margin: 0.5em 0 0 21em;
    }
    
fieldset#fsFamilyMembership {}
    fieldset#fsFamilyMembership label {
        width: 6.25em;
    }
    fieldset#fsFamilyMembership input,
    fieldset#fsFamilyMembership select {
        margin-bottom: 0.5em;
    }
    fieldset#fsFamilyMembership br {
        clear: both;
    }
    
fieldset#fsStudentMembership {}
    fieldset#fsStudentMembership label {
        width: 11.5em;
    }
    fieldset#fsStudentMembership input,
    fieldset#fsStudentMembership select {
        margin-bottom: 0.5em;
    }
    
/** /individual form fieldsets **/

/** buttons **/

a.button:link, a.button:visited {
	padding: 2px 8px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

a.button:hover, a.button:visited:hover {
	text-decoration: none;
	color: #ffffff;
}

input.button {
   font-weight: bold;
   color: #ffffff;
   padding: 1px 4px;
   font-size: 11px;
   text-transform: uppercase;
   border: 0;
   cursor: pointer;
}

a.button_alt:link, a.button_alt:visited {
	background-color:#ffffff;
	padding:2px 8px;
	border:1px solid #000000;
	color:#cc0000;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

a.button_alt:hover, a.button_alt:visited:hover {
	text-decoration:none;
	color:#ffffff;
}

a.button_small:link, a.button_small:visited {
	background-color:#cc0000;
	padding:1px 4px;
	border:1px solid #000000;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
}

a.button_small:hover, a.button_small:visited:hover {
	text-decoration:none;
	color:#ffffff;
}

a.return_home {
    display: block;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left top;
    width: 90px;
    height: 21px;
    padding: 2px 0 0 33px;
}

input.button_input, input.button_input_back {
   background-repeat: no-repeat;
   background-color: transparent;
   font-weight: bold;
   font-size: 1em;
   border: 0;
   cursor: pointer;
   padding: 2px 0 4px 28px;
   margin: 0;
}
input.w70 {width: 70px;}
input.w80 {width: 80px;}
input.w90 {width: 90px;}
input.w100 {width: 100px;}
input.w110 {width: 110px;}
input.w120 {width: 120px;}
input.w130 {width: 130px;}
input.w140 {width: 140px;}
input.w150 {width: 150px;}
input.w160 {width: 160px;}
input.w170 {width: 170px;}
input.w180 {width: 180px;}
input.w190 {width: 190px;}
input.w200 {width: 200px;}

a.symbol_buttons {
	background-repeat: no-repeat;
	background-position: top left;
	padding: 2px 0 4px 32px;
	font-weight: bold;
}
a.symbol_buttons:hover {
	text-decoration: none;
}
/** /buttons **/

/***** /forms *****/

/***** qas *****/
div.qas {
	padding-bottom: 0;
}
	div.qas div.hr {
		margin-bottom: 0;
	}
	div.qas input {
		margin-right: 10px;
	}
	div.qas a.button {
		position: relative;
		top: 3px;
		margin-right: 10px;
	}
	div.qas a.cancel {
		background-color: #60097C;
	}
	div.qas select {
		width: 325px;
		margin-bottom: 10px;
	}
	div.qas p {
		margin-bottom: 5px;
	}
	div.qas p.requiredField {
		margin-top: 10px;
		font-size:12px;
	}
/***** /qas *****/

/***** registration *****/
div.register_forms {
	background-color: #ffffff;
	border: 1px solid #F3F3F3;
	margin: 0 0 15px 0;
	padding: 5px;
	float: left;
	width: 355px;
}
	div.register_forms label.small {
		width: 156px;
	}
	div.register_forms div.inner  {
		background-color: #F3F3F3;
		padding: 20px 12px 20px;
	}
	div.register_forms p.formnote {
		margin-left: 166px;
		font-size: 0.9em;
	}
	div.register_forms p.note {
		font-size: 0.9em;
	}
	div.register_forms h3 {
		background-color: #F3F3F3;
		border-bottom: solid 5px #ffffff;
		font-size: 1.3em;
		margin: 0;
		padding: 10px 15px;
	}
	div.register_forms h3.second {
		border-top: solid 5px #ffffff;
	}
	div.register_forms p {
		font-size: 12px;
	}
	div.register_forms div.checkzone {
		background-color: #ffffff;
		padding: 10px;
	}
		div.register_forms div.checkzone h3 {
			background-color: #ffffff;
			font-size: 1.2em;
			padding-bottom: 10px;
		}
		div.register_forms div.checkzone h4 {
			font-size:1em;
			padding-bottom: 10px;
		}
		div.register_forms div.checkzone label {
			padding-bottom:10px;
		}
		div.register_forms div.checkzone div.column_1 {
			width: 85px;
			float: left;
		}
		div.register_forms div.checkzone div.column_2 {
			width: 220px;
			float: left;
		}
			div.register_forms div.checkzone fieldset.textfields label {
				width: 75px;
			}
			div.register_forms div.checkzone fieldset.textfields input.textbox {
				margin: 0pt 0pt 0.5em;
				width: 120px;
				position: relative;
			}
/***** /registration *****/

/***** memberships *****/
div#uxWarning {}
    div#uxWarning strong {color: #F00;}
    div#uxWarning input#uxProceedToCheckout {
        float: right;
        margin-right: 15px;
    }
div#MembershipBox {}
    div#MembershipBox div#MembershipType {}
        div#MembershipBox div#MembershipType span {
            padding-right: 1em;
        }
    div#MembershipBox h3,
    div#MembershipBox p,
    div#MembershipBox fieldset {
        margin-left: 15px;
    }
    div#MembershipBox div.hr {
        padding: 0;
        margin: 1em 0;
    }
    div#MembershipBox input.button_input {
        float: right;
        margin-right: 15px;
    }
/***** /memberships *****/

/***** support *****/
div#SupportBox {}
    div#SupportBox p {
        margin: 0 15px 1.5em;
    }
    div#SupportBox fieldset {
        margin: 0 15px;
    }
    div#SupportBox fieldset#fs_GiftAid {
        background-color: #F3F3F3;
        padding: 1em;
    }
        fieldset#fs_GiftAid input {
            float: left;
        }
        fieldset#fs_GiftAid label{
            float: left;
            width: 480px;
            margin-left: 0.5em;
        }
img#giftaid_it {
    float: left;
    margin: 7px 10px 0 14px;
}
/***** /support *****/

/***** account *****/
div.account_forms {
	background-color: #ffffff;
	border: 1px solid #F3F3F3;
	margin: 0 0 15px;
	padding: 5px;
	float: left;
	width: 355px;
}
	div.account_forms label.small {
		width: 156px;
	}
	div.account_forms div.inner  {
		background-color:#F3F3F3;
		padding: 20px 15px 20px;
	}
		div.account_forms div.inner h3 {
			border-bottom: 0;
			padding: 20px 15px 20px 0;
		}
		div.account_forms p.formnote {
		margin-left: 130px;
		font-size: 0.9em;
	}
	div.account_forms h3 {
		background-color:#F3F3F3;
		border-bottom: solid 5px #ffffff;
		font-size: 1.3em;
		margin:0;
		padding:10px 15px;
	}
	div.account_forms h3.second {
		border-top: solid 5px #ffffff;
	}
	div.account_forms p {
		font-size: 12px;
	}
	div.account_forms div.checkzone {
		background-color: #ffffff;
		padding: 10px;
	}
		div.account_forms div.checkzone h3 {
			background-color: #ffffff;
			font-size: 1.2em;
			padding-bottom: 10px;
			padding:10px 15px;
		}
		div.account_forms div.checkzone h4 {
			font-size:1em;
			padding-bottom: 10px;
		}
		div.account_forms div.checkzone label {
			padding-bottom:10px;
		}
		div.account_forms div.checkzone div.column_1 {
			width: 85px;
			float: left;
		}
		div.account_forms div.checkzone div.column_2 {
			width: 215px;
			float: left;
		}
		div.account_forms div.checkzone fieldset.textfields {
			margin-top: 20px;
		}
			div.account_forms div.checkzone fieldset.textfields label {
				float: left;
				width: 90px;
				padding-right: 10px;
				text-align: right;
			}
			div.account_forms div.checkzone fieldset.textfields input.textbox {
				margin: 0pt 0pt 0.5em;
				width: 150px;
				position: relative;
			}
div.border_box {
	background-color: #ffffff;
	border: 1px solid #F3F3F3;
	margin: 0 10px 15px 0;
	padding: 5px;
}
	div.border_box h3 {
		background-color:#F3F3F3;
		padding: 10px 15px 10px;
	}
/***** account *****/


/***** tickets *****/
div.ticketsearch { /* search.aspx */
	background-color:#ffffff;
	border: solid 1px #F3F3F3;
	padding: 5px;
	margin-bottom: 15px;
}
	div.ticketsearch div {
		background-color: #F3F3F3;
		padding:5px 15px;
	}
	div.ticketsearch div input#txt_StartDate2 {
	    float: left;
	}
	div.ticketsearch select {
		margin-bottom: 30px;
		width: 330px;
	}
		div.ticketsearch fieldset#date_range {
				padding-bottom: 20px;
			}
			div.ticketsearch fieldset#date_range a.calimage {
				height: 20px;
				width: 17px;
				float: left;
				margin-right: 15px;
			}
			div.ticketsearch fieldset#date_range label {
				float: left;
				width: auto;
				margin-right: 5px;
			}
			div.ticketsearch fieldset#date_range input {
				float: left;
				width: 180px;
				margin-right: 10px;
			}
		div.ticketsearch h3 span {
			color: #000000;
			font-size: 8pt;
			font-weight: normal;
		}
	div.ticketsearch fieldset.buttonzone {
		margin-bottom: 10px;
		position: relative;
	}
ul.ticketsearch {
	float: left;
	list-style-type: none;
	margin-bottom: 0;
	position: relative;
	top: 2px;
}
	ul.ticketsearch li {
		float: left;
		display: inline;
		background-color:#ffffff;
		border: solid 1px #F3F3F3;
		padding: 5px;
		width: 262px;
		height: 35px;
		margin: 10px 0 0;
	}
		ul.ticketsearch li p {
			display: inline;
			background-color:#F3F3F3;
			padding: 5px 15px;
			font-size: 1.2em;
			font-weight: bold;
			text-align: left;
			width: 232px;
			height: 25px;
			margin: 0;
			float: left;
		}
		ul.ticketsearch li#supportTab p {
		    width: 260px;
		}
	ul.ticketsearch li.current {
		border-bottom: solid 1px #ffffff;
	}
		ul.ticketsearch li.current p {
			padding: 5px 15px 16px;
		}
	    ul.ticketsearch li#tabEvent {
	        margin-right: 20px;
	    }
ul.searchresults { /* search.aspx */
	list-style: none;
	margin-top: -5px;
	border-bottom: 1px dashed #CCC;
	padding-bottom: 10px;
}
	ul.searchresults li {
		border-top: 1px dashed #cccccc;
		margin: 10px 0 0;
		padding: 10px 0 0;
		line-height: 1.1em;
	}
		ul.searchresults li h4 {
			font-size: 1.1em;
			margin-bottom: 0.2em;
		}
			ul.searchresults li h4 a,
			ul.searchresults li h4 a:hover,
			ul.searchresults li h4 a:visited {
				color: #000000;
			}
		ul.searchresults li div.left {
			float: left;
			width: 264px;
			padding-left: 20px;
			line-height: 1.2em;
		}
		ul.searchresults li div.right {
			float: right;
			text-align: right;
			width: 264px;
			padding-right: 20px;
		}
		ul.searchresults li span.message {
	        position: relative;
	        top: 15px;
		}

ul.production_list { /* index.aspx */
	list-style-type: none;
	float: left;
}
	ul.production_list li {
		border-bottom: 1px dashed #cccccc;
		margin: 0;
		padding: 10px 0;
		line-height: 1.1em;
		float: left;
	}
		ul.production_list li img {
			float: left;
			height: 70px;
			width: 70px;
			padding-left: 0;
		}
		ul.production_list li div {
			float: left;
			width: 400px;
			padding-left: 20px;
			line-height: 1.2em;
		}
		ul.production_list li div.buttons {
			float: left;
			width: 75px;
			padding-left: 0;
		}
		ul.production_list li div.buttons a.button {
			margin-top: 5px;
			float: right;
		}
			ul.production_list li div h3 {
			    margin-bottom: 0;
			}
			ul.production_list li div p {
				margin-bottom: 5px;
			}

div.production {
	margin-bottom: 10px;
}
	div.production h2 {
		color: #ffffff;
		margin: 0;
		padding: 15px 0 3px 15px;
	}
	div.production h3 {
		color: #ffffff;
		margin: 0;
		padding: 0 0 15px 15px;
		font-weight: normal;
	}
	div.production p {
		color: #ffffff;
		margin: 0;
		padding: 0 0 15px 15px;
	}
	div.production a {
		color: #ffffff;
	}
	div.production a:hover {
		color: #ffffff;
	}

div.promoCodeSection {
	background-color:#ffffff;
	border: solid 1px #F3F3F3;
	padding:5px;
	margin-top: 5px;
}
	div.promoCodeSection fieldset#form_promocode {
		background-color:#F3F3F3;
		padding:10px 10px 15px 10px;
		margin-bottom: 0;
	}
		div.promoCodeSection fieldset#form_promocode input.label {
			float: left;
		}
		div.promoCodeSection fieldset#form_promocode input.textbox {
			width: 190px;
			float: left;
		}
		div.promoCodeSection fieldset#form_promocode input.button {
			width: 101px;
			height: 19px;
			float: right;
		}
		div.promoCodeSection fieldset#form_promocode input#Promocode1_btn_submit {
		    padding-bottom: 20px;
		}

div#production_dates {
	margin-top: 10px;
}
div#production_dates h4 {
	padding: 10px 15px;
	border-bottom: 1px dotted #d0d0d0;
}
div#production_dates ul.performancelisting {
	list-style: none;
}
	div#production_dates ul.performancelisting li {
		margin: 0;
		padding: 8px 15px;
		border-bottom: 1px dotted #d0d0d0;
	}
		div#production_dates ul.performancelisting li div.left {
			float: left;
			display: inline;
		}
		div#production_dates ul.performancelisting li div.right {
			float: right;
			display: inline;
			text-align: right;
		}
		div#production_dates ul.performancelisting li span.date {
		}
		div#production_dates ul.performancelisting li span.message {
		}


table.selectseating { /* reserve.aspx */
	margin: 0 1em 2.0em 20px;
	font-size: 12px;
}
	table.selectseating th {
		padding: 5px 0 5px 5px;
		text-align: right;
		vertical-align: bottom;
		font-weight: bold;
		border-bottom: 1px dotted #c8c8c8;
		font-size: 11px;
	}
	table.selectseating th.first {
		text-align: left;
		padding: 5px 0;
	}
	table.selectseating td {
		padding: 5px 0 5px 5px;
		vertical-align: top;
		text-align: right;
		}
	table.selectseating td.radiocol {
		width: 25px;
	}
	    table.selectseating td.radiocol input {
		    width: 15px;
		    height: 15px;
		    margin: 0 5px;
	    }
	table.selectseating td.section {
		width: 115px;
		padding: 5px 0;
		text-align: left;
	}
	table.selectseating td.pricetype {
		width: 60px;
	}

table.selectquantity { /* reserve.aspx */
	margin: 0 1em 2.0em 25px;
}
	table.selectquantity td {
		padding: 0;
		font-size: 10px;
		font-weight: bold;
		width: 60px;
		text-align: right;
		vertical-align: bottom;
	}
	table.selectquantity td.first {
		width: 130px;
	}
	table.selectquantity td label {
		font-weight: bold;
		font-size: 11px;
		display: block;
		margin-bottom: 2px;
	}
	table.selectquantity td select {
		width: 45px;
	}

div.seatmapzone a {
	width: 125px;
	height: 20px;
	float: left;
	margin: 1.1em 0 0 15px;
}

/***** tickets *****/


/***** checkout *****/

ul#checkoutsteps {
	list-style-type:none;
	margin:0;
	padding:0;
}
	ul#checkoutsteps li {
		list-style-type:none;
		float:left;
		width:120px;
		margin:0 5px 0 0;
		padding:0;
		border:1px solid #666666;
		font-size:0.9em;
		color:#666666;
	}
	ul#checkoutsteps li.in {
		border:1px solid #000000;
		color:#000000;
	}

/** payment **/

div.addresses {
	float: left;
	display: inline;
	width: 180px;
	margin: 0 15px 10px 0;
}
div.tabbedBox {
	background-color: #ffffff;
	border: solid 1px #F3F3F3;
	padding: 5px;
	margin-bottom: 15px;
}
	div.tabbedBox div {
		background-color: #F3F3F3;
		padding: 5px 15px;
	}
		div.tabbedBox div div {
			padding: 0;
		}
		div.tabbedBox div.colA {
			width: 120px;
			padding: 15px 0;
			float: left;
		}
		div.tabbedBox div.colB, div.tabbedBox div.colC {
			width: 290px;
			padding: 15px 0;
			float: left;
		}
h3.tabbedBox {
	position: relative;
	top: 1px;
	background-color:#ffffff;
	border-top: solid 1px #F3F3F3;
	border-left: solid 1px #F3F3F3;	
	border-right: solid 1px #F3F3F3;
	border-bottom: solid 1px #ffffff;
	padding:5px;
	width:262px;
	height: 24px;
	margin:10px 0 0;
}
	h3.tabbedBox span {
		display:inline;
		background-color:#F3F3F3;
		padding:5px 15px;
		font-size:1.2em;
		font-weight:bold;
		text-align:left;
		width:232px;
		height: 25px;
		margin:0;
		float:left;
	}
p.transaction_charge_note {
    font-size: 0.9em;
    width: 375px;
    padding-left: 25px;
}
ul.cc_list {
	position: relative;
	left: 30px;
	list-style-type: none;
	height: 40px;
	width: 250px;
	margin: 3px 0 3px;
}
	ul.cc_list li {
		float: left;
		display: inline;
		padding: 17px 21px 0;
		margin: 3px 2px;
		background-repeat: no-repeat;
	}
	ul.cc_list li.cc_amex {
		background-image: url(../../_images/cvv/cc_amex.gif);
	}
	ul.cc_list li.cc_maestro {
		background-image: url(../../_images/cvv/cc_maestro.gif);
	}
	ul.cc_list li.cc_master {
		background-image: url(../../_images/cvv/cc_master.gif);
	}
	ul.cc_list li.cc_solo {
		background-image: url(../../_images/cvv/cc_solo.gif);
	}
	ul.cc_list li.cc_visa {
		background-image: url(../../_images/cvv/cc_visa.gif);
	}
/** /payment **/

/** Authorization Process **/
body#authProcess iframe {
    margin-top: 25px;
    border-width: 0;
}
body#verification div#verificationBox {
    text-align: left;
    width: 410px;
    margin: 0 auto;
    padding-bottom: 15px;
}
    body#verification div#verificationBox fieldset {
        margin: 0 15px;
    }
    body#verification div#verificationBox h2 {
        margin-bottom: 1em;
    }
/** /Authorization Process **/

/** confirmation **/

ul.receiptinfo {
	list-style-type:none;
	margin-bottom: 1.5em;
	padding:0;
}
	ul.receiptinfo li {
		list-style-type:none;
		margin:0;
		padding:0 0 0.5em 0;
	}
	ul.receiptinfo li span.label {
		float:left;
		width:120px;
	}

/** /confirmation **/

/***** /checkout *****/


/***** shopping cart *****/
div.carttimer {
	border: solid 2px #ff0000;
	width: 500px;
	padding: 10px;
	margin-bottom: 10px;
	float: left;
}
div.carttimer p {
	color: #ff0000;
	padding: 0 0 0 30px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center left;
}
table.shoppingcart {
	width: 750px;
	margin: 0 0 1.0em 0;
	display:block;
}
    table.shoppingcart a {
        font-weight: bold;
    }
    table.shoppingcart input.txtEditDonation {
        width: 4em;
    }
	table.shoppingcart th {
		color: #ffffff;
		font-weight: bold;
		text-align: left;
		padding: 2px 0;
	}
	table.shoppingcart td {
		padding: 10px 0;
		vertical-align: top;
		line-height: 1.3em;
		border-bottom: 1px dotted #9d9d9d;
	}
	table.shoppingcart td table td {
		border-bottom: 0;
	}

	/* all col widths + padding MUST add up to shoppingcart total width */
	table.shoppingcart td.colA span {
	}
	table.shoppingcart td.colA, table.shoppingcart th.colA {
		width: 225px;
		padding-left: 25px;
	}
	table.shoppingcart td.colB, table.shoppingcart th.colB {
		width: 160px;
	}
	table.shoppingcart td.colC, table.shoppingcart th.colC {
		width: 75px;
	}
	table.shoppingcart td.colD, table.shoppingcart th.colD {
		width: 70px;
	}
	table.shoppingcart td.colE, table.shoppingcart th.colE {
		width: 90px;
		text-align: right;
		padding-right: 5px;
	}
	table.shoppingcart td.colF, table.shoppingcart th.colF {
		width: 100px;
		text-align: right;
	}

	table.shoppingcart table.innercart {
		width: 400px;
		margin: 0 0 5px 0;
	}
	    table.shoppingcart table.innercart td {
		    padding: 5px 0;
		    border-bottom: 1px dotted #e3e3e3;
	    }

	table.shoppingcart.carttotals td {
		border-bottom: 0;
		padding: 0 3px 0 0;
	}
	table.shoppingcart.carttotals div.subtotal {
		margin: 0.4em 0;
	}
	table.shoppingcart.carttotals div.total {
		margin: 0.5em 0 0.8em 0;
		font-size: 1.6em;
	}
	table.shoppingcart td.colABCD {
		padding-left: 25px;
		width:530px;
	}
	table.shoppingcart td.colBCDE { /* contains single tix nested table.innercart */
		width: 400px;
		padding: 5px 0;
	}
	table.shoppingcart td.colAB { /* cart totals spacer */
		width: 410px;
		padding: 0;
	}
	table.shoppingcart td.colCD { /* cart totals */
		width: 145px;
		padding: 0;
	}
	table.shoppingcart td.colBCD { /* combined description column */
		width: 305px;
		padding: 5px 0 5px 0;
	}
	table.shoppingcart td.colABCDEF { /* colspan = all */
		width: 740px;
		padding: 5px;
	}
	table.shoppingcart tr.noBorder { }
		table.shoppingcart tr.noBorder td {
			border-bottom: none;
		}
	table.shoppingcart p.cart_note {
		font-size: 0.9em;
		line-height: 1.2em;
		position: relative;
		top: -35px;
		margin-bottom: -35px;
	}
	table.shoppingcart p.giftaid {
		font-size: 0.9em;
		line-height: 1.2em;
		position: relative;
	}
	table.shoppingcart tr.giftAid  { }
		table.shoppingcart tr.giftAid td.colABCDEF {
			width:750px;
			padding:10px 0;
		}
			table.shoppingcart tr.giftAid td.colABCDEF strong {
				float:left;
				width:75px;
				padding-left:25px
			}
				table.shoppingcart tr.giftAid td.colABCDEF label {
					float:left;
					width:550px;
				}
				table.shoppingcart tr.giftAid td.colABCDEF input {
					margin:8px 25px 0;
					float:right;
				}
div#payment_cart,
div#receipt_cart { }
	div#payment_cart table.shoppingcart,
	div#receipt_cart table.shoppingcart { }
		div#payment_cart table.shoppingcart p.cart_note,
		div#receipt_cart table.shoppingcart p.cart_note {
			top: -19px;
			margin-bottom: -19px;
		}
div.cartbuttons {
	clear: both;
	width: 100%;
	padding: 5px 0;
	margin: 0 0 1.0em 0;
}

div.cartbuttons a.button:link, a.button:visited a.button:hover, a.button:visited:hover{
	text-decoration: none;
}

div.emptycart {
}

/***** /shopping cart *****/

/***** remove membership *****/
input#uxRemoveMembership {
    margin-left: 15px;
}
/***** /remove membership *****/

/***** calendar *****/

table#calendar {
	width: 100%;
	padding: 0;
	margin: 0;
}
	table#calendar th {
		padding: 2px 5px;
		border: 2px solid #ffffff;
		background: #cccccc;
		color: #000000;
		font-weight: bold;
		text-align: left;
	}
	table#calendar td {
		width: 14%;
		vertical-align: top;
		padding: 2px 5px;
		border: 2px solid #ffffff;
		font-size: 0.9em;
	}
	table#calendar td.in {
		background: #dcdcdc;
	}
	table#calendar td.out {
		background: #f5f5f5;
	}

div.calendar_controls {
	padding: 5px;
	margin: 0 0 1.0em 0;
}

/** popup_calendar **/

body.popup_calendar {
	text-align: center;
	background: #ffffff;
}
	body.popup_calendar a:link, body.popup_calendar a:visited {
		color: #666666;
		text-decoration: none;
	}
	body.popup_calendar a:hover, body.popup_calendar a:visited:hover, body.popup_calendar a:active {
		color: #666666;
		text-decoration: underline;
	}

table.popup_calendar_header {width:250px; margin-bottom:8px;}
	table.popup_calendar_header td {font-size:11px; color:#666666;}
	table.popup_calendar_header td.month {text-align:center; padding:2px 5px;}
	table.popup_calendar_header td.prev {text-align:left; padding:2px 10px;}
		table.popup_calendar_header td.prev a {font-size:15px; font-weight:bold;}
	table.popup_calendar_header td.next {text-align:right; padding:2px 10px;}
		table.popup_calendar_header td.next a {font-size:15px; font-weight:bold;}

table.popup_calendar_dates {width:250px;}
	table.popup_calendar_dates td {font-size:11px; color:#666666; text-align:center; padding:2px 0;}
	table.popup_calendar_dates td.weekend {}
	table.popup_calendar_dates tr.top td {color:#666666; text-transform:uppercase;}
	table.popup_calendar_dates div.today {background-color:#cccccc; border:1px solid #666666;}

/** /popup_calendar **/

/***** /calendar *****/


/***** HTML SYOS *****/

div#syos_wrapper {
	font-size: 1.1em;
	text-align: left;
	padding:10px;
	width: 900px;
	background: #ffffff;
	float:left;
}
	div#syos_wrapper div#masthead {
		width: 900px;
		margin:0;
	}
		div#syos_wrapper div#masthead a.logo{}
		div#syos_wrapper div#masthead div#quickbuy {
			left:598px;
		}
		div#syos_wrapper div#masthead a#seatmapheader {
			width:125px;
			height:21px;
			display:block;
			position: absolute;
			top: 70px;
			left: 610px;
			background-repeat: no-repeat;
		}
		div#syos_wrapper div#masthead a#dxheader {
			top: 27px;
			left: 765px;
		}
		div#syos_wrapper div#masthead a#brbheader {
			left: 840px;
			top: 23px;
		}
	div#syos_wrapper div#syos_content {
		width: 900px;
	}
		div#syos_wrapper div#syos_content div.production {
			width:435px;
			float:left;
			margin-right:20px;
		}
		div#syos_wrapper div#syos_content div.promoCodeSection {
			width:433px;
			float:left;
			margin:0;
		}
			div#syos_wrapper div#syos_content div.promoCodeSection fieldset#form_promocode {
				padding:10px 10px 6px;
				height:65px;
			}
	div#syos_wrapper div#mainNav {
		float:left;
		width:100%;
		padding:0;
		height:25px;
		overflow:hidden;
		margin-bottom:5px;
	}
		div#syos_wrapper div#mainNav ul {
			float:left;
			margin:0;
			width:887px;
			padding-left:13px;
		}
			div#syos_wrapper div#mainNav ul li {
				float:left;
				height:26px;
			}
			div#syos_wrapper div#mainNav ul li.right {
				float:right;
			}
			div#syos_wrapper div#mainNav ul li a {
				display:block;
				padding:5px 10px;
			}
		div#syos_wrapper div#mainNav a#friendsLogin {
		  height:32px;
			width:160px;
			display:block;
			margin:7px 0 7px -4px;
		}
	div#syos_wrapper div#iconbar {
		float:left;
		width:100%;
	}
		div#syos_wrapper div#iconbar p#date {
			margin-left:23px;
		}
/***** /HTML SYOS *****/