@import url(style_cs.1487445906.css);
@font-face {  font-family: Aniron;
  src: url(http://ostvw.rusff.ru/files/0015/e1/ed/24693.ttf);}
@font-face {  font-family: Barkentina;
  src: url(http://ostvw.rusff.ru/files/0015/e1/ed/94615.ttf);}

/* убирает лишние полосы прокруток */
@media screen and (min-width: 800px) {
body {overflow-x: hidden}
}
@media screen and (max-width: 800px) {
body {overflow-x: auto}
}

html, body {margin: 0; padding: 0}
.punbb * {margin: 0}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0;list-style: none;}
.punbb img { border:none}
.punbb .main table {table-layout: fixed;width: 100%;}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {height: 1.8em;vertical-align: middle}



 /* -------------------------------------------------------------*/

/* Font size */
body {font-size: 100.01%;}

/* Basic font */
.punbb {font: normal 68.75% verdana, arial, helvetica, sans-serif;}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {font: 1em verdana, arial, helvetica, sans-serif}

.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {font-size: 1em;font-weight: normal;}

.punbb h1 span, .punbb h2 span, .punbb legend span {font-size: 1.1em;}

.punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace}

.punbb address, .punbb em {font-style: normal}

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

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

.punbb a {text-decoration: none;}

.punbb optgroup {font-weight: bold;}


/* -------------------------------------------------------------*/

#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;
  font-size: 0;}

.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}


/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun { /*pun{*/
  width: 898px;
  margin: -5px auto 0px auto;
  position: relative;
  padding-left: 56px;
  padding-right: 56px;
  background: url(http://co.forum4.ru/files/0017/f6/e3/30805.png) transparent repeat-y center scroll !important;
  }

body {
    background: url(http://co.forum4.ru/files/0017/f6/e3/67806.png) repeat-x scroll center top, url(http://co.forum4.ru/files/0017/f6/e3/95279.png) repeat-x scroll center bottom, #001138 url(http://i5.imageban.ru/out/2016/11/30/99434e63f3f511393adc8f22081c6343.png) repeat scroll 0 0;
}

#html-footer {
  background: transparent url(http://i2.imageban.ru/out/2016/11/30/b5b986f1565d468095b23ce51c958366.png) no-repeat bottom center; 
    margin: 0 0 0 -330px !important;
    width: 1496px;
    height: 240px;
}

/*Title */
#pun-title table {
  background-color: transparent;
  width: 2358px;
  height: 563px;
  margin: 0px 0px 0px -728px; 
}

/*Cat Category*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #post-form h2{
  background: transparent url(http://co.forum4.ru/files/0017/f6/e3/51085.png) no-repeat scroll;
  height: 75px!important;
  border-color: transparent;

  padding-top: 16px;
  margin: 0px -30px -10px -36px;
  font-size: 16px;
  font-family: Aniron;
  text-align: center;
  letter-spacing: 1px;
    color: rgba(169,193,207, 0.85) !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 15px rgba(3, 16, 37, 1), 0 0 25px rgba(3, 16, 37, 1), 0 0 5px rgba(3, 16, 37, 1), 0 0 10px rgba(3, 16, 37, 1), 0 0 7px rgba(3, 16, 37, 1) !important;
}
#post-form h2{margin:0 -45px 0 -52px !important;}


/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

#pun-redirect {
 background: url(http://i2.imageban.ru/out/2016/11/30/f16e855411981beb549796806ef17547.png) no-repeat center,
#001138 url(http://co.forum4.ru/files/0017/f6/e3/61126.png) repeat top center;
  position: fixed;
  width: 100%;
  height: 100%;
  top:0!important;
  left:0!important;
  content: none;
  text-align: center;
  font-size:0px}
.main-title, #pun-redirect .info {display: none; background:none!important; box-shadow:none!important;}

/* All other */
.punbb .section, .punbb .main {margin-bottom: 1em;}
.punbb .category, .punbb .post {margin-top: 1.4em;}
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;  }
#pun-post .topic {margin-top: 1em;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post, .punbb .container, .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { border:none;}

/*************************************************************
**************************************************************/

/* -------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

.post-sig dt {
  background: url(http://co.forum4.ru/files/0017/f6/e3/45321.png) no-repeat scroll 0 0;
  height: 10px;
  width:195px;
  margin: 15px auto 10px auto;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

/* B1.4 */
.punbb .post-content img { vertical-align: text-bottom; }
.punbb .post-content img.postimg { vertical-align: middle;}

.post-content hr{
background: transparent url(http://co.forum4.ru/files/0017/f6/e3/45321.png) no-repeat scroll bottom center;
    height: 10px; opacity: 1.0!important; border:none!important;
    margin: auto; padding:10px auto; 
}

/*Headers in posts*/
.post-content h5 {
  min-height:40px;
  margin-bottom:7px;
  font-size: 16px;  font-family: Aniron;  color: #1f3c6d;
  text-shadow:0 0 7px rgba(59, 118, 145, 0.7), 0 0 15px rgba(59, 118, 145, 0.5) !important;
background: transparent url(http://co.forum4.ru/files/0017/f6/e3/45321.png) center bottom no-repeat scroll;
text-align:center;
font-weight: normal;
}

.post-content h6 {
  font-size: 16px;  font-family: Aniron;  color: #1f3c6d;
  min-height:40px;
  margin-bottom:7px;
  text-shadow:0 0 7px rgba(59, 118, 145, 0.7), 0 0 15px rgba(59, 118, 145, 0.5) !important;
background: url(http://co.forum4.ru/files/0017/f6/e3/98469.png) center left no-repeat scroll, url(http://co.forum4.ru/files/0017/f6/e3/79644.png) center right no-repeat scroll, rgba(0, 0, 0, 0) none repeat scroll 0 0;
text-align:center;
font-weight: normal;
}

.post-content z1 {
  padding: 10px 90px 0px 90px;
  font-size: 16px;  font-family: Aniron;  color: #1f3c6d;
  text-shadow:0 0 7px rgba(59, 118, 145, 0.7), 0 0 15px rgba(59, 118, 145, 0.5) !important;
background: url(http://co.forum4.ru/files/0017/f6/e3/98469.png) center left no-repeat scroll, url(http://co.forum4.ru/files/0017/f6/e3/79644.png) center right no-repeat scroll, rgba(0, 0, 0, 0) none repeat scroll 0 0;
text-align:center;
}

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  max-height: 200px;
  }

/* B1.8 */
.post-content .quote-box, .post-content .code-box {
  padding: 10px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 7px;
  margin-bottom: 7px;
}
.quote-box cite, .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;}

/* B1.9 */
.code-box, .quote-box {  margin: 3px 17px 10px;}

.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .punbb textarea {
    background-clip: padding-box;
    background-image: url(http://co.forum4.ru/files/0017/f6/e3/44128.png);
    background-color: #bacbd4;
    border-image: url(http://co.forum4.ru/files/0017/f6/e3/81949.png) 3 3 3 3 repeat repeat;
    border-style: solid;
    border-width: 3px;
    color: #111;
   box-shadow: 0 0 15px rgba(20, 45, 92, 0.5) inset;
}

/* -------------------------------------------------------------*/

.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;}
.punbb .info-box * {padding: 0 0 0.7em 0;}
.punbb #pun-main .info-box .legend {font-size: 1.1em;font-weight: bold}

/*-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  margin:-10px auto auto -10px;
  color:rgba(181,181,176, 0.8);
  text-shadow: 0 0 5px rgba(0,0,0, 1.0), 0 0 7px rgba(0,0,0, 1.0), 0 0 10px rgba(0,0,0, 1.0), 0 0 15px rgba(0,0,0, 1.0), 0 0 20px rgba(0,0,0, 1.0), 0 0 15px rgba(0,0,0, 1.0),0 0 15px rgba(0,0,0, 1.0);
  
  }

/* B3.2 */
.multipage { margin-top: 3em;}

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -15px;
  left: 2em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -15px;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  color:rgba(181,181,176, 0.8);
  text-shadow: 0 0 5px rgba(0,0,0, 1.0), 0 0 7px rgba(0,0,0, 1.0), 0 0 10px rgba(0,0,0, 1.0), 0 0 15px rgba(0,0,0, 1.0), 0 0 20px rgba(0,0,0, 1.0), 0 0 15px rgba(0,0,0, 1.0),0 0 15px rgba(0,0,0, 1.0);
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
**************************************************************/

/* -------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

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

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box { padding: 1em 0 0.8em 0;}
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 0.8em 0}

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

.punbb .inline .infofield {clear:both}
.punbb .datafield br {display: none}
.punbb .required label, .punbb .datafield span.input { font-weight: bold}
.punbb .datafield span.input a { font-weight: normal;}

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%;
  }

/* C1.16 */
.punbb textarea, .punbb .longinput in {
  width: 64%;
  margin: 0;
  }

.punbb .hashelp {position: relative;}

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* C1.19 */
.punbb #profile .helplinks { top: 1.5em;}

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* -------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 60%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {display:none !important;}

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 20%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-weight: bold;
  font-size: 20px;
  font-family: Barkentina;
  letter-spacing: 1px;
  text-align: left;
  margin-left: 20px;
  }
#pun-index .tcl h3:first-letter {
  font-weight: bold;
  font-size: 28px;
  font-family:  Barkentina;
  letter-spacing: 1px;
  text-align: left;
  margin-left: 20px;}

#pun-index .tcl h3 a {
    color: rgba(23,48,95, 0.9) !important;
    text-shadow: 0 0 10px rgba(38, 93, 118, 0.7) !important;}


#pun-index .tcl h3 a:hover {
    color: rgba(45,79,142, 1) !important;
    text-shadow: 0 0 10px rgba(38, 93, 118, 0.5) !important;}

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {display:none;}

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border:none;
  padding: 0.4em 1em 0.4em 1em;
  font-size: 10px;
  color: rgba(120,155,166, 0.9);
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb td div.tclcon { margin-right: 15px;}


/* C2.15 */
.punbb div.icon {
  float: right;
  display: block;
  width: 65px;
  height: 59px;
  border-style: none;
}

div.icon {
background-image: url(http://co.forum4.ru/files/0017/f6/e3/22430.png);
background-position: 0 0;
background-repeat: no-repeat;
opacity: 1.0;
}
tr.inew Div.icon {
background-image: url(http://co.forum4.ru/files/0017/f6/e3/51175.png);
background-position: 0 0;
background-repeat: no-repeat;
opacity: 1.0;
}
tr.iclosed div.icon {
background-image: url(http://co.forum4.ru/files/0017/f6/e3/54063.png);
background-position: 0 0;
background-repeat: no-repeat;
opacity: 1.0;
}

tr.isticky div.icon {
background-image: url(http://co.forum4.ru/files/0017/f6/e3/33428.png);
background-position: 0 0;
background-repeat: no-repeat;
opacity: 1.0;
}

 /* -------------------------------------------------------------*/

.punbb .post .container {border: none;}
.punbb .post h3 { border: none;  }

/* C3.3 */
.punbb .post h3 span {
  border: none;
  padding: 7px 15px 7px 15px;
  display: block;
  margin: -18px 4px 0px 4px;
  text-align: left;
  background: rgba(1,59,104, 0.13);
  font-size: 17px;
  font-family: Barkentina;
  z-index:9999;
}


#pun-main .post h3 span::before {
  content: "Дата поста ";
  font-weight: normal;
  text-transform: lowercase;
  font-size: 13px;
  padding-right: 5px !important;
}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 190px
  text-align: right;
  font-weight: normal;
  color:#335285;
  }

div.post h3 strong::before {
  content: "Пост номер ";
  font-weight: normal;
  text-transform: lowercase;
  font-size: 13px;
  padding-right: 5px !important;
  color:#152e58;
}


/* ------!!!!----- */
.punbb .post .post-author {
  float: left;
  width: 220px!important;
  text-align: left; 
  color: #000e30!important;
  text-shadow:0 0 10px rgba(57,117,148, 0.5) !important;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 1.4em 1em 1em 1em;
  line-height: 140%;
  }

.pa-author {
  color: rgba(204,223,232, 0.9) !important;
    background: transparent url(http://co.forum4.ru/files/0017/f6/e3/12167.png) no-repeat scroll center center;
    font-family: Barkentina;
    font-size: 18px;
    font-weight: bold;
    margin: -10px -38px;
    padding: 23px 0 23px 21px !important;
    position: absolute;
    text-align: center;
    width: 237px !important;
}

/* C3.8 */
.pa-author a {
  text-decoration: none;
  color: rgba(204,223,232, 0.9) !important;
  padding-right: 20px !important;}

.pa-author a:hover,.pa-author a:focus,.pa-author a:active {
  text-decoration: none;
  color: rgba(169,192,212, 1.0) !important;
  padding-right: 20px !important;}

/* C3.9 */
li.pa-title {
  padding-top: 60px!important;
  padding-bottom: 10px!important;
  font-weight: normal;
  font-size: 1.1em;
  text-align: center;
  text-decoration: none;
  font-family: Barkentina;
  color: #c3c3ba!important;
  text-shadow: rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 13px!important;
  }

/* C3.9.2 */
.pa-title {
   font-weight: normal;
   font-size: 1.1em;
   text-align: center;
   text-decoration: none;
   font-family: Barkentina;
  color: #c3c3ba!important;
  text-shadow: rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 13px!important;
  }

li.pa-avatar {
  text-align: center !important;
  padding-right: 0px!important;}

.item2 img, .pa-avatar img{
  padding: 10px !important;
  margin-left: -10px;
  background: url(http://co.forum4.ru/files/0017/f6/e3/27412.png) top left no-repeat scroll, url(http://co.forum4.ru/files/0017/f6/e3/48366.png) left bottom no-repeat scroll, url(http://co.forum4.ru/files/0017/f6/e3/53000.png) bottom right no-repeat scroll, url(http://co.forum4.ru/files/0017/f6/e3/20268.png) right top no-repeat scroll, url(http://co.forum4.ru/files/0017/f6/e3/16020.png) bottom center repeat-x scroll, url(http://co.forum4.ru/files/0017/f6/e3/25465.png) top center repeat-x scroll, url(http://co.forum4.ru/files/0017/f6/e3/87449.png) center right repeat-y scroll,  url(http://co.forum4.ru/files/0017/f6/e3/13112.png) center left repeat-y scroll, 
rgba(0,0,0, 0) none repeat scroll 0 0;
   box-shadow: 0px 0px 7px 0px rgba(0,0,0, 0.5) inset,  0px 0px 7px 3px rgba(0,0,0, 0.7);
  max-width:205px!important;
}



/* C3.10 */
li.pa-online{
  border:none;
  text-align: center;
  height: 40px!important;
  width: 180px!important;
  line-height: 14px!important;
  padding-top:10px;
  padding-left:30px;
  margin-top: 15px !important;
  margin-bottom: 50px !important;
  margin-left: -22px !important;
  position: absolute;
  text-align: center;
  color: #c3c3ba!important;
  text-shadow: rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 13px!important;
  font-weight: normal;
  font-size: 15px;
  font-family: Barkentina;
  }

.pa-last-visit {
  text-align: center;
  height: 40px!important;
  width: 238px!important;
  line-height: 14px !important;
  margin-top: 15px !important;
  margin-left: -26px !important;
  position: absolute;
  text-align: center;
  color: #c3c3ba!important;
  text-shadow: rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 13px!important;
  font-weight: normal;
  font-size: 15px;
  font-family: Barkentina;}

#pun-messages #pun-main #profile .container fieldset .container .post-author ul .pa-reg, 
#pun-messages #pun-main #profile .container fieldset .container .post-author ul .pa-posts, 
#pun-messages #pun-main #profile .container fieldset .container .post-author ul .pa-from,
#pun-messages #pun-main #profile .container fieldset .container .post-author ul .pa-posts,
#pun-messages #pun-main #profile .container fieldset .container .post-author ul .pa-reg{  color: #c3c3ba!important;
  text-shadow: rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 13px!important;}

/*Заголовок в ЛС*/
#pun_wrap #pun #pun-messages #pun-main #profile .container fieldset legend{
  color: #b8ccda !important;  text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 7px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 1), 0 0 15px rgba(0, 0, 0, 1), 0 0 15px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1) !important;
  font-family: Barkentina;
  font-size: 18px;}
#pun-messages #pun-main #profile .container #messages fieldset legend span{text-shadow:none!important;}
#pun #pun-messages #pun-main #profile .container #messages .linksb .pagelink{color:#1e130b;text-shadow:none;}

/* C3.11 */
.punbb .post-body {
  margin-left: 21em;
  border:none;
  padding: 30px 15px 10px 15px!important;
  margin-bottom: 10px;
  margin-right: -10px;
  }

/* C3.12 */
.punbb .post-box {
  padding: 10px;
/*  padding-left:60px!important;*/
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }
#messages fieldset .fs-box .container table thead tr{  background: rgba(1, 59, 104, 0.13);}

/* C3.14 */
.punbb .post-links {
  margin-top: 15px;
  margin-left: 19em;
  border:none;
  }

.punbb .post-links a, #topic-users-in .container a{ color: #949492!important;
 text-shadow: rgba(0,0,0, 1.0) 0 0 7px,rgba(0,0,0, 1.0) 0 0 7px,rgba(0,0,0, 1.0) 0 0 7px,rgba(0,0,0, 1.0) 0 0 7px,rgba(0,0,0, 1.0) 0 0 7px,rgba(0,0,0, 1.0) 0 0 7px!important;}
.punbb .post-links a:active, .punbb .post-links a:hover, .punbb .post-links a:focus, #topic-users-in .container a:hover, #topic-users-in .container a:active, #topic-users-in .container a:focus{
  color: #777776!important;
  text-shadow: rgba(0,0,0, 1.0) 0 0 7px,rgba(0,0,0, 1.0) 0 0 7px,rgba(0,0,0, 1.0) 0 0 7px,rgba(0,0,0, 1.0) 0 0 7px,rgba(0,0,0, 1.0) 0 0 7px,rgba(0,0,0, 1.0) 0 0 7px}


/* C3.15 */
.punbb .post-links ul {
  margin-left: -18em;
  text-align: right;
  line-height: 5.5em;
  border-top-style: none;
  border-top-width: 0px;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  margin-right: 1em;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }

.pl-email, .pl-website {  float: left; }
.post-links ul .pl-reports a {display:none;}
.post-links ul .pl-share a{display:none;}
.pa-author img{display:none;} /*f___ing flag*/
.pl-website a{display:none;}
.sharelink{display:none;}


/* -------------------------------------------------------------*/

.punbb .modmenu .container {padding: 0.5em 1em;text-align: right}
.punbb .modmenu strong, .punbb .modmenu a {height: 1.8em;line-height: 1.8em;}
.punbb .modmenu .container strong {float: left;}
.punbb .modmenu input {margin-left: 1em;}
#topic-modmenu .container span{display: none;}
#topic-users-in .container {color: #81817f!important; text-shadow: rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 7px, rgba(0,0,0, 1.0) 0 0 10px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 20px!important;}


/* -------------------------------------------------------------*/

.punbb .info .container {padding: 0.8em 1em}
.punbb .info .container .backlink {padding-top: 0.8em;}


/* -------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#profilenav li {
  padding-bottom: 0.8em;
  font-family: Barkentina;
  font-size:12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 11px;
  }

/* C6.5 */
#viewprofile ul, #profilenav ul {
  border:none;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

#profile .container #profilenav ul{
padding: 20px 15px 10px 15px!important;}

/* C6.6 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.7 */ /*H2 in user's profile*/
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  text-shadow: 0 0 7px rgba(59, 118, 145, 0.7), 0 0 15px rgba(59, 118, 145, 0.5) !important;
  color: #0d3070;
  }

#pun_wrap #pun #pun-messages #pun-main #profile .container #profilenav h2 span{
    text-shadow: rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 7px, rgba(0,0,0, 1.0) 0 0 10px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 20px!important;
  color: #b8ccda!important;
  }

/* C6.8 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.9 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/* C6.10 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.11 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }


/*  User list 
-------------------------------------------------------------*/

#pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none;margin-bottom: 0;}
#pun-userlist .usertable .container {padding: 0 2.3em 2.3em 2.3em;border-top: none;}
#pun-userlist .usertable table {border-style: solid;border-width: 1px;}
#pun-main .usertable .container table thead tr{  background-color: rgba(1, 59, 104, 0.13);}
#pun-main .usertable .container table tbody .altstyle{  background-color: rgba(1, 59, 104, 0.07);}
#pun-main .usertable {margin-top:20px!important;}


/*************************************************************
**************************************************************/

/* Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
  }

/* D1.2 */
#pun-title h1 {
  display: block;
}

/* D1.3 */
#pun-title .container {
  border: none;
  }

/* D1.4 */
#pun-title h1 span  {
  font-size: 1.5em;
  }

/* D1.6 */
#pun-title td.title-logo-tdl {
display:none
  }

/* D1.6 */
#pun-title td.title-logo-tdr {
  border: none;
  width: 468px;
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
}


/* -------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0;
}

#pun-pagelinks .container li {display: inline;}

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em;
  }

/* -------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
  border: none;
  margin: 0;
}


/* D3.2 */
#pun-navlinks .container {
height: 34px;
margin-top: -125px; 
padding-top: 33px;
position: relative;
text-align: center;
}

/* D.3 */
#pun-navlinks li {
display: inline-block;
margin-left: 10px;
position: absolute;
}

/* D3.4 */
#pun-navlinks li a {
color: rgba(210,211,207, 0.7);
display: inline-block;
font-family: Aniron;
font-size: 14px;
height: 40px;
line-height: 36px;
min-width: 40px;
padding: 0px 7px 0px 7px;
position: relative;
border-left: 1px solid rgba(255,255,255, 0.190);
border-right: 1px solid rgba(0, 0, 0, 0.398);
text-shadow: rgba(0,0,0, 1.0) 0 0 3px, rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 7px, rgba(0,0,0, 1.0) 0 0 10px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 17px, rgba(0,0,0, 1.0) 0 0 20px, rgba(0,0,0, 1.0) 0 0 25px!important;
    transition: all 0.1s ease 0s;
  }

#pun-navlinks li a:hover, #pun-navlinks li a:focus, #pun-navlinks li a:active {
box-shadow: 
0 6px 10px rgba(0, 0, 0, .9) inset,
-23px 0 30px -23px rgba(171,172,169, 0.5) inset, 
23px 0 30px -23px rgba(171,172,169, 0.5) inset, 
0 0 0px rgba(0, 0, 0, .0) ;
color: rgba(210,211,207, 1.0);
text-shadow: rgba(0,0,0, 1.0) 0 0 3px, rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 7px, rgba(0,0,0, 1.0) 0 0 10px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 17px, rgba(0,0,0, 1.0) 0 0 20px, rgba(0,0,0, 1.0) 0 0 25px!important;
transition: all 0.1s ease 0s;
}

#navadmin {
position: absolute;
top: -25px;
left: 600px;

}
#navadmin a {border: none !important}
#navadmin a:hover, #navadmin a:focus, #navadmin a:active {
box-shadow: none!important;}
#navawards {display: none !important;}








#navindex {left:51px;}
#navuserlist {left:155px; }
#navsearch {left:291px;}


#navregister {left: 373px;}
#navlogin {left:532px;}

#navprofile {left: 373px;}
#navpm {left:484px; }
#navlogout {left:640px; }
#navpiar {left:608px;}
#navextra1{left:720px;}


#navindex a {width:89px; border-left: none !important;}
#navindex a:hover, #navindex a:focus, #navindex a:active {
box-shadow: 
-23px 0 30px -23px rgba(255,255,255, 0.3) inset, 
0 0 0px rgba(0, 0, 0, .0)!important;}

#navuserlist a {width:120px; }
#navsearch a {width:66px;}

#navregister a {width:143px;}
#navlogin a {width:60px; }

#navprofile a {width:95px;}
#navpm a {width:140px; }
#navlogout a {width:64px;}
#navpiar a {width:96px;}

#navextra1 a{width:86px; border-right: none !important;}
#navextra1 a:hover, #navextra1 a:focus, #navextra1 a:active {
box-shadow: 
23px 0 30px -23px rgba(255,255,255, 0.3) inset, 
0 0 0px rgba(0, 0, 0, .0)!important;}



#navpiar:hover 
{cursor: pointer;} 


/* -------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  margin-top: 0;
  Font-Family:  Barkentina;
  font-size: 12px;
  text-decoration: none;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 7px; 
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
  }


/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.1em 0 0.4em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

#pun-ulinks a {
    transition: all 0.1s linear 0s;
color: rgba(210,211,207, 0.5);
text-shadow: rgba(0,0,0, 1.0) 0 0 3px, rgba(0,0,0, 1.0) 0 0 3px, rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 7px, rgba(0,0,0, 1.0) 0 0 10px!important;
}
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:visited {
    transition: all 0.1s linear 0s;
color: rgba(210,211,207, 0.8);
text-shadow: rgba(0,0,0, 1.0) 0 0 3px, rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 7px, rgba(0,0,0, 1.0) 0 0 10px;
}

/* -------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border:none;
  margin-top: 20px;
  color: #81817f;
  text-shadow: rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 7px, rgba(0,0,0, 1.0) 0 0 10px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 20px!important;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

#pun-crumbs1 .crumbs, #pun-crumbs2 .crumbs{      color: #949492!important;
  text-shadow: rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 7px, rgba(0,0,0, 1.0) 0 0 10px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 20px!important;}

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* -------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  display:none;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }
#pun-announcement .container .html-box{
  max-width:838px;  height:380px!important;
  margin-left:19px;  margin-bottom: 20px;}

#pun-announcement a {color:#2a5396!important; text-shadow:none!important;}
#pun-announcement a:hover{color:#306d94!important;}

/* -------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: none;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: none;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D7.5 */
#pun .section .statscon .container {
  margin-left: 10px;
  padding-bottom: 15px;
  padding-left: 90px;
  background: transparent url(http://co.forum4.ru/files/0017/f6/e3/81755.png) left center no-repeat;
}

/* -------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {  margin-top: 0;}

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  color: #81817f!important;
  text-shadow: rgba(0,0,0, 1.0) 0 0 5px, rgba(0,0,0, 1.0) 0 0 7px, rgba(0,0,0, 1.0) 0 0 10px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 20px!important;
  }

  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  border: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }

/* -------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

/*************************************************************
**************************************************************/




/* Borders and text
-------------------------------------------------------------*/

.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 fieldset,  #viewprofile ul, .punbb td,#viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .formal fieldset .post-box, .punbb .info-box, .punbb .divider, li.pa-online {
  border-color: transparent;
  }

.punbb .section .container, .punbb .post-body, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .post-body, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, #punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, .punbb-admin #pun-admain legend span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000f31;}

/*BORDERDS*/

#pun-announcement .html-box, .category .container, #pun-stats .statscon, .usertable, .formal, .forum, .post-body, .info, #post .fs-box, #pun-online #pun-main .section, #pun_wrap #pun #pun-messages #pun-main #profile .container #messages, #profile .container #profilenav ul, #active_users .container, #max_visit_time .container, #most_invites .container, #pun-main #administration .container, #pun-main #max_views_topics .container, #pun-main #max_posts_topics .container, #pun-main #stat_live .container, .punbb-admin #pun-admain .adcontainer, #pun-respect #pun-main .section .container table, #pun-mod #pun-main .section .container table, #top-donators .container, #latest-donators .container{

  background: url(http://i6.imageban.ru/out/2016/11/30/2620aa801bbd0ca06b6bc7ae19e0851c.png) no-repeat right top scroll, url(http://i1.imageban.ru/out/2016/11/30/8243832f23793018386ea1420d865c5a.png) no-repeat right bottom scroll, url(http://i2.imageban.ru/out/2016/11/30/4d42bcf915d9bd4540b2479af542a21d.png) no-repeat left top scroll, url(http://i2.imageban.ru/out/2016/11/30/7174ed288116fafd634075e1d500d5da.png) no-repeat left bottom scroll, url(http://i3.imageban.ru/out/2016/11/30/3e441d198b63ba6be4fda310efa43beb.png) center left repeat-y scroll, url(http://i4.imageban.ru/out/2016/11/30/431d2219dcd19ba4f72cf710abcc0c15.png) repeat-y center right scroll, url(http://i2.imageban.ru/out/2016/11/30/36b33651c7a9c8b536fd87eccbe96760.png) repeat-x center top scroll, url(http://i2.imageban.ru/out/2016/11/30/3a011e1604449c7d0d97edc3b9d3142d.png) repeat-x center bottom scroll, url(http://i4.imageban.ru/out/2016/11/30/028256a92e1629cd44cc62605cde75d3.png) repeat scroll center center, rgba(206,217,221, 1.0) none repeat scroll 0 0;
  padding: 10px 15px 10px 15px;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px 7px #000000, 0px 0px 10px 0px #000000 inset;}

#pun-mod #pun-main .section .container table{
margin-top:10px;}


#pun-viewtopic #pun-main #post-form #post fieldset .hashelp, #pun_wrap #pun #pun-edit #pun-main .formal #post fieldset .hashelp, #pun_wrap #pun #pun-post #pun-main .formal #post fieldset .hashelp, #pun_wrap #pun #pun-post #pun-main .formal #post #post-preview .fs-box, #pun #pun-messages #pun-main #profile, #pun #pun-profile #pun-main #profile #profilenav ul, #pun_wrap #pun #pun-messages #pun-main #profile .container fieldset #post #post-form .hashelp,#pun-edit #pun-main .formal #post #post-preview .fs-box, #pun-poll #pun-main .formal #post fieldset .hashelp   {background:none!important; box-shadow:none!important;}



/* CS1.6 */
.punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #011d01;
  border: none;}

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



/* Some stuff
-------------------------------------------------------------*/

#poll-special .container .formal h1{background-image: none;background: rgba(156,164,169, 0.7);  max-height:10px!important;}
#poll-special .container .formal div .poll2 tbody tr .tac{background: rgba(1, 59, 104, 0.13);}
#poll-special td.tac{text-transform: lowercase!important;}

/*Textarea*/
#image-area, #video-area, #size-area, #font-area, #keyboard-area, #addition-area, #table-area, #smilies-area, #color-area {
    background-clip: padding-box;    background-image: url(http://co.forum4.ru/files/0017/f6/e3/44128.png);
    border-image: url(http://co.forum4.ru/files/0017/f6/e3/81949.png) 3 3 3 3 repeat repeat;    border-style: solid;    border-width: 3px;
  margin: 3px 17px 10px;
  padding: 10px;}

#video-area, #image-area { padding: 10px;}
#smilies-area{max-height:170px!important;max-width:500px!important;overflow-x:auto}
#keyboard-area{padding-bottom:15px!important;}

/*Enter [img][/img] in textarea */
#button-img {background-image:url(http://i5.imageban.ru/out/2016/07/01/0400cc4ef00b1ff59dceb3c919205dd0.png)}


/* Extra decor in textarea*/
#extra-decor-menu{background-image:url(http://i3.imageban.ru/out/2016/07/01/cb26a57fb7787ba934a28b949d14a5f8.png);}
#extra-decor span{display:none;}

#extra-decor p{
cursor:pointer;
font-size: 18px;
font-family: Book Antiqua;
color:#1e130b;
line-height: 10px;}

#extra-decor p:hover{color:#28406b;}
#extra-decor {
  position:absolute;
  padding:5px 0px 0px 5px;!important;
  width:170px;
  margin-right:-25px;
  right: 1%;  top: 43px;
    background-clip: padding-box; border-style: solid;
    background-image: url(http://co.forum4.ru/files/0017/f6/e3/44128.png);
    border-image: url(http://co.forum4.ru/files/0017/f6/e3/81949.png) 3 3 3 3 repeat repeat;
}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{min-width:875px!important;}

.post_reputation, .popup_awards{
    background-clip: padding-box;
    background-image: url(http://co.forum4.ru/files/0017/f6/e3/44128.png);
    border-image: url(http://co.forum4.ru/files/0017/f6/e3/81949.png) 3 3 3 3 repeat repeat;
    border-style: solid;
    border-width: 3px;}

.pa-awards {
  font-family: Barkentina!important;
  font-weight: bold!important;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
 }

.pa-awards a {
text-decoration: none;
color: #1f3c6d!important;
text-shadow: rgba(0,0,0, 1.0) 0 0 10px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 20px, rgba(0,0,0, 1.0) 0 0 25px!important;}
.pa-awards a:hover,.pa-awards a:focus,.pa-awards a:active {
text-decoration: none;
color: ##3f5883 !important;
text-shadow: rgba(0,0,0, 1.0) 0 0 10px, rgba(0,0,0, 1.0) 0 0 15px, rgba(0,0,0, 1.0) 0 0 20px, rgba(0,0,0, 1.0) 0 0 25px!important;}

.lastedit, .pa-gifts, .post-links ul .pl-share, #button-graffiti_rusff,#button-files_rusff,div#pun-live-rusff{display: none;}

.post-content .spoiler-box > div{background-image: /*on*/ url(http://co.forum4.ru/files/0017/f6/e3/80522.png)!important; background-repeat:no-repeat!important; background-position: left center!important; cursor: pointer; padding: 5px 0px 5px 35px!important;   font-size: 16px; font-family: Book Antiqua}
.post-content .spoiler-box > div.visible{background: url(http://co.forum4.ru/files/0017/f6/e3/90862.png)!important; background-repeat:no-repeat!important; background-position: left center!important; cursor cursor: pointer; padding: 5px 0px 5px 35px!important; font-size: 16px;  font-family: Book Antiqua}

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



.punbb a, .punbb a:link, .punbb a:visited, #pun-main .linkst noindex .postlink span a, #pun-main .linkst noindex .postlink span a:visited, #pun-main .modmenu .container strong a, #pun-main .modmenu .container span a, #pun-main .linksb noindex .postlink span a, #pun-main .linksb noindex .postlink span a:visited, #pun-main .linksb .postlink a, #pun-main .linksb .postlink a:visited, #pun-main .linksb .subscribelink a, #pun-main .linksb .subscribelink a:visited 
/* a,  a:visited*/{    color: #9ea0a4;
    text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 15px rgba(0, 0, 0, 1), 0 0 15px rgba(0, 0, 0, 1), 0 0 13px rgba(0, 0, 0, 1) !important;}


.punbb a:hover, .punbb a:focus, .punbb a:active, #pun-main .linkst noindex .postlink span a:hover, #pun-main .linkst noindex .postlink span a:focus, #pun-main .linkst noindex .postlink span a:active, 
 #pun-main .modmenu .container strong a:active, #pun-main .modmenu .container strong a:hover, #pun-main .modmenu .container strong a:focus,  #pun-main .modmenu .container span a:active, #pun-main .modmenu .container span a:hover, #pun-main .modmenu .container span a:focus, #pun-main .linksb noindex .postlink span a:active, #pun-main .linksb noindex .postlink span a:hover, #pun-main .linksb noindex .postlink span a:focus, #pun-main .linksb .postlink a:active, #pun-main .linksb .postlink a:hover, #pun-main .linksb .postlink a:focus, #pun-main .linksb .subscribelink a:active,#pun-main .linksb .subscribelink a:hover
/* a:active, a:hover,  a:focus*/{    color: #b2b7bf;
    text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 15px rgba(0, 0, 0, 1), 0 0 15px rgba(0, 0, 0, 1), 0 0 13px rgba(0, 0, 0, 1) !important;}

#pun-main a, #pun-main a:link, #pun-main a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, #pun-stats .statscon .container a {    color: #2a5396;
    text-shadow: 0 0 8px rgba(41, 107, 132, 0.6) !important;}

.post-body a{
color: #2a5396!important; text-shadow:0 0 8px rgba(41,107,132, 0.6) !important;}
.post-body a:hover{
color: #306d94!important; text-shadow:0 0 8px rgba(41,107,132, 0.3) !important;}

.punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active, #pun-stats .statscon .container a:hover, #pun-stats .statscon .container a:focus, #pun-stats .statscon .container a:active {color: #2a5396!important; text-shadow:0 0 8px rgba(41,107,132, 0.6) !important;}

#pun-main a:hover, #pun-main a:focus, #pun-main a:active {color: #306d94!important; text-shadow:0 0 8px rgba(41,107,132, 0.3) !important;}

#pun-main li.isactive a, #pun-main li.isactive a:link, #pun-main li.isactive a:visited {color: #0d3070;    text-shadow: 0 0 10px #204c72 !important;}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
color: #306d94!important; text-shadow:0 0 8px rgba(41,107,132, 0.3) !important;
}




/*---------------------------------------------------------------------------
DECORATION AND OTHER
------------------------------------------------------------------------------*/

/*------------ Вкладки в профиле -----------------*/


.post-ul-Sp{
background: url(http://co.forum4.ru/files/0017/f6/e3/65503.png) center top no-repeat scroll, url(http://co.forum4.ru/files/0017/f6/e3/45185.png) center bottom no-repeat scroll, url(http://co.forum4.ru/files/0017/f6/e3/79343.png) center center repeat-y scroll, rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: auto -10px auto -10px!important;
padding:15px 0px 15px 20px!important;
}


/*---------------------ORACLE-------------------------*/

#Oracle:hover{
margin-bottom:380px;/* насколько всё меню заглублено*/
}
#Oracle,#Oraclel .container{
border:none;
}

#Oracle {
position:fixed;
z-index:1200;
height:75px;
width:170px; /*Ширина всего меню*/
bottom:20px;
margin-bottom:-18px;
left:-40px;
background:transparent url(http://i6.imageban.ru/out/2016/03/30/e9112ec33456a657a70c9009eaf6cc16.png) no-repeat center top;/*шар*/
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;

}
#Oracle .container{
padding-bottom:0px;
padding-top:80px;
padding-left:20px;
height:370px;
width:100%;
margin:-1px 0 0 30px;
}





/*Table-admins-decor*/
.desc {
    color: #9aa29a;
    position: relative;
}
.desc span {
    margin-left: -999em;
    position: absolute;
}

.desc:hover span {
    background: rgba(0, 0, 0, 0) url(http://i6.imageban.ru/out/2016/07/10/87beef5a33e4390cbd27e98f3f0cec5c.png) repeat scroll 0 0;
    border: 1px solid #757575 !important;
    box-shadow: 0 0 0 1px #161616;
    color: #9aa29a;
    font-family: arial;
    font-size: 11px;
    left: 0;
    margin-left: 0;
    padding: 5px;
    position: absolute;
    text-align: justify;
    text-shadow: 1px 1px 0 #222222;
    top: 5px;
    width: 190px;
    z-index: 20;
}


/*------------------ News in brotherhoods-table --------------*/
.tbl-hovertext {
  background: rgba(202,220,229, .9);
  opacity: 0;
  -webkit-transition:all 1.5s; -moz-transition:all 1.5s;  -ms-transition:all 1.5s;  -o-transition:all 1.5s;  transition:all 1.5s;
  height: 116px;
  width: 460px;
  overflow-x: auto;
  padding: 5px;
  line-height:13px;
  text-align: justify;
  border: 1px solid #382619;
}

.tabledesc .tableimg {
  height: 130px;
  width: 470px;
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
  -webkit-transition:all 3s;  -moz-transition:all 3s;  -ms-transition:all 3s;  -o-transition:all 3s;  transition:all 3s;
  padding: 8px;
  box-shadow: 0px 0px 5px rgba(56,38,25,0.6);
  border: solid 1px #382619;
}

.tabledesc .tableimg:hover .tbl-hovertext {
   opacity: 1;
   -webkit-transition:all 1.5s;
   -moz-transition:all 1.5s;
   -ms-transition:all 1.5s;
   -o-transition:all 1.5s;
   transition:all 1.5s;
}

.tabledesc .tableimg:hover {
  filter: grayscale(0%);
  filter: grayscale(0%);
   -webkit-transition:all 0.5s;
   -moz-transition:all 0.5s;
   -ms-transition:all 0.5s;
   -o-transition:all 0.5s;
   transition:all 0.5s;
}

/*--------------------Forum's decor------------------*/

.hovertext {
  background: rgba(202,220,229, .9);
  opacity: 0;
  -webkit-transition:all 1.5s; -moz-transition:all 1.5s;  -ms-transition:all 1.5s;  -o-transition:all 1.5s;  transition:all 1.5s;
  height: 96px;
  width: 360px;
  overflow-x: auto;
  padding:5px;
  line-height:13px;
  text-align: justify 
}

.forumdesc .forumimg {
  height: 106px;
  width: 370px;
  filter: grayscale(60%);
  -webkit-filter: grayscale(60%);
  -webkit-transition:all 3s;  -moz-transition:all 3s;  -ms-transition:all 3s;  -o-transition:all 3s;  transition:all 3s;
  padding: 8px;
  box-shadow: 0px 0px 5px #382619;
  border: solid 1px #382619;
}

.forumdesc .forumimg:hover .hovertext {
   opacity: 1;
   -webkit-transition:all 1.5s;
   -moz-transition:all 1.5s;
   -ms-transition:all 1.5s;
   -o-transition:all 1.5s;
   transition:all 1.5s;
}

.forumdesc .forumimg:hover {
  filter: grayscale(0%);
  filter: grayscale(0%);
   -webkit-transition:all 0.5s;
   -moz-transition:all 0.5s;
   -ms-transition:all 0.5s;
   -o-transition:all 0.5s;
   transition:all 0.5s;
}



/*------------Bottom secret button ---------*/
#q {
    background: rgba(0, 0, 0, 0) url(http://i2.imageban.ru/out/2016/07/15/3e48fc3126f988f447b6a03e6b4eb9e9.png) no-repeat scroll 0 0;
    width: 160px;    height: 75px;
    margin-left: 699px;    margin-top: 162px;
    opacity: 0;    position: absolute;
    transition: opacity 1.3s ease-in-out 0s;}
#q:hover {opacity: 1}

/*Top-Bottom Arrows*/
.go-up,.go-down{display:none;position:fixed;z-index:9999;cursor:pointer;opacity: 1;
width: 70px; 
height: 65px; }
.go-up {right: 1%; bottom: 29%; }
.go-down {right: 1%; bottom: 20%;}
.go-down:hover,.go-up:hover {opacity:1;}


/*Options-выпадающее меню*/
.punbb option{
    background-image: url(http://co.forum4.ru/files/0017/f6/e3/44128.png);
    color: #111;}

/*------------ Buttons -------------*/
.punbb select, .punbb optgroup, input[type="text"], input[type="password"]{
    background-image: url(http://co.forum4.ru/files/0017/f6/e3/44128.png);
    border: solid 2px #7097ab;  color: #111;}

.button {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #78a1b0 0%, #296b84 100%) repeat scroll 0 0;
    border: 2px outset #296b84 !important;
    box-shadow: 0 0 6px rgba(41,107,132, 0.5) inset, 0 3px 5px rgba(20, 45, 92, 0.4);
    color: #0c2650 !important;
    padding: 4px 6px !important;
    text-shadow: 0 0 6px rgba(202,220,229, 0.9);
}
.button:hover, .button:active, .button:focus {
    color: #0c2650 !important;
    cursor: pointer;
    text-shadow: 0 0 3px rgba(202,220,229, 1.0), 0 0 10px rgba(202,220,229, 1.0);
    box-shadow: 0 0 6px rgba(41,107,132, 0.4) inset, 0 3px 5px rgba(20, 45, 92, 0.3);
}





/*--------------------------SLIDER------------------------*/
#slider {
overflow: none;
margin-bottom: 10px;
text-align: center;
margin: 0 -10px 0 -20px;
border: 0px solid #000;
}
#slider > div {margin: auto !important;}
#slider #root {width:830px;height:410px;}

#slider .rhino-btn {
  top: 50%;
  margin: -16px -100px 0 -100px;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
  z-index: 9999;
  opacity: 0.7;
  
}

#slider .rhino-prev { background: url(http://i2.imageban.ru/out/2016/07/10/6b51a4852b9c41e4a0c4d3d99f3ac13b.png) transparent no-repeat; 
left:63px!important;}
#slider .rhino-next { background: url(http://i5.imageban.ru/out/2016/07/10/e0f87274efe232bd83b1796a05371c26.png) transparent no-repeat; 
right:52px!important;}

#slider .rhino-prev:hover, #slider .rhino-next:hover { opacity: 1; }
#slider .rhino-container { position:relative; }

#slider .rhino-bullets {
  position: absolute;  z-index: 10;
  width: 200px;
  margin-left: -100px; margin-top:-15px;
  left: 50%;  padding: 0;
  background: rgba(0,0,0,0);  color: trgba(0,0,0,0);
  font-size: 0;
  text-align: center;  list-style: none;
}

#slider .rhino-bullets li {
  display: inline-block;
}

#slider .rhino-bullets li a.rhino-bullet {
  display: block;
  width: 10px;
  height: 10px;
  margin: 2px 5px;
  border-radius: 5px;
  cursor: pointer;
  background-color: rgba(106,106,106, 0.6);
}

#slider .rhino-bullets li a.rhino-bullet:hover, #slider .rhino-bullets li a.rhino-bullet:focus, #slider .rhino-bullets li a.rhino-bullet.rhino-active-bullet {background-color:rgba(106,106,106, 1.0);
}

/*--------------------Special links------------------*/
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
  margin: 2px;
  font-family: Tahoma;
  color: rgba(23, 48, 95, 0.9)!important;
  text-shadow: 0px 0px 7px rgba(38, 93, 118, 0.9)!important;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  display: block;
  width: 185px;
  background: transparent url(http://co.forum4.ru/files/0017/f6/e3/74111.png) center left no-repeat;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 25px}

a.tvm:hover {
  margin: 2px;
  width: 185px;
  font-family: Tahoma;
  color: rgba(45, 79, 142, 1.0)!important;
  text-shadow: 0px 0px 7px rgba(38, 93, 118, 0.9)!important;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  background: transparent url(http://co.forum4.ru/files/0017/f6/e3/78875.png) center left no-repeat;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 25px
  letter-spacing: 1px;}

a.avm, a.avm:active, a.avm:link, a.avm:visited {
  color: #66b5d2!important;
  text-shadow:  text-shadow: rgba(98,26,32, 1.0) 0 0 5px, rgba(98,26,32, 1.0) 0 0 15px, rgba(98,26,32, 1.0) 0 0 15px, rgba(98,26,32, 1.0) 0 0 13px!important;}

a.avm:hover {
  color: #509bb7!important;
  text-shadow: text-shadow: rgba(98,26,32, 1.0) 0 0 5px, rgba(98,26,32, 1.0) 0 0 15px, rgba(98,26,32, 1.0) 0 0 15px, rgba(98,26,32, 1.0) 0 0 13px!important;
 }


/*--------------------Forum's links------------------*/
a.fln, a.fln:active, a.fln:link, a.fln:visited {
  font-family: Georgia;
  color: rgba(52,101,143, 1.0) !important;
  text-shadow: 0px 0px 5px rgba(77,127,61, 0.5)!important;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
  line-height:13px;}

a.fln:hover {
  font-family: Georgia;
  color: rgba(11,70,8, 1.0)!important;
  text-shadow: 0px 0px 5px rgba(77,127,61, 0.8)!important;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
  line-height:13px;}

/*--------------------Forum's important links------------------*/
a.flni, a.flni:active, a.flni:link, a.flni:visited {
  font-family: Georgia;
  color: rgba(29,70,104, 1) !important
  text-shadow: 0px 0px 5px rgba(77,127,61, 0.5)!important;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
  line-height:13px;}

a.flni:hover {
  font-family: Georgia;
  color: rgba(5,51,2, 1.0)!important;
  text-shadow: 0px 0px 5px rgba(77,127,61, 0.8)!important;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
  line-height:13px;}

/*--------------------Jump Panel------------------*/
#JampPanel:hover{
  margin-left: 45px;
}


#JampPanel {
  position:fixed;
  z-index: 1200;
  height: 83px;
  top: 7px;
  left: 0;
  margin-left: -205px; /* Насколько заглублено меню */
  border: none
  box-shadow: none;
  background-color: transparent;
  background-image: url(http://co.forum4.ru/files/0017/f6/e3/37685.png);
  background-repeat: no-repeat;
  background-position: right top;
   transition-duration: 0.33s;
  -webkit-transition-duration: 0.33s;
  -moz-transition-duration: 0.33s;
  -o-transition-duration: 0.33s;
  width: 285px; /* ширина блока с кнопочкой информации. По сути регулирует ширину кнопочки при постоянном значении контейнера */
}

#JampPanel .container{
padding-left: 15px;
padding-top:5px;
height: 520px;
width:240px; /*ширина блока без иконки информации 258 */
margin:-1px 0 0 -58px; /* 58 */
   background: rgba(226, 214, 180, 0.1) url("http://co.forum4.ru/files/0017/f6/e3/86414.png") repeat scroll 0 0 !important;
    border: 3px ridge rgba(0, 58, 255, 0.34);
    box-shadow: 0 0 48px rgba(20,45,92,0.5) inset;
    color: rgba(29, 19, 11, 0.706);
}





/*-----------------Dice-Button----------------*/

.punbb input.dice-button {
    background: url(http://co.forum4.ru/files/0017/f6/e3/42934.png) no-repeat scroll!important;
    border: 0 none!important;
    box-shadow: none!important;
    color: transparent;!important;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
    overflow: hidden;
}








/*------------------------------St. Valentinus-------------------------------*/
.valent-top {
    color: #9aa29a;
    position: relative;
}
.valent-top span {
    margin-left: -999em;
    position: absolute;
    margin-bottom:300px;
}

.valent-top:hover span {
    background: rgba(0, 0, 0, 0) url(http://i6.imageban.ru/out/2016/07/10/87beef5a33e4390cbd27e98f3f0cec5c.png) repeat scroll 0 0;
    border: 1px solid #757575 !important;
    box-shadow: 0 0 0 1px #161616;
    color: #9aa29a;
    font-family: arial;
    font-size: 11px;
    left: -70px;
    margin-left: 0;
    padding: 5px;
    position: absolute;
    text-align: justify;
    text-shadow: 1px 1px 0 #222222;
    top: 60px;
    width: 230px;
    z-index: 20;
    overflow-y: auto;
    max-height: 200px;
}

/*---------------------*/
.valent-bot {
    color: #9aa29a;
    position: relative;
}
.valent-bot span {
    margin-left: -999em;
    position: absolute;
    margin-top:-180px;
}

.valent-bot:hover span {
    background: rgba(0, 0, 0, 0) url(http://i6.imageban.ru/out/2016/07/10/87beef5a33e4390cbd27e98f3f0cec5c.png) repeat scroll 0 0;
    border: 1px solid #757575 !important;
    box-shadow: 0 0 0 1px #161616;
    color: #9aa29a;
    font-family: arial;
    font-size: 11px;
    left: -60px;
    margin-left: 0;
    padding: 5px;
    position: absolute;
    text-align: justify;
    text-shadow: 1px 1px 0 #222222;
    bottom: 35px;
    width: 230px;
    z-index: 20;
    overflow-y: auto;
    max-height: 170px;
}


/*---------------------*/
.valent-left {
    color: #9aa29a;
    position: relative;
}
.valent-left span {
    margin-left: -999em;
    position: absolute;
    margin-right:300px;
  margin-top:-300px;
}

.valent-left:hover span {
    background: rgba(0, 0, 0, 0) url(http://i6.imageban.ru/out/2016/07/10/87beef5a33e4390cbd27e98f3f0cec5c.png) repeat scroll 0 0;
    border: 1px solid #757575 !important;
    box-shadow: 0 0 0 1px #161616;
    color: #9aa29a;
    font-family: arial;
    font-size: 11px;
    left: -190px;
    margin-left: 0;
    padding: 5px;
    position: absolute;
    text-align: justify;
    text-shadow: 1px 1px 0 #222222;
    bottom: -40px;
    width: 230px;
    z-index: 20;
    overflow-y: auto;
    max-height: 170px;
}


/*---------------------*/
.valent-right {
    color: #9aa29a;
    position: relative;
}
.valent-right span {
    margin-left: -999em;
    position: absolute;
    margin-bottom:-300px;
}

.valent-right:hover span {
    background: rgba(0, 0, 0, 0) url(http://i6.imageban.ru/out/2016/07/10/87beef5a33e4390cbd27e98f3f0cec5c.png) repeat scroll 0 0;
    border: 1px solid #757575 !important;
    box-shadow: 0 0 0 1px #161616;
    color: #9aa29a;
    font-family: arial;
    font-size: 11px;
    left: 30px;
    margin-left: 0;
    padding: 5px;
    position: absolute;
    text-align: justify;
    text-shadow: 1px 1px 0 #222222;
    top: -60px;
    width: 230px;
    z-index: 20;
    overflow-y: auto;
    max-height: 170px;
}