<div id="myfooter" style="height: 40px; position: fixed; width: 800px; top: auto; right: 0pt; margin: 0pt auto; bottom: -15px; left: 800px; font-weight: bold;">  
   <div id="fbfcbframe" style="border: 1px solid black; padding: 0px; background: none repeat scroll 0% 0% white; display: none; -moz-background-inline-policy: continuous; position: fixed; bottom: 25px; right: 23px; width: 900px;">  
    <div style="border: 1px solid rgb(37, 69, 136); margin: -1px -1px 0px; padding: 4px 8px 5px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; background-color: rgb(82, 110, 166); color: white; text-align: left;">  
     شات $SITE_NAME$</div>  
    ‪<table border="0" width="100%" style="border-collapse: collapse">  
     <tr>  
      <td>$CHAT_BOX$</td>  
     </tr>  
    </table>  
    <p align="center">المتصلين الان:</p>  
    <p align="center">$ONLINE_USERS_LIST$‬</div>  
   <script>function toggleframe(){var x = document.getElementById('fbfcbframe').style;if(x.display=='none'){x.display='block';} else {x.display='none';}}</script>  
   <div id="fbfcb" class="unclicked" onclick="toggleframe();if(this.getAttribute('class')=='unclicked'){this.className='clicked'}else{this.className='unclicked'}">  
    <img src="http://vstr.at.ua/chat.png" width="19" height="13">  
    <font size="1"> شات $SITE_NAME$ </font></div>  
</div>