/*
button {cursor: pointer;}
th, td {font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}

table {margin-bottom:1.4em;}
th {font-weight:bold;}


caption{ margin:0.6em auto;}
h1, h2, h3, h4, h5, h6 {text-align:center; margin:0.8em auto; font-weight:bold; color:#111;}
*/

/* .datatable th, td, caption {padding:4px 10px 4px 5px;} */
.h1BGHeader{BACKGROUND-IMAGE: url(../boxofficeFiles/etix-blue.jpg);}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* p {margin:0 0 1.5em;} */

body>h1, body>h2, body>h3, body>h4 {
	text-align:center;
}

h3.tablesgray{
	width:70%;
}
.centerForTd tr td,.fullTable tr td,.selectPriceCode {text-align:center; margin:0px auto;}
.grayTitle {background-color:#EEEEEE;margin: 0.6em auto;text-align:center;}

td .grayTitle{width:50%;}

    .datatable,.centerThForTable{
    	border:1px solid;
    	border-collapse:collapse;
    	empty-cells:show;
    	font-size:9pt;
    	font-family:arial, monospace;
        table-layout:auto;
    	margin:15px auto;
    	word-wrap:break-all;    	
    }

	.datatable .fmt {
		background: #1155BB !important;
	}
.centerThForTable h3,div.centerThForTable { margin:17px auto; width:65%;}
     .fixed{width:180px;}
    .centerThForTable{margin:auto;text-align:center;}
    .datatable thead th,.centerThForTable thead  th{
	    background-color: #1155BB;
        color: white;
        font-size:1.2em;
    }
    .centerThForTable thead  th{text-align:center;margin:auto;width:100%;}
    .datatable tbody th {
    	border-bottom:1px dashed;
	    background-color: #DDD;
        padding-left: 6px;
	    text-align:left;
        margin:0px 1px;
	}
	 .datatable tbody tr.collapsed {
    	display:none;
	}
    .datatable tbody tr.expanded {
	}
    .datatable select {
    	font-size:9pt;
    	font-family:arial, monospace;
	}
    .datatable tbody td {
    	font-size:9pt;
    	font-family:arial, monospace;
	    text-align:left;
	}
    .datatable img.handle {
    	height: 16px;
    	width: 16px;
    	cursor:pointer;
	}
    .datatable tr {
        background-color: white;
    }
    .datatable tr.altrow {
        background-color: gainsboro;
    }
     .speedBtn{
    	background-color:#EEEEEE;
    	line-height:20px;
    	font-size:9pt;
    	font-family:arial, monospace;
    	text-decoration:underline;
    	cursor:pointer;
    }
    .speedBtn:hover{
    	background-color:#1155BB;
    	color:#FFFFFF;
    	text-decoration:none
    }
    .selectionTable th {
        text-align: left;
        white-space: nowrap;
        vertical-align: bottom;
        BACKGROUND-IMAGE: url( ../boxofficeFiles/etix-blue.jpg );
        color: #ffffff;
    }
    .selectionTable td {
        border-top-style: solid;
    }
    .selectionTable table {
        border: black;
        border-style: solid;
    }
    .speedbutton{
    	font-size:10pt;
    	font-family:arial, monospace;
    	background-color:#EEEEEE;
    	text-decoration:underline;
    }
    .speedbutton:hover{
    	background-color:#1155BB;
    	color:#FFFFFF;
    	cursor:pointer;
    	text-decoration:none
    }
    .ticketSummaryTable th {
        text-align: left;
        white-space: nowrap;
        vertical-align: bottom;
        BACKGROUND-IMAGE: url( ../boxofficeFiles/etix-blue.jpg );
        color: #ffffff;
    }    
    table.subtab{
    	border-collapse:collapse;
    	font-size:9pt;
    	font-family:arial, monospace;
    	border-left:1px dashed;
    	margin:0;
    	float:right;
    	table-layout:fixed;
    }
    table.subtab th,table.subtab td{
    	text-align:left;
    	font-size:9pt;
    	font-family:arial, monospace;
    }
    table.subtab thead th{
    	background-color: #1155BB;
        color: white;
    }
   .twoCloumnForTable,.twoCloumnForTable td{ width:50%;
     border:1px #f0f0f0 solid;
     text-align:center;
     margin:auto;
     background-color:#eee;
    }
.rightNavigation { float:right; margin:4px;}
.centerTable,.fullTable,.centerForTd,.customerInfo,.eventDetails {width:65%; text-align:center; margin:2px auto; }
.centerTableForMargin{width:90%; text-align:center; margin:2px auto; }
.centerTable tr,.fullTable tr,.customerInfo tr {margin:2px auto;}
.centerTable tr td,.centerThForTable tr td,.customerInfo tr td,.eventDetails tr td,.centerTableForMargin tr td{
	text-align:left; margin:1px; }
.eventDetails tr td{font-size:0.9em;font-weight:bolder;}
.selectPriceCode tr td{text-align:left; margin:0px;}
.customerInfo {width:55%;}
.fullTable {width:100%;}
.notesForCenter { text-align:center;margin:10px auto;}
.displayPerformance {
	width:95%;
	text-align:center;
	margin:3px auto;
	}
.displayPerformance th{
	 text-align:center;
	 margin:auto;
	 color:#345;
	 font-size:1.2em;
	 background-color:#DDD;
	 }
.displayPerformance td{ 
	text-align:	right;
	font-size:	14px;
	margin:		0px 1px;
	padding:	4px;
	}
.clear { clear:both; }
.rateTable{text-align:center;margin:0px auto;}

/* hr {width:68%; margin:0.8em auto;height:1px; color:#ccc;} */

.hr30 {width:30%;}
.right{ text-align:right;margin:0px;}
.left,.displayPerformance td.left { text-align:left; margin:2px 0px;}

.submitContent {
	text-align:center;
	margin:8px auto;
	border-top-left-radius: 50px 50px;
border-top-right-radius: 50px 50px;
border-bottom-right-radius: 50px 50px;
border-bottom-left-radius: 50px 50px;}

.button,a.button,input.button {
    background: #fa9c02;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff; 
    font-size: 1.286em;
	font-weight: bold;
    padding: 6px 8px 4px;
    text-decoration: none;
    border: 1px solid #c77c02;
}
/* for submit */

.required,h3 .required {
	color: #CC0000;
	font-style:italic;
}
.notes { font_size:0.8em; font-style:italic;}
.displayOrder {background-color:#c0c0c0;}
/*
.nav {FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.nav A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.nav A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.nav A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.nav A:hover {
	COLOR: #cccccc; TEXT-DECORATION: underline
}
*/
/* TD {
	FONT-SIZE: 14px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
} */
.list {
	FONT-SIZE: 14px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.frameBar {
	FONT-SIZE: 9px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.performanceSelect {
	FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.packageSelect {
    FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.checkBox{
	margin: 0px;padding: 0px
}
.nav2 {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.nav2 A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.nav2 A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.nav2 A:hover {
	COLOR: #ffcc00; TEXT-DECORATION: underline
}
.nav2 A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.nav3 {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.text {
	FONT-SIZE: 9px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.text2 {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.number {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-align: right;
}
.text A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.text A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.text A:hover {
	COLOR: #666666; TEXT-DECORATION: underline
}
.text A:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.tables {
	BORDER: medium none;
	 BACKGROUND-IMAGE: url(../boxofficeFiles/etix-blue.jpg);
	 COLOR: #ffffff;
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	 text-align:center;
	  margin:auto;
	  padding:3px;
	  width:70%;
}

.reportTables TH {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(../boxofficeFiles/etix-blue.jpg); BORDER-LEFT: medium none; COLOR: #ffffff; BORDER-BOTTOM: medium none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.reportTables TD  {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 9px; BORDER-LEFT: medium none; COLOR:black; BORDER-BOTTOM: medium none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.reportTitle {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 20px;text-align:center
}

.reportNotes {
    font-style:italic; text-align:center
}

.perfHeaderTables {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../boxofficeFiles/etix-blue.jpg); BORDER-LEFT: medium none; COLOR: #ffffff; BORDER-BOTTOM: medium none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tablesorange {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(../boxofficeFiles/etix-orange.jpg); BORDER-LEFT: medium none; COLOR: #333333; BORDER-BOTTOM: medium none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.headings {
	FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tablefade {
	BORDER-RIGHT: #666666; BORDER-TOP: #666666; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(../boxofficeFiles/bdy13.jpg); BORDER-LEFT: #666666; COLOR: #333333; BORDER-BOTTOM: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tableswhite {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 9px; BACKGROUND-IMAGE: none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.tablesgray {
	BORDER: medium none; BACKGROUND-IMAGE: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cccccc;text-align:center;margin:auto;
}
.tablesblack {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 9px; BACKGROUND-IMAGE: none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000000
}
.tablesltgray {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 9px; BACKGROUND-IMAGE: none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cccccc
}
.tablesblue {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(../boxofficeFiles/etix-blue.jpg); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cccccc
}
.tablesgrayborder {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; FONT-SIZE: 9px; BACKGROUND-IMAGE: none; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #333333
}
.navselect {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #003366; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.navselect A:link {
	COLOR: #003366; TEXT-DECORATION: none
}
.navselect A:visited {
	COLOR: #003366; TEXT-DECORATION: none
}
.navselect A:active {
	COLOR: #003366; TEXT-DECORATION: none
}
.navselect A:hover {
	COLOR: #0066cc; TEXT-DECORATION: underline
}

.menunavselect A:link {
	COLOR: White;
	TEXT-DECORATION: underline;

}
.menunavselect A:visited {
	COLOR: White; TEXT-DECORATION: underline
}
.menunavselect A:active {
	COLOR: White; TEXT-DECORATION: underline
}
.menunavselect A:hover {
	COLOR: White; TEXT-DECORATION: underline
}


/* Horizontal Breadcrumbs */
.pageBreadCrumb ul {
	padding-left: 0;
}

.pageBreadCrumb li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

.pageBreadCrumb li.first,
.pageBreadCrumb li.first a { padding-right: 0; }

/* createFacebookEvent.jsp */
.upload-container {
	width: 250px;
	display: inline-block;
}

#event-photo-preview {
	max-width: 250px;
}

#event-photo-remove {
	vertical-align: top;
}

.balanceDueDisplay
{
    text-align: center;
    font-weight: bolder;
}

.balanceDueDisplay span.negativeMoney
{
    color: #ff0000;
    font-weight: bold;
}

.balanceDueDisplay span.positiveMoney
{
    color: #000000;
    font-weight: bold;
}

.priceCodeButton
{
text-align: center; 
}

.centerThForTable .row {
	clear: both;
	display: block;
	padding: 10px 0;
	margin: 0 auto;
	width: 60%;
}

.centerThForTable .row .label{
	width:120px;
	text-align:right;
}

.centerThForTable .row .field{
	text-align: left;
	text-indent: 10px;
	padding-right:3px;
}

.centerThForTable .columns {
	float:left;
}

/* Credit card collection */
/*
	Initially set these to not display. Once it is determined if the new (auto) or
	old (manual) card collection will display, then set that one to display block
	(see setCreditCardByJS.jspf). Doing it this way keeps the unused CC collection
	from flashing on the screen for a moment before it's removed.
*/
.auto-card-brand-selection,
.manual-card-brand-selection {
	display: none;
}

/* End credit card collection */


/* Single page ticket sale */

.centerThForTable .row .label.iban,
.centerThForTable .row .label.bic {
	width: 40px;
}

.centerThForTable .row .label.sepa {
	width: auto;
}

.iban-input {
	text-transform: uppercase;
}

/* Mobile validation report */
.mobile-validation-choose-performance {
	margin: 30px auto auto auto;
	width: 60%;
	text-align: center;
}

.mobile-validation-choose-performance select {
	margin: 0 10px 10px 0;
	max-width: 100%;
}

.mobile-validation-choose-performance input.btn-primary {
	margin-bottom: 30px;
}

.snapshot-highlight {
	background-color: #cefdce;
}

.credit-card-icon {
	float: left;
	display: none;
	padding: 0 0 2px 10px;
	width: 40px;
	clear: left;
}

@media screen and (min-width: 1330px) {
	.credit-card-icon {
		clear: none;
	}
}

.cash-payment-amount {
	text-align: left;
	margin: 15px 0 5px 10px;
	font-weight: 400;
	float: left;
}

.cash-tender-label {
	/* The effect of this will only be seen if the window is expanded wide enough (e.g. > 1350px) */
	clear: left;
}

.cash-tender {
	float:left;
	margin-left: 10px;
	margin-bottom: 5px;
}

.cash-change-label {
	text-align: right; 
	clear: left;
}

.cash-change {
	float:left;
	margin-left: 10px;
}

.payment-memo-label {
	text-align: right;
	clear: left;
}

.payment-memo {
	float:left;
	margin-left: 10px;
	margin-bottom: 5px;
}

/* End single page ticket sale */


/*QR code flyer page*/

.skip-the-line {
	padding: 20px 0 15px 0;
	font-size: 80px;
	font-weight: bold;
	font-family: Arial, serif;
}

.buy-tickets-here {
	font-size: 60px;
	font-weight: bold;
	font-family: Arial, serif;
}

.qr-code-performance-name-date {
	font-family: Arial, serif;
	font-weight: bold;
	font-size: larger;
}

.qr-code-performance-name {
	padding-bottom: 7px;
}

.qr-code-flyer-paragraph {
	text-align: justify;
	text-justify: inter-word;
	font-size: smaller;
	font-family: Arial, serif;
	padding:15px 10px 0 10px;
}

/*End QR code flyer page*/

.helper-text {
	font-size: 13px;
}