<div class="orating rate <?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?><?endif?>"><span class="orating_counter tipsy-left" original-title="Кликните для просмотра статистики"><b title="Голосов: $RATED$" id="rate_$ID$" class="r2"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b></span><div class="orate-btns">  
  <?if($RATE_FORM$)?><a href="#" onclick="rateForm(+1,$ID$,1,<?if($CID$)?>$CID$<?else?>nullRate<?endif?>);return false" class="orating-btn rup tipsy-right" title="Нравится"></a><?endif?>  
  <?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$,1,<?if($CID$)?>$CID$<?else?>nullRate<?endif?>);return false" class="orating-btn rdown tipsy-right" title="Не нравится"></a><?endif?>  
  <script type="text/javascript" src="/js/rate_reiting_materiala_new.js"></script></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;}