<div class="orating rate <?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>positiveRate<?else?>negativeRate<?endif? ><?endif?>">    
<span class="orating_counter tipsy-left"><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">    
<a href="javascript://" onclick="rateForm(+1,$ID$);return false;" class="orating-btn rup tipsy-right u-star-li-$ID$" title="Нравится"></a>    
<a href="javascript://" onclick="rateForm(-1,$ID$);return false;" class="orating-btn rdown tipsy-right u-star-li-$ID$" title="Не нравится"></a>    
<script type="text/javascript" src="/rate.js"></script>    
    </div>

.orating {   
   width:60px;   
   height:32px;   
   background:url('orating_img/highlight.png') repeat-x #828282;   
   border:1px solid #636363;   
   background-position:0px -32px;   
   border-radius:2px;   
   -moz-border-radius:2px;   
   -webkit-border-radius:2px;   
   color:#fff;   
   position:relative;   
   float:right;   
   transition:all 0.2s ease;   
   -moz-transition:all 0.2s ease;   
   -webkit-transition:all 0.2s ease;   
   -o-transition:all 0.2s ease;   
}   

.positiveRate {background:url('orating_img/highlight.png') repeat-x #82BA00;border:1px solid #7AB004;}   
.negativeRate {background:url('orating_img/highlight.png') repeat-x #CC0000;border:1px solid #AD0000;}   
.orating_counter {   
   font-size:18px;   
   font-family:"Trebuchet MS", tahoma;   
   font-weight:normal;   
   display:block;   
   height:32px;   
   line-height:30px;   
   width:42px;   
   text-align:center;   
}   

.orating_counter a{color:#fff;text-shadow:0px -1px 0px rgba(0,0,0,0.4);}   

.orate-btns {   
   width:16px;   
   position:absolute;   
   right:2px;   
   top:3px;   
}   

a.orating-btn {   
   display:block;   
   width:16px;   
   height:14px;   
   opacity:0.5;   
   transition:all 0.2s ease;   
   -moz-transition:all 0.2s ease;   
   -webkit-transition:all 0.2s ease;   
   -o-transition:all 0.2s ease;   
   background:url('orating_img/rarting-up-down.png') no-repeat;   
}   

a.orating-btn:hover {opacity:1;}   
a.orating-btn.rup {background-position:0px 0px;}   
a.orating-btn.rdown {background-position:0px -18px;}   

   a.orating_res{font:bold 12px/12px 'Trebuchet MS';color:#fff;text-shadow:0 2px 3px rgba(0,0,0,0.35);}
   a.orating_res:hover{color:#f0f0f0;}   
   a.orating_m, a.orating_p{height:12px;width:12px;background:url('/dleimages/oicons.png') no-repeat;}   
   a.orating_m{float:left;background-position:-12px 0;}   
   a.orating_m:hover{background-position:-12px -12px;}   
   a.orating_m.orated{background-position:-12px -24px;}   
   a.orating_p{float:right;}   
   a.orating_p:hover{background-position:0 -12px;}   
   a.orating_p.orated{background-position:0 -24px;}   

.ocomm{float:left;width:60px;height:12px;padding:12px 4px;color:#fff;position:relative;text-align:center;}   
   a.ocomm_res{font:bold 10px/12px Tahoma}   
   a.ocomm_res:hover{color:#f0f0f0;}   
.comm_hide{padding:10px 20px;font:normal 12px Arial;color:#666;}   
   .comm_hide a{display:inline-block;margin-left:10px;padding:0 2px;color:#07d;text-decoration:underline;font-style:italic;}   
   .comm_hide a:hover{color:#000;border:0;}   

   .ogray{border:1px solid #ccc;box-shadow:inset 0 1px #f0f0f0;background:#d9d9d9;}   
   /*.oplus{border:1px solid #6e912c;box-shadow:inset 0 1px #aec97b;background:#82ac34;}*/   
   /*.ominus{border:1px solid #a13535;box-shadow:inset 0 1px #dd8484;background:#cb4242;}*/   
   .ogold{border:1px solid #006090;box-shadow:inset 0 1px #66bde8;background:#4385b4;}   
   .oblack{border:1px solid #444;box-shadow:inset 0 1px #bbb;background:#5a5a5a;}   
   .oload{cursor:progress !important;}   

.rateCounter {   
   font-weight:bold;   
   display:inline-block;   
   min-width:26px;   
   padding:3px;   
   font-size:10px;   
   text-align:center;   
   border-radius:2px;   
   -moz-border-radius:2px;   
   -webkit-border-radius:2px;   
   background: #7CB600;   
   background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);   
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E5E5E5));   
   background: -webkit-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%);   
   background: -o-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%);   
   background: -ms-linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%);   
   background: linear-gradient(top, #FFFFFF 0%,#E5E5E5 100%);   
   border:1px solid #C8C8C8;   
   margin-left:5px;   
}   

.rateCounter a{color:#4B4B4B;text-shadow:0px 1px 0px #fff;}   
.rateCounter a:hover{color:#4B4B4B;text-shadow:0px 1px 0px #fff;}   

.rateCounter.green {   
   background: #7CB600;   
   background: -moz-linear-gradient(top, #8EC300 0%, #6CAA00 100%);   
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8EC300), color-stop(100%,#6CAA00));   
   background: -webkit-linear-gradient(top, #8EC300 0%,#6CAA00 100%);   
   background: -o-linear-gradient(top, #8EC300 0%,#6CAA00 100%);   
   background: -ms-linear-gradient(top, #8EC300 0%,#6CAA00 100%);   
   background: linear-gradient(top, #8EC300 0%,#6CAA00 100%);   
   border:1px solid #689E07;   
}   

.rateCounter.green a{color:#fff;text-shadow:0px -1px 0px rgba(0,0,0,0.3);}   
.rateCounter.green a:hover{color:#fff;text-shadow:0px -1px 0px rgba(0,0,0,0.3);}   

.rateCounter.red {   
   color:#fff;   
   text-shadow:0px -1px 0px rgba(0,0,0,0.3);   
   background: #E71A0E;   
   background: -moz-linear-gradient(top, #FE2F18 0%, #CF0404 100%);   
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE2F18), color-stop(100%,#CF0404));   
   background: -webkit-linear-gradient(top, #FE2F18 0%,#CF0404 100%);   
   background: -o-linear-gradient(top, #FE2F18 0%,#CF0404 100%);   
   background: -ms-linear-gradient(top, #FE2F18 0%,#CF0404 100%);   
   background: linear-gradient(top, #FE2F18 0%,#CF0404 100%);   
   border:1px solid #B00303;   
}   

.rateCounter.red a{color:#fff;text-shadow:0px -1px 0px rgba(0,0,0,0.3);}   
.rateCounter.red a:hover{color:#fff;text-shadow:0px -1px 0px rgba(0,0,0,0.3);}   

.rateCounter.gold {   
   background: #B67C00;   
   background: -moz-linear-gradient(top, #FAB00F 0%,#D69811 100%);   
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAB00F), color-stop(100%,#D69811));   
   background: -webkit-linear-gradient(top, #FAB00F 0%,#D69811 100%);   
   background: -o-linear-gradient(top, #FAB00F 0%,#D69811 100%);   
   background: -ms-linear-gradient(top, #FAB00F 0%,#D69811 100%);   
   background: linear-gradient(top, #FAB00F 0%,#D69811 100%);   
   border:1px solid #A67100;   
}   

.rateCounter.gold a{color:#fff;text-shadow:0px -1px 0px rgba(0,0,0,0.3);}   
.rateCounter.gold a:hover{color:#fff;text-shadow:0px -1px 0px rgba(0,0,0,0.3);}   
     
.ostats{display:none;background:#e5e5e5;background:rgba(0,0,0,0.6);width:230px;padding:6px;border-radius:5px;box-shadow:0px 1px 3px rgba(0,0,0,0.3);position:absolute; top:16px; left:-246px; z-index:99;}   
.ostats_area h4{text-align:center;margin:0;border-bottom:1px solid #eee;background:#fafafa url('../dleimages/orating_h4.png') repeat-x;border-radius:2px 2px 0 0;height:35px;font-size:13px; font-weight:normal; font-size:14px; font-family:"Trebuchet MS"; line-height:35px;color:#999;cursor:move;}   
   .ostats_area{background:#fff;border-radius:3px;padding-bottom:1px;}   
   .oclose{width:22px;height:22px;background:url('../dleimages/oclose.png') no-repeat;float:right;margin:-3px -3px;border:0;text-decoration:none;}   
   .oclose:hover{background-position:0 -22px;}   
   .oclose:active{background-position:0 -44px;}   
   .ostats ul{list-style:none;margin:0;padding:0;float:none;height:auto;}   
   .ostats ul li{display:block;background:url('../dleimages/oarrow.png') no-repeat 10px 0;border-bottom:1px dotted #eee;padding:0 10px 0 32px;float:none;height:22px;font:normal 11px/22px 'Trebuchet MS',Tahoma;position:relative;overflow:hidden;}   
   .ostats ul li.onoentry{background:none;text-align:center;color:#999;padding:0 5px;}   
   .ostats ul li:hover{background-color:#fff;}   
   .ostats ul li a:hover{text-decoration:underline;}   
   .ostats ul li.ostat-none{background-image:none;}   
   .ostats ul li.ostat-none a{color:#888;}   
   .ostats ul li.ostat-none:hover a{color:#555;}   
   .ostats ul li.ostat-plus{}   
   .ostats ul li.ostat-plus a{color:#82ac34;}   
   .ostats ul li.ostat-plus:hover{background-position:10px -22px;}   
   .ostats ul li.ostat-plus:hover a{color:#546338;}   
   .ostats ul li.ostat-minus{background-position:10px -44px;}   
   .ostats ul li.ostat-minus a{color:#ab3935;}   
   .ostats ul li.ostat-minus:hover{background-position:10px -66px;}   
   .ostats ul li.ostat-minus:hover a{color:#522726;}   
   .ostats ul li span{float:right;font-family:Arial;color:#ccc;}   
   .ostats ul li:hover span{color:#777;}   
     
   #ostatitem {cursor:pointer;}   
#ostats-userinfo{position:absolute;height:22px;background:rgba(88,88,88,0.88);left:0;top:0;display:none;width:100%;text-align:center;}   
   #ostats-userinfo a{display:inline-block;padding:0 15px;color:#e3e5e7;font:bold 10px/21px Tahoma;height:21px;text-decoration:uppercase;}   
   #ostats-userinfo a:hover{text-decoration:underline;color:#fff;background:#000;}   
   #ostats-userinfo a.close{float:right;}   
#okarma{float:left;height:20px;color:#fff;text-align:center;padding:0 10px;}   

.ostats-uservotes{width:880px;}   
.ostats-uservotes-area{margin-right:610px;}   
#ostats-user-ratings{float:right;width:600px;background:#fafafa;border-radius:4px;padding-bottom:5px;}
   #ostats-user-ratings ul{overflow:auto;}   
.onavi{padding:10px 0 0;position:relative;width:100%;}   
   .onavi .opages{margin:0 15px;text-align:center;}   
   .onavi .opages *{padding:0 5px;font:normal 11px/22px Arial;height:22px;margin:0 3px 5px;display:inline-block;border-radius:4px;border-left:1px solid #eee;border-right:1px solid #eee;}   
   .onavi .opages a{color:#82ac34;text-decoration:none;}   
   .onavi .opages a:hover{color:#546338;background-color:#6db95a;color:#fff !important;}   
   .onavi .opages span{color:#fff;background-color:#ddd;cursor:default;}   
.usernavistart, .usernaviend{background:url('../dleimages/ostats.png') no-repeat;padding:0;margin:0;position:absolute;top:50%;margin-top:-11px;display:block;height:22px;width:22px;border:0;}   
.usernavistart{left:-10px;}a.usernavistart:hover{background-position:0 -22px;}a.usernavistart:active{background-position:0 -44px;}span.usernavistart{background-position:0 -66px;}   
.usernaviend{right:-10px;background-position:-22px 0;}a.usernaviend:hover{background-position:-22px -22px;}a.usernaviend:active{background-position:-22px -44px;}span.usernaviend{background-position:-22px -66px;}   

   .ostat-bar-box {   
   width:170px;   
   height:8px;   
   background:url('http://trialanet.com/templates/newtn/images/green-red-bar.png') repeat-x;   
   overflow:hidden;   
   border-radius:4px;   
   -moz-border-radius:4px;   
   -webkit-border-radius:4px;   
   font-size:0px;   
   }   
   .ostat-bar {   
   height:8px;   
   background:url('http://trialanet.com/templates/newtn/images/green-red-bar.png') repeat-x 0px -8px;   
   font-size:0px;   
   }   
   .ostat-bar-table {margin:5px 0px;}   
   .ostat-bar-table td {text-align:center;}   
   .orating-count {font-weight:bold; font-size:10px; width:30px;}   
   .orating-count.rplus {color:#589C1A;}   
   .orating-count.rminus {color:#C41111;}