/* This table contains the sudoku-BLOCKS */


 /* Typically we like a transparent body but,in addition,
    the IFRAME that includes the sudoku must have 
    the style  allowtransparency="true" */
body
{  background-color:transparent;
}

table.sudokubig  
{ 
  background-repeat:   no-repeat;   /* relevant only when a backgound image is used */
  background-position: center ; 

  background-color:white;

  border-width:0px;

  padding:0px;
  margin:0px;
  spacing:0px;
}
table.sudokubig td 
{ background-color:gray;

  text-align:center;
  align:middle;
  padding:0px;
  margin:0px;
  spacing:0px;


}


/* This kind of table is a sudoku-BLOCK */
table.smalltab
{ background-color:rgb(128,128,128);
  border-width:0px;
}

 /* The individual sudoku cells */
table.smalltab td 
{ 
  background-repeat:   no-repeat;   /* relevant only when a backgound image is used */
  background-position: center ; 

  background-color:rgb(220,220,220);
  color:clack;
  border-width:0px;



  font-family: OCR A Extended;

  padding:0px;   /*otherwice the cells becomes rectangular instead of square*/

  width:25px;
  height:25px;
  font-size:15px;
}

 /* The hidden cells may have another formatting */
table.smalltab td.hide 
{ background-color: white;
  color:blue;
  font-family:Comic Sans MS;
}