/* -----------------------------------
			
		 TicketstotheCity.com
	 ~ ttc-screen.css stylesheet ~
		  
   ----------------------------------- */

* { padding: 0; margin: 0; } /* kill all whitespace */

body {
	line-height: 1; /* http://www.meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;	/* for standards based browsers */
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	background-color: #ffffff;
	color: #000;
}

html>body {
	font-size: small; 	/* for Opera */
}

img { max-width: 100%; }

/* -----------------------------------
			 General Styles
   ----------------------------------- */
   
img,
a img,
form fieldset { border: none; }
/* form legend { display: none; } */
ul { list-style: none; }
a { color: #101e38; }
a:hover { color: #1149a1; }
body p { line-height: 140%; margin-bottom: 15px; }
strong { background-color: yellow; }

/* Captcha */

.g-recaptcha div:first-child { margin: 20px auto; }

/* -----------------------------------
				 Headers
   ----------------------------------- */
   
body h2 { 
	font: lighter 1.8em/120% "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	margin-bottom: 20px;
	color: #252525;
}
body h2 span.numeral {
	font: 2.8em Times, Georgia, serif;
	color: #252525;
	letter-spacing: 0em;
	padding-right: 10px;
}

nav { float: right; }
nav li {
	float: left;
}
nav a {
	display: block;
	padding: 10px;
	text-decoration: none;
	font-size: 14px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: bold;
	color: #2871DE;
}
nav a:hover {
	background: #8AC9FA;
}

form.purchase input[type="text"] { 
	font-size: 16px; 
	text-align:center; 
	border-radius: 3px;
	border-width: 1px;
	padding: 3px;
}
form.purchase select {
	font-size: 16px; 
}

.form-success {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	padding: 10px 20px 10px 20px;
	background: #e6ffc7;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 5px solid #fefefe;
	font-weight: bold;
	-moz-box-shadow:
		0px 1px 3px rgba(051,042,051,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(051,042,051,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(051,042,051,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

form.tools {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	padding: 30px 20px 10px 20px;
	margin: 15px 0;
	background: #c7e8ff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 5px solid #fefefe;
	-moz-box-shadow:
		0px 1px 3px rgba(051,042,051,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(051,042,051,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(051,042,051,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

form.tools .error {
	background: #f65c5c;
	width: 395px;
	margin-left: 140px;
	padding: 10px;
	color: white;
	font-weight: bold;
}

form.tools label {
	font-size: 14px;
	line-height: 30px;
	width: 125px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 15px;
	color: #28343d;
}
form.tools input {
	font-size: 18px;
	padding: 5px;
}

form.tools button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#00abe9 0%,
		#0081c6);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#00abe9),
		to(#0081c6));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 3px solid #ffffff;
	-moz-box-shadow:
		0px 1px 3px rgba(051,042,051,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(051,042,051,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(051,042,051,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(094,094,094,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
form.tools button:hover {
	cursor: hand;
	cursor: pointer;
}
form.tools button:active {
	position: relative;
	top: 1px;
}

table.flex-credits {
	width: 100%;
	border-color: #97e764;
}
table.flex-credits th {
	font-weight: bold !important;
}
table.flex-credits th,
table.flex-credits td {
	border-color: #97e764;
	padding: 8px;
	font-weight: normal;
}
table.flex-credits td.bold {
	font-weight: bold;
	font-size: 1.25em;
}

/* -----------------------------------
			 Offline Styles
   ----------------------------------- */

#offline { background: #c3daf9 url(/images/bkgd/loading-bkgd2.gif) 0 0; }

#versionbutton {
	width: 150px;
	height: 150px;
	text-indent: -9000px;
	background: url(/images/bkgd/fresh-new-button.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
}

#mycontainer {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

#maintenance {
	background: #fff url(/images/icons/Module_32x32.gif) no-repeat 50% 10px;
	border: 1px solid #aaa;
	padding: 50px 20px 20px 20px;
	text-align: center;
	margin-left: -120px;
	position: absolute;
	top: -75px;
	left: 50%;
	width: 200px;
	visibility: visible;
	line-height: 140%;
}

/* -----------------------------------
			 Body Styles
   ----------------------------------- */

#loading-mask { 
	width:100%;
	height:100%;
	background: #c3daf9 url(/images/bkgd/loading-bkgd2.gif) 0 0;
	position:absolute;
	z-index:20000;
	left:0;
	top:0;
}

#container {
	width: 950px;
	margin: 0 auto;
}

/* -----------------------------------
			Header Styles
   ----------------------------------- */
   
#header {
	width: 100%;
	position: relative;
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #6d6d6d;
}
#header-name {
	float: left;
	width: 60%;
}
#header-name h1 { 
	float: left; 
	font: lighter 2.2em Arial, sans-serif; 
	margin-right: 15px; 
}
#header-name a.trackback {
	display: block;
	margin-top: 15px;
	float: left;
	padding-left: 20px;
	background: url(/images/icons/Trackback_16x16.gif) no-repeat left center;
}

#header-logo a {
	float: right;
	width: 275px;
	height: 35px;
	text-indent: -9000px;
	background: url(/images/logos/logo.gif) no-repeat 0 0;
}

#header-custom {
	width: 100%;
	margin-bottom: 25px;
}

/* -----------------------------------
			Content Styles
   ----------------------------------- */

#content {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #6d6d6d;
}
#content-left {
	float: left;
	width: 655px;
}
#content-right {
	float: right;
	width: 275px;
	text-align: left;
}

#custom-msg {
	display: none;
	margin: 5px 0;
	padding: 10px;
	border: 1px solid #eee;
	background-color: #f8d1d1;
}
#custom-msg p,
#has-obstructed p {
	line-height: 150%;
}

#has-obstructed{
	margin: 5px 0;
	padding: 10px;
	border: 1px solid #ffbb00;
	background-color: #ffde84;
}

#no-cookies {
	margin-bottom			: 16px;
	padding					: 25px 15px;
	font-size				: 18px;
	font-weight				: bold;
	font-family				: Helvetica, Arial, sans-serif;
	line-height				: 32px;
	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
	border-radius			: 10px;
	background				: #87C8FC;
	border					: 1px solid #C7E6FA;
	color					: #222;
}

/* -----------------------------------
		Content Left Styles
   ----------------------------------- */

#tickets, 
#donation, 
#personal-information, 
#financial-information, 
#cart-review {
	margin-bottom: 25px;
}

/* -----------------------------------
		Content Right Styles
   ----------------------------------- */

#shopping-cart,
#event-information,
#venue-map {
	padding: 5px;
	margin-bottom: 15px;
}
#event-information { margin-bottom: 0px; }
#venue-map { padding: 0; }
#shopping-cart {
	background-color: white;
}

#shopping-cart h2 {}

#venue-map {
	margin-bottom: 0px;
}

p.quotes cite {
	display: block;
	margin: 15px 0;
	font-style: italic;
	text-align: right;
}

/* -----------------------------------
		Table Styles
   ----------------------------------- */

table {
	width: 100%;
	border-top:1px solid #c1e2ff;
	border-bottom:1px solid #c1e2ff;
	border-right:none;
	border-left:none;
	margin:1em auto;
	border-collapse:collapse;
}
table.lg {
	width: 100%;
}
table.invoice {
	width: 100%;
	margin-top: 25px;
}
table.full {
	width: 100%;
}
a.info-title,
a.info-extra {
	display: block;
	margin-bottom: 5px;
}
a.info-title { font-style: italic; }		
tr.odd td,
tr.odd th {
	background:#f7fbff
}
tr.information th,
tr.information td {
	padding: 10px 5px 20px 5px;
	border-top: none;
	font-weight: normal;
	line-height: 1.5em;
}
.information-details,
.information-restrictions {
	float: left;
}
.information-details {
	margin-right: 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #999;
}
.information-restrictions {
	border-radius: 3px;
	background: #fefefe;
	border: 1px solid #efefef;
	padding: 10px;
}
tr.odd .column1	{
	background:#f7fbff;
}	

.column1 {
	background:#f9fcfe;
	text-align:center;
	padding:0 5px;
}
table td {
	color:#333;
	border-top:1px solid #c1e2ff;
	border-left:none;
	padding: 10px 5px;
	text-align:left;
	font-size: 14px;
}
table th {
	font-weight:bold;
	color: #000;
	text-align:left;
	border-top: 1px solid #c1e2ff;
	border-left:none;
	font-size: 14px;
	padding: 10px 5px;
}	
td.text-left,
th.text-left { text-align: left; }
td.text-right,
th.text-right { text-align: right; }
td.center,
th.center { text-align: center; }										
thead th {
	background:#f4f9fe;
	text-align:center;
	font-weight:bold;
	color:#216ee1;
	font-size: 16px;
	padding: 8px 5px;
}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	padding:10px 5px;
}	
tfoot th strong {
	font:bold 1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#216ee1;
	background-color: transparent;
}

.bo-list-restrictions {
	padding: 10px;
	background: #F7FBFF;
	border: 1px solid #C1E2FF;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius:3px; /* make sure its proper */
    border-radius: 3px;
    margin: 0;
}

.invoice thead th,
.invoice tfoot th strong {  }

div#seatingchart-container {
	width	: 650px;
	height	: 350px;
	padding : 0 0 10px 0;
	margin  : 0 0 15px 0;
	overflow: auto;
}
		table#seatingchart {
			text-align		: center;
			border			: none !important;
			margin			: 0;
			border-collapse	: collapse;
			font-family		: Times, serif;
		}
		table#seatingchart table td {
			color		: #000;
			border		: none !important;
			padding		: 0;
			text-align	: center;
		}
		table#seatingchart table th {
			color		: #000;
			text-align	: center;
			border		: none !important;
		}	
		table#seatingchart thead th {
			background	: none;
			border		: none;
			text-align	: center;
			font-family	: Georgia, Times, serif;;
			color		:#000000;
		}
		table#seatingchart tr th {
			text-align	: center;
			font-size	: 90%;
		}
		table#seatingchart tr td {
			width		: 20px;
			height		: 20px;
			border		: none !important;
			font-size	: 90%;
		}
		table#seatingchart tr td a {
			display			: block;
			width			: 20px;
			height			: 20px;
			padding			: 2px;
			background-color: #fff;
			color			: #000;
			line-height		: 120%;
			border			: 2px solid #fff;
		}
		table#seatingchart tr td a:hover {
			cursor			: pointer;
			border-top		: 2px solid #8694ad;
			border-right	: 2px solid #283d61;
			border-bottom	: 2px solid #283d61;
			border-left		: 2px solid #8694ad;
		}

		table#seatingchart tr td a.changed 		 { border: 2px solid red; padding: 1px; }
		table#seatingchart tr td a.seat-modified { border: 2px solid #f2d14e; padding: 1px; }


input.button_update_cart,
input.button_checkout	{
	width: 100%;
	margin-bottom: 0px;
}
form#cart_full input.button_update_cart {
	width: auto;
	float: right;
}

fieldset.checkout-fs {
	width: 276px;
	padding: 20px;
	float: left;
	background: url(/images/bkgd/bkgd-checkout-fs.gif) no-repeat 0 20px;
}
fieldset.packagefields {
	width: 434px;
	padding: 20px;
	float: left;
	background: url(/images/bkgd/bkgd-checkout-fs.gif) no-repeat 0 20px;
}
.checkout-fs legend,
.packagefields legend {
	font-size: 140%;
	line-height: 220%;
	font-family: Arial, Verdana, sans-serif;
	text-transform: lowercase;
}
.checkout-fs legend span,
.packagefields legend span {
	font-size: 180%;
	font-style: italic;
	font-family: Georgia, Times, serif;
}
.checkout-fs p.formInfo,
.packagefields p.formInfo {
	font-size: 90%;
	padding: 5px 10px;
	margin: 0px 30px 20px 5px;
	color: #000;
	border-left: 2px solid #216ee1;
	background-color: #c1e2ff;
}

.checkout-fs label,
.packagefields label {
	display: block;
	font:bold 0.9em/1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin-bottom: 5px;
}

.checkout-fs strong.formError,
.packagefields strong.formError {
	color: #fff;
	width: 90%;
	background-color: #CC0000;
	margin: 3px 0;
	padding: 3px;
	font-weight: normal;
	display: block;
}

.checkout-fs input { display: block; width: 90%; }
.packagefields input { display: block; width: 60%; }
.checkout-fs input,
.packagefields input,
.checkout-fs select { margin-bottom: 10px; }

div#ccard {
	margin: 10px 21px;
}
input.ccard { 
	float: left;
	width: 1em;
	margin-left: 10px;
}
label.ccard {
	display: inline;
	text-align: left;
	text-indent: -9000px;
	width: 37px;
	height: 23px;
	float: left;
	margin: 0 5px 5px 5px;
}

label#cc-VISA 		{ background: url('../images/misc/cc-visa.gif') no-repeat 0 0; }
label#cc-MC 		{ background: url('../images/misc/cc-mastercard.gif') no-repeat 0 0; }
label#cc-AMEX 		{ background: url('../images/misc/cc-amex.gif') no-repeat 0 0; }
label#cc-DISCOVER 	{ background: url('../images/misc/cc-discover.gif') no-repeat 0 0; }

img#cc-CVV,
input#card_cvv { display:inline; }

input#card_cvv,
input#billing_state,
input#shipping_state { width: 25%; }

input#billing_zip,
input#shipping_zip { width: 40%; }

a.button-ical {
  float: right;
  display: block;
  position: relative;
  margin-top: 10px;
  margin-left: 10px;
  text-decoration: none;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 8px 10px 8px 30px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;}
  a.button-ical:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
  a.button-ical:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

a.button-ical span {
	display: block;
	position: absolute;
	top: 6px;
	left: 10px;
	width: 16px;
	height: 16px;
	background: url('/images/icons/Calendar (Add)_16x16.png') no-repeat 0 0;
}

/* -----------------------------------
		  Cart Error Styles
   ----------------------------------- */

#more_info,
#cart_error,
#checkout_error {
	padding: 10px;
	margin-bottom: 20px;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	border-left: 1px solid #eaeaea;
}

#checkout_error {
	background-color: #aa0000;
	color: #fff;
}
#checkout_error h2,
#checkout_error h2 span { color: #fff; }

#checkout_error a { color: #eaeaea; }

#more_info h2,
#cart_error h2,
#cart_error h2 span {}

#more_info { background-color: #ffffee; }

#cart_error ul li {
	line-height: 130%;
	margin: 0 0 15px 10px;
	padding: 0 10px 0 22px;
	background: url(/images/icons/Flag-Red_16x16.gif) no-repeat top left;
}

#checkout input[type="text"],
#reservation input[type="text"] {
	font-size: 16px;
	padding: 3px;
	border-radius: 3px;
	border-width: 1px;
}
#checkout select,
#reservation select {
	font-size: 16px;
}

#reservation { 
	margin-bottom: 20px; 
	float:left; 
}

#reservation .checkout-fs {
	width:460px; 
	float: none;
}

.reservation-skip {
	float:right; 
	width:450px;
}
	.reservation-skip p {
		background:#FFEFB2; 
		padding:20px;
		margin:60px 0; 
		font-size:30px; 
		border-right:1px solid #F29950; 
		border-bottom: 1px solid #F29950;
	}
	.reservation-skip em {
		font-style:italic;
	}

#checkout .checkout-btn {
	width: 100%;
}

/* -----------------------------------
		Invoice Styles
   ----------------------------------- */

.invoice_details {
	width: 276px;
	padding: 20px 0 10px 20px;
	float: left;
	background: url(/images/bkgd/bkgd-checkout-fs.gif) no-repeat 0 35px;
}
  
.invoice_details h3 {
	font: bold 1.2em/80% "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
	margin-bottom: 15px;
	margin-left: 0;
	color: #252525;
}

p.invoice-list,
p.membership-list {
	padding: 0px 0 0px 10px;
	border-left: 2px solid #216ee1;
}
p.membership-list { font-style: italic; }
p.invoice-list b { font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; }

a.banner {
	display: block;
	margin-top: 20px;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	border-left: 1px solid #eaeaea;
}
a.banner:hover {
	border-top: 1px solid #aeaeae;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	border-left: 1px solid #aeaeae;
}

/* -----------------------------------
		Refund & Footer Styles
   ----------------------------------- */

#refund-policy {
	margin-bottom: 20px;
	padding: 10px;
	margin-bottom: 20px;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	border-left: 1px solid #eaeaea;
}

#footer {
	margin-bottom: 30px;
	width: 100%;
	position: relative;
	font-size: 90%;
}

#footer .AuthorizeNetSeal { 
	float: left;
	margin-right: 15px;
}

.AuthorizeNetSeal {
	float: right;
	margin-left: 15px;
}

.checkout-disclaimer {
	padding: 20px 200px 0 200px;
}
	
/* -----------------------------------
		   Ticket Date Links
   ----------------------------------- */

div.ttc_ticket_links,
div.ttc_ticket_links * { 
	/*margin: 0; 
	padding: 0; 
	background-color: #fff; */
	line-height: 1.5em;
}
div.ttc_ticket_links { margin: 10px; }
div.ttc_ticket_links h2 {
	font: 1.3em Georgia,serif;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
div.ttc_ticket_links span {
	float: left;
	width: 70%;
}
div.ttc_ticket_links ul { list_style: none; }
div.ttc_ticket_links ul li {
	margin: 4px 0;
	font: .95em Helvetica,Arial,sans-serif;
	color: #000;
}
div.ttc_ticket_links ul li a { 
	float: right; 
	/*color: #000;
	width: 150px;
	height: 20px;
	padding: 0px;
	margin: 0 0 4px 0;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: -9000px;*/
}
div.ttc_ticket_links ul li a.buynow 		{ background: url(/images/buttons/buy-now.gif) no-repeat top left; }
div.ttc_ticket_links ul li a.tixreg 		{ background: url(/images/buttons/tickets-registration.gif) no-repeat top left; }
div.ttc_ticket_links ul li a.donatenow 		{ background: url(/images/buttons/donate-now.gif) no-repeat top left; }
div.ttc_ticket_links ul li a.canceled		{ background: url(/images/buttons/call-box-office.gif) no-repeat top left; }
div.ttc_ticket_links ul li a.soldout		{ background: url(/images/buttons/sold-out.gif) no-repeat top left; }
div.ttc_ticket_links ul li a.noperformance	{ background: url(/images/buttons/no-performance.gif) no-repeat top left; }
div.ttc_ticket_links ul li a:hover 			{ background-position: bottom left; }
div.ttc_ticket_links ul li span { float: left; }
div.ttc_ticket_links ul li br { clear: both; }

/* -----------------------------------
			 Invoice
   ----------------------------------- */
   
#etickets {
	margin-bottom			: 16px;
	padding					: 25px 15px;
	font-size				: 18px;
	font-weight				: bold;
	font-family				: Helvetica, Arial, sans-serif;
	line-height				: 32px;
	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
	border-radius			: 10px;
	background				: #87C8FC;
	border					: 1px solid #C7E6FA;
	color					: #222;
}
#etickets a {
	display					: block;
	width					: 125px;
	padding					: 8px 12px;
	float					: right;
	text-align				: center;
	text-decoration			: none;
	font-weight				: normal;
	line-height				: 12px;
	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
	border-radius			: 10px;
	background				: #222;
	color					: #fff;
	font-family				: Helvetica, Arial, sans-serif;
	-moz-box-shadow			: 0 0 3px #3C6ABA;
	-webkit-box-shadow		: 0 0 3px #3C6ABA;
	box-shadow				: 0 0 3px #3C6ABA;
}

#compedsale {
	margin-bottom			: 16px;
	padding					: 10px 15px;
	font-size				: 18px;
	font-weight				: bold;
	font-family				: Helvetica, Arial, sans-serif;
	line-height				: 32px;
	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
	border-radius			: 10px;
	background				: #AA0000;
	border					: 1px solid #870301;
	color					: #eee;
}

#noetickets {
	font-size				: 18px;
	font-weight				: bold;
	font-family				: Helvetica, Arial, sans-serif;
	color					: #aa0000;
}

/* -----------------------------------
			 Miscellaneous
   ----------------------------------- */

.clear-left 	{ clear: left; }
.clear-right 	{ clear: right; }
.clear-both 	{ clear: both; }
.left 			{ float: left; }
.right			{ float: right; }
.block			{ display: block; }
.none			{ display: none; }
.strong			{ font-weight: bold; }
.no-background 	{ background-image: none; }
.ampersand		{ font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; }

/* ----------------------------------------------------------------------------
						Clearfix Easy Clearing of Floats

			http://www.positioniseverything.net/easyclearing.html
   ---------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.mobile-show { display: none; }

.blue-btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #337fed;
	padding:7px 16px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}.blue-btn:hover {
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background-color:#1e62d0;
	color: white;
	cursor: pointer;
}.blue-btn:active {
	position:relative;
	top:1px;
}

#org703 .blue-btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #000;
	padding:7px 16px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #000 5%, #444 100% );
	background:-ms-linear-gradient( top, #000 5%, #444 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000), color-stop(100%, #444) );
	background-color:#000;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #333;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #333;
 	-moz-box-shadow:inset 1px 1px 0px 0px #333;
 	box-shadow:inset 1px 1px 0px 0px #333;
}
#org703 .blue-btn:hover {
	background:-moz-linear-gradient( center top, #000 5%, #444 100% );
	background:-ms-linear-gradient( top, #000 5%, #444 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #000), color-stop(100%, #444) );
	background-color:#000;
	color: white;
	cursor: pointer;
}
#org703 .blue-btn:active {
	position:relative;
	top:1px;
}

#org138 .blue-btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #cb2b28;
	padding:7px 16px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #cb2b28 5%, #cb2b28 100% );
	background:-ms-linear-gradient( top, #cb2b28 5%, #cb2b28 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb2b28', endColorstr='#cb2b28');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #cb2b28), color-stop(100%, #cb2b28) );
	background-color:#cb2b28;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #333;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #cb2b28;
 	-moz-box-shadow:inset 1px 1px 0px 0px #cb2b28;
 	box-shadow:inset 1px 1px 0px 0px #cb2b28;
}
#org138 .blue-btn:hover {
	background:-moz-linear-gradient( center top, #cb2b28 5%, #cb2b28 100% );
	background:-ms-linear-gradient( top, #cb2b28 5%, #cb2b28 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb2b28', endColorstr='#cb2b28');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #cb2b28), color-stop(100%, #cb2b28) );
	background-color:#cb2b28;
	color: white;
	cursor: pointer;
}
#org138 .blue-btn:active {
	position:relative;
	top:1px;
}

#org207 .blue-btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #F6C24C;
	padding:7px 16px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #F6C24C 5%, #F6C24C 100% );
	background:-ms-linear-gradient( top, #F6C24C 5%, #F6C24C 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6C24C', endColorstr='#F6C24C');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F6C24C), color-stop(100%, #F6C24C) );
	background-color:#F6C24C;
	color:#493429;
	display:inline-block;
	text-shadow:none;
 	-webkit-box-shadow:inset 0px 0px 1px 1px #333;
 	-moz-box-shadow:inset 0px 0px 1px 1px #333;
 	box-shadow:inset 0px 0px 1px 1px #333;
}
#org207 .blue-btn:hover {
	background:-moz-linear-gradient( center top, #F6C24C 5%, #F6C24C 100% );
	background:-ms-linear-gradient( top, #F6C24C 5%, #F6C24C 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6C24C', endColorstr='#F6C24C');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F6C24C), color-stop(100%, #F6C24C) );
	background-color:#F6C24C;
	color: #493429;
	cursor: pointer;
}
#org207 .blue-btn:active {
	position:relative;
	top:1px;
}

#org322 .blue-btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #fed000;
	padding:7px 16px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fed000 5%, #fed000 100% );
	background:-ms-linear-gradient( top, #fed000 5%, #fed000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed000', endColorstr='#fed000');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fed000), color-stop(100%, #fed000) );
	background-color:#fed000;
	color:#005460;
	display:inline-block;
	text-shadow:none;
 	-webkit-box-shadow:inset 0px 0px 1px 1px #333;
 	-moz-box-shadow:inset 0px 0px 1px 1px #333;
 	box-shadow:inset 0px 0px 1px 1px #333;
}
#org322 .blue-btn:hover {
	background:-moz-linear-gradient( center top, #fed000 5%, #fed000 100% );
	background:-ms-linear-gradient( top, #fed000 5%, #fed000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed000', endColorstr='#fed000');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fed000), color-stop(100%, #fed000) );
	background-color:#fed000;
	color: #005460;
	cursor: pointer;
}
#org322 .blue-btn:active {
	position:relative;
	top:1px;
}

#org450 #content-left h2 { color: #990000; }

#org503 .blue-btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #C7B660;
	padding:7px 16px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #C7B660 5%, #C7B660 100% );
	background:-ms-linear-gradient( top, #C7B660 5%, #C7B660 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7B660', endColorstr='#C7B660');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #C7B660), color-stop(100%, #C7B660) );
	background-color:#C7B660;
	color:#000000;
	display:inline-block;
	text-shadow:none;
 	-webkit-box-shadow:inset 0px 0px 1px 1px #333;
 	-moz-box-shadow:inset 0px 0px 1px 1px #333;
 	box-shadow:inset 0px 0px 1px 1px #333;
}
#org503 .blue-btn:hover {
	background:-moz-linear-gradient( center top, #C7B660 5%, #C7B660 100% );
	background:-ms-linear-gradient( top, #C7B660 5%, #C7B660 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7B660', endColorstr='#C7B660');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #C7B660), color-stop(100%, #C7B660) );
	background-color:#C7B660;
	color: #000000;
	cursor: pointer;
}
#org503 .blue-btn:active {
	position:relative;
	top:1px;
}

#org740 .blue-btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #BC3E3E;
	padding:7px 16px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #BC3E3E 5%, #BC3E3E 100% );
	background:-ms-linear-gradient( top, #BC3E3E 5%, #BC3E3E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BC3E3E', endColorstr='#BC3E3E');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #BC3E3E), color-stop(100%, #BC3E3E) );
	background-color:#BC3E3E;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #333;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #333;
 	-moz-box-shadow:inset 1px 1px 0px 0px #333;
 	box-shadow:inset 1px 1px 0px 0px #333;
}
#org740 .blue-btn:hover {
	background:-moz-linear-gradient( center top, #BC3E3E 5%, #BC3E3E 100% );
	background:-ms-linear-gradient( top, #BC3E3E 5%, #BC3E3E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BC3E3E', endColorstr='#BC3E3E');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #BC3E3E), color-stop(100%, #BC3E3E) );
	background-color:#BC3E3E;
	color: white;
	cursor: pointer;
}
#org740 .blue-btn:active {
	position:relative;
	top:1px;
}

.orange-btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #ff9900;
	padding:7px 16px;
	text-decoration:none;
	background: rgb(255,175,75);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0 );
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #333333;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ff9900;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ff9900;
 	box-shadow:inset 1px 1px 0px 0px #ff9900;
}.orange-btn:hover {
	color: white;
	cursor: pointer;
}.orange-btn:active {
	position:relative;
	top:1px;
}

.checkout-btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d02718;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #810e05;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	box-shadow:inset 1px 1px 0px 0px #f5978e;
}.checkout-btn:hover {
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background-color:#c62d1f;
	color: white;
	cursor: pointer;
}.checkout-btn:active {
	position:relative;
	top:1px;
}

.btn-disabled {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background-color:#f9f9f9;
	color:#666666;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.btn-disabled:hover {
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background-color:#e9e9e9;
	color: #666;
	cursor: pointer;
}.btn-disabled:active {
	position:relative;
	top:1px;
}

.btn-block {
	width: 100%;
}

.checkout-msg {
	background: #eaeaea;
	padding: 15px;
	border: 1px solid #fefefe;
	border-radius: 3px;
	font-family: Arial, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 15px;
}
.checkout-msg p { margin-bottom: 0; }

.checkout-msg .checkout-btn {
	float: right;
	padding-left: 15px;
}

/* -----------------------------------
			 MOBILE QUERY
   ----------------------------------- */

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) {
	
	.mobile-hide { display: none; }
	.mobile-show { display: block; }
	
	#container {
		width: auto;
		margin: 0px;
		padding: 0 15px;
	}
	
	#header-name {
		float: none;
		width: auto;
	}
	#header-name h1 { 
		float: none; 
		margin-right: 0; 
	}
	#header-name a.trackback {
		display: block;
		margin-top: 15px;
		float: none;
		padding-left: 20px;
	}
	
	#header-custom {
		width: auto;
		margin-bottom: 25px;
	}

	nav { float: none; }
	
	#content {
		width: auto;
	}
	#content-left {
		float: none;
		width: auto;
	}
	#content-right {
		float: none;
		width: auto;
		margin-top: 20px;
	}
	div.ttc_ticket_links ul li {
		margin: 10px 0;	
	}
	
	table {
		width:100%;
	}
	table.lg {
		width: 100%;
	}
	table td {
		padding: 10px 3px;
	}
	table th {
		padding: 10px 3px;
	}
	
	div#seatingchart-container {
		width	: 100%;
		height	: 350px;
		padding : 0 0 10px 0;
		margin  : 0 0 15px 0;
		overflow: auto;
	}
	
	#reservation { 
		float:none; 
	}
	
	#reservation .checkout-fs {
		width:auto; 
	}
	
	#checkout label,
	#reservation label {
		font-size: 16px;
	}
	
	.reservation-skip {
		float:none; 
		width:auto;
	}
		.reservation-skip p {
			margin:0; 
			font-size:24px; 
		}
		.reservation-skip em {
			font-style:italic;
		}
	
	fieldset.checkout-fs {
		background: none;
		width: auto;
		padding: 0;
		float: none;
		margin: 25px 0;
	}
	
	div#ccard {
		margin: 10px 0px;
	}
	input.ccard { 
		float: left;
		width: 2em;
		margin-left: 10px;
	}
	label.ccard {
		display: block;
		text-align: left;
		text-indent: -9000px;
		width: 37px;
		height: 23px;
		float: left;
		margin: 0 5px 5px 5px;
	}

	.checkout-disclaimer {
		padding: 20px 0px;
	}
	
	form.tools .error {
		width: auto;
		margin-left: 0px;
	}

	
	form.tools label {
		width: auto;
		display: block;
		float: none;
		text-align: left;
	}
	
}