@charset "UTF-8";

/* 
==========
!DEFAULTS
==========
*/
* { margin: 0; }
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
	font-family: Roboto; /*"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
	font-size: 14pt;
	/*font-weight: 300;
	color: #327583;*/
}
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; border: 0; }
time { white-space: nowrap; }

#iUserWelcome {vertical-align: middle;margin-top:10px;text-align:right; margin-bottom: 10px;}




/* 
==========
!LAYOUT
==========
*/
/*body { background: url(none) #414042; }*/
body { background-color : #2a2828;}

.bg-image {
	width: 100%;
	height: 500px;
	position: fixed;
	top: 50px;
	background-color : #2a2828;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	-o-background-size:      cover;
	background-size:         cover;
	-webkit-box-shadow: 0px 0px 0px 0px #414042;
	box-shadow:         0px 0px 0px 0px #414042;
	z-index: -5000;
}
.wrap { width:70%; margin: 0 auto; max-width:950px;background-color : #2a2828;  } /*70%*/
/* !GRID DEFAULTS */
[class^='col-'] {
	float: left;
	-webkit-transition: width 0.5s ease-out, height 0.5s ease-out; 
	-moz-transition:    width 0.5s ease-out, height 0.5s ease-out; 
	-o-transition:      width 0.5s ease-out, height 0.5s ease-out; 
	transition:         width 0.5s ease-out, height 0.5s ease-out; 
}
/*.col-nav { width: 22.22222222%;background-color: #414042; }*/
.col-nav { width: 22.22222222%;background-color: #3b373d; }
.col-aside { width: 22.22222222%; }
.col-body { width: 77.77777778%; }
.col-nav-body { width: 77.77777778%;  }
.col-footer { width: 50.00000000%; }
.grid:after {
	content: "";
	display: table;
	clear: both;
}
[class^='col-'] { padding-right: 50px; }
[class^='col-']:last-of-type { padding-right: 0; }
.grid-pad { padding: 50px 0 50px 50px; }
.grid-pad > [class^='col-']:last-of-type { padding-right: 50px; }
/* !GRID LAYOUT FOR LARGE SCREENS */
[class^='col-nav-body grid grid-pad'] { padding: 0; }
.col-nav { padding: 0; }
.grid-pad > .col-body:last-of-type { padding: 0; }
.col-footer, .grid-pad > .col-footer:last-of-type { padding: 20px; }
aside.grid-pad { padding: 0; }
.col-aside [class^='col-'] {
	float: none;
	width: 100%;
}
footer { padding: 20px; overflow: hidden; display: block; }
.content { /*padding: 10px 50px 50px 50px;*/ padding: 10px 20px 50px 20px }

/*
==========
!DESIGN
==========
*/
.logo-wrap {
	/*background-color: #414042;*/
    background-color: white;
	padding: 15px;
        display: ''
}
.col-nav-body {
	/*background-color:#414042;
    background-color:white;*/
    background-color:#3b373d;
}
/*.col-body { background-color: #414042; }*/
.col-body { background-color: white; }

/* cellis 140407 - ? */
/*.aside-bg { background-color: #aa9e84; }*/.aside-bg { background-color: white; }

/* cellis 140407 - ? */
footer {
	/*background-color: #414042;*/
    background-color: #2a2828;    
	background-image: none;
}
.col-aside {
	background-color: #414042;
	background-image: none;
}
@media all and (min-width : 1800px) {
	.col-aside {
		/* no gradient on large screens */
		background-color: #414042;
		background-image: none;
	}
}
/* !BUTTONS */
a[class^='btn-'],
button[class^='btn-'] {
/*	display: inline-block;
	margin: 5px 5px 0 0;
	padding: 6px 10px;
    color:#9c1e3e;
	background-color:#fff;
	border: 1px solid #9c1e3e;
	-webkit-transition: all 0.2s ease-out; 
	-moz-transition:    all 0.2s ease-out; 
	-o-transition:      all 0.2s ease-out; 
	transition:         all 0.2s ease-out; */
	background-color: #EAB20A;
  color: #FFFFFF;
  text-transform: uppercase;
  border: 2px solid #FFFFFF;
  outline: 1px solid #EAB20A;
  cursor: pointer;	
  padding: 5px;
  font-size:14px;
}

/* cellis 140407 - ? */
a[class^='btn-light'],
button[class^='btn-light'] {
	background-color: #fff; /* #0090B0;*/
}
a[class^='btn-dark'],
button[class^='btn-dark'] {
	/*background-color: #fff;*/
}
a[class^='btn-']:hover,
button[class^='btn-']:hover {
	text-decoration: none;
	text-shadow: none;
	-webkit-box-shadow: 0px 0px 0px 0px #414042;
	box-shadow:         0px 0px 0px 0px #414042;
}
/* !Navigation */
a.nav-button {
        
	display: none;
	width: 100%;
	padding: 20px;
	margin: 10px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	-webkit-transition: all 0.2s ease-out; 
	-moz-transition:    all 0.2s ease-out; 
	-o-transition:      all 0.2s ease-out; 
	transition:         all 0.2s ease-out;
}
.nav-buttonBG {
    padding-left:5px;
    padding-top:2px;
    
   // background-image: url(../images/logosmallN.png);
    background-size: 62px 58px;
    background-repeat: no-repeat;
    
}

ul.menu { margin: 0; padding: 0; list-style: none; }
ul.menu li {
	font-size: 0.875em;
	/*border-bottom: #565246 1px solid;*/
    border-bottom: white 2px solid;
}
ul.menu li a {
	display: block;
	/*color: #D4D6D8;*/
    color: white;
	padding: 5% 10%;
	/*text-shadow: 1px 1px 0 #000;*/
	-webkit-transition: background-color 0.2s ease-out; 
	-moz-transition:    background-color 0.2s ease-out; 
	-o-transition:      background-color 0.2s ease-out; 
	transition:         background-color 0.2s ease-out; 
}
ul.menu li a:hover {
	text-decoration: none;
	color: #eee;
	/*background-color: #444;*/
    background-color: #2a2828;
	text-shadow: none;
}

/* cellis 140407 - ? */
/* !ASIDE */
aside { color: #eee; font-size: 0.875em; }
aside [class^='col-'] { padding-bottom: 0; }
aside [class^='col-'] h1 {
	font-size: 1.5em;
	color: #eee;
	font-weight: normal;
	text-shadow: 0 0 0 #000;
	margin: 0 0 0.8em 0;
}
aside [class^='col-'] article,
aside [class^='col-'] .special-wrap {
	line-height: 1.6em;
	margin-bottom: 1.4em;
}
aside [class^='col-'] article {
	background: url(../images/bullet-news.png) no-repeat left top;
	padding-left: 31px;
}
aside [class^='col-'] .special-wrap {
	background: url(../images/bullet-special.png) no-repeat left top;
	padding-left: 31px;
}

@media all and (min-width : 1800px) {
	/* no bullets on large screens */
	aside [class^='col-'] article,
	aside [class^='col-'] .special-wrap {
		background: none;
		padding-left: 0;
	}
}
aside [class^='col-'] article h1,
aside [class^='col-'] .special-wrap h2 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-shadow: none;
}
aside [class^='col-'] article h1 a,
/*aside [class^='col-'] .special-wrap h2 a { color: #aa9e84; }*/
aside [class^='col-'] .special-wrap h2 a { color: white; }
aside [class^='col-'] article h1 a:hover,
/*aside [class^='col-'] .special-wrap h2 a:hover { color: #aa9e84; text-decoration: none; }*/
aside [class^='col-'] .special-wrap h2 a:hover { color: white; text-decoration: none; }
aside [class^='col-'] article blockquote {
	font-style: normal;
	padding: 0;
	margin: 0;
}
aside [class^='col-'] article time.pubdate {
	color: #aa9e84;
	font-style: italic;
}
aside [class^='col-'] .special-wrap .special {
	padding: 10px;
	background-color: #414042;
	-webkit-border-radius: 6px;
	border-radius:         6px;
	background-clip: padding-box;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition:    all 0.3s ease-out; 
	-o-transition:      all 0.3s ease-out; 
	transition:         all 0.3s ease-out; 
}
/*aside [class^='col-'] .special-wrap .special:hover { background-color: #aa9e84; }*/
aside [class^='col-'] .special-wrap .special:hover { background-color: white; }
/* !FOOTER */
/*footer { font-size: 0.75em; color: #aa9e84; }*/
footer { font-size: 0.75em; color: white; }
footer a {
	color: #0090B0;
	-webkit-transition: color 0.3s ease-out; 
	-moz-transition:    color 0.3s ease-out; 
	-o-transition:      color 0.3s ease-out; 
	transition:         color 0.3s ease-out; 
}
footer a:hover { color: #0090B0; text-decoration: none; }
footer nav { float: right; margin-top: -3px; }
footer a[class^='social-'] {
	display: inline-block;
	height: 24px;
	width: 24px;
	margin-left: 10px;
	vertical-align: middle;
}
footer a.social-li { background: url(../images/social-li.png) no-repeat 0 0; }
footer a.social-fb { background: url(../images/social-fb.png) no-repeat 0 0; }
footer a.social-tw { background: url(../images/social-tw.png) no-repeat 0 0; width: 30px; }
footer a[class^='social-']:hover { background-position-y: -24px; }

/* !TABLE STYLES */
.basic-tbl {
	/*background-color: #414042;
    background-color: #EFEFEF;*/
    font-family: Roboto; /*"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
	border-collapse: collapse;
	font-size: 0.875em;
	width: 100%;
}
/*.basic-tbl tbody tr:nth-child(odd) { background-color: #444; }*/
.basic-tbl tbody tr:nth-child(odd) { background-color: white; }
.basic-tbl tbody td { padding: 1%; font-size: 90%; /*border-top: 1px solid #565246;*/}
/*.basic-tbl thead {background-color:#aa9e84; }*/
.basic-tbl thead {background-color:#efb713; }
.basic-tbl thead th {
	padding: 1.3%;
	font-weight: normal;
	/*text-shadow: 0 0 0 #fff;*/
	white-space: nowrap;
    color:#fff;
    
}

.RowBgColor {
    background-color: #444;
}


.basic-tbl-no-top-border {
	/*background-color: #C6E4E9;*/
	font-family: Roboto; /* "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
	border-collapse: collapse;
	font-size: 0.875em;
	width: 100%;
}
.basic-tbl-no-top-border tbody tr:nth-child(odd) { background-color: white; }
.basic-tbl-no-top-border tbody td { padding: 1%; font-size: 90%;}
.basic-tbl-no-top-border thead { background-color: #aa9e84; }
.basic-tbl-no-top-border thead th {
	padding: 1.3%;
	font-weight: normal;
	/*text-shadow: 0 1px 0 #fff;*/
	white-space: nowrap;
    color:#fff;
}



/* !FOOTABLE */
.footable-toggle {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}
td.footable-first-column { text-align: left; }
/* ensure that the detail-name and detail-value divs are left aligned */
.footable-row-detail-name, .footable-row-detail-value { text-align: left; }
/* ensure input and select are "regular" size when revealed */
.footable-row-detail-value input[type='text'],
.footable-row-detail-value select {
	font-size: 100%;
	height: 20px;
	padding: 1px;
	margin: 2px;
}


/*
==========
!TYPOGRAPHY
==========
*/
/* !Typography */
.typography { }
.typography p {
	font-size: 0.875em;
	line-height: 1.6em;
	margin: 0 0 1.4em 0;
}
.typography h1 {
	font-family: Lato, sans-serif;
	font-size: 30pt;
/*	font-size: 3.0em;*/
	font-weight: normal;
	/*line-height: 1.6em;
	margin: 0 0 0.4em 0;*/
	/*color: #aa9e84;*/
    color:#000000;    
        
        
    /*blue;color:#0090B0;*/
}
.typography h2 {
	font-family: Lato;
	font-size: 24pt;
	font-weight: normal;
	/*line-height: 1.6em;
	margin: 0 0 0.3em 0;*/
	color: #000000;

}
.typography h3 {
	font-family: Lato;
	font-size: 18pt;
	font-weight: normal;
/*	line-height: 1.6em;
	margin: 0 0 0.3em 0;*/
	color: #000000;

}
.typography h4 {
	font-family: Merriweather;
	font-size: 18pt;
	font-style: italic;
	/*line-height: 1.6em;*/
	margin: 0;
	color: #000000;

}
.typography ul, .typography ol {
	margin: 0 0 1.4em 0;
	padding: 0;
	font-size: 0.875em;
}
.typography ol li {
	padding: 0 0 0 0.5em;
	margin: 0 0 0 1.6em;
	line-height: 1.6em;
	list-style: decimal;
}
.typography ul li {
	padding: 0 0 0 0.5em;
	margin: 0 0 0 1.6em;
	line-height: 1.6em;
	list-style: disc;
}
.typography ul ul,
.typography ol ol {
	margin: 0 0 1% 0;

}
.typography li li {
	font-size: 99%;
}
.typography .small-print {
	font-size: 10px;
}
.typography hr {
	border: 0;
	height: 0;
	border-top: 1px solid #414042;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid #565246;
	border-bottom: 1px solid rgba(86, 82, 70, 1);
	margin: 1.5em 0;
}
.typography .justifyleft { /* class name determined by Tiny editor */
	text-align: left;
}
.typography .justifyright { /* class name determined by Tiny editor */
	text-align: right;
}
.typography .justifyfull { /* class name determined by Tiny editor */
	text-align: justify;
	text-justify: inter-word;
}
.typography [class^='image-'] { border: 8px solid #565246; }
.typography .image-left {
	float: left;
	margin: 0 0.9em 0.9em 0;
}
.typography .image-right {
	float: right;
	margin: 0 0 0.9em 0.9em;
}
.typography .two-col {
	-webkit-column-count: 2;
	-moz-column-count:    2;
	column-count:         2;
	-webkit-column-gap: 20px;
	-moz-column-gap:    20px;
	column-gap:         20px;
}
.typography .three-col {
	-webkit-column-count: 3;
	-moz-column-count:    3;
	column-count:         3;
	-webkit-column-gap: 20px;
	-moz-column-gap:    20px;
	column-gap:         20px;
}

/*
==========
!FORMS
==========
*/
input[type='text'],
input[type='password'] {
	font-family: Roboto;
	height: 34px;
	border: solid 1px #565246;
	font-size: 14pt;
	/*font-size: 1.3125em;*/
	color: #414042;
	padding: 5px 5px;
}

.inputPromotion{
	font-family: Roboto;	
	height: 34px;
	border: solid 1px #565246;
	font-size: 14pt;
	color: #414042;
	padding: 5px 8px;
}

input[type='checkbox'] { vertical-align: middle; }
label { font-size: 1.3125em; }

select {
	font-family: Roboto;
	font-size: 14pt;
	padding: 3px;
    border: 1px solid #565246;
	border-bottom-color: #565246;
	border-top-color: #565246;
    color:#414042;/*#aa9e84;*/
}

/*select {
	font-size: 18px;
	padding: 5px;
	border: 1px solid #AAA;
	border-bottom-color: #CCC;
	border-top-color: #999;
}*/

/*
==========
!CALENDAR
==========
*/
#tblCalendar { text-align: center; }

/*
==========
!SHOPPING CART
==========
*/
/* DEFAULT STYLES FOR ALL TABLES IN CART FORM */
#frmShoppingCart [id^='txtQty'] { width: 36px; text-align: center; }
#frmShoppingCart [id^='txtPromo'] { width: 52px; text-align: center; }
#frmShoppingCart [id^='selTicketType'] { width: 70%; }
#frmShoppingCart table { text-align: center; }
#frmShoppingCart h2 { display: inline-block; }
#frmShoppingCart #btnUpdateGeneralItems,
#frmShoppingCart #btnUpdateTickets,
#frmShoppingCart #btnRemoveGC,
#frmShoppingCart #btnUpdateGC,
#frmShoppingCart #btnRemoveTickets { float: right; }
/* fix to prevent sub-total from collapsing in on itself. Mostly for IE */
#frmShoppingCart #tblGeneralItems thead tr th:last-of-type,
#frmShoppingCart #tblTickets thead tr th:last-of-type { min-width: 60px; }
/* align Subtotal column to the right for all tables */
#frmShoppingCart table tbody tr td:last-of-type { text-align: right; }
#frmShoppingCart tr.subtotal { color:#000000; }
#frmShoppingCart tr.subtotal td {
	/*border-top: 1px solid #565246;*/
	text-align: right;
	font-size: 1.125em;
	padding: 10px;
}



/* STYLES FOR TICKETS TABLE */
/* target checkbox column */
#frmShoppingCart #tblTickets tbody tr td:first-of-type { white-space: nowrap; }
/* target Seat column of tickets table */
#frmShoppingCart #tblTickets tbody tr td:nth-of-type(4) { white-space: nowrap; }
/* fix to prevent sub-total from collapsing in on itself. Mostly for IE */
#frmShoppingCart #tblTickets select[id^='selTicketType'] { max-width: 160px; }
/* STYLES FOR TOTAL TABLE */
#frmShoppingCart #tblTotal {
	text-align: left;
	font-size: 1.125em;
}
#frmShoppingCart #tblTotal td { padding: 8px 10px; }

#frmShoppingCart #tblTotal2 {
	text-align: left;
	font-size: 1.125em;
}
#frmShoppingCart #tblTotal2 td { padding: 8px 10px; }





/*
==========
!Payment Method
==========
*/
/* DEFAULT STYLES FOR ALL TABLES IN CART FORM */
#frmPaymentMethod [id^='txtQty'] { width: 36px; text-align: center; }
#frmPaymentMethod [id^='txtPromo'] { width: 52px; text-align: center; }
#frmPaymentMethod [id^='selTicketType'] { width: 70%; }
#frmPaymentMethod table { text-align: center; }
#frmPaymentMethod h2 { display: inline-block; }
#frmPaymentMethod #btnUpdateGeneralItems,
#frmPaymentMethod #btnUpdateTickets,
#frmPaymentMethod #btnRemoveGC,
#frmPaymentMethod #btnUpdateGC,
#frmPaymentMethod #btnRemoveTickets { float: right; }
/* fix to prevent sub-total from collapsing in on itself. Mostly for IE */
#frmPaymentMethod #tblGeneralItems thead tr th:last-of-type,
#frmPaymentMethod #tblTickets thead tr th:last-of-type { min-width: 60px; }
/* align Subtotal column to the right for all tables */
#frmPaymentMethod table tbody tr td:last-of-type { text-align: right; }
#frmPaymentMethod tr.subtotal { background-color: #fff; color:#000; }
#frmPaymentMethod tr.subtotal td {
	/*border-top: 1px solid #565246;*/
	text-align: right;
	font-size: 1.125em;
	padding: 10px;
}



/* STYLES FOR TICKETS TABLE */
/* target checkbox column */
#frmPaymentMethod #tblTickets tbody tr td:first-of-type { white-space: nowrap; }
/* target Seat column of tickets table */
#frmPaymentMethod #tblTickets tbody tr td:nth-of-type(4) { white-space: nowrap; }
/* fix to prevent sub-total from collapsing in on itself. Mostly for IE */
#frmPaymentMethod #tblTickets select[id^='selTicketType'] { max-width: 160px; }
/* STYLES FOR TOTAL TABLE */
#frmPaymentMethod #tblTotal {
	text-align: left;
	font-size: 1.125em;
}
#frmPaymentMethod #tblTotal td { padding: 8px 10px; }

#frmPaymentMethod #tblTotal2 {
	text-align: left;
	font-size: 1.125em;
}
#frmPaymentMethod #tblTotal2 td { padding: 8px 10px; }




/*
==========
!LOGIN HEADER FORM
==========
*/
.col-body {
	position: relative;
	overflow: hidden;
    background-color:white;
}
.login-wrap {
	/*background-color:#414042;*/
	background-color:#3b373d;
    position: relative;
	top: 0;
	left: 100%;
	margin-left: -90px;
}
.login-wrap * { /*vertical-align: middle;*/ margin-right: 5px; }
.login-wrap .login-form { width: 100%; }
.login-button, .login-label {
	display: inline-block;
	height: 40px;
	width: 90px;
	padding-top: 5px;
	/*background-color:#414042;*/
    background-color: #3b373d;
	text-align: center;
	font-size: 18pt;
	/*color: #6C4E35;*/
    color:#fff;
	/*text-shadow: 0 1px 0 #fff;*/
}
.login-label { display: none; }
.login-button:hover {
	text-decoration: none;
	text-shadow: none;
}
.login-wrap input { width: 150px; }
.login-wrap [class^='btn-'] { margin: 0; }
.login-form {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.leftDivNowrap{float:left;padding: 0px;margin: 2px;display: inline-block;white-space: nowrap;font-size: 20px;vertical-align: middle;}
.trColor {background-color: #f7f7f7;}
.trColor2 {color:#fff; background: #CBBEB7;}
.trColor3 {background: #CBBEB7;}
.rightDiv{font-size: 16px;float:right;vertical-align: middle;}

.leftDivNowrapForTix{float:left;padding: 5px;margin: 2px;display: inline-block;white-space: nowrap;font-size: 20px;vertical-align: middle;}
.rightDivForTix{float:right;vertical-align: middle;padding:5px}
.cmboboxSelection{font-size: 18px;padding: 5px;border: 1px solid #565246;border-bottom-color: #565246;border-top-color: #565246;}
/*
==========
!STYLES FOR DESKTOPS & LAPTOPS 
==========
*/

@media all
and (max-width : 4000px)
{
	.rightDivGView {
	width: 214px; min-height: 208px; float:left;padding:5px 5px 5px 5px;text-align:center; margin: 3px; border:1px solid #565246; border-radius:7px;
	}
	.rightDivGViewNew2 {
	float:left; padding:7px;text-align:center;
	}
	
	.rightDivGViewNew {float:right;  padding-right: 5px; margin-top: 25px;}
        .rightDivGV {float:right; padding: 0px;margin-top:-25px;display:inline-block;clear:both;} 
        
        .logo-wrap { display : '' }
        #iGridImage { height: 137px}
        #iLogout {display:none}
        #iTopLogin {display:none}
}



@media all
and (max-width : 2000px)
{
	.rightDivGView {	
	width: 214px;
	 min-height: 208px; float:left;padding: 5px 5px 5px 5px; text-align:center; margin: 3px; border: 1px solid #565246; border-radius:7px;
	}
	.rightDivGViewNew {float:right;  padding-right: 5px; margin-top: 25px;}
	
	.rightDivGViewNew2 {float:left; padding:7px;text-align:center;}

        .rightDivGV {float:right; padding: 0px;margin-top:-25px;display:inline-block;clear:both;} 
        
        .logo-wrap { display : '' }
        #iGridImage { height: 137px}
        #iLogout {display:none}
        #iTopLogin {display:none}
}




@media all 
and (min-width : 690px)
and (max-width : 1523px) { /* 1223px */
	.wrap { width: 90%; }
	.col-nav-body { width: 100%; }
	.col-aside { width: 100%; }
	.col-footer { padding: 0 50px 0 0; }
	aside.grid-pad { padding: 50px 0 50px 50px; }
	.col-aside [class^='col-'] { float: left; }
	.col-aside .col-footer { width: 50%; }
	.grid-pad > .col-footer:last-of-type { padding: 0 50px 0 0; }
	#tblEventInfo {display: ''; }
	#iUserWelcome {vertical-align: middle;margin-top:10px;text-align:right; margin-bottom: 10px;}

	/*.rightDivGView { width:260px; min-height: 242px; float:left;padding:5px 5px 5px 5px;text-align:center; margin: 3px; border:1px solid #565246; background:#414042;border-radius:7px;*/
	.rightDivGView { width:205px; min-height: 210px; float:left;padding:5px 5px 5px 5px;text-align:center; margin: 3px; border:1px solid #565246; background:#fff;border-radius:7px;

	}
  	.rightDivGViewNew {float:right;  padding-right: 5px; margin-top: 25px;}
  	
  	.rightDivGViewNew2 {float:left; padding:7px;text-align:center;}
  	
  	
        .rightDivGV {float:right; padding: 0px; margin-top: -25px; display:inline-block;clear:both;}
        
        .logo-wrap { display : '' }
        #iGridImage { height: 155px}
        #iLogout {display: none}
        #iTopLogin {display:none}

}

/*
==========
!LAYOUT FOR SMALLER SCREENS LIKE TABLETS
========== 
*/
@media all 
and (max-width : 689px) {
	.wrap { width: 90%; }
	[class^='col-'] { float: none; }
	.col-nav-body { width: 100%; }
	.col-nav {
		width: 100%;
		padding: 0px;
	}
	.grid-pad > .col-body:last-of-type {
		width: 100%;
		padding: 0;		
	}
	.col-aside { width: 100%; }
	.grid-pad > .col-footer:last-of-type { padding: 20px; }
	.content { padding: 20px; }
	.logo-wrap { text-align: center; padding: 10px;  display : '' }
	.logo-wrap img { max-width: 33.3333%;  }
	tr.cell-one-item-row td { display: inline-block; }
	a.nav-button { display: inline-block; }
	ul.menu { display: block; }
	ul.menu li { text-align: center; }
	ul.menu li a { padding: 2%; }
	/* The !IMPORTANT declarations below are to correct any conflicts
	   if the user expands login-wrap and then resizes the browser */
	.login-wrap { left: 0 !important; margin-left: 0 !important; text-align: center; }
	.login-wrap input, .login-wrap button { margin: 5px 0; }
	.login-button { display: none}
	.login-label {
		display: inline-block;
		width: 100%;
		font-size: 0.875em;
		text-transform: uppercase;
		padding: 5px;
		height: auto;
	}
	footer { text-align: center; }
	footer nav { float: none; margin-top: 10px; }
	.typography h1 { font-size: 2.0em;margin: 0 0 0.4em 0; }
	.cmb8pt{width:200px;}
	#tblEventInfo {display: none; }
	#iUserWelcome {vertical-align: middle;margin-top:10px;text-align:center; margin-bottom: 10px;}
	#iLogout {display:block}

	.leftDivNowrapForTix{float:left;padding: 0px;margin: 2px;display: inline-block;white-space: nowrap;font-size: 15px;vertical-align: middle;background-color: #8FB7C9;width:100%}
	.rightDivForTix{float:left;vertical-align: middle;padding: 0px;display:inline-block;clear:both;width:100%;background-color: #8FB7C9;}
	.cmboboxSelection{font-size: 12px;padding: 5px;border: 1px solid #565246;border-bottom-color: #565246;border-top-color: #565246;}
	.ChangeWidth{width:100%}
	.loginWidth{width:10px;height:10px}

    .leftDivNowrap{float:left;padding: 0px;margin: 2px;display: inline-block;white-space: nowrap;font-size: 24px;vertical-align: middle;width:100%}
    .rightDiv{font-size:16px; float:left;vertical-align: middle;padding: 0px;display:inline-block;clear:both;width:100%;}

    .rightDivGView {width:205px; min-height: 210px; float:left;padding:5px 5px 5px 5px;text-align:center; margin: 3px; border:1px solid #565246; border-radius:7px;

   /* .rightDivGView {width:260px; min-height: 242px; float:left;padding:5px 5px 5px 5px;text-align:center; margin: 3px; border:1px solid #565246; background:#414042;border-radius:7px;*/
    
    

    }
   	.rightDivGViewNew { float:right; padding-right: 5px; margin-top: 25px;}
   	
.rightDivGViewNew2 {float:initial; padding:7px;text-align:center;}

   	
   	.rightDivGV {float:right; padding: 0px;display:inline-block;clear:both;}
        
        .logo-wrap { display : none }
        #iGridImage { height: 155px}
        #iTopLogin {display:block}
        #iTopLoginCSS{width:100%;text-align:center;}
}

/*
==========
!LAYOUT FOR MOBILE
==========
*/
@media all 
and (max-width : 480px) {

	#cboPackage {width:285px;font-size:12px;}
	.bg-image { display: none; }
	.wrap { width: 100%; }
	.grid-pad > .col-body:last-of-type { padding: 0; } 
	.col-footer { padding: 20px; }
	footer { padding: 10px; }
	tr.cell-stack-row td { display: inline-block; }
	tr.cell-one-item-row td { display: inline-block; }
	.cmb8pt{width:200px;}
	#tblEventInfo {display: ''; }
	#txtDatePicker { width: 150px; }
	#frmShoppingCart h2 { display: block; }
	#frmShoppingCart #btnUpdateGeneralItems,
	#frmShoppingCart #btnUpdateTickets,
	#frmShoppingCart #btnRemoveTickets { float: none; margin-bottom: 5px; }

	.typography h1 { font-size: 2.0em;margin: 0 0 0.1em 0; }
	.leftDivNowrapForTix{float:left;padding: 0px;margin: 2px;display: inline-block;font-size: 15px;font-weight:normal;vertical-align: middle;background-color: #8FB7C9;width:100%}
	.rightDivForTix{float:left;vertical-align: middle;padding: 0px;display:inline-block;clear:both;width:100%;background-color: #8FB7C9;}
	.cmboboxSelection{font-size: 14px;padding: 0px;border: 1px solid #565246;border-bottom-color: #565246;border-top-color: #565246;}

    .leftDivNowrap{float:left;padding: 0px;margin: 2px;display: inline-block;font-size: 24px;font-weight:normal;vertical-align: middle;width:100%}
    .rightDiv{font-size:16px;float:left;vertical-align: middle;padding: 0px;display:inline-block;clear:both;width:100%;}
    
    .rightDivGView { width:205px; min-height: 210px; margin-top: 5px !important; float:left;padding:5px 5px 5px 5px;text-align:center; margin: 3px; border:1px solid #565246; border-radius:7px;
    }
	.rightDivGViewNew { padding-right: 5px; margin-top: -25px;}

	.rightDivGViewNew2 {float:initial; padding:7px;text-align:center;}

	.rightDivGV {float:right; width:80px; margin-bottom:-25px;}


	#iUserWelcome {vertical-align: middle;margin-top:5px;text-align:center; margin-bottom: 10px;}
	#iTixhubLogo {display:none}
	#iGeoTrust {display:none}	
	#iUserGuide {display:none}
    #iPFReceipt {display:none}
    #iLogout {display:block}
    .logo-wrap { display : none }
    .cbxCart { width:80px}
    #iGridImage { height: 155px}
    #iTopLogin {display:block}
    #iTopLoginCSS{width:100%;text-align:center;}

}