<td class="ProfBar" id="ProfBar">
<?if($USER_LOGGED_IN$)?>
<img class="UserAvatarProfBar" src="$USER_AVATAR_URL$">
<a class="ProfBarA" href="$PERSONAL_PAGE_LINK$" title="Персональная страница">$USERNAME$</a>
<a class="ProfBarA ProfBarMail" href="$PM_URL$" title="Читать письма">
<span></span>
$UNREAD_PM$
</a>
<a class="ProfBarA ProfBarLogout" href="$LOGOUT_LINK$" title="Покинуть аккаунт">
<span></span>
</a>
<?else?>
<table class="FirstForm" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
$LOGIN_FORM$
</td>
</tr>
</table>
<?endif?>
</td>

.UserAvatarProfBar {
border-radius: 5px 5px 5px 5px;
max-height: 30px;
display: inline-block;
vertical-align: middle;
}
.ProfBar {
min-width: 200px;
}

.ProfBarA {
color: #F0DDB4;
margin: 0 7px;
font-size: 14px;
text-decoration: none;
font-weight: bold;
vertical-align: -3px;
}
.ProfBarA:hover {
color: #C3A087;
}

.ProfBarMail span {
background: url(/img/ProfBar.png);
background-position: 0 0;
display: inline-block;
vertical-align: -2px;
width: 24px;
height: 16px;
}
.ProfBarMail:hover span {
background-position: -24px 0;
}

.ProfBarLogout span {
background: url(/img/ProfBar.png);
background-position: -48px 0;
display: inline-block;
vertical-align: -2px;
width: 22px;
height: 16px;
}
.ProfBarLogout:hover span {
background-position: -70px 0;
}