.A1 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A1.red {
  background-color: #ffbbbb;
}
.A1:hover {
  background-color: #ff9999;
}
.A1:active {
  background-color: #9999ff;
}

.A3{
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A3.red {
  background-color: #ffbbbb;
}
.A3:hover {
  background-color: #ff9999;
}
.A3:active {
  background-color: #9999ff;
}


.A8{
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A8.red {
  background-color: #ffbbbb;
}
.A8:hover {
  background-color: #ff9999;
}
.A8:active {
  background-color: #9999ff;
}

.A9{
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A9.red {
  background-color: #ffbbbb;
}
.A9:hover {
  background-color: #ff9999;
}
.A9:active {
  background-color: #9999ff;
}

.A11 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A11.red {
  background-color: #ffbbbb;
}
.A11:hover {
  background-color: #ff9999;
}
.A11:active {
  background-color: #9999ff;
}




.A13{
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A13.red {
  background-color: #ffbbbb;
}
.A13:hover {
  background-color: #ff9999;
}
.A13:active {
  background-color: #9999ff;
}

.A14{
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A14.red {
  background-color: #ffbbbb;
}
.A14:hover {
  background-color: #ff9999;
}
.A14:active {
  background-color: #9999ff;
}


.A15{
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A15.red {
  background-color: #ffbbbb;
}
.A15:hover {
  background-color: #ff9999;
}
.A15:active {
  background-color: #9999ff;
}

.A17{
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A17.red {
  background-color: #ffbbbb;
}
.A17:hover {
  background-color: #ff9999;
}
.A17:active {
  background-color: #9999ff;
}

.A18{
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A18.red {
  background-color: #ffbbbb;
}
.A18:hover {
  background-color: #ff9999;
}
.A18:active {
  background-color: #9999ff;
}

.A19{
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.A19.red {
  background-color: #ffbbbb;
}
.A19:hover {
  background-color: #ff9999;
}
.A19:active {
  background-color: #9999ff;
}


#A3 {
  width: 32px;
  height: 28px;
  background-color: #ffaaaa;
  font-weight: 300;
}
#A8 {
  width: 32px;
  height: 28px;
  background-color: #ffaaaa;
  font-weight: 300;
}
#A9 {
  width: 32px;
  height: 28px;
  background-color: #ffaaaa;
  font-weight: 300;
}
#A13 {
  width: 32px;
  height: 28px;
  background-color: #ffaaaa;
  font-weight: 300;
}

.B1a {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B1a.red {
  background-color: #ffbbbb;
}
.B1a:hover {
  background-color: #ff9999;
}
.B1a:active {
  background-color: #9999ff;
}

.B1b {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B1b.red {
  background-color: #ffbbbb;
}
.B1b:hover {
  background-color: #ff9999;
}
.B1b:hover:active {
  background-color: #9999ff;
}

.B1c {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B1c.red {
  background-color: #ffbbbb;
}
.B1c:hover {
  background-color: #ff9999;
}
.B1c:hover:active {
  background-color: #9999ff;
}

.B4 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B4.red {
  background-color: #ffbbbb;
}
.B4:hover {
  background-color: #ff9999;
}
.B4:active {
  background-color: #9999ff;
}

.B5 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B5.red {
  background-color: #ffbbbb;
}
.B5:hover {
  background-color: #ff9999;
}
.B5:active {
  background-color: #9999ff;
}

.B7 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B7.red {
  background-color: #ffbbbb;
}
.B7:hover {
  background-color: #ff9999;
}
.B7:active {
  background-color: #9999ff;
}


.B11 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B11.red {
  background-color: #ffbbbb;
}
.B11:hover {
  background-color: #ff9999;
}
.B11:active {
  background-color: #9999ff;
}


.B12 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B12.red {
  background-color: #ffbbbb;
}
.B12:hover {
  background-color: #ff9999;
}
.B12:active {
  background-color: #9999ff;
}

.B14 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B14.red {
  background-color: #ffbbbb;
}
.B14:hover {
  background-color: #ff9999;
}
.B14:active {
  background-color: #9999ff;
}

.B15 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B15.red {
  background-color: #ffbbbb;
}
.B15:hover {
  background-color: #ff9999;
}
.B15:active {
  background-color: #9999ff;
}

.B17 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B17.red {
  background-color: #ffbbbb;
}
.B17:hover {
  background-color: #ff9999;
}
.B17:active {
  background-color: #9999ff;
}

.B18 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B18.red {
  background-color: #ffbbbb;
}
.B18:hover {
  background-color: #ff9999;
}
.B18:active {
  background-color: #9999ff;
}


.B19 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B19.red {
  background-color: #ffbbbb;
}
.B19:hover {
  background-color: #ff9999;
}
.B19:active {
  background-color: #9999ff;
}

.B22 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B22.red {
  background-color: #ffbbbb;
}
.B22:hover {
  background-color: #ff9999;
}
.B22:active {
  background-color: #9999ff;
}

.B24 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B24.red {
  background-color: #ffbbbb;
}
.B24:hover {
  background-color: #ff9999;
}
.B24:active {
  background-color: #9999ff;
}

.B27 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B27.red {
  background-color: #ffbbbb;
}
.B27:hover {
  background-color: #ff9999;
}
.B27:active {
  background-color: #9999ff;
}

.B28 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B28.red {
  background-color: #ffbbbb;
}
.B28:hover {
  background-color: #ff9999;
}
.B28:active {
  background-color: #9999ff;
}

.B29 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B29.red {
  background-color: #ffbbbb;
}
.B29:hover {
  background-color: #ff9999;
}
.B29:active {
  background-color: #9999ff;
}

.B33 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B33.red {
  background-color: #ffbbbb;
}
.B33:hover {
  background-color: #ff9999;
}
.B33:active {
  background-color: #9999ff;
}

.B34 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B34.red {
  background-color: #ffbbbb;
}
.B34:hover {
  background-color: #ff9999;
}
.B34:active {
  background-color: #9999ff;
}

.B36 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B36.red {
  background-color: #ffbbbb;
}
.B36:hover {
  background-color: #ff9999;
}
.B36:active {
  background-color: #9999ff;
}

.B37 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B37.red {
  background-color: #ffbbbb;
}
.B37:hover {
  background-color: #ff9999;
}
.B37:active {
  background-color: #9999ff;
}

.B40 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.B40.red {
  background-color: #ffbbbb;
}
.B40:hover {
  background-color: #ff9999;
}
.B40:active {
  background-color: #9999ff;
}


.C1 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.C1.red {
  background-color: #ffbbbb;
}
.C1:hover {
  background-color: #ff9999;
}
.C1:active {
  background-color: #9999ff;
}


.D1 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.D1.red {
  background-color: #ffbbbb;
}
.D1:hover {
  background-color: #ff9999;
}
.D1:active {
  background-color: #9999ff;
}

.D3 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.D3.red {
  background-color: #ffbbbb;
}
.D3:hover {
  background-color: #ff9999;
}
.D3:active {
  background-color: #9999ff;
}

.D6 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.D6.red {
  background-color: #ffbbbb;
}
.D6:hover {
  background-color: #ff9999;
}
.D6:active {
  background-color: #9999ff;
}

.D9 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.D9.red {
  background-color: #ffbbbb;
}
.D9:hover {
  background-color: #ff9999;
}
.D9:active {
  background-color: #9999ff;
}

.E1 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.E1.red {
  background-color: #ffbbbb;
}
.E1:hover {
  background-color: #ff9999;
}
.E1:active {
  background-color: #9999ff;
}

.E3 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.E3.red {
  background-color: #ffbbbb;
}
.E3:hover {
  background-color: #ff9999;
}
.E3:active {
  background-color: #9999ff;
}

.E4 {
  width: 28px;
  height: 20px;
  background-color: #ffffff;
  font-weight: 300;
}
.E4.red {
  background-color: #ffbbbb;
}
.E4:hover {
  background-color: #ff9999;
}
.E4:active {
  background-color: #9999ff;
}