/*FON I RAZMER STRANITCY*/
.pagesn {background: url(http://forumstatic.ru/files/0018/fd/28/74191.jpg) 52% 0% repeat-x, url(http://forumstatic.ru/files/0018/fd/28/74262.jpg) 50% 100% repeat-x, url(http://forumstatic.ru/files/0018/fd/28/96802.jpg) 70% 42%;width: 800px;height: 660px; border: 0px solid #a9bdc7;
position: relative;} 

/*KNOPKI*/
.pagebutton1 {position: absolute; top: 5px!important; left: 656px !important; z-index: 1010;}
.pagebutton2 {position: absolute; top: 5px!important; left: 696px !important; z-index: 1010;}
.pagebutton3 {position: absolute; top: 5px!important; left: 736px !important; z-index: 1010;}
.pagebutton4 {position: absolute; top: 60px!important; left: 696px !important; z-index: 1010;}
.pagebutton4 img {width: 90px;}

/*NAME*/
.pagename {position: absolute; margin-top: 50px; margin-left: 200px; font-family: 'bebas neue', sans-serif; font-size: 42px; color: #fff; text-shadow: 1px 1px 1px #68763d; text-transform: uppercase; line-height: 100%; text-align: center;}  
/*AVATAR*/
.pageava {position: absolute; margin-top: 30px; margin-left: 24px; z-index: 99999; padding: 3px 3px 3px 3px!important; width: 150px; height: 150px; background: #ffa200!important; border: 1px solid #ffffff!important; box-shadow: 0px 0px 4px 0px #b4a67e!important;} 

.pageava img{width: 150px; height: 150px;}

/***************VCLADKI TABLITCY  etu chast ne trogaem******************/
.tabs {
position: relative;   
width: 590px;
height: 500px;
clear: both;
margin: 0;
}

.tab {
float: left;
}

.tab label {
padding: 3px 10px 3px 10px; 
background: #ebcd76; box-shadow: inset 0px 0px 0px 0px rgb(230,198,105); border: 1px solid #ffffff!important;
position: relative;
left: 220px; 
top: -18px;
font-family: calibri;
font-size: 10px;
line-height: 100%;
}

.tab [type=radio] {
display: none;   
baseline-tab-shift: true, retrieve;
}

.content {
width: 0px;
height: 0px;
position: absolute;
top: 20px;
bottom: 0px;
left: 30px;
right: 0px;
}

[type=radio]:checked ~ label {
background: #bfd876;
z-index: 2;
}

[type=radio]:checked ~ label ~ .content {
z-index: 1;
}
/**************************VCLADKI TABLITCY KONETC****************************/

.ssaraboxout { width: 590px; height: 780px;} /*luchshe ne trogat vse sezzhaet vidimo osnova vsei tablitcy*/

.ssabout { width: 770px; height: 490px; padding-top: -15px; padding-bottom: -30px !important; background-color: #def0db; position: relative; left: -15px;  text-align: justify;} /*tozhe sviazano s razmerom vcladki*/

/*tut meniaem razmery i snova vnutri vcladok khz znaet chto eto i zachem*/
.ssthreads { width: 560px; height: 490px; padding: -15px; background-color: #def0db; position: relative; left: -15px; text-align: justify;}
.ssplot { width: 560px; height: 490px; padding: -15px; background-color: #def0db; position: relative; left: -15px;  text-align: justify;}
.scrolltable { height: 130px; overflow: auto; }

.stitle {margin-top: -20px; margin-left: 180px; width: 510px; height: 60px; background-color: #def0db; font-size: 10px; color: #23431d; text-shadow: 0px 0px 0px #576826; text-align: left; text-transform: uppercase;} /*tekst v samom nachale na vsekh vcladkakh*/

.sscontent {width: 740px; height: 440px !important; font-size: 11px; color: #000; background-color: #def0db; text-align: left; padding: 0px 10px 10px 0px; overflow-y: auto;} /*kontent vcladki ta chast kuda vstavliat budem soderzhimoe vcladok ZDES MENIAEM*/

.stable {width: 690px; height:410px; margin-left: 32px; margin-top: -10px; font-size: 11px; color: #000; padding: 10px; overflow-y: auto;} /*voobshche ne vrubilas chto eto no luchshe ne trogat*/

/*SKROLL*/
.sacawards::-webkit-scrollbar {width: 4px; height: 5px; background-color: #f7fafc;}  
.sacawards::-webkit-scrollbar-thumb {background-color: #7ea368; border: 1px solid #f7fafc;}
.sacawards::-webkit-scrollbar-thumb:active {background: #7ea368;}

.boldtext {text-align: center; font-size: 14px; font-weight: bold;}
.quote1{padding: 10px; 
background-clip: padding-box;
background: rgb(255, 255, 255);
background-color: #f1fbef;    border: 1px solid #afd4a9; border-radius: 10px;
box-shadow: inset 0px 0px 2px #ffffff, inset 0px 0px 1px #ffffff, inset 0px 0px 30px rgb(209,226,206); }

 

/*oblast soderzhimogo vcladki vnutri bloka kontent*/
.sacawards {
  height:400px; margin-left: 10px;
  width: 730px;
  padding: 2px 2px 10px 2px; /*polia ot verkhnego, pravogo, nizhnego i levogo kraia*/
  background-color: #def0db;
  overflow-y: auto;
}

.sacawards txt {padding-left: 20px; padding-top: 10px;}
/*nagrady neaktivnye*/
.awardsminus {opacity: 0.4; -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); filter: alpha(opacity=20);}

/*GIFTS*/ 
.podarok {overflow: auto; position: relative; display: inline-block;}
.podarok:hover {cursor: pointer;}
.podarok img {background-color: transparent; width: 80px; height: 80px; border: none; margin: 0; padding: 5px;}
.podarok .desc {display: none;}
.podarok:hover .desc {font-family: arial; text-align: center; background-color:#e5e4e2; box-shadow: inset 0px 0px 10px 5px rgba(213, 234, 226, 1); display: block; margin: 0; bottom: 10px; left: 10px; right: 10px; font-size: 11px; padding: 3px; filter:alpha(opacity=1.0); opacity:1.0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px;}
.podarok:hover .desc strong {display: block; font-size: 11px; line-height: 1em; margin-top: 3px;}
.blogodel .more {background-color: #123; color: #FFF; font-size: 14px; padding: 0px 0px; filter:alpha(opacity=65); opacity:.65; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=65)'; position: absolute; right: 10px; bottom: 0px;}
.blogodel:hover .more {display: none;}

/*SKILL*/ 
.skill-table td {font-size:9px !important;}
.skill-table img {width: 45px;}