.setting-map {

    top: 55px;
position: absolute;
    width: 44px;
    height: 44px;
    cursor: pointer;
    right: 0;
    z-index: 60;
    cursor: pointer;
    transition: transform 1.5s cubic-bezier(0, 0, .34, 1.01);
    margin: 5px;
}

#map .inner {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0px;
    width: 100%;
    height: 45px;
    padding: 5px;
    text-align: center;
    background-color: rgba(76, 76, 76, 0.51);
    color: #333;
    box-sizing: border-box;
}

.setting-map:hover {
    transform: rotate(720deg);
}


/* Öâåòîñõåìà ÀÌÑ  */

.ams_admin, .group1 {color:#9d720a!important;font-weight: bold;}
.ams_moder, .group2 {color:#75a31d!important;font-weight: bold;}
.ams_gm, .group3 {color:#0c66a5!important;font-weight: bold;}
.group4 {color:#878762!important;}





html {
/*background-image: -webkit-linear-gradient(top, rgba(0,0,0,.87), rgba(125,126,123,.87)), url(http://my-files.ru/Download/2z2655/bg_body.png);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.87), rgba(125,126,123,.87)), url(http://my-files.ru/Download/2z2655/bg_body.png);
	background-image: -o-linear-gradient(top, rgba(0,0,0,.87), rgba(125,126,123,.87)), url(http://my-files.ru/Download/2z2655/bg_body.png);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,.87), rgba(125,126,123,.87)), url(http://my-files.ru/Download/2z2655/bg_body.png);
	background-image:  linear-gradient(to bottom, rgba(0,0,0,.87), rgba(125,126,123,.87)), url(http://my-files.ru/Download/2z2655/bg_body.png);
	width: 100%;
*/
  
/*background-image: -webkit-linear-gradient(top, rgba(0,0,0,.87), rgba(90, 90, 68)), url(http://i71.fastpic.ru/big/2015/0719/4b/0dd9ce5c49533933d4962cff0882454b.png); 
    background-image: -moz-linear-gradient(top, rgba(0,0,0,.87), rgba(90, 90, 68)), url(http://i71.fastpic.ru/big/2015/0719/4b/0dd9ce5c49533933d4962cff0882454b.png);
    background-image: -o-linear-gradient(top, rgba(0,0,0,.87), rgba(90, 90, 68)), url(http://i71.fastpic.ru/big/2015/0719/4b/0dd9ce5c49533933d4962cff0882454b.png);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,.87), rgba(90, 90, 68)), url(http://i71.fastpic.ru/big/2015/0719/4b/0dd9ce5c49533933d4962cff0882454b.png);
    background-image: linear-gradient(to bottom, rgba(0,0,0,.87), rgb(90, 90, 68)), url(http://i71.fastpic.ru/big/2015/0719/4b/0dd9ce5c49533933d4962cff0882454b.png);*/
        background: #272727;
  width: 100%;
}

body {
/*background: url(http://i69.fastpic.ru/big/2015/0717/24/094fd5faffac31a717e42fc3cd80fa24.png)  repeat top center;*/
background: url(/files/0015/e9/f5/20697.png)  repeat top center;
}


#pun_wrap {
    padding-top:450px;
  padding-bottom:5px;
 /* background: url(http://i69.fastpic.ru/big/2015/0717/80/70c4254ada9b01553a4486823b5fa580.png) no-repeat top center;*/
  /*  background: url(http://i69.fastpic.ru/big/2015/0731/8c/4ed2aee1bd4114e0fe0fb8b370f8778c.png)  no-repeat top center;*/
background: url(http://beforenaruto.ru/files/0015/e9/f5/77941.png)  no-repeat top center;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
font-family: "Century Gothic";
 color:#6a6868;
 letter-spacing: 1px;
 list-style-type: none;
}

.punbb .post-box p,  
.punbb .post-box span,
.punbb .post-box div,
.punbb .post-box blockquote{
 letter-spacing: 0px;
  font-family: arial;
  font-size: 12px;
}





#pun {
  width: 1024px;
  margin: 0 auto;
  position: relative;
  /*background-image: url(http://i69.fastpic.ru/big/2015/0717/a5/565034ccec83d115e090f6ef5ed5b6a5.png);*/
    background-image: url(http://beforenaruto.ru/files/0015/e9/f5/74694.png);
  background-repeat: repeat;
  border: solid 3px rgba(239, 236, 234, 0.65);
  outline: solid 5px #393a34;
  box-sizing: border-box;
  }



.punbb {
  float: left;
  width: 100%;
  height: auto;
  background-color: rgba(241, 215, 96, 0.46);
  border: solid 8px rgba(76,39,24,.65);
  box-sizing: border-box;
  }


.punbb div.icon {
float: left;
  display: block;
  height: 72px;
  width: 80px;
  margin-left: 0px;
  margin-right: 15px;
  /*background: url(http://i71.fastpic.ru/big/2015/0718/0e/9975226bd89064f3ac5552c5956ddf0e.png);*/
    background: url(http://beforenaruto.ru/files/0015/e9/f5/66456.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-top: 20px;
}

.punbb div.icon.inew {
	background-position: 0px -72px;
}

.punbb .iclosed div.icon {
  background-position: 0px -144px;
}

.punbb .isticky div.icon {
  background-position: 0px -216px;
}


.punbb .multipage .forum .tclcon{
padding-top: 45px;
  box-sizing: border-box;
}



#pun-index .tcl h3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
  padding-top: 5px;
}

.tclcon {
height: 115px;
  padding-left: 95px;
 /* text-transform: uppercase;*/
}

#profile #messages .tclcon {
display: table-cell;
}

#profile #messages .tclcon a {
display: table-cell;
    vertical-align: middle;
    height: 115px;
}

#pun-navlinks {
text-align: center;
  margin: 45px 0;
}

#pun-navlinks li {
  display: inline;
  margin-right: 12px;
}
#pun-navlinks a span {
  font-family: Gabriola;
  font-size: 25px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #d3ceb6;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0,0,0,.78), 0 0 21px rgba(241,229,175,.75);
transition: all 0.4s ease;
}


#pun-navlinks a span:hover {
  color: #bdcb87;
}

#pun-stats {text-transform: uppercase;}

.colors_ams {
  margin-top: -20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

#onlinelist span {text-transform: capitalize;}

#onlinelist:nth-child(3n+1) {
text-align: center;
 margin-top: 45px;
}

#onlinelist:nth-child(3n+1) span {
border-right: 1px solid #542d20;
  padding: 0 10px;
  color: #542d20;
  font-weight: bold;
  font-size: 12px;
}
  
  #onlinelist:nth-child(3n+1) span:last-child {
border-right: none;
}
  
#pun-main h2, #pun-stats h2 {   
  text-align: center;
  font-weight: 300;
  margin: 50px 0 35px 0px;
}

#pun-main h2 span, #pun-stats h2 span {
font-family: Gabriola;
  font-size: 35px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #cdba84;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0,0,0,.78), 0 0 21px rgba(241,229,175,.75);

}


.punbb .main th {
  /*padding: 0.4em 1em 0.4em 105px;
    text-align: left;*/
  }

.punbb .main .usertable th {
    padding: 0px;
    text-align: center;
}

#profile #profilenav {
  width: 100%;
  display: inline;
  text-transform: uppercase;
  display: inline-block;
}


#profile #profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  float: left;
  margin-right: 25px;
  text-transform: uppercase;
}

#profile fieldset {
  border:none;
}

#profile .tcl {
  overflow: hidden;
  width: 50%;
  padding: 0 10px;
  }

#profile thead th {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

/* ÐÀÁÎÒÀ Ñ ÔÎÐÌÀÌÈ  */

.button {
  border: none;
  background-color: rgba(241, 229, 174, 0.99);
  padding: 10px 20px;
  box-shadow: 1px 1px 2px rgba(0,0,0,.78);
  text-transform: uppercase;
  color: #542d20;
  font-weight: bold;
  transition: all 0.4s ease;
}

.button:hover {
background-color: rgba(117, 163, 29, 0.6);
  cursor: pointer;
  color: #fff;
}

input[type="text"], input[type="password"], select,  textarea {
/*display: block;*/
  display: inline-block;
  border-radius: 4px;
  background-color: #ffffff;
  width: 300px;
  /*height: 30px;*/
  margin-bottom: 15px;
  border: 1px solid #a8a8a8;
  padding: 5px 10px;
  font-size: 14px;
  color: rgba(133, 104, 75, 0.99);
  box-sizing: border-box;
  margin-top:5px;
}

label {
font-size: 12px;
  /*text-transform: uppercase;
  display: inherit;*/
}

span.input {margin-top:5px; display: block;}

input[type="radio"] {}
input[type="checkbox"] {}



input[type="text"]:focus,
select:focus,
textarea:focus
{
  border-color: #6FE778;
  outline: none;
}

/* ÈÍÔÎ_ØÀÏÊÀ*/

.html-box{
/*background: url(http://i69.fastpic.ru/big/2015/0728/6b/808e49589e0ea84bd8e40d717de3d96b.png) no-repeat top center;*/
  background: url(http://beforenaruto.ru/files/0015/e9/f5/44476.png) no-repeat top center;
    width: 806px;
    margin: 0 auto;
    height: 426px;
    padding: 25px;
    box-sizing: border-box;
}


.html-box ul {
  border-bottom: 3px solid #694d4d;
  padding:0px;
   text-align: justify;
      margin-bottom: 20px;
}


.html-box ul li {
    display: inline;
    margin-right: 70px;
  display: inline;
}

#strut
{
    display: inline-block;
    width: 100%;
}
.html-box ul li a {
    font-family: "Century Gothic";
    font-size: 25px;
    text-transform: uppercase;
    color: #f4b28c!important;
    text-shadow: 1px 1px 2px rgba(0,0,0,.78);
}

.html-box ul li a:hover {
color: #bdcb87!important;
}

.html-box .tab_container1 {
overflow: hidden;
    text-overflow: ellipsis;
    height: 300px;
}

.html-box table {
padding: 1px;
}

.html-box table td{
    width: 33%;
    padding: 0 10px;
    box-sizing: border-box;
  vertical-align: top;
}

#tab1 strong{
font-family: "Century Gothic";
    font-size: 17px;
    text-transform: uppercase;
    color: #298ccb;
    text-shadow: 8px 6px 22px rgba(0,0,0,.57);
}

#tab1 p{
font-family: "Century Gothic";
	font-size: 10px;
	text-transform: uppercase;
	color: #694d4d;
}


#tab1 a{
display: block;
  font-family: "Century Gothic";
	font-size: 12px;
	text-transform: uppercase;
	color: #298ccb!important;
  padding-bottom: 10px;
    padding-left: 25px;
  font-weight: bold;
}

#tab1 a:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    /*background: url(http://i72.fastpic.ru/big/2015/0728/e6/e61702e09085bf93425693542740d7e6.png) no-repeat;*/
    background: url(http://beforenaruto.ru/files/0015/e9/f5/35703.png) no-repeat;
    margin-left: -25px;
    margin-top: -2px;
}


#tab1 a:hover{
color: #D2560F!important;
}

#tab1 a:hover:before{
content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    /*background: url(http://i72.fastpic.ru/big/2015/0728/dd/7f4da1498c86d670d37f7575aca19edd.png) no-repeat;*/
    background: url(http://beforenaruto.ru/files/0015/e9/f5/25740.png) no-repeat;
    margin-left: -25px;
    margin-top: -2px;

}


/*ÌÎÄÀËÜÍÀß ÔÎÐÌÀ*/

.modal_div {
    width: 805px;
    height: 476px; /* Ðaçìåðû äoëæíû áûòü ôèêñèðoâaíû */
    border-radius: 5px;
    border: 3px #818A1A solid;
    background: #fff;
    position: fixed; /* ÷òoáû oêío áûëo â âèäèìoé çoíå â ëþáoì ìåñòå */
    top: 45%; /* oòñòóïaåì ñâåðõó 45%, oñòaëüíûå 5% ïoäâèíåò ñêðèïò */
    left: 50%; /* ïoëoâèía ýêðaía ñëåâa */
    margin-top: -235px;
    margin-left: -400px; /* òóò âñÿ ìaãèÿ öåíòðoâêè css, oòñòóïaåì âëåâo è ââåðõ ìèíóñ ïoëoâèíó øèðèíû è âûñoòû ñooòâåòñòâåíío =) */
    display: none; /* â oáû÷íoì ñoñòoÿíèè oêía íå äoëæío áûòü */
    opacity: 0; /* ïoëíoñòüþ ïðoçða÷ío äëÿ aíèìèðoâaíèÿ */
    z-index: 5; /* oêío äoëæío áûòü íaèáoëåå áoëüøåì ñëoå */
    /*padding: 20px 10px;*/
  box-sizing: border-box;
}
/
.modal_div #modal_close { * Êíoïêa çaêðûòü äëÿ òåõ êòo â òaíêå) */
    width: 21px;
    height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;
}

#overlay {  /* Ïoäëoæêa */
    z-index: 3; /* ïoäëoæêa äoëæía áûòü âûøå ñëoåâ ýëåìåíòoâ ñaéòa, ío íèæå ñëoÿ ìoäaëüíoão oêía */
    position: fixed; /* âñåãäa ïåðåêðûâaåò âåñü ñaéò */
    background-color: #000; /* ÷åðíaÿ */
    opacity: 0.8; /* ío íåìíoão ïðoçða÷ía */
    width: 100%; 
    height: 100%; /* ðaçìåðoì âo âåñü ýêðaí */
    top: 0; 
    left: 0; /* ñâåðõó è ñëåâa 0, oáÿçaòåëüíûå ñâoéñòâa! */
    cursor: pointer;
    display: none; /* â oáû÷íoì ñoñòoÿíèè å¸ íåò) */
}

.modal_close {
 position: absolute;
    width: 44px;
    height: 44px;
    cursor: pointer;
    right: 0;
    z-index: 60;
    cursor: pointer;
    transition: transform 1.5s cubic-bezier(0, 0, .34, 1.01);
    margin: 5px;
}
.modal_close:hover {
    transform: rotate(720deg);
}


.header-modal {
    text-align: center;
    height: 55px;
    padding: 10px;
    box-sizing: border-box;
    font-weight: bold;
    transition: all 0.4s ease;
    font-family: Gabriola;
    font-size: 35px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #636262;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0,0,0,.78), 0 0 21px rgba(241,229,175,.75);
}

.header-modal small {
    font-size: 12px;
    font-weight: normal;
    color: red;
}


#link-map .header-modal {
color: #87967A;
}


/*ÊÀÐÒÀ*/



.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.jvectormap-label {
    position: absolute;
    display: none;
        border: solid 3px #D4D4D4;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 0 3px;
  z-index:50;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,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);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    background: black;
    color: white;
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}



.jvectormap-label {
    
    width: 225px;
	min-height: 50px;
    /*padding: 15px;*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    background: transparent\9;
	rgb(130, 130, 130, 0.7)
	zoom: 1;
    color: #fff;
}

.jvectormap-label h3 {
color: #cdba84;
}

.jvectormap-label strong {
color: #0c66a5;
} 

.jvectormap-label p {
color: #EFEDED;
}

.region-info-box {
	display: none;
}















/* ÑÊÐÛÂÀÅÌ ËÈØÍÅÅ  */
 
#pun-title, 
#pun-navlinks h2, 
#navawards, 
#pun-status .item3, 
#pun-break4, 
#pun-about, 
#profile h2, 
/*.punbb fieldset legend, */
#pun-live-rusff,
#pun-main h1,
#pun-announcement h2,
.pa-gifts,
.pa-awards {
  display:none!important;
}


.pa-fld1{
  margin-top: -16px;
  color: transparent;
}

/* #pun-ulinks {display:none!important;} ìá âåðíóòü ñòîèò */

#pun-ulinks ul {
    text-align: center;
    margin: -45px 0 25px 0;
}

#pun-ulinks .item3,
#pun-ulinks .item4,
#pun-ulinks .item6
/*#pun-ulinks .item7*/
{display: none;}


#pun-ulinks .item2 {font-size: 16px;}


/* Ïîäêëþ÷åíèÿ  */
/*
@font-face {
    font-family:Gabriola;
    src: url(http://my-files.ru/Download/litbcg/Gabriola.ttf);
}*/
































/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
      border: 2px solid #8582E8;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }


/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 50px 20px;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
      font-size: 16px;
    font-weight: bold;
    color: #f4b28c;
    text-shadow: 1px 1px 2px rgba(0,0,0,.78);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}



.admin-grid, .moder-grid {
        width: 750px;
    display: flex;
    text-align: center;
}

.admin-grid a, .moder-grid a {
margin:0 auto;

}


.sortable thead.sort th:hover{
	cursor: pointer;
  background-color: #E6E5E5;
}

.sortable {
width: 790px; 
border: none;
}
 
.sortable th {
  font-weight: bold!important;
      font-size: 12px!important;
}
 
.sortable tr td {
width: 50%;
padding: 2px 5px;
/*border-right: 1px solid #E90E8B;
border-bottom: 1px solid #E90E8B;*/
text-align: center;
color: #666;
}
 
.sortable tr td:last-child {
border-right: none;
}
 
.sortable tr:last-child td {
border-bottom: none;
}

.sortable tbody {
      display: block;
      height: 150px;
      width: 790px;
      overflow: hidden;
      overflow-y: auto;
}

.sortable tr {
    display: table;
    width: 790px;
    /*table-layout: fixed;*/
}

#link-top span{
  margin: 5px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.sort_clans th:nth-child(1), .sort_clans td:nth-child(1) {
width: 190px;
}
.sort_clans th:nth-child(2), .sort_clans td:nth-child(2) {
width: 150px;
}
.sort_clans th:nth-child(3), .sort_clans td:nth-child(3) {
width: 100px;
}
.sort_clans th:nth-child(4), .sort_clans td:nth-child(4) {
width: 100px;
}
.sort_clans th:nth-child(5), .sort_clans td:nth-child(5) {
width: 100px;
}
.sort_clans th:nth-child(6), .sort_clans td:nth-child(6) {
width: 150px;
}

.sort_user th:nth-child(1), .sort_user td:nth-child(1) {
width: 190px;
}
.sort_user th:nth-child(2), .sort_user td:nth-child(2) {
width: 100px;
}
.sort_user th:nth-child(3), .sort_user td:nth-child(3) {
width: 100px;
}
.sort_user th:nth-child(4), .sort_user td:nth-child(4) {
width: 100px;
}
.sort_user th:nth-child(5), .sort_user td:nth-child(5) {
width: 100px;
}
.sort_user th:nth-child(6), .sort_user td:nth-child(6) {
width: 100px;
}


.go-up, .go-down {
 display: none;
 position: fixed; /*ïîçèöèîíèðîâàíèå*/
 z-index: 9999; /*ïîâåðõ âñå ýëåìåíòîâ íà ñòðàíèöå*/
 right: 10%; /*ïîëîæåíèå íà ñòðàíèöå, åñëè ñëåâà - left*/
 background: #4F4F4F;
 border: 1px solid #ccc;
 border-radius: 5px;
 cursor: pointer;
 color: #fff;
 text-align: center;
 font: normal normal 42px/42px sans-serif;
 text-shadow: 0 1px 2px #000;
 opacity: .5;
 padding: 3px;
 margin-bottom: 5px;
 width: 42px;
 height: 42px;
}
.go-up { bottom: 60px; }
.go-down { bottom: 10px; }
.go-down:hover,
.go-up:hover {
 opacity: 1;
 box-shadow: 0 5px 0.5em -1px #666;
}




	.scrollbar_cont {position: absolute; top: 0px; right: 0px; width: 20px; height: 100%; z-index: 7;}
	.scroll_pane {position: absolute; top: 0px; right: 0px; width: 4px; height: 100%; background: #ccc;}
	.scroll_line {position: absolute; top: 0px; left: 0px; width: 4px; height: 20px; background: #222;}
	.scrollbar_cont_bg {background: url(scroll_cont_bg.png) top left repeat-x; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 30px}
	.text p {margin: 0 0 10px 0;}




.post-content table {
        border-spacing: 5px;
    border-collapse: inherit!important;
}

.post-content table td {
border: 1px solid #879267;
}