/***** global html *****/

* {
	margin:0;
	padding:0;
}

html, body {
	height: 100%;
	}
	
div#wrapper {
	margin:0 auto;
	text-align:left;
	width:768px;
	min-height: 100%;
	
}

body {
	
	text-align:center;
	font-size:70%;
}
body, td, li {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#666666;F
}
input, select, textarea {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:1em;
	color:#000000;
}

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

img {
	border:0;
}

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

ul, ol {
	margin:0 0 1.4em 0;
	padding:0;
}
li {
	margin:0 0 0 1.4em;
	padding:0;
}
	li ul, li ol {
		margin:0;
	}

a { /* for anchor tags without href */
	color:#fff;
	text-decoration:none;
}
a:link, a:visited {
	color:#8b8c92;
	text-decoration:underline;
}
a:hover, a:visited:hover, a:active {
	color:#fff;
	text-decoration:underline;
}

a.alt { /* for anchor tags without href */
	color:#fff;
	text-decoration:none;
}
a.alt:link, a.alt:visited {
	color:#5c5c5c;
	text-decoration:none;
}
a.alt:hover, a.alt:visited:hover, a.alt:active {
	color:#fff;
	text-decoration:underline;
}

h1 { /* for page title */
	font-size:1.1em;
	line-height:1em;
	color:#777984;
	font-weight:bold;
	margin:0 0 0.7em 0.7em;
}
	div.subh1 {
		color:#fff;
		font-weight:bold;
		margin:-1.4em 0 2em 0;
	}
h2 { /* for page sub-title */
	font-size:1.2em;
	line-height:1.2em;
	color:#fff;
	font-weight:bold;
	margin:0 0 0.4em 0;
}
h3, .h3 { /* for page headers */
	font-size:1.1em;
	line-height:1.2em;
	color:#777984;
	font-weight:bold;
	margin:0 0 0.4em 0;
}
h4, .h4 { /* for page subheaders */
	font-size:1em;
	line-height:1.2em;
	color:#777984;
	font-weight:bold;
	margin:0 0 0.2em 0;
}
h5, .h5 { /* for page subheaders */
	font-size:1em;
	line-height:1.2em;
	color:#777984;
	font-weight:bold;
	margin:0 0 0.2em 0;
}

.clear {
	clear:both;
}
div.clear {
	height:1px;
	overflow:hidden;
	margin:0;
}

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

div.hr_dashed {
	clear:both;
	height:0px;
	overflow:hidden;
	margin:0 0 1em 0;
	border-top:1px dashed #9a9997;
}

div.hr_small {
	height:0px;
	overflow:hidden;
	margin:0 0 0.6em 0;
	border-top:1px solid #b2b2b2;
}

p.intro {
	padding-bottom:0.8em;
	border-bottom:1px solid #b2b2b2;
}

.small, .note {
	font-size:0.9em;
}

/* any error or warning text */
.requiredField {
	color:#cc0000;
	font-weight:bold;
}
.required {
	color:#cc0000;
	font-weight:bold;
}

/** popups **/

body.popup {
	background-color:#ffffff;
	/* take your pick */
	/*text-align:center;*/
	/*text-align:left;*/
	font-size:70%;
	margin:0;
	padding:10px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#000000;
}

/** /popups **/

/***** /global html *****/


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

/** siteHeader **/

#siteHeader {
	width:750px;
	height:163px;
	background-color:#d3d3d3;
}
	#siteHeader img {
		float:left;
		display:inline;
		margin:0;
	}
	#siteHeader div.siteHeader_inner {
		width:323px;
		float:right;
		display:inline;
		margin:0;
	}
	#siteHeader div.siteHeader_inner h1 {
		margin:38px 0 5px 23px;
	}
	#siteHeader div.siteHeader_inner a {
		color:#5c5c5c;
		font-weight:bold;
	}

/** /siteHeader **/

/** siteNav **/

#siteNav {
	width:750px;
	height:27px;
	clear:both;
	background:url(../../_images/bg_nav.gif) repeat-x #eeeeee;
}
	#siteNav ul {
		list-style:none;
		height:27px;
		margin:0;
		padding:0;
	}
		#siteNav ul li {
			list-style:none;
			float:left;
			display:inline;
			height:27px;
			margin:0;
			padding:0;
		}
			#siteNav ul li a {
				display:block;
				outline:none;
				height:27px;
			}
			#siteNav ul li a, #siteNav ul li a:visited, #siteNav ul li a:hover, #siteNav ul li a:visited:hover, #siteNav ul li a:active {
				text-decoration:none;
			}
				#siteNav ul li a span {
					display:block;
					position:absolute;
					left:-1999px;
				}

	li#nav_currentseason a {background:url(../../_images/nav/currentseason.gif) no-repeat; width:90px; margin-left:48px;}
	li#nav_currentseason a:hover {background:url(../../_images/nav/currentseason_mo.gif) no-repeat;}

	li#nav_faqs a {background:url(../../_images/nav/faqs.gif) no-repeat; width:43px; margin-left:15px;}
	li#nav_faqs a:hover {background:url(../../_images/nav/faqs_mo.gif) no-repeat;}

	li#nav_aboutdtc a {background:url(../../_images/nav/aboutdtc.gif) no-repeat; width:70px; margin-left:15px;}
	li#nav_aboutdtc a:hover {background:url(../../_images/nav/aboutdtc_mo.gif) no-repeat;}

	li#nav_tickets a {background:url(../../_images/nav/tickets.gif) no-repeat; width:119px; margin-left:15px;}
	li#nav_tickets a:hover {background:url(../../_images/nav/tickets_mo.gif) no-repeat;}

	li#nav_education a {background:url(../../_images/nav/education.gif) no-repeat; width:113px; margin-left:15px;}
	li#nav_education a:hover {background:url(../../_images/nav/education_mo.gif) no-repeat;}

	li#nav_events a {background:url(../../_images/nav/events.gif) no-repeat; width:50px; margin-left:15px;}
	li#nav_events a:hover {background:url(../../_images/nav/events_mo.gif) no-repeat;}

	li#nav_supportdtc a {background:url(../../_images/nav/supportdtc.gif) no-repeat; width:84px; margin-left:15px;}
	li#nav_supportdtc a:hover {background:url(../../_images/nav/supportdtc_mo.gif) no-repeat;}


#accountNav {
	float:right;
}
	#accountNav ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		#accountNav ul li {
			list-style:none;
			display:inline;
			margin:0;
			padding:0 6px 0 6px;
			font-size:0.9em;
		}
		#accountNav ul li.seperated {
			list-style:none;
			display:inline;
			margin:0;
			padding:0 0 0 6px;
			font-size:0.9em;
			border-left: 1px solid #fff;
		}		
			#accountNav ul li a {
				color:#777984;
				text-decoration: underline;
			}


/** /siteNav **/

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


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

div#siteFooter {
	margin:0 auto;
	text-align:left;
	width:750px;
}
	div#siteFooter p {
		margin:0 0 0 10px;
	}

ul#footerNav {
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
}
	ul#footerNav li {
		list-style:none;
		float:left;
		display:inline;
		margin:0 0 0 10px;
		padding:0;
	}
		ul#footerNav li a {
			color:#5c5c5c;
		}


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


/***** layout & misc *****/

div#content {
	clear:both;
	min-height: 100%;
	padding:10px 77px 10px 77px;
}

div#content_bottom {
	clear:both;
	border-top:1px solid #000000;
	padding:5px;
	text-align:center;
}

div.contentblock_narrow {
	float:left;
	display:inline;
	width:282px;
	margin:0 15px 1em 0;
}

div.contentblock_wide {
	clear:both;
	width:579px;
	margin:0 15px 1em 0;
}

div.contentblock {
	clear:both;
	width:360px;
	margin:0 0 1em 0;
}

div.contentblock_payment {
	float:left;
	display:inline;
	width:auto;
	margin:0 0 1em 0;
	background: #33051f;
	padding: 10px;
}
div.contentblock_payment div.headerbar {
	text-transform: uppercase;
	padding: 0;
	}
div.contentblock_inner {
	padding:0;
}

div.headerbar {
	background-color:#aaafc0;
	margin:0 0 0.8em 0;
	padding:0.2em 10px;
	color:#ffffff;
	font-weight:bold;
	clear:both;
}

div.infobox {
	background-color:#aaafc0;
	margin:0 0 1em 0;
	padding:10px;
	color:#fff;
	}
	div.infobox ul{
		list-style: none;
		margin: 0;
		padding: 0;
		}
	div.infobox ul li{
		margin: 0;
		padding: 0;
		}		
	div.infobox ul li a.change_date_link {
		padding-left: 50px;
		}
div.carttimer {
	margin:0 0 1em 0;
	padding:5px 10px;
	font-size:0.9em;
	color:#f00;
	}
	.carttimer p {
		margin-bottom:0.8em;
		}
	.carttimer h3 {
		color:#f00;
		}	

div.alertbox {
	position:relative;
	margin:0 0 1em 0;
	color:#ff0000;
}
	.alertbox h3 {
		color:#ff0000;
	}
	.alertbox p {
		margin-bottom:0.8em;
	}
	.alertbox ul {
		margin-bottom:0.8em;
	}

.alignright {
	text-align:right;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

a.arrow {
	padding-left: 10px;
	background: url("../../_images/common/double_arrow.gif") no-repeat center left;
	}
/***** /layout & misc *****/


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

input.check, input.radio { /* setting the exact size removes crazy IE padding */
	width:15px;
	height:15px;
}

input.textbox {
	width:133px;
	margin:0 0 0.4em 0;
}
input.textbox_short {
	width:70px;
	margin:0 0.6em 0.4em 0;
}

select.select {
	width:137px;
	margin:0 0 0.4em 0;
}
select.select_short {
	width:74px;
	margin:0 0.6em 0.4em 0;
}
select.select_auto {
	width:auto;
	margin:0 0.6em 0.4em 0;
}
	select option { /* fix for FF squishes select box options */
		padding:0 2px;
	}

textarea.textarea {
	width:480px;
	height:80px;
	margin:0 0 0.4em 0;
}

.formnote {
	color:#fff;
	font-size:0.9em;
}

fieldset {
	width:auto;
	border:0; /* remove the border, I dare ya! */
}
	fieldset input {
		vertical-align:top;
	}
	fieldset label {
		float:left;
		width:130px;
		margin:0.1em 10px 0 0;
		text-align: right;
	}
	fieldset 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;
		width:130px;
		text-align: right;
		margin: 0px 10px 10px 0;
	}
	fieldset span#lbl_fullName {
		}
div.checkzone, div.radiozone { /* wrapper for checkboxes and radiobuttons, long labels will not wrap beneath the input */
	margin:0.2em 0 0.6em 0;
	position:relative;
}
	div.checkzone input, div.radiozone input {
		width:15px;
		height:15px;
		display: inline;
		float: left;
		margin-left: 0px;
	}
	div.checkzone label, div.radiozone label {
		float:none;
		display:block;
		width:120px;
		padding-left:20px;
		text-align:left;
		margin-left: 0px;
	}

div.buttonzone { /* wrapper for form submit button */
	clear:both;
	padding:6px 0;
	text-align:right;
}

/** individual form fieldsets **/

fieldset#form_change {
}
	fieldset#form_change label {
		width:150px;
	}
	fieldset#form_change div.buttonzone {
		width:295px;
	}

fieldset#form_login {
	}
	fieldset#form_login label {
		width:80px;
		margin-right: 10px;
		text-align: right;
		}
	fieldset#form_login .register_button {
		width: 81px;
		height: 16px;
		display: block;
		background: url("../../_images/buttons/register.gif") no-repeat;
		}
		fieldset#form_login .register_button span{
			position: absolute;
			left: -50001px;
			}		
	fieldset#form_login div.buttonzone {
		}
	fieldset#form_login div.column1of3 {
		width: 171px;
		float: left;
		
		height: 170px;
		padding-top: 10px;
		}
	fieldset#form_login div.column2of3 {
		width: 230px;
		float: left;
		padding: 10px 20px 0;
		height: 170px;
		display: inline;
		}	
	fieldset#form_login div.column3of3 {
		width: 130px;
		float: left;
		padding-left: 23px;
		
		height: 170px;
		padding-top: 10px;
		}	
	fieldset#form_login .formnote {
		margin-left: 90px;
		}						
fieldset#form_forgot {
}
	fieldset#form_forgot label {
		width:120px;
	}
	fieldset#form_forgot div.buttonzone {
		width:267px;
	}

fieldset#form_register {
	}
	fieldset#form_register div.buttonzone {
		width:247px;
		}
	fieldset#form_register label {
		width:100px;
		text-align: right;
		}
	fieldset#form_register span.formnote {
		margin-left:110px;
		padding-bottom: 5px;
		display: block;
		}			
	fieldset#form_register p.required_note {
		margin-left:110px;
		}
		
fieldset#form_promocode {
	margin-bottom:1em;
	background: #aaafc0;
	padding:5px 10px 10px 10px;
	color: #fff;
}
	fieldset#form_promocode label {
		float:none;
		display:block;
		width:auto;
		margin:0 0 0.2em 0;
	}
	fieldset#form_promocode a.button_alt {
		vertical-align:-1px;
	}

fieldset#form_reserve {
}
	fieldset#form_reserve p{
		width: 405px;
		}
	fieldset#form_reserve label {
		float:none;
		display:block;
		width:auto;
		margin:0.2em 0 0.2em 0;
	}
	fieldset#form_reserve div.buttonzone {

	}

fieldset#form_checkout {
	}
	fieldset#form_checkout .column1of2{
		float: left;
		width: 230px;
		}
	fieldset#form_checkout .column2of2{
		float: left;
		width: wuto;
		}		
	fieldset#form_checkout p.required_note{
		padding-left: 90px;
		}
	fieldset#form_checkout label{
		width: 80px;
		}
	fieldset#form_checkout span.label{
		width: 80px;
		}		
	fieldset#form_checkout div.buttonzone {
		width: 225px;
	}
	fieldset#form_checkout div.checkzone, div.radiozone { /* wrapper for checkboxes and radiobuttons, long labels will not wrap beneath the input */
		margin:0.2em 0 0.6em 0;
		position:relative;
		}
		fieldset#form_checkout div.checkzone input, div.radiozone input {
			width:15px;
			height:15px;
			display: inline;
			float: left;
			margin-left: 90px;
			}
		fieldset#form_checkout div.checkzone label, div.radiozone label {
			float:none;
			display:block;
			width:auto;
			padding-left:20px;
			text-align:left;
			margin-left: 90px;
			width: 120px;
			}
	
fieldset#form_donation {
}
	fieldset#form_donation p{
		margin-bottom: 0;
		}
	fieldset#form_donation input.textbox_short{
		margin-bottom: 0;
		}		
	fieldset#form_donation label {
		float:left;
		width:50px;
		margin-right: 10px;
		margin:0 10px 0.2em 0;
	}
	fieldset#form_donation a.button_alt {
		vertical-align:-1px;
	}

fieldset#form_payment {
}
	fieldset#form_payment .formnote{
		position: relative;
		top: 2px;
		}
	fieldset#form_payment div.buttonzone {
		clear:both;
		text-align: left;
	}

fieldset#form_delivery {
	}
	fieldset#form_delivery div.buttonzone {
		text-align: left;
	}
	fieldset#form_delivery div.checkzone, div.radiozone { /* wrapper for checkboxes and radiobuttons, long labels will not wrap beneath the input */
		margin:0.2em 0 0.6em 0;
		position:relative;
		}
		fieldset#form_delivery div.checkzone input, div.radiozone input {
			width:15px;
			height:15px;
			display: inline;
			float: left;
			margin-left: 0px;
			}
		fieldset#form_delivery div.checkzone label, div.radiozone label {
			float:none;
			display:block;
			width:120px;
			padding-left:20px;
			text-align:left;
			margin-left: 0px;
			}

fieldset#form_shipping {
	}
	fieldset#form_shipping label {
		width: 80px;
		}
	fieldset#form_shipping div.buttonzone {
		width: 227px;
		}
	fieldset#form_shipping p.required_note {
		margin: 0 0 5px 90px;
		}
	fieldset#form_shipping div.checkzone, 
	fieldset#form_shipping div.radiozone { /* wrapper for checkboxes and radiobuttons, long labels will not wrap beneath the input */
		margin:0.2em 0 0.6em 0;
		position:relative;
		}
		fieldset#form_shipping div.checkzone input, 
		fieldset#form_shipping div.radiozone input {
			width:15px;
			height:15px;
			display: inline;
			float: left;
			margin-left: 90px;
			}
		fieldset#form_shipping div.checkzone label, 
		fieldset#form_shipping div.radiozone label {
			float:none;
			display:block;
			width:150px;
			padding-left:20px;
			text-align:left;
			margin-left: 90px;
			}			
/** /individual form fieldsets **/

/** buttons **/

a.button, a.button:visited {
	background:url(../../_images/buttonarrow_light.gif) right center no-repeat #fff;
	padding:4px 30px 4px 10px;
	border:0px none;
	color:#530d31;
	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
}

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

a.button_alt, a.button_alt:visited {
	background:url(../../_images/buttonarrow_dark.gif) right center no-repeat #fff;
	padding:4px 30px 4px 10px;
	border:0px none;
	color:#530d31;
	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
}

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

/** /buttons **/

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


/***** select date *****/

ul.selectdate {
	list-style-type:none;
	margin:0;
	padding:0;
}
	ul.selectdate li {
		list-style-type:none;
		margin:0;
		padding:3px 10px 1px 10px;
		border-bottom:1px dashed #9a9997;
		color:#666666;
	}
		ul.selectdate li span.performancedate {
			float:left;
			clear:left;
			width:280px;
		}

/***** /select date *****/


/***** seat select *****/

div.seatmap_box {
	float: right;
	display: inline;
	margin: 0 0 10px 10px;	
	}
	div.seatmap_box a.seatmap_link {
		padding-left: 21px;
		background: url("../../_images/buttons/plus.gif") no-repeat top left;
		display: block;
		height: 16px;
		line-height: 16px;
		margin: 5px 0;
		}

table.selectseating {
	width:405px;
	margin:0 0 1em 0;
}
	table.selectseating td {
		padding:2px 0;
		vertical-align:middle;
	}
		table.selectseating tr.head td {
			color:#666666;
			font-size: 1em;
			font-weight:bold;
			vertical-align:bottom;
			border-top: 1px dashed #9a9997;
			border-bottom: 1px dashed #9a9997;
			padding: 8px 0;	
		}
	table.selectseating td.radiocol {
		width:15px;
		padding:3px 5px;
	}
		table.selectseating td.radiocol input {
			width:15px;
			height:15px;
			margin:0;
			padding:0;
		}
	table.selectseating td.section {
		/*width:80px;*/
		}
		table.selectseating td.section label{
			margin-top: 3px;
			text-align: left;
			}	
	table.selectseating td.pricetype {
		width:70px;
		padding-right:5px;
		text-align:right;
	}

table.selectquantity {
	width:405px;
	margin:0 0 0 -10px;
}
	table.selectquantity td {
		/*width:70px;*/
		text-align:right;
		vertical-align:bottom;
		padding:2px 0;		
	}
	table.selectquantity td.spacer {
		/*width:105px;*/
		padding:0 0 0 10px;
		text-align: left;
		vertical-align: middle;
	}
	table.selectquantity td.pricetype {
		width:70px;
		padding-right:5px;
		text-align:right;		
		}
		table.selectquantity td label {
			color:#990000;
			font-size:0.9em;
			font-weight:bold;
		}

/***** /seat select *****/


/***** cart *****/

div.cartbuttons {
	clear:both;
	width:100%;
	margin:0 0 1em 0;
	padding:6px 0;
	text-align:right;
}

table.emptycart {
	width:100%;
	margin:0 0 1em 0;
}


table.shoppingcart {
	width:590px;
	border-bottom: 1px dashed #9a9997;
	margin-bottom:0.2em;
}
	table.shoppingcart td {
		padding:0.6em 0;
		vertical-align:top;
	}
	table.shoppingcart td.item {
		width:200px;
		padding-left:10px;
	}
	table.shoppingcart td.desc {
		width:360px;
		padding:0.6em 0 0.6em 10px;
	}
		table.shoppingcart tr.head td {
			color:#666666;
			font-size: 1em;
			font-weight:bold;
			vertical-align:bottom;
			border-top: 1px dashed #9a9997;
			border-bottom: 1px dashed #9a9997;
			padding: 8px 0 8px 10px;	
		}


table.shoppingcart_inner {
	width:370px;
	/*margin-bottom:0.5em;*/
}
	table.shoppingcart_inner td {
		padding:0.3em 0;
	}
	table.shoppingcart_inner td.qty {
		width:40px;
	}
	table.shoppingcart_inner td.type {
		width:160px;
	}
	table.shoppingcart_inner td.seats {
		width: 110px;
	}
	table.shoppingcart_inner td.price {
		width:60px;
		text-align:right;
	}
	table.shoppingcart_inner td.total {
		width:80px;
		text-align:right;
	}
	table.shoppingcart_inner tr.subhead td {
		color:#fff;
		font-size:0.9em;
		font-weight:bold;
	}


table.carttotals {
	width:590px;
	margin:0.6em 0 1em 0;
}
	table.carttotals td {
		vertical-align:top;
		text-align:right;
	}
	table.carttotals td.spacer {
		width:380px;
	}
	table.carttotals td.labels {
		width:100px;
	}
	table.carttotals td.amounts {
		width:80px;
	}
	table.carttotals td div.subtotal {
		margin:0.2em 0;
	}
	table.carttotals td div.total {
		margin:0.8em 0;
		font-weight:bold;
	}


/***** /cart *****/


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

ul#checkoutsteps {
	list-style-type:none;
	margin:-5px 0 0 0;
	padding:0;
}
	ul#checkoutsteps li {
		float:left;
		margin:0 20px 0 0;
		padding:0.2em 0.4em;
		color:#ffffff;
		font-weight:bold;
		text-transform: uppercase;
	}
	ul#checkoutsteps li.in {
		background-color:#33051f;
	}
	ul#checkoutsteps li.last {
		margin:0;
	}

/** payment **/

div.addresses {
	float:left;
	display:inline;
	width:125px;
	margin-right:15px;
}

/** /payment **/

/** confirmation **/

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

/** /confirmation **/

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




/*****************************************************/
/** below are older styles that may still be useful **/
/*****************************************************/



/*****************************************************/
/* list styles */

ul.inline { clear: both; list-style: none; margin-left: 0; padding-left: 0; }
ul.inline li { float: left; padding-right: 0.4em; margin-right: 0.4em; border-right: 1px solid #000; }
ul.inline li.last  { padding-right: 0; margin-right: 0; border-right: 0 none; }

/* end list styles */
/*****************************************************/




/*****************************************************/
/* begin calendar style */

table#calendar {
	margin-top: 0.5em;
	border-collapse: collapse;
	width: 100%;
}

table#calendar td, table#calendar th {
	border: 2px solid #fff;
	padding: 2px;
}

.days {
	/* weekday labels at top */
	font-weight: bold;
}

.calendar-content {
	/* content for each day */
}

/* end calendar style */
/*****************************************************/