* {
  font-size: 12;
  font-family: sans-serif;
}

.medsmall {
  font-size: 14;
}

.med {
  font-size: 16;
}

.large {
  font-size: 18;
}

.small {
  font-size: 10;
}

a.bar {
  color: white;
  font-size: 14;
}

table.bar td {
  color: white;
  background-color: black;
  font-size: 14;
  filter:alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity:0.6;
}

table.grid
{
  border-collapse: collapse;
  text-align: center;
}

.grid td
{
  width: 28px;
  height: 28px;
  border: 1px gray solid;
  font-size: 24;
}

table.smgrid
{
  border-collapse: collapse;
  text-align: center;
}

.smgrid td
{
  width: 16px;
  height: 16px;
  border: 1px gray solid;
  font-size: 14;
}

td.top  { border-top   : 2px black solid }
td.bot  { border-bottom: 2px black solid }
td.left  { border-left  : 2px black solid }
td.right  { border-right : 2px black solid }
td.topleft { border-top   : 2px black solid; border-left : 2px black solid }
td.topright { border-top   : 2px black solid; border-right: 2px black solid }
td.botleft { border-bottom: 2px black solid; border-left : 2px black solid }
td.botright { border-bottom: 2px black solid; border-right: 2px black solid }

.grid input
{
  text-align: center;
  width: 100%;
  border: none;
  font-size: 24;
  font-weight: bold;
  border: none;
  background: transparent;
}

.smgrid input
{
  text-align: center;
  width: 100%;
  border: none;
  font-size: 14;
  font-style: italic;
  font-weight: bold;
  border: none;
  background: transparent;
}


td.bright {
  background: #FFFF66;
}

.dark {
  background: #EEEE00;
}