<style type="text/css">  
.spoiler {  
background-color :#bbbbbb; /*цвет спойлера*/

background-repeat: repeat-x;  
}  
.spoilerheader {  
padding-left : 15px;  
background-image : url(http://atlantida.biz.ua/big_knopki/plus.png);  
background-repeat: no-repeat;  
background-position:0 1;  
display:block;  
}  
.spoiler.open .spoilerheader {background-image : url(http://atlantida.biz.ua/big_knopki/minus.png);}  
.spoiler .spoilertext {display:none;}  
.spoiler.open .spoilertext {display:block;}  
</style><script language="javascript">  
function spoiler_on()  
{  
//document.getElementById('spoiler').style.visibility='visible';  
document.getElementById('spoiler').style.display='';  
}  
function spoiler_off()  
{  
//document.getElementById('spoiler').style.visibility='hidden';  
document.getElementById('spoiler').style.display='none';  
}  
</script>

<?if($SIGNATURE$)?><br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView"><div class="spoiler"><a class="spoilerheader" onclick="this.parentNode.className=this.parentNode.className=='spoiler'?'spoiler open':'spoiler'"><img src="http://atlantida.biz.ua/big_knopki/forum_atlantida.png" onmouseover="this.src='http://atlantida.biz.ua/big_knopki/forum_atlantida_Over.png';" onmouseout="http://atlantida.biz.ua/big_knopki/forum_atlantida.png';" /></a>
<div class="spoilertext">$SIGNATURE$</div></div></span><?endif?>