/***** global html *****/
/*
colors
link purple: #81007F;
hdr text purple: #3f1778;
button purple: #81007F;
hr/headerbg blue: #27a4f6;
grey border: #a7a7a7;

*/

* {
	margin:0;
	padding:0;
}

body 
{
	background-color: #fff;
	text-align:center;
	font-size:62.5%;/*75 62.5 80*/
}

div#wrapper {
	margin:0 auto 20px auto;
	text-align:left;
	width:864px;/*876 - 12px Left inset = 864*/
	position:relative;
}

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

table, tr, td {
	border-collapse:collapse;
	border:0;
}
td, th {font-size:1.0em;}
td td, td th, th th, th td {font-size:100%;}/*protect from em relative cascade*/

img {
	border:0;
}

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


ul, ol {
	margin:0 0 1.5em 0;
	padding:0;
}
li {
	margin:0 0 0 1.5em;
	padding:0;
	font-size: 1.2em;
}
	li li {font-size:100%;}
	li ul, li ol {
		margin:0;
	}

a { /* for a tags without href */
	color: #81007F;
	text-decoration:underline;
	outline:none;
}
a:link, a:visited {
	color: #81007F;
	text-decoration:underline;
}
a:hover, a:visited:hover, a:active {
	text-decoration:none;
}

h1 { /* for page title */
	font-size:1.8em;/*18px*/
	line-height:1.2em;
	color:#3f1778;
	font-weight:normal;
	text-transform: uppercase;
	/*font-variant:small-caps;*/
	border-bottom: 8px solid #27A4F6;
	margin:0 0 1.5em 0;
}
h2 { /* for page sub-title */
	font-size:1.4em;/*14px*/
	line-height:1.2em;
	color:#27A4F6;
	font-weight:bold;
	text-transform: uppercase;
	margin:0 0 1em 0;
}
h3, .h3 { /* for page headers */
	font-size:1.3em; /*1.1em*/
	line-height:1.2em;
	font-weight:bold;
	margin:0 0 0.4em 0;
}
h4, .h4 { /* for page subheaders */
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	margin:0 0 0.4em 0;
}
h5, .h5 { /* for page subheaders */
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	margin:0 0 0.4em 0;
}


/** popups **/
body.popup {
	background-color:#ffffff;
	background-image:none;
	text-align:center;
	font-size:80%;
	margin:0;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
ul.seatmap_list {
	width:40%; 
	margin: 1em auto;
}
ul.seatmap_list li {
	font-size:1.0em;
	text-align:left;
}
/** /popups **/

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


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

div#siteHeader 
{
	position:relative;
	margin:15px 0 0 0;
}

#siteHeader h3 
{
	left:-12px;
	position:relative;
	margin: 0 0 15px 0;
}
/*
#siteHeader h3 a:link, #siteHeader h3 a:visited 		{ text-decoration: none; }
#siteHeader h3 a:hover, #siteHeader h3 a:visited:hover  { text-decoration: underline; }
*/

ul#siteNav 
{
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	height:34px;
}
	ul#siteNav li {
		float:left;
		margin:0 38px 0 0;
		padding:0;
		height:34px;
		font-size: 1.3em; /*13px*/
		font-variant:small-caps;
		font-weight:bold;
	}
		ul#siteNav li a, ul#siteNav li a:hover {
			display:block;
			outline:none;
		}
		
#utilitynav
{
	position:absolute;
	width:100%;/*864px*/
	text-align:right;
}

	ul.utilitynavlist
	{
		position:relative;
		list-style: none;
		margin:4px 0 0 0;
		padding:0;
	}
	ul.utilitynavlist li
	{
		display:inline;
		margin:0; 
		padding:0 10px;
		border-right:1px solid #333;
	}
	ul.utilitynavlist li a {}
	ul.utilitynavlist li.last
	{
		padding-right:0; 
		border-right:none;
	}
/***** /header *****/


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

div#siteFooter 
{
	clear:both;
}

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


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

	
div.headersWrap {
	/* used for h1 & h2 styling, and provides consistent space above content*/
	min-height: 75px;
}

	div.headersWrap h1{margin:0;}
	div.headersWrap h2{}
	

div.headerbar {
	clear:both;
	background-color:#27a4f6;
	/*margin:0 0 1em 0;*/
	margin:0;
	padding:5px 10px;
	color:#ffffff;
	font-weight:bold;
}

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 all floated elements and add vert spacing */
	height:0px;
	overflow:hidden;
	margin:0 0 1em 0;
}

div.hr {
	clear:both;
	height:0px;
	overflow:hidden;
	margin:0 0 1.5em 0;
	border-top:1px solid #cccccc;
}
div.separator {
	clear:both;
	height:1px;
	overflow:hidden;
	background: url('../../_images/common/dots.gif') repeat-x left top;
}
	.dotted
	{
		background: url('../../_images/common/dots.gif') repeat-x left bottom;
	}
	.dottedtop
	{
		background: url('../../_images/common/dots.gif') repeat-x left top;
	}	

.alignright {
	text-align:right;
}
.nomargin 
{
	margin:0;
}
.floatright {
	float:right;
}

.floatleft {
	float:left;
}

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

.borderBox
{
	background-color:#fff;
	border: 1px solid #a7a7a7;
	border-top: 8px solid #24a4f6;
	padding:0 5px;/*0 10px*/
	width:298px;/*default width*/
}
	.borderBox .bbHeader
	{
		color:#fff;
		margin-right:-5px;
		margin-left:-5px;
		padding: 0 5px 5px 5px;
		background-color:#24a4f6;	
	}

.cartTimer { /*for CartTimer.ascx*/
	color:White;
	background-color: #81007f;
	padding:10px;
	width: 525px;
}

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

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


/***** 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.5em 0.5em 0;
}
input.textbox_short {
	width:70px;
	margin:0 0.5em 0.5em 0;
}

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

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

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

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

fieldset {
	width:auto;
	margin:0 0 2em 0;
	border:0; /* remove the border, I dare ya! */
}
	fieldset input, fieldset select {
		vertical-align:top;
	}
	fieldset label {
		float:left;
		width:140px;
	}
	fieldset label.short {
		width:50px;
	}
	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:140px;
	}


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;
		position:absolute;
	}
	div.checkzone label, div.radiozone label {
		float:none;
		display:block;
		width:auto;
		padding-left:20px;
		text-align:left;
	}
div.buttonzone { /* wrapper for form submit button */
	clear:both;
	margin:0 0 2em 0;
	padding:5px 0;
}

/** individual form fieldsets **/

fieldset#form_change {
}
	fieldset#form_change label{width: 180px;}
	fieldset#form_change div.buttonzone {text-align:right;}
fieldset#form_login {
}
	fieldset#form_login label {text-align:right;width:130px; padding-right:5px;}
	fieldset#form_login input.textbox {}
	fieldset#form_login div.buttonzone {text-align:right; margin-top:1em;}
	fieldset#form_login div.buttonzone input.button {margin-bottom:1em;}

fieldset#form_forgot {
}

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

fieldset#form_email {
}


/* general form_promocode*/
fieldset#form_promocode 
{
	width: 290px;
	background-color:#fff;
	border: 1px solid #a7a7a7;
	border-top: 8px solid #24a4f6;
	padding:0 5px;
	margin-bottom:5px;
}
	fieldset#form_promocode h4{ margin-top:5px;}
	fieldset#form_promocode label {
		width:auto;
		padding-right:0.5em;
	}
	fieldset#form_promocode input.textbox{margin-top: 2px;width:200px;}
	fieldset#form_promocode input.button{}

	/* page-specific form_promocode*/
	#promoWrap_production fieldset#form_promocode 
	{
		margin-bottom:20px;
	}
	#promoWrap_reserve fieldset#form_promocode 
	{
		margin-left:20px;
		float:right; display:inline;
	}

fieldset#form_reserve {
}

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

fieldset#form_checkout 
{
	border:1px solid #a7a7a7;
	background-color: #fff;
	border-top: 8px solid #24a4f6;
	padding:0 5px;
	
	
}
	fieldset#form_checkout div.buttonzone {
		text-align:right;
	}

fieldset#form_donation {
	margin-bottom:0;
}
fieldset#form_donation h3 {}
fieldset#form_donation label{width:10px;}

fieldset#form_payment {
	background-color:#e4e4e4;
	padding:5px;

}
fieldset#form_payment div.ccFormLeft 
{
	float:left;
	width:20%;
	
}
fieldset#form_payment div.ccFormMid 
{
	float:left;
	width:40%;
}
fieldset#form_payment div.ccFormRight 
{
	float:left;
	width:40%;
}
/** /individual form fieldsets **/

/** buttons **/

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

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

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

a.button_alt:hover, a.button_alt:visited:hover {
	color:#fff;
	text-decoration:underline;
}

a.button_small:link, a.button_small:visited {
	background-color:#81007f;
	padding:1px 4px;
	border:1px solid #fff;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
}

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

/** /buttons **/

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


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

table.searchformtable { /* search.aspx */
}
	table.searchformtable td.col1 {
		width:300px;
		vertical-align:top;
	}
	table.searchformtable td.col2 {
		width:300px;
		vertical-align:top;
	}
	

div.performancesWrap{/* production.aspx */
	background-color:White;
	border: 1px solid #a7a7a7;
	width:500px;
}
	div.performancesWrap h4 {background-color: #27a4f6; padding:5px;}

ul.performancelisting { /* production.aspx */
	list-style-type:none;
	width:100%/*500px*/;
	margin:0;
}
	ul.performancelisting li {
		list-style-type:none;
		text-align:right;
		margin:0;
		padding:5px;
		background: url('../../_images/common/dots.gif') repeat-x left bottom;
	}
	ul.performancelisting li.alt {}
		ul.performancelisting li span.date {
			float:left;
		}

table.borderTable { /*generic table style used by table.selectseating, table.selectquantity, etc. */
	border: 1px solid #a7a7a7;
	background-color:#fff;
}
	table.borderTable caption 
	{	
		background-color:#27a4f6;
		margin-left:-1px;/*firefox fix*/
		color:#fff;
		text-align:left;
		padding:5px 10px;
		font-weight:bold;
	}
.pnl_performanceOnSale{}/*panel container to target page sepecific elements*/
.pnl_performanceOnSale input.btn_reserve{ float:right; margin-right:20px;}

.performancedate {/* reserve.aspx */
	color: #666;
	font-size: 1.1em;
}

table.selectseating { /* reserve.aspx */
	width: 540px;
}
	table.selectseating caption	{}
	
	table.selectseating th {
		padding:5px;
		text-align:left;
		vertical-align:bottom;
		font-weight:bold;
		background: url('../../_images/common/dots.gif') repeat-x left bottom;
	}
	table.selectseating td {
		padding:5px;
		vertical-align:top;
		}
	table.selectseating td.radiocol {
		width:15px;
		padding:3px 5px;
	}
	table.selectseating td.section {
		width:125px;
	}
	table.selectseating td.pricetype {
		width:75px;
		text-align:left;
	}

table.selectquantity { /* reserve.aspx */
	width: 540px;
	margin:0 0 2em 0;
}
	table.selectquantity td.sectionSpacer{
		width: 150px; /*table.selectseating td.radiocol + table.selectseating td.section for columns to align*/
	}
	table.selectquantity td 
	{
		width:75px; /*same width as table.selectseating td.pricetype for columns to align*/
		text-align:left;		
		padding:5px;
	}
	table.selectquantity td label{font-weight:bold;display:block;}
	table.selectquantity td select {
		margin:0 5px 0 0;
	}

div.seatmapzone 
{
	border:1px solid #a7a7a7;
	float:right;
	/* other seatmap attributes */
}

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


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

ul#checkoutsteps {
	list-style-type:none;
	margin:0;
	padding:0;
	height: 2em;
}
	ul#checkoutsteps li {
		list-style-type:none;
		float:left;
		/*width:120px;*/
		margin:0 10px 0 0;
		padding:2px 6px 3px 6px;
		background-color: #d9d9d9;
		font-size:0.9em;
		font-weight:bold;
		text-transform: uppercase;
		color:#fff;
	}
	ul#checkoutsteps li.in {
		background-color: #3f1778;
	}
	ul#checkoutsteps li.complete {
		background-color: #a7a7a7;
	}


/** payment **/

div.addresses {
	float:left;
	display:inline;
	width:175px;
	margin:0 15px 0 0;
}
div.addresses h5 span.addressedit 
{
	font-size:0.8em;
	text-transform:none;
	font-weight:normal;
	padding-left:5px;
	border-left:1px solid #000;

}

div.paymentbgWrap
{
	
	background-color:White;
	border: 1px solid #a7a7a7;
	border-top: none;
	margin-top:-1px; /* overlap the cart's bottom border*/
	padding: 0 5px;
	}

/** /payment **/

/** confirmation **/

ul.receiptinfo {
	list-style-type:none;
	margin: 0 0 1.5em 0;
	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#cart 
{
	clear:both;
	border:1px solid #a7a7a7;
	background-color: #fff;
	width:862px;/*full-width is 864*/
}

table.shoppingcart {
	width:862px;/*orig: 780*/ /*862 available (82px wider)*/
	margin:0 0 1em 0;
}
	table.shoppingcart th {
		padding:5px;
		background-color:#27A4F6;
		text-align:left;
		color:#ffffff;
		font-weight:bold;
	}
	table.shoppingcart td {
		vertical-align:top;
		line-height:1.3em;
	}

	/* all col widths + padding MUST add up to shoppingcart total width */
	table.shoppingcart td.colA, table.shoppingcart th.colA {
		width:222px/*282px 200px*/;
		padding:5px;
	}
	table.shoppingcart td.colB, table.shoppingcart th.colB {
		width:110px; /*100px*/
		padding:5px;
	}
	table.shoppingcart td.colC, table.shoppingcart th.colC {
		width:110px; /*100px*/
		padding:5px;
	}
	table.shoppingcart td.colD, table.shoppingcart th.colD {
		width:110px; /*100px*/
		padding:5px;
	}
	table.shoppingcart td.colE, table.shoppingcart th.colE {
		width:80px; /*70px*/
		padding:5px;
		text-align:right;
	}
	table.shoppingcart td.colF, table.shoppingcart th.colF {
		width:80px; /*70px*/
		padding:5px;
		text-align:right;
	}
	table.shoppingcart td.colG, table.shoppingcart th.colG {
		width:80px; /*70px*/
		padding:5px;
		text-align:right;
	}

	table.shoppingcart table.shoppingcart_inner 
	{
		margin:0 0 0.2em 0;
	}
	table.shoppingcart table.shoppingcart_inner td
	{
		background: url('../../_images/common/dots.gif') repeat-x left bottom;
	}
	
	table.shoppingcart div.subtotal {
		margin:0.4em 0;
	}
	table.shoppingcart div.total {
		margin:1.2em 0 0.8em 0;
		font-size: 1.4em;
		font-weight:bold;
		color: #27a4f6;
	}

	table.shoppingcart td.colDEFG { /* contains single tix nested table.shoppingcart_inner */
		width:390px; /*350px*/
		padding:0;
	}
	table.shoppingcart td.colABC { /* cart totals spacer */
		width:462px;/*430px*/
		padding:5px;
	}
	table.shoppingcart td.colDEF { /* cart totals */
		width:300px;/*260px*/
		padding:5px;
	}
	
	table.shoppingcart td.colBCD { /* combined description column */
		width:350px; /*320px*/
		padding:5px;
	}
	table.shoppingcart td.colEF { /* misc spacer */
		width:180px; /*160px*/
		padding:0;
	}
	table.shoppingcart td.colABCDEFG { /* colspan = all */
		width:852px;/*770px*/
		padding:5px;
	}


div.cartbuttons {
	clear:both;
	width:100%;
	margin:0 0 1em 0;
	padding:5px 0;
}

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

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

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


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

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

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

/** 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 *****/

/** specific borderboxes **/
/*login page*/
#bb_login 
{
	width: 298px;/*298*/
	float:left;
	/*margin-top: 40px;*/
	min-height: 240px;
}
#bb_noaccount 
{
	width: 298px; /**/
	float:left;
	margin-left: 20px;
	/*margin-top: 40px;*/
	min-height: 240px;
}
#bb_needhelp
{
	float:right;
	width:160px;
	overflow:hidden;
}
	#bb_needhelp p {margin-bottom: 0.5em;}
	#bb_needhelp p strong{display:block;margin-bottom:0;}
	#bb_needhelp a{font-size:.75em;}/*long link fix*/

/*change*/
#bb_change{width: 350px;}
#bb_change h3 {}

/*register*/
#bb_register{width: 360px;}
#bb_register h3 {}

/*forgot*/
#bb_forgot{}

/* checkout/account (billing address)*/
#bb_checkoutform {/*width: 100%; 535px;*/}

/*reserve
#bb_reserve_promocode {margin-left:20px; width: 290px; float:right;}
*/
/** /specific borderboxes **/

span.sourceCode {
	width:110px;
	padding-right:26px;
	display:inline-block;
}