@import url(style_cs.1778317356.css);

@import url(https://forumstatic.ru/files/001c/43/fc/27566.css);

/* Иконический шрифт */
@import url('https://fonts.googleapis.com/css2?family=Material+Icons+Outlined');

/* Font Awesome */
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
        font-family: 'courier';
        src: url('https://forumstatic.ru/files/001c/b5/cb/54353.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
    }
/****************************************
Чистый стиль by Alex Kolmar (бродяга)
****************************************/

/* Полезные сервисные настройки
-------------------------------------------------------------*/

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  line-height: 0.0;
  font-size: 0;
}


/* Global
------------------------------------------*/

/* Применяется ко всем элементам */

* {
  margin: 0;
  padding: 0;
  border: none;
  text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /*scrollbar-width: thin;
  scrollbar-color: var(--acent) var(--sec-bg);*/
}

/* прокрутка хром etc */

*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 10px;
}

*::-webkit-scrollbar-track {
  background-color: var(--sec-bg);
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--acent);
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb:active {
  background: var(--acent);
  border-radius: 10px;
}

/* выделение текста */

::selection {
  background: var(--link);
  color: var(--pun-bg);
}

:focus {
  outline: none;
}

/* все ссылки */

a,
.punbb #pun-admain a {
  text-decoration: none;
  color: var(--link);
  transition: all .2s linear 0s;
}

a:hover,
.punbb #pun-admain a:hover {
  color: var(--link-hover);
}

/* все заголовки */

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre {
  margin: 0;
}

h1,
h2 {
  padding: 10px 20px;
  font-weight: normal;
  text-align: center;
}

ul,
dl,
li,
dd,
dt {
  list-style: none;
}

address,
em {
  font-style: normal;
}

/* выключить список модераторов, отредактировано etc */

.modlist,
.lastedit,
.punbb div#pun-live-rusff,
.punbb .topic a.sharelink {
  display: none;
}

/* модальные окна, репутация, закладки etc */

#tags .container,
.post_report,
.post_reputation,
#MyBookmarks,
.inner.popup_graffiti,
.pun-modal .modal-inner,
.punbb-admin #pun-admin-award-form .inner {
  background: var(--sec-bg);
}

/* Формы
------------------------------------------- */

/* ОФОРМЛЕНИЕ КНОПОК */

input.button,
#pun-admain input.button,
#sub4,
input[type="button"],
input[type="submit"] {
    padding: 10px;
    cursor: pointer;
    transition: all .2s linear 0s;
    background: var(--acent);
    border-radius: 10px;
    color: var(--pun-bg);
    text-transform: lowercase;
    font-weight: 600;
    font-family: var(--font1);
}

input.button:hover,
#pun-admain input.button:hover,
#sub4:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background: var(--link-hover);
}

/* ОФОРМЛЕНИЕ ПОЛЕЙ ВВОДА */

input[type="text"],
input[type="password"],
textarea,
select {
    padding: 2px 5px;
    border-radius: 5px;
    background: var(--sec-bg);
    color: #141414;
    font-family: var(--font1);
    font-weight: 500;
}

select#mod-options {
    text-transform:lowercase;
}

textarea,
input,
select,
optgroup {
  font-size: 12px;
}

optgroup {
  font-weight: bold;
}

/* флажки и чекбоксы */

.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
  margin: 0 3px;
}

p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 20px;
  vertical-align: middle;
}

.formal .container {
  padding: var(--pad1);
}

.formsubmit {
    padding: 0;
    margin: 6px 0 0 -28px;
    text-align: left;
}

.formsubmit input,
.formsubmit a,
.formsubmit span {
  margin: 0 6px 0 0;
}

fieldset {
  border: none;
}

fieldset legend {
  font-weight: bold;
}

fieldset fieldset {
  border: none;
  margin: 0;
  padding: 0 0 8px 0
}

.fs-box {
    padding: 5px 16px 5px 0;
    margin-left: -29px;
}

.fs-box p,
.fs-box fieldset {
  padding: 0 0 8px 0;
}

.inline .inputfield,
.inline .selectfield,
.inline .passfield {
  float: left;
  margin-right: 10px;
}

.inline .infofield {
  clear: both
}

.datafield br {
  display: none
}

.required label,
.datafield span.input {
  font-size: 10px;
}

textarea,
.longinput input {
  width: 64%;
  margin: 0;
}

.hashelp {
  position: relative;
}

/* Админка
------------------------------------------*/

.punbb-admin .adcontainer,
.punbb-admin .adformal {
  border: none;
}

.punbb-admin sup.new {
display: none;
}

/* Тело форума
------------------------------------------*/

/* фон */

html {
  background: var(--link) url() no-repeat top center;
}

/* заплатка для фиксированного фона */

body::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -10;
  background: #3D3D3D url(https://upforme.ru/uploads/001c/b5/cb/2/654619.png) no-repeat top center/cover;
}

/* тело */

#pun {
  margin: 30px auto;
  width: 1020px;
  background: var(--pun-bg);
}

/* внутреннее тело */

.punbb {
    font: 11px var(--font1);
    display: flex;
    flex-direction: column;
}

/* настройки внутренних блоков */

.punbb > div .container {
  padding: var(--pad1);
}

/* Навигационные ссылки */

#pun-navlinks {
    order: -1;
    font-family: var(--font1);
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    top: 551px;
    margin-bottom: -45px;
    height: 31px;
    border-top: 1px solid var(--sec-bg);
    /* background: red; */
    padding-top: 10px;
}

#pun-navlinks a {
    color: var(--link);
    background: none;
    padding: 4px 11px;
    border-radius: 50px;
}
#pun-navlinks a:hover {
    color: var(--pun-bg);
    background: rgb(123 151 175) !important;
    padding: 4px 11px;
    border-radius: 50px;
}

#pun-navlinks .container {
  text-align: center;
}

#pun-navlinks li {
  display: inline;
}
li#navawards {display: none;}

/* Пользовательские ссылки */

#pun-ulinks {
    font-family: var(--font1);
    font-size: 10px;
    text-transform: lowercase;
    margin-bottom: 5px;
    display: block;
    position: relative;
    top: 110px;
    font-weight: 400;
}


#pun-ulinks .container {
  text-align: center;
}

#pun-ulinks li {
  padding: 0 5px;
  display: inline;
}

/* Статус */

#pun-status {
    font-family: var(--font1);
    text-transform: lowercase;
    font-size: 9px;
    text-align: center;
    font-weight: 300;
}

#pun-status .container {
    border-top: none;
    border-bottom: none;
    margin-bottom: 54px;
    position: relative;
    top: 44px;
}

#pun-status .container strong {
    font-weight: 500;
}

#pun-status span {
  white-space: nowrap;
  margin-right: 5px;
}

#pun-status .status-right {
  display: none;
}

/* Хлебные крошки */

.crumbs.container {
    text-align: center;
    font-family: var(--font1);
    font-size: 9px;
    text-transform: lowercase;
}
.crumbs.container a {
    background: var(--pun-bg);
    padding: 2px 5px 3px 5px;
    border-radius: 50px;
    text-align: center;
    border: 1px solid var(--pun-bg);
}
.crumbs.container a:hover {
    background: var(--sec-bg);
    border: 1px solid var(--three-bg);
}
/* Копирайт */

#pun-about {
    height: 58px;
    background: url(https://upforme.ru/uploads/001c/b5/cb/2/316586.png) center;
    background-size: 1020px 58px;
    margin-top: 14px;
}

#pun-about .container {
  text-align: center;
}


/* Главная форумная таблица
------------------------------------------*/

.main table {
  table-layout: fixed;
  width: 100%;
}

.main th {
  padding: 5px 10px;     font-size: 0px;
}

.main td {
  padding: 10px;
}

.tcl {
  width: 50%;
}

.tc2,
.tc3,
.tcmod {
  text-align: center;
  width: 10%;
}

.tcr {
  width: 30%;
}

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
  width: 40%
}

#pun-searchtopics .tc2 {
  text-align: left;
  width: 20%;
}

#pun-debug table .tcl {
  width: 15%;
}

#pun-debug .tcr {
  width: 90%;
}

tbody.hasicon td.tcl {
  padding-left: 40px;
}

#pun-index .hasicon td.tcl {
  padding-left: 24px;
  width: 60%;
}

/* аватар */

.punbb td .user-avatar, #pun-index td .user-avatar {
}

#pun-index td .user-avatar {
float: left;
    margin: 0 14px 0 12px;
}

.punbb td .user-avatar .avatar-image {
    transition: all .2s linear 0s;
}

.punbb .user-avatar .isonline {    background: var(--acent) !important}

/* Иконки */

div.icon {
  position: absolute;
  margin-left: -30px;
  width: 20px;
  height: 20px;
}



#pun-index tr.inew td.tcl .intd {
    position: relative;
}

#pun-index tr.inew {
  position: relative;
}

#pun-index tr.inew td.tcl div.icon.inew {
    position: absolute !important;
    margin: 0 !important;
    left: auto !important;
    top: 47% !important;
    right: 271px;
    transform: translateY(-50%);
    width: 81px;
    height: 74px;
    z-index: 10;
    background: url(https://upforme.ru/uploads/001c/b5/cb/2/138148.png) no-repeat center / 81px auto;
    scale: 110%;
}

.hvStickerPackModalAddButton {padding: 4px 10px !important;}
tr.inew div.icon {
  background: var() url() no-repeat top center;
}

tr.isticky div.icon {
  background: var() url() no-repeat top center;
}

tr.iclosed div.icon {
  background: var() url() no-repeat top center;
}


/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка)
--------------------------------------------------------------------------------------------------- */

.multipage {
  margin-top: 10px;
}

.multipage#pun-main h1, .multipage#pun-main h2 {
  display:none;
}

#pun-post h1 {
  display:none;
}

.linkst {
    position: relative;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    text-transform: lowercase;
    font-family: var(--font1);
    font-size: 11px;
}

.linkst .pagelink {    font-size: 0px;}
.linkst .pagelink strong {
    font-size: 10px;
    margin-right: 7px;
    background: var(--acent);
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    color: var(--pun-bg);
    border-radius: 50px;
    line-height: 20px;
}
.linkst .pagelink a {
    font-size: 10px;
    margin-right: 7px;
    background: var(--pun-bg);
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    color: var(--text);
    border-radius: 50px;
    line-height: 20px;
}
.linkst .pagelink a:hover{
    background: var(--sec-bg);
}
.linkst .postlink {
  text-align: right;
}

.linksb {
  position: relative;
   padding: 15px 41px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    text-transform: lowercase;
    font-family: var(--font1);
    font-size: 11px;
}

.linksb .pagelink {
  order: -1;
}

.subscribelink {
  width: 100%;
  text-align: right;
}

.linksb noindex {
  order: 1;
}

.linksb .postlink {
  margin-left: auto;
  text-align: right;
}

/* Модераторское меню, RSS, Atom */

.modmenu .container {
    padding: 10px 40px !important;
    text-align: right;
}

.modmenu .container strong {
  float: left;
}

.modmenu input {
  margin-left: 10px;
}

#topic-users-in p.container {
    font-family: var(--font1);
    text-transform: lowercase;
}

/* Главная
------------------------------------------*/

/* скрыть "форум, тем, сообщений" */

#pun-index thead, #pun-index .tc2, #pun-index .tc3 {
  display: none;
}

/* категория */

#pun-index .category {
    position: relative;
}

#pun-index .category .container {
    background: #e8e8e875;
    max-width: 950px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 28px 20px;
}
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-category8.category h2, #pun-stats.section h2 {
    background-repeat: no-repeat;
    background-size: 123px 233px;
    height: 233px;
    font-size: 0 !important;
    position: relative;
    z-index: 10;
}

#pun-index .category::before {
    content: '';
    position: absolute;
    background-size: 125px 882px;
    background-position: top center;
    width: 125px;
    height: calc(100% - 42px);
    left: 35px;
    top: 42px;
    border-radius: 5px 0 0 5px;
    z-index: 4;
}

#pun-index .category.category-1::before {
    background-image: var(--h0);
}
#pun-index .category.category-2::before {
    background-image: var(--h3);
}

#pun-index .category.category-3::before {
    background-image: var(--h0);
}
#pun-index .category.category-4::before {
    background-image: var(--h1);
}
#pun-index .category.category-5::before {
    background-image: var(--h2);
}
#pun-index .category.category-6::before {
    background-image: var(--h5);
}
/* заголовок категории */

#pun-index .category h2 {
    text-align: right;
    margin: 0 131px 0 50px;
    padding: 0;
    /* transform: translateY(49px); */
    margin-bottom: -191px;
    top: 80px;
    left: 10px;
    border-radius: 5px 0px 0px 5px;
    z-index: 0;
}

#pun-index .category h2 span {
  font-size: 0px;
}


#pun-index .intd {
    display: flex;
    align-items: center;
    height: auto;
    background: var(--pun-bg);
    position: relative;
    left: 100px;
    width: 718px;
    padding: 30px 23px 15px 44px;
    margin-bottom: -3px;
    border: 1px solid var(--sec-bg);
    border-radius: 5px;
}
#pun-index .tclcon {
    max-width: 352px;
    left: -19px;
    position: relative;
    top: -13px;
}

#pun-index .tclcon h3 a {
    font-family: var(--font3);
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    text-transform: lowercase;
    color: var(--acent);
}

#pun-index .tclcon h3 a:hover {
    letter-spacing: 1px;
    color: var(--link-hover);
}

#pun-index .tclcon .desktext {
    font-family: var(--font1);
    font-weight: 500;
    font-size: 10px;
    text-transform: lowercase;
    color: #323244;
    margin-bottom: 5px;
}

#pun-index .tclcon .desklink {
    background: var(--acent);
    width: fit-content;
    padding: 2px 10px;
    color: var(--add-acc);
}

#pun-index .tclcon .desklink a {
    font-family: var(--font1);
    font-weight: 500;
    font-size: 10px;
    text-transform: lowercase;
    color: #fff;
}

#pun-index .tclcon .desklink a:hover {
    color: var(--link);
    font-weight: 900;
}

#pun-index .category .tcr {
    border-left: 1px solid var(--sec-bg);
    text-align: left;
    z-index: 3;
    position: relative;
    height: 124px;
    display: block;
    top: 10px;
    width: auto;
    align-items: center;
    box-sizing: border-box;
    padding-top: 41px;
    left: 19px;
    padding-left: 45px;
    border-radius: 0px 5px 5px 0px;
}
#pun-index .category .tcr::before {
    content: '';
    position: absolute;
    top: 16px;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(https://upforme.ru/uploads/001c/b5/cb/2/343826.png);
    display: block;
    width: 81px;
    height: 74px;
    background-size: 81px 74px;
    left: -43px;
    z-index: 4;
    scale: 110%;
}
#pun-index .lastpost-link {
    font-family: var(--font1);
    font-weight: 600;
    font-size: 11px;
    text-transform: lowercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-left: auto;
    width: 200px;
}

#pun-index .lastpost {
    font-family: var(--font1);
    font-weight: 300;
    font-size: 10.5px;
    text-transform: lowercase;
    color: var(--link);
    position: relative;
    top: -4px;
}

/* Статистика */

#pun-stats {
   font-family: var(--font1);
   text-transform: lowercase;
   font-size: 12px;
}

/* заголовок статистики */

#pun-stats h2 {
   display: none;
}

/* всего тем, всего сообщений */

#pun-stats .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 20px;
    max-width: 948px;
    margin: 25px auto 0;
    box-sizing: border-box;
    padding: 10px 17px;
    border-top: 1px solid var(--sec-bg);
    background: #efefef;
    border-radius: 5px;
}

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
    text-align: center;
    padding: 5px 41px;
    border-radius: 5px;
    background: rgb(245 245 245) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 0.2px 4px -3px #00000036 !important;
    transition: 0.4s ease;
}

#pun-stats li.item1 span,
#pun-stats li.item2 span,
#pun-stats li.item3 span,
#pun-stats li.item4 span {
    display: block;
    font-weight: 600;
}

#pun-stats li.item1 strong,
#pun-stats li.item2 strong,
#pun-stats li.item3 strong,
#pun-stats li.item4 strong {
    font-weight: 400;
}

/* активны, посетили за сутки */

li#onlinelist {
  width: 100%;
  padding: 10px 0;
  border-block: 1px solid var(--sec-bg);
  text-align: justify;
}

li#onlinelist div > a {
  font-weight: 700;
}

/* Шапка
------------------------------------------*/

#pun-title {
    background: url(https://upforme.ru/uploads/001c/b5/cb/2/665353.png);
    width: 1020px;
    height: 483px;
    background-size: 1020px 483px;
}

/* скрыть заголовок в шаке */

#pun-title .title-logo {
  display: none;
}

/* Объявление
------------------------------------------*/

#pun-announcement {}

/* скрываем слово "объявление" */

#pun-announcement h2 {
  display: none;
}


/* Футер
------------------------------------------*/

#html-footer {}

#html-footer .container {padding: 0;}

/* баннеры */

.banners {
  padding: var(--pad1);
}

.banners .container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    height: 73px;
    justify-content: center;
    overflow: auto;
}

.banners a {
  opacity: .7;
}

.banners a:hover {
  opacity: 1;
}


/* Топик
------------------------------------------*/

.post {
    margin: 10px auto 0;
    border-radius: 5px;
    background: #cfcbc717;
    padding: 18px 0 18px 0;
    text-transform: none;
}
#pun-viewtopic .post {
    width: 965px;
}

.toppost,
.topicpost {
  margin-top: 0;
}

/* контейнер поста */

.punbb .post .container {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  padding: 5px;
}

/* дата и номер поста */

.post h3 {
    background: #f2f1f1;
    width: 672px;
    padding: 3px 10px;
    left: 259px;
    position: relative;
}
.post h3::after {
    content: "";
    display: block;
    height: 1px;
    width: 70%;
    margin: 10px auto;
    background: rgba(0,0,0,0.08);
}
.post h3 span {
  padding: var(--pad3);
  display: block;
  font-family: var(--font1);
  font-size: 10px;
}

/* номер поста */

.post h3 strong {
  float: right;
  text-align: right;
  font-weight: normal;
}

.post h3 strong::before {
    content: '\f0c6';
    font-family: var(--fa);
    font-size: 9px;
    color: var(--text);
    padding-right: 8px;
}

/* Автор */

.post-author {
    width: 244px;
    text-align: center;
    box-sizing: border-box;
    background: rgb(181 193 204);
    border: 1px solid rgba(181, 193, 204, 0.22);
    border-radius: 5px;
    box-shadow: none;
    padding: 1px;
    padding-left: 25px;
    margin-left: -8px;
    top: -15px;
    position: relative;     overflow: hidden;
}
.post-author::before {
    content: '';
    background-image: url(https://upforme.ru/uploads/001c/b5/cb/2/475314.png);
    width: 248px;
    height: 320px;
    display: grid;
    position: absolute;
    margin-left: 21px;
    margin-top: 5px;
    /* z-index: -1; */
    left: -82px;
    top: -122px;
    transform: rotate(12deg);
    scale: 55%;
}
.post-author ul {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 14px 12px;     z-index: 3;
    position: relative;     top: 0.3px;left: 0.5px;
}

.pa-author {
    font-family: var(--font3);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-transform: lowercase;
    text-align: left;
    margin-left: 10px;
}

.pa-author a {}

.pa-title {
    font-family: var(--font1);
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    text-transform: lowercase;
    text-align: center;
    color: var(--text);
    box-sizing: border-box;
    align-items: center;
    padding: 3px 10px;
    position: relative;
    min-width: 80px;
    max-width: 180px;
    border: 0.7px solid #CFCFCF;
    /* border-radius: 48px; */
    width: fit-content;
    height: auto;
    min-height: 16px;
    white-space: normal;
    overflow-wrap: anywhere;
    display: table;
    background: rgb(239 239 239);
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin: 5px auto 3px;
    box-shadow: 0 0.3px 0.2px #000000b3;
    transform: rotate(-1deg);
}

.pa-avatar img {
    border-radius: 0px;
}

.pa-fld1 {
    font-family: var(--font2);
    font-style: italic;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    margin: 10px auto 0;
    text-align: center;
    background: var(--acent);
    width: fit-content;
    padding: 2px 10px;
    border-radius: 10px;
    color: var(--sec-bg);
    max-width: 180px;
    box-sizing: border-box;
}

.pa-fld2 {
    font-family: var(--font2);
    font-style: italic;
    font-weight: 400;
    font-size: 11px;
    text-transform: lowercase;
    padding: 5px 0;
    border-bottom: 1px dotted var(--acent);
    border-top: 1px dotted var(--acent);
    text-align: center;
    width: 180px;
    margin: 10px auto 5px;
}
.borform {
    z-index: 7;
    width: 180px;
    border-top: 1px #dbdbdba8 solid;
    height: 33px;
    margin-left: 7px;
    margin-top: 10px;
}
.lz {}
.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld6 .fld-name, .pa-fld7 .fld-name, .pa-last-visit .fld-name {
    width: 50px;
    height: 4px;
    display: block;
    font-size: 0px;
    margin: auto;
    font-family: var(--font1);
    color: var(--main1);
    letter-spacing: 1px;
}

.pa-posts, .pa-respect {
    display: inline-block;
    text-transform: lowercase;
    font-family: var(--font1);
    font-weight: 400;
    margin-top: 2px;
    font-size: 9px;
    letter-spacing: 0.04em;
    color: rgba(0, 0, 0, 0.72);
}
.pa-respect::after {
    content: '';
    background-image: url(https://forumstatic.ru/files/001c/b5/cb/17473.svg);
    width: 9px;
    height: 8px;
    display: block;
    margin-left: 21px; margin-top: 5px;
}
.pa-posts::after {
    content: '';
    background-image: url(https://forumstatic.ru/files/001c/b5/cb/39571.svg);
    width: 8px;
    height: 8px;
    margin-left: 21px;
    display: block; margin-top: 5px;
}
.pa-online {
    font-size: 8px;
    font-weight: 300;
    font-family: var(--font1);
    text-transform: lowercase;
    padding: 0px 4px 10px 4px;
    color: var(--acent);
    text-align: left;
    margin-left: 15px;
}
.pa-online::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--acent);
    top: 8px;
    position: relative;
    right: calc(1% - -6px);
}
.pa-last-visit {
    font-size: 8px;
    font-weight: 300;
    font-family: var(--font1);
    text-transform: lowercase;
    padding: 0px 4px 10px 4px;
    color: var(--acent);
    text-align: left;
    margin-left: 15px;
    top: -6px;
    position: relative;
    margin-top: -11px;
}
.pa-last-visit::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--acent);
    top: 23px;
    position: relative;
    right: calc(1% - -6px);
}
.pa-respect .fld-name a {
    width: 18px;
    display: block;
    height: 12px;
    position: relative;
    z-index: 9;
    top: 20px;
    left: 16px;
}
.pa-gifts, .pa-awards {display: none}
/* Тело поста */

.post-body {
  width: calc(100% - var(--pwidth));
  position: relative;
}

.post-box {
    padding: 10px 18px 10px 33px;
}
.post-links {
    margin-left: 265px;
    width: 100%;
    text-transform: lowercase;
    font-family: var(--font1);
    font-size: 10px;
    padding-right: 25px;
}

.post-links ul {
  padding: 0;
  margin-left: calc(var(--pwidth) * -1);
  text-align: right;
}

.post-links li {
  display: inline;
}

.post-links li:not(:first-of-type) {
  padding-left: 10px;
}

.pl-email,
.pl-website {
  float: left;
}

.clearer {
  clear: both;
  height: 0;
  font-size: 0;
}


/* Контент поста - цитата, спойлер, таблицы и т.п. */

.punbb .post td {
  border: 0px transparent !important;
}

pre {
  font: 12px/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

.post-content em {
  font-style: italic;
}

.post .post-content td {
  border-width: 0px !important;
border: none !important;
    border-style: none !important;
}

.post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
}

.post-content p {
  margin: 0;
  padding: 0 0 12px 0;
  line-height: 150%;
  text-align: justify;
  text-transform: none;
}

.post-content img {
  vertical-align: middle;
}

.scrollbox {
  width: 100%;
  overflow: auto;
  max-height: 200px;
}

/* цитата и код */

.quote-box, .code-box {
    margin: 4px 10px 10px;
    padding: 12px;
    border: 1px solid var(--three-bg);
    background: var(--pun-bg);
    border-radius: 5px;
    font-family: var(--font1);
    position: relative;
    box-shadow: 0.3px 0.3px 0px #00000066;
}
.code-box strong a {
    color: var(--text);
    font: 11px var(--font1) !important;
}

.punbb .code-box strong.legend::before {
    content: '\f0c5';
    font-size: 10px;
    color: var(--text);
    font-weight: 600;
    padding-right: 10px;
    font-family: var(--fa);
}
.punbb .quote-box cite::before {
    content: '\f304';
    font-size: 10px;
    color: var(--text);
    font-weight: 600;
    padding-right: 10px;
    font-family: var(--fa);
}

.quote-box cite, .code-box strong {
    border-radius: 0px;
    top: 0;
    margin-top: 9px !important;
    font-family: var(--font1);
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    text-transform: lowercase;
    text-align: center;
    color: var(--text);
    box-sizing: border-box;
    align-items: center;
    padding: 3px 10px;
    position: relative;
    min-width: 80px;
    max-width: 550px;
    width: fit-content;
    height: auto;
    min-height: 16px;
    white-space: normal;
    overflow-wrap: anywhere;
    display: table;
    background: rgb(233 233 233);
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin-top: 5px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 0.3px 0.2px #000000b3;
    transform: rotate(-1deg);
}

.code-box strong.legend {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  font-style: normal;
}


.post-sig dt {
  border-bottom: 1px solid var(--link-hover);
  width: 300px;
  margin: 10px auto;
}

/* Форма ответа */

#main-reply {
  box-sizing: border-box;
  border-radius: 0 0 10px 10px;
}

#post-form legend {
  display:none;
}

#tags {
  position: relative;
}

#tags .container {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px var(--acent);
    box-shadow: 0px 4px 8px #6b676029;
  top: 0 !important;
}


/* Профиль + ЛС
------------------------------------------*/

#pun-profile {
    font-family: var(--font1);
    text-transform: lowercase;
}

#pun-profile h1 span {
    font-size: 12px;
    padding: 5px;
    border-top: 1px solid var(--three-bg);
    border-bottom: 1px solid var(--three-bg);
}

#viewprofile-next {
   margin-left: 30px;
}

#viewprofile tr {
    display: flex;
    gap: 50px;
    align-items: center;
}

#viewprofile-next #profile-left {
    width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    border: 2px solid rgb(196 210 222);
    border-left: 25px solid rgb(196 210 222);
    padding-bottom: 10px;
    background: var(--pun-bg);
}

#viewprofile-next #profile-left li#profile-name strong {
    font-family: var(--font3);
    font-weight: 500 !important;
    font-size: 14px;
    text-transform: lowercase;
}

#profile-left li#profile-title strong {
    font-family: var(--font1);
    font-style: normal;
    font-size: 8px;
    text-transform: lowercase;
    text-align: center;
    color: var(--text);
    box-sizing: border-box;
    align-items: center;
    padding: 3px 10px;
    position: relative;
    min-width: 80px;
    max-width: 180px;
    width: fit-content;
    height: auto;
    min-height: 16px;
    white-space: normal;
    overflow-wrap: anywhere;
    display: table;
    background: rgb(239 239 239);
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin: 5px auto 3px;
    box-shadow: 0 0.3px 0.2px #000000b3;
    transform: rotate(-1deg);
}

#profile .container {
  padding-left: 200px;
  min-height: 100px;
}

#profilenav {
  float: left;
  width: 180px;
  margin-left: -180px;
}

#profilenav h2 {
   display: none;
}

#viewprofile h2,
#profilenav h2 {
  padding: 0;
  margin: 0;
}

#profilenav li {
  padding: 0 0 13px;
}

#profilenav li a {
    background: var(--sec-bg);
    text-align: right;
    padding: 3px 11px 2px 11px;
    border-radius: 5px;
    color: var(--text);
    line-height: 18px;
    width: 89px;
    display: block; transition: 0.4s ease;
}
#profilenav li a:hover {
    color: var(--link) !important;
    transform: translateY(-3px);
}

#viewprofile li {
  padding: 5px 0;
}

#profile-right li {
  display: flex;
}

#profile-right li span {
    width: 137px;
    flex-shrink: 0;
    background: #f5f5f5db;
    text-align: right;
    padding: 2px 15px 2px 1px;
    border-radius: 5px;
    color: var(--text);
    line-height: 18px;
}

#profile-right li span a {
    color: var(--text);
}

#profile-left li strong, #profile-right li strong {
  font-weight: normal !important; font-weight: normal !important;
    font-size: 10px;
    font-family: var(--font1);
    text-transform: lowercase;
    padding: 0px 4px 10px 4px;     color: var(--text);
}

img.avatardemo {
  float: right;
  margin: 0 0 8px 18px;
}

#pun-messages .clearer {
  display: none;
}

/* Прочие страницы
------------------------------------------*/

/* Список пользователей */

#pun-userlist .formal,
#pun-userlist .formal .container {
  margin-bottom: 0;
}

#pun-userlist .tc2 {
  text-align: left;
  width: 20%;
}

#pun-userlist .tcl {
  width: 40%
}

.usertable .container {}

/* Собщения об ошибках */

.info .container {
  padding: var(--pad3);
}

.info .container .backlink {
  padding-top: 8px;
}

/* Регистрация */

.info-box {
  margin: 0 0 10px 0;
}

.info-box * {
  padding: 0 0 5px 0;
}

.info-box .legend {
  font-weight: bold;
}

.jGrowl-notification .jGrowl-close {
  position: relative;
  right: 6px;
}

.tipsy #respect figcaption {
  margin-top: 0;
}

/* Кнопки вверх-вниз
-------------------------------------------------------*/

.go-up, .go-down {
    cursor: pointer;
    z-index: 9999;
    position: fixed;
    margin-left: 998px !important;
    box-sizing: border-box;
    transition: all .3s linear 0s;
    scale: 50%;
    display: block;
}

.go-up {
   top: 40%;
}

.go-down {
   top: calc(40% + 85px);
}

.go-down:hover,
.go-up:hover {
  opacity: 1;
}

#pun-viewforum div[id^="forum_f"] td.tcl .tclcon {
    display: block;
}
#pun-viewforum div[id^="forum_f"] td.tcl .tclcon > a {
    display: block;
}
#pun-viewforum div[id^="forum_f"] td.tcl .byuser,
#pun-viewforum div[id^="forum_f"] td.tcl .pagestext {
    display: inline-block !important;
    font-size: 11px;
    color: rgba(0,0,0,0.45);
}
#pun-viewforum div[id^="forum_f"] td.tcl .pagestext {
    margin-left: 5px;
    margin-top: -18px;
}

.punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr > td {
    background: #7b97af12 !important;
    padding: 14px 50px;
    /* border: 1px solid var(--sec-bg); */
    color: var(--link);
    font-family: var(--font1); border-radius: 5px;
}
.punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr::after {
    content: "";
    position: absolute;
    left: 137px;
    right: 40px;
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
}
.punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr > td:first-child {
    box-shadow: inset 25px 0 0 var(--pun-bg);
}

.punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr > td:last-child {
    box-shadow: inset -25px 0 0 var(--pun-bg)
}

.punbb div[id^="forum_f"] tbody.hasicon td.tcr .user-avatar {
    display: none !important;
}
.punbb div[id^="forum_f"] tbody.hasicon td.tcr a {
    /* margin-bottom: 4px; */
    font-size: 11px;
    font-weight: 600;
    margin-left: -25px;
}

.punbb div[id^="forum_f"] tbody.hasicon td.tcr .byuser {
    /* display: block; */
    font-size: 11px;
}
#pun-viewforum div[id^="forum_f"] tbody.hasicon td.tcl .tclcon a {
    font-weight: 700;
    color: var(--acent) !important;
}
.punbb div[id^="forum_f"] > .container > table > tbody.hasicon > tr {
    position: relative;
}
.punbb .formal .container {
    padding: 16px 10px 17px 30px;
    margin-left: 40px !important;
}
#plng {
    font-family: var(--font1);
    color: var(--text);
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    top: 7px;
    background: rgb(239 239 239);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0.3px 0.3px 0px #000000f0;
    padding: 6px 10px;
}
#pun-viewtopic #post-form {
    margin: 15px 30px;
    border: 1px solid var(--three-bg);
}
#rep_form {
    background: var(--pun-bg);
    border-radius: 5px;
}

#pun_wrap #pun-respect.punbb table {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}
#pun_wrap #pun-respect.punbb tbody tr {
    background: #7b97af12;
    border-radius: 12px;
}
#pun_wrap #pun-respect.punbb tbody tr td:first-child {
    border-radius: 12px 0 0 12px;
}

#pun_wrap #pun-respect.punbb tbody tr td:last-child {
    border-radius: 0 12px 12px 0;
}
#pun_wrap #pun-respect.punbb td {
    padding: 14px 18px !important;
}
#pun_wrap #pun-respect.punbb td.tc2 {
    font-weight: 600;
}

#pun_wrap #pun-respect.punbb td.tc2::before {
    content: "";
}
#pun_wrap #pun-respect.punbb td.tc2:has(> span.positive) {
    color: #6c8aa6;
}

#pun_wrap #pun-respect.punbb td.tc2:has(> span.negative) {
    color: #b07a7a;
}
#pun_wrap #pun-respect.punbb td.tc3 {
    font-size: 12px;
    color: rgba(0,0,0,0.75);
    line-height: 1.4;
}
#pun_wrap #pun-respect.punbb td.tc1 {
    font-size: 10px;
    color: rgba(0,0,0,0.45);
}
#pun_wrap #pun-respect.punbb td.tcr {
    font-size: 11px;
    color: rgba(0,0,0,0.6);
}
#pun_wrap #pun-respect.punbb tbody tr:hover td {
    background: rgba(200,210,220,0.18);
}
#pun_wrap #pun-respect.punbb tbody tr {
    position: relative;
}

#pun_wrap #pun-respect.punbb tbody tr::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    background: rgba(0,0,0,0.06);
}
#pun_wrap #pun-respect.punbb #pun-main > .section > .container {
    padding: 20px 40px !important;
}
#pun_wrap #pun-respect.punbb #pun-main > .section > .container > table {
    width: 100% !important;
    border-spacing: 0 10px !important;
}
#pun_wrap #pun-respect.punbb #pun-main > .section > .container > table > tbody > tr > td {
    padding: 13px 14px !important;
    vertical-align: middle;
}
#pun_wrap #pun-respect.punbb td.tc1 {
    width: 180px !important;
}

#pun_wrap #pun-respect.punbb td.tc2 {
    width: 60px !important;
    text-align: center !important;
}

#pun_wrap #pun-respect.punbb td.tc3 {
    width: auto !important;
}

#pun_wrap #pun-respect.punbb td.tc4 {
    width: 80px !important;
    text-align: center !important;
}

#pun_wrap #pun-respect.punbb td.tcr {
    width: 220px !important;
}

#pun_wrap #pun-respect.punbb td.tc2 {
    font-size: 0px!important;
    color: rgba(0,0,0,0.6);
    letter-spacing: 0.04em;
}

#pun_wrap #pun-respect.punbb td.tc2::before {
    content: "+";
    font-size: 11px;
    margin-right: 2px;
    color: #7b96b0;
}
.punbb .user-avatar a {outline: 3px solid var(--acent);
    border-radius: 50px;}
#pun-viewforum div[id^="forum_f"] td.tcl > .intd {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3px;
}


/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
/*Стиль доп-иконки Выход!*/ 
#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  z-index:100000!important;
  margin-top: -5px !important;
  margin-left: 12px !important;
  display:inline-block!important; 
}
#pun-navlinks #New-exit img{ 
position: absolute;
width: 20px;
height: auto;
transition: .63s;
}
#pun-navlinks #New-exit:hover img{
transition: .63s;
 opacity: .42;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
border: 1px solid #5D6755;
text-rendering: auto; 
color: #000000!important;  
margin-top: 4px!important;
margin-bottom: 3px!important;
border-radius: 5px; 
letter-spacing: 0.2; 
word-spacing: normal; 
text-transform: none; 
text-indent: 0px; 
text-shadow: none; 
display: inline-block!important; 
text-align: center;
box-sizing: border-box;
height:20px;
width:67px;
width: 110px;
padding: 4px;
font: normal normal 400 11px/normal Verdana!important; rgb(250, 255, 189)
background-color: rgba(250,255,189,.88);
}
.punbb #form-login #fld1:empty,#form-login #fld2:empty,
.punbb #form-login #fld1,#form-login #fld2{ 
background-color: #d4d4d4;
} 
.punbb #pun-navlinks #form-login input[type="submit"]{ 
margin: 13px 0 2px!important;
box-sizing: border-box;
height:26px;
width:67px;
font-size: 11px!important;
color: #ffffff !important;
background: #7B97AF;
border: 1px outset rgba(161,172,152,.8)!important;
text-align: center;
padding: 0 12px!important;
border-radius: 13px;
font-family: Verdana!important;
font-weight: 700!important;
transition: all 0.5s ease-in-out 0s;
letter-spacing: 0.8;
cursor:pointer;

/*border: 2px outset #83693E!important; 
color:#565462!important;
font-weight:700!important; */
} 
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
  opacity:0.6;
}

/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login { 
background: #EFEFEF;
min-height:183px;
border: 1px solid #626262;
border-radius: 0px 0px 6px 6px;
color: #000000;/*BCBCBC;*/
display: block;
font: 11px "Verdana";
left: 0px;
padding: 8px 12px;
margin: 1px 0;
position: absolute !important;
text-align: center;
word-spacing: normal;
white-space: normal;
/*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);*/
text-transform: none;
letter-spacing: 0.2px!important; 
top: 6px;
width: 122px;
z-index: 100000!important;
}
#pun-navlinks #navlogin #form-login {
  margin-left: -36px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -36px;/*Подвижки формы влево от выход*/
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -36px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
 margin: 11px 0;
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative; 
text-transform: none!important; 
z-index:20; 
cursor:pointer; 
font: normal normal 200 10px/normal Verdana!important; 
letter-spacing: 0.4!important; 
display:inline;
background: none!important;
padding: 0 0 0 3px!important;
color: #76333C!important;
font-size: 9px!important;
/*text-shadow: 1px 1px 1px rgba(40, 52, 61, 0.39);*/
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слева(с Никами) */ 
#List-UserNames { 
position:absolute; 
margin-top:-9px; 
min-height:90px; 
width:220px; 
right:100%; 
padding: 12px 19px 12px 17px; 
background: #EFEFEF;
border-color: #626262; /* Цвет границы */
border-style: solid; /* Стиль границы */
border-width: 1px 1px 1px 1px; /* Толщина границы */ 
border-radius:0 0 0px 6px;
text-align:center; 
/*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/ 
} 
/*Стиль контейнера под список Ников*/ 
.punbb #List-UserNames ul{
padding: 0;
overflow:hidden; 
overflow-y:auto; 
min-height:36px; 
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ 
} 
.punbb #List-UserNames li {
display: block!important;
position: relative;
background: #7B97AF;
text-transform:none!important;
text-align: left;
box-shadow: 2px 2px 1px rgb(211, 221, 230);
padding-left: 5px!important;
font: normal normal 700 12x/normal Verdana!important;
letter-spacing: 0.4;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
/*background:#83693E!important;*/
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{ 
cursor: pointer;
opacity: .9;
color: #fffefe;;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
letter-spacing: 0.3;
} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 3px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #393A38; 
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9; 
box-shadow: none; 
} 

/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
display:inline-block; 
padding:0 3px; 
position:absolute; 

opacity:.88; 
cursor:pointer; 
top:0;bottom:0; 
right:2px; 
color:#fff; 
font: normal normal
 
700 10.56px/normal Verdana; 
text-shadow:1px 1px 1px rgba(0,0,0,.6); 
} 
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#pun:not(.isguest) #navlogout .Rega, 
#pun:not(.isguest) #navlogout .Forgot { 
display:none!important; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{ 
display:inline-block; 
padding:6px 0 8px 0; 
text-align:left; 
font: normal normal 400 10.56px/normal Verdana;
} 
/*Сам инпут*/ 
.punbb #List-UserNames input { 
border: 1px solid #5D6755!important; 
text-shadow: none!important; 
color:#333!important;
background-color: #D4D4D4;
font: normal normal 400 11px/normal Verdana!important; 
/* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */ 
margin-top: 9px; 
padding: 2px !important; 
vertical-align: middle; 
} 
/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b{ 
font: normal normal 400 13px/normal Verdana; 
padding:0 3px; 
color: #000000;
} 
/*Кликалка слева, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справа*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
font: normal normal 400 11px/normal Verdana!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/