table#minefield
{
	empty-cells: show;
	border-spacing: 0;
	border-collapse: collapse;
}

table#minefield td
{
	width: 16px;
	height: 16px;
	
	border: 1px solid #000;
	padding: 0;	
}


/* default state */
table#minefield td
{
	background-color: #888;
	
	background-position: center;
	background-repeat: no-repeat;
}


table#minefield td.revealed
{
	background-color: #fff;
}

table#minefield td.revealed.border-1 { background-image: url(cells/1.png); }
table#minefield td.revealed.border-2 { background-image: url(cells/2.png); }
table#minefield td.revealed.border-3 { background-image: url(cells/3.png); }
table#minefield td.revealed.border-4 { background-image: url(cells/4.png); }
table#minefield td.revealed.border-5 { background-image: url(cells/5.png); }
table#minefield td.revealed.border-6 { background-image: url(cells/6.png); }
table#minefield td.revealed.border-7 { background-image: url(cells/7.png); }
table#minefield td.revealed.border-8 { background-image: url(cells/8.png); }

table#minefield.lost td.mine,
table#minefield td.mine.revealed
{
	background-image: url(cells/mine.png);
}

table#minefield td.revealed.mine
{
	background-color: #fe0;
}

table#minefield.lost td { border-color: #f00; }
table#minefield.won td { border-color: #0f0; }