#html, body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}

.fixed-cell {
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: black;
}

.edited-cell {
cursor: pointer;
font-family: "Comic Sans MS", cursive, sans-serif;
font-style: italic;
color: blue;
}

#main1{
width: 90%;
height: 90%;
border: 1px solid green;
vertical-align: middle;
text-align: center;
}

#main-tbl {
width:450px; 
height: 450px; 
border: 1px solid;
font-size: 18pt;
}

.sub-tbl {
width:450px; 
}

.circlea {
display: block;
width: 100%;
height: 100%;
background: #F00;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
vertical-align: middle;
text-align: center;
}

.circled {
display: block;
width: 100%;
height: 100%;
background: #F0F0F0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
vertical-align: middle;
text-align: center;
}

.cell
{
height: 11%;
width: 11%;
margin: 0px;
padding: 0px;
border: 1px solid #EEE;
}

.cell1
{
height: 33%;
width: 33%;
}

.fill
{
height: 90%;
width: 90%;
vertical-align: middle;
text-align: center;
font-size: large;
}