  body   {font-size:12pt; color:#95B3D7; font-family:"Calibri","sans-serif";} 
   body   {font-size:12pt; color:#95B3D7; font-family:"Calibri","sans-serif";}
  .plug  {font-size: 8pt; color:#95B3D7;}
  .hdr1  {font-size:18pt; color:#FFF;    width: 95%;  background-color: #77d;   padding: 10px;               margin: 10px ;}
  .hdr2  {font-size:14pt; color:#FFF;    width: 90%;  background-color: #99f;   padding: 4px 10px 4px 10px;  margin: 0 10px;}
  .hdr2a {font-size:14pt; color:#FFF;    width: 95%;  background-color: #99f;   padding: 4px 10px 4px 10px;  margin: 0 10px;}
  .hdr2b {font-size:14pt; color:#FFF;    width: 95%;  background-color: #99f;   padding: 4px 10px 4px 10px;  margin: 0 10px;}
  .hdr2c {font-size:14pt; color:#FFF;    width: 95%;  background-color: #99f;   padding: 4px 10px 4px 10px;  margin: 0 10px;}
  .hdr2d {font-size:14pt; color:#FFF;    width: 90%;  background-color: #99f;   padding: 4px 10px 4px 10px;  margin: 0 10px; font-weight: bold;}
  .nrm   {font-size:10pt; color:#365F91; width: 90%;  background-color: #77d;   padding: 10px;               margin: 0 10px;}
  th     {font-size:11pt; color:#FFFFAA;              background-color:#77d; padding: 2px 4px 2px 4px;}
  tb     {border-style:solid; border-width:1px; border-color:#365F91;}
  tr     {font-size:10pt; color:#365F91;}
  td     {font-size:10pt; color:#365F91; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#365F91;}

 .restab       { width: 100%}

 .teamrestab   { width: 100%}

 .clstable   { width: 100%; border:0px; border-spacing:0;}
 .clstr1     { width: 100%; border:0px;}
 .clstr2     { width: 100%; border:0px;}
 .clstr3     { width: 100%; border:0px;}
 .clstr4     { width: 100%; border:0px; border-spacing:10px;}
 .clstr5     { width: 100%; border:0px;}
 .spacer     { background-color: #fff;   padding: 6px;}

 .clstdleft  { min-width: 100px;  background-image: url("logo1.png"); background-repeat: no-repeat;  border-bottom-width: 0;}
 .clstdleft2 { min-width: 100px;  background-image: url("logo2.png"); background-repeat: no-repeat;  border-bottom-width: 0;}

 .clstd1 {font-size:18pt; color:#FFF; width: 90%; border:0px; background-color: #f66;  padding: 10px;               margin: 10px 0 10px 10px;}
 .clstd2 {font-size:14pt; color:#FFF; width: 90%; border:0px; background-color: #99f;  padding: 4px 10px 4px 10px;  margin: 0 10px;}
 .clstd3 {font-size:14pt; color:#FFF; width: 90%; border:0px; background-color: #99f;  padding: 4px 10px 4px 10px;  margin: 0 10px;}
 .clstd4 {font-size:14pt; color:#FFF; width: 90%; border:0px; background-color: #99f;  padding: 4px 10px 4px 10px;  margin: 10px 10px 10px 10px; font-weight: bold;}
 .warn   {font-size:14pt; color:#F44; width: 95%; border:0px; background-color: #ff7;  padding: 4px 10px 4px 10px;  margin: 0 10px; border-bottom-width: 0;}

 .compname{ width: 90%;  background-color: #7777dd;  padding: .5em;  margin: .5em;}

 .classname{  width: 90%;  background-color: #f66;  padding: 4px 10px 4px 10px;  margin: 2px 10px;}
 .classdiv {  width: 95%;  background-color: #f66;  padding: 4px 10px 4px 10px;  margin: 2px 10px;}
 .classname{  display:inline;}
 .classtime{  display:inline; float:right;}
 .Finished  {  background-color: #0b0;}
 .InProgress{  background-color: #bb0;}

 a {  color: white;  text-decoration: none; display: block; }
 a:hover   {  background-color: #775;}
 a:active  {  background-color: black;}
#a:visited {  background-color: #ccc;}


