#main
{
    position:absolute;
    top:100px;
    left:100px;
    width:400px;
}
*
{

}
.centered
{
   text-align:center;
}
.centered-table
{
   margin-left: auto;
   margin-right: auto;
}
table
{
  margin-left: auto;
  margin-right: auto;
}
td
{
  text-align:left;
  /*padding:10px;*/
}
.inFocus           /* for editable squares*/
{
    align:center;
    padding:10px;
    border:2px solid red;
}
.outFocus
{
    align:center;
    padding:10px;
    border:none;

}
.inFocus2
{
    align:center;      /* for left hand squares*/
    padding:10px;
    border:2px solid black;
}
.outFocus2
{
    align:center;
    padding:10px;
    border:2px solid #959595;

}
.noFocus2
{
    align:center;
    padding:10px;
    border:2px solid #a1a1a1;

}
.off
{
   border:2px solid black;
}
.on
{
   border:2px solid red;
}
table.coll
{
   bordercolor: black;
   padding:5px;
}

#footer
{
  font-size: 12px;
  align:center;
}
a .bbr
{
   font-family:arial;
   font-size:10px;
   font-weight: bold;
   color:grey;

}