div.stage{
width: 98%;
margin: 2px auto;
padding: 5px 0px;
background-color: #ececec;;#0066ff;
clear: both;
font: bold 1.2em arial, helvitica, tahoma, serif;
color: #333333;
text-align: center;
display: table;
vertical-align: middle;
}

div.walkway{
width: 98%;
margin: 2px auto;
padding: 2px 0px;
background-color: #ffffff;
clear: both;
font: bold .8em arial, helvitica, tahoma, serif;
color: #0000ff;
text-align: center;
display: table;

}

div.grid{
width: 98%;
background-color: #ffffff;
margin: .5% 1%;
padding:  0%;

border-style: solid;
border-color: #cccccc;
border-width: 0px;
float: left;
display: block;
clear: both;
border-spacing: 5px 3px;
border-collapse: separate;
border-style: solid;
border-color: #cccccc;
border-width: 1px 1px 1px 1px;
empty-cells: show;

/*new below*/
height:500px;
overflow-x: scroll;
overflow-y: scroll;
}

div.seatchart{
width: 150%;

float: left;
margin: 0% 0%;
padding: 0px;
background-color:#ffffff;


}


/*div.grid div.lite, div.grid div.dark{
div.dark, div.lite{*/
div.row{
width: 100%;
float: left;
margin: 0% 0%;
text-align: center;
font: bold .8em arial, tahoma, helvetica, serif;
color: #555555;
background-color:ffffff;
border: 0px solid red;
display: inline-block;
height: 5%;
}

/*div.grid div.dark div.tbltd, div.grid div.lite div.tbltd, div.grid div.lite div.tbltdwht, div.grid div.dark div.tbltdwht{*/
div.tbltd_lite, div.tbltd_dark, div.tbltdwht{
float: left;
text-align:  center;
margin:  0px 0px;
padding:  0px 0px;
border-style: solid;
border-color: #006633;
border-width: 0px 0px 0px 0px ;
font: bold .9em arial, tahoma, helvetica, serif;
color: #333333;
display: table-cell;
background-color: transparent;
width: 1.282%;

}

/*div.grid div.dark{*/
div.tbltd_dark{
background-color: #ececec;
margin: 5px 0px;
}

/*div.grid div.lite{*/
div.tbltd_lite{
background-color: #ffffff;
margin: 5px 0px;
}

.tbltd_dark span, .tbltd_lite span{
border-bottom: 0px solid blue;
}

/*div.grid div.lite div.tbltdwht, div.grid div.dark div.tbltdwht{*/
div.tbltdwht{
width: 1.587%
padding: 0px 40px;
text-align: center;
}
p.aisle{
padding: 10px 0px;
margin: 0px 1px;
text-align: center;
font-size: 1.2em;
color: blue;
height: 5%;
}


p.sold{
padding: 10px 0px;
margin: 0px 1px;
text-align: center;
text-decoration: none;
text-decoration: none;underline overline;
font:  bold 1.2em arial, tahoma, helvetica, serif;
color: #ffffff;#222222;#990020;
background-color: #222222;transparent;
text-decoration-style:wavy;
}

p.sold:hover, p.cart:hover, p.mycart:hover{
background-color: #cccccc;
color: #000000;

}


span.sold{
color: #ffffff;
background-color: #222222;
font-weight: bold;
padding: 3px 5px;
}

span.cart{
color: #ffffff;
background-color: #006699;
font-weight: bold;
padding: 3px 5px;
}

span.mycart{
color: #ffffff;
background-color: #ff0000;
font-weight: bold;
padding: 3px 5px;
}

span.disabled{
color: #800000;
background-color: #cccccc;
font-weight: bold;
padding: 3px 5px;
}

span.available{
color:#ffffff;
background-color:#cce6ff;#339966;
font-weight: bold;
padding: 3px 5px;
}


p.cart{
padding: 10px 0px;
margin: 0px 1px;
text-align: center;
text-decoration: none;underline;
font:  bold 1.2em arial, tahoma, helvetica, serif;
color: #ffffff;#800000;
background-color: #006699;#0000ff;
}

p.cartadmin{
padding: 10px 0px;
margin: 0px 1px;
text-align: center;
text-decoration: none;underline;
font:  bold 1.2em arial, tahoma, helvetica, serif;
color: #ffffff;#800000;
background-color: #993300; orange;
}

p.mycart{
padding: 10px 0px;
margin: 0px 1px;
text-align: center;
text-decoration: none;underline overline;
font:  bold 1.2em arial, tahoma, helvetica, serif;
color: #ffffff;
background-color: #ff0000;
text-decoration-style:wavy;
}
/*div.grid div.dark div.tbltd a:link, div.grid div.dark div.tbltd a:visited, div.grid div.lite div.tbltd a:link, div.grid div.lite div.tbltd a:visited{*/
.tbltd_dark a:link, .tbltd_dark a:visited, .tbltd_lite a:link, .tbltd_lite a:visited{
width: 92%;
text-align: center;
font:  bold 1.2em arial, tahoma, helvetica, serif;
color:#222222;#ffffff;#ffffff;
background-color:#99ceff;#3399ff;
text-decoration: underline;
float:left;
display:inline-block;
margin: 0px 1px;
padding: 10px 2%;
}

.tbltd_dark p.cartadmin a:link, .tbltd_dark p.cartadmin a:visited, .tbltd_lite p.cartadmin a:link, .tbltd_lite p.cartadmin a:visited, a.seatchartadmin:link{
width: 92%;
text-align: center;
font:  bold 1.2em arial, tahoma, helvetica, serif;
color:#ffffff;#ffffff;#006600;
background-color:#006699;purple;transparent;
text-decoration: underline;
float:left;
display:inline-block;
margin: 0px 1px;
padding: 10px 2%;
}

a.disabled:link{
background-color: #cccccc;
color: #800000;
}

a.seatchartadmin{
color:#ffffff;#ffffff;#006600;
background-color:purple;transparent;
}

/*div.grid div.dark div.tbltd a:hover, div.grid div.lite div.tbltd a:hover{*/
.tbltd_dark a:hover, .tbltd_lite a:hover{
background-color: #ff0000;
color: #ffffff;
font-weight: bold;
}


.tooltiptext {
  position: relative;
  display: inline-block;
  margin: 5%;

}




.tbltd_dark .tooltiptext, .tbltd_lite .tooltiptext{
  visibility: hidden;
  width: 20%;
  font: bold 1.4em arial, tahoma, helvetica, serif;
  background-color:#0000ff;#444444;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 7px;
  margin:  0% 0%;
  top: 50%;
  right: 15%;

  /* Position the tooltip */
  position: absolute;

  z-index: 1;
}

.tbltd_dark .tooltiptextadmin, .tbltd_lite .tooltiptextadmin{
  visibility: hidden;
  width: 20%;
  font: bold 1.4em arial, tahoma, helvetica, serif;
  background-color: #800000;339966;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 7px;
  margin:  0% 0%;

  /* Position the tooltip */
  top: 25%;
  left: 30%;
  position: absolute;
  z-index: 1;
}

.tbltd_dark:hover .tooltiptext, .tbltd_lite:hover .tooltiptext, .tbltd_dark:hover .tooltiptextadmin, .tbltd_lite:hover .tooltiptextadmin, span.changestatus{
  visibility: visible;
  text-decoration: none;
}


.tbltdlite{
background-color: #ffffff;
visibility: visible;
}

/*td.tbltdlite:after, td.tbltd:after {
content: 'Empty cell';
visibility: hidden;
speak: none;
}*/

.pdot{
width: 99%;
text-align: left;
margin: 0px .5%;
padding: 3px 1px;
display: block;
color: #000000;
font:  .9em Arial;
letter-spacing: 1px;
word-break: break-all;
white-space: normal;
border-bottom: 1px solid #cccccc;
}

.pdot a:link{
text-decoration: none;
}
.radio{

background-color: transparent;
color:  #000000;
}

.err{
height: 20px;
border: 0px;
font-weight: bold;
clear: both;
}

.instr{
background-color: transparent;
color:  #000000;
}

.entered{
background-color: #ccff99;
}

.available{
background-color: #ffcc66;
}

.fs{
background-color: #ffffff;
border-bottom: 0px;
}
.nam{
background-color: #ffdf80;
color:  #000000;
}

.note{
background-color: transparent;
color: #000000;
}

.error{
background-color: red;
color:#ffffff;
font:  .60em Arial;
font-weight: bold;
}

.select{
background-color: transparent;
color: #000000;
}

.tblcl{
padding:2px;
background-color: #cccccc;
font: bold .70em arial, tahoma, helvetica, serif;
color: #000000;
width:100%;
height: 25%;
margin: 1%;
float: left;
display: inline-block;
text-align: center;
border: 2px outset white;
}

/*
.rad{
margin: 0px 0px 0px 0px;
float: left;
display: inline block;
}

.radtxt{
width: 70%;
color: #000000;
letter-spacing: 0px;
border: 0px solid red;
margin: 0px 0px 3px 1px;
padding: 0px 0px;
float: left;
display: inline block;
}
*/
select.tbl{
width: 100%;
font: .85em Arial;
padding: 5px 0px;
}

.student{
background-color: #ffdf80;
}

.season{
background-color: #ffc266;
}

.orange{
background-color: orange;
}

.white{
background-color: white;
border: 1px solid #cccccc;
}


option{
font: bold 2em Arial;
overflow: visible;
background-color: blue;
border: 2px white outset;
}

header.blue{
width: 100%;
margin: 0% 0%;
background-color: #004080;
height: 50px;
}

p.title{
margin: 10px auto;
padding: 5px;
font: bold 20pt Arial;
color: #ffffff;
text-align: center;
}

p.disabled{
padding: 10px 0px;
margin: 0px 1px;
text-align: center;
text-decoration: none;underline;
font:  bold 1.2em arial, tahoma, helvetica, serif;
color: #800000;
background-color: #cccccc;
}