<style type="text/css">
.message-tp {
z-index: 98;
height: 70px;
width: 300px;
border: 0px double black; /* Параметры границы */
background: #000; /* Цвет фона */
-moz-opacity: 0.6; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */\
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.9);
box-shadow: 0 0 15px rgba(0,0,0,0.9);
 padding: 10px; /* Поля вокруг текста */
position: fixed; /* Абсолютное позиционирование */
bottom: 15px; 
left: 15px;
}
.message-tp1 {
z-index: 99;
height: 90px;
width: 325px;
border: 0px double black;
padding: px;
position: fixed;
bottom: 10px; 
left: 20px;
}
.message-ava {
z-index: 99;
height: 60px;
width: 60px;
border: 0px double black;
padding: 0px;
position: fixed;
bottom: 20px; 
left: 30px;
}
.message-text {
z-index: 99;
height: 65px;
width: 233px;
border: 0px double black;
padding: 0px;
position: fixed;
bottom: 5px; 
left: 95px;
}
.message-xr {
cursor:pointer;
z-index: 99;
height: 15px;
width: 15px;
border: 0px double black;
background: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */\
padding: 0px;
position: fixed;
bottom: 80px; 
left: 310px;
}
.message-x {
z-index: 100;
padding: 0px;
border:1px solid red;
position: absolute;
bottom: 3px; 
left: 3px;
}
alertMess {
position: absolute;
z-index:1000;
}
</style>
<div id=alertMess style="display:none;">
<div class="message-tp1"><font color="White"><b>&nbsp;Новое сообщение</b></font>
<div class="message-ava"><!-- Тут аватар пользователя получившего сообщение --></div>
<div class="message-text"><a href="../messages.php" target="_blank"><font color="White"><br><br>У Вас новое сообщение</font></a>
</div>
<div class="message-xr"><div class="message-x"><font color="White"><b>x</b></font></div></div>

</div><div class="message-tp"></div>
</div>



<script>
var ava='<img class=ava src="'+UserAvatar+'" height=52/>';
var privet='Привет, '+UserLogin+' !';

$("#alertMess .message-ava").html(ava);
$("#alertMess .message-text font:first").prepend(privet);
//alert($("#alertMess .message-ava").html())
//alert("A")
function MiguN1(){
 $("#alertMess .message-tp1,#alertMess .message-tp").fadeTo(1600,0.03,function(){
$(this).fadeTo(1500,1,function(){return false});return false});return false
}
var messagTimer;
function timerZap(){timerID=setTimeout("MiguN1();timerZap();",3200);return}
$(document).ready(function(){
 if($("#pun-navlinks #navpm").text().indexOf("(")!=-1)
 { messagTimer=setTimeout("$('#alertMess').fadeIn(2300);timerZap()",2300)
 }
});
$("#alertMess").click(function(){
   $("#alertMess").hide();clearTimeout(messagTimer)
});
</script>