<div class="userprofileContentFr">
<label for="authLogin"><?if($UID_ICON$)?>Электронная почта<?else?>Логин<?endif?>:</label><br />
<input type="text" id="authLogin" name="user" />
</div>
<div class="userprofileContentFr">
<label for="authPassword">Пароль:</label><br />
<input type="password" id="authPassword" name="password" />
</div>
<div class="userprofileContentFrChecks">
<div class="userprofileContentFrCheck">
<a href="$REMINDER_LINK$">Вспомнить пароль</a>
</div>
<div class="userprofileContentFrCheck">
<input type="checkbox" id="rem$PAGE_ID$" name="rem" /> <label for="rem$PAGE_ID$">Запомнить меня</label>
</div>
<?if($HIDDEN_ALLOWED$)?>
<div class="userprofileContentFrCheck">
<input type="checkbox" id="hid$PAGE_ID$" name="hidden" /> <label for="hid$PAGE_ID$">Режим невидимости</label>
</div>
<?endif?>
</div>
<div class="userprofileContenButton">
<input type="submit" value="Войти в аккаунт" name="sbm" /> $ERROR$
</div>

<?if($USER_LOGGED_IN$)?>
<div class="userprofile" id="userprofile">
      <a href="javascript://" onclick="$('#userprofileContent').show('');$('#userprofile').hide('');">Мини-профиль</a> <?if($UNREAD_PM$>"0")?><span class="userprofileContentNewPM" id="newpmsm">— 15</span>
      <script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('newpmsm','')",500)</script><?endif?>
     </div>
        
     <div class="userprofileContent" id="userprofileContent">
         
         
      <div class="userprofileContentOverflow">
       <?if($USER_AVATAR_URL$)?>
       <div class="userprofileContentAvatar"><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /></div>
       <?endif?>
       <div class="userprofileContentInfo">
        <strong><a href="/index/8" onclick="window.open('/index/8','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">$USERNAME$</a></strong><br />
        Группа: «$USER_GROUP$»
       </div>
      </div>
      <div class="userprofileContentActions">
       <ul>
        <li><a href="/index/8" onclick="window.open('/index/8','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Полный профиль</a></li>
        <li><a href="/index/14" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Личные ссобщения</a><?if($UNREAD_PM$>"0")?> <span class="userprofileContentNewPM" id="newpm">— 15</span></li>
        <script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('newpm','')",500)</script>
        <?endif?>
        <li><a href="/index/11" onclick="window.open('/index/11','pedit','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Редактировать профиль</a></li>
        <li><a href="$LOGOUT_LINK$">Выйти из аккаунта</a></li>
       </ul>
      </div>
      <div class="userprofileContentClose"><a href="javascript://" onclick="$('#userprofileContent').hide('');$('#userprofile').show('');">Закрыть мини-профиль</a></div>
</div>
<?else?>
    <div class="userprofile" id="userprofile">
     <a href="javascript://" onclick="$('#userprofileContent').show('');$('#userprofile').hide('');">Войти в аккаунт</a> |
     <a href="$REGISTER_LINK$" class="userprofileLink">Регистрация</a>
    </div>
    <div class="userprofileContent" id="userprofileContent">

     <div class="userprofileContentForm">
      <div class="userprofileContentTitle">Авторизация</div>
      $LOGIN_FORM$    
     </div>
     <div class="userprofileContentClose">
      <a href="javascript://" onclick="$('#userprofileContent').hide('');$('#userprofile').show('');">Я передумал</a> |
      <a href="$REGISTER_LINK$" class="userprofileContentCloseLink">Регистрация</a>
     </div>
    </div>
<?endif?>

.userprofile {
    position: fixed;
    font: 12px 'Tahoma',sans;
    bottom: 0;
    right: 0;
    z-index: 100;
    padding: 6px 10px 8px;
    border-top: 1px solid #d4d5af;
    border-left: 1px solid #d4d5af;
    background: #feffe0;
    border-radius: 5px 0 0 0;
     -moz-border-radius: 5px 0 0 0;
     -khtml-border-radius: 5px 0 0 0;
     -webkit-border-radius: 5px 0 0 0;
}
.userprofile a {
    color: #3966ce;
    text-decoration: none;
    border-bottom: 1px dashed #3966ce;
}
.userprofile a:hover {
    color: red;
    border-bottom: 1px dashed red;
    text-decoration: none;
}
a.userprofileLink {
    color: #3966ce;
    text-decoration: none;
    border-bottom: 1px solid #3966ce;
}
a.userprofileLink:hover {
    color: red;
    text-decoration: none;
    border-bottom: 1px solid red;
}
.userprofileContent {
    display: none;
    font: 12px/16px 'Tahoma',sans;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
    width: 250px;
    overflow: hidden;
    border-top: 1px solid #d4d5af;
    border-left: 1px solid #d4d5af;
    background: #feffe0;
    border-radius: 5px 0 0 0;
     -moz-border-radius: 5px 0 0 0;
     -khtml-border-radius: 5px 0 0 0;
     -webkit-border-radius: 5px 0 0 0;
}
.userprofileContent a {
    color: #3966ce;
    text-decoration: underline;
}
.userprofileContent a:hover {
    color: red;
    text-decoration: underline;
}
.userprofileContentOverflow {
    overflow: hidden;
    background: #f8f9d4;
    padding: 10px;
}
.userprofileContentAvatar {
    float: left;
    margin: 0 5px 0 0;
}
.userprofileContentAvatar img {
    max-width: 35px;
    max-height: 35px;
}
.userprofileContentInfo {
    margin: 0 0 5px;
}
.userprofileContentNewPM {
    font-size: 11px;
}
.userprofileContentActions {
    border-top: 1px solid #d4d5af;
    padding: 10px;
}
.userprofileContentActions ul {
    margin: 0;
    padding: 0;
}
.userprofileContentActions ul li {
    margin: 0 0 3px;
    padding: 0;
    list-style: inside square;
}
.userprofileContentClose {
    border-top: 1px solid #d4d5af;
    padding: 10px 10px 12px;
    background: #f8f9d4;
}
.userprofileContentClose a {
    color: #960000;
    text-decoration: none;
    border-bottom: 1px dashed #960000;
}
.userprofileContentClose a:hover {
    color: red;
    text-decoration: none;
    border-bottom: 1px dashed red;
}
.userprofileContentClose a.userprofileContentCloseLink {
    color: #3966ce;
    text-decoration: none;
    border-bottom: 1px solid #3966ce;
}
.userprofileContentClose a.userprofileContentCloseLink:hover {
    color: red;
    text-decoration: none;
    border-bottom: 1px solid red;
}
.userprofileContentForm {
    padding: 10px;
}
.userprofileContentTitle {
    font: 22px 'Georgia',serif;
    color: #6e6f57;
}
.userprofileContentFr {
    padding: 0 0 5px;
    line-height: 11px;
}
.userprofileContentFr label {
    font: 10px 'Tahoma',sans;
    color: #222;
}
.userprofileContentFr input {
    width: 218px;
    padding: 5px;
    font: 12px 'Tahoma',sans;
    border: 1px solid #d4d5af;
    outline: none;
}
.userprofileContentFr input:focus {
    border: 1px solid #aeaf8f;
}
.userprofileContentFrChecks {
    position: relative;
    left: -3px;
    margin: 0 0 5px;
}
.userprofileContentFrCheck label {
    font: 11px/12px 'Tahoma',sans;
    position: relative;
    top: -2px;
    left: -2px;
}
.userprofileContentFrCheck a {
    font: 11px/11px 'Tahoma',sans;
    position: relative;
    top: 4px;
    left: 3px;
    float: right;
}
.userprofileContenButton input {
    padding: 3px 15px;
    position: relative;
    left: -3px;
}