.smatrix td.y 
{
            background: #afa ! important;
}
.smatrix td.n 
{
            background: #faa;
}
.smatrix td 
{
            text-align: center;
                 width: 20ex;;
                height: 4ex;
        vertical-align: middle;
                border: 1px solid #777;
             font-size: 8px;
}
.smatrix th.invisible,.smatrix td.invisible 
{
            background: none;
                border: 0;
}
.smatrix th.hone 
{
             font-size: 10px;
            background: #333;
                 color: white;
               padding: 2px 0 5px 0;
}
.smatrix th 
{
            background: #ddd;
        vertical-align: middle;
          padding-left: 1ex;
         padding-right: 1ex;
                border: 1px solid #777;
}
.smatrix th.cone 
{
                 width: 30ex;
}
.smatrix th.empty 
{
                border: 0;
}
.smatrix 
{
       border-collapse: collapse;
}
.smatrix td.y1 
{
            background: #dfd;
}
.smatrix td.n1 
{
            background: #f88;
}
.smatrix td.y2 
{
            background: #bfb;
}
.smatrix td.n2 
{
            background: #f99;
}
.smatrix td.y3 
{
            background: #9f9;
}
.smatrix td.n3 
{
            background: #faa;
}
.smatrix td.y4 
{
            background: #7f7;
}
.smatrix td.n4 
{
            background: #fbb;
}
.smatrix td.y5 
{
            background: #5f5;
}
.smatrix td.n5 
{
            background: #fcc;
}
.smatrix td.y6 
{
            background: #3f3;
}
.smatrix td.n6 
{
            background: #fdd;
}
.smatrix td.y7 
{
            background: #1f1;
}
.smatrix td.n7 
{
            background: #fee;
}