table       { border-spacing: 0; border-collapse: collapse;
                    border-style: solid; border-color: black; border-width: 1px;                    }
th, td      { border-spacing: 0; 
                border-style: solid; border-color: teal; border-width: 1px;
                    color: black; vertical-align: top; }
td          { font-size: 120%; text-align: Center; vertical-align: top; width: 48px }

table.headerTable {
  border-color: white;
  border-width: 0px;
  font-size: 120%;
  width: 100%;
}
td.headerLeft {
  border-color: white;
  border-width: 0px;
  text-align: left;
  font-size: 120%;
}
td.headerCenter {
  border-color: white;
  border-width: 0px;
  text-align: center;
  font-size: 120%;
}
td.headerRight {
  border-color: white;
  border-width: 0px;
  text-align: right;
  font-size: 120%;
}

td.new, td.cellwnew, td.cellnew {
    background-color: #FFFFCC;
}

chart {background-color: red;}

td.p		{ color: #000000; background-color: #7777FF }
td.s		{ color: #000000; background-color: #BBBBFF }
td.t		{ color: #000000; background-color: #DDDDFF }
td.q		{ color: #000000; background-color: #FFFFFF }
td.ep		{ color: #000000; background-color: #FF5555 }
td.es		{ color: #000000; background-color: #FF7777 }
td.et		{ color: #000000; background-color: #FF9999 }
td.eq		{ color: #000000; background-color: #FFBBBB }
th			{ vertical-align: top; font-weight: bold }
th.x		{ vertical-align: top; font-weight: regular; text-align: Left }
tt			{ font-size: 50% }

td.name	{ text-align: left; vertical-align: middle; width: 96% }
body		{ background-color: #FFFFFF; }

td.g		{ font-size: 120%; text-align: Center; width: 72px; color: #808080; }
td.n		{ font-size: 120%; text-align: Center; width: 72px; color: #000000; background-color: #CCCCFF; } 
td.z		{ font-size: 120%; text-align: Center; width: 72px; font-weight: bold; background-color: #EEEEEE; }
td.h		{ font-size: 120%; text-align: Left; color: #000000; background-color: #EEEEEE; }