body { margin: 0; padding: 0; }

#main {
	background: #fff;
	width: 7in;
	margin: 0 .2in 0 .2in;
	font-size: 11px; 
	font-family: helvetica, arial;
}

div { font-family: helvetica; }

a { color: #0094ff; }

.cell { line-height: 180%; }
.pad { padding: 10px; }
.smpad { padding: 5px; }
.pad.row { padding: 5px 0 5px 0; }

.inline { display: inline; }
.inline_block { display: inline-block; }

.event-flyer img {width:100%;}

.float-left { float: left; }
.float-right { float: left; }

.sub_title { font-weight: bold; font-size: 14px; color: #999; }
.sub_title2 { font-weight: bold; font-size: 12px; color: #999; }

.margintop { margin-top: 10px; }

.float-left.sub_title { width: 60px; }

.size0 { font-size: 10px; }
.size1 { font-size: 11px; }
.size2 { font-size: 13px; }
.size3 { font-size: 15px; }
.size4 { font-size: 17px; }
.size5 { font-size: 19px; }
.size6 { font-size: 21px; }
.size7 { font-size: 23px; }
.size8 { font-size: 25px; }
.size9 { font-size: 27px; }
.size10 { font-size: 29px; }

.bold { font-weight: bold; }

.line_l { border-left: 1px solid #ccc; }
.line_t { border-top: 1px solid #ccc; }
.line_r { border-right: 1px solid #ccc; }
.line_b { border-bottom: 1px solid #ccc; }

.graylink a { color: #666; }
.graylink a:hover { color: #d90000; }

.height1 { height: 200px; }
.height2 { height: 200px; }

.vbarcode { position: absolute; margin-top: -35px; }

.hmt_logo { padding: 10px 0 0 15px;}
.logo { padding: 10px 0 0 0;}

.page-seperator { border-top: 5px dashed #ccc; margin: .75in;}

.event-wrapper { padding: 2px 0 2px 0; }
.event-wrapper .event-starts { font-style: italic; }

.bottom-text-content { max-height: 200px; overflow: hidden;}
.upcoming-events-flyers {}
.upcoming-events-flyers .event-wrapper { float: left; padding: 0 2px; max-width: 162px; overflow: hidden;}
.eticketgeneric img { max-width: 436px; }

.ticket-info {
	padding-top: 5px;
}
.ticket-info .transid, .ticket-info .ticket-qty {
	font-weight: normal;
	font-size: 11px;
}
.modal {
	position: absolute;
	z-index:3;
	background-color: white; 
	border-radius: 4px;
	border: 1px solid #C3C3C3;
	-moz-box-shadow: 0 5px 9px 2px rgba(224,223,223,0.76);
	-webkit-box-shadow: 0 5px 9px 2px rgba(224,223,223,0.76);
	box-shadow: 0 5px 9px 2px rgba(224,223,223,0.76);
	text-align: center;
	top: 100px; 
	width: 50%;
	padding: 2em 1em;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.modal-bg {position: fixed; z-index:2; top: 0; left: 0; bottom: 0; right: 0; background-color: #eee;}
.modal .header-text {font-size:20px; font-weight: 600; color: #4b4b4b;}
.modal hr {margin-top: 20px; border-top: 1px solid #eee;}
.modal .btn {
	display: inline-block;
	border-top: none;
	padding: 15px 55px;
	margin: 25px;
	font-size: 18px;
	color: #eee;
	background: #1ea07d;
	border-radius: 4px;
}
.modal .btn:hover {
	-moz-box-shadow: inset 0 5px 9px 2px rgba(88,88,88,0.76);
	-webkit-box-shadow: inset 0 5px 9px 2px rgba(88,88,88,0.76);
	box-shadow: inset 0 5px 9px 2px rgba(88,88,88,0.76);
	background: #1ea07d;
	color: #fff;
	cursor: pointer;
}
#svg_logo {
	position: fixed;
  top: 10px;
  left: 10px;
  z-index: 3;
}

.seat-zone div,
.seat-row div,
.seat-seat div {
	font-family: monospace;
	text-transform: uppercase;
}

@media (max-width: 600px) {
	.modal {width: 75%;}
}