@charset "utf-8";
/* CSS Document */

/* Good tips
http://www.seabreezecomputers.com/tips/mobile-css.htm
*/

body {
	background-color:#FFF;
}


.ad-top
{
	width:100%;
	overflow:hidden;
}

.btn-buynav
{
	width: 515px;
}

.container
{
	width:auto;
	background:none;
}


.content-holder
{
	background:#FFF;
	width:100%;
}


.content-left { width:100%; }
.content-right { width:50%; }


#actionTitle {
	width: 400px;
	padding: 10px 0 10px 0;
}

#addThis { display: none; }

#banner
{
    /*display:none;*/
}

#BorderBox
{
	/* border: none; */
}

#buy-nav
{
	float: none;
}

#choose
{
	float:none;
	width:400px;
}


#content
{
	clear:both;
	padding-top:0px;
	display: table;
	width:100%;
}


#eventDetails
{
	display: block;
	width: 400px;
	border: none;
}

#footer
{
/*    display:none; */
	width:100%;
	min-width:510px;
	background:black;
}

#freeForm
{
	margin-bottom:30px;
	border: none;
    border-bottom: 1px solid black;
	width:400px;
}


#login-block { /* clear:both; display:none; */ }
#loginFrame { /* display:none; */ }
#loginLinks { /* position:relative; */ } -->

#main { background:none; background-color:#FFF; }

#mobileAddThis
{
	display: block;
	padding-top: 10px;
	width: 200px;
}

#mobileBanner
{
/*	display: inline;
	float: left;
	padding-top: 10px;
*/
}

#mobileChooseSection
{
	display:inline;
}

#mobileLinks { display:inline; clear:both; }
#mobileLinks ul{ margin-top:15px; padding:0;}
#mobileLinks ul li{ list-style:none; float:left; padding-right:3px;}
#mobileLinks a{ color:#FFF; text-decoration:none; font-size:14px; line-height:28px; height:28px; text-align:center; padding:4px 10px; border: solid 1px gray; border-radius:5px; cursor:pointer; }
#mobileLinks a:hover { background-color:gray; }

#mobileLogo
{
	display: inline;
	float: right;
	max-width: 215px;
}

#mobileVenue
{
	display: inline;
	float: left;
	width: 185px;
}

#mobileVenueHolder
{
	width: 400px;
}


#move { display:none; }

#nav-content { clear:both; }


#shadow
{
	background:none;
}

#seatingImageInfo
{
	width: 400px;
	border: none;
}

#ViewFrom
{
	/* border: none; */
}





/* Trick for reordering DIVs, only works in IE9+ (from http://tanalin.com/en/articles/css-block-order/):
	<div id="example">
    	<div id="block-1">First</div>
	    <div id="block-2">Second</div>
    	<div id="block-3">Third</div>
	</div>

	#example {display: table; width: 100%; }
	#block-1 {display: table-footer-group; }    Will display at the bottom of pseudo-table
	#block-2 {display: table-row-group;    } 	Will display in the middle
	#block-3 {display: table-header-group; } 	Will display at the top
*/
#actionTitle
{
/*	display:table-header-group; */
	width: 400px;
}


#seatingImage
{
/*    float:left;*/
	float:none;
/*    display:table-footer-group;  */
	margin-top:30px;

	clear: both;
}


#seatingPanel
{
/*    float:left;*/
	float:none;
/*    display: table-row-group; */
	display:block;
	padding-bottom: 15px;
	overflow: hidden;
	width: 400px;
	border: none;
	border-bottom: 1px solid black;
}

#ticSelection
{
	width: 400px;
}