<div class="rating" style="float: left;">
<ul class="unit-rating">
<li id="cur-rat$ENTRY_ID$" class="current-rating" style="width: 0px;"></li>
<li><a href="#" title="Плохо" class="r1-unit" onclick="uz.util.Connect.asyncRequest('GET','/news/0-0-1-$ENTRY_ID$-15-1',callback);">1</a></li>
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="uz.util.Connect.asyncRequest('GET','/news/0-0-2-$ENTRY_ID$-15-1',callback);">2</a></li>
<li><a href="#" title="Средне" class="r3-unit" onclick="uz.util.Connect.asyncRequest('GET','/news/0-0-3-$ENTRY_ID$-15-1',callback);">3</a></li>
<li><a href="#" title="Хорошо" class="r4-unit" onclick="uz.util.Connect.asyncRequest('GET','/news/0-0-4-$ENTRY_ID$-15-1',callback);">4</a></li>
<li><a href="#" title="Отлично" class="r5-unit" onclick="uz.util.Connect.asyncRequest('GET','/news/0-0-5-$ENTRY_ID$-15-1',callback);">5</a></li>
</ul>
</div>
<script type="text/javascript">
document.getElementById('cur-rat$ENTRY_ID$').style.width=$RATING_NUM$*17; // by Vanofuture
</script>

<?if($RATING$)?>
<div class="rating" style="float: left; padding-top: 2px;"> ($RATING$/$RATED$)</div>
<?endif?>

.rating {color: #666666; font-family: Tahoma, helvetica, sans-serif; font-size: 11px; width: 85px; height: 16px;}
.unit-rating{list-style:none; margin: 0px; padding:0px; width: 85px; height: 16px; position: relative; background: url('/rating.gif') top left repeat-x;}
.unit-rating li{text-indent: -90000px; padding:0px; margin:0px; float: left;}
.unit-rating li a{display:block; width:17px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 17; position: absolute; padding: 0px;}
.unit-rating li a:hover{background: url('/rating.gif') left center; z-index: 2; left: 0px;}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:17px;}
.unit-rating a.r2-unit{left:17px;}
.unit-rating a.r2-unit:hover{width: 34px;}
.unit-rating a.r3-unit{left: 34px;}
.unit-rating a.r3-unit:hover{width: 51px;}
.unit-rating a.r4-unit{left: 51px;}
.unit-rating a.r4-unit:hover{width: 68px;}
.unit-rating a.r5-unit{left: 68px;}
.unit-rating a.r5-unit:hover{width: 85px;}
.unit-rating li.current-rating{background: url('/rating.gif') left bottom;   position: absolute;   height: 16px;   display: block; text-indent: -9000px; z-index: 1;}