/* This assumes it is on a white background */

div.Black, td.Black {
    color: white;
    background-color: black;
}
div.Blue, td.Blue {
    background-color: blue;
    color: white;
}
div.Brown, td.Brown {
    background-color: brown;
    color: white;
}
div.Cyan, td.Cyan {
    background-color: cyan;
}
div.Evergreen, td.Evergreen {
    color: #339933;
}
div.Gray, td.Gray {
   background-color: gray;
}
div.Green, td.Green {
    color: white;
    background-color: green;
}
div.LightBlue, td.LightBlue {
    background-color: lightblue;
}
div.LightPurple, td.LightPurple {
    color: #DA70D6;
}
div.Magenta, td.Magenta {
    background-color: magenta;
}
div.Orange, td.Orange {
    background-color: orange;
}
div.Pink, td.Pink {
    background-color: lightpink;
}
div.Purple, td.Purple {
    color: white;
    background-color: purple;
}
div.Red, td.Red {
    background-color: #cc0000;
    color: white;
}
div.Teal, td.Teal {
    background-color: teal;
}
div.Tan, td.Tan {
    background-color: tan;
}
div.White, td.White {
    background-color: white;
}
div.Yellow, td.Yellow {
    background-color: yellow;
}
div.YellowGreen, td.YellowGreen {
    background-color: yellowgreen;
}


/* text  */
span.Black {
   color: black;
}
span.Blue {
   color: blue;
}
span.Brown {
   color: brown;
}
span.Cyan {
   color: cyan;
}
span.DarkGreen {
    color: darkgreen;
}
span.Evergreen {
    color: #339933;
}
span.Grey {
    color: gray;
}
span.Gray {
   color: gray;
}
span.Green {
   color: green;
}
span.LightGreen {
    color: lightgreen;
}
span.LightBlue {
   color: lightblue;
}
span.LightPurple {
    color: #DA70D6;
}
span.Magenta {
   color: magenta;
}
span.Orange {
   color: orange;
}
span.Pink {
   color: lightpink;
}
span.Purple {
   color: purple;
}
span.Red {
   color: #cc0000;
}
span.DarkRed{
    color: darkred;
}
span.Teal {
   color: teal;
}
span.Tan {
   color: tan;
}
span.White {
   color: white;
}
span.Yellow {
   color: yellow;
}
span.YellowGreen {
    color: yellowgreen;
}

.BrightGreenButton {
    background-color: lawngreen;
    border-color: darkgreen;
    color: darkgreen;
}
    .BrightGreenButton:hover {
        background-color: forestgreen;
        color: lawngreen;
    }

.BrightYellowButton {
    background-color: yellow;
    border-color: #cc0000;
    color: #cc0000;
}
.BrightYellowButton:hover {
    background-color: orange;
}