@import url("subs.css");

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

* {
	margin:0;
	padding:0;
}

div#wrapper {
	margin:0 auto;
	text-align:left;
	width:74%;
	background-color:#ffffff;
}

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

body, td, li {
	font-family:Verdana, Helvetica, sans-serif;
	color:#000000;
}

h1, h2, h3 
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

input, select, textarea {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:0.95em;
	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 {
	color:#cc0000;
	text-decoration:none;
	outline:none;
}

a:link, a:visited {
	color:#cc0000;
	text-decoration:none;
}


a:hover, a:visited:hover, a:active {
	text-decoration:underline;
}

h1 { /* for page title */
	font-size:1.8em;
	line-height:1.0em;
	color:#000;
	font-weight:bold;
	margin:0 0 .7em 0;
}
h2 { /* for page sub-title */
	font-size:1.1em;
	line-height:1.0em;
	color:#000;
	font-weight:bold;
	margin:0.4em 0;
}
h3, .h3 { /* for page headers */
	font-size:1.0em;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	margin:0;
}
h4, .h4 { /* for page subheaders */
	font-size:1em;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	margin:0.4em 0;
	text-transform:uppercase;
	background-color:#f1f1f1;
	padding:3px;
}
h5, .h5 { /* for page subheaders */
	font-size:1.2em;
	line-height:1.2em;
	color:#000;
	font-weight:bold;
	margin:0;
}

h1.h1-spacing,h2.h2-spacing,h3.h3-spacing
{
	margin-bottom:15px;
}





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

div.clear-no-margin
{
	margin:0;	
}

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

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

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

div.seat-instruction
{
	visibility:hidden;	
}


/** 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, Verdana, Helvetica, sans-serif;
	color:#000000;
}

/** /popups **/

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


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

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

input.textbox {
	width:180px;
	margin:0 0 0.6em 0;
	border:1px solid #1a5281;
}
input.textbox_short {
	width:70px;
	margin:0 0 0.6em 0;
	border:1px solid #1a5281;
}

select.select {
	width:154px;
	margin:0 0 0.6em 0;
}
select.select_short {
	width:74px;
	margin:0 0 0.6em 0;
}
	select option { /* fix for FF squishes select box options */
		padding:0 2px;
	}
	select.dropdown
	{
		width:300px;
	}

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

.formnote {
	font-size:0.9em;
	margin-left:10px;
}

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

	

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:13px;
		height:13px;
	}
	div.checkzone label, div.radiozone label {
		float:none;
		display:inline;
		width:auto;
		padding-left:10px;
		text-align:left;
	
	}

div.buttonzone { /* wrapper for form submit button */
	clear:both;
	border-top:1px solid #cccccc;
	padding:6px 0;
}

/** individual form fieldsets **/

fieldset#form_gift input {
	width:150px;
	border:1px solid #1a5281;
	margin:4px;
}

fieldset#form_gift textarea {
	width:150px;
	height:80px;
	border:1px solid #1a5281;
	margin:4px;
}


fieldset#form_support input {
	width:180px;
	border:1px solid #1a5281;
	margin:4px;
}

fieldset#form_support input.txt
{
margin-bottom:10px;	
}

fieldset#form_support select {
	width:200px;
	border:1px solid #1a5281;
	margin:4px;
}

fieldset#form_support input[type="checkbox"] {
	width:200px;
	border:1px solid #1a5281;
	margin:4px;
}

fieldset#form_support input.checkbox-no-width{
	float:left;
	width:auto;
	margin:0 4px 0 0;
	border:0;
	background:transparent;
    
}

span.radio input
{
	margin:2px 4px;	
}


fieldset#form_support label {
	float:left;
	width:150px;
}

fieldset#form_support label.label-no-width{
	width:auto;
}

fieldset#form_support #lbl_Amount {
	width: 10px;
}


fieldset#form_change {
}

fieldset#form_login {
}

fieldset#form_forgot {
}

fieldset#form_register {
}

fieldset#form_reserve {
}

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

fieldset#form_donation {
}

fieldset#form_payment 
{
	float:left;
}

/** /individual form fieldsets **/

/** buttons **/

span.linkWrapper
{
	float:left;
	border:solid 1px #ccc;
}

a.button, a.button:visited {
	background-color:#cc0000;
	padding:2px 8px;
	border:1px solid #fff;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-transform:lowercase;
	display:block;
	font-size:0.9em;
}

a.button:hover, a.button:visited:hover {
	color:#ffffff;
	text-decoration:none;
	border:1px solid #fff;
}

a.button:link,
a.button:active {
	color:#ffffff;
	text-decoration:none;
	border:1px solid #fff;
}
a.button_alt, 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:link, a.button_alt:active {
	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 {
	color:#cc0000;
	text-decoration:none;
}

/** /buttons **/

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


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

ul#checkoutsteps {
	list-style-type:none;
	margin:0;
	padding:0;
	width:800px;
}
	ul#checkoutsteps li {
		float:left;
		width:153px;
		margin:0;
		margin-right:6px;
		border:1px solid #ccc;
		font-size:0.9em;
		color:#999;
		text-transform:uppercase;
		background-color:#f1f1f1;
	}
	
	ul#checkoutsteps li.last {
		margin-right:0;
	}
	
	
	ul#checkoutsteps li.in {
		border:1px solid #008ea4;
		color:#000;
	}
	
	ul#checkoutsteps li div 
	{
		border:1px solid #fff;
		padding:4px;
	}
	
	

/** payment **/

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

/** /payment **/

/** confirmation **/

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

/** /confirmation **/

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




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


/*****************************************************/
/*HTML TAG STYLES*/

b, strong	{ font-weight:bold; }
i, em		{ font-style:italic; }
.red	{ color: #f00; }
.white	{ color: #fff; }
.black	{ color: #000; }


/*
th, td.head {
	color: #fff;
	background-color: #000;
	text-align: left;
	font-weight: bold;
}
*/

table.sections_radio_control {
	width:480px;
}

table.sections_radio_control th {
	text-transform:uppercase;
	font-size: 0.8em;
	padding:8px 4px;
	padding-top:4px;
	color:#333;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	text-align:right;
	font-weight:normal;
}

table.sections_radio_control td {
	padding:8px 4px;
	color:#333;
	text-align:right;
}



/*//HTML TAG STYLES*/
/*****************************************************/


/*****************************************************/
/* Header */
	#siteHeader { background: #eee; border-bottom: 2px solid black; margin: 0 0 25px; padding: 10px 10px 0; }
		#siteHeader h3 { margin: 0; font-size: 36px; line-height: 36px; font-weight: bold; }
		#siteHeader h3 a:link, #siteHeader h3 a:visited 		{ text-decoration: none; }
		#siteHeader h3 a:hover, #siteHeader h3 a:visited:hover  { text-decoration: underline; }
		
		#siteHeader {display:none;}
		
	#siteNav { clear: both; margin: 10px 0 0 5px; }
		#siteNav ul { list-style: none; margin: 0; padding: 0; height: 30px; }
		#siteNav ul li { float: left; margin: 0 2em 0 0; padding: 0; height: 30px; }
		#siteNav ul li b { position: relative; left: -5000px; }
		#siteNav ul li a { display: block; outline: none; }
		#siteNav ul li a.here { display: block; outline: none; }
		#siteNav ul li a:hover {display: block; outline: none; }

/* end Header */
/*****************************************************/
		


#main {width: 750px; padding: 10px; margin: 0;}
#actionBox { padding: 0; margin: 0; border: 1px solid #a21; display: block; background: #fff; }
#selection, #focusBox { padding: 6px 6px; margin: 0; border-top: 1px solid #b80; border-bottom: 1px solid #b80; background: #fff2bf; display: block; }

div.column400 { width: 400px; padding: 0 10px 20px 0; margin: 0; float: left; display: inline; }
div.right-column-naming
{ 
	float:right;
	position:relative;
	top:-20px;
	left:245px;
	width:200px;	
	line-height:1.4em;
}

div#right-column
{
	width:230px;
	margin-left:40px;
}


div.headerImg { padding: 0 0 10px 0; margin: 0; display: block; }
div.boxTitle, h3.boxTitle { padding: 4px 6px; margin: 0; background: #a21; color: #fff; font-weight: bold; display: block; }
div.actionBoxCopy, div div.actionBoxCopy { padding: 15px 10px; margin: 0; background: #fff; }

div.formLabel { width: 140px; text-align: right; padding: 0 0 6px 0; margin: 0; float: left; display: inline; }
div.formElement { padding: 0 0 6px 20px; margin: 0; float: left; display: inline; }



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

ul.plain, ol.plain 	{ list-style-type: none; }
ul.flush, ol.flush 	{ margin: 0; padding: 0; }

ul.pad li, ul.pad10 li, ol.pad li, ol.pad10 li 	{ margin-bottom: 1em; }
ul.padSmall li, ol.padSmall li 	{ margin-bottom: 7px; }
ul.padLots li 	{ margin-bottom: 2em; }

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.2em;
	border-collapse: collapse;
	width: 100%;
}

table#calendar td, table#calendar th {
	border: 1px solid #ccc;
	padding: 1px;
}

	table#calendar th {
		text-transform:uppercase;
		background-color:#f1f1f1;
		color:#202020;
		font-size:0.8em;
		padding:0;
	}
	
	table#calendar th div.dayInner {
		border:solid 1px #fff;
		padding:4px;
	}
	
table#calendar td .date 
{
	padding:3px;
	background-color:#afdbe1;
	font-size:0.9em;
}

table#calendar td p 
{
	padding:3px;
	font-size:0.8em;
}


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

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



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



.reserveLabels{
	font-weight:bold;
}


td.formlabel {
	/* labels next to form fields */
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

/* #sitename at top of each page */
#sitename a {
	text-decoration: none;
}
#sitename a:hover {
	text-decoration: underline;
}

/* basic nav */
#utilitynav a {
	text-decoration: none;
	font-weight: bold;
}
#utilitynav a:hover {
	text-decoration: underline;
}



/* added during integration (NV) */
.loginPrompt 
{
	background-color:#afdbe1;
	font-weight:bold;
	padding:5px 10px;
	width:460px;
	margin:10px 0;
}

.reservePerformance 
{
	border-top:solid 2px #6fbbc6;
	background-color:#f1f1f1;
	padding:10px;
	width:460px;
	margin:10px 0;
}

.checkoutPayment 
{
	border-top:solid 2px #6fbbc6;
	background-color:#f1f1f1;
	padding:20px;
	width:420px;
	margin:10px 0;
	float:right;
}

div.hr 
{
	width:100%;
	height:0;
	overflow:hidden;
	margin:20px auto;
	border-top:1px solid #ccc;
}

table.shoppingcart div.hr /* less margins in cart */
{
	margin:5px auto;
}

.alert 
{
	border:solid 1px #cc0000;
	margin:20px 0;
}

	.alertInner 
	{
		background-color:#f4d5d5;	
		border:solid 1px #fff;
		padding:14px;
	}
	
#siteFooter 
{
margin-top:100px;	
}


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

table.shoppingcart {
	width:800px;
	margin:0 0 1em 0;
	/* border-bottom:1px solid #666666; */
}
	table.shoppingcart th {
		padding:5px;
		background-color:#f1f1f1;
		text-align:left;
		color:#000;
		font-weight:bold;
	}
	table.shoppingcart td {
		vertical-align:top;
		line-height:1.3em;
	}
	
	table.shoppingcart  table.shoppingcart_inner td {
		padding:0 5px;
	}


	
	/* all col widths + padding MUST add up to shoppingcart total width */

	table.shoppingcart td.colA, table.shoppingcart th.colA {
		width:200px;
		padding:5px;
	}
	table.shoppingcart td.colB, table.shoppingcart th.colB {
		width:120px;
		padding:5px;
	}
	table.shoppingcart td.colC, table.shoppingcart th.colC {
		width:140px;
		padding:5px;
	}
	table.shoppingcart td.colD, table.shoppingcart th.colD {
		width:80px;
		padding:5px;
	}
	table.shoppingcart td.colE, table.shoppingcart th.colE {
		width:80px;
		padding:5px;
		text-align:right;
	}
	table.shoppingcart td.colF, table.shoppingcart th.colF {
		width:80px;
		padding:5px;
		text-align:right;
	}
	table.shoppingcart td.colG, table.shoppingcart th.colG {
		width:80px;
		padding:5px;
		text-align:right;
	}

	table.shoppingcart table.shoppingcart_inner {
		margin:0 0 0.2em 0;

	}

	
	table.shoppingcart div.subtotal {
		margin:0.4em 0;
	}
	table.shoppingcart div.total {
		margin:1.2em 0 0.8em 0;
		font-weight:bold;
	}

	table.shoppingcart td.colDEFG { /* contains single tix nested table.shoppingcart_inner */
		width:360px;
		padding:0;
		padding-top:5px;
	}
	
	table.shoppingcart th.colAB, table.shoppingcart td.colAB { 
		width:320px;
		padding:5px;
	}
	
	table.shoppingcart th.colDE, table.shoppingcart td.colDE { 
		width:160px;
		padding:5px;
	}
	
	table.shoppingcart th.colEF, table.shoppingcart td.colEF { 
		width:160px;
		padding:5px;
	}
	
	table.shoppingcart td.colABC { /* cart totals spacer */
		width:420px;
		padding:0;
	}
	table.shoppingcart td.colDEF { /* cart totals */
		width:280px;
		padding:5px;
	}
	table.shoppingcart td.colBCD { /* combined description column */
		width:310px;
		padding:5px;
	}
	table.shoppingcart td.colEF { /* misc spacer */
		width:160px;
		padding:0;
	}
	table.shoppingcart td.colABCDEFG { /* colspan = all */
		width:780px;
	}
	
#singleColumnWidth {width:800px;}
#singleColumnWidthCheckout {width:800px;}





/* new crazy pickn'choose cart? */

table.newcart {margin-top:10px;}

table.newcart td, /* debug */
table.newcart th {/*border:1px solid #000;*/}

table.newcart .totals {font-weight:bold;}

table.newcart .inner {padding:5px;}

table.newcart td.span {padding:5px 0;}
table.newcart td.span .inner {padding:0 5px;}

table.newcart .hr {margin:0 5px;}/* hr needs no margin here */

table.newcart th 
{
	background-color:#f1f1f1;
	color:#000;
	font-weight:bold;
}

table.newcart td,
table.newcart th 
{
	padding:0;
	text-align:left;
	vertical-align:top;
}

table.newcart .price {text-align:right;}
table.newcart .span {padding:0;}


table.newcart .col010 {width:10px;}
table.newcart .col020 {width:20px;}
table.newcart .col030 {width:30px;}
table.newcart .col040 {width:40px;}
table.newcart .col050 {width:50px;}
table.newcart .col060 {width:60px;}
table.newcart .col070 {width:70px;}
table.newcart .col080 {width:80px;}
table.newcart .col090 {width:90px;}
table.newcart .col100 {width:100px;}
table.newcart .col110 {width:110px;}
table.newcart .col120 {width:120px;}
table.newcart .col130 {width:130px;}
table.newcart .col140 {width:140px;}
table.newcart .col150 {width:150px;}
table.newcart .col160 {width:160px;}
table.newcart .col170 {width:170px;}
table.newcart .col180 {width:180px;}
table.newcart .col190 {width:190px;}
table.newcart .col200 {width:200px;}
table.newcart .col210 {width:210px;}
table.newcart .col220 {width:220px;}
table.newcart .col230 {width:230px;}
table.newcart .col240 {width:240px;}
table.newcart .col250 {width:250px;}
table.newcart .col260 {width:260px;}
table.newcart .col270 {width:270px;}
table.newcart .col280 {width:280px;}
table.newcart .col290 {width:290px;}
table.newcart .col300 {width:300px;}
table.newcart .col310 {width:310px;}
table.newcart .col320 {width:320px;}
table.newcart .col330 {width:330px;}
table.newcart .col340 {width:340px;}
table.newcart .col350 {width:350px;}
table.newcart .col360 {width:360px;}
table.newcart .col370 {width:370px;}
table.newcart .col380 {width:380px;}
table.newcart .col390 {width:390px;}
table.newcart .col400 {width:400px;}
table.newcart .col410 {width:410px;}
table.newcart .col420 {width:420px;}
table.newcart .col430 {width:430px;}
table.newcart .col440 {width:440px;}
table.newcart .col450 {width:450px;}
table.newcart .col460 {width:460px;}
table.newcart .col470 {width:470px;}
table.newcart .col480 {width:480px;}
table.newcart .col490 {width:490px;}
table.newcart .col500 {width:500px;}
table.newcart .col510 {width:510px;}
table.newcart .col530 {width:530px;}
table.newcart .col540 {width:540px;}
table.newcart .col550 {width:550px;}
table.newcart .col560 {width:560px;}
table.newcart .col570 {width:570px;}
table.newcart .col580 {width:580px;}
table.newcart .col590 {width:590px;}
table.newcart .col600 {width:600px;}
table.newcart .col610 {width:610px;}
table.newcart .col620 {width:620px;}
table.newcart .col630 {width:630px;}
table.newcart .col640 {width:640px;}
table.newcart .col650 {width:650px;}
table.newcart .col660 {width:660px;}
table.newcart .col670 {width:670px;}
table.newcart .col680 {width:680px;}
table.newcart .col690 {width:690px;}
table.newcart .col700 {width:700px;}
table.newcart .col710 {width:710px;}
table.newcart .col720 {width:720px;}
table.newcart .col730 {width:730px;}
table.newcart .col740 {width:740px;}
table.newcart .col750 {width:750px;}
table.newcart .col760 {width:760px;}
table.newcart .col770 {width:770px;}
table.newcart .col780 {width:780px;}
table.newcart .col790 {width:790px;}
table.newcart .col800 {width:800px;}
table.newcart .col810 {width:810px;}
table.newcart .col820 {width:820px;}
table.newcart .col830 {width:830px;}
table.newcart .col840 {width:840px;}
table.newcart .col850 {width:850px;}
table.newcart .col860 {width:860px;}
table.newcart .col870 {width:870px;}
table.newcart .col880 {width:880px;}
table.newcart .col890 {width:890px;}
table.newcart .col900 {width:900px;}
table.newcart .col910 {width:910px;}
table.newcart .col920 {width:920px;}
table.newcart .col930 {width:930px;}
table.newcart .col940 {width:940px;}
table.newcart .col950 {width:950px;}
table.newcart .col960 {width:960px;}
table.newcart .col970 {width:970px;}
table.newcart .col980 {width:980px;}
table.newcart .col990 {width:990px;}
table.newcart .col1000 {width:1000px;}


/* New Client Design - Fixes 2007.08.23 NV */





/* Overflow fix  */

#primaryContentBackground {
	min-width: 920px;
	}

#pageheaderBg {
	min-width: 880px;
	height: 114px;
	background: url("../../_client/_img/gHeaderBackground.jpg");
	}

#footer p.textNav {
	min-width: 921px;	
	}

#loginAndCartLinks
{
	position: absolute;
	left: 680px;
	top: 125px;
	z-index: 7;
}
	

/* HTML SYOS Implementation Styles */

div#promo_syos div.loginPrompt 
{
	background-color:#fff;
	font-weight:bold;
	padding:5px 10px;
	width:460px;
	margin:10px 0;
	border:5px solid #e1e1e1;
	width:240px;
	float:right;
}
	div#promo_syos div.loginPrompt input {
		margin:10px 0 0 0;
		vertical-align:top;
		}
	
	div#promo_syos div.loginPrompt input.button {
		background: url(../../_images/buttons/syos_promo_enter.gif) no-repeat top right;
		border:none;
		color:#fff;
		width:69px;
		height:24px;
		margin-top:6px;
		padding:4px 18px 5px 5px;
		text-transform:lowercase;
		font-weight:bold;		
		}

div.reserve_syos_text {
	margin-bottom:15px;
	}
	div.reserve_syos_text h2 {
		color:#000;
		font-size:1.5em;
		}
	div.reserve_syos_text p {
		font-size:1.2em;
		}
	div.reserve_syos_text a.change_date {
		font-size:.9em;
		}