<div class="userprofileContentFr">  
  <label for="authLogin"><?if($UID_ICON$)?>Электронная почта<?else?>Логин<?endif?>:</label>
  
  <input type="text" id="authLogin" name="user" />  
  </div>  
  <div class="userprofileContentFr">  
  <label for="authPassword">Пароль:</label>
  
  <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>
  
         Группа: «$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;  
  }