.box table {
  table-layout: fixed;
  border: 3px solid black;
  width: 360px;
  height: 360px;
  margin: 0 auto;
  margin-top: 2em;
  margin-bottom: 1em;
  padding: 0;
  border-collapse: collapse;
  text-align: center;
  font-size: medium;
  empty-cells: show;
}

.box tr{
  height: 40px;
} 

.box td {
  width: 40px;
  height: 40px;
}

.box td:hover{
  background: #E7E8F5;
}

td.normal {
  border-top: 1px solid #443;
  border-right: 1px solid #443;
} 

td.rightedge{
  border-top: 1px solid #443;
  border-right: 2px solid black;
} 

td.topedge{
  border-top: 2px solid black;
  border-right: 1px solid #443;
}

td.topright{
  border-top: 2px solid black;
  border-right: 2px solid black;
}

.box input {
  background: inherit;
  border: 0px;
  text-align: center;
  vertical-align: middle;
  font-size: medium;
  width: 37px;
  margin: 0;
}

.boxcaption
{
  text-align: center;
}