.sudoku-board {
      background: grey;
}

TABLE.main-board {
      padding: 12px 12px 12px 12px;
      border-style: solid;
      border-width: medium;
      border-color: black;
}

TABLE.internal-board {
	padding: 6px 6px 6px 6px;
	border-style: solid;
	border-width: thin;
	border-color: black;
}

TABLE.possibilities {
	padding: 1px 1px 1px 1px;
	border-style: none;
	color: orange;
	font-size: xx-small
	text-align: center;
	vertical-align: middle;
	font-style: italic;
}

TD.entry-box {
	padding: 6px 6px 6px 6px;
	text-align: center;
}

TD.preset-box {
	padding: 6px 1em 6px 1em;
	color: red;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-style: ridge;
	border-width: thin;
	border-color: black;
}

TD.invalid-box {
	padding: 0px 0px 0px 0px;
	color: red;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-style: ridge;
	border-width: thin;
	border-color: red;
}

TD.calculated-box {
	padding: 6px 1em 6px 1em;
	color: blue;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-style: inset;
	border-width: thin;
	border-color: black;
}

INPUT {
	text-align: center;
}

INPUT.invalid-entry {
	color: red;
}

H3#invalid-entry {
	text-align: center;
	color: red;
	font-weight: bold;
}

#solutions {
	display: block;
	visibility: visible;
}

#solved-banner {
	text-align: center;
	color: red;
	font-weight: bold;
}

.solutions-table {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-style: ridge;
	border-width: thin;
	border-color: black;
}

TD.box-solution {
	color: red;
}

TD.row-solution {
	color: green;
}

TD.column-solution {
	color: blue;
}