.scoringColorsDiv {
    margin: 2px;
    padding: 1px 3px 0;
    display: inline;
    border: solid #AAAAAA 2px;
    background: #CDCDB4;
    /* grey051 and grey060 work well here*/
    background-image: url('../images/mastermind/grey060.jpg');
}
.movingPieceDiv {
    height: 1px;
    width: 1px;
    position: absolute;
/*
    overflow: hidden;
*/
    visibility: hidden;
    z-index: 999;
}
#unplayedPieceTray {
    margin: 1em auto 1em;
    padding: 1em;
    text-align: center;
    border: solid #AAAAAA 2px;
    background: #CDCDB4;
    /* grey051 and grey060 work well here*/
    background-image: url('../images/mastermind/grey060.jpg');
}
.unplayedPieceDiv {
    display: inline;
}
#board {
    clear: both;
}
.boardTable {
    margin: 1em auto 1em;
    border-collapse: collapse;
    border: solid #AAAAAA 2px;
    line-height: 0.8em;
    background: #CDCDB4;
    /* grey051 and grey060 work well here*/
    background-image: url('../images/mastermind/grey060.jpg');
}
.codeRow {
    border: solid #AAAAAA 2px;
}
.boardTable td {
    width:  36px;
    height: 46px;
    font-size: 0.5em;
}
.codeRow td {
    height: 40px;
}
.boardTable img {
    margin: 0 auto;
}
.activeRow {
    background: #DDDDC4;
}
.scoreArray {
    border: solid #AAAAAA 1px;
    margin: 0;
}
.scoreArray td {
    width:  18px; 
    height: 15px;
    vertical-align: middle;
}