body
{
	text-align: justify;
}

div
{
	display: table;
}

div div
{
	display: table-cell;
	width: auto;
}

#grid
{
	width: 500px;
}

#grid td
{
	width: 30px;
	height: 30px;
	border: solid 1px;
	text-align: center;
	vertical-align: middle;
	font-family: arial;
	font-size: 12pt;
	font-weight: normal;
}

#grid td.empty
{
	background-color: black;
}

#grid td.selected
{
	background-color: yellow;
}

#grid td.word
{
	background-color: lightgrey;
}

#grid td.cheat
{
	background-color: darkblue;
	font-weight: bold;
}

#grid td.error
{
	background-color: darkred;
	font-weight: bold;
}

#grid td.error.selected
{
	background-color: red;
	font-weight: bold;
}

#grid td.cheat.selected
{
	background-color: lightblue;
}

#time
{
	font-weight: bold;
	font-size: 12pt;
	color: blue;
}

#definition, #information, #time
{
	clear: both;
	display: block;
	width: auto;
}

#sidePanel
{
	padding-left: 10px;
}

#time, #menu
{
	padding-top: 10px;
}