html,body{
	height:100%;
	padding:0;
	margin:0
	}

body{
	font-family:Arial;
	font-size:.8em;
     background: #edeef0;
     width: 100%;  !important;
	}

/* Body class*/

#wrap_preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0px auto;
    background: #282828;
    opacity:0.9;
    z-index: 9999;
    text-align: center;
    color: #fff;
    letter-spacing: 5px;
    font-family: arial;
    font-size: 30px;
    padding-top: 260px;
  }

h2 {
    text-align: center;
    color: #404060;
}

.divH2 {
margin-top:10px;
font-size: 1.5em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
text-align: center;
color: #404060;
}

.tableBody {
margin: 0px auto;border-spacing:0px;
}

.toolbar{
  min-height:34px;
  height:auto;
  color:#FFFFFF;
  text-align:center;
  background: #000000;
background: -webkit-linear-gradient(top,#32374a,#0c1224); /*Safari 5.1-6*/
background: -o-linear-gradient(top,#32374a,#0c1224); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,#32374a,#0c1224); /*Fx 3.6-15*/
background: linear-gradient(to bottom, #32374a, #0c1224); /*Standard*/
border-top: 1px solid #9e9e9e;
  width: 100%;
  margin: 0px auto;
  position:relative;
}

.toolbarContent{
position:relative;
padding-top:2px;
  min-height:34px;
  height:auto;
  text-align:center;
  margin: 0px auto;
  vertical-align:middle;

}

.toolbarLeft{
  min-height:34px;
  height:auto;
  text-align:left;
  min-width: 90px;
  max-width: 130px;
  width: auto;
  margin: 0px auto;
 /* border: 1px #FFF solid;*/
    display:inline-block;
}

.home{
height:20px;
  width:18px;
  background: url(../images/home.png) 50% 50% no-repeat;
  vertical-align: middle;
     display:inline-block;
}

.home:hover{
  height:20px;
  width:18px;
  background: url(../images/home_hover.png) 50% 50% no-repeat;

}

.showLS {
position:relative;
    background: #DF314D;
    border-radius: 3px;
    position: relative;
    padding: 4px 3px;
    cursor:pointer;
     vertical-align: middle;
     display:inline-block;
     height:20px;
  width:20px;
}

.uvedCount{
    display:none;
	position: absolute;
	z-index: 1;
    right: -7px;
    top: -3px;
	height:16px;
	min-width:16px;
	width:auto;
	text-align:center;
	vertical-align:middle;
	line-height:16px;
	padding:0 1px 0 1px;
    background: #e40019;
    border: 1px solid green;
    border-radius: 7px;
    color:#FFFFFF;
    font-family:Tahoma;
    FONT-SIZE: 11px;
    font-weight:bold;
}

.bar {
background: url(../images/bar.png) 50% 0px no-repeat;
 display: block;
 width: 20px;
 height: 20px;
}

.topNews {
background: url(../images/top.png) 50% 0px no-repeat;
 display: block;
 width: 20px;
 height: 20px;
}

.LSButton {
background: url(../images/msngr.png) 50% 0px no-repeat;
 display: block;
 width: 20px;
 height: 20px;
}

.toolbarLink{
  min-height:34px;
  height:auto;
  text-align:center;
  margin: 0px auto;
 /* border: 1px #FFF solid; */
    display:inline-block;
   vertical-align:middle;
width:auto;
}

.SearchButton {
 position:relative;
 height:20px;
  width:20px;
  background: url(../images/searchIcon.png) 50% 50% no-repeat;
  vertical-align: middle;
     display:inline-block;
     cursor:pointer;
 }

  .SearchButton:hover {
    background: url(../images/searchIconHover.png) 50% 50% no-repeat;
}

.MenuButton {
 position:relative;
 height:20px;
  width:22px;
  background: url(../images/menu.png) 50% 50% no-repeat;
  vertical-align: middle;
     display:inline-block;
     cursor:pointer;
 }

  .MenuButton:hover {
    background: url(../images/menu_hover.png) 50% 50% no-repeat;
}

.showSearchButton {
 position:absolute;
 left:50%; margin-left:-110px;
 width:auto;
 height:auto;
 background-color: #000;
 border:1px solid #bababa;
 text-align: center;
 line-height:25px;
 border-radius: 2px;
 z-index:1350;
 }

 .toolbarSearch {
 display:inline-block;
  height:100%;
  width:210px;
  line-height:34px;
   margin-right:10px;
}

.inputSearch {

	border:none;
  outline: none;
  padding-left: 3px;
  height:16px;
  width:130px;
  color:#666666;
  font-family:Tahoma;
  FONT-SIZE: 11px;
  border-radius:3px;
}
.buttonSearch {
margin-bottom:1px;
vertical-align:middle;
border:none;
  outline: none;
  height:18px;
  width:68px;
  border-radius:3px;
}

.toolbarIcon{
  min-height:34px;
  height:auto;
  text-align:center;
  margin: 0px auto;
   margin-right:5px;
/* border: 1px #FFF solid; */
    display:inline-block;
     vertical-align:middle;
min-width: 90px;
max-width: 210px;
width:auto;
}

.toolbarIcon:before, .toolbarLeft:before, .toolbarRight:before {
	content:''; /* и */
	height: 100%; /* вот */
	display: inline-block; /* оно! */
    vertical-align:middle;
}

 .FileButton {
 position:relative;
 height:20px;
  width:20px;
  background: url(../images/fileIcon.png) 50% 50% no-repeat;
  vertical-align: middle;
     display:inline-block;
     cursor:pointer;
 }

  .FileButton:hover {
    background: url(../images/fileIconHover.png) 50% 50% no-repeat;
}

.quoteim{
	position: relative;
	cursor:pointer;
  height:30px;
  width:26px;
  background: url(../images/quote.png) 50% 50% no-repeat;
  vertical-align: middle;
     display:inline-block;
}
.uvedim{
	position: relative;
	cursor:pointer;
    vertical-align: middle;
     display:inline-block;
  height:30px;
  width:26px;
  background: url(../images/uved.png) 50% 50% no-repeat;
}
.profim{
 vertical-align: middle;
     display:inline-block;
  height:30px;
  width:26px;
  background: url(../images/prof.png) 50% 50% no-repeat;
  cursor: pointer;
}
.exit{
  vertical-align: middle;
     display:inline-block;
  height:30px;
  width:26px;
  background: url(../images/exit.png) 50% 50% no-repeat;
  cursor: pointer;
}
.enter{
 vertical-align: middle;
     display:inline-block;
  height:30px;
  width:35px;
  background: url(../images/enter.png) 50% 50% no-repeat;
  cursor: pointer;
}
.quoteicon{
	position: relative;
	cursor:pointer;
  display:inline-block;
  height:20px;
  width:27px;
  background: url(../images/quoteicon_hover.png) 50% 50% no-repeat;
  vertical-align:top;
}

.quoteim:hover{
	position: relative;
  display:inline-block;
  height:30px;
  width:26px;
  background: url(../images/quote_hover.png) 50% 50% no-repeat;
}
.uvedim:hover{
  height:30px;
  width:26px;
  background: url(../images/uved_hover.png) 50% 50% no-repeat;
}
.profim:hover{
  height:30px;
  width:26px;
  background: url(../images/prof_hover.png) 50% 50% no-repeat;
  cursor: pointer;
}
.enter:hover{
  height:30px;
  width:35px;
  background: url(../images/enter_hover.png) 50% 50% no-repeat;
  cursor: pointer;
}
.exit:hover{
  height:30px;
  width:26px;
  background: url(../images/exit_hover.png) 50% 50% no-repeat;
  cursor: pointer;
}



.registerText {
font-size: 24px;
    font-weight: normal;
    padding-top: 7px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom:20px;
    text-align:center;

}

.registerForm {
min-height:400px;
height:auto;
text-align:center;
/*border: 1px solid #d6d6d6; */
border-radius: 2px;
min-width:200px;
width:auto;
padding:10px;
}

.registerLogin {
    background: #fafafa url(/images/loginFormIcon.png) no-repeat 7px 7px;
    margin-bottom: 20px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    padding: 6px;
    box-shadow: inset 0 1px 0 0 #e8e8e8;
    padding-left: 34px !important;
    width: 176px;
    vertical-align: middle;
    outline: none;
 }

.selectForm {
    background: #fafafa;
    margin-bottom: 20px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    padding: 6px;
    box-shadow: inset 0 1px 0 0 #e8e8e8;
    width: auto;
    vertical-align: middle;
    outline: none;
 }

 .buttonRegister {
 	background: #fafafa;
 border: 1px solid #d6d6d6;
 border-radius: 2px;
 box-shadow: inset 0 1px 0 0 #e8e8e8;
 padding: 5px;
 width:100px;
 display: inline-block;
 }

.buttonRegister:hover {
background: #d6d6d6;
}

 .registerEmail {
  background: #fafafa url(/images/emailForm.png) no-repeat 7px 7px;
 }

.registerPasswd {
  background: #fafafa url(/images/emailForm.png) no-repeat 7px -43px;
 }
 .ic-bd {
 	z-index:1;
 	position:absolute;
 	border-radius:50%;
 	border: 1px solid #f60404;
 	bottom:-6px;
 	right:-6px;
  height:30px;
  width:30px;
 }
 .regInfo {
 margin-left:5px;
 display: inline-block;
 width:16px;
 height:16px;
 vertical-align: top;
 }

 .regInfoResTrue {
 background: url(../images/regInfoResTrue.png) no-repeat 0px 0px;
 }

  .regInfoResTrue:hover {
 background: url(../images/regInfoResTrue.png) no-repeat 0px -20px;
 }

 .regInfoResFalse {
 background: url(../images/regInfoResFalse.png) no-repeat 0px 0px;
 }

 .regInfoResFalse:hover {
 background: url(../images/regInfoResFalse.png) no-repeat 0px -20px;
 }

.registerIcon{
  vertical-align: middle;
     display:inline-block;
  height:30px;
  width:35px;
  background: url(../images/register.png) 50% 50% no-repeat;
  cursor: pointer;
}
.registerIcon:hover{
  height:30px;
  width:35px;
  background: url(../images/register_hover.png) 50% 50% no-repeat;
  cursor: pointer;
}

.toolbarRight{
position: relative;
  min-height:34px;
  height:auto;
  text-align:center;
  margin: 0px auto;
   vertical-align:bottom;
width: 84px;
}

.brick{
	position: absolute;
    bottom:0;
	height:63px;
	width:84px;
   background: url(../images/brick.png) 50% 50% no-repeat;
}

.display_inline{
	display: inline-block;
}

.display_none{
	display: none;
}

.scrollDown {
cursor:pointer;
position:fixed;
top:70px;
right:5px;
width: 55px;
height: 55px;
}

.menu {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: middle
    }

.logoBody {
width:auto; height:220px; background-color:#FFFFFF;margin: 0px auto;
}

.logoImg {
width:auto; height:220px;
margin: 0px auto;cursor:pointer;
}


.UnderToolbarBody {
z-index:1;
position:absolute;
width:100%;
height:auto;
text-align:center;
bottom:1;
/*border: 1px solid #fff; */
}

.buttonChat {
position:relative;
}

    .window_close {
            /*	border: 1px solid #fff;  */
    display: block;
    cursor: pointer;
    position: absolute;
    right: 5px;
     background: url(../images/close.png) 50% 0px no-repeat;
     width: 1px;
     top: -5px;
     padding: 12px;
    text-align: center;
    }

.infoBlock {
  	display: none;
  	position:absolute;
    min-width:280px;
    max-width:280px;
    height:auto;
    left:50%;
    top:50%;
    margin-left: -160px;
  	padding-top: 10px;
  	z-index:3;
    min-height: 30px;
    max-height: 80%;
  }

  .BodyInfoBlock {
  z-index:3;
    position: relative;
    width: auto;
    min-height: 50px;
    height: auto;
    padding: 3px;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    background: rgba(0,0,0,.8);
    border-radius:3px;
    box-shadow: 1px 2px 7px rgba(0,0,0,.6);
  }

   /*
   .BodyInfoBlock::after {
    content: '';
    position: absolute;
    left: 150px; top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #000;
    opacity: 0.8;
   }
   */
   .userOnlineIcon {
   height:16px;width:16px;background: url(../images/userOnline.png) 50% 50% no-repeat;display:inline-block;
   }
   .userBanIcon {
   padding-left: 23px;height:16px;width:16px;background: url(../images/userBan.png) 50% 50% no-repeat;display:inline-block;
   }
.countUserOnline {
display: inline-block;cursor:pointer;FONT-FAMILY:Trebuchet MS, Helvetica, sans-serif;COLOR: #fff;FONT-SIZE: 13px;padding-left:17px;
}

.avaTooltip {
position:relative;display:inline-block;margin-right:5px;
}

.tooltip {
display:none;
}

.avaTooltip:hover .tooltip {
 display: inline-block;
  padding: 4px 8px;
  min-width:200px;
  max-width:300px;
  width:auto;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 20;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  }

/*.tooltip:hover:after {


}*/

.buttonVictorina, .buttonDD, .buttonChat {
cursor:pointer;
margin: 0px auto;
display:inline-block;
background:#DF314D;
height:25px;
width:80px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
color:#fff;
text-align:center;
line-height:20px;
}

  .toolbarMin{
	position:fixed !important;
top:0; left:0;
	z-index:1200 !important;
min-height:34px;
  height:auto;
color:#FFFFFF;
text-align:center;
background: #000000;
background: -webkit-linear-gradient(top,#32374a,#0c1224); /*Safari 5.1-6*/
background: -o-linear-gradient(top,#32374a,#0c1224); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,#32374a,#0c1224); /*Fx 3.6-15*/
background: linear-gradient(to bottom, #32374a, #0c1224); /*Standard*/
border-top: 1px solid #9e9e9e;
border-bottom: 1px solid #9e9e9e;
min-width: 320px;
width: 100%;

}
.QuoteNotifMsg {
    z-index: 9999;
    display: none;
   margin: 0px auto;
   text-align:center;
    min-width: 200px;
    max-width: 500px;
    width:auto;
    min-height: 30px;
    height: auto;
    padding: 8px;
    margin-top:10px;
    COLOR: #FFFFFF;FONT-SIZE: 13px;FONT-FAMILY: Tahoma;
    background: rgba(0,0,0,.8);
    border-radius:3px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    }

    .bigImgDD {
    z-index: 9999;
    display: none;
   margin: 0px auto;
   text-align:center;
    min-width: 250px;
    max-width: 500px;
    width:auto;
    height: auto;
    padding: 8px;
    margin-top:10px;
    COLOR: #FFFFFF;FONT-SIZE: 13px;FONT-FAMILY: Tahoma;
    background: rgba(0,0,0,.8);
    border-radius:3px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    }
/* /BodyClass*/


/* Header class*/

.logo_style {

position: relative;
text-align:center;
}
.all_content{
	position: relative;
	background: #edeef0;
	padding-left:5px;
	padding-right:5px;
	min-height:800px;
	}
	 .leftColumnBody {
	 position: relative;
	 min-width: 200px;
    max-width: 910px;
    text-align:left;
    vertical-align:top;
    /*border: 1px solid #CCC;*/
    }
    #content {
    position: relative;
    min-width: 200px;
    max-width:1180px;
    width:auto;
    text-align: center;
     margin: 0px auto;
     margin-top:50px;
    }

    .errorBlock {
display:none;width:100%; height:auto;background: rgba(0,0,0,.8); border-radius:5px; padding:5px;
}
/* /Header class*/


/* NEWS */

.s3 {COLOR: #F41111;FONT-SIZE: 24px;FONT-FAMILY: Arial;font-weight:bold;}
.infoNews {COLOR: #A5A5A5;FONT-SIZE: 10px;FONT-FAMILY: Tahoma;padding-left:8px; display:inline-block;width: 85%;word-wrap: break-word;}
.s19 {COLOR: #A5A5A5;FONT-SIZE: 10px;FONT-FAMILY: Tahoma;padding-left:8px;}
.s20 {COLOR: #A5A5A5;FONT-SIZE: 20px;FONT-FAMILY: Tahoma;}
.newsDate {
padding-left:8px;
padding-top:10px;
padding-bottom:10px;
text-align: center;
border-right: 1px solid #D1D1D1;
width:50px;
display: inline-block;
vertical-align: top;}
.s30 {COLOR: #A5A5A5;FONT-SIZE: 10px;FONT-FAMILY: Tahoma;}

.ImageShow {
border-radius: 5px;
}

.Newsview {
display: inline-block;
    font-size: 12px;
    float: left;
    color: #666;
    margin: 0 20px 0 0;
    background: url(/images/views.png) no-repeat left 5px;
    padding: 2px 0 2px 20px;
}

.pagination {
padding-left: 5px;
background: #fff;
border-radius: 2px;
box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
padding-top:15px;
padding-bottom:15px;
}

.paginate {
font-family:Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px;
}

.paginate_str {
    padding:2px 5px 2px 5px;
    margin:2px;
    border:1px solid #999;
    border-radius: 3px;
    text-decoration:none;
    color: #666;
}

.paginate_str:active {
    border: 1px solid #999;
    color: #000;
}



.paginate span.current {
    margin: 2px;
    padding: 2px 5px 2px 5px;
        border: 1px solid #999;
         border-radius: 3px;
        font-weight: bold;
        background: #2793e6;

        color: #FFF;
    }
    .paginate span.disabled {
        padding:2px 5px 2px 5px;
        margin:2px;
        border:1px solid #eee;
        border-radius: 3px;
        color:#DDD;
    }

.paginate_str:hover {
   color: #000;
    background-color: #999;

    }

.RightColumn {
 position: relative;
 padding:5px;
 background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    height: auto;
    width:250px;
 }

.BodyNewsStyle {
 position: relative;
 padding-top:10px;
 background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    padding-left:5px;
    padding-right:5px;

    }

.NewsBottomBorder {
/*margin-top:10px;
border-top: 1px solid #dadada; */
position:relative;
padding-top:15px;
padding-bottom:15px;
width: 100%
}

.NewsContent {
 position: relative;
	color:#000000;
	 FONT-SIZE: 15px;
	font-family: "Arial, Helvetica", sans-serif;
padding-left:15px;
 padding-right:17px;
 margin:10px 0 20px 0;
}
.NewsContent a {
color:#0000FF;
	 FONT-SIZE: 15px;
	font-family: "Arial, Helvetica", sans-serif;
}

.timeNews {
display: inline-block;
font-size: 16px;
    float: left;
    /*margin: 0 20px 0 0; */
    background: url(/images/time.png) no-repeat left 5px;
    padding: 3px 0 2px 16px;
}

 .plus {
 display: inline-block;
 cursor: pointer;
position: relative;
width: 18px;
height: 18px;
background: url(../images/plus.png) 50% 0px no-repeat;
}


.plusNews {
 display: inline-block;
 cursor: pointer;
position: relative;
width: 18px;
height: 18px;
background: url(../images/plusNews.png) 50% 0px no-repeat;
}

 .plus:hover, .plusNews:hover, .plusHover {
 display: inline-block;
 	width: 18px;
height: 18px;
background: url(../images/plus_hover.png) 50% 0px no-repeat;
}

.minus {
	display: inline-block;
	cursor: pointer;
position: relative;
width: 18px;
height: 18px;
background: url(../images/minus.png) 50% 0px no-repeat;
}

.minusNews {
	display: inline-block;
	cursor: pointer;
position: relative;
width: 18px;
height: 18px;
background: url(../images/minusNews.png) 50% 0px no-repeat;
}

.minus:hover, .minusNews:hover, .minusHover {
	display: inline-block;
width: 18px;
height: 18px;
background: url(../images/minus_hover.png) 50% 0px no-repeat;
}

.bayan {
    display: block;
    position: absolute;
    right: 1px;
     background: url(../images/bayan.png) 50% 0px no-repeat;
     width: 150px;
     height: 137px;
     top: 1px;
    }

iframe, video {
	border-radius:5px;
}


.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

   .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
 .mobileVideo {
 padding-bottom: 56.25%;
 }

  .more {
 text-decoration: none;
 cursor:pointer;
 COLOR: #E90202;
 white-space:nowrap;
 overflow:hidden;
 margin-right:6px;
 padding:4px 7px 5px;
 border-radius:2px;
 FONT-SIZE: 15px;FONT-FAMILY: Tahoma;
  }

  .more:hover {
 background-color:#f2f4f7;
  }



.countNewsStyle {
font-size: 14px;line-height: 14px;color:#7d9cb9;padding-top: 3px;
}

.imgBB {
position: relative;
display:inline-block;
}

.numberIMG {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    box-shadow: 0 0 5px rgba(57,70,78,.2);
    background: none repeat scroll 0 0 #fff;
    color: #39464E;
    font-size: 11pt;
    line-height: 10px;
    padding: 10px 0 10px 0;
    left: 0;
    position: absolute;
    top: 0;
    display:none;
    width:100%
    }

  .imgBB:hover .numberIMG{
    display:block;
}

.tagIMG {
    width:278px;
    height:20px;
 }

 .boxInfo {
 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    box-shadow: 0 0 5px rgba(57,70,78,.2);
    background: none repeat scroll 0 0 #fff;
    color: #39464E;
    font-size: 11pt;
    left: 0;
    line-height: 10px;
    padding: 6px;
    position: absolute;
    bottom: 0;
 }
   /* .moreNewsBody:hover .tagIMG {
     display:block;
    }   */


   .tagIMGcontent {
   /*	border-radius:5px 5px 0 0; */
   	cursor:pointer;
    width:100%;height:100%;
   	background: rgba(0,0,0,.8);
   	margin: 0px auto;
   	text-align: center;
   	overflow-x: hidden;
   	overflow-y: hidden;
   	FONT-FAMILY:Trebuchet MS, Helvetica, sans-serif;
   	COLOR: #bababa;
   	FONT-SIZE: 15px;
   }

   .tagsIMG {
   	width:100%;height:100%;
   }

  a img {
    border:none;
    outline:0;
   }

.delButtonBlack {
	display:none;
	height: 16px;
    width: 16px;
    background: #1d2022 url(../images/cross_delete_user.png) no-repeat 50%;
    border-radius: 0 3px 0 3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: pointer;
    transition: opacity 0.15s ease;
position:relative;
}
/*
.showInfo:hover .photoDelButton {
 opacity: 0.6;
    filter: alpha(opacity=60);
}
 */
.delButtonBlack:hover {
    opacity: 0.85!important;
    filter: alpha(opacity=85)!important;
}

 .buttonForVideo {
    position: absolute;
    right: 0;left: 5px;z-index: 9999;
    cursor:pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: rgba(0,0,0,.5) url(/images/video_stop_small.png) 50% 50% no-repeat;
    -o-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    will-change: opacity;
}

.page_gif_play_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #000;
    background: rgba(0,0,0,.5) url(/images/video_play_small.png?1) 19px 13px no-repeat;
    -o-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    will-change: opacity;
}

.page_gif_label {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: #000;
    background: rgba(0,0,0,.4);
    border-radius: 2px;
    padding: 4px 7px 5px;
    color: #fff;
    color: hsla(0,0%,100%,.8);
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    pointer-events: none;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    text-overflow: ellipsis;
    max-width:300px;
}

.copyresl {
	position: absolute;
display:none;z-index: 9999;right: 0;left: 50px; top:15px; width:120px;
    background: rgba(0,0,0,.5);
    border-radius: 2px;
    padding: 4px 7px 5px;
    color: #fff;
    color: hsla(0,0%,100%,.8);
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    pointer-events: none;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}
.load{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);
  /*change these sizes to fit into your project*/
  width:50px;
  height:50px;
}
.load hr{border:0;margin:0;width:40%;height:40%;position:absolute;border-radius:50%;animation:spin 2s ease infinite}

.load :first-child{background:#19A68C;animation-delay:-1.5s}
.load :nth-child(2){background:#F63D3A;animation-delay:-1s}
.load :nth-child(3){background:#FDA543;animation-delay:-0.5s}
.load :last-child{background:#193B48}

@keyframes spin{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}

#sochknop {
    height:50px;
    margin-top:30px;
    opacity: 0.7;
    -moz-transition: opacity 0.3s 0.05s ease;
    -o-transition: opacity 0.3s 0.05s ease;
    -webkit-transition: opacity 0.3s 0.05s ease;

    }

#sochknop:hover {
 opacity: 1;
 }

#sochknop span {
 padding:0px 0px;

 line-height:20px;
 float:left;
}

.moreNewsText {
FONT-FAMILY:Trebuchet MS, Helvetica, sans-serif;COLOR: #bababa;FONT-SIZE: 20px;margin-bottom:10px;
}

.moreNewsBorder {
border-top: 1px solid #bababa;width:auto;
}

.moreNewsBody {
/*border-radius:5px 5px 0 0;*/
position: relative; margin:5px; vertical-align:top; width:290px;height:200px;
}
/* /NEWS */

/* Footer class */
.rightColumnBody {
	/*border: 1px solid #CCC; */
width:250px;padding-left:5px;text-align:center;vertical-align:top;
}

/* /Footer class */


/* Font class */
.s1 {COLOR: #FFFFFF;FONT-SIZE: 11px;FONT-FAMILY: Tahoma;font-weight:bold;}
.s5 {COLOR: #666666;FONT-SIZE: 24px;FONT-FAMILY: Arial;font-weight:bold;}
.s9 {COLOR: #E90202;FONT-SIZE: 11px;FONT-FAMILY: Arial;}
.s11 {COLOR: #FFFFFF;FONT-SIZE: 11px;FONT-FAMILY: Arial;}
.s21 {COLOR: #FFFFFF;FONT-SIZE: 25px;FONT-FAMILY: Arial;}
.s22 {COLOR: #000000;FONT-SIZE: 11px;FONT-FAMILY: Tahoma;}
.s29 {COLOR: #000000;FONT-SIZE: 18px;FONT-FAMILY: Arial;font-weight:bold;text-decoration:underline;}
.s26 {COLOR: #FFFFFF;FONT-SIZE: 18px;FONT-FAMILY: Tahoma;padding-left:7px;padding-right:7px;background:#7F7F7F;}
/* /Font class */


/* Modal window class*/
.popup-form__row {
    margin: 1em 0
    }
label {
    display: inline-block;
    width: 120px;
    text-align: left
    }

.popup {
    display: inline-block;
    position: relative;
    max-width: 80%;
    padding: 20px;
    vertical-align: middle;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    }

.popup__overlay {
	z-index: 1099;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    /*padding-top: 20px;*/
    width: 100%;
    height: 100%;
    overflow:auto;
    background: rgba(0,0,0,.8);
    text-align: center ;
    }

    .popup__overlay:after {
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle;
        content: '';
    }


.popup__close {
    display: block;
    position: fixed;
    z-index:3000;
    top: 65px;
    right: 20px;
    width: 12px;
    height: 12px;
    padding: 8px;
    border: 5px solid #CCC;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 2px 2px 2px rgba(0,0,0,.4),
                              0 3px 3px     rgba(0,0,0,.4);
    box-shadow:         inset 0 2px 2px 2px rgba(0,0,0,.4),
                              0 3px 3px     rgba(0,0,0,.4);
    cursor: pointer;
    background: #CCC;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #444;
    text-decoration: none;
    font-weight: bold;
    }
    .popup__close:hover {
        background: #ddd ;
        }
#okno {
text-align: left;
}
/* /Modal window class*/




/* Left Menu class*/

.cbp-spmenu {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
	/*opacity: 0.9;*/
	height:100%;
	position: fixed;
    overflow-x:hidden;
    overflow-y:auto;
   /* border-right:1px solid #000;*/
    }

.cbp-spmenu h3 {

	padding: 20px;
	margin: 0;
	background: #0d77b6;
}

.cbp-spmenu a {
	display: block;

}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

.cbp-spmenu-vertical {
	width: 260px;
	height: 93%;
	top: 29px;
	z-index: 1000;
	/*padding-bottom:30px;*/
}

.cbp-spmenu-vertical-min {
	width: 260px;
	height: 93%;
	top: 239px;
	z-index: 1000;
	/*padding-bottom:30px; */
}

.cbp-spmenu-left {
	left: -262px;
}


.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}


.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}


.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ListMenuLeft:hover {
 background-color:#b9b9b9;
}

.ListMenuLeft {
 padding-top: 5px;
}
/* /Left Menu class*/


/* LS */

.deleteDialogButton {
display:none;
width:20px;
height: 20px;
background: url(/images/deleteDialog.png) 50% 50% no-repeat;
}

.deleteDialogButton:hover {
display:none;
width:20px;
height: 20px;
background: url(/images/deleteDialogHover.png) 50% 50% no-repeat;
}

 .emptyLS {
    position: absolute;
    width: 220px;
    height: 115px;
    top: 50%;
    left: 50%;
    margin-left: -90px;
    margin-top: -90px;
    box-sizing: border-box;
    color: #929eb0;
    line-height: 22px;
    text-align: center;
    padding-top: 86px;
    background: url(/images/empty_icon.png) no-repeat top;
}

.contentMsgr {
width:100%;
min-height: 277px;
height: auto;
/*word-wrap: break-word; */
}

.leftColumnLS {
display: inline-block;
vertical-align: top;
    width: 220px;
    height: auto;
    padding-top:10px;
    background-color: #fff;
    border: 1px solid #ddd;
    min-height: 277px;
}

.rightColumnLS {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 240px); /* расчет ширины */
    min-height:277px;
    height: auto;
    margin-left:5px;

}


.LSTable {
width:200px;
}
.userLSTable {
width:190px;
}
.dialogList {

width:200px;
overflow-y:hidden;
overflow-x:hidden;
 max-height: 580px;
  min-height: 100px;
}

.dialogListFalseScroll {
width:220px; max-height: 580px; min-height: 100px;overflow-y:auto; overflow-x:hidden;
}

.dialogUser {
position: relative;
width:190px;
 border-bottom: 1px solid #ccc;
 padding:5px;
 cursor:pointer;
 transition: all 500ms ease;
}

.dialogUser.selected {
  background-color: #f0f0f0;
}

.dialogUser:hover {
  background-color: #f0f0f0;
  opacity: 0.8;
}



.inputMsg {
position:relative;
background: #FFFFFF;
 max-height: 500px;
 min-height: 200px;
   border: 1px solid #ddd;
    overflow-y:auto;
    overflow-x:hidden;
    width:100%;
}

.NewMsg {
    z-index: 2;
    display: none;
    position: absolute;
    top: -50px;
    min-width: 150px;
    width: auto;
    height: 20px;
    padding: 8px;
   COLOR: #FFFFFF;FONT-SIZE: 11px;FONT-FAMILY: Tahoma;
    background: rgba(0,0,0,.8);
    border-radius:5px 5px;
    }

    .NewMsg::after {
    content: '';
    position: absolute; /* Абсолютное позиционирование */
    left: 10px; bottom: -20px; /* Положение треугольника */
    border: 10px solid transparent; /* Прозрачные границы */
    border-top: 10px solid #000; /* Добавляем треугольник */
    opacity: 0.8;
   }

   .dialogBody{
   position:relative;
   width: 97%;
   min-height: 100px;
   height: auto;
   padding:10px;
  /* border:1px solid #eee;*/
   margin:0 auto;
   display:inline-block;
   }

  .noReadLS {
display: inline-block;
background: url(../images/noReadLS.png) 50% 0px no-repeat;
     width: 20px;
     height: 15px;
     margin-left:5px;
}

.MsgDialogRight {
 	display:inline-block;
  padding:0 5px 0 5px;
  width: calc(100% - 130px); /* расчет ширины */
     min-height: 100px;
   height: auto;
   border:1px solid #BDBDBD;
   position:relative;
   vertical-align: top;
    border-radius: 4px;
    background-color:#b7e3f3;
    }
    .MsgDialogLeft {
 	display:inline-block;
  padding:0 5px 0 5px;
   width: calc(100% - 130px); /* расчет ширины */
     min-height: 100px;
   height: auto;
   border:1px solid #BDBDBD;
   position:relative;
   vertical-align: top;
    border-radius: 4px;
    background-color:#ffffff;
    }

    .MsgDialogRight:after, .MsgDialogRight:before {
   position: absolute;
    z-index: 2;
    top: 6px;
    right: -9px;
    width: 0;
    height: 0;
    content: "";
    border-width: 8px 10px 0 0;
    border-style: solid;
    border-color: #b7e3f3 transparent transparent;
   }
   .MsgDialogRight:before {
    border-color: #b7e3f3 transparent transparent transparent;
    }
    .MsgDialogRight:after {
  z-index: 1;
  top: 5px;
  right: -12px;
  border-width: 9px 12px 0 0;
   border-style: solid;
   border-color: #BDBDBD transparent transparent transparent;
   }

   .MsgDialogLeft:after, .MsgDialogLeft:before {
   position: absolute;
    z-index: 2;
    top: 6px;
    left: -9px;
    width: 0;
    height: 0;
    content: "";
    border-width: 8px 0 0 10px;
    border-style: solid;
    border-color: #FFFFFF transparent transparent;
   }
   .MsgDialogLeft:before {
    border-color: #FFFFFF transparent transparent transparent;
    }
    .MsgDialogLeft:after {
  z-index: 1;
  top: 5px;
  left: -12px;
  border-width: 9px 0 0 12px;
   border-style: solid;
   border-color: #BDBDBD transparent transparent transparent;
   }

   .avatarBlock {
   position:relative;
   vertical-align: top;
   }

    .avatarLS {
    border-radius: 4px;
    border: 1px solid #C9C9C9;
    width: 100px;
    min-height:100px;
    height:auto;
    }

/* /LS */

.news_str {
    padding:3px 10px 3px 10px;
    margin:2px;
    border:1px solid #999;
    text-decoration:none;
    text-align: left;
    width:97%;
    color: #666;
}

.submitbt {
  	 display: inline-block;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  padding: .2em 0.6em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
  height:12px;
 }

 .delete {
    cursor: pointer;
     background: url(../images/delete.png) 50% 0px no-repeat;
     width: 16px;
    height: 16px;
    text-align: center;
    }

.boxInfoRel {
 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    box-shadow: 0 0 5px rgba(57,70,78,.2);
    background: none repeat scroll 0 0 #fff;
    color: #39464E;
    font-size: 11pt;
    line-height: 10px;
    padding: 6px;
    position: relative;
 }

 /*Комментарии*/
 .commentsBody {
 width:100%;min-height: 150px; height: auto; margin:5px 0 5px 0;transition: all 0.6s;
 }
 .commentsBody:hover {
 box-shadow:0 7px 28px 0 rgba(0,0,0,.15);
 transition: all 0.6s;
 }
 .avatarBlockComm {
    position:relative;
 	width:90px;
 	vertical-align: top;
 	min-height:150px;
 	height: auto;
 	text-align: center;
 	margin:10px 0 0 5px;
 	}

.msgBlock {
min-height:150px;
height: auto;
vertical-align: top;
padding-left:5px;
width: calc(100% - 105px);
}
 .numberComment {
 	width: 78px;font-size: 16pt;font-weight:bold;height:15px;text-align: center;
 	}

 	.ic-online {
   left: -3px;
   top: -3px;
    border: 2px solid #fff;
    height: 6px;
    width: 6px;
    position: absolute;
    background-color: #DF314D;
    border-radius: 50%;
    z-index:1;
}

    .ic-onlineMob {
    background-color: #5181b8;
    }

        .blockInfoContent{
            position:relative;
            width:100%;
        }

.avatarImg {
height: auto;
width: 90px;
}

.usernameProf {
background: #edeef0;
border-radius: 5px;
/*border: 1px #929ba6 solid; */
cursor:pointer;
width:auto;
height:15px;
padding:4px 5px 0 5px;
COLOR: #000;FONT-SIZE: 12px;FONT-FAMILY: Tahoma;
margin-left:5px;
}

.CommentMsgCom {
font-size:13px;
width:99%;word-wrap: break-word;padding-left:5px;margin:5px 0 5px 0;letter-spacing: 0.2px;
}

.avatarStyle {
height:auto;
width:90px;
border-radius:3px;
}

.spoilerContent {display:none; width:100%;text-align:center;}
.spoiler {position:relative;margin-bottom:5px;border:1px solid #dcdcdf; border-radius:5px; max-width:600px;FONT-FAMILY:Trebuchet MS, Helvetica, sans-serif;}
.type {padding-left:5px;padding-top:3px;background-color:#d7e4f3; border-bottom:#dcdcdf;min-height:20px;height:auto;cursor:pointer;}
.spoilerTitle {vertical-align:top;padding-top:3px;width:94%;}
.openSP {
	height: 20px;
    width: 20px;
    background: url(../images/openSpoiler.png) no-repeat 50%;
}

  .closeSP {
	height: 20px;
    width: 20px;
    background: url(../images/closeSpoiler.png) no-repeat 50%;
}
.EditPost {
cursor: pointer;
position: relative;
width: 20px;
height: 16px;
background: url(../images/editPost.png) 50% 0px no-repeat;
}

.userMiniProfileBody {
text-align:center;margin: 0 auto;position: relative;padding:5px;border-radius:3px;background:#fff; vertical-align:top;width:auto;
}

.userMiniProfileAvatar {
position: relative;padding-top:10px;display:inline-block;width:90px;
}
.userMiniProfileInfoColumn {
position: relative;display:inline-block;vertical-align:top;text-align:center;width:auto;
}
.userMiniProfileUsername {
color:#000;
}
   .info {
 text-decoration: none;
 cursor:pointer;
 COLOR: #E90202;
 overflow:hidden;
 padding:4px 7px 5px;
 border-radius:2px;
 FONT-SIZE: 12px;FONT-FAMILY: Tahoma;
 background-color:#f2f4f7;
  }
  .buttonInfo {
position: relative;
    height: 30px;
    padding: 0 15px;
    color: #3870c6;
    border: 1px solid;
    border-radius: 99px;
    background: rgba(0,0,0,.8);
    outline: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    white-space: nowrap;
    cursor: pointer;
    -ms-user-select: none;
    }
.userMiniProfileBottom {
  position: relative;border-radius:0 0 3px 3px;background:#fff;margin-top:10px;padding:5px;width:auto;background:#edeef0;height:40px;
 }
.alignUserProfile {
position:relative;width:1px;margin-left:85px;
}

.quoteadd {
background: rgba(0,0,0,.8);
border-radius: 5px;
cursor:pointer;
width:60px;
height:17px;
padding-left:10px;
line-height:15px;
margin:0 5px 0 5px;
COLOR: #FFFFFF;FONT-SIZE: 12px;FONT-FAMILY: Tahoma;
}
.linkMsg{
    display: block;
    cursor: pointer;
     background: url(../images/link.png) 50% 0px no-repeat;
     width: 17px;
    height: 17px;
    }

.linkMsg:hover{
 background: url(../images/link_hover.png) 50% 0px no-repeat;
 }

 .commentsBodyQuote {
 margin-left:90px;
 width: calc(100% - 90px);
 min-height:100px !important;
 }
 .styleAvatarBlock {
 width:60px;min-height:100px;
 }
 .styleAvatar {
 width:50px !important;
 }
.msgBlockQuote {
 min-height:100px !important;
 }

 .quoteAvatarUser {
 vertical-align:top;
 cursor:pointer;
 overflow: hidden;
 width: 25px;
 height:25px;
 opacity:0.5;
 margin: 0 auto;
 border-radius:50%;
 }
 .textComment {
  width: calc(100% - 50px)!important;
  display:inline-block;
 }
 .msgBlockBorderBottom {
 border-bottom:1px solid #BDBDBD;
 }
 .msgQuoteBorder {
 text-align:center; border-top: 2px dashed #B1B1B1;
 }

 .plusCount {
 color: green; cursor:pointer;width: 8px;height: 15px;
 }

 .minusCount {
 color: red; cursor:pointer;width: 15px;height: 15px;
 }
 .buttonRed {
 cursor: pointer;background: #DF314D;color:#fff;width:auto; margin:5px;padding:5px 10px 5px 10px; border-radius:3px;text-align:center;
 }

 .arrow {
 background: url(/images/arrow_right.png) 50% 0px no-repeat; width: 21px; height: 18px;line-height: 18px;vertical-align:middle;cursor:pointer;
 }
 /* /Комментарии*/


acronym {
    border-bottom: #303030 1px dotted;
    cursor: help;
}
pre {
    border: #c0e6ff 1px solid;
    background-color: #e0e8ef;
    color: #002;
}
hr {
    height: 0;
    border: none;
    border-top: #404040 1px dotted;
    width: 75%;
}
var {
    color: blue; font-style: normal; font-family: monospace;
}
li {
    padding-bottom: 2px;
}
ul li {
    font-size: 12px;
}
ul ul li {
    font-size: 12px;
}
ul ul ul li {
    font-size: 12px;
}
h1 {
    color: #404060;
}
h2 {
    text-align: center;
    color: #404060;
}
h3 {
    border-bottom: #b0b0b0 1px dotted;
    margin-top: 2em;
    border-top: #b0b0b0 1px dotted;
    background-color: #ddd;
}
h4 {
    margin-top: 1.6em;
    border-bottom: #c0c0c0 1px dotted;
    margin-bottom: 0;
}
h5 {
    border-bottom: #d0d0d0 1px dotted;
    margin-top: 1.2em;
    margin-bottom: 0;
}
h3, h4, h5 {
    color: #707070;
    font-weight: normal;
}
table.bb {
    border-collapse: collapse;
}
th {
    border: #b0b0b0 1px solid;
    background-color: #ddd;
    color: #555;
}
td.bb {
    border: #b0b0b0 1px solid;
}
a {
    color: #7777ff;
}
.bb_quote {
     padding: 18px 10px 18px 50px;
   font: 14px/20px italic Times, serif;
   background: url(/images/quote.gif) no-repeat scroll 10px 10px rgb(255, 255, 255);
border-left: 7px solid #00b2a1;
border-top: 1px dotted #c0c0c0;
border-right:1px dotted #c0c0c0;
border-bottom: 1px dotted #c0c0c0;
color:#666666;
}
div.bb_quote_author {
    border: #d0d0d0 1px solid;
    border-width: 1px 2px 2px 1px;
    margin-top: -1.2em;
    background-color: #f6f6f6;
    width: 150px;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
}
div.bb_quote_author:after {
    content: " писал(а):";
}
div.bb_code {
    border: #d0d0d0 6px double;
    background-color: #f6f6f6;
    color: #404060;
    padding: 5px;
    margin: 1em 0 0 0.8em;
    font-family: Monaco,'Courier New',monospace;
}
div.bb_code_header {
    border: #d0d0d0 1px solid;
    border-width: 1px 2px 2px 1px;
    padding-left: 5px;
    margin-top: -1.6em;
    background-color: #f6f6f6;
    white-space: nowrap;
    font-weight: bold;
    color: #404060;
    text-align: left;
}
span.bb_code_lang:before {
    content: "Код: ";
}
div.bb_code_footer {
    margin: 5px -5px -5px -5px;
    padding: 4px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #a9b8c2;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

/* Стили посветки BBCode: */

code.bb_code {
    font-size: 1em;
    color: #000000;
}
span.bb_spec_char {
    color: #000099;
}
span.bb_mnemonic {
    color: #ff0000;
}
span.bb_tag {
    color: #009900;
}
span.bb_bracket {
    font-weight: bold;
}
span.bb_slash {
    font-weight: normal;
}
span.bb_tagname {
    color: #990099;
}
span.bb_equal {
    color: #999900;
}
span.bb_quote {
    color: #009999;
}
span.bb_attrib_name {
    color: #999900;
}
span.bb_attrib_val {
    color: #009999;
}
span.bb_autolink {
    color: #0000ff;
}
caption {
    font-weight: bold;
}

/* Стили посветки BBCode: */

code.bb_code {
    font-size: 1em;
    color: #000000;
}
span.bb_spec_char {
    color: #000099;
}
span.bb_mnemonic {
    color: #ff0000;
}
span.bb_tag {
    color: #009900;
}
span.bb_bracket {
    font-weight: bold;
}
span.bb_slash {
    font-weight: normal;
}
span.bb_tagname {
    color: #990099;
}
span.bb_equal {
    color: #999900;
}
span.bb_quote {
    color: #009999;
}
span.bb_attrib_name {
    color: #999900;
}
span.bb_attrib_val {
    color: #009999;
}
span.bb_autolink {
    color: #0000ff;
}
caption {
    font-weight: bold;
}


.leftColumnLink {
 display:none;
 }

.blackButtonDel {
	height: 16px;
    width: 16px;
    z-index:10;
    background: #1d2022 url(../images/cross_delete_user.png) no-repeat 50%;
    border-radius: 0 3px 0 3px;
    opacity: 0.85!important;
    filter: alpha(opacity=85)!important;
    cursor: pointer;

}
#okno {
max-height:80%;
overflow-y: auto;
}

.wr_header {
    font-size: 12.5px;
    display: block;
    cursor: pointer;
    color: #55677d;
    background: #f0f2f5;
    line-height: 32px;
    border-radius: 2px;
    text-align: center;
}

.inputText {
	color:blue;
    font-size: 15px;
    font-weight: normal;
    padding-top: 7px;
    border-bottom: 1px dotted #d6d6d6;
    margin-bottom: 5px;
    text-align: center;
}

   /* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.checkbox {
  vertical-align: top;
  margin: 0 5px 0 0;
  width: 15px;
  height: 15px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkbox + label {
  cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 20px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 32px;
  height: 18px;
  border-radius: 13px;
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -3px;
  left: 1px;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
  background: #2793e6;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
  left: 15px;
}
/* Показываем получение фокуса. */
.checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}

.radio {
  vertical-align: top;
  width: 17px;
  height: 17px;
  margin: 0 3px 0 0;
}
.radio + label {
  cursor: pointer;
}
.radio:not(checked) {
  position: absolute;
  opacity: 0;
}
.radio:not(checked) + label {
  position: relative;
  padding: 0 0 0 35px;
}
.radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #CDD1DA;
  border-radius: 50%;
  background: #FFF;
}
.radio:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #9FD468;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
  opacity: 0;
  transition: all .2s;
}
.radio:checked + label:after {
  opacity: 1;
}
.radio:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}



.DDimg {
width:220px;height:auto;cursor:pointer;border-radius:5px;box-shadow: -4px 4px 21px -3px #000000;
}

.infoDDimg {
display:none;width:240px; height:auto;background: rgba(0,0,0,.8); border-radius:5px; padding:5px;
}
.RatingDD {
text-align:left; width:auto;margin-bottom:10px;
}

.DDcommentsRefresh {
margin-top:10px;cursor:pointer;display:inline-block;margin-bottom:10px;
}

.msgDD {
max-height:400px;min-height:200px;height:auto;overflow-x:auto;
}

.DDcom {
width:192px;height:28px;display:inline-block;outline: none;border-radius:3px;border:0;margin-top:10px;
}
.buttonDDCom {
border-radius:3px;color:#FFF;line-height:30px;display:inline-block;width:45px;height:30px;background: -webkit-linear-gradient(top,#32374a,#0c1224);background: -o-linear-gradient(top,#32374a,#0c1224);background: -moz-linear-gradient(top,#32374a,#0c1224); background: linear-gradient(to bottom, #32374a, #0c1224);cursor:pointer;
}

.banned {

    cursor: pointer;
     background: url(../images/banned.png) 50% 0px no-repeat;
     width: 16px;
    height: 16px;
    text-align: center;
    }
    .unbanned {
    cursor: pointer;
     background: url(../images/unbanned.png) 50% 0px no-repeat;
     width: 16px;
    height: 16px;
    text-align: center;
    }

.edit-btn {
    width: 35px;
    height: 35px;
    background: url(../images/edit-avatar-btn.png) center no-repeat;
    position: absolute;
    bottom: 10px;
    right: 10px;
    opacity: 0.5;
    cursor: pointer;
   }

   .item {
    position: relative;
    color: #1f1f1f;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 55px;
    border-bottom: 1px solid #e5e5e5;
    cursor:pointer;
}
.item.active {
    background: #3498db;
    color: #fff;
    border-bottom: 1px solid #2688c9;
}

  .notifications-panel {
    color: #fff;
    background: #3498db;
    padding-top: 22px;
    padding-bottom: 22px;
    font-size: 16px;
    position: relative;
    width:250px;
    margin-bottom: 20px;
    text-align:center;
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
}

   #showProgressBarAva {
    position: relative;
    width: 200px;
    margin-top: 10px;
    display: none;
    margin: 0px auto;
    color: rgba(0,0,0,0.6);
    text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);
    font-size: 18px;
}

  .statisticHeader {
    color: #fff;
    background: #3498db;
    font-size: 14px;
    position: relative;
    width:220px;
    margin-left: 25px;
    text-align:center;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 3px 3px 0 0;
    margin-bottom:2px;
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
   }

.menuBan {
position: absolute;
 height: auto;
 min-height:150px;
  width: 300px;
   padding-left: 10px;
    padding-top:10px;
    border: 1px solid #000000;
    background-color: #EBF3F5;
    z-index: 9999999;
}

.question {
    border-bottom: #b0b0b0 1px dotted;
    border-top: #b0b0b0 1px dotted;
    background-color: #ddd;
    display: block;
    margin-bottom: 5px;
    padding:5px;
    color: #707070;
    font-weight: normal;
    border-radius:5px;
}

.button_close {
    cursor: pointer;
     background: url(../images/news_delete.png) 50% 0px no-repeat;
     width: 16px;
    height: 16px;
    text-align: center;
    }

.play, .pause {
    cursor: pointer;
     background: url(../images/play.png) 50% 0px no-repeat;
     width: 25px;
    height: 25px;
    display: inline-block;
    margin-left:5px;
    }
   .pause {
   background: url(../images/pause.png) 50% 0px no-repeat;
   }


/* Pool */
/* General */


#pollAjaxs{
	border:1px solid #666;
	padding:8px;
	margin:5px;
}

.pollTitle{
	text-align:center;
	margin-bottom:15px;
	font-weight:700;
}
#resaltPoll{
	display:none;
}


#resaltshow, #pollshow{
	border:1px solid #666;
	padding:4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#resaltshow{
	width:60px;
	margin:8px auto;
}

.nameanswer {
margin:5px;
word-wrap: break-word;
}


.answer{
	min-height:20px;
	margin:5px 0;
	border: 1px dotted #000;
	height:auto;
}
.font{
	height:10px;
	background:#eee url('/images/bg.png') repeat-x;
	margin:3px 0 5px 3px;
	width:0;
	border-radius: 2px;
}

.pollRed{
	color:#D80000;
}
.pollGreen{
	color:#00A331;
}
.pollRed span, .pollGreen span{
	color:#424242;
}


.answer label {
	display: block;
	cursor: pointer;
	position: relative;
	margin-right: 5px;
	font-size: 12px;
	width: 180px;
	padding:8px 0 5px 25px;

 }

.radioBox {
FONT-FAMILY: Trebuchet MS, Helvetica, sans-serif;
width: 225px;
height:auto;
min-height:30px;
word-wrap: break-word;
}

.answer input[type=radio] {
	display: none;
}
.answer label:hover:before {
background-color: #bababa;
}

.answer label:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	position: absolute;
	left: 5px;
	top: 6px;
	background-color: #aaa;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
	border-radius: 8px;
}
.radioBox label:before {
	border-radius: 8px;
}


.answer input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

.lebelResult {
FONT-FAMILY: Trebuchet MS, Helvetica, sans-serif;
    COLOR: #000;
    FONT-SIZE: 14px;
}

.checkmark {
    display:inline-block;
    width: 18px;
    height:18px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_stem {
    position: absolute;
    width:3px;
    height:9px;
    background-color:#ccc;
    left:11px;
    top:6px;
}

.checkmark_kick {
    position: absolute;
    width:3px;
    height:3px;
    background-color:#ccc;
    left:8px;
    top:12px;
}

.newPool {
    position: relative;
    display:none;
}

.newPool  .newPooltext {

    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    margin-left: -100px;
    margin-top: 16px;
}

.newPool .newPooltext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

@media screen and (max-width: 1920px) {
.logoImg {
background: url(../images/bgm.jpg) 50% 50% no-repeat;
}
.footerTb {
width:1000px;position:relative;
}
.toolbarLink{
max-width: 750px;
}

.footerIcon1 {
position:absolute;bottom: 36px;left: 0;right: 0;margin: auto;background:  url(../images/ntw.png) 50% 0px no-repeat; height:118px; width: 1000px;
}

.footerIcon2 {
position:absolute;top: 0;right: 0;margin: auto;background:  url(../images/wb.png) 50% 0px no-repeat; height:36px; width: 249px;
}

.footerIcon3 {
position:absolute;top: 36px;left: 0;margin: auto;background:  url(../images/ntb.png) 50% 0px no-repeat; height:27px; width: 1000px;
}

}

@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1280px) {




}

@media screen and (max-width: 1080px) {
 	.toolbarLink{
max-width: 550px;
}

}

@media screen and (max-width: 1150px) {
.toolbarRight{
 display:none;
 }


}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 980px) {

.logoBody {
 height:120px;
}
.logoImg {
background: url(../images/bgmSmall.jpg) 50% 50% no-repeat;
 height:120px;
}

	 .footerIcon1 {
 display:none;
 }
 .footerIcon2 {
 display:none;
 }
 .footerIcon3 {
 display:none;
 }
 .toolbarContent{
 width: 98%;
 }
 .leftColumnBody {
   width: 98%;
    }


}


@media screen and (max-width: 930px) {
 	.toolbarLink{
max-width: 450px;
}
 }

@media screen and (max-width: 840px) {
  .toolbarLink {
  display:none;
  }
   .leftColumnLink {
 display:block;
 text-align: center;
 }
 .s1 {COLOR: #000;}
}

@media screen and (max-width: 780px) {
   .rightColumnBody {
display:none;
}
  .leftColumnLS, .rightColumnLS, .dialogUser, .dialogList {
display: block;
width:100%;
}
.rightColumnLS {
margin: 10px 0 0 0;
}
.leftColumnLS, .dialogList, .dialogListFalseScroll {
height: 190px;
}
.LSTable {
width:100%;
}
.userLSTable {
width:90%;
}
.dialogListFalseScroll {
width:110%;
}
 .avatarLS {
 	width:30px;
 	min-height:30px;
 	}
 	.MsgDialogRight, .MsgDialogLeft {
 	width: calc(100% - 60px); /* расчет ширины */
 	}


}

@media screen and (max-width: 736px) {
  .logoImg {
background: url(../images/logoMobile.jpg) 50% 50% no-repeat;
 height:120px;
}
.logoBody {
 height:120px;
}
.s3 {COLOR: #F41111;FONT-SIZE: 18px;FONT-FAMILY: Arial;font-weight:bold;}
.infoNews { display:inline-block;width: 75%;word-wrap: break-word;}
.avatarStyle { width: 50px; }
.avatarBlockComm { width: 50px; }
.numberComment { width: 38px; }
.avatarImg { width: 50px; }
.msgBlock { width: calc(100% - 65px); }

}

@media screen and (max-width: 500px) {
.commentsBodyQuote {
 margin-left:0px;
 width: 100%;
 background: #edeef0;
 }
 .page_gif_label {
 font-size:10px;
 max-width:200px;
 }
 /*
 .msgBlockQuote {
 min-height:100px !important;
 }
 */
 }