<style type="text/css">  
   #icon-border {margin:0px; padding:1px; display:inline-block; border:1px solid #ccc; background:#fff;}  
   #icon-blue {display:inline-block; height:6px; width:6px; border:1px solid #586a7c; background:#607c99 url('http://www.csomsk.ru/1-ucoz/highlight_faint-1-.png') repeat-x top;padding-left:1px;}   
   #icon-gray {display:inline-block; height:6px; width:6px; border:1px solid #757B7F; background:#999999 url('http://www.csomsk.ru/1-ucoz/highlight_faint-1-.png') repeat-x top;}  
  .cross1{padding-top:1px;display:inline-block;padding-bottom:1px;color:#fff;text-align:center;margin:0px -1px;text-shadow:0px 1px 0px rgba(0,0,0,0.30);border:1px solid #757B7F;background:#7d7d7d;text-align:left;}.cross2{padding-top:1px;display:inline-block;padding-bottom:1px;color:#fff;text-align:center;margin:0px -1px;text-shadow:0px 1px 0px rgba(0,0,0,0.30);border:1px solid #586a7c;border-left:1px solid #646A6D;background:#61768A;text-align:right;}</style>  
   <div style="display:none;">$ONLINE_COUNTER$</div><table width="100%" cellpadding="0" cellspacing="0" border="0">  
  <tr>  
  <td align="left" width="50%" valign="left"><span id="icon-border" style="margin-right:3px;"><span id="icon-gray"></span></span>Гости сайта</td>  
  <td align="right" width="50%" valign="right">Пользователи<span id="icon-border" style="margin-left:3px;"><span id="icon-blue"></span></span></td>  
  </tr>  
  </table>  
  <div style="border:1px solid #ccc; background:#fff; padding:1px 2px; margin-top:2px;" id="stat-line" align="left"></div>  
  <div style="border:0px; padding:2px; text-align:center;" id="all-users"></div>  
  <script type="text/javascript">   
   var allusers = $('.tOnline b').html();   
   var gostusers = $('.gOnline b').html();   
   var siteusers = $('.uOnline b').html();   
   var uGosti = (gostusers/allusers).toFixed(2)*100;   
   var uUsers = 100 - uGosti;   
   function skl(a, n) {return a[n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>= 20) ? 1 : 2];};   
   $('#stat-line').html('<div class="cross1" style="width:'+Number(uGosti).toPrecision(3)+'%;" id="ghostss"><span style="padding-left:3px;">'+uGosti.toFixed()+'%</span></div><div class="cross2" style="width:'+Number(uUsers).toPrecision(3)+'%;" id="userss"><span style="padding-right:3px;">'+uUsers.toFixed()+'%</span></div>');   
   $('#all-users').html('Всего на сайте <b>'+allusers+'</b> '+skl(['человек', 'человека', 'человек'],allusers)+'</div>');   
   if (siteusers<1) $('#userss').hide();   
   if (gostusers<1) $('#ghostss').hide();   
   </script>