/* CSS for mini-profil and menu  */
ul.menu1 { list-style:none; margin:0px 0px 2px 0px; padding:0px;}
li.menu1 a:link { display:block; text-decoration:none; border-left:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#747474; font-size:11px;}
li.menu1 a:visited { display:block; text-decoration:none; border-left:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#747474; font-size:11px;}
li.menu1 a:hover { display:block; text-decoration:none; border-left:3px solid #3D3D3D; background-color:#131313; text-align:left; height:15px; color:#7a7a7a; font-size:11px; }
li.menu1 a:active { display:block; text-decoration:none; border-left:3px solid #3D3D3D; background-color:#3D3D3D; text-align:left; height:15px; color:#747474; font-size:11px; }

li.menu1_bottom a:link { display:block; text-decoration:none; border-left:3px solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}
li.menu1_bottom a:visited { display:block; text-decoration:none; border-left:3px solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}
li.menu1_bottom a:hover { display:block; text-decoration:none; border-left:3px soalid #131313; background-color:#131313; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }
li.menu1_bottom a:active { display:block; text-decoration:none; border-left:3px solid #131313; border-bottom:3px solid #3D3D3D; background-color:#3D3D3D; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }

ul.menu2 { list-style:none; margin:0px 0px 2px 0px; padding:0px;}
li.menu2 a:link { display:block; text-decoration:none; border-left:3px solid #DCDCDC; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}
li.menu2 a:visited { display:block; text-decoration:none; border-left:3px solid #DCDCDC; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}
li.menu2 a:hover { display:block; text-decoration:none; border-left:3px solid #3b3b3b; background-color:#1e1e1e; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }
li.menu2 a:active { display:block; text-decoration:none; border-left:3px solid #3D3D3D; background-color:#3b3b3b; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }

li.cat { display:block; text-decoration:none; background-color:#131313; border:0px solid #3D3D3D; color:#39A8E5; text-align:right; padding-right:5px; padding-top:3px; height:16px; width:180px; font-size:10px; }

li.cat1 { display:block; text-decoration:none; background-color:#131313; border:0px solid #3D3D3D; color:#666666; text-align:center; padding-center:5px; padding-top:3px; height:16px; width:180px; font-size:10px; }

.menu1 {font-weight:bold;font-size:8pt;font-family:Arial,Sans-Serif;}
a.menu1:link {text-decoration:none; color:#dedede}
a.menu1:active {text-decoration:none; color:#dedede}
a.menu1:visited {text-decoration:none; color:#dedede}
a.menu1:hover {text-decoration:none; color:#FFFFFF}
/* ------------- */

<?if($USER_LOGGED_IN$)?><center><IMG class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"></center>

<ul class="menu1">
<div style="height: 5px;"></div>
<li class="menu1"><a href="/index/8">Профиль $USERNAME$</a></li>
<li class="menu1"><a href="/index/11">Изменение данных</a></li>
<li class="menu1"><a style="text-decoration:none" href="javascript://" onclick="openLayerB('PM',0,'/js/pm.xml','Личные сообщения',750,410,'1','','',0,'center');return false;">Личные сообщения ($UNREAD_PM$)</a></li>
<li class="menu1"><a href="/">Группа: $USER_GROUP$</a></li>

<li class="menu1"><a href="javascript:exit()"><gra>Выход из личного профиля</gra></a></li><script>function exit(){if (confirm("Вы действительно хотите покинуть профиль?")){window.location.href = "/index/10"}else{alert("Спасибо что остались с нами!");}}</script>
</ul><?else?>$LOGIN_FORM$<?endif?>