@charset "utf-8";
body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 margin:0px;
 background-color:#fff;
 color:#000;
	-webkit-text-size-adjust: none;
}
html, body { height:100%; }
#container {
 min-height:100%;
	background-color:#fff;
	max-width:980px;
	margin:0 auto;
}
* html #container {
 height:100%;
}
#p_promoters #container, #p_promoters #footer {
 max-width: 100%;
}

table { border-collapse:collapse; }
td, th { font-size:14px;padding:0px; }
.padded td, .padded th { padding:2px; }
.padding3 td, .padding3 th { padding:3px 6px; }
th { text-align:left; background-color:#eee; font-weight:bold; }

.altrows tr:nth-child(odd) { background-color:#f1f1f1; }

img { border:none; margin:0; }
p { margin-top:0px; max-height:10000em; }
hr { margin:0 10px; padding:0; height:1px; border:none; overflow:hidden; background-color:#ccc; }

h1 { font-size:14px;margin:19px 10px 0; font-weight:normal; text-align:right; }
h2 { font-size:14px;margin:0 10px; text-transform:uppercase; background-color:#d9d9d9; padding:7px 10px; }
h2:before { width:12px;height:12px;background-color:#e8e8e8; margin:2px -1px 0 0; float:right; overflow:hidden; content:" "; }
h3 { font-size:16px;margin:0; }
h4 { font-size:14px;margin:0; }
h5 { font-size:12px;margin:0; }

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

ul {
	margin-top:0px;
	margin-left:0px;
	padding-left:16px;
}
.no_bullets {
 list-style-type:none;
	padding-left:0px;
	margin:0px;
}

form { margin:0px; }
select, input, textarea { font-size:14px; margin:0px; font-family:Arial, Helvetica, sans-serif; }
select { margin:1px 0; }

.m, .m td, .m th { font-size:14px; }
.s, .s td, .s th { font-size:12px; }
.xs, .xs td, .xs th { font-size:10px; }

.inlineBlock {
	display:inline-block;
 	zoom:1;
 	*display:inline;
}

.clear {
 clear:both;
	height:1px;
	overflow:hidden;	
}

.button {
	vertical-align:top;
	padding:7px 10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	background-color:#666;
	cursor:pointer;
	color:#fff;
	display:inline-block;
	 *display:inline;
}
a:hover .button, a.button:hover { 
	background-color:#999;
}
#buy_button[disabled] {
 background-color: #ccc;
 cursor: wait;
}

.vid_space {
 position:relative;
 overflow:hidden;
 width:100%;
 margin-bottom:1em;
}
.vid_space:before {
 content:"";
 display:block;
 width:0;
 height:0;
 margin-top:56.25%;
}
.vid_space iframe {
 position:absolute;
 min-height:168px;
 left:0; right:0; top:0; bottom:0;
 width:100%;
 height:100%;
}

.bcTrail {
 font-size:12px;
 margin-bottom:17px;
 background-color:#d9d9d9; padding:7px 10px;
}
.bcTrail:before { width:12px;height:12px;background-color:#e8e8e8; margin:2px -1px 0 0; float:right; overflow:hidden; content:" "; }
.content {
 padding:0 10px 10px;
}

.header_right {
 font-size:11px;
 float:right;
 white-space:nowrap;
 text-transform:none;
 padding:2px 10px;
}

#inner_container { padding:40px 10px 60px; }

#logo {
	float:left;
	margin:0 10px;
}

#nav {
	margin:7px 0;
	text-align:right;
	font-weight:bold;
}
#nav div {
	display:inline-block;
	 zoom:1;
		*display:inline;
	margin:10px;
}

#nav img {
 width:32px;
 height:32px;
 margin:2px 10px 0 10px;
 vertical-align:top;
}

#main {
	max-width:640px;
	margin-bottom:20px;
	vertical-align:top;
	display:inline-block;
	 zoom:1;
		*display:inline;
}
#sidebar {
	width:320px;
	margin-bottom:20px;
	vertical-align:top;
	display:inline-block;
	 zoom:1;
		*display:inline;
}
#featured {
	margin-bottom:20px;
}
#featured h2 {
	color:#fff;
	background-color:#999;
}
#featured h2:before { background-color:#c2c2c2; }
.feature_large img {
	width:300px;
	height:150px;
 margin:20px 10px;
}
.feature_large.full img {
	width:620px;
 width:calc(100% - 20px);
 height:auto;
 margin:10px 10px -10px;
 vertical-align:top;
}
.feature_large div {
	width:300px;
 margin:20px 10px;
	vertical-align:top;
	display:inline-block;
	 zoom:1;
	 *display:inline;
}
.feature_large p {	margin:16px 0 0; }
.feature_small {
	width:300px;
	margin:20px 10px;
	vertical-align:top;
	font-size:12px;
	display:inline-block;
	 zoom:1;
	 *display:inline;
}
.feature_small img {
	width:100px;
	height:100px;
	float:left;
 background-size:contain;
 background-position:center center;
 background-repeat:no-repeat;
}
.feature_small > div {	margin:-3px 0 0 110px; }
.feature_small p {	margin:0 0 12px; }

.feature_small .text {
 height:74px;
 overflow:hidden;
}
#series_image { width:100%; }
#upcoming { margin-bottom:20px; }
#filters {
	color:#999;
	padding:10px;
}
#series_select {	width:274px; }
#search_field {	width:119px; }
#month_select { width:140px; }
#events {
	margin:0 10px;
	font-size:12px;
}
#events > div:nth-child(odd) { background-color:#f3f3f3; }
#events p { margin:0; }
#events img, .calendar {
	width:60px;
	height:60px;
	vertical-align:top;
	margin:10px 5px 10px 10px;
 background-size:contain;
 background-position:center center;
 background-repeat:no-repeat;
}
.calendar {
	background-color:#d9d9d9;
	text-align:center;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	display:inline-block;
	 zoom:1;
		*display:inline;
}
.cal_month {
 background-color:#ddd;
\ text-transform:uppercase;
	padding:3px 0 1px;	
}
.cal_date {
	margin:0 1px;
	background-color:#fff;
	font-size:24px;
	line-height:24px;
	padding:2px 0 0;
}
.cal_time {
	margin:0 1px;
	background-color:#fff;
	padding:2px 0 3px;
 min-height:12px;
}
.event_overview {
	width:224px;
	padding:10px 10px 10px 0;
	vertical-align:top;
	display:inline-block;
	 zoom:1;
		*display:inline;
}
.event_details {
	width:290px;
	padding:10px;
	vertical-align:top;
	display:inline-block;
	 zoom:1;
		*display:inline;
}
#events .button {
	font-size:11px;
	padding:6px 8px;
	float:right;
}

#promoters h2 {
	background-color:#999;
	text-transform:none;
}
#promoters h2:before { background-color:#ccc; }

#p_promoters h4 span { font-weight:normal; font-size:12px; }

#promoters_box {
	margin:0 10px 10px;
	padding-bottom:10px;
	background-color:#f3f3f3;
}
#promoters_box p:last-child { margin-bottom:0; }

#promoters_content, #promoters_logins {
	width:280px;
	padding:10px 10px 0;
	vertical-align:top;
	display:inline-block;
	 zoom:1;
		*display:inline;
}
.tab {
	font-weight:bold;
	padding:7px 10px;
	margin-right:3px;
	background-color:#999;
 color:#fff;
	vertical-align:bottom;
	cursor:pointer;
	display:inline-block;
	 zoom:1;
		*display:inline;
}
.tab.is-active {
	background-color:#d9d9d9;
	color:#000;
	cursor:auto;
}
#manage_form, #order_form {
 display:none;
	background-color:#d9d9d9;
	height:128px;
	padding:10px;
}
#manage_form table, #order_form table {
	width:100%;
}
#manage_form td, #order_form td {
	padding:1px 2px 1px 0;
}

.forgot {
	float:left;
	margin-top:4px;
	font-size:12px;
}

#promos {
	margin-bottom:10px;
}
#promos div {
	margin:10px 10px 0;
	color:#666;
	border:5px solid #d9d9d9;
	cursor:pointer;
	text-align:center;
	padding:7px 10px 10px;
	font-weight:bold;
	font-size:16px;
	overflow:hidden;
	height:73px;
	width:270px;
	display:inline-block;
		zoom:1;
		*display:inline;
}

#promos div div {
	margin:-14px -10px -10px 0;
	background-color:#f3f3f3;
	border:0;
	padding:173px 0 0;
	font-size:12px;
	width:50px;
	float:right;
	height:105px;
}

#promos div div:first-line {
	font-size:72px;
	line-height:60px;
	font-weight:normal;
}

#promos img {
	margin-top:6px;
}

#footer {
	max-width:980px;
	margin:-60px auto 0;
	padding:17px 0;
	height:26px;
	background-color:#333;
	color:#999;
	font-size:11px;
	text-align:center;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color:#999; text-decoration:none; }

/* Events Page */
.event_image {
 float:right;
 margin:0 0 20px 20px;
 max-width: 100%;
}
.details_table {
 margin-top:11px;
}
.details_table td {
 padding:1px 0;
}
#social_buttons {
 margin-bottom:17px;
}
#seat_map {
 overflow:hidden;
 margin:0 auto 17px;
 position:relative;
 width:fit-content;
 max-width:100%;
 clear:right;
}
#seat_map img { max-width:100%; }

#seat_map > div {
 position:absolute;
 width:16px;
 height:16px;
 border-radius:8px;
 cursor:pointer;
 background-color:#c9d72b;
 border:2px solid #fff;
 box-shadow:0 0 10px 5px rgba(0,0,0,0.5);
 margin:-10px 0 0 -10px;
}

#ticket_table {
 float:left;
 margin-right:20px;
}
#ticket_table td {
 font-size:12px;
}
/*#ticket_table > p { max-width:400px; }*/

#description {
 clear:left;
}
#description img { height:auto !important; max-width:100%; }

/* Order Page */
.order_table {
 width:100%;
}
.order_table tr {
 vertical-align:top;
}
.order_table th, .order_table td { padding:2px; }

.order_table .item_name span {
 display:inline-block;
 background-color:#ffc;
 padding:2px 5px;
 font-size:12px;
}

.customer_info, .payment_info {
 display:inline-block;
  zoom:1;
  *display:inline;
 max-width:470px;
 min-width:50%;
 vertical-align:top;
 margin-bottom:12px;
}
#buy_text {
 float:left;
 margin-top:2px;
}
#buy_border {
 border:2px solid #FF9900;
 padding:5px;
 text-align:right;
 margin-top:1em;
}
.field {
 display:inline-block;
 border:1px solid #a9a9a9;
 padding:2px;
}
.field_error {
 display:inline-block;
 font-size:12px;
 color:#c00;
 vertical-align:top;
 padding-top:5px;
}
.padded td.field_label {
 vertical-align:top;
 padding-top:5px;
}

.seats div {
	width:20px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	margin:1px;
	border:1px solid #fff;
	font-weight:bold;
	color:#fff;
	padding:3px 0;
	cursor:pointer;
	display:inline-block;
		zoom:1;
		*display:inline;
}
.seats div.open {
	background-color:#C9EC09;
}
.seats div.closed {
	background-color:#c00;
}
.seats div.gap {
	background-color:#fff;
}
.seats div.yours {
	background-color:#4DBBE9;
}
.seats .long_name {
	font-size:10px;
	line-height:9px;
	margin:-4px 0;
	height:17px;
	overflow:hidden;
	padding:0;
	border:none;
}

.seats .l3 {
	font-size: 10px;
	padding-bottom: 1px;
	display: inline-block;
	vertical-align: middle;
}

.seat_legend {
 text-align:center;
 margin-top:5px;
}
.seat_legend .open { color:#C9EC09; }
.seat_legend .open:before { content: "Green = "; }

.seat_legend .closed { color:#c00; }
.seat_legend .closed:before { content: "Red = "; }

.seat_legend .yours { color:#4DBBE9; }
.seat_legend .yours:before { content: "Blue = "; }

.info_icon {
 cursor:pointer;
 color:#c00;
 font-size:16px;
}

#infoBox {
 display:none;
 position:absolute;
 z-index:2;
 padding:7px;
 color:#fff;
 background-color:#c00;
 font-size:11px;
 width:200px;
 box-sizing:border-box;
}
#infoBoxBg {
 display:none;
 position:fixed;
 background-color:rgba(0,0,0,0.05);
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:1;
}

label em { white-space:nowrap; }

/* Promoters */
.content #promoters {
 float:right;
 width:300px;
 margin:0 -10px 0 10px;
}

.notice {
 background-color:#fff7cc;
 color:#fa0;
 border:1px solid #fa0;
 padding:7px 10px;
 margin:0 10px 10px;
 font-weight:bold;
}

#alert {
 width:80%;
 max-width:560px;
 min-width:256px;
 padding:30px 20px 20px;
 border:2px solid #000;
 text-align:center;
 font-weight:bold;
 font-size:14px;
 background-color:rgb(234,255,128);
 background-color:rgba(234,255,128,0.9);
 position:fixed;
 z-index:2;
 top:30%;
 left:50%;
 margin-left:-302px;
 display:none;
}
#alert_text { margin-bottom:16px; }

#promoter_nav {
	background-color:#091a3d;
	padding:10px 20px;
	color:#f1f1f1;
	font-weight:bold;
	margin:0 -10px 10px;
}
#promoter_nav a {	color:#fff;	}
#promoter_nav a:hover {	color:#5e8cdb;	}
.promoter_nav_right {	float:right;	}

#subusers, #subusers > div { padding:3px 0; }
#event_nav_location { float:right; width:auto; color:#000; margin-top:2px; }

@media all and (max-width: 979px) {
	h1 span { display:none; }
 #footer, #container {	max-width:660px;	}
	#sidebar { display:block; width:auto; }
	#promoters_content, #promoters_logins { width:290px; }
 #ticket_table { clear:right; }
 #nav img { display:none; }
 body .third { width:auto; display:block; }
 body #promoter_piechart_container { margin: 40px 10px; }
}
@media all and (max-width: 659px) {
 #alert {
  top:100px;
  left:10px;
  margin:0;
 }
 .hide_narrow { display:none; }
	body { background-color:#fff; }
	#logo { float:none; margin:0 auto; display:block; }
	h1 { display:none; }
	h2 { margin:0; }
	#nav { text-align:center; margin:4px 0 7px; }
	.feature_small, #featured div > div, .event_overview, .event_details, #promoters_content, #promoters_logins, #promos div { width:auto; display:block; }
	#manage_form table, #order_form table { width:auto; margin:0 auto; }
	#events img, #events .calendar { float:left; }
	.event_details { margin-left:65px; padding-top:0; }
	#featured div > div { margin-top:0; }
	.feature_large img { margin:0 0 4px; width:auto; max-width:100%; height:auto; }
	#featured { margin-bottom:40px; }
	#container { max-width:600px; }
 #inner_container { padding:40px 0 60px; }
	#search_field { width:102px; }
	#events { margin:0; }
	#promoters_box { margin:0 0 10px; }
 .bcTrail:before { display:none; }
 .event_image {
  display:block;
  float:none;
  margin:20px auto 17px;
 }
 .bcTrail {
  margin:0 -10px 17px;
 }
 #ticket_table {
  float:none;
  margin-right:0;
 }
 #ticket_table table { width:100%; }
 #buy_text {
  float:none;
  margin-bottom:7px;
 }
 #buy_border {
  text-align:center;
  padding-bottom:10px;
 }
 #credit_cards { display:none; }
 .content #promoters { float:none; width:100%; margin:0; }
	.notice {
	 border-left:none;
  border-right:none;
  margin:0 0 10px;
	}
}

/* Seat Status (on map, checkout, etickets) */
span.special4:before,
span.special3:before,
span.special2:before,
span.special1:before {
 content:"";
 width:12px;
 height:12px;
 display:inline-block;
 margin-right:5px;
 background-image:url(img/ada-black.png);
 background-size:contain;
 background-position:center;
 background-repeat:no-repeat;
 vertical-align: text-top;
}
#seat_details span.special4:before,
#seat_details span.special3:before,
#seat_details span.special2:before,
#seat_details span.special1:before {
 width:8px;
 height:10px;
}
span.special3:before,
span.special4:before {
 background-image:url(img/warning.png);
}

//legacy css
.pricingTable td { padding:3px;font-size:11px; }
.pricingTable th { padding:3px;background-color:#A6DDF4;font-size:11px; }

.success, .paid, .open {
 color:#009900;
}

.error, .sold, .refunded, .processing, .req {
 color:#CC0000;
}

.held, .account, .warning {
 color:#FF9900;
}

.coming_soon {
 text-align:center;
 max-width:none;
 font-size:24px;
 font-weight:bold;
 color:#F90;
}

#ticket_table form { margin:0px; }
#ticket_table td, #ticket_table th { padding:3px 6px; }
#ticket_table td.vt_subhead, #ticket_table .vt_subhead td { background-color:#d9d9d9; }
#ticket_table .vt_light { background-color:#fff; }
#ticket_table .vt_dark { background-color:#f3f3f3; }
#ticket_table .highlighted, #ticket_table .vt_light.highlighted, #ticket_table .vt_dark.highlighted { background-color:#eaf0a8; }
#ticket_table .vt_input_cell, #ticket_table .vt_price_cell { text-align:right; }
#ticket_table .vt_input_cell input { width:30px;text-align:right; }
#ticket_table .vt_any { text-align:center; color:#999999; }

/* Promoter Interface */
#event_nav {
	background-color: #f1f1f1;
	padding: 7px 5px;
	margin:10px 0 17px;
	color: #f1f1f1;
}
#event_nav h3 {
 margin:0 5px 7px;
 color:#000;
}
#event_nav a {
 padding: 1px 5px;
 text-decoration: underline;
 display: inline-block; zoom:1; *display:inline;
}
#event_nav > div {
 display:inline-block; zoom:1; *display:inline;
 width:50%;
}
#event_nav > div:nth-of-type(even) { text-align:right; }

.content:after {
 display:block;
 clear:both;
 content:"";
 width:0;
 height:0;
}

.total_cut:before { content:'('; }
.total_cut:after { content:')'; }

#class_qtys {
	display:none;
	position:fixed;
	margin:auto;
	top:calc(50% - 50px);
	background-color:#fff;
	border:2px solid #d5d9da;
	padding:10px;
	left:50%;
 z-index:20;
}
#class_qtys_close {
	background-color:#c9d72b;
	padding:5px;
	color:#fff;
	cursor:pointer;
	text-align:right;
	margin:-10px -10px 10px;
}
#class_qtys_close:hover { color:#ffc; }
#class_qtys_close:after {
	content:" X";
}
#class_qtys td, #class_qtys th { padding:10px; }
#class_qtys .vt_subhead td { background-color: #d9d9d9; }
#class_qtys .vt_input_cell, #class_qtys .vt_price_cell { text-align: right; }

#class_qtys p { text-align:right; }
#class_qtys select { width:119px; }

#class_qtys_bg {
 display:none;
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 width:100%;
 height:100%;
 z-index:10;
}

/* Countdown */
.countdown { text-align:center; }
.countdown > div {
	margin-top:10px;
	display:inline-block;
	vertical-align:top;
	background-color:#365282;
	color:#fff;
	font-family:Courier New, monospae;
	font-weight:bold;
	padding:5px;
	border-radius:5px;
	font-size:48px;
	text-align:center;
	line-height: 1;
 box-shadow:2px 2px 4px rgb(0 0 0 / 20%);
}
.countdown > div:before {
	content:"DAYS";
	font-size: 14px;
	display: block;
	font-family: arial, 'helvetica neue', helvetica, sans-serif;
	font-weight: normal;
}
#countdown_hours:before { content:"HRS"; }
#countdown_mins:before { content:"MINS"; }
#countdown_secs:before { content:"SECS"; }



/* Important Terms */
#important_terms {
 background-color:rgba(0,0,0,0.8);
 position:fixed;
 left:0;right:0;top:0;bottom:0;
 text-align:center;
}
#important_terms:before {
 display:inline-block;
 padding-top:100vh;
 height:0;
 content:"";
 width:0;
 vertical-align:middle;
}
#important_terms > div {
 border-radius:10px;
 border:2px solid #000;
 background-color:#fff;
 padding:20px;
 max-width:90%;
 width:640px;
 text-align:left;
 margin:auto;
 display:inline-block;
 vertical-align:middle;
}


/* Promoter Dashboard */
.content h2, * + .content h2 { margin:36px 0 16px; }

.content > .sales { font-size:30px; margin-top:-6px; }
.potential { color:#666; float:right; text-align:right; margin-top:-9px; }
.average { color:#666; float:right; text-align:right; margin-top:-9px; margin-right:20px; }
.potential > div, .average > div { font-weight:bold; font-size:16px; }
.bargraph .sales { background-color:#0AF; }
.bargraph {
 width:100%;
 height:20px;
 border-radius:10px;
 background-color:#eee;
 overflow:hidden;
 box-shadow:2px 2px 2px inset rgba(0,0,0,0.1);
 margin-bottom:1em;
}
.bargraph > div {
 display:inline-block;
 vertical-align:top;
 height:20px;
 white-space:nowrap;
 box-shadow:
  0px 2px 2px inset rgba(255,255,255,0.2),
  0px -2px 2px inset rgba(0,0,0,0.2);
}
.bargraph .sales { border-radius:10px; }
.piechart {
 border-radius: 50%;
 width:100%;
 padding-top:100%;
}
.column_container {
 margin:0 -10px;
 width:calc(100% + 20px);
}
.third {
 width:33.3%;
 display:inline-block;
 vertical-align:top;
 padding:0 10px;
}
#promoter_piechart_container {
 margin:57px 10px 20px 40px;
 width:100%;
 max-width:360px;
 display:inline-block;
}

.page-column-list { column-width: 15em; column-gap: 1em; padding-bottom: 2em }
.page-alphabetical-links { display: flex; flex-direction: row; list-style: none; }
.page-alphabetical-links li { padding: 0.5em }
.page-alphabetical-links li.letter { color: #aaa }

.loading_pulse {
    animation: pulse 1s 0.5s infinite
}

@keyframes pulse {
    0% { opacity: 1 }
    50% { opacity: 0.8 }
    100% { opacity: 1 }
}