.zero {background-color: #999999; color: #000;}
.one {background-color: #ff0000; color: #000;}
.two {background-color: #ffcc00; color: #000;}
.three {background-color: #ffff00; color: #000;}
.four {background-color: #00bb22; color: #000;}
.five {background-color: #0044dd; color: #fff;}
.six {background-color: #cc00cc; color: #fff;}
.seven {background-color: #222222; color: #fff;}
.nine {background-color: #111111; color: #fff;}

.lt-zero {background-color: #ffffff; color: #888;}
.lt-one {background-color: #ffdddd; color: #888;}
.lt-two {background-color: #ffeeaa; color: #888;}
.lt-three {background-color: #ffffcc; color: #888;}
.lt-four {background-color: #bbffcc; color: #888;}
.lt-five {background-color: #ccddff; color: #888;}
.lt-six {background-color: #ffbbff; color: #888;}
.lt-seven {background-color: #eeeeee; color: #888;}
.lt-nine {background-color: #ffffff; color: #888;}

/* active colors -- rule 0 is grey 
passive colors -- rule 7 is grey*/