/* New Perspectives on HTML and CSS Tutorial 5 Case Problem 1

Sudoku Puzzle Table Style Sheet Author: Rebecca Peretz Date: 3/1/2014

Filename: stable.css Supporting Files: green.jpg, gold.jpg

*/

/* Sudoku Puzzle Table */ table.spuzzle { border-collapse: collapse;
}

table.spuzzle td { border: 5px outset gray;
}

table.spuzzle th { font-size: 8px; color: gray;
}

table.spuzzle tbody th { height: 40px;
}

/* Subtables within Sudoku Puzzle */ table.subTable { border-collapse: collapse;
}

table.subTable td { border: 1px solid black; color: blue; font-size: 20px; height: 40px; text-align: center; vertical-align: middle; width: 40px;
}

/* Subtables with gold background cells */ table.spuzzle td.goldBox td {background: url(gold.jpg) no-repeat 50% 50%;
}

/* Subtables with green background cells */ table.spuzzle td.greenBox td { background: url(green.jpg) no-repeat 50% 50%;
}

----------------------- stable.css should be opened as text

The table data cells within spuzzle table should have a 5-px outset gray border

A style rule should collapse the borders of spuzzle/subTable tables

For data cells nested within goldBox class, gold.jpg should display as background, centered within the cell, not tiled

For data cells within the subTable table, styles should be added to
a) Set font size to 20 px and font color to blue
b) Set width/height to 40 px, center cell text both horizontally/ vertically
c) Add a 1-px solid black border around the cell

Header cells height in the table body row group of spuzzle table should be 40 px

The font size of header cells within spuzzle table should be 8 px, font color should be gray

Descriptive comments should be added throughout