.matrix {width:750px; border-collapse:collapse; font-family:Arial, Helvetica, sans-serif, Tahoma; padding:0; margin:0}
.matrix td {border:1px solid #888888; padding:0 4px; text-align:center; font-size:11px}
.matrix th {border:1px solid #888888;  padding:8px; text-align:left; background:#E7E7E7; font-size:12px}
.heading td {border:0; font-weight:bold; padding:8px; font-size:12px;  }
.notes td {width:70px}
td.attribute  {text-align:left; font-size:12px; padding:8px; white-space:nowrap}

span.score-wrapper {display: block; text-align: center}
span.score-unset
{
    color: #C5C5C5; display: block; height: 20px; margin: 0 auto; padding-top: 3px; 
    text-align: center; vertical-align: middle; width: 23px;
}

span.score-0, span.score-1, span.score-2, span.score-3, span.score-4, span.score-5
{
    background: transparent url(images/hb.gif) no-repeat scroll left top;
    display: block; height: 21px; margin: 0 auto; width: 21px; padding:2px;
}

span.score-1 { background-position: -27px 0; }
span.score-2 { background-position: -54px 0; }
span.score-3 {  background-position: -81px 0; }
span.score-4 { background-position: -108px 0; }
span.score-5 { background-position: -135px 0; }

span.score-all 
{ 
	background: transparent url(images/hb.gif) no-repeat; 
	display: block; height: 23px; float: left; padding: 0 0px 0 165px;
}