@font-face {
	font-family: ScalaSansWeb;
	src: url(fonts/ScalaSansWeb.woff);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: ScalaSansWeb;
	src: url(fonts/ScalaSansWeb-Bold.woff);
	font-weight: bold;
	font-style: normal;
}

html, body, ul, li, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	list-style: circle inside;
	font-family: ScalaSansWeb;
	font-weight:normal;
}

body {
	background-color: #183048;
	margin-top:95px;
	border-top: 45px #183048 solid;
	font-size: 14px;
	border-bottom: 42px #183048 solid;
	margin-left:auto;
}

a, a:visited {
	color:inherit;
	font-size:14px;
}
a:hover {
	text-decoration:underline;
	color:#25435E;
}

.wrapper{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

.header {
	background: #F1F2F2 url('images/logo2.png') no-repeat;
	background-position: 20px 27px;
	margin-top: -140px;
	width:100%;
	height: 100px;
	border-bottom: 12px #F1F2F2 solid;
	margin-left:auto;
	margin-right:auto;
}

.nav {
	font-size: 20px;
	background: transparent;
	color: #183048;
	margin-top: -48px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
}

.nav .title {
	color: transparent;
	font-size: 14pt;
	float:left;
	height: 0px;
	font-size: 1px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.nav .links {
	color:#183048;
	float:right;
}

.nav a, .nav a:visited {
	text-transform: uppercase;
	font-weight: bold;
	color: #183048;
	text-decoration: underline;
	font-size: 10pt;
	font-family: ScalaSansWeb;

}

.content {
	background: #ffffff;
	color: #183048;
	line-height: 20px;
	margin-top: 1px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align: left;
	min-height:600px;
}

div#GAVenueName {
	display:none;
}

td.AllSeating.legend {
	display:none;
}

.footer {
	font-weight: bold;
	text-align:center;
	height: 40px;
	color: #183048;
	background-color: #F1F2F2;
	margin-bottom: -40px;
	margin-left: auto;
	margin-right: auto;
}

 a.loginLink:before {
	content: "Member ($250+) ";
	text-transform: uppercase;
}

.content.publicticketcheckout td a:before{
	content: "Member ";
	text-transform: uppercase;
}

.commentsRow{
	display:none;
}
.commentsLabelRow{
	display:none;
}

#GAAllocations {
	border-top:1px solid #d3d3d3;
}

#GAAllocations .level{
	border-bottom:1px solid #d3d3d3; padding: 3px;
}

div.tabContent {
  border: transparent none 0px;
  clear: left;
  padding: 0.3em;
}


input#GACartButton, input[type="submit"], input[type="button"] {
	text-transform: uppercase;
	background-color:#FF6453;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: none;
	display: inline-block;
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: bold;
	padding: 9px 15px;
	text-decoration: none;
	-webkit-appearance: none;
	width: 112px;
	height: 30px;

}



input[class="changePwdBtn"] {
	width: 160px;
}


ol#portalProfileTabs a, ol#portalProfileTabs a:visited {
  background-color: #F1F2F2;
  color: #183048;
  }

ol#portalProfileTabs li.current a {
    background-color: #FF6453;
    color: #ffffff;
}


input#GACartButton:hover, input[type=submit]:hover, input[type=button]:hover, ol#portalProfileTabs a:hover {
  background-color: #B94E48;
   color: #ffffff;
}

input#GACartButton {
	position: relative;
	top: 10px;
	left: -150px;; 
}

div.eventList div.eventName {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25);
	
	/*color: rgb(255, 255, 255);*/
}



div.instanceName {
	color: #183048;
	/*position: relative;
	top: -57px;
	left: 320px; */
}

h1 {
	display: block;
	font-size: 2em;
	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	width: 100%;
	line-height: 110%;
}

h2 {
	line-height: 105%;
}


#generalAdmission .eventName a, #generalAdmission .eventName a:visited {
	visibility: hidden;
	white-space: nowrap;
    overflow: hidden;
    line-height: 0px;
    position: relative;
    height: 0%;
    font-size:1px;
}

table.checkout td:last-child input[type=password] {
    width: 97%;
}

table.checkout {
	border: 0px none #cccccc;
}

table.checkout td {
  padding: 3px 3px 3px 3px;
  border-bottom: 1px solid #ffffff;
  text-align: left;
}

table.checkout td input[type=text] {
	width: 97%;
}

tr {
   
    border-color: transparent;
    border-top-color:  transparent;
    border-right-color:  transparent;
    border-bottom-color:  transparent;
    border-left-color:  transparent;
}


table.twocolumn {
    width: 98.6%;
    position: relative;
    left: 1.2%;


}

table.twocolumn td.right {
    padding-left: 50px;
    padding-top: 20px;
    width: 50%;
    position: relative;
}


table.twocolumn td.left {
    padding-left: 20px;
    width: 40%;
}



/*--------Borders for layout help-------*/
/*
table.twocolumn td.right {
    border-style: dotted;
    border-color: blue;
    border-width: 1px;
}


table.twocolumn td.left {
    border-style: dotted;
    border-color: red;
    border-width: 1px;
}

table.twocolumn {
	border-style: dotted;
    border-color: black;
    border-width: 1px;
}
*/





@media only screen and (max-width: 900px){
	.wrapper {
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}

}

@media only screen and (max-width: 767px){

	table.checkout {
   		width: 100%;
	}
	
	.td{
		width:10px;
	}
	

	.textfield .labelcell, .picklist .labelcell {
		background-color: white;
	}

	div.header {
		background-position: 20px 12px;
		margin-top:-140px;
		width:100%;
		height:90px;
		border-bottom: 7px #F1F2F2 solid;
		margin-left:auto;
		margin-right:auto;
 	} 

	.picklist {
		width: 283px
	}

	.picklist .labelcell {
		width: 100%;
	}

	.footer {
		width:100%;
		left: 0px;
		position:relative
	}

	input#GACartButton, input[type="submit"], input[type="button"] {
		position: relative;
		left: 0%;
	}

	.header {
		background: #F1F2F2 url('images/logo2.png') no-repeat;
		background-position: 20px 12px;
		margin-top:-140px;
		width:100%;
		height:80px;
		border-bottom: 10px #F1F2F2 solid;
		margin-left:auto;
		margin-right:auto;
	}

	.content h1 {
		width: 100%;
		line-height:110%;
	}

	.nav {
		font-size: 20px;
		background: #F1F2F2;
		color: #183048;
		margin-top: 0px;
		margin-bottom: -1px;
		margin-left:auto;
		margin-right:auto;
		width: 100%;
	}

	table.cart thead, table.subDetails thead, table#ContactInfoTable td:first-child, table.checkout td:first-child {
		display: block;
		background: #ffffff;
	}

	ol#portalProfileTabs a, ol#portalProfileTabs a:visited {
  		background-color: #F1F2F2;
  		color: #183048;
  		border-radius: 0px;
  		border-color: #f1f2f2
  	}

	ol#portalProfileTabs li.current a {
   		background-color: #FF6453;
    	color: #ffffff;
    	border-color:  #FF6453
	}

	#generalAdmission .eventName a,  #generalAdmission .eventName a:visited {
		text-transform: uppercase;
		background-color:#FF6453;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		border: none;
		display: inline-block;
		color: rgb(255, 255, 255);
		font-size: 12px;
		font-weight: bold;
		padding: 9px 15px;
		text-decoration: none;
		-webkit-appearance: none;
		width: 112px;
		height: 15px;
		visibility: hidden;
		text-align: -webkit-center;
	}

	.eventInstance a, #generalAdmission .eventName a, table.cart a.removeLink, .eventInstance a:visited, #generalAdmission .eventName a:visited, table.cart a.removeLink:visited{
		width: 70%;
		text-align: center;
		background-color:#FF6453;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		border: 0px solid #424242;
		display: inline-block;
		color: #ffffff;
		font-size: 1.1em;
		font-weight: bold;
		padding: 9px 15px;
		text-decoration: none;
		cursor: default;
		line-height: normal;
		position:  relative;
		left: 10%;
	}

	.eventInstance a:hover, #generalAdmission .eventName a:hover, table.cart a.removeLink:hover, ol#portalProfileTabs a:hover {
		background-color: #B94E48;
		color: #ffffff;
		
	}

	table.cart td.rowLabel, table.subDetails td.rowLabel {
		text-align: left;
		background: #ffffff;
	}

	table.cart, table.subDetails, table#contactInfoTable, table.checkout, table.orderHistory {
		display: block;
		margin-bottom: 20px;
		border: 0;
	}

	table.cart td, table.cart th, table.checkout td {
		display: block;
		border: 0;
    }

	table.cart tr, table.subDetails tr {
		border-top: 1px solid #cccccc;
	}

	table.cart tr, table.subDetails tr, table#ContactInfoTable tr, table.checkout tr, table.orderHistory tr {
		display: block;
		clear: both;
	}

	table.cart td.currency, table.cart thead th {
		width: 25%;
		text-align: center;
		float: left;
		clear: none;
		line-height: 12px;
		height: 25px;
	}

	td.right img {
    	display: none;
    }

	table.twocolumn td.right {
    	padding-left: 0px;
    	padding-top: 0px;
    	width: 98%;
    	position: relative;
    	left: 0%;
    	text-align: center;
    }

    table.twocolumn td.left {
    	width: 98%;
		padding-left: 0px;
    	padding-top: 0px;
    }


}
/*
@media only screen and (max-width: 478px){
body {width: 100%;}

.content {
	margin-left:0%;
	margin-right:0%;
position: relative;
	left: 0%;
	width:95%;
	text-align: left;
	min-height:0px;
}

}*/