div.grid {
  margin: 20px 10px;
}

table.blocks {
  border-collapse: collapse;
}

table.block {
  border-collapse: collapse;
}

.blocks td {
	padding: 0;
}

.block tr {
  height: 38px;
}

.block td {
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-width: 2px;
  border-color: black;

  width: 36px;
  height: 36px;
	padding: 0;
  font-size: 24px;
	font-family: sans-serif;
  text-align: center;
}

td.selectedCell {
  background-color: lightgray;
}

td.negativeSelectedCell {
  background-color: red;
}

td.hint {
  background-color: yellow;
}


table.possibilities {
  border-collapse: collapse;
}

.possibilities tr {
  height: 12px;
}

.possibilities td {
	width: 12px;
  height: 12px;
	padding: 0;
  border-width: 0px;
	margin: 0;
	font-size: 8px;
	color: gray;
}

td.impossible {
  visibility: hidden;
	background-color: pink;
}

div.filter {
  margin: 20px 0;
}

.filter span {
  margin: 5px;
  padding: 5px;
  border-style: solid;
  border-color: black;
  border-width: 2px;
}