@media only screen and (min-width: 765px) {
/*
body{
font-size: .8em;
}*/
.radio{
height: 100px;
}
.radtxt{
width: 70%;
color: #000000;
letter-spacing: 0px;
border: 0px solid red;
margin: 3px 0px 4px 3px;
float: left;
display: inline block;
font:
}
.rad{
width: 25%;
margin: 1px 0px 0px 0px;
float: left;
display:  inline block;
}

}

@media only screen and (min-width: 1000px) {
/*
body{
font-size: 1.1em;
}*/

.radio{
height: 100px;
}
.radtxt{
width: 70%;
color: #000000;
letter-spacing: 0px;
border: 0px solid red;
margin: 2px 0px 2px 1px;
padding: 1px 0px;
float: left;
display: inline block;
}
.rad{
width: 25%;
margin: 1px 0px 0px 0px;
float: left;
display:  inline block;
}




}

@media only screen and (min-width: 1250px) {
/*
body{
font-size: 1.25em;
}*/
.radio{
height: 120px;
}
.radtxt{
width: 70%;
color: #000000;
letter-spacing: 0px;
border: 0px solid red;
margin: 0px 0px 1px 1px;
float: left;
display: inline block;
}
.rad{
width: 25%;
margin: 1px 0px 0px 0px;
float: left;
display:  inline block;
}


}

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

body{
font-size: 1.5em;
}
.radio{
height: 125px;
}
.radtxt{
width: 70%;
color: #000000;
letter-spacing: 0px;
border: 0px solid red;
margin: 2px 0px 2px 1px;
float: left;

}
.rad{
width: 25%;
margin: 4px 0px 0px 0px;
float: left;

}



}

@media only screen and (min-width: 1600px) {
/*
body{
font-size: 1.65em;
}
*/
}

@media only screen and (min-width: 1900px) {

body{
font-size: 1.80em;
}
.radio{
height: 125px;
}
.radtxt{
width: 70%;
color: #000000;
letter-spacing: 0px;
border: 0px solid red;
margin: 2px 0px 5px 3px;
float: left;
display: inline block;
}
.rad{
width: 25%;
margin: 5px 0px 0px 0px;
float: left;
display:  inline block;
}

}
table.grid{
width: 100%;
background-color:#ffffff;#004080;#000000;#99ccff;#3399ff;   #ffffff;#004080;#0066cc;
margin: .5% 0%;
padding:  0px;
border-spacing: 5px 10px;
border-collapse: separate;
border-style: outset;
border-color: #cccccc;
border-width: 0px;
empty-cells: show;



}

table.grid tr{
  width: 100%;
  margin: 40px 0px;
  background-color: blue;
  border: 5px solid #e6f2ff;
  border-collapse: separate;
}

.tbltd, .tbltd_drp{
width: 5%;  6.25%;

text-align:  left;
vertical-align: top;
margin:  0% 0%;
padding:  1px 1px;
border: 1px solid #cccccc;
/*font: 8pt arial, tahoma, helvetica, serif;*/
color: #cccccc;
background-color: #ffffff;
visibility: visible;
overflow: none;
//pointer-events: none;
/*
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;*/
}

.tbltdnobord{
border-width: 0px;
background-color: #f1f1f1;
height: 100px;
}

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

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

.pdot, .phorz{
width: 100%;
text-align: left;
margin: 0px 0px;
padding: 1px 0px;
display: block;
color: #000000;
font:  .6em 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;
text-align: center;
}

.instr{
background-color: #ffffff;transparent;
color:  #000000;
padding: 3px 0px;
}

.entered{
background-color: #99ff99;#ffcc66;
text-align: center;

}

.available{
background-color: #ffdd99;#ccff99;
text-align: center;
}

.fs{
background-color: #cccccc;
border-bottom: 1px;
}
.nam{
background-color: #e6f2ff;#cce6ff;#ffdd99;
color:  #000000;
font-weight: normal;
}

.pdot input[type="radio"]:checked+span,
tr.lite td p input[type="radio"]:checked+span,
tr.dark td p input[type="radio"]:checked+span {

  color: blue;

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

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

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



/*
.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: .90em Arial;
padding: 1px 0px;
}

.student{
background-color: #ffdf80;
}

.season{
background-color: #ffc266;
}

.orange{
background-color: orange;
}

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


option{
font: bold 1em Arial;
overflow: visible;
background-color: #ffffcc;
border:0px white outset;
margin: 0px;
padding: 0px;
}

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;
}
.tbltd button{

float: left;
margin: 0px 0px;
padding: 1px;
background-color: #ececec;
font: .6em arial, tahoma, helvetica, serif;
color: #000000;
border: #ffffff 1px outset;
}

.tblcl{
padding:1px;
background-color: #ececec;
font: bold .60em arial, tahoma, helvetica, serif;
color: #000000;
width: 99%;
margin: .5%;
float: left;
display: inline-block;
text-align: center;
border: 1px outset #ffffff;
}