body {
    font-family: arial;
    text-align: center;
}

p.solutionTitle {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 8px;
}

p.solutionStatus {
    text-align: center;
}

table.layout {
    margin-left: auto;
    margin-right: auto;
}

table.layout td {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

table.sudoku {
    border-collapse: collapse;
    border-spacing: 0px;
    border-width: 0px;
}

table.sudoku tr td {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    margin: 0px;
    padding: 0px;
}

.cell, .cellInput {
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    font-size: 14pt;
    height: 24px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 24px;
}

/* Two background colors for the cells of the sudoku game. Alternate between
 * these colors to distinguish between different "groups" of the game. */
.cellColor1 {
    background-color: #c0ffff;
}
.cellColor2 {
    background-color: #b0b0ff;
}