/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .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 {
	background: transparent;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
	background: transparent;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
	background: transparent;
  }


/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: #333
  }


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }


/* CS3 ÑÑÛËÊÈ
-------------------------------------------------------------*/

/* 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 {
	text-decoration: none;
	color: #21201d;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
    }


/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
	color: #560d1c;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

	
/* ÏÐÎ×ÅÅ
 -------------------------------------------------------------*/

/*ÂÛÄÅËÅÍÈÅ ÒÅÊÑÒÀ */
::selection {
    background: none repeat scroll 0 0 #203127;
    color: #e1e1e1;
    opacity: 1;
} 
*::-moz-selection {
    background: none repeat scroll 0 0 #203127;
    color: #e1e1e1;
    opacity: 1;
}

/*ÑÊÐÎËËÁÀÐ*/
::-webkit-scrollbar {
    width: 7px;
    height: 6px;
	}  
::-webkit-scrollbar-track { 
	background-color: #c1c6b2;
    border: solid 1px #c1c6b2;
	} 
::-webkit-scrollbar-thumb {
	background-color: rgb(31, 50, 38);
    border: solid 2px #c1c6b2;
	}

	
/*ÑÒÐÎÊÀ Ñ ÇÀÃÎËÎÂÊÀÌÈ ÒÀÁËÈÖÛ Â ÑÏÈÑÊÅ ÒÅÌ ÂÍÓÒÐÈ ÔÎÐÓÌÀ*/
#pun th {    
	text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
	opacity: 1;
	font-size: 9px;
}

/*ÑÒÐÅËÊÈ*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 25px;
    margin-left: 908px !important;
    opacity: 1;
    position: fixed;
    width: 25px;
    z-index: 9999;
}
.go-up {
    bottom: 58%;
}
.go-down {
    bottom: 53%;
}
.go-down:hover, .go-up:hover {
    opacity: 1;
}

/* ÐÀÇÌÅÐ ÀÂÀÒÀÐÊÈ ÄËß ÌÀÑÊÈ */
#mask_form .signature textarea, 
#mask_form .pafld1 textarea 
	height: 50px;
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; 
	}
	
/* ÒÀÁËÈ×ÍÛÅ ÑÅËÅÊÒÎÐÛ
 -------------------------------------------------------------*/


#ams {
position: absolute;
    text-align: center;
    padding-top: 2px;
    padding-left: 3px;
    /* font-family: 'bebas neue'; */
    letter-spacing: -0.7px;
    text-transform: lowercase;
    font-size: 10px;
    margin-left: 472px!important;
    top: 92px;
    width: 232px;
    overflow: hidden;
    height: 14px;
    color: #ebebeb;
}
 }

#ams a {
    color: #ebebeb!important;
}

.act {
display: block;
    background: #b1ada3;
    margin-bottom: 3.5px!important;
    color: #141319!important;
    font-family: Bebas Neue, BN!important;
    font-size: 12px!important;
    height: 13px;
    width: 143px;
    padding: 1px;
}
.act:hover {
display: block;
    background: #dcc222;
    opacity: 1;
   /* color: #bfc3b2!important;*/
    font-family: Bebas Neue, BN!important;
    font-size: 12px!important;
    /*width: 64px;*/
    padding: 1px;
letter-spacing:0.5px;
opacity: 1;
        transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out ;
   -moz-transition: all 0.5s ease-in-out ;
   -ms-transition: all 0.5s ease-in-out ;
   -o-transition: all 0.5s ease-in-out ;}


#epic, #pair, #act1, #act2, #act3, #act4{
    position: absolute;
    padding-top: 1px;
    padding-left: 3px;
    top: 34px;
    width: 188px;
    overflow: hidden;
    height: 61px;
}

#epic {height: 36px}

#epic:hover, #pair:hover, #act1:hover, #act2:hover, #act3:hover, #act4:hover {
	opacity: 1;
	transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out ;
   -moz-transition: all 0.5s ease-in-out ;
   -ms-transition: all 0.5s ease-in-out ;
   -o-transition: all 0.5s ease-in-out 
}

#epic p, #pair p, #act1 p, #act2 p, #act3 p, #act4 p{
    font-size: 10px;
}

#epic p {    color: #ededed;}
#epic { margin-left: 465px; top: 56px;}
#pair { margin-left: 216px}
#act1 {     margin-left: 92px;  margin-top: 125px; width: 244px;
    height: 66px;
    overflow-y: scroll;}
#act2 {margin-left: 570px;
    margin-top: 125px;
    width: 266px;
    height: 66px;
    overflow-y: scroll;}
#act3 {     margin-left: 5px;
    margin-top: 198px;
    width: 870px!important;
    height: 38px;
}
#act4 { margin-left: 161px; width: 94px!important;}
     

	 
/* ÄËß ÏÎÄÔÎÐÓÌÎÂ è ÑÎÎÁÙÅÍÈÉ */
#pun-index .category .tc2, #pun-index .category .tc3,
#f-subforums .tc2, #f-subforums .tc3 {
	display:none!important;
}
.Tems_And_messages {
	display:inline-block;
	width:auto;
}
.main table .Add {
    display: inline-block;
}
.Tems_And_messages .right{
  /*float:right;*/
}


/* ÀÂÀ ÏÎËÜÇÎÂÀÒÅËß ÈËÈ ÃÎÑÒß Â ØÀÏÊÅ*/

span.status_userava {
    top: -128px;
    position: absolute;
    /*margin-left: 14px;*/
}

span.status_userava a {
	margin-left: 14px;
}

span.status_userava img {
	width: 69px;
    height: 69px;
    border-radius: 37px;
    border: solid 2px #0a1e3ab3;
    opacity: 0.5;
}


span.num_msg {
    position: absolute;
    margin-top: -52px!important;
    margin-left: 33px!important;
    font-size: 11px;
    font-weight: 700;
    background: #ff0000;
    padding: 1px 4px;
    border-radius: 2px;
    height: 14px;
    color: #fff;
    cursor: pointer;
}

#pun-profile span a {
/*color:#ccc!important*/
}