/*
@media only screen and (max-width: 768px){

.hznav ul li ul{
width: 100%;
}

}


*/



/*

@media only screen and (min-width: 350px)  and (max-width: 419px) {

p.narrow{
background-image:       url('');
background-position:       top 4px  right 3px;

margin-top: -20px;
padding: 5px;
}


.center  a:link, .center  a:visited{
margin: 2px 5%;
}

body{
font-size: .55em;
}

img.title{
width: 50%;
margin:  5px 0% 10px 0%;
}

img.cross{
margin:  -2px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 20px;
}

.map{
width: 18.5%;
height:60px;
margin: .25% .25%;
float: left;
display: inline;
}


}


@media only screen and (min-width: 420px)  and (max-width: 589px) {

p.narrow{
background-image:       url('');

margin-top: -20px;
padding: 3px;
}



.center  a:link, .center  a:visited{
margin: 5px 5%;
}

body{
font-size: .55em;
}

img.title{
width: 50%;
margin:  5px 0% 10px 0%;
}

img.cross{
margin:  -2px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 20px;
}

.map{
width: 18.5%;
height:60px;
margin: .25% .25%;
float: left;
display: inline;
}


}



@media only screen and (min-width: 590px)  and (max-width: 719px) {

p.narrow{
background-image:       url('');

margin-top: -20px;
padding: 5px;
}
.center  a:link, .center  a:visited{
margin: 5px 5%;
}



body{
font-size: .55em;
}

img.title{
width: 50%;
margin:  5px 0% 10px 0%;
}

img.cross{
margin:  -2px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 20px;
}

.map{
width: 18.5%;
height:60px;
margin: .25% .25%;
float: left;
display: inline;
}


}

@media only screen and (min-width: 719px) and (max-width: 790px) {


p.narrow{  */
/*background-image:       url('../../hrc/images/campervan_sm.png');*/


/*background-position:       top 5px  right 4px;
}



body{
font-size: .7em;
}

img.title{
width: 50%;
margin:  8px 0% 10px 0%;
}

img.cross{
margin:  0px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 20px;
}


.map{
width: 18.5%;
height:65px;
margin: .25% .25%;
float: left;
display: inline;
}

}
*/
@media only screen and (max-width: 1000px){
    
    
.tbltd_dark:hover .tooltiptext, .tbltd_lite:hover .tooltiptext, .tbltd_dark:hover .tooltiptextadmin, .tbltd_lite:hover .tooltiptextadmin{
  visibility: hidden;
  text-decoration: none;
}

span.day, span.date, span.caltitle, .ym button{
font-size: 2em;
}
span.date{
height: 250px;
}

.ym button{
width: 25%;
}

div.calendar, #calendar_ajax{
width: 200%;
height: 400%;
}

.tables table{
width: 250%;
}

#nonmobilenote{
display: none;
}
.adminnav{
display: none;
}

#mobap{
display: none;
}

div.seatchart{
width: 300%;
}



p.aisle, p.cart, p.mycart, p.sold,div.row, div.tbltd_lite, div.tbltd_dark, div.tbltdwht{
font-size: 1.25em;
}

div.stage,div.walkway{
font-size: 2.5em;
}

.tbltd_dark .tooltiptext, .tbltd_lite .tooltiptext{
  
  width: 50%;
  }
  
  p.mobilenote{
display: block;
font-size: 1.5em;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
background-color: #cce6ff;
text-align: center;
}

 p.php, .infodiv p.php{

font-size: 2.75em;
}

table.calendarOutput{
width: 100%;
}
nav.hznav{
display: none;
}

button.mobile, #campaddress{
display: block;
margin-top: 20px;
}
nav.mobilenav{
width: 100%;
padding: 0%;
margin: 25px 0%;
display: none;
background-color: transparent;
}

.mobilenav ul{
width: 100%;
margin: 0px 0%;
padding: 0px 0%;
}

.mobilenav ul li ul{
width: 50%;
}

.mobilenav li{
width: 100%;
}

.mobilenav ul li a:link, .hznav ul li a:visited{
font-size: 2.75em;
float: left;
text-align: center;
padding: 10px 0px;
}

#current, #current1, #current2, #current3, #currentside,  #auxcurrent, #mobilecurrent{
border: 5px outset #ffffff;
background-color: white;
color: black;
}

.mobilenav ul li a:hover, #auxcurrent{
border: 
5px outset #ffffff;
}

div.ui-datepicker, .ui-datepicker td{
 font-size:2.25em;
}

header{
border:0px solid blue;

height: auto;
}

section.topleft{
width: 98%;
margin: 0px 1%;
}

section.loginform{
width: 100%;
margin: 0px 0%;
border: 0px solid red;
padding: 0px;
}
.loginform fieldset{
width: 80%;
margin: 1% 10%;
}

.loginform form fieldset label{
width: 20%;
font-size: 2em;
text-align: right;
margin: 1%;
border: 0px solid red;
float: left;
display: inline-block;
}

.loginform form fieldset input{
width: 75%;
font-size: 2em;
margin: 1%;
border: 1px solid #cccccc;

}

.loginform form fieldset button{
width: 100%;
font-size: 2em;
margin: 1% 0%;

}

.loginform form fieldset p{/* a:link, .loginform p a:visited{*/
width: 80%;
padding: 4px 1px;
font-size: 2em;
margin: 10px 10% 10px 10%;
clear: both;
}

.loginform h2{
font-size: 2.5em;
}

.center div{
width: 100%;
}

p.narrow{
width: 95%;
margin: 2px 2.5%;
font-size: 2.15em;
}

img.logo{
width: 100%;
margin-right: 0px;
border: 0px solid white;
}

h1.sitetitle{
width: 100%;
display: block;
margin: 10px 0% 20px 0%;
border: 0px solid orange;
text-align: center;
}

.topleft .sitetitle a:link, .top .sitetitle a:visited{
width: 100%;
margin: 0px 0% 20px 0%;
font-size: 2.5em;
}

img.left{
width: 99%;
margin: 1% 1%;
}

p.right{
width: 98%;
margin: 1%;
}

div.phototrain{
width: 98%;
margin: 1%;
}


 p.right, p.capt, p.c, p.terms, p.indexleft, p.indexright,  p.php, p.instruct, .content h2 {
font-size: 6em;
}

p.index{
font-size: 2.5em;
}

footer.p, footer{
font-size: 2em;
}

p.indexleft, p.index, p.terms{
width: 95%;
margin: 10px 2%;
clear: both;
}



ul.breadcrumb li{


font: bold 1.75em tahoma, arial, helvetica, serif;
background-color: transparent;
color:#000066;
float: center;
display: inline_block;
border: 00px #ffffff outset;
/*
box-sizing: border-box;
 border-radius: 20px;*/
}
span.s{
font-size: 1.25em;
}

div.sideright{
width: 95%;
margin: 10px 1.5%;
}

p.php, #slim p.php, .infodiv p.php, .colform p.php{
font-size: 3em;
line-height: 1.5em;
}

.content h2{
font-size: 1.85em;
font-weight: bold;
}

.content h4{
font-size: 1.85em;
font-weight: bold;
text-align: center;
}

.colform label{
font-size: 5em;
color: #333333;
width: 100%;
float: left;
display: block;
text-align: left;
margin-bottom: 15px;
font-weight: bold;
}

.colform input, .colform select, .colform textarea, .colform input.short{
font-size: 5em;
width: 90%;
margin-bottom: 3px;
margin: 2px 7% 7px 3%;
border: 2px solid black;
}

.colform p{
width: 95%;
margin: 5px 2.5% 50px 2.5%;
border-bottom: 3 px solid blue;
}

.colform input.short{
font-size: 5em;
width: 30%;
}

.colform span.auxmsg{
margin-top: 7px;
font-size: 4em;
margin-left: 3%;
}

.colform span.message, .colform span.radiocheckmessage{
margin-top: 7px;
font-size: 4.5em;
margin-left: 3%;
}

.colform h4{
font-size: 5em;
}

.colform input.choose{

margin: 20px 2% 0px 5%;
-ms-transform: scale(5); /* IE 9 */
-webkit-transform: scale(5); /* Chrome, Safari, Opera */
transform: scale(5);
}

span.radiocheckhorzsm{
font-size: 4.5em;
margin: 0px 2% 0px 1%;
font-weight: bold;
}

.colform button{
width: 80%;
margin: 10px 10%;
font-size: 6em;
text-align: center;
}

/*
#payform{
width: 90%;
margin: 2px 7% 2px 3%;
font-size: 2em;
}
*/

/*added 4-7-24*/

#payform{
width: 96%;
margin: 2px 3% 2px 1%;
font-size: 1.5em;
line-height: 1.5em;
}

#payformbuttons{
width: 96%;
margin: 1px 2% 1px 2%;
text-align: center;
}

/*

#payformbuttons{
width: 80%;
margin: 1px 4% 1px 16%;
text-align: center;
}

*/

button.printbutton{
width: 50%;
margin: 10px 25%;
font-size: 4em;
display: block;
}



/*added updated 4-7-24*/


.colform button.chkout, .colform button.editreserve{
width: 100%;
float: left;
margin: 5px 0%;
padding: 5px 0px;
background-color: #00ff00;
font: bold 7em arial, tahoma, helvetica, serif;
color: #000000;
border: #ffffff 3px outset;
box-sizing: border-box;
border-radius: 20px;
}

.colform button.editreserve{
background-color:   #ececec;
font: bold 3.5em arial, tahoma, helvetica, serif;
color: #000000;
border: #ffffff 2px outset;
}

#slim, #narrow{
width: 99%;
margin: 2px .5%;
}


/*

#slim, #narrow{
width: 95%;
margin: 2px 2.5%;
}
*/
.infodisplay{
    width: 100%;
}

.infodisplay #prices{
width: 95%;
margin: 2px 2.5% 0px 2.5%;
clear: both;
}

.infodisplay table tr  td, .infodisplay table .displaytop td{
font-size: 2em;
}


.infodisplay table tr td, #narrow table tr td, #slim table tr td, .eventinfo tr td{
font-size: 1.75em;
}

.display .pageleft, .display .pageright{
width: 95%;
margin:  0px 2% 0px 3%;
padding: 0px;
list-style-type: square;
}

.display li{

font-size: 2.25em;
margin: 15px 0%;

}

.display li span{
font-size: 1em;
margin: 0px;
}

.infodisplay table.eventinfo tr td{
width: 100%;

}

p.alert{
    font-size: 2em;
   
    
}



}
/*

@media only screen and (min-width: 791px)  and (max-width: 850px) {




body{
font-size: .75em;
}

img.title{
width: 50%;
margin:  5px 0% 10px 0%;
}

img.cross{
margin:  -3px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 20px;
}

.map{
width: 18.75%;
height:75px;
margin: .25% .25%;
float: left;
display: inline;
}

}

@media only screen and (min-width: 851px)  and (max-width: 975px) {




body{
font-size: .85em;
}

img.title{
width: 50%;
margin:  6px 0% 10px 0%;
}

img.cross{
margin:  -5px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 25px;
}

.map{
width: 19%;
height:85px;
margin: .25% .25%;
float: left;
display: inline;
}

} 
@media only screen and (min-width: 980px)  and (max-width: 1045px) {





body{
font-size: .95em;
}

img.title{
width: 50%;
margin:  8px 0% 10px 0%;
}

img.cross{
margin:  -4px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}


.map{
width: 19%;
height:100px;
margin: .25% .25%;
float: left;
display: inline;
}


}*/
/*

@media only screen and (min-width: 1050px)  and (max-width: 1140px){





body{
font-size: 1em;
}

img.title{
width: 50%;
margin:  6px 0% 10px 0%;
}

img.cross{
margin:  -7px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}


.map{
width: 19%;
height:110px;
margin: .25% .25%;
float: left;
display: inline;
}


}

@media only screen and (min-width: 1150px)  and (max-width: 1245px){





body{
font-size: 1.15em;
}

img.title{
width: 50%;
margin:  8px 0% 10px 0%;
}

img.cross{
margin:  -7px 0% 0px 2%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}

.map{
width: 19%;
height:115px;
margin: .25% .25%;
float: left;
display: inline;
}


}

@media only screen and (min-width: 1250px)  and (max-width: 1300px) {




body{
font-size: 1.15em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin:  -5px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}

.map{
width: 19%;
height:125px;
margin: .25% .25%;
float: left;
display: inline;
}

}

@media only screen and (min-width: 1310px)  and (max-width: 1350px) {





body{
font-size: 1.2em;
}

img.title{
width: 50%;
margin:  8px 0% 10px 0%;
}

img.cross{
margin:  -10px 0% 2px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}

.map{
width: 19%;
height:150px;
margin: .25% .25%;
float: left;
display: inline;
}

}

@media only screen and (min-width: 1400px)  and (max-width: 1500px) {




body{
font-size: 1.35em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin:  -8px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 30px;
}


.map{
width: 19%;
height:145px;
margin: .25% .25%;
float: left;
display: inline;
}

}

@media only screen and (min-width: 1525px) and (max-width: 1575px) {





body{
font-size: 1.4em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin: -8px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 31px;
}


.map{
width: 19%;
height:160px;
margin: .25% .25%;
float: left;
display: inline;
}

}

@media only screen and (min-width: 1600px)  and (max-width: 1700px) {






body{
font-size: 1.5em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin:  -8px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 32x;
}


.map{
width: 19%;
height:172px;
margin: .25% .25%;
float: left;
display: inline;
}
}

@media only screen and (min-width: 1725px)  and (max-width: 1850px) {



body{
font-size: 1.65em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin:  -10px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 34px;
}


.map{
width: 19%;
height:150px;
margin: .25% .25%;
float: left;
display: inline;
}


}

@media only screen and (min-width: 1875px)  and (max-width: 1950px) {





body{
font-size: 1.7em;
}

img.title{
width: 50%;
margin:  10px 0% 10px 0%;
}

img.cross{
margin:  -10px 0% 0px 3%;
}

.adminnav ul li ul, .hznav ul li ul{
margin-top: 35px;
}


.map{
width: 19%;
height:197px;
margin: .25% .25%;
float: left;
display: inline;
}



}

@media only screen and (min-width: 300px)  and (max-width: 3000px) {

header{
width: 100%;
}

}