@import url("sifr_screen.css");

.note	{ font: 12px "Trebuchet MS",Arial,monospace; background: #ff6; padding: 4px; }

/*****************************************************/
/*HTML TAG STYLES*/
/*Original Body| body {
	background: #fff; 
	padding: 10px; 
	font: normal 11px/15px arial,helvetica,sans-serif; 
	color: #000;
}*/
body {
background-image: url(../../_images/back.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Arial;
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
}
td { border-collapse:collapse; }

p { margin-top: 10px; margin-bottom: 10px; }

img { border: 0; padding: 0; z-index:0; } 
strong, strong span, b {font-weight:bold;}
em, i { font-style: italic; }

form		{ margin: 0; padding: 0; }
img 		{ border: 0;z-index:0; }
b, strong 	{ font-weight: bold; color: #000;}
i, em 		{ font-style: italic; }

div.clear	{ 
	clear: both; 
	height: 1px; 
	line-height: 1px;
	overflow: hidden;
}
div.hr	{ 
	clear: both; 
	height: 1px; 
	line-height: 1px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}

p.clear	{ 
	clear: both;
}
.red 	{ color: #f00; }
.white	{ color: #fff; }
.black	{ color: #000; }



h1, .h1 {
	/* for page title */
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	width: 400px;
	margin: 0;
}
h1.checkout {
	position: relative;
	top: 10px;
}
h2, .h2 {
	/* for page sub-0title */
	font-size: 16px;
	font-weight: bold;
}
h2.printHead {
	display: none;
}
h3, .h3 {
	/* page headers */
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

h4, .h4 {
	/* page subheaders */
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

hr {
	color:#ccc;
	background-color:#ccc;
	height:1px;
	border:none;
	padding:0;margin:0;
}

th, td.head {
	color: #666666;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #CCC;
	padding: 5px;
}
.head {
	color: #666666;
	font-size: 12px;
}
/*//HTML TAG STYLES*/
/*****************************************************/
.grayBodyArea
{
	vertical-align:top;
	text-align:left;
	background-color:#999999;
	
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/*****************************************************/
/* Header */
	
	div.siteNav { 
		clear: both; 
		margin: 0;
		border-bottom: 2px solid #A9A9A9;
	}
		div.siteNav ul { 
			clear: both; 
			list-style: none;
			margin: 0; 
			padding: 4px 0 16px; 
			height: 12px; 
			z-index:0;
		}
		div.siteNav ul li { 
			float: left; 
			margin: 0; 
			padding: 0 0 0 18px; 
			height: 12px; 
			background: url(../../_images/nav/divider.gif) no-repeat;
		}
		div.siteNav ul li span { 
			display: block;
			position: absolute;
			left: -5000px; 
		}
		
		div.siteNav ul li.info { 
			padding: 0;
			background-image: none;
		}		
		div.siteNav ul li.info a { 
			width: 130px;
			background-image: url(../../_images/nav/ticket_info.gif);
			z-index:0;
		}
		div.siteNav ul li.buy a { 
			width: 124px;
			background-image: url(../../_images/nav/purchase_online.gif);
		}
		div.siteNav ul li.subs a { 
			width: 93px;
			background-image: url(../../_images/nav/subscriptions.gif);
		}
		div.siteNav ul li.group a { 
			width: 82px;
			background-image: url(../../_images/nav/group_sales.gif);
		}
		div.siteNav ul li.discounts a { 
			width: 68px;
			background-image: url(../../_images/nav/discounts.gif);
		}

		div.siteNav ul li a { 
			display: block; 
			border: none; 
			background-position: 0px 0px;
			background-repeat: no-repeat;
			height: 12px;
		}
		div.siteNav ul li a:hover {
			background-position: 0px -11px;
		}
	div.loginNav { 
		float: right;
		width: 200px;
		margin: 0;
		padding: 0 0 10px 0;
	}
		div.loginNav ul { 
			clear: both; 
			list-style: none;
			margin: 0; 
			padding: 13px 0 4px; 
			text-align: right;
			height: 12px; 
		}
		div.loginNav ul li { 
			margin: 0; 
			padding: 0 5px;
			float: right;
			border-right: 1px solid #000;
		}
		div.loginNav ul li.cart {
			border-right: none;
			padding-right: 0;
		}
		div.loginNav ul li a { 
			font-size: 12px;
			font-weight: bold;
		}
	div.loginUser { 
		float: left;
		width: 250px;
		padding: 13px 0;
	}
/* 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.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 landing page styles */

div.landingHead {
	display: block;
	width: auto;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
div.landingHead h2 {
	margin: 0px;
	padding: 4px;
	background-color: #ECEAEA;
	border: 1px solid white;
	font-size: 11px;
}

div.searchBoxes {
	margin-top: 26px;
	width: 170px;
	float: right;
}
div.searchDate {
	width: 170px;
	margin-bottom: 18px;
}

div.searchKeyword {
	width: 170px;
	margin-bottom: 18px;
}
div.searchKeyword label {
	width: 38px;
}
div.searchKeyword input {
	width: 120px;
}
div.searchProduction {
	margin-top: 26px;
	width: 440px;
	float: left;
}
div.productionBox {
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
}
div.productionBox div.prodImage {
	float: left;
	width: 170px;
	height: 90px;
	margin-right: 20px;
}

/* end landing page styles */
/*****************************************************/




/*****************************************************/
/* begin calendar styles */

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

table.calendar th  {
	padding: 3px 0;
	background-color: #421279;
	width: 100px;
	border-left: 1px solid #421279;
	border-right: 1px solid #421279;
	
	color: #FFF;
	font-family: Verdana;
	font-weight: normal;
	font-size: 9px;
	text-align: center;
}
table.calendar td {
	border: 1px solid #AAA;
	padding: 2px;
	width: 100px;
}
div.calendarBrowse {
	float: right; 
	text-align: right; 
	width: 210px;
}

div.calendarBrowse label {
	position: relative; 
	top: 4px; 
	width: auto;
}
a#link_nextMonth {
}
a#link_prevMonth {
	padding-right: 20px;
}

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

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

a.buttonBuy span {
	position: absolute;
	left: -5000px;
}

div.calHead {
	float: left;
	width: 230px;
	margin: 0;
}

div.calHead h1 {
	width: 230px;
}
div.calHead h2 {
	margin: 6px 0 11px 0;
}
div.calBrowse {
	width: 350px;
	text-align: right;
	float: right;
	padding: 0;
	margin: 0;
}
div.calHelp {
	width: 300px;
	text-align: right;
	float: right;
	padding: 0;
	margin: 0 0 8px 0;
}
a.showCalTitle:link {
	color: #cc3366;
	font-family: "Trebuchet MS", Arial;
	text-decoration: underline;
}

a.showCalTitle:visited {
	color: #cc3366;
}

a.showCalTitle:hover {
	color: #cc3366;
	text-decoration: underline;
}


/* end calendar styles */
/*****************************************************/


/*****************************************************/
/* begin cart styles */

table.cart {
	border: 1px solid #FFF;
	padding: 1px;
}

table.cart td {
	vertical-align: top;
	font-size: 12px;
	padding: 6px 10px;
}

table.cart td.cartSize {
	height: 1px; 
	padding-top: 0; 
	padding-bottom: 0;
	overflow: hidden;
}

td.cartCol1 { 
	width: 192px; 
}
td.cartCol2,td.cartCol3,td.cartCol4,td.cartCol5 { 
	width: 83px;
}
td.cartCol4ALT { 
	width: 135px;
	text-align: right;
}
td.cartCol4,td.cartCol5	{
	text-align: right;
}

table.performance td.cartCol1 { 
	width: 208px; 
}
table.performance td.cartCol2 {
	width: 124px;
}

table.performance td.cartCol4 {
	width: 80px;
	text-align: center;
}
table.performance td.cartCol3, table.performance td.cartCol5 { 
	width: 56px;
}




td.delCol1 {
	width: 50%;
}
td.delCol2 {
	width: 50%;
}


/* end cart styles */
/*****************************************************/


/*****************************************************/
/* begin checkout styles */
table.addresses {
}
div.addressesHead {
	width: 208px;
	float: left;
	
	color: #000;
	font-weight: bold;
	line-height: 16px;
}
div.addressesBody {
	line-height: 18px;	
	width: 208px;
	float: left;
}
span.deliveryRadio input {
	display: block;
	float: left;
	width: 14px;
}
span.deliveryRadio label {
	display: inline;
	position: relative;
	top: 2px;
	left: 4px;
	font-size: 11px;
	font-weight: bold;
	width: auto;
}

div.delPlays {
	margin-top: 10px;
	float: left;
	width: 300px;
	position: relative;
	left: 10px;
	font-size: 12px;
}

div.delOptions {
	margin-top: 10px;
	float: right;
	width: 300px;
	position: relative;
	right: 10px;
}

div.delInfo {
	clear: both;
	margin: 30px 0;
}
/* end checkout style */
/*****************************************************/

/* smaller text */
.small, .note {font-size:10px;}

/* any error or warning text */

div.requiredField,
p.requiredField {
	color:#c00;
	font-weight:bold;
	background: #ECEAEA;
	font-family: arial;
	font-size: 12px;
	padding: 7px 10px;
	border: 1px solid #c00;
	margin-bottom: 10px;
	width: 604px;
}
div.requiredField ul {
	margin-bottom: 0px;
}
span.requiredField {
	color:#c00;
	font-weight:bold;
}
.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;
}


/***SUBSCRIPTIONS**************************/
.reviewsub1{
	width: 100px;	
}
.reviewsub2{
	width: 200px;	
}
.reviewsub3{
	width: 100px;	
}
.reviewsub4{
	width: 150px;	
}





/* ------------------ /DEV STYLES ------------------ */

a {
	color:#909;
	font-weight: bold;
	font-size: 12px;
}

label {
	display: block;
	float: left;
	width: 140px;
	font-size: 11px;
	font-weight: bold;
}
label.long {
	width: auto;
}
input, select {
	margin-bottom: 6px;
}
	span.checkbox label {
		display: inline;
		font-size: 11px;
		font-weight: bold;
		width: 350px;
	}
	span.checkbox input {
		position: relative;
		top: -2px;
		float: left;
		margin-right: 8px;
	}

table.radioList {
}
	table.radioList td {
	}
	table.radioList td input {
		float: left;
	}
	table.radioList td label {
		float: left;
		position: relative;
		top: 1px;
		left: 4px;
	}


span.formNote {
	font-size: 10px;
	position: relative;
	top: -7px;
}
div.pageSplit {
	overflow: hidden;
	clear: both;
	height: 1px;
	background-color: #E4D1E4;
}
div.pageSplit2 {
	overflow: hidden;
	clear: both;
	height: 1px;
	background-color: #ccc;
}
/* common boxes */

div.help {
	width: 210px;
	border: 1px solid #E4D1E4;
	float: right;
}
	div.help p,
	div.help div.in {
		margin: 0px;
		padding: 10px;
		background-color: #ededed;
		border: 1px solid white;
		font-size: 11px;
	}
	div.help a
	{
	    color:#660044;
	}
	
div.moreHelp {
	width: auto;
	border: 1px solid #E4D1E4;
	padding: 0;
	margin: 20px 0;
	clear: both;
}
div.moreHelp p{
	margin: 0px;
	padding: 10px;
	background-color: #ededed;
	border: 1px solid white;
	font-size: 11px;
}
div.helpSplit {
	overflow: hidden;
	clear: both;
	height: 1px;
	background-color: #E4D1E4;
}

div.highlight {
	width: auto;
	border: 1px solid #CCCCCC;
	padding: 0;
	margin: 20px 0;
	clear: both;
}
div.highlight p{
	margin: 0px;
	padding: 10px;
	background-color: #eceaea;
	border: 1px solid white;
	
	color: #43137A;
	font-size: 13px;
	font-weight: bold;
}
div.copy, p.copy {
	width: 400px;
	font-size: 11px;
}

div.info {
	border: 1px solid #CCCCCC;
	margin-bottom: 12px;
}
div.info p{
	margin: 0px;
	padding: 10px;
	background-color: #ededed;
	border: 1px solid white;
	font-size: 11px;
	color: #020202;
}

div.header {
	border: 1px solid #E3D6F1;
	margin-bottom: 12px;
}
div.header p{
	margin: 0px;
	padding: 8px;
	background-color: #D1B5EF;
	border: 1px solid white;
	font-size: 11px;
	font-weight: bold;
	color: #020202;
}

div.cartContinue {
	float: left;
	width: 110px;
	height: 22px;
	margin: 10px 0;
}
div.cartCheckout {
	float: right;
	width: 110px;
	height: 22px;
	margin: 10px 0;
}
table.header {
	border: 1px solid #D1B5EF;
	padding: 1px;
	width: 100%;
}
table.header td {
	color: #000;
	padding: 6px 10px;
	background-color: #D1B5EF;
	font-size: 11px; 
	font-weight: bold;
}
ul.checkoutProcess {
	clear: both;
	list-style: none;
	width: 100%;
	height: 28px;
	margin: 10px 0 14px;
	padding: 0;
}
ul.checkoutProcess li {
	border: 1px solid #E4D1E4;
	float: left;
	margin-left: 4px;
}
ul.checkoutProcess li span {
	display: block;
	width: 100px;
	border: 1px solid #FFFFFF;
	background-color: #ededed;
	padding: 8px 9px;
	overflow: hidden;
	
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #999;
}
ul.checkoutProcess li.first {
	margin-left: 0;
}
ul.checkoutProcess li.active span {
	color: #333;
}

div.paymentBox {
	border: 1px solid #D1B5EF;
	margin: 12px 0;
	width: 360px;
	float: right;
}
div.paymentBox p {
	margin: 0px;
	padding: 8px;
	background-color: #E3D6F1;
	border: 1px solid white;
	font-size: 11px;
	font-weight: bold;
	color: #020202;
}
div.paymentBox label {
	position: relative; 
	top: 3px;
	font-weight: normal;
	font-size: 12px;
}
div.completeBox {
	text-align: right;
	margin-bottom: 12px;
}
img#completeArrow {
	position: relative;
	top: 1px;
}
input#btn_completePurchase {
	position: relative;
	top: 12px;
}
div.receiptBox {
	margin: 6px 0 12px;
	line-height: 16px;
}

span.cvv {
	position: relative; 
	top: -6px;
}

span.cvv a {
	font-size: 9px;	
	font-weight: normal;
}

label.registerLink {
	clear: both;
	width: auto;
	margin-left: 25px;
	margin-bottom: 10px;
}
/* forms */
	div.loginOptions {
		width: 400px;
		border-bottom: 1px solid #D5D5D5;
	}
	div.loginForm {}
	div.registerForm,
	div.forgotForm {
		width: 400px;
	}
	ul.reserveSeats {
		list-style: none;
		margin: 0;
		padding: 0;
		clear: both;
	}
		ul.reserveSeats li {
			margin-right: 20px;
			margin-bottom: 6px;
			float: left;
		}
		ul.reserveSeats li label {
			width: 115px;
			padding-top: 3px;
		}
	table.sections_radio_control {
	}
	table.sections_radio_control td {
		padding: 3px 6px;
		font-size: 11px;
	}
	table.sections_radio_control th {
		text-align: right;	
	}
	table.sections_radio_control th.first {
		text-align: left;	
	}
	table.sections_radio_control td.price {
		text-align: left;	
	}
	
	
/* buttons */

	a#btn_submitRegister  {
		display: block;
		height: 22px;
		width: 80px;
		background: url(../../_images/buttons/register.gif);
		border: none;
	}

	input#btn_submitLogin,
	input#btn_register {
		height: 22px;
		width: 80px;
		margin-top: 10px;
	}
	input.button {
		display: block;
		border: none;
	}
	a#btn_submitRegister span {
		display: block;
		position: absolute;
		left: -9000px;
	}

/* page specific styles */

span.donationsText {
	position: relative;
	top: -7px;
}
span.donationsField {
	
}
span.donationButton {
	position: relative;
	top: 6px;
}
img.prodPageImage {
	padding-top: 12px;
	
}
div.seatingChart {
	width: 222px;
	float: right;
	text-align: right;
}
div.seatingChart img {
	padding: 10px 0;
}
span.cash {
	position: relative;
	top: -8px;
	left: -12px;
	
	font-weight: bold;
	font-size: 14px;
}

label.empty {
	float: none;
	clear: both;
	width: auto;
	margin: 0 0 6px 0;
}



div.donorPreferences {
	float: left;
	width: 400px;
}
div.donorLevels {
	float: right;
	width: 200px;
}
	div.donorLevels ul {
		list-style: none;
		margin: 0 0 20px 0;
		padding: 0;
	}
	div.donorLevels ul li {
		margin: 0 0 10px 0;
		padding: 0;
	}
/* ------------------ ORG STYLES ------------------- */


body {
	margin: 10px auto;
	padding: 0;
    font-family:"Times New Roman", Times, serif;
    font-size: 14px;
    color:#2E2E2E;
}

.Container {
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	width: 801px;
	max-width: 801px;
	border: none;
	background-color:#000;
}

/** HEADER **/
#Header {
	width: 809px;
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
	height: 145px;
	overflow: hidden;
	z-index:100;

	}
	#header2 
	{  
	width: 801px;
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
	height: 27px;
	overflow: hidden;
	background-color:#000;
	}
		
#Header .Left {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 130px;
	height: 137px;
	float: left;
	background: none;
	overflow: hidden;
	}

#Header .Right {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	width: 668px;
	height: 137px;
	background-image: url(../../_images/site/main_bars_03.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	overflow: hidden;
	}
/**Menu**/
.menuArea
{
    background-color: #660066;
    text-align: center;
    padding:  5px 0px  5px 0px;
    color:#FFFFFF;
    width:801px;
    vertical-align:middle;
    height:20px;
    border:none 0px none;
}
.menuArea table
{
    text-align:left; 
    padding:3px 0px 0px 8px;
    width:798px;
    vertical-align:middle;
    border:none 0px none;
}
/**DONOR LEVELS**/
.donorLvl 
{
 color: #660044;   
}
/** CONTENT AREA **/
#ContentArea {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	background-color: #000;
	z-index:0;
}

#ContentArea .Left {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 130px;
	height: 750px;
	float: left;
	background-image: url(../../_images/site/main_bars_05.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	z-index:0;
}

#ContentArea .Right {
	margin: 10px 0 10px 35px;
	padding: 0;
	text-align: left;
	float: left;
	width: 628px;
	background-color: #000000;
	color:#fff;
	z-index:0;
}

#Menu {
	background-color: #FFFFCC;
}

#Footer{
	background-color:#33FF99;
	text-align: center;
}

.mainArea {
   width: 628px;
   text-align: left;
   background-color:#000;
   color:#fff;
}

body#reserve #ContentArea .Right 
{
	width: 717px;
}
body#reserve .mainArea 
{
	width: auto;
}


table {
   text-align: left;
   border: none;
}

td { 
 font-family:"Times New Roman", Times, serif;
 font-size: 14px;
}

img {
  border: none; 
  z-index:0;
}

p { 
 font-family:"Times New Roman", Times, serif;
 font-size: 14px;
}

.headline {
font-family:"Times New Roman", Times, serif;
 font-size: 16px;
}

div.copyright {
  font-family:"Times New Roman", Times, serif;
  font-size: 10px;
  text-align: center;
  margin: 0 auto;
}


a:link {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}

a:visited {
	color: #ffffff;
}

a:active {
 color:#CC0000;   
}

A:hover {
  color:#CC3366;
}
a.hidden {
  color: #000000;
}

a.hidden:visited {
  color: #000000;
}

a.hidden:hover {
	color: #0000CC;
}

a.hidden:active {
  color: #000000;
}
div#promo {
	border: 1px solid #E3D6F1;
	margin-bottom: 12px;
}
	div#promo fieldset {
		margin: 0px;
		padding: 2px 8px;
		background-color: #D1B5EF;
		border: 1px solid white;
	}
	div#promo p 
	{
		font-size: 11px;
		color: #020202;
	}
	div#promo input 
	{
		vertical-align: middle;
		margin-right: 10px;
	}

/* ------------------ /ORG STYLES ------------------ */