/*
 * Extra styles for sudoku example pages
 * By Gaby Vanhegan <gaby@vanhegan.net> 2005-09-11
 * © Copyright 2005 Gaby Vanhegan <gaby@vanhegan.net>
 */

div.example {
	padding: 12px;
	margin-left: auto;
	margin-right: auto;
}

/* Table holder for sudoku puzzle */
table.sudokuExample {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	margin: 6px;
	}

table.sudokuExample td {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div.example .caption {
	font-style: italic;
}

/* Individual 3x3 sub-squares */
table.cube {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	}

/* Each cell inside a 3x3 cell */
.cube td {
	width: 32px;
	height: 32px;
	border: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 7pt;
	}

/* Alternative colour, to give the alternating grid effect */
.cubeAlt, .numAlt {
	/*background: #e9e9e9;*/
	}

/* A cell with a filled in number in it */
td.num {
	font-size: 16pt;
	text-align: center;
	vertical-align: middle;
	font-size: 15pt;
	color: #111188;
	}

/* A cell with a starting number in it */
td.numOrig {
	font-size: 16pt;
	text-align: center;
	vertical-align: middle;
	color: #222222;
	}

/* For colouring, we're only ever going to have candidates */
td.num1,  td.num2,  td.num3,  td.num4,  td.num5,  td.num6,
td.num7,  td.num8,  td.num9,  td.num10, td.num11, td.num12, 
td.num13, td.num14, td.num15, td.num16 {
	font-size: 7pt; 
	font-weight: bold;	
	}

/* Individual cell pair colours */
.num1	{ background: #ffaaaa; }	/* Red */
.num2	{ background: #ffdddd; }	/* Light red */

.num3	{ background: #ffff88; }	/* Yellow */
.num4	{ background: #ffffcc; }	/* Light yelow */

.num5	{ background: #aaffaa; }	/* Green */
.num6	{ background: #ddffdd; }	/* Light green */

.num7	{ background: #aaaaff; }	/* Blue */
.num8	{ background: #ddddff; }	/* Light blue */

.num9	{ background: #ffcc66; }	/* Orange */
.num10	{ background: #ffddaa; }	/* Light orange */

.num11	{ background: #ff99ff; }	/* Purple */
.num12	{ background: #ffccff; }	/* Light purple */

.num13	{ background: #99ffff; }	/* Turquoise */
.num14	{ background: #ccffff; }	/* Light turquoise */

.num15 { background: #333333; color: white; }	/* Dark grey */
.num16 { background: #aaaaaa; color: white; }	/* Light grey */