Цифровой рейтинг

<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;}