body,html {
	background: #333;
}
table.sudoku-board
{
	font-family: Arial, sans-serif;
	border: 1px black solid;
}

.sudoku-board,
.sudoku-board table
{
	border-collapse: collapse;
}

.sudoku-board,
.sudoku-board table,
.sudoku-board td,
.sudoku-board tr
{
	margin: 0; padding: 0;
}

.sudoku-section {
	border-left: 1px #ccc solid;
	border-top: 1px #ccc solid;
}

.sudoku-square {
	background: white;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	width: 50px;
	height: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	color: #50575F;
	cursor: pointer;
}

.sudoku-square.selected {
	background: #FFF1C8 url('sudoku_hilight.gif') -5px -8px no-repeat;
	color: #053275;
	cursor: text;
}
.sudoku-square.prefill {
	color: black;
	cursor: default;
}

.sudoku-square.prefill.selected {
	background: rgb(240,240,240) url('sudoku_lolight.gif') -5px -8px no-repeat;
	color: #777;
	cursor: no-drop;
}

.sudoku-square.conflict {
	background: #edd5d5 url('sudoku_conflict.gif') -5px -8px no-repeat;
	color: #F34D27;
}

.disabled .sudoku-square
{
	color: rgb(190,190,190) !important;
	background: #eee !important;
	cursor: wait;
}
.paused .sudoku-square
{
	background-color: rgb(220,220,220) !important;
	color: rgb(215,215,215) !important;
}