.faceOutline
{
    border-style: solid;
    border-color: Black;
    border-width: medium;
}

.tinyOutline
{
    border-style: solid;
    border-color: Black;
    border-width: thin;
}

.tinyActiveFace
{
    border-style: solid;
    border-color: Purple;
    border-width: medium;
}

.cellWhite
{
    background-color: White;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: thin;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: thin;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: thin;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: thin;
    height: 40px;
    width: 40px;
    text-align: center;
}

.cellGreen
{
    background-color: #00FF00;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: thin;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: thin;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: thin;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: thin;
    height: 40px;
    width: 40px;
    text-align: center;
}

.cellRed
{
    background-color: Red;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: thin;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: thin;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: thin;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: thin;
    height: 40px;
    width: 40px;
    text-align: center;
}

.cellBlue
{
    background-color: #0066FF;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: thin;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: thin;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: thin;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: thin;
    height: 40px;
    width: 40px;
    text-align: center;
}

.cellOrange
{
    background-color: #FF9900;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: thin;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: thin;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: thin;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: thin;
    height: 40px;
    width: 40px;
    text-align: center;
}

.cellYellow
{
    background-color: #FFFF00;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: thin;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: thin;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: thin;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: thin;
    height: 40px;
    width: 40px;
    text-align: center;
}

.tinyW
{
    background-color: White;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: 1px;
    height: 20px;
    width: 20px;
}

.tinyG
{
    background-color: #00FF00;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: 1px;
    height: 20px;
    width: 20px;
}

.tinyR
{
    background-color: Red;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: 1px;
    height: 20px;
    width: 20px;
}

.tinyB
{
    background-color: #0066FF;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: 1px;
    height: 20px;
    width: 20px;
}

.tinyO
{
    background-color: #FF9900;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: 1px;
    height: 20px;
    width: 20px;
}

.tinyY
{
    background-color: #FFFF00;
    border-left-style: solid;
    border-left-color: Gray;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: Gray;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-color: Gray;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: Gray;
    border-bottom-width: 1px;
    height: 20px;
    width: 20px;
}