Новый, числовой рейтинг (+/-) материалов для uCoz.

<div style="width: 120px;">
<?if($RATE_FORM$)?>
<a href="#" title="Минуснуть" onclick="rateForm(-1,$ID$);return false">
<div class="photo_m">−</div></a><?else?>
<a title="Вы не можете минусовать">
<div class="photo_m">−</div></a><?endif?>

<?if($RATE_FORM$)?>
<a href="#" title="Плюсануть" onclick="rateForm(1,$ID$);return false">
<div class="photo_p">+</div></a><?else?>
<a title="Вы не можете плюсовать">
<div class="photo_p">+</div></a><?endif?>

<?if($RATING$*$RATED$-2*$RATED$='0')?><div class="photo_null"><?endif?>
<?if($RATING$*$RATED$-2*$RATED$>0)?><div class="photo_plus"><?endif?>
<?if($RATING$*$RATED$-2*$RATED$<0)?><div class="photo_minus"><?endif?>
<span title="Голосов: $RATED$" id="rate_$ID$">
<script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script>
<script type="text/javascript" src="http://fullweb.ucoz.ru/js/rate.js"></script>
</span>
</div>
</div>

.photo_m {
text-shadow: white 0px 0px 3px;
background-color: #38434D;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-color: #303B45;
color: #000000;
float: left;
font-size: 20pt;
height: 36px;
width: 30px;
text-align: center;
line-height: 31px;
vertical-align: middle;}

.photo_p {
text-shadow: white 0px 0px 3px;
background-color: #38434D;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #303B45;
color: #000000;
float: right;
font-size: 20pt;
height: 36px;
width: 30px;
text-align: center;
line-height: 31px;
vertical-align: middle;}

.photo_null {
background-color: #919191;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #303B45;
color: #000000;
float: right;
font-size: 22pt;
height: 36px;
width: 56px;
text-align: center;
line-height: 36px;
vertical-align: middle;}

.photo_plus {
background-color: #1b881b;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #303B45;
color: #000000;
float: right;
font-size: 22pt;
height: 36px;
width: 56px;
text-align: center;
line-height: 36px;
vertical-align: middle;}

.photo_minus {
background-color: #eb4600;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #303B45;
color: #000000;
float: right;
font-size: 22pt;
height: 36px;
width: 56px;
text-align: center;
line-height: 36px;
vertical-align: middle;}

.photo_p:hover {background: #1b881b; color: #085408;}
.photo_null:hover {background: #aaaaaa; color: #efefef;}
.photo_minus:hover {background: #9d9d9d; color: #b11818;}
.photo_plus:hover {background: #9d9d9d; color: #106f09;}
.photo_m:hover {background: #eb4600; color: #70000c;}