<style>    
.chat_box {display:none;position:fixed;bottom:15px;right:15px;border:1px solid #dddddd;background:url('http://st-atom.com/st-atom/advanced_table_bg.gif);padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:2px 2px 3px #9b9b9b;-webkit-box-shadow:2px 2px 3px #9b9b9b;box-shadow:2px 2px 3px #9b9b9b;}    
.chat_box div.close {display:block;position:absolute;right:0;top:0;background:url('http://st-atom.com/st-atom/46619a1a2028.png') no-repeat;width:16px;height:16px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}    
.chat_box div.close:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}    

div.chat_button {display:block;width:75px;height:140px;background:url('http://st-atom.com/st-atom/buttom_chat.png') no-repeat;position:fixed;bottom:15px;right:15px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}    
div.chat_button:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}    
</style>  

<script src="http://st-atom.com/st-atom/color.js" type="text/javascript"></script>  
<div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>    
<div class="chat_box"><div class="close" onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>  
<div id="chatBox">$CHAT_BOX$</div>  

<script type="text/javascript">    
function reloadTimeC() {    
$('#chatBox').load('/ #chatBox',function(data){    
$('#reloadSec').html('<span style="color:green;padding-top:4px;">Обновлено</span>');    
setTimeout("$('#reloadSec').html('')",10000);    
});    
};    
setInterval(reloadTimeC,600000);    
</script>