/* ======================================================= */

@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Sans:400,700,400italic&subset=latin,cyrillic);
@import url(/css/fonts/v11/style.css?2);
@import url(/css/top-menu.css?2);
@import url(/css/menu.css);
@import url(/css/header.css);
@import url(/css/blocks.css?3);
@import url(/css/bbcode.css);

.animation-rotate {
	position: relative;
  -webkit-animation: rotateAnimation 1s linear 0s infinite normal;
     -moz-animation: rotateAnimation 1s linear 0s infinite normal;
      -ms-animation: rotateAnimation 1s linear 0s infinite normal;
       -o-animation: rotateAnimation 1s linear 0s infinite normal;
          animation: rotateAnimation 1s linear 0s infinite normal;
}

@-webkit-keyframes rotateAnimation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
   @-moz-keyframes rotateAnimation { from {    -moz-transform: rotate(0deg); } to {    -moz-transform: rotate(360deg); } }
    @-ms-keyframes rotateAnimation { from {     -ms-transform: rotate(0deg); } to {     -ms-transform: rotate(360deg); } }
     @-o-keyframes rotateAnimation { from {      -o-transform: rotate(0deg); } to {      -o-transform: rotate(360deg); } }
        @keyframes rotateAnimation { from {         transform: rotate(0deg); } to {         transform: rotate(360deg); } }

/* ======================================================= */

article, aside, details, figcaption, figure, main, footer, header, hgroup, nav, section {
    display: block;
}

body, input, textarea {
	-webkit-text-size-adjust: auto;
	-webkit-font-smoothing: antialiased;
}

body{margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px}

body, td, th, input, textarea, select {
	font: normal 14px/20px "Trebuchet MS", Verdana, Arial, sans-serif, serif;
	color: #282C03
}

form{padding:0px; margin:0px}

input, textarea {outline: none;}

img {line-height: 0; border: 0; display: inline-block}

a {
	color: #5A6633;
	text-decoration: none
}

a:hover {
	color: #859944;
	text-decoration: underline;
}

p {
	margin: 12px 0;
}

h1 {
	font-size: 24px;
	line-height: 26px;
}

h2 {
	font-size: 20px;
	line-height: 24px;
}

h3 {
	font-size: 16px;
	line-height: 22px;
}

#wrapper {
/* 	width: 1000px; */
	width: 1110px;
	position: relative;
	margin: 0 auto;
}

#header{background:url(//img.localhost/header.background.png) scroll repeat-x; height:123px; margin-top: 40px}
#logo{border:0; background-image:url(//img.localhost/header.logo.gif); height:87px; width:608px}
#bannertop{text-align:right; position:absolute; right:6px; top:6px; width:500px; height:75px; z-index:1}

#pagepath {
	color: #B0B0B0;
	font-size: 11px;
}

#textcontent {
	position: relative;
	z-index: 1;
}

.inactive {
	opacity: .5 !important;
	cursor: default !important
}

/**
 * Аватарки
 */

.b-avatar {
	vertical-align: top;
	display: inline-block;
	cursor: default;

		-webkit-border-radius: 3px;
	     -moz-border-radius: 3px;
	          border-radius: 3px;

	  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	          box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

a > .b-avatar {
	cursor: pointer;
}

.b-avatar_va_middle {
	vertical-align: middle;
}

.b-avatar_size_32 {
	width: 32px;
	height: 32px;
}
.b-avatar_responsive {
	width: 100%;
	display: block;
}


/**
 * Пользователь
 */

.b-user-name {
	color: #61b01b !important;
	text-decoration: underline;
	font-size: 14px;
}

.b-user-name_size_big {
	font-size: 16px !important;
}

/**
 * Тултип
 */

.b-tooltip {
	color: #fff !important;
	background: rgba(0, 0, 0, .8) !important;
	position: absolute !important;
	padding: 5px !important;
	font-size: 12px !important;
	font-weight: normal !important;
	font-style: normal !important;
	line-height: 16px !important;
	text-shadow: none !important;
	margin: 0 !important;
	max-width: 300px !important;
	text-align: left !important;

	-webkit-border-radius: 3px !important;
     -moz-border-radius: 3px !important;
          border-radius: 3px !important;
}

.b-tooltip:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: rgba(0, 0, 0, .8);
	border-width: 5px;
	margin-left: -5px;
}

/**
 * Site content
 */

#content {
/* 	width: 1000px; */
	width: 1110px;
	min-height: 700px;
	zoom: 1;
}

#content:before,
#content:after {
	content: ' ';
	display: table;
}

#content:after {
	clear: both;
}

/**
 * Columns in content
 */

#leftside,
#rightside {
	float: left;
}

#leftside {
	width: 880px;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#rightside {
	width: 230px;
	padding-left: 10px;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#footer {
	color: #999;
	background: #FFF url(//img.localhost/footer.background.png);
	background-size: 100% 100%;
	background-repeat: repeat-x;
	margin-top: 2em;
	padding: 0 15px 15px;
	position: relative;
	font-size: 12px;
	border-radius: 0 0 5px 5px;
	margin-bottom: 5px;
}

#footer a {
	color: #777;
}

#counters{position:absolute; right:6px; margin-top:30px; width:270px; height:44px; z-index:1}

.menuitem{color:#FFF; margin-bottom:2px; margin-top:2px}
.bluebg{background-color:#0590C8}
.lightgreenbg{background-color:#B0C85A}
.yellowbg{background-color:#dad157}
.hide{display: none}
.strip,.strip *{margin:0;padding:0;border-collapse:collapse}

a.smallpathlink:link{color:#B0B0B0; text-decoration:none}
a.smallpathlink:active{color:#B0B0B0; text-decoration:none}
a.smallpathlink:visited{color:#B0B0B0; text-decoration:none}
a.smallpathlink:hover{color:#B0B0B0; text-decoration:underline}

a.smallmenulink:link{color:#FFF; font-size:11px}
a.smallmenulink:active{color:#FFF; font-size:11px}
a.smallmenulink:visited{color:#FFF; font-size:11px}
a.smallmenulink:hover{color:#FFF; font-size:11px}

.razdeltopic{color:#B0B0B0; font-size:107%; font-weight:bold; text-transform:uppercase}
h1.razdeltopic{font-size:107%}

.bigtext {
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 3px
}

.bigtext,
.bigtext a{
	color: #8AA042
}

.whitetext{font-size:11px; color:#FFF}

.white{color:#FFF !important}
div.newpm{width:400px; height:268px; overflow:hidden; position:absolute; background-color:#f0f0f0; border:1px solid #ccc}

div.handler{border-bottom:1px solid rgb(5,144,200); padding:5px; background:rgb(5,144,200) url(//img.localhost/blue-gradient.gif) repeat scroll 0% 0%; cursor:pointer; color:#FFF; font-size:16px}

ul.list-ul{margin:0px; padding:0px}
ul.list-ul li{list-style-type:none}
.fl{float:left}
.fr{float:right}
.cb{clear:both}
.cr{clear:right}
.cl{clear:left}
.vam{vertical-align:middle}
.cursor-pointer{cursor:pointer}

.avatarmini{border:none; padding:0px 5px 0px 0px; line-height:9pt; vertical-align:middle}

.grey{color:grey}

.c-head{white-space:nowrap; padding:3px 3px 3px 5px; position:relative; height:18px}
.c-rate{font-size:80%}
.c-rate img{margin:0px 1px; width:18px; height:18px; border:0px none}
.comments{margin:0pt 0pt 10px}

.c-content{margin:5px 5px 10px}
.c-date{font-size:80%}

.c-toggle{color:#5a6633}

.c-off .c-head{color:#666; background:#d0d0d0 none repeat scroll 0% 50%; border-top:1px solid #aaa; margin-bottom:10px}
.c-off .c-content{color:#555; display:none}

.c-off-view .c-head{color:#666; background:#d0d0d0 none repeat scroll 0% 50%; border-top:1px solid #aaa}
.c-off-view .c-content{color:#555; display:block; margin-bottom:10px}

.c-on .c-head{background:#cfe099 none repeat scroll 0% 50%; border-top:1px solid #aec564}
.c-on .c-content{display:block; margin-bottom:10px}

.mt10{ display:block;  margin-top:10px}
.mb10{ display:block;  margin-bottom:10px}

.forumname {
	background: #d1d1d1;
	color: #FFF;
	text-align: left;
	padding: 5px 0 5px 10px;
	font: normal 24px/30px 'PT Sans', sans-serif !important;
	text-shadow: 1px 1px #aaa;
	border-radius: 5px 5px 0 0;
}

.forumrowname {
	color: #5a6633;
	font-size: 14px;
	line-height: 20px;
}

.forumrowsubname {
	display: block;
	color: #a8af90;
	font-size: 12px;
	line-height: 18px;
}

.forumrow{padding:3px; color:#5a6633; font-size:10pt; height:47px; background-color:#f6f9ee; border-bottom:1px solid #c0d776; border-top:1px solid #FFF; border-right:1px solid #dce6bd;text-shadow: 1px 1px #FFF;}

.forumrowsecond{padding:3px; color:#a8af90; text-align:center; vertical-align:middle; font-size:9pt; height:47px; background-color:#f6f9ee; border-left:1px solid #FFF; border-top:1px solid #FFF; border-bottom:1px solid #c0d776; border-right:1px solid #dce6bd;text-shadow: 1px 1px #FFF;}
.forumrowthird{padding:3px; padding-left:6px; color:#a8af90; font-size:8pt; line-height:9pt; height:47px; background-color:#f6f9ee; border-left:1px solid #FFF; border-top:1px solid #FFF; border-bottom:1px solid #c0d776;text-shadow: 1px 1px #FFF;}

.forumrowaboutauthor{
	padding: 3px;
	color: #5a6633;
	font-size: 12px;
	line-height: 16px;
	background-color: #f6f9ee;
	border-bottom: 1px solid #c0d776;
	border-top: 1px solid #FFF;
	border-right: 1px solid #dce6bd
}

.forumrowmesg{line-height: 20px; font-size: 14px; padding:3px; padding-left:6px; color:#5a6633; vertical-align:top; background-color:#f6f9ee; border-left:1px solid #FFF; border-top:1px solid #FFF; border-bottom:1px solid #c0d776;}
.forumrowmesgtime{height:20px; background-color:#e6e9de; border-left:1px solid #FFF; border-top:1px solid #FFF; border-bottom:1px solid #c0d776}
.forumrowmesgtimetext{padding:3px; padding-left:6px; color:#a8af90; font-size:8pt; vertical-align:middle; line-height:7pt}

.forumrowmesgauthor {
	padding: 3px;
	color: #5a6633;
	font-size: 14px;
	text-align: center;
	height: 18px;
	background-color: #e6e9de;
	border-bottom: 1px solid #c0d776;
	border-top: 1px solid #FFF;
	border-right: 1px solid #bcc69d
}

.forumrowmesg a {font-weight: bold; text-decoration: underline;}

.gradientbar{background:#fff url("//img.localhost/frm-back.gif") repeat-x center top; border:1px solid #bfd675; border-right:1px solid #7f9635; overflow:hidden; height:15px; font-size:85% !important; color:#5a6633; vertical-align:middle; padding:0px; padding-left:10px; padding-right:10px}

.forumpostbutton{ padding-left:2px;  padding-right:2px;  height:18px;  font-size:8pt}

.buttondiv{cursor:pointer; border:3px solid #F6F9EE; background:transparent url(//img.localhost/button/yellow.gif) repeat-x scroll 0px -1px}
.buttondiv div a{display:block; font-size:8pt; float:left; margin:0px 10px 0px 26px; line-height:16px}
.buttondiv div{border-top:1px solid #d3cc83; border-left:1px solid #d3cc83; border-right:1px solid #837c33; border-bottom:1px solid #837c33; float:left; padding:1px}
.buttonYellow{background-image:url(//img.localhost/button/yellow.gif); background-attachment:scroll; background-repeat:repeat-x; background-position:bottom; border-top:1px solid #d3cc83; border-left:1px solid #d3cc83; border-right:1px solid #837c33; border-bottom:1px solid #837c33; font-size:8pt; padding-left:10px; padding-right:10px; cursor:pointer}
.buttonGray{background-image:url(//img.localhost/button/gray.gif); background-attachment:scroll;  background-repeat:repeat-x;  background-position:bottom; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; border-right:1px solid #757575; border-bottom:1px solid #757575; font-size:8pt; padding-left:10px; padding-right:10px; cursor:pointer}

.buttonhrefYellow:link, .buttonhrefYellow:hover{color:#898810; text-decoration:none; cursor:pointer}
.buttonhrefGray:link, .buttonhrefGray:hover{color:#7e7e7e; text-decoration:none; cursor:pointer}

.login{ font-size:10px; color:#7e8c51; line-height:5pt}

.logininput{width:55px; height:17px; padding:0px; margin:0px; border:1px solid #98aa5d; background-color:#eef3de; font-size:9pt}

.logintext:link{padding-left:5px; font-size:9pt; color:#727636; text-decoration:none}
.logintext:active{padding-left:5px; color:#727636; font-size:9pt; text-decoration:none}
.logintext:visited{padding-left:5px; font-size:9pt; color:#727636; text-decoration:none}
.logintext:hover{color:#727636; padding-left:5px; font-size:9pt; text-decoration:underline}

.myinput{color:#5a6633; font-size:10pt; background-color:#f9f9f9; border-left:1px solid #FAFAFA; border-top:1px solid #FAFAFA; border-right:1px solid #c0d776; border-bottom:1px solid #c0d776}
.mybutton{color:#5a6633; background-color:#DAE7B8; border-left:1px solid #F0F9E3; border-top:1px solid #F0F9E3; border-bottom:1px solid #c0d776; border-right:1px solid #c0d776}
.myinput2{
	border-bottom: 1px solid #D3CC83;
	border-right: 1px solid #D3CC83;
	border-left: 1px solid #837C33;
	border-top: 1px solid #837C33;
	margin: 0;
	border-radius: 2px;
	resize: none;
	outline: none;
}

.aunews{color:#5a6633; font-size:10pt; vertical-align:top; line-height:12pt; background-color:#f6f9ee; border-left:0px solid #FFF; border-top:1px solid #FFF; border-bottom:1px solid #c0d776}
.profileblock{ color:#5a6633;  font-size:10pt;  background-color:#f6f9ee;  border-bottom:1px solid #c0d776;  border-top:1px solid #FFF;  border-right:1px solid #dce6bd}

#txb { width:100%;table-layout:fixed;line-height:1em; text-align:left; margin:0.2em 0;}
#txb #bb, #txb #explain{ border:1px solid;padding:2px; margin:0; }
#txb #explain { border-width:0 0 1px 0; text-align:center; border-style:dashed;}
#txb #bb {border-bottom:0 none; width:auto;}
#txb textarea, #txb #preview {width: 99.7%; border: 0px none; padding:2px; margin:0; line-height: normal;}
#txb #preview{visibility: hidden;position:absolute;}
#txb #bb ul { margin:0; padding:0; list-style:none;}
#txb #bb li { margin:0; padding:0; float:left; position:relative;}
#txb #bb a { display:block; margin:0; padding:1px; text-decoration:none; font-weight:normal; cursor:default;}
#txb #bb span { margin:0; padding:0; display:block; width:20px; height:20px; }
#txb #bb .bbn a{ margin:2px; padding:1px 0px 0px 1px;}
#txb #bb .bbn a:hover { margin:1px; border:1px outset; padding:0px 1px 1px 0px;}
#txb #bb .bbd { padding-right:8px; width:20px; margin:2px; background-position:15px -940px;}
#txb #bb span, #txb #bb .bbd { background-repeat:no-repeat;background-image: url(//img.localhost/bbc/bbcodes.gif);}
#txb #bb .bbd ul { display:none; position:absolute; width:22em; padding:2px; border:2px outset; border-width:0 2px 2px 0; background-color:#E0DFE3;}
#txb #bb .dropdown li:hover ul, #txb #bb .dropdown li.over ul { display: block;}
#txb #bb .bbd li { width:100%; line-height:20px;}
#txb #bb .bbd a span { float:left; margin-right:4px;}
#txb #bb #bba{ width:4px; }
#txb #bb #smileyDrop li ul { width:11em; }
#txb #bb #smileyDrop li ul li { width:auto; height:26px;}
#txb #bb #smileyDrop a { width:auto; }
#txb #bb #smileyDrop a img{border:none;margin:0 2px;position:relative;}
#txb div.cut,#txb div.previewInfo{border-style:solid;border-width:1px 0;margin:0.5em 0;padding:0.2em 0;font-size:0.8em;text-align:center;}
#txb div.cut span{font-weight:bold;}
#txb .clearBoth { clear:both; }
#txb { font-size:10px; }
#txb #bb, #txb #explain{ border-color:#999999;}
#txb #explain { height:1em; color:#000000;}
#txb #bb {background-color:#EEEEEE; }
#txb textarea, #txb #preview {color:#000000;background-color:#FFFFFF;border-color:#999999;font-size:12px;}
#txb #bb a {color:#000000!important;}
#txb #bb a:hover { color:#000000!important;}
#txb #bb .bbn a{ background-color:#EEEEEE;}
#txb #bb .bbn a:hover { border-color:#D3B7BC; background-color:#D3B7BC;}
#txb #bb .bbd {  }
#txb #bb span, #txb #bb .bbd { background-image: url(//img.localhost/bbc/bbcodes.gif);}
#txb #bb .dropdown li.bbd:hover, #txb #bb .dropdown li.over{ background-color:#D3B7BC;}
#txb #bb .bbd ul { border-color:#999999;  background-color:#EEEEEE;}
#txb #bb .dropdown a:hover{ background-color:#D3B7BC;}
#txb #bb .bbd a span { background-color:#EEEEEE; }
#txb #bb .dropdown a:hover span{ background-color:#D3B7BC;}
#txb div.cut,#txb div.previewInfo{background-color:#EEEEEE;border-color:#999999;}

.user { background-color:#0590C8; border:1px solid white; border-right:1px solid #034F6B; border-bottom:1px solid #034F6B; color:white;     line-height:12pt !important;     text-indent:0;     text-align:left;     padding:4px;     position:absolute;     font-size:11px !important;     font-style:normal; overflow:hidden; z-index:10}
.user span, .user a:link, .user a:visited, .user a:hover {color: #fff !important;}
.user_image{cursor:pointer}
table.user td { color: #fff; white-space: nowrap; padding: 0px; margin: 0px; }

.authorspeciallink:active{color:#0590C8 !important}
.authorspeciallink:hover{color:#0590C8 !important}
.bluegradient{    height:25px;     font-size:18px;     color:#fff;     background-color:#06A2E1;     background-image:url(//img.localhost/blue-gradient.gif);     background-position:center left;     background-repeat:repeat-x}
.graygradient{    background-color:#f6f6f6;     background-image:url(//img.localhost/gray-gradient.gif);  background-position:top left;  background-repeat:repeat-x}

table.popup * { font-size: 12px; }
table.popup { display: block; }
table.popup tr.top td { height: 8px; }
table.popup tr.top td.t { background: transparent url(//img.localhost/block.png) no-repeat scroll -51px -53px; }
table.popup tr.top td.tl { width: 6px; background: transparent url(//img.localhost/block.png) no-repeat scroll -42px -53px; }
table.popup tr.top td.tr { width: 6px; background: transparent url(//img.localhost/block.png) no-repeat scroll -767px -53px; }
table.popup tr.middle td.ml { width: 6px; background: transparent url(//img.localhost/block.png) no-repeat scroll -42px -61px; }
table.popup tr.middle td.m { background-color: #e5e5e5; }
table.popup tr.middle td.m span.x { background-attachment: scroll; background-color: transparent; background-image: url(//img.localhost/block.png); background-position: -2px -57px; background-repeat: repeat-x; display: block; height: 24px; left: -6px; position: absolute; top: -5px; width: 24px; }
table.popup tr.middle td.m div.c { padding: 10px; margin: 0px; }
table.popup tr.middle td.m div.c form { padding: 0px; margin: 0px; }
table.popup tr.middle td.m div.c form label { display: block; color: #666; }
table.popup tr.middle td.m div.c form input.text { width: 30%; border: 1px solid #333; }
table.popup tr.middle td.m div.c form textarea { font-size: 12px; width: 100%; height: 50px; border: 1px solid #999; }
table.popup tr.middle td.m div.h { font-size: 15px; padding:5px 5px 5px 18px; color: #ffffff; background: transparent url(//img.localhost/block.png) repeat-x scroll -5px 0px; }
table.popup tr.middle td.mr { width: 6px; background: transparent url(//img.localhost/block.png) no-repeat scroll -767px -61px; }
table.popup tr.bottom td { height: 8px; }
table.popup tr.bottom td.bl { width: 6px; background: transparent url(//img.localhost/block.png) no-repeat scroll -42px -552px; }
table.popup tr.bottom td.b { background: transparent url(//img.localhost/block.png) no-repeat scroll -51px -552px; }
table.popup tr.bottom td.br { width: 6px; background: transparent url(//img.localhost/block.png) no-repeat scroll -767px -552px; }

* fieldset{ border:1px solid #ccc;  margin:0px 0px 15px 0px;  padding:8px}
* fieldset p{ margin-top:0px;  padding-top:0px;  display:block}

a.smallCorns:hover, a.postCorns:hover { background-color: #0590C8 }
a.smallCorns:hover img, a.postCorns:hover img { opacity: 0.5; }

.smallCorns,
.postCorns {
	display: block;
	margin: 0;
	padding: 0;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	        box-shadow: 0 1px 3px rgba(0, 0, 0, .2);

	font: 12px/18px "Trebuchet MS", sans-serif;
}

img.smallCorns,
img.postCorns {
	display: inline-block;
}

.postCorns + .postCorns {
	margin-top: 5px;
}

.postCorns tt,
.smallCorns tt {
	display: none;
}


span.script{    cursor:pointer;     color:#555;     border-bottom:1px dotted #ccc}

.bt{width:100%; height:10%; position:absolute; bottom:0px; z-index:1; color:#fff; text-indent:10px; font-size:18px; line-height:30px; text-transform:uppercase}
.fon{z-index:0; background-color:#ccc; opacity:0.6; }

span.friendAdd{background:transparent url(//img.localhost/icons/user_add.png) no-repeat scroll 0px 0px; padding-left:20px; line-height:27px}
span.friendDelete{background:transparent url(//img.localhost/icons/user_delete.png) no-repeat scroll 0px 0px; padding-left:20px; line-height:27px}
span.newPm{background:transparent url(//img.localhost/icons/comment_add.png) no-repeat scroll 0px 0px; padding-left:20px; line-height:27px}
span.nobg{background:none; padding: 0px}

a.rounded45:hover{background-color:#0590C8}
a.rounded45:hover img{opacity:0.5; }
a.rounded45{cursor:pointer;width:45px;height:45px;float:left;margin:0px}
a.rounded45 b{background:transparent url(//img.localhost/rounded20bg.png) no-repeat scroll 0px 0px; width:45px; height:45px; position:relative; display:block; }
a.rounded45 img{width:45px;height:45px;display:block;position:relative;border:0px none;float:left}

a.roundeduserpic80:hover{background-color:#0590C8}
a.roundeduserpic80:hover img{opacity:0.5; }
a.roundeduserpic80{cursor:pointer;width:80px;height:80px;float:left;margin:0px}
a.roundeduserpic80 b{background:transparent url(//img.localhost/roundeduserpic80.png) no-repeat scroll 0px 0px; width:80px; height:80px; position:relative; display:block;}
a.roundeduserpic80 img{width:80px; height:80px; display:block; position:relative; border:0px none; float:left}


div.tabs {margin-left:35px;}
div.tabs a, div.tabs a span{display:inline-block;}

div.tabs a{opacity:0.5; cursor:pointer;height:29px;background:transparent url(//img.localhost/tab-right.gif) no-repeat scroll right 0px;font-size:17px;color:#474747;padding-right:30px;}
div.tabs a span{cursor:pointer;height:29px;background:transparent url(//img.localhost/tab-left.gif) no-repeat scroll left 0px; padding-left:30px;line-height:29px}
div.tabs a:hover{opacity:0.8; }
div.tabs a.active{opacity:1; }

.rounded {
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;

	background: #eae9da;
	color:#44433F;

	padding: 20px;
}

.rounded > h1:first-child {
	margin-top: 0;
}

.rounded30{
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	     -o-border-radius: 30px;
	        border-radius: 30px;

	padding: 20px;
	background: #eae9da;
}

.rounded30 h4{ color:#474747;font-size:18px;font-weight:normal;line-height:18px;padding:15px 0;margin:0px}
.rounded30 h4.first{padding-top:0px}
.rounded30 div.input{float:left; background-color:#fcfcf8}
.rounded30 div.input div{background:transparent url(//img.localhost/input-r.gif) repeat-y scroll right top}
.rounded30 div.input div div{background:transparent url(//img.localhost/input-l.gif) repeat-y scroll left top}
.rounded30 div.input div div div{background:transparent url(//img.localhost/input-t.gif) repeat-x scroll right top}
.rounded30 div.input div div div div{background:transparent url(//img.localhost/input-b.gif) repeat-x scroll right bottom}
.rounded30 div.input div div div div div{background:transparent url(//img.localhost/input-tl.gif) no-repeat scroll left top}
.rounded30 div.input div div div div div div{padding:6px 10px 6px; background:transparent url(//img.localhost/input-bl.gif) no-repeat scroll left bottom}
.rounded30 div.input input, .rounded30 div.input textarea{color:#30302d;border:0px none;padding:0px;width:100%;background:none}
.rounded30 div.input select{color:#30302d;border:0px none;background:none}
.rounded30 span.title{ color:#999;font-size:11px;padding:0px 8px}

br.c{font-size:0;line-height:0;height:0;clear:both;overflow:hidden;display:block}

.ln16 { line-height: 16px; }
.ln17 { line-height: 17px; }
.ln18 { line-height: 18px; }
.ln19 { line-height: 19px; }
.ln20 { line-height: 20px; }
.ln21 { line-height: 21px; }
.ln22 { line-height: 22px; }
.ln26 { line-height: 26px; }

.bb {font-weight: bold;}
.underline {text-decoration: underline !important;}
.pointer {cursor: pointer}

.dark_red {color: #990000 !important;}
.red {color: #CC0000 !important;}


.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }

.button150{cursor:pointer; background:transparent url(//img.localhost/button150.png) no-repeat scroll 0px 0px; width:150px; height:40px; color:#FFF; border:0px; display:block; float:right; line-height:40px; font-size:16px; text-align:center}

.quote {
	padding: 5px 0;
	font-size: 11px;
}

.quote img {
	display: none;
}

.inline{display:inline-block;}
.overflow{width:100%;overflow:hidden;}

.newpopup {
	z-index: 24000 !important;
	border: 3px solid #EAE9DB;
	background: #FFF;
	/*background: #EAE9DB;
	color: #44433F;
	border-radius: 10px;*/

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-webkit-box-shadow: 0 5px 15px rgba(100, 100, 100, .5);
	   -moz-box-shadow: 0 5px 15px rgba(100, 100, 100, .5);
	        box-shadow: 0 5px 15px rgba(100, 100, 100, .5);
}

.newpopup .pcontent {padding: 20px}

.newpopup div.input{float:left; background-color:#fcfcf8}
.newpopup div.input div{background:transparent url(//img.localhost/input-r.gif) repeat-y scroll right top}
.newpopup div.input div div{background:transparent url(//img.localhost/input-l.gif) repeat-y scroll left top}
.newpopup div.input div div div{background:transparent url(//img.localhost/input-t.gif) repeat-x scroll right top}
.newpopup div.input div div div div{background:transparent url(//img.localhost/input-b.gif) repeat-x scroll right bottom}
.newpopup div.input div div div div div{background:transparent url(//img.localhost/input-tl.gif) no-repeat scroll left top}
.newpopup div.input div div div div div div{padding:6px 10px 6px; //padding:4px 10px 4px; background:transparent url(//img.localhost/input-bl.gif) no-repeat scroll left bottom}
.newpopup div.input div div div div div div div {padding:0px;background:none;}
.newpopup div.input div div div div div div div * {padding:0px;background:none;}
.newpopup div.input input, .rounded30 div.input textarea{color:#30302d;border:0px none;padding:0px;width:100%;background:none}
.newpopup div.input select{color:#30302d;border:0px none;background:none}

div#overlay{background-color:#fff; opacity:0.5; position:fixed; left: 0px; top:0px; bottom:0px; width:100%; height:100%; display:none; z-index:1000}

/* Div который висит всегда вверху*/
div#static{height:37px; width:100%; position:fixed; top:0px; left:0px; background:transparent url(/i/userbar/headerLine.gif) repeat-x scroll 0px 0px; z-index:1000}

/* Div для сентрования содержимого */
div#static div.center{width:1000px;margin:0 auto;position:relative}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	div#static {
		position: absolute !important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	div#static {
		position: absolute !important;
	}
}

/* Тень */
div#static {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	clear: both;
	width: 100%;
	height: 39px;
	border-bottom: 1px solid #f1f1f1;

	background: #fefefe;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmUwZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fefefe 0%, #dfe0e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dfe0e8));
	background: -webkit-linear-gradient(top, #fefefe 0%,#dfe0e8 100%);
	background: -o-linear-gradient(top, #fefefe 0%,#dfe0e8 100%);
	background: -ms-linear-gradient(top, #fefefe 0%,#dfe0e8 100%);
	background: linear-gradient(to bottom, #fefefe 0%,#dfe0e8 100%);

	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	   -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	        box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

div#static table {border:0px;padding:0px;margin:0px;border-collapse: collapse}
div#static table td {padding:0px;margin:0px}

div#static div.center td {
	height: 40px
}

/* Поиск */
div#static div.center td#topSearch {
	vertical-align: top;
	width: 317px;
}

div#static div.center td#topSearch + td {
	padding-left: 20px;
}

div#static td#topSearch i {
	position: absolute;
	top: 10px;
	left: 7px;
	font-size: 19px;
	vertical-align: top;
	color: #686565;
}

div#static td#topSearch form {
	display: inline-block;
	vertical-align: top;
	position: relative
}

div#static td#topSearch input {
	color: #686565;
	font-size: 14px;
	width: 281px;
	padding: 0 0 0 34px;
	border: 1px solid #BBBBBC;
	background: #fff;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	vertical-align: top;
	margin: 4px 0 0;

	-webkit-appearance: none;

	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2) inset;
	   -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2) inset;
	        box-shadow: 0 0 2px rgba(0, 0, 0, .2) inset;

	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	        border-radius: 20px;
}

div#static div.center ul.usermenu{list-style: none;margin: 0;padding: 0;height: 32px; overflow:hidden}
div#static div.center ul.usermenu li{display: inline-block; height: 32px; float: left; line-height: 32px; vertical-align: middle}
div#static div.center ul.usermenu li.spacer{width: 20px}
div#static div.center ul.usermenu li.userpic{width: 40px}
div#static div.center ul.usermenu li.userpic{line-height: 0}
div#static div.center ul.usermenu li a u{text-decoration:underline;line-height: 32px}
div#static div.center ul.usermenu li a.username{color:#61b01b;text-decoration:underline;font-size:14px;padding-right:5px}

div#static a {color:#373838;text-decoration:underline;font-size:12px;display: inline-block;height: 32px;line-height: 32px}
div#static a:hover {text-decoration: none}

div#static form#login-form { width: 350px; overflow: hidden; padding: 0 0 0 20px }
div#static form#login-form ul {
	border-top: 1px solid #8D8D8D;
	border-right: 0px solid;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #C9C9CA;
	height: 25px;
	background: #E5E5E6;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 223px;
	float: left;
}

div#static form#login-form ul li {
	display: inline-block;
	float: left;
	line-height: 23px;
	height: 23px;
}

div#static form#login-form ul li input {
	color:#686565;
	font-size:11px;
	border: 0px none;
	background: #E5E5E6;
	width: 90%;
	margin-left: 2%;
	vertical-align: middle;
	margin-top: 2px;
}

div#static form#login-form ul li input:focus {
	outline: none;
}

div#static form#login-form ul li.login {
	border-top: 1px solid #C9C9CA;
	border-right: 1px solid #C9C9CA;
	border-bottom: 0px none;
	width: 117px;
}

div#static form#login-form ul li.password {
	border-top: 1px solid #C9C9CA;
	width: 103px
}

div#static form#login-form input.submit {
	position: absolute;
	top: 0px;
	height: 18px !important;
	width: 80px !important;
	left: 0px;
	display: block;
	padding: 0px;
	margin: 5px 0 0;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
}

div#static a.button{float:left;white-space:nowrap;overflow:hidden;color:#fff!important;position:relative}
div#static a:hover.button{color:#fff!important;background:none!important;border:1px;}

div#static a.button,
div#static a.button i,
div#static a.button span{text-decoration:none!important;cursor:pointer;display:inline-block;vertical-align:top;height:27px;line-height:27px}
div#static a.button span{padding: 0px 20px;text-align:center;line-height:27px;background: transparent url(/i/userbar/button-left.png) no-repeat scroll 0px 0px}
div#static a.button i{width:15px;background: transparent url(/i/userbar/button-right.png) no-repeat scroll 0px 0px}

div#static .popup{position:absolute}
div#static .popup .t{background:transparent url(/i/userbar/popup/top.png) no-repeat scroll 0px 0px;height:5px;font-size:5px;text-align:center;}
div#static .popup .t img {width:8px;height:6px;margin-top:-1px}
	div#static .popup .tl{background:transparent url(/i/userbar/popup/corner-top-left.png) no-repeat scroll 0px 0px;width:7px;height:5px;font-size:5px}
	div#static .popup .tr{background:transparent url(/i/userbar/popup/corner-top-right.png) no-repeat scroll 0px 0px;width:10px;height:5px;font-size:5px}
div#static .popup .b{background:transparent url(/i/userbar/popup/bottom.png) no-repeat scroll 0px 0px;height:11px;font-size:11px}
	div#static .popup .bl{background:transparent url(/i/userbar/popup/corner-bottom-left.png) no-repeat scroll 0px 0px;width:7px;height:11px}
	div#static .popup .br{background:transparent url(/i/userbar/popup/corner-bottom-right.png) no-repeat scroll 0px 0px;width:10px;height:11px}
div#static .popup .r{background:transparent url(/i/userbar/popup/right.png) no-repeat scroll 0px 0px;width:10px}
div#static .popup .l{background:transparent url(/i/userbar/popup/left.png) no-repeat scroll 0px 0px;width:7px}
div#static .popup .c{vertical-align:top;background-color:#313232;color:#fff}
div#static .popup .cl{background-color:#373838!important}
div#static .popup .c div,
div#static .popup .c td{font-size:0.9em;color:#fff}
div#static .popup .c a{color:#f0f0f0!important;text-decoration:underline}
div#static .popup .c a:hover{color:#ccc!important}

div#static .hr {margin: 0 10px 2px;padding: 2px;text-align: right}
div#static .hr * {font-size: 0.9em!important}

div#static .message-user-status {
	width: 15px;
	padding: 2px !important;
}

a.fixed-anchor {
	position: absolute;
	margin-top: -50px;
}

.img-mail{background:transparent url(/i/userbar/icons/mail.png) no-repeat scroll 0px 51%; padding-left: 20px}
.img-albums{background:transparent url(/i/userbar/icons/albums.png) no-repeat scroll 0px 50%; padding-left: 20px}
.img-notepad{background:transparent url(/i/userbar/icons/notepad.png) no-repeat scroll 0px 50%; padding-left: 20px}
.img-friends{background:transparent url(/i/userbar/icons/friends.png) no-repeat scroll 0px 50%; padding-left: 20px}
.img-close{background:transparent url(/i/userbar/icons/close.png) no-repeat scroll 0px 50%; padding-left: 20px}
.img-registration{color:#DB1915!important;background:transparent url(/i/userbar/icons/plus.png) no-repeat scroll 0px 50%; padding-left: 20px}
.img-restore{background:transparent url(/i/userbar/icons/restore.png) no-repeat scroll 0px 50%; padding-left: 20px;margin-left:10px}

.padding-small-horizontal{padding-top:5px;padding-bottom:5px}
.padding-small-vertical{padding-left:5px;padding-right:5px}
.padding-small-bottom{padding-bottom:5px}

a.paginator-page {
		display: inline-block;
		height: 22px;
		line-height: 22px;
		background-color: #B0C85A;
		color: #fff;
		text-shadow: 1px 1px #999; border-radius: 5px;
		padding: 0 8px;
}

span.message_rating_block {
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}

	span.message_rating_block > acronym {
		-webkit-user-select: none;
			-ms-user-select: none;
		   -moz-user-select: none;
			 -o-user-select: none;
				user-select: none;

		cursor: pointer;
		vertical-align: middle;
		display: inline-block;
		width: 18px;
		height: 18px;
		background: url(//img.localhost/rating.png?v3) -18px 0;
	}

	span.message_rating_block > acronym:first-child {
		background-position: 0 0;
	}

	span.message_rating_block > acronym + acronym {
		margin-left: 2px;
	}

span.message_rating_current {
	cursor: pointer;

	-webkit-user-select: none;
	    -ms-user-select: none;
	   -moz-user-select: none;
	     -o-user-select: none;
	        user-select: none;

	vertical-align: middle;
	height: 16px;
	line-height: 16px;
	display: inline-block;

	padding: 0 5px;
	margin-right: 5px;

	border: 1px solid #B9BEAD;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}

	span.message_rating_current {
		color: #5A6633;

		text-shadow: 0 1px 0px #fff;

		background: #e6e9de;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTlkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NlYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #e6e9de 0%, #cccec6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e9de), color-stop(100%,#cccec6));
		background: -webkit-linear-gradient(top,  #e6e9de 0%,#cccec6 100%);
		background: -o-linear-gradient(top,  #e6e9de 0%,#cccec6 100%);
		background: -ms-linear-gradient(top,  #e6e9de 0%,#cccec6 100%);
		background: linear-gradient(to bottom,  #e6e9de 0%,#cccec6 100%);
	}

	span.message_rating_current.good {
		border-color: #CEDDA8;

		color: #fff;

		text-shadow: none;

		background: #c9de96;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZGU5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhhYjY2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgyMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #c9de96 0%, #8ab66b 44%, #398235 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235));
		background: -webkit-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%);
		background: -o-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%);
		background: -ms-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%);
		background: linear-gradient(to bottom,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	}

	span.message_rating_current.poor {
		border-color: #A82D48;

		color: #fff;

		text-shadow: none;

		background: #a90329;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
		background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
		background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
		background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
		background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%);

	}

.cf {zoom: 1} .cf:before, .cf:after {content: ' '; display: table} .cf:after {clear: both}

/* --------------
 * Заголовки
 * -------------- */

.header {
	color: #555;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

	.header_big {
		font-size: 24px;
		line-height: 26px;
		margin: 0 0 15px;
	}

	.header_medium {
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 10px;
	}

	.header_small {
		font-size: 16px;
		line-height: 22px;
		margin: 0 0 5px;
	}

	.header_top {
		margin-top: 20px;
	}

.header-description {
	color: #999;
	padding: 0;
	margin: -10px 0 15px;
	display: block;
	font: normal 16px/18px 'PT Sans', sans-serif;
}

.header-tabs {
	height: 30px;
	line-height: 30px;
	margin-bottom: 15px;
}

.header-tabs .header-tabs_tab {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #333;
	text-shadow: 1px 1px 0 #fff;

	background: #fcfcfc;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom, #fcfcfc 0%,#f2f2f2 100%);
	border: 1px solid #eee;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

.header-tabs .header-tabs_tab.active,
.header-tabs .header-tabs_tab:hover {
	color: #777;
	background: transparent;
}

.header-tabs .header-tabs_tab + .header-tabs_tab {
	margin-left: 10px;
}

/* --------------
 * Формы
 * -------------- */

.form_big {
	width: 650px;
	margin: 0 auto;
}

.form_light {
	width: 580px;
}

.form_flex {
	width: 100%;
}

.form_light > table,
.form_flex > table,
.form_big > table {
	width: 100%;
	border-collapse: collapse;
}

.form_medium {
	width: 545px;
	margin: 0 auto;
}

.form-label {
	font-weight: bold;
	padding: 10px 15px 0 0;
	text-align: right;
	vertical-align: top;
	width: 1%;
    white-space: nowrap;
}

.form_flex .form-label {
    width: 20%;
}

.form_flex__bigger .form-label {
	width: 30%;
}

.form-field {
	line-height: 30px;
	padding: 2px 0;
}

	.form-field .input-field {
		vertical-align: top;
	}

		.form-field > small {
			color: #999;
			display: block;
			padding: 0 5px 5px 5px;
			font-size: 11px;
			line-height: 14px;
		}

.form-label_multi-line {
	line-height: 16px;
}

.form-field-label {
	display: block;
	position: relative;
	margin-left: 20px;
}

.form-field-label input {
	position: absolute;
	top: 7px;
	left: -18px;
	padding: 0;
	margin: 0;
}

.form-buttons {
	padding: 20px 0;
}

.input-field {
	font-family: "Trebuchet MS", sans-serif;
	background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #CCCCCC;
  color: #555555;
  display: block;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  padding: 6px 12px;
  width: 100%;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-transition: box-shadow .5s;
	   -moz-transition: box-shadow .5s;
	    -ms-transition: box-shadow .5s;
	     -o-transition: box-shadow .5s;
			    transition: box-shadow .5s;
}

.input-field_textarea,
textarea.input-field {
	resize: vertical;
	height: auto;
	line-height: 20px;
}

.input-field_select,
select.input-field {
	display: inline-block;
	vertical-align: top;
}

.input-field_textarea input {
	resize: none;
}

.input-field.error {
	border-color: #DF7273 !important;

	-webkit-box-shadow: 0 0 2px rgba(223, 114, 115, 0.49) inset !important;
	   -moz-box-shadow: 0 0 2px rgba(223, 114, 115, 0.49) inset !important;
			    box-shadow: 0 0 2px rgba(223, 114, 115, 0.49) inset !important;
}

.input-field:active,
.input-field:focus,
.input-field:hover {
	border-color: #0CB8D9;

	-webkit-box-shadow: 0 0 1px 0 #0CB8D9;
	   -moz-box-shadow: 0 0 1px 0 #0CB8D9;
	        box-shadow: 0 0 1px 0 #0CB8D9;
}

.input-field[disabled],
.input-field[readonly],
fieldset[disabled] .input-field {
	border-color: #CCCCCC !important;
	background-color: rgba(250, 250, 250, .1);
	cursor: not-allowed;
	opacity: 1;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
}

/* --------------
 * Формы
 * -------------- */

.btn {
	vertical-align: baseline;
	display: inline-block;

	-webkit-appearance: none;
	   -moz-appearance: none;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-transition: box-shadow .5s;
	   -moz-transition: box-shadow .5s;
	    -ms-transition: box-shadow .5s;
	     -o-transition: box-shadow .5s;
	        transition: box-shadow .5s;

	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	     -o-user-select: none;
	        user-select: none;

	border: 0;
	margin: 0;
	cursor: pointer;
}

.btn_upload {
	position: relative;
	overflow: hidden;
}

.btn_upload[data-file]:after {
	content: attr(data-file);
	display: inline-block;
	vertical-align: baseline;
	opacity: .8;
	margin-left: 5px;
}

.btn_upload input {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20em;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}

.btn_primary {
	background: #0CB8D9;
	text-shadow: none;
	color: #fff !important;
}

.btn_green {
	background: #bdd662;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2JkZDY2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGM4NWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #bdd662 1%, #b0c85a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#bdd662), color-stop(100%,#b0c85a));
	background: -webkit-linear-gradient(top, #bdd662 1%,#b0c85a 100%);
	background: -o-linear-gradient(top, #bdd662 1%,#b0c85a 100%);
	background: -ms-linear-gradient(top, #bdd662 1%,#b0c85a 100%);
	background: linear-gradient(to bottom, #bdd662 1%,#b0c85a 100%);

	color: #fff !important;
	text-shadow: 1px 1px 0 #b0c85a;
}

.btn_gray {
	background: #f2f2f2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e4e4e4));
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#e4e4e4 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%,#e4e4e4 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%,#e4e4e4 100%);
	background: linear-gradient(to bottom, #f2f2f2 0%,#e4e4e4 100%);

	color: #444 !important;
	text-shadow: 1px 1px 0 #fff;
}

.btn_orange {
	background: #fed776;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZDc3NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWExM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fed776 0%, #f5a13b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed776), color-stop(100%,#f5a13b));
	background: -webkit-linear-gradient(top, #fed776 0%,#f5a13b 100%);
	background: -o-linear-gradient(top, #fed776 0%,#f5a13b 100%);
	background: -ms-linear-gradient(top, #fed776 0%,#f5a13b 100%);
	background: linear-gradient(to bottom, #fed776 0%,#f5a13b 100%);

	color: #FFF !important;
	text-shadow: 1px 1px 0 #f2912f;
}

.btn_red {
	background: #df7273;
	/*border-bottom: 2px solid #bd6363;*/
	color: #fff !important;
	text-shadow: none;
}

.btn_small {
	font: 12px/20px "Trebuchet MS", sans-serif !important;
	height: 20px;
	padding: 0 6px;
	border-radius: 3px;
}

.btn_medium {
	font: 13px/25px "Trebuchet MS", sans-serif !important;
	height: 25px;
	padding: 0 8px;
	border-radius: 3px;
}

.btn_big {
	font: 14px/30px "Trebuchet MS", sans-serif  !important;
	padding: 0 10px;
	border-radius: 4px;
	height: 30px;
}

.btn_large {
	font: 16px/35px "Trebuchet MS", sans-serif  !important;
	padding: 0 12px;
	border-radius: 5px;
	height: 35px;
}

.btn_planet {
	font: 20px/40px "Trebuchet MS", sans-serif  !important;
	padding: 0 14px;
	border-radius: 6px;
	height: 40px;
}

.btn:active,
.btn:hover {
	text-decoration: none;

	-webkit-box-shadow: 0 0 3px rgba(100, 100, 100, .2);
	   -moz-box-shadow: 0 0 3px rgba(100, 100, 100, .2);
	        box-shadow: 0 0 3px rgba(100, 100, 100, .2);
}

.btn[data-input-file] {
	position: relative;
	overflow: hidden;
}

.btn[data-input-file] input {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 200px;
	opacity: 0;
	cursor: pointer;
}

.btn-group .btn + .btn {
	margin-left: 10px;
}

.btn-button-group .btn_disabled {
	opacity: .6;
}

.btn-button-group .btn:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-button-group input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.btn-button-group .btn + .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 1px solid #ccc;
}

/* --------------
 * Содержанеи
 * -------------- */

.page {zoom: 1} .page:before, .page:after {content: ' '; display: table} .page:after {clear: both}

.page + .header {margin-top: 20px}

/* --------------
 * Таблицы
 * -------------- */

.table {
	width: 100%;
	table-layout: fixed;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.table,
.table tbody,
.table thead,
.table tfoot,
.table td,
.table tr {
	margin:  0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.table > thead > tr {
	border-bottom: 1px solid #C0D776;
}

.table > thead > tr > th {
	color: #5A6633;
	font-weight: normal;
	font-size: 16px;
	padding: 10px 5px;
	text-align: left;
	background: rgba(176,199,90,0.15);
	text-shadow: none;
}

.table > tbody > tr { border-bottom: 1px solid rgba(176, 199, 90, .1); }
.table > tbody > tr:last-child { border-bottom-width: 1px }
.table > tbody > tr > td {padding: 10px 0}
.table > tbody > tr > td:first-child {padding-left: 5px}
.table > tbody > tr:hover > td {background: rgba(176,199,90,0.05);}

/* --------------
 * Размеры
 * -------------- */

.span10 {width: 100%}
.span9  {width: 90%}
.span8  {width: 80%}
.span7  {width: 70%}
.span6  {width: 60%}
.span5  {width: 50%}
.span4  {width: 40%}
.span3  {width: 30%}
.span2  {width: 20%}
.span1  {width: 10%}

/* --------------
 * Список новостей
 * -------------- */

/* Список новостей */
.news__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.news__list article + article {margin-top: 20px}
	.news__list header a {font-size: 14px; text-decoration: underline}
	.news__list p {color: #999; margin: 5px 0 0}
	.news__list p + p {color: #444}

/* Просмотр 1 новости */
.news__item > p {
	margin: 5px 0 0;
	color: #999;
}
	.news__item header {color: #282C03}
	.news__item > p + div {color: #444}
	.news__item > p + div p {margin: 0 0 15px}

/* --------------
 * Utils
 * -------------- */

.m10   {margin: 10px}
.mt10  {margin-top: 10px}
.mb10  {margin-bottom: 10px}
.mtb10 {margin: 10px 0}
.ml10  {margin-left: 10px}
.mr10  {margin-right: 10px}

.m5  {margin: 5px}
.mt5 {margin-top: 5px}
.mb5 {margin-bottom: 5px}
.ml5 {margin-left: 5px}
.mr5 {margin-right: 5px}

.p5  {padding: 5px}
.pt5 {padding-top: 5px}
.pb5 {padding-bottom: 5px}

.p10 {padding: 10px}

.c_gray {color: #ccc}

.va_text-bottom { vertical-align: text-bottom }
.va_middle { vertical-align: middle }
.va_text-top { vertical-align: text-top }
.va_top { vertical-align: top }
.va_bottom { vertical-align: bottom }

.a_center { text-align: center }
.a_left { text-align: left }
.a_right { text-align: right }

.text-decoration_none { text-decoration: none !important }
.text-decoration_underline { text-decoration: underline !important }


.checkbox {
	display: inline-block;
	vertical-align: baseline;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	background: #BDD662;
	position: relative;
}

.checkbox input {
	width: 20px;
	height: 20px;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	cursor: pointer;
}

.checkbox i {
	display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  margin: 2px;
	border-radius: 4px;
	border: 2px solid #FFF;
	background: #ECF7C4;
}

.checkbox input:checked + i {
	background: #BDD662;
}

.b-cloud {
  width: 380px;
  font: 12px/18px "Trebuchet MS", Arial, sans-serif;
}

.b-cloud + .b-cloud {
  margin-top: 10px;
}

.b-cloud__content {
  cursor: pointer;
  background: #FFF;
  padding: 10px;
  border: 1px solid #EAF2D0;
  border-radius: 10px;
  position: relative;
  margin-bottom: 5px;
  color: #5A6633 !important;
  display: block;
  text-decoration: none !important;
  word-wrap: break-word;
}

.b-cloud__content:before,
.b-cloud__content:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -13px;
  left: 15px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #FFF;
}

.b-cloud__content:before {
	border-top-color: #EAF2D0;
	bottom: -15px;
}

.b-cloud__content > :first-child {
  display: block;
  color: #8AA042;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

.b-cloud__content > :last-child {
  color: rgba(90, 102, 51, 0.65);
  text-decoration: underline;
  white-space: nowrap;
  display: block;
}

.b-cloud__stats {
  position: relative;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
}

.b-cloud__stats time {
  float: right;
  color: #ccc;
}

/**
 * =================================
 * = Дополнительные стили для форума
 * =================================
 */

/* Цитат */

.b-quote {
	border-radius: 10px;
	background: rgba(230, 233, 222, 0.5);
	font-style: italic;
	margin: 18px 0;
	padding: 10px 10px 10px 40px;
	position: relative;
	word-wrap: break-word;
}

.b-quote:first-child {
	margin-top: 0;
}

.b-quote:before {
	display: block;
	content: "\201C";
	font-size: 38px;
	line-height: 38px;
	position: absolute;
	left: 9px;
	top: 7px;
	color: #7a7a7a;
}

.b-quote cite {
	font-weight: bold;
	font-style: normal;
	display: block;
}


/* Картинки */

.b-forum-image {
	max-width: 100%;
	vertical-align: top;
	display: block;
	margin: 5px 0;
}

/* Видео */

.b-forum-video {
	width: 480px;
	height: 360px;
	position: relative;
	margin: 5px 0;
}

.b-forum-video:before {
	content: 'Play';
	display: inline-block;
	cursor: pointer;
	color: #fff;
	background: rgba(0, 0, 0, .4);
	border-radius: 10px;
	width: 200px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -100px;
	text-align: center;
}

.b-forum-video img {
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0, 0, 0, .2);
	border-radius: 5px;
	display: inline-block;
	vertical-align: top;
	line-height: 0;
}

.b-forum-video iframe {
	position: absolute;
	top: 0;
	left: 0;
}

.b-forum-video textarea {
	display: none;
}

.b-forum-spoiler {
	color: transparent;
	text-shadow: 0 0 9px #5a6633;

	-webkit-transition: color .2s ease, text-shadow .2s ease;
	   -moz-transition: color .2s ease, text-shadow .2s ease;
	    -ms-transition: color .2s ease, text-shadow .2s ease;
	     -o-transition: color .2s ease, text-shadow .2s ease;
	        transition: color .2s ease, text-shadow .2s ease;
}

.b-forum-spoiler * {
	-webkit-transition: opacity .2s ease;
	   -moz-transition: opacity .2s ease;
	    -ms-transition: opacity .2s ease;
	     -o-transition: opacity .2s ease;
	        transition: opacity .2s ease;

	opacity: 0;
}

.b-forum-spoiler:hover {
	color: #5a6633;
	text-shadow: none;
}

.b-forum-spoiler:hover * {
	opacity: 1;
}


/* Код */

.b-forum-code {
	border-radius: 5px;
	background: rgba(230, 233, 222, 0.5);
	max-width: 100%;
	padding: 10px;
	margin: 5px 0;
	white-space: -moz-normal;
	white-space: -o-normal;
	white-space: normal;
	word-wrap: break-word;
}

/* Параграф */

.b-form-paragraph {
	margin: 18px 0;
}

.b-form-paragraph:first-child {
	margin-top: 0;
}

/* Рубль */

.icon-ruble:before {
	vertical-align: text-bottom;
}

/* Листалка */

.pagination {
	font: 16px/22px "PT Sans", sans-serif;
	text-align: center;
	padding: 20px 0px;
	background: #f9f9f9;
	border-radius: 5px;
	margin-top: 20px;
}

.pagination_compact {
	margin: 0;
	padding: 0;
	background: transparent;
}

.pagination__page {
	display: inline-block;
	vertical-align: top;
	min-width: 35px;
	height: 35px;
	border: 2px solid rgba(195, 218, 121, 0.45);
	color: rgb(90, 102, 51) !important;
	line-height: 32px;
	border-radius: 5px;
	text-decoration: none !important;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.pagination_compact .pagination__page {
	height: 30px;
	line-height: 28px;
	min-width: 30px;
	font-size: 14px;
}

.pagination__page_current,
.pagination__page.active {
	border-color: transparent;
}

.pagination__page_current {
	background: rgb(195, 218, 121);
}

.pagination__page.active {
	background: rgba(195, 218, 121, 0.45);
}

.pagination__page + .pagination__page {
	margin-left: 10px;
}

/**
 * ===========================================
 * Строка со статьей или новостью
 * Используется для списка статей или новостей
 * ===========================================
 */

.articles:before,
.articles:after {
	content: '';
	display: table;
	clear: both;
}


/**
 * ===========================================
 * Строка со статьей или новостью
 * Используется для списка статей или новостей
 * ===========================================
 */

.article-row {
	font: 14px/18px "PT Sans", sans-serif;
	position: relative;
}

.article-row:before,
.article-row:after {
	content: ' ';
	display: table;
	clear: both;
}

.article-row:not(:last-child) {
	 border-bottom: 1px solid #ccc;
	 margin-bottom: 25px;
	padding-bottom: 25px;
}

.article-row_small:not(:last-child) {
	padding-bottom: 15px;
	 margin-bottom: 15px;
}

.article-row_iconify {
	padding-left: 20px;
}

.article-row > noindex a {
	position: absolute;
	top: -5px;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	cursor: pointer;
}

.article-row:not(:last-child) noindex a {
	bottom: 20px;
}

.article-row figure {
	display: none
}

.article-row h1,
.article-row h2 {
	font-size: 18px;
	line-height: 20px;
	padding: 0 0 2px;
	margin: 0;
	font-weight: normal;
}

.article-row_small h1,
.article-row_small h2 {
	font-size: 16px;
	line-height: 18px;
}

.article-row h1 a,
.article-row h2 a {
	color: #8AA042;
}

.article-row .icon {
	display: none;
}

.article-row_iconify .icon-earth {
	color: rgba(138, 160, 66, 0.61);
	position: absolute;
	display: block;
	left: 0;
	top: 2px;
	font-size: 14px;
}

.article-row aside {
	font-size: 12px;
	padding: 0 0 2px;
}

.article-row aside time {
	color: #8e8e8e;
}

.article-row aside a {
	color: #7e7e7e;
	margin-left: 5px;
	cursor: pointer;
}

.article-row aside a:before {
	content: '#';
}

.article-row main {
	padding: 0;
	margin: 0;
}

.article-row noindex:hover ~ header a {
	text-decoration: underline;
}

.article-row_figure figure {
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	padding: 0;
	margin: 0;
}

.article-row_figure figure img {
	vertical-align: top;
	border-radius: 3px;
	margin-top: 3px;
}

.article-row_figure header,
.article-row_figure main {
	margin-left: 130px;
}

/**
 * ===========================================
 * Полная новость или статья
 * Используется для отрисовки статьи или новости
 * ===========================================
 */

.article {
	font: 16px/20px "PT Sans", sans-serif;
	position: relative;
}

.article header aside {
	font-size: 14px;
	margin: 2px 0;
}

.article header aside time {
	color: #8e8e8e;
}

.article header aside a {
	color: #7e7e7e;
	margin-left: 5px;
	cursor: pointer;
}

.article header aside a:before {
	content: '#';
}

.article header .addthis_toolbox {
	width: 216px;
	height: 32px;
	float: right;
}

.article main {
	padding: 0;
	margin: 10px 0 0;
}

.article main h1 {
	font-size: 18px;
}

.article main p {
	margin: 0 0 15px;
}

.article main img {
	padding: 0;
	margin: 5px;
}


/**
 * ===========================================
 * Обновление на форуме
 * Используется для отображения новых сообений
 * ===========================================
 */


.forum-update-row {
	    font: 14px/18px "PT Sans", sans-serif;
	position: relative;
}

.forum-update-row:not(:last-child) {
	 border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	 margin-bottom: 15px;
}

.forum-update-row_iconify {
	padding-left: 20px;
}

.forum-update-row_iconify .icon-bubble2 {
	    color: rgba(138, 160, 66, 0.61);
	 position: absolute;
	     left: 0;
	      top: 2px;
	font-size: 14px;
}

.forum-update-row__header {
	  font-size: 16px;
	line-height: 18px;
	    padding: 0 0 2px;
	     margin: 0;
	font-weight: normal;
}

.forum-update-row__header a {
  color: #8AA042;
}

.forum-update-row__stats {
	font-size: 12px;
	padding: 0 0 2px;
}

.forum-update-row__stats time {
	color: #8e8e8e;
	margin-right: 10px;
}

/**
 * ===========================================
 * Хлебные крошки
 * ===========================================
 */

.breadcrumbs {
	overflow: hidden;
	font-size: 0;
	line-height: 20px;
}

.breadcrumbs:before {
	content: '»» ';
}

.breadcrumbs__separator:before {
	content: ' » ';
}

.breadcrumbs:before,
.breadcrumbs__separator:before,
.breadcrumbs__link {
	font-size: 12px;
	color: #999;
}

.breadcrumbs__link {
	text-decoration: none;
}

.breadcrumbs__link:hover {
	text-decoration: underline;
}

/**
 * ===========================================
 * Профиль пользователя
 * ===========================================
 */

.profileHeader {
	position: relative;
	margin-bottom: 25px;
}

.profileHeader:before,
.profileHeader:after {
	content: '';
	clear: both;
	display: table;
}

.profileHeader__background {
	position: relative;
	height: 130px;
	border-radius: 6px 6px 0 0;
	background: #C5DC7B;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,#c5dc7b 0%,#aec564 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#C5DC7B),color-stop(100%,#AEC564));
	background: -webkit-linear-gradient(top,#C5DC7B 0%,#AEC564 100%);
	background: -o-linear-gradient(top,#c5dc7b 0%,#aec564 100%);
	background: -ms-linear-gradient(top,#c5dc7b 0%,#aec564 100%);
	background: linear-gradient(to bottom,#C5DC7B 0%,#AEC564 100%);
}

.profileHeader__name {
	position: absolute;
	bottom: 30px;
	left: 140px;
	font-size: 26px;
	line-height: 40px;
	color: #fff !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
}

.profileHeader__lastVisit {
	position: absolute;
	bottom: 15px;
	left: 140px;
	font-size: 14px;
	line-height: 20px;
	color: rgba(255, 255, 255, .9);
}

.profileHeader__avatar {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 20px;
	bottom: -20px;
}

.profileHeader__avatar a,
.profileHeader__avatar img {
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.profileHeader__avatar img {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}

.profileHeader__menuContainer {
	border: 1px solid #C9C9C9;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 6px 6px;
	height: 40px;
	background: #FCFAFA;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#fcfafa 0%,#eae9e9 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FCFAFA),color-stop(100%,#EAE9E9));
  background: -webkit-linear-gradient(top,#FCFAFA 0%,#EAE9E9 100%);
  background: -o-linear-gradient(top,#fcfafa 0%,#eae9e9 100%);
  background: -ms-linear-gradient(top,#fcfafa 0%,#eae9e9 100%);
  background: linear-gradient(to bottom,#FCFAFA 0%,#EAE9E9 100%);
}

.profileHeader__menuLink {
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
	font-size: 16px;
	color: #787878 !important;
	text-decoration: none !important;
	padding: 0 10px;
}

.profileHeader__menuLink.active {
	background: rgba(150, 150, 150, .1);
}

.profileHeader__menuLink:hover {
	background: rgba(100, 100, 100, .1);
}

.profileHeader__menuLink:first-child {
	margin-left: 140px;
}

.profileHeader__actions {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.profileHeader__actions .btn {
	vertical-align: top;
}

.profileHeader__actions .btn + .btn {
	margin-left: 10px;
}

/**
 * ===========================================
 * Список комментариев
 * ===========================================
 */

.externalComment {
	padding-left: 85px;
}

.externalComment_small {
	padding-left: 45px;
}

.externalComment + .externalComment {
	margin-top: 15px;
}

.externalComment__avatar {
	float: left;
	margin-left: -85px;
	width: 72px;
	height: 72px;
}

.externalComment_small .externalComment__avatar {
	margin-left: -45px;
	width: 40px;
	height: 40px;
}

.externalComment__avatar img {
	vertical-align: top;
	border-radius: 3px;
	width: 100%;
}

.externalComment__author {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 5px;
	color: #454545
}

.externalComment_small .externalComment__author {
	font-size: 14px;
	line-height: 20px;
}

.externalComment__time {
  color: #999;
  font-size: 13px;
}

.externalComment__time:before {
	content: '•';
	margin: 0 5px;
}

.externalComment__content {
	background: rgba(247, 250, 239, 0.87);
	padding: 10px;
	border-radius: 5px;
}

/**
 * ===========================================
 * Список пользователей
 * ===========================================
 */

.usersCollection {

}

.usersCollection:before,
.usersCollection:after {
	clear: both;
	display: table;
	content: '';
}

.usersCollection__user {
	width: 33.333333%;
	float: left;
	padding-left: 85px;
	margin-bottom: 20px;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.usersCollection__avatar {
	float: left;
	margin-left: -85px;
	width: 72px;
	height: 72px;
}

.usersCollection__avatar img {
	vertical-align: top;
	border-radius: 10px;
	width: 100%;
}

.usersCollection__info {
	font-size: 12px;
	line-height: 18px;
}

.usersCollection__row + .usersCollection__row {
	margin-top: 5px;
}

.usersCollection__row_userName {
	font-size: 16px;
}

.usersCollection__row span {
	display: inline-block;
	vertical-align: top;
	line-height: 16px;
	border: 0;
}

/**
 * ===========================================
 * Дружба
 * ===========================================
 */

.friendship:before {
	content: 'Добавить в друзья';
}

.friendship.active:before {
	content: 'Удалить из друзей';
}

