/* -------------------------------------------------------------------------------------------------- */
/* beige #999999, red #633 */
/* -------------------------------------------------------------------------------------------------- */

body
{
    font: normal 9pt arial, helvetica, sans-serif;
}


div.wrapper { width: 100% }

table.content 
{
    background: #633 url(../Images/background.jpg) no-repeat;
    width: 950px;
}

table.content-placeholder { width:750px; }
table.content-placeholder td 
{
    padding: 0; margin: 0; 
    background: #fff; 
}

table.content-placeholder th 
{
    padding: 0.2em; 
    background: #999999 
}

table.content-placeholder input,
table.content-placeholder select
{
	font-size: 8pt;
	font-family: Verdana, Arial, Sans-Serif;
}

table.content-placeholder input { padding-left: 4px; }

table.content-production-links td { background: #633; }

div.heading 
{
    color: #633; 
    font-weight: bold;
    margin: 1em; 
    padding: 0.75em;
}

.tab-left { margin-left: 2em; margin-bottom:2em; }

.steps-image { margin-top: 1em }

a:link, a:active, a:visited { color: #c00; text-decoration: none; }
a:hover { text-decoration: underline }

/*************************************************************************************************/

.progress-tracker  
{
    margin: 0; 
    padding: 1em;     
    color: #666; 
    font-weight:bold;  
}

.progress-tracker li 
{
    background: url(../Images/arrow.gif) no-repeat; 
    color: #000; 
    font-weight:bold; 
    padding-left: 1.5em; 
    list-style: none 
}

/* -------------------------------------------------------------------------------------------------- */

.customer-tracking ul { margin: 0; padding: 1em }
.customer-tracking li 
{
    display: inline; 
    color: #fff;
    font: bold 8pt Arial, Helvetica, Sans-serif;    
    padding: 0.3em 1em 0.3em 1em;
}


/* -------------------------------------------------------------------------------------------------- */

.button 
{
    background: #c00;
    color: #fff !important;
    border-bottom: solid 1px #000; 
    border-right: solid 1px #000; 
    border-top: solid 1px #777;
    border-left: solid 1px #777;
    font: bold 8pt arial, helvetica, sans-serif;
    cursor: pointer;
    height: 32px;
}

input[type=button],
input[type=submit]
{
    background: #c00;
    color: #fff;
    border-bottom: solid 1px #000; 
    border-right: solid 1px #000; 
    border-top: solid 1px #777;
    border-left: solid 1px #777;
    font: bold 8pt arial, helvetica, sans-serif;
    cursor: pointer;
}

ul.pkg_perf_list
{
	margin-left: 12px; 
	list-style-type: none;
	font-size: smaller;
}

.input  
{
    font: normal 10pt Arial, Helvetica, Sans-serif !important;
    color: #333;
    width: 175px;
    padding: 0.2em;
    border: solid 1px;
    border-bottom-color: #ccc; 
    border-right-color: #ccc;
    border-top-color: #f1f1f1;
    border-left-color: #f1f1f1;
    background: #eee; }

#msg
{
    padding: 1em; 
    background: #f1f1f1; 
    color: #666; 
    margin: 1em 6em 1em 6em; 
    display: none; 
    font-weight: bold;
    text-align: center; 
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top: solid 1px #edebeb;
    border-left: solid 1px #edebeb
}

table.ticket-price-grid td 
{
    padding: 1px 6px; 
    border: solid 1px #f1f1f1;
    font-size: 9pt;
}
table.ticket-price-grid th { background: none; text-align: left; }

#rules 
{
    position: absolute;
    display:none;
    background: #633; 
    color: #fff; 
    padding: 1em; font: bold 8pt arial, helvetica, sans-serif;     
    margin: 0; top:0; left: 0; width: 300px; z-index: 2000px; 
    border-right: solid 1px #666; border-bottom: solid 1px #666;
    filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;}


#rules a:link,
#rules a:active,
#rules a:visited 
{
    color: #ccc; 
    margin: 0; 
}

#rules a:hover { color: #f1f1f1 }


#reserveTicket_holder
{
	position: absolute;
	left: 250px;
	top: 150px;
	z-index: 3000;
	display: none;
}

#reserveTicket_bkgrnd
{
	position: absolute;
	z-index: 99;
}
#reserveTicket_form
{
	z-index: 100;
	position: absolute;
	background-color: #fff;
	padding: 24px 6px 6px 6px;
	filter:alpha(opacity=98);
	-moz-opacity:.98;
	opacity:.98;
}

#reserveTicket_shadow
{
	z-index: 90;
	position: absolute;
	background-color: #000;
	filter:alpha(opacity=15);
	-moz-opacity:.15;
	opacity:.15;	
}


#reserveTicket_label
{
	position: absolute;
	font-weight: bold;
	color: #fff;
	font-size: 9pt;
	z-index: 99;
}

#reserveTicket_results
{
	font-size: 9pt;
	font-family: Arial;
}

.soldout 
{
	font-size: smaller;
	font-weight: bold;
	color: #c00;
	margin-left: 6px;
	letter-spacing: -1px;
}


#veil
{
	position: absolute;
	left: 0;
	top: 0;
	width: 800px;
	height: 800px;
	background-color: #fff;
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity:.20;
	z-index: 1999;
	display: none;
}

.reserveTicket_cancel  
{
    background:#633; padding: 0.3em 2em 0.3em 2em;
    color:#fff; 
    text-transform:uppercase;
    font: bold 10pt Arial, Helvetica, Sans-serif;
    margin: 2em 1em
}
a:hover.reserveTicket_cancel  
{
    background: #999999;
    text-decoration: none; }



.required { color: #633; font-weight: bold}

#user-order-status  
{
    background: #d8d2c9;
    padding:0.4em 2em; 
    color: #633;
    font: normal 10px Arial, Helvetica, Sans-serif;
    display: none;
}

#user-order-status img { float: left; padding-right: 0.4em;}
#timeremaining { color: #633; }

.heading { color: #633 }
.error { background: #c00; color:#fff; font-weight: bold }

a:link.more-info-button,
a:active.more-info-button,
a:visited.more-info-button  
{
    padding-top:2px; 
    font: bold 8pt Arial, Helvetica, Sans-serif;
    text-decoration: none; }    
    
#webcontent  
{
    width: 200px;
    background: #f1f1f1; 
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top: solid 1px #edebeb;
    border-left: solid 1px #edebeb;
    position: absolute;
    z-index: 4000;
    display: none;
    font: bold 8pt Arial, Helvetica, Sans-serif;
    padding: 1em;
    color: #333;
}    

a:link#btn_purchase_submit,
a:active#btn_purchase_submit,
a:visited#btn_purchase_submit
{
    padding:0.3em 1em 0.3em 1em;
    font: bold 10pt Arial, Helvetica, Sans-serif;
    background: #999999; text-transform:uppercase;
    text-decoration: none; 
}

a:hover#btn_purchase_submit  
{
    font: bold 10pt Arial, Helvetica, Sans-serif;
    background: #c00;
    text-decoration: none; 
}

table.address { width: 100% }
table.address td  
{
    background: #f7f5f2; 
    padding: 0.75em; }
    
.edit-address-placeholder { display: none }    

.address-input  
{
    padding: 0.1em;
    font: normal 9pt Arial, Helvetica, Sans-serif;
    border: solid 1px #fff; }
    
a:link.edit-address-links,
a:active.edit-address-links,
a:visited.edit-address-links
{ 
    font-weight: bold;
    color: #633; 
    text-decoration: underline; 
    padding: 0.2em 1em 0.2em 1em }    

a:hover.edit-address-links    
{ text-decoration: none; }

.note-modal-panel_main { background: #fff; }

.performance-grid a:link,
.performance-grid a:active,
.performance-grid a:visited
{
    font-weight:bold;
   color: #633; }
   
table.performance-grid th { color: #fff; }
table.performance-grid td { border: solid 1px #999999; }   

table#zone_table
{ 
	width: 100%;
	background-color: #fff;
}

table#zone_table th,
table#zone_table td
{
	border-bottom: 1px solid #eee;
	padding-right: 8px;
	font-size: 8pt;
}

/* 2009-10 new master page templates */

table#navtable td
{
	font-size: 10px;
	color: #777;
	padding-right: 18px;
}

table#navtable td a
{
	color: #633;
	text-decoration: none;
}

table#navtable td a#specials_hilight
{
	background-color: #c00;
	color: #fff;
	padding: 1px 4px;
	text-decoration: none;
}

table#navtable td a#specials_hilight:hover
{
	text-decoration: underline;
}


table#navtable td a:hover
{
	color: #000;
	text-decoration: underline;
}

/* SYOS related items */

table#tbl_perfselect td
{
	padding: 2px 8px;
}

table#tbl_perfselect td span.action
{
	background-color: #F6863C !important;
	color: #fff !important;
	padding: 1px 6px;
}

table#tbl_perfselect td span.action:hover
{
	background-color: #c00 !important;
	text-decoration: underline;
}

div#insholder p
{
	margin: 6px 0px !important;
}

div#performanceSummary h3
{
	font-size: 12pt !important;
	font-weight: bold !important;
}
div#performanceSummary p
{
	margin: 6px 0 !important;
}

table#tbl_pricing_grid,
table#tbl_quantity_selector
{
	width: 100%;
	border-left: 1px solid #999;
	margin-top: 12px;
}

table#tbl_pricing_grid th.header,
table#tbl_quantity_selector th.header
{
	background-color: #633;
	color: #fff;
	font-weight: bold;
}
table#tbl_pricing_grid th,
table#tbl_pricing_grid td,
table#tbl_quantity_selector td,
table#tbl_quantity_selector th
{
	padding: 1px 6px;
	text-align: left;
	font-size: 13px;
}

table#tbl_pricing_grid td.price
{
	text-align: right !important;
}

div#select_ticket_details input.purchase
{
	margin-top: 12px;
	float: right;
	padding: 2px 12px;
	border: 0px;
	height: 32px;
	font-weight: bold;
}

div#select_ticket_details input.purchase_active
{
	margin-top: 12px;
	float: right;
	padding: 2px 12px;
	border: 0px;
	height: 32px;
	font-weight: bold;
	color: #fff;
	background-color: #c00;
}

p#p_status
{
	margin: 12px 0px !important;
	color: #c00 !important;
	font-weight: bold;
	font-style: italic !important;
}

div#syos_label_text div#performance_summary h3 { color: #fff; }


span.action { color: #e22; cursor: pointer; font-weight: bold; }

span.action:hover { text-decoration: underline; }

.red { font-weight: bold; color: #c00; }

#opera_clique_holder table {  width: 500px; }
#opera_clique_holder table th { text-align: left; padding: 0.3em; }
#opera_clique_holder table td { padding: 0.3em; }

#opera_clique_holder input[type=text],
#opera_clique_holder input[type=password] { width: 200px; }
table#tbl_opera_clique { }

.performance_grid td { white-space: nowrap !important;}

#signup_msg 
{ 
    margin-top: 0.5em;
    color: #e22; 
    font-weight: bold; 
    display: none; 
    text-align: center; 
    padding: 0.3em;
    border: solid 1px #e22;
    display:none; 
}

div.fd
{
	background-color: #fff;
	border: 1px solid #999;
}

div.fdl
{
	background-color: #999;
	color: #fff;
	height: 20px;
	cursor: move;
}

span.ftitle
{
	margin-top:1px;
	margin-left: 6pt;
	font-weight: bold;
}

div.fdl span.action.close
{
	float:right;
	margin-right: 6px;
	margin-top: 2px;
}

div.fdf
{
	padding: 8px;
}

span.action.closelink
{
	float: right;
	font-size:smaller;
}

#ErrMsg_label
{
	background-color: #c00;
}

div.closelinkHolder { margin-top: 10px; }