.puzzle
{
	border: solid 1px #333333;
}

.solutionGood, .solutionBad
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
}

.solutionGood
{
	color: #000000;
}

.solutionBad
{
	color: #ff9999;
}

.cell, .startCell, .endCell, .solutionCell, .currentCell, .activeCell, .activeEndCell
{
	border: solid 1px #333333;
	width:28px;
	height:28px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
}

.activeCell
{
	cursor: pointer;
}

.currentCell
{
	background-color: #88ee88;
	cursor: pointer;
}

.startCell
{
	background-color: #117711;
	color: #ffffff;
	cursor: pointer;
}

.endCell, .activeEndCell
{
	background-color: #333333;
	color: #ffffff;
}

.activeEndCell
{
	cursor: pointer;
}

.solutionCell
{
	background-color: #dddddd;
	color: #333333;
	cursor:pointer;
}