/* CS1.0A Настройки фона*/

html {
background: url(https://i.imgur.com/e9NQEYW.jpg);
background-attachment: fixed;
background-size: cover;}

/* CS1.0 Шапка */
#pun-title.section {
   background-image: url(https://i.imgur.com/7FPDZ8k.png);
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    width: 900px;
    height: 283px;
    margin-top: -332px;
    margin-left: 0px;}


/* CS1.1 Настройки "тела" форума*/
#pun {
   margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    background-attachment: scroll;
    background-repeat: repeat-y;
    background-position: top center;
    background-color: #e4e4e4;
    padding: 50px 0px 0px 0px;
    margin: auto;
    width: 900px;
    margin-top: 256px;
    position: relative;}



/* CS1.0F Настройки футера/копирайта */
#pun-about {
    background-image: url(https://i.imgur.com/0rKscRa.png);
    height:127px;
    width: 900px;
    margin-left: 0px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: top center;
}



/* CS1.3 Настройки заголовков*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2  {
}


/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
 background-color: #ffffff54;
    border: 1px double #ffffff9e;
    border-radius: 5px;
    color: #000000;
}
.post-content .spoiler-box > div {
    cursor: pointer;
    padding-left: 18px;
    text-align: center;
    color: #e4e4e4;
    border-radius: 5px;
    font-family: calibri;
    font-size: 14px;
   background: url(style_cs.css) no-repeat 10px, #5797a5 !important;
}

/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text {
margin: 0 1.0em 0 1.0em;
background-color: #aed9fb!important;
background-image: ;
color: #294254!important;
display: block;
font-family: tahoma;
font-style: normal;
font-size: 15px !important;
text-align: center;
line-height: 15px;
padding: 10px;
border: #2c3958 !important;
}



.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS1.9 Настройки формы ответа*/
.punbb textarea  {
    background-color: #bcc6ce66;
    color: rgba(0, 0, 0, 0.7);
  }

/* CS1.9 Прокрутка */
::-webkit-scrollbar {width: 2px; height: 3px; background-color: #e9e0d9;}  
::-webkit-scrollbar-thumb {background-color: #003748;}




/* CS1.11 Настройки окон в форме ответа*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
background-color: #ffffff6e;
padding: 5px;
color: #000000;
}

#font-area {
max-width: 180px;
   max-height: 200px;
    overflow-x: hidden;
}

/* CS1.12 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb input, .punbb .button, .punbb select {
    background-color: rgba(34, 40, 51, 0.12);
    border: 1px double #ffffffad;
    padding: 5px;
    color: #000;
  }

#post .formsubmit {text-align: center;}


/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 Убираем все рамки*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
  border-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 Настройки ссылок*/
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #5797a5;
  text-decoration: none;
  text-transform: lowercase;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #294254;
  }


/* CS3.3 Настройки навигационных ссылок*/
#pun-navlinks a {
   font-weight: bold;
   font-size: 0 !important;
}

/* CS3.4 Настройки навигационных ссылок при наведении*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
 font-size: 0 !important;
  }


/* CS4 Иконки сообщений
-------------------------------------------------------------*/
.punbb table Div.icon {
 background-image: url(https://i.imgur.com/gKDZxLM.png); 
background-repeat: no-repeat;
    margin-left: -11px;
margin-top: 12px;}

/* Новые */
TR.inew Div.icon {
  background: url(https://i.imgur.com/gKDZxLM.png;
background-repeat: no-repeat;}

/* Важно */
TR.isticky Div.icon {
  background: url(https://i.imgur.com/gKDZxLM.png);
background-repeat: no-repeat;}

/* Закрыто */
TR.iclosed Div.icon {
  background: url(https://i.imgur.com/gKDZxLM.png);
background-repeat: no-repeat;}

/* Иконки подфорумов*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon{
   background: url(https://i.postimg.cc/SQfBS98x/image.png);
   height: 10px;    
   width: 10px; 
   float: left;    
    margin: 3px 13px;
}

/* CS5 категории*/
#pun-category1 h2 span, #pun-category2 h2 span, #pun-category3 h2 span, #pun-category4 h2 span, #pun-category5 h2 span, #pun-category6 h2 span, #pun-category7 h2 span, #pun-category8 h2 span, #pun-category9 h2 span,#pun-category10 h2 span, #pun-category11 h2 span, #pun-info.section h2 span {
    height: 45px;
    margin: -21px -12px -12px 0px;
    display: block !important;
    background-image: url(https://i.imgur.com/0TeQLKr.png);
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    font-family: calibri;
    font-size: 30px;
    letter-spacing: 2px;
    color: #698f9a;
}

#pun-stats.section h2 span
{height: 40px;
    margin: -17px -57px -18px 0px;
    display: block !important;
    background-image: url(https://i.imgur.com/0TeQLKr.png);
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    font-family: calibri;
    font-size: 19px;
    letter-spacing: 2px;
    color: #698f9a;
}



/* CS6 ТАБЛИЦА
-------------------------------------------------------------*/
.ban {
    position: absolute;
    margin: 40px 0px 0px 125px !important;
    width: 750px;
    padding-right: 2px;
    overflow-y: auto;
    height: 33px;}
.ban a {filter: brightness(0.5);}
.ban a:hover {filter: none;opacity: 1;
}
#navindex a:before, #navuserlist a:before, #navrules a:before, #navsearch a:before, #navprofile a:before, #navpm a:before, #navadmin a:before, #navregister a:before, #navlogin a:before, #navlogout a:before, #navextra1 a:before, #navpr_1.pr-li a:before {
    font: 17px 'icon';
}
#navindex a:before {content: "\f004";}
#navuserlist a:before {content: "\f0c0";}
#navrules a:before {content: "\f091";}
#navsearch a:before {content: "\f002";}
#navprofile a:before {content: "\f007";}
#navpm a:before {content: "\f0e0";}
#navadmin a:before {content: "\f005";}
#navregister a:before {content: "\f25d";}
#navlogin a:before {content: "\f2f6";}
#navlogout a:before {content: "\f2f5";}
#navextra1 a:before {content: "\f028";}
#navpr_1.pr-li a:before {content: "\f13d";}
.need {
position: absolute;
    top: 125px;
    left: 369px;
    letter-spacing: 7px;
}
.plash {  position: absolute;
    margin-left: 716px !important;
    margin-top: 97px !important;
    width: 171px;
    height: 104px;
    overflow: auto;}
.plash1{padding: 4px 8px 5px 8px;
    font-size: 11px;
    font-family: arial;
    background: #5797a5;
    color: #e4e4e4!important;
    letter-spacing: 0.6px;
    font-style: italic;
    text-transform: lowercase;
    font-weight: 600;
    border-radius: 7px;}
.aktiv1, .aktiv2 {position: absolute;
    text-align: center;
    font-family: arial;
    letter-spacing: 2px;
    font-size: 15px;
    font-style: italic;
    text-transform: lowercase;}
.aktiv1 { width: 78px;
    top: 106px;
    left: 11px;
line-height: 37px;
position: absolute;
    display: flex;
 flex-direction: column;}
.aktiv2 {     top: 106px;
    right: 543px;
    width: 78px;
    line-height: 37px;
    position: absolute;
    display: flex;
 flex-direction: column;}
.aktiv1 a, .aktiv2 a, .pst a {color: #e4e4e4!important;
    font-weight: 700;}
.ep a {color: #5797a5!important;
    font-weight: 700;}
.pst, .ep {position: absolute;
    font-family: arial;
    font-style: italic;
    letter-spacing: 1px;
    font-size: 12px;
    text-align: center;}
.pst {      top: 212px;
    right: 641px;}
.ep {        width: 150px;
    top: 210px;
    left: 458px;}
.ssil {top: 208px;
    right: 16px;
    position: absolute;}
.spirit-navigation_hover {
    opacity: .5;
}
.spirit-navigation {
    width: 157px;
    height: 15px;
    font-size: 13px;
    font-family: arial;
    font-style: italic;
    font-weight: 700;
    color: #e4e4e4;
    padding: 4px;
    text-align: center;
    border-radius: 7px;
    background: #ed9186;}
#navigblock {
    width: 154px;
    margin-top: -1px;
    margin-left: 6px;
    background: #5797a5;
}
.sslka{    margin: 10px;}
#pun .sslka a {    display: block;
    padding: 2px 0px;
    text-transform: lowercase;
    width: auto;
    font-weight: 600;
    text-align: center;
    font-family: arial;
    font-style: italic;
    font-size: 10px;
    color: #e4e4e4!important;
    letter-spacing: 3px;
}
.need3 {
    filter: contrast(0.5);
    border-radius: 100%;
}

.b_post {
position: absolute;
    margin-top: 110px !important;
    margin-left: 89px!important;
    width: 186px;
    height: 96px;
    text-align: justify;
    font-size: 9px;
    padding-right: 7px;
    overflow: auto;
    text-transform: lowercase;
    line-height: 13px;
}

/* CS7 КАТЕГОРИИ
-------------------------------------------------------------*/
#pun-index .category .container {
    margin: 6px 20px 0px 20px;
    padding: 0px;
    border-radius: 12px;
    border: 1px solid #5797a5;}

#pun-index .tclcon span {
margin-top: 12px;
    margin-bottom: -20px;
    padding: 2px 2px 4px 0px;
    display: block;
    text-align: center;
    font-size: 11px;
    background: #5797a5;
    border-radius: 5px;
    letter-spacing: 1.5px;
}
#pun-index .tclcon span a {
color: #e4e4e4;
    font-family: arial;
    font-style: italic;
    font-weight: 700;
}




/* CS8 ПРОФИЛЬ*/ 
.punbb .post .post-author > ul {
background: url(ccskrf) top center no-repeat,
url(ссылка) bottom center no-repeat;
padding: 9px 6px 10px 6px !important;} 

.punbb .post .post-author {
text-align: center;
background: transparent url(ccskrf) repeat-y;}


.pa-author a, .pa-author {    
        font-size: 13px;
    height: 18px;
    margin: 65px 0px 0px -192px !important;
    padding-top: 2px!important;
    font-family: calibri;
    transform: rotate(-45deg);
    position: absolute;
    font-weight: 700;
    letter-spacing: 1px;
    width: 220px;
    text-align: right;
    color: #fff!important;
    text-transform: uppercase!important;}
}
*РЕПУТАЦИЯ В ОДНУ СТРОКУ*/
.pa-respect { 
  display: inline-block; margin-left: -10px;
    text-align: center; 
padding:0px 0px;
    width: 80px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
}
.pa-posts { margin-left: 20px;
  display: inline-block; margin-left: -10px;
    text-align: center; 
padding:0px 0px;
    width: 80px;
padding-bottom:5px!important;
text-transform: lowercase;
line-height:11px;
box-shadow: 0px 2px 1px
padding-top:6px!important;
}
.pa-posts, .pa-respect, .pa-fld3 {
    text-align: center;
    display: inline-block;
    padding: 12px 14px!important;
    width: 35px;
    font-size: 74%;
    line-height: 14px;
    color: #e4e4e4 !important;
}

li.pa-respect a{   color: #e4e4e4 !important;
}


/*ПОЛЯ ПРОФИЛЯ*/
li.pa-fld1 {     font-family: arial;
    font-size: 10px;
    text-align: justify;
    margin: 3px 7px 5px 7px;
    color: #15404e;
    width: 180px;
    line-height: 10px;}
li.pa-fld1 a { color: #e4e4e4 !important;
    font-weight: 700;}
li.pa-fld1 span {    display: block;    height: 15px;    margin: 0 0 3px -5px;}
li.pa-fld1 span a {color: #e4e4e4 !important;
    width: 189px;
    position: absolute;
    font-family: arial;
    text-transform: uppercase !important;
    font-size: 12px;
    letter-spacing: .5px;
    text-align: center;
    margin-left: 3px;
    margin-top: 2px;}
li.pa-fld5 {color: #5797a5 !important;
    background: #e4e4e4;
    width: 210px;
    margin-left: -6px;
    padding-top: 3px!important;
    height: 19px;
    font-family: arial;
    font-weight: 600;
    font-style: italic;
    text-transform: lowercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;}
.pa-fld2 {    height: 37px;    margin-bottom: 5px;    width: 209px;}
.pa-fld2 span, #pa-fld2 strong span {background: linear-gradient(0deg, #3b7080, #e4e4e48f);
    display: block;
    margin-left: -6px;
    height: 37px !important;
    width: 210px !important;
    color: #e4e4e4;
    text-align: center;}
.pa-fld2 span {position: absolute;}
.pa-fld2 span img, #pa-fld2 strong span img {    float: left;    margin: 1px 5px;    max-width: 46px;    height: 36px;}
.pa-fld2 span b, #pa-fld2 strong span b {    display: block;    font-family: 'Raleway';    font-size: 15px;    text-transform: uppercase;    padding-top: 4px;    margin-bottom: -4px;    font-weight: normal;}
.pa-fld2 span i, #pa-fld2 strong span i {    font-style: normal;    font-family: arial;    font-size: 9px;    letter-spacing: 1px; text-transform: lowercase}


/* VI. ТЕМЫ
-------------------------------------------------------------*/
.face {width: 600px;
    border-radius: 10px;
    margin: auto;
    display: block;
    text-align: center;
    background-attachment: fixed;
    padding: 20px;}
.face face1{    display: block;
    margin: -10px 0 10px 0;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 2px;
    font-size: 18px;
    color: #5797a5;}
.face face2{text-transform: uppercase;
    display: block;
    padding: 10px;
    font-weight: 600;
    color: #ed9186;
    line-height: 16px;}
.face face3{text-transform: lowercase;
    background: #d5d5d5;
    display: block;
    padding: 3px 4px 12px 5px;
    font-weight: 600;
    height: 54px;
    overflow-y: scroll;
    color: #ed9388;
    line-height: 16px;}

.tem {width: 620px;
    border-radius: 10px;
    display: block;
    text-align: justify;
    background: url(https://i.imgur.com/PfP2LOR.png);
    background-attachment: fixed;
    padding: 20px;
}
.tem tem1 {
    display: block;
    margin: -10px 0 10px 0;
    text-align: center;
    font-family: arial;
    text-transform: lowercase;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 18px;
    color: #e4e4e4;}
.tem tem2 {    text-transform: lowercase;
    display: block;
    background: #fffffffc;
    padding: 10px;
    font-weight: 400;
    color: #5c5c5c;
    line-height: 17px;
}

.go-up, .go-down {    cursor: pointer;    display: none;    opacity: 1;    position: fixed;    z-index: 9999; }
.go-up {bottom: 65%;    background: url(https://i.imgur.com/zajhQFt.png);    width: 42px;    height: 43px;    margin-left: 927px !important;}
.go-down {bottom: 50%; background: url(https://i.imgur.com/jm4wUrI.png);    width: 49px;    height:55px;    margin-left: 927px !important;}
.go-down:hover, .go-up:hover { }


/* смайлики
-------------------------------------------------------------*/
@media screen and (max-width:540px) {
.punbb #smilies-area,
.punbb #smilies-area #wrapper,
.punbb #smilies-area div[class^="t"] {
    width: 100% !important;
}
}
#smilies-area {
    width: 600px!important;
    z-index: 999;
}
#wrapper {width: 600px;}
 
ul.tabs {height: 24px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
 
ul.tabs li a {
 color: #436c92;
 cursor: pointer;
 margin-bottom: 1px;
 padding: 0 14px 1px;
 position: relative;
 text-decoration: none;
 width: 70px;
 display: inline-block;
 padding:3px 3px 3px 3px;
 font: normal normal 700 10px/normal Tahoma;
 background-color:#dbd7d2;
 box-shadow:inset 2px 2px 10px #dbd7d2;
 border-style: double;
 border-width: 4px;
 border-radius: 6px;
 border-color: #dbd7d2;
 text-align:center;
}
 
ul.tabs li a:hover {color: #436c92;}
 
ul.tabs li.active a {
  color: #dbd7d2;
  padding: 0px 14px 2px;
  line-height: 22px;
  background-position: -652px -62px;
  display: inline-block;
  padding:3px 3px 3px 3px;
  font: normal normal 700 10px/normal Tahoma;
  background-color:#436c92;
  box-shadow:inset 2px 2px 10px #436c92;
  border-style: double;
  border-width: 4px;
  border-radius: 6px;
  border-color: #436c92;  
}
 
ul.tabs li.active a:hover {color: #dbd7d2;}
#smilies-area div[class^="t"] {display: none;width: 100%;clear:both}
#smilies-area div.t-0 {display: block}



/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  /*outline:red solid 1px;*/
  display:inline-block!important; 
}
#pun-navlinks #New-exit img{ 
position:absolute;
margin-top: 8px;
margin-left: 97px;
width:20px; 
height:auto;
opacity:.62;
}
#pun-navlinks #New-exit:hover{
 opacity: .4;
}
/*Стиль доп-иконки Выход!*/ 
.punbb #pun-navlinks a#New-exit {
  position:absolute;
  z-index:100000!important;
  margin-top: 0px!important;
  margin-left: -30px!important;
  float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
border: 2px inset #B8ACA5;
text-rendering: auto; 
color: #000000!important;  
margin-top:4px!important;
/*border-radius: 5px; */ 
letter-spacing: normal; 
word-spacing: normal; 
text-transform: none; 
text-indent: 0px; 
text-shadow: none; 
display: inline-block!important; 
text-align: center; 
font: normal normal 400 11px/normal Arial!important; rgb(250, 255, 189)
background-color: rgba(230,224,202,.37);
} 
.punbb #form-login #fld1,#form-login #fld2{ 
background-color: rgba(249,244,252,.87);
} 
.punbb #pun-navlinks #form-login input[type="submit"]{ 
margin:13px 0 2px!important;
font-size: 12px!important;
background-color: #ed9186!important;
color: #fff!important;
border: 1px solid #7E7B6B!important;
 box-shadow: 0px 3px #BCB0A9 inset;
text-align: center;
text-transform: lowercase;
padding: 2px 4px;
min-width: 110px;
margin-top: 2px!important;
border-radius: 0px;
font-family: oswald !important;
font-weight: 500;
transition: all 0.5s ease-in-out 0s;
letter-spacing: 1px;
cursor:pointer;

/*border: 2px outset #83693E!important; 
color:#565462!important;
font-weight:700!important; */
} 

.punbb #pun-navlinks #form-login {
letter-spacing: normal!important;
background:  #5797a5;
border-radius: 0px 0px 6px 6px;
color: #F9F4FC;/*42D2C;*/
display: block;
font: normal normal 400 11px/normal Tahoma;
left: 0px;
padding: 7px 12px;
position: absolute !important;
text-align: center;
word-spacing: normal;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);/*(255, 255, 255, 0.235);*/
text-transform: none;
top: 5px;
width: 135px;
z-index: 100000!important;
}
/*Минимальный Шрифт*/ 
#pun-navlinks .container #form-login span{
font: normal normal 400 11px/normal Tahoma!important;
}

#pun-navlinks #navlogin #form-login {
  margin-left: -74px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -3px;/*Подвижки формы влево от выход*/
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -3px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
margin-bottom: 11px; 
margin-top: 11px; 
} 
.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 400 10px/normal Tahoma!important; 
letter-spacing:0.5!important; 
display:inline;
background: none!important;
}
.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:-8px; 
min-height:90px; 
width:220px; 
right:100%; 
padding: 12px 19px 12px 17px; 
background:  #5797a5;
border-color: #5797a5; /* Цвет границы */
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: #deddd8;;
text-align: left;
box-shadow: 2px 2px 1px rgba(183,174,169,.7);
padding-left: 5px!important;
font: normal normal 700 12x/normal Verdana!important;
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: .8;
color: #4c5e4a;
} 
.punbb #List-UserNames li>b:hover{ 
opacity:.93; 
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
width: 7px; 
height: 5px; 
} 
#List-UserNames ul::-webkit-scrollbar-track { 
background-color: #919190; 
border: 1px solid #919190; 
box-shadow: none; 
} 
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #00121c;!important;
border: 2px solid #888887; 
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: 2px inset #B8ACA5!important; 
/*border-radius: 6px; */
text-shadow: none!important; 
color:#333!important;
background-color: rgba(249,244,252,.87);
font: normal normal 400 11px/normal Arial!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: #F9F4FC; 
} 
/*Кликалка слево, чуть выше инпута*/ 
#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 Tahoma!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    width: 768px;
    z-index: 100;
    background-color: #e4e4e4;
    box-shadow: 0 0 40px #222;
}

/* XI. ПРОСМОТР ПРОФИЛЯ
КОДЫ BLANCHE */
#viewprofile li strong, #viewprofile li div, #setmods dd, #profile-left #pa-edit strong a {  display: block;  font-weight: normal !important;}

/* слева */
#profile-left {vertical-align: middle;background: #5797a5;}
#profile-left #profile-name strong, #profile-left #pa-edit strong a {
 text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    font-family: arial;
    color: #e4e4e4;
}
#profile-left #profile-name strong {margin-bottom:6px;}
#profile-left #pa-edit strong a {margin-top:8px; font-size: 12px; letter-spacing: 4px;}
#profile-left #profile-title strong, #profile-left #pa-online strong {    text-align: center;
    font-size: 9px;
    letter-spacing: .5px;
    font-family: arial;
    text-transform: lowercase;
    padding: 4px 0;
    margin: 1px 16px;
    border-radius: 5px;
    background: #e4e4e4;
    color: #2b2d2a;} 
.pa-avatar {width: 100%;margin: 2px 0;}
.pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img { max-height: 180px; max-width: 180px !important;}

/* справа */
#profile-right {border: 1px solid #c1c0d3 !important; }
#profile-right li {    margin: 5px 0;}
#viewprofile #profile-right li span {width: 140px;
    padding: 4px 7px;
    margin: 2px 20px;
    font-family: arial;
    font-size: 9px;
    font-weight: 600;
    border-radius: 5px;
    text-transform: lowercase;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: top;
    background: #5797a538;}
#profile-right li strong {    padding: 4px 0 4px 0px !important;    font-family: Arial;    font-size: 11px;    text-transform: lowercase;    display: inline-block;width: 400px;}

/* внутри */
#profilenav, #pun-adnav {float:left;}
#pun-profile #form-buttons {margin: 0 0px 14px 0;}
#profile .container legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-admain h2 span, form#post.container legend span, #userlist.container legend span, #punbbsearch.container legend span, .container legend.warntext span {font-family: arial;
    letter-spacing: 2px;
    font-weight: 600;
    font-style: italic;
    text-transform: lowercase;
    font-size: 9px !important;
    padding: 4px 8px;
    margin: 0px;
    background: #e7e7ed;}
#profile .container legend, #profilenav h2 span, #profile .container legend span, .adformal h2 span {color: #544838 !important;}
#profile fieldset, .adformal {text-transform: lowercase;    padding: 20px;    margin-left: 110px;}
#profile fieldset fieldset {margin-left: 0px;padding:0px;}
#pun-adnav li, #profilenav li {padding: 3px 10px !important;}
#pun-profile small#plng {margin-top: 124px;}
#pun-profile #profile {    min-height: 280px;}


#tooltip {
position:absolute;
background-color:#5797a5; /* фон подсказки */
z-index: 999;
max-width:200px; /* максимальная ширина подсказки */
border:2px #fff; /* толщина. стиль и цвет рамки */
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
font-family:Georgia; /* шрифт подсказки */
font-size:13px; /* размер текста */
display:none;
color:#e4e4e4; /* цвет текста */
text-align:center;
padding:4px;
}