/* Import styles
-------------------------------------------------------------*/
  @import url(style_cs.1496156318.css);

 @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

@font-face {
    font-family: 'Oswald', 'Roboto Condensed';
    src: local('Oswald', 'Roboto Condensed');
}



/* D6 Announcement
-------------------------------------------------------------*/
#pun-announcement .container {
  padding: 0em 5em 2em 0em;
  font-weight: normal;
width: 100%;
  }

.post-content td {
border:0 none transparent!important;
}

.punbb .post-content table {
  margin: 0 !important;
border: 0px!important;
  border-color: transparent;
}

.punbb .post-content p *, .punbb .post-content td p *,
.punbb .post-content .quote-box + p:first-line {
  line-height: 1.5;
}

.punbb .post-content p, .punbb .post-content td p {
  margin: 0;
  padding: 0.5em 0 !important;
  line-height: 1.5; 
}

fieldset#post-preview .post-content {
    width: 100%;
    margin: auto;
    padding: 0.5em 1.5em;
    box-sizing: border-box !important;
}

.punbb .post-box {
  padding: 1em 1em 1em;
}

.punbb fieldset .post-box {
  margin-top: 1em;
}

profilenav {
  padding-left: 1em;
}

#pun-messages .post-box {
  padding: 1em 1em 1em;
}

#pun-messages .post-body {
 margin-left: 18.5em;
  margin-right: 0em;
  border: none;
width: 500px;
  position: inline;
  line-height: 1.2em!important;
  padding: 0.5em 0.5em 0.5em 0.5em;
  background: #e8e8e3;
  -webkit-box-shadow: 0px 5px 5px -6px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 5px 5px -6px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 5px -6px rgba(0,0,0,0.5);
}

img {
  border: 0;
max-width:100%;
white-space:pre-wrap;
}


/* D6.1 */

div.post-rating, div.post-vote, div.post-rating a, div.post-vote a {
    font-size: 0.6rem!important;
font-family: 'Oswald', 'Roboto Condensed', Arial Narrow;
}



/* C3.5 */
.punbb .post-body {
  margin-left: 18.5em;
  margin-right: 0em;
  border: none;
width: 700px;
  position: inline;
  line-height: 1.2em!important;
  padding: 0.5em 0.5em 0.5em 0.5em;
  background: #e8e8e3;
  -webkit-box-shadow: 0px 5px 5px -6px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 5px 5px -6px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 5px -6px rgba(0,0,0,0.5);
}

.punbb .post .post-author {
margin-top: 0em;
margin-left: 1.2em;
  overflow: hidden;
width: 200px;
 float: left;
  -webkit-box-shadow: 0px 5px 5px -6px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 5px 5px -6px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 5px -6px rgba(0,0,0,0.5);
  }


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


/* C3.7 */
.pa-author {
  font-size: 14px;
  color: #dfdfdf;
  font-weight: bold!important;
padding-bottom: 5px;
text-align: center;
font-family: 'Oswald', 'Roboto Condensed', Arial Narrow, tahoma, verdana;
font-size: 0.9rem;
text-transform: uppercase;
max-width: 222px;
width: 222px;
height: 29px;
  }

li.pa-author {
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
background-color: #;
max-width: 222px;
background: transparent url(http://co.forum4.ru/files/0018/34/5c/12903.png) no-repeat top center !important;
margin-left: -7px;
margin-top: 5px;
padding-top: 5px;
top: -12px;
position: relative;
right: 17px!important;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none;
    font-size: 14px;
color: #dfdfdf !important; 
text-align: center;
font-weight: bold!important; 
text-transform: uppercase;
font-family: 'Oswald', 'Roboto Condensed', Arial Narrow, tahoma;
font-size: 0.9rem;
  }

.pa-author a:hover, .pa-author a:focus, .pa-author a:active{
  text-decoration: none;
    font-size: 14px;
color: #c7bcad !important; 
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-family:'Oswald', 'Roboto Condensed', Arial Narrow, tahoma;
font-size: 0.9rem;
  }

/* C3.9 */
li.pa-title {
text-transform: none;
  text-align: center;
font-size: 1em;
margin-top: -12px;
position: relative;
max-width: 222px;
margin-left: -14px;
bottom: 3px;
color: #171414;
  }

li.pa-fld1 {
margin-top: 4px;
margin-bottom: 5px;
max-width: 222x;
margin-left: 0px;
margin-right: 20px;
  line-height: 1.1em;
text-align: center;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 10px;
 border-radius: 2px;
border: 1px solid #b4b4b4;
 font-size: 0.8rem!important;}

li.pa-online {
  line-height: 0.8em;
  padding-left: 0.1em;
  margin-top: 0.8em;
 color: #151716;
  }

div.post-body {
  margin-left: 2em;
  padding: 0 0 1px 0;
  }
 
li.pa-fld2 {
  line-height: 1.2em;
  padding-left: 0.1em;
  margin-top: 0.8em;
max-width: 180px;
text-align: left;
 color: #151716;
}


/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url() 4px 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
padding-bottom: 9px!important;
background: #e8e8e3;
max-width: 222px;
}

.punbb .post .post-author > ul {
  background:url() 0px top no-repeat, url() 0px bottom no-repeat; /*Фон верха - низа*/
  margin: -10px -20px 0px 0px;
  padding-bottom: 5px!important;
max-width: 222px;
}


 li.pa-avatar.item2 {
  margin: 0em 0em 0em 0em;
  text-align: center;
  position: relative;
width:180px;
height:180px;
border: 3px #dfdede solid;
box-shadow: 0 0 2px #444;
   }

/* Scrollpage Arrows
-------------------------------------------------------------*/
.scrollarrows {
    z-index: 100000!important;
}

li.pa-gifts, li.pa-awards, #pun-register .social, #pun-login .social, span.modlist,
#pun-index .main thead, #pun-viewforum .main thead, #pun-main div.catleft, #pun-main div.catright,
#pun-announcement h2, li.pl-share, #pun-live-rusff, #post-form h2, #post-form fieldset legend, .changeMask,
.punbb .datafield br, .pl-email:nth-of-type(3),
#pun-index tr#forum_f19 {
  display: none !important;
}

#image-area-actions a,
.punbb .formsubmit input {
  margin: 0 0.75em 0 0 !important;
}

#video-area-actions a {
  margin: 0 -0.75em 0 0 !important;
}

#image-area-actions {
  padding: 1em 0 0.25em 0 !important;
}

#video-area-actions {
  padding: 0 0 1em 0;
}

textarea#video-area-tinp, textarea#image-area-tinp {
  margin-top: 1em !important;
  border: none !important;
}

input + a, input + a + a {
  margin-left: 1em !important;
}

#form-buttons {
    margin: 0.2em 1.5em -3.5em 0em;
}

#form-buttons table, .punbb .formal textarea {
    box-sizing: border-box;
    margin: 0 auto;
}

#form-buttons table {
    text-align: center;
    margin: 0 auto -1em;
}

#form-buttons td {
    background: none !important;
    display: inline-block;
    min-height: 1.25em;
    min-width: 1.25em;
    text-align: center;
    margin: -0.5em 1em 1.5em;
}

#form-buttons td img {
    z-index: 10;
    height: 1em !important;
    position: relative;
}

#form-buttons td:before {
  font-family: FontAwesome;
  position: absolute;
  margin-top: 0.5em;
  margin-left: 0.15em;
  font-size: 1rem;
  z-index: 1;
  color: #414141;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#button-font:before { content: '\f031'; }
#button-size:before { content: '\f034'; }
#button-bold:before { content: '\f032'; }
#button-italic:before { content: '\f033'; }
#button-underline:before { content: '\f0cd'; }
#button-strike:before { content: '\f0cc'; }
#button-left:before { content: '\f036'; }
#button-center:before { content: '\f037'; }
#button-right:before { content: '\f038'; }
#floatbut:before { content: '\f03c'; }
#button-link:before { content: '\f0c1'; }
#button-spoiler:before { content: '\f0fe'; }
#button-image:before { content: '\f1c5'; }
#button-video:before { content: '\f008'; }
#button-hide:before { content: '\f023'; margin-left: 0.4em !important; }
#button-quote:before { content: '\f10e'; }
#button-code:before { content: '\f121'; }
#button-audio:before { content: '\f001'; }
#button-color:before { content: '\f040'; }
#button-table:before { content: '\f0ce'; }
#button-smile:before { content: '\f118'; }
#button-keyboard:before { content: '\f11c'; margin-left: 0 !important; }
#button-addition:before { content: '\f085'; }
#button-files_rusff:before { content: '\f0ed'; }

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #changeProfile-area {
  top: auto !important;
  position: absolute;
  display: none;
  right: 1.4em!important;
  margin-top: 5.4em!important;
  margin: 1em 0;
  padding: 1em;
  background: #efefef;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.5);
  padding: 1em 1em 0.5em !important;
  z-index: 5;
}

#font-area, #size-area, #addition-area, {
  width: auto!important;
}

#uploaded-images {
  max-width: 343px;
}

#image-area {
  width: 580px !important;
}

#navpm span.newmess {
  -webkit-animation: newmessages 2s infinite;
  -moz-animation: newmessages 2s infinite;
  -o-animation: newmessages 2s infinite;
  animation: newmessages 2s infinite;
  padding: 0 4px 0;
  margin-left: 5px;
  position: relative;
 color: #dce0d2;
}


#pun-index .forumlinks, pun-index .forumlinks a:active{
  text-transform: uppercase;
  text-align: center;
  font: 0.7rem 'Roboto Condensed', Arial Narrow;
  font-weight: bold;
  margin-top: 0.5em;
  padding: 0 5px 3px; 5px;
}

#pun-index .forumlinks a:after {
  font-size: 0.5rem;
  position: relative;
  top: 1px;
  color: #414141;
}

#pun-index .forumlinks a:last-of-type:after, #pun-index .forumlinks + br {
  display: none;
}

/* НУЖНЫЕ*/
.tooltip { 
  position: relative;    
  cursor: help;
}

.tooltip span {
  position: absolute;     /* Выводим элемент из потока */
  margin-left: -30000px;  /* И прячем далеко за краем экрана */
  background-color: #e8e8e3; /* Фон всплывающего блока*/
  color: #2a2a2a;             /* Цвет текста */
  padding:10px; 
  padding-bottom:20px;                /* Отступы */               

}
.tooltip:hover span {     /* При наведении */
  margin-left: 0;         /* Возвращаем из далекого заэкранного края блок на место */
  width: 250px;           /* Задаем ширину */
  z-index: 1000;          /* Помещаем на самый верх */
                          /* Позиционируем относительно родительского блока */
  top:20px;               /* Отступ сверху */  
  left:-0px;              /* Отступ слева */          
}

.tooltip2 { 
  position: relative;     /* Делаем элемент родительским для всплывающих подсказок */
  cursor: help;
}
.tooltip2 span {
  position: absolute;     /* Выводим элемент из потока */
  margin-left: -30000px;  /* И прячем далеко за краем экрана */
    background-color: #e8e8e3; /* Фон всплывающего блока*/
  color: #2a2a2a;             /* Цвет текста */
    padding:10px; 
  padding-bottom:20px;                 /* Отступы */               

}
.tooltip2:hover span {     /* При наведении */
  margin-left: 0;         /* Возвращаем из далекого заэкранного края блок на место */
  width: 250px;           /* Задаем ширину */
  z-index: 1000;          /* Помещаем на самый верх */
                          /* Позиционируем относительно родительского блока */
  top:20px;               /* Отступ сверху */  
  left:-65px;              /* Отступ слева */          
}

.tooltip3 { 
  position: relative;     /* Делаем элемент родительским для всплывающих подсказок */
  cursor: help;
}
.tooltip3 span {
  position: absolute;     /* Выводим элемент из потока */
  margin-left: -30000px;  /* И прячем далеко за краем экрана */
    background-color: #e8e8e3; /* Фон всплывающего блока*/
  color: #2a2a2a;             /* Цвет текста */
   padding:10px; 
  padding-bottom:20px;                  /* Отступы */               

}
.tooltip3:hover span {     /* При наведении */
  margin-left: 0;         /* Возвращаем из далекого заэкранного края блок на место */
  width: 250px;           /* Задаем ширину */
  z-index: 1000;          /* Помещаем на самый верх */
                          /* Позиционируем относительно родительского блока */
  top:20px;               /* Отступ сверху */  
  left:-129px;              /* Отступ слева */          
}

.tooltip4 { 
  position: relative;     /* Делаем элемент родительским для всплывающих подсказок */
  cursor: help;
}
.tooltip4 span {
  position: absolute;     /* Выводим элемент из потока */
  margin-left: -30000px;  /* И прячем далеко за краем экрана */
    background-color: #e8e8e3; /* Фон всплывающего блока*/
  color: #2a2a2a;             /* Цвет текста */
    padding:10px; 
  padding-bottom:20px;                 /* Отступы */               

}
.tooltip4:hover span {     /* При наведении */
  margin-left: 0;         /* Возвращаем из далекого заэкранного края блок на место */
  width: 250px;           /* Задаем ширину */
  z-index: 1000;          /* Помещаем на самый верх */
                          /* Позиционируем относительно родительского блока */
  top:20px;               /* Отступ сверху */  
  left:-193px;              /* Отступ слева */          
}

.tooltip5 { 
  position: relative;     /* Делаем элемент родительским для всплывающих подсказок */
  cursor: help;
}
.tooltip5 span {
  position: absolute;     /* Выводим элемент из потока */
  margin-left: -30000px;  /* И прячем далеко за краем экрана */
    background-color: #e8e8e3; /* Фон всплывающего блока*/
  color: #2a2a2a;             /* Цвет текста */
    padding:10px; 
  padding-bottom:20px;                   /* Отступы */               

}
.tooltip5:hover span {     /* При наведении */
  margin-left: 0;         /* Возвращаем из далекого заэкранного края блок на место */
  width: 250px;           /* Задаем ширину */
  z-index: 1000;          /* Помещаем на самый верх */
                          /* Позиционируем относительно родительского блока */
  top:20px;               /* Отступ сверху */  
  left:-257px;              /* Отступ слева */          
}