.rating { <BR> color: #757575; <BR> font: 11px tahoma; <BR> width: 85px; <BR> height: 16px; <BR> } <BR> .unit-rating { <BR> list-style: none; <BR> margin: 0px; <BR> padding: 0px; <BR> width: 85px; <BR> height: 16px; <BR> position: relative; <BR> background: url(http://heroes-ru.info/img/rating/rating.gif) repeat-x top left; <BR> } <BR> .unit-rating li { <BR> text-indent: -90000px; <BR> padding: 0px; <BR> margin: 0px; <BR> float:left; <BR> } /*heroes-ru.info*/ <BR> .unit-rating li a { <BR> display: block; <BR> width: 17px; <BR> height: 16px; <BR> text-decoration: none; <BR> text-indent:-9000px; <BR> z-index: 17; <BR> position: absolute; <BR> padding: 0px; <BR> } <BR> .unit-rating li a:hover { <BR> background-image: url(http://heroes-ru.info/img/rating/rating.gif); <BR> background-position: left center; <BR> z-index: 2; <BR> left: 0px; <BR> } <BR> .unit-rating a.r1-unit { <BR> left: 0px; <BR> } <BR> .unit-rating a.r1-unit:hover { <BR> width: 17px; <BR> } <BR> .unit-rating a.r2-unit { <BR> left: 17px; <BR> } <BR> .unit-rating a.r2-unit:hover { <BR> width: 34px; <BR> } <BR> .unit-rating a.r3-unit { <BR> left: 34px; <BR> } <BR> .unit-rating a.r3-unit:hover { <BR> width: 51px; <BR> } <BR> .unit-rating a.r4-unit { <BR> left: 51px; <BR> } <BR> .unit-rating a.r4-unit:hover { <BR> width: 68px; <BR> } <BR> .unit-rating a.r5-unit { <BR> left: 68px; <BR> } <BR> .unit-rating a.r5-unit:hover { <BR> width: 85px; <BR> } <BR> .unit-rating li.current-rating { <BR> background-image: url(http://heroes-ru.info/img/rating/rating.gif); <BR> background-position: left bottom; <BR> position: absolute; <BR> height: 16px; <BR> display: block; <BR> text-indent: -9000px; <BR> z-index: 1; <BR> }