@font-face {
    font-family: 'Noto Sans';
    src: local("NotoSans"), local("Noto Sans"), url(/font/NotoSans-Regular.woff) format("woff");
}

body{background: #f1f1f1;font-size: 12px;margin:0;padding: 0;font-weight: normal;line-height: 1.182;font-family:'Noto Sans', tahoma, arial, verdana, sans-serif, Lucida Sans;-webkit-font-smoothing: subpixel-antialiased;color: #000;overflow-x: hidden;}
body{background: #f0f2f5;}




.logs_item{padding: 10px 10px;cursor: pointer;color: rgb(107 168 107);position: relative;}
.logs_icons {
    border-radius: 3px;
    width: 50px;
    height: 40px;
    float: left;
    font-size: 35px;
}
.logs_item.over{background: rgba(219, 227, 235, 0.5)}
.logs_item .cont{float:left;width:340px;margin-top:2px;}
.logs_item .title{font-weight: bold;color: rgb(107 168 107);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.logs_item.href{font-weight: bold;padding: 10px;}
.logs_item:hover{color: rgb(107 168 107);}
.logs_item .traf{color: #777;margin-top: 5px;}








/* GROUPS INVITE */
.grIntiveUser{/* width:312px; */height:41px;overflow:hidden;cursor:pointer;padding:8px;margin:-8px;margin-right:10px;margin-bottom:10px;}
.grIntiveUser img, .grInviteYesed img{float:left;margin-right:10px}
.grInviteName{font-weight:bold;color:#6ba86b;margin-top:11px;float:left}
.grInviteGal{background:url("../images/staticmp3.png") no-repeat -110px -14px;width:15px;height:12px;float:right;margin-top:12px}
.grIntiveUser .grInviteGal, .grInviteYesed .grInviteGal{opacity:0}
.grIntiveUser:hover{background:#ddeddd;}
.grIntiveUser:hover .grInviteGal{opacity:0.3}
.grIntiveUserActive {
    background: #6ba86b;
    border: 1px solid #5a915a;
    padding: 7px;
}
.grIntiveUserActive:hover{background:#6ba86b}
.grIntiveUserActive img{border:1px solid #6ba86b;margin:-1px;margin-right:10px}
.grIntiveUserActive .grInviteName{color:#fff}
.grIntiveUserActive .grInviteGal{background:url("../images/staticmp3.png") no-repeat -123px 0px;opacity:0.6}
.grIntiveUserActive:hover .grInviteGal{opacity:0.6}
.grInviteYesed{background:#fff;width:312px;height:41px;opacity:0.6;padding:8px;margin:-8px;margin-right:10px;margin-bottom:10px}
.grInviteOk{font-size:11px;margin-top:12px;color:#444}
.grInviteInviterName{float:right}
.grInviteInviterName img{float:left;margin-right:10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.grInviteInviterName div{float:left;color:#999;margin-right:10px;margin-top:6px}

.public_adult_icon {
    font-size: 15px;
    margin-left: 5px;
    color: #ffffff;
    margin-top: 0px;
    background: #ab5757;
    border-radius: 100px;
    width: 22px;
    height: 20px;
    padding: 2px;
}


.al_audio_picture_pr {
    width: 28px;
    height: 26px;
    position: absolute;
    margin-left: 0px;
    z-index: 1;
    float: left;
    padding-top: 1px;
}
.post .post_cont{transition:background 6s ease;}
.post.new .post_cont{background: #F9EFBB;}

.clear{clear: both;}
.fl_l{float: left;}
.fl_r{float: right;}
.no_select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none; }
.no_display, .hide{display: none;}
.info_center{text-align: center;color: #666;font-size:13px;line-height: 160%;padding: 50px 20px;}
.color777{color: #777;}
.fixed{position:fixed}
.margin_left{margin-left:10px}
.margin_top_10{margin-top:10px}
.margin_top_5{margin-top:5px}
.margin_bottom10{margin-bottom: 10px;}
.h1 {font-weight: bold;padding-bottom: 3px;padding-left: 10px;border-bottom: 1px solid #bad1ba;margin-bottom: 10px;}
.new_h1{color: #6ba86b;border-bottom: 1px solid #bad1ba;width: 755px;margin-left: -15px;margin-top: 10px;padding-left: 15px;}
.cursor_pointer{cursor: pointer;}
.allbar_title{padding:5px;padding-left:0px;padding-top:10px;font-weight:bold;color:#5081b1;border-bottom:1px solid #e0eaef;margin-bottom:10px;clear:both;}
.allbar_title a{color:#5081b1}
.smile_img{width: 16px !important;height: 16px !important;border:0;background: url('/img/smiles/im_emoji.png') no-repeat;vertical-align: top;margin: 0px 1px -4px;}
.listing {list-style: square;padding-left: 40px;color: rgb(107 168 107);margin: 0px 0px 15px 0px;}
.listing span{color: #000;}
.kj_link{display: inline;word-wrap: break-word;}
.privacy_err {background: rgb(255, 180, 163);position: fixed;left: 0px;top: 40px;padding: 7px 15px 7px 15px;margin-top: 0px;z-index: 100;color: #000;font-size: 11px;border-radius: 0 0 5px 0;}
.bsbb, input, textarea{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.shadow_box{box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);-moz-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);-webkit-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);}

input, textarea {outline: none;border: 1px solid #bad1ba;background: #fff;color: #000;font-size: 11px;padding: 3px;font-family:'Noto Sans', tahoma, arial, verdana, sans-serif, Lucida Sans;}
input::-webkit-input-placeholder{color: #999;transition: color 200ms;}
input:focus::-webkit-input-placeholder{color: #ddd;}
input::-moz-input-placeholder{color: #999;transition: color 200ms;}
input:focus::-moz-input-placeholder{color: #ddd;}

textarea::-webkit-input-placeholder{color: #999;transition: color 200ms;}
textarea:focus::-webkit-input-placeholder{color: #ddd;}
textarea::-moz-input-placeholder{color: #999;transition: color 200ms;}
textarea:focus::-moz-input-placeholder{color: #ddd;}

blockquote{border-left: 10px solid rgb(107 168 107);margin: 10px 0;padding: 10px;background: #f5f5f5;line-height: 160%;font-size: 12px;}

form {margin-bottom: 0px;}

table{font-size:11px;font-family: 'Noto Sans', tahoma, arial, verdana, sans-serif, Lucida Sans;}

a{text-decoration: none;cursor: pointer;color:rgb(107 168 107);}
a:hover{text-decoration: underline;}
a.no_line:hover{text-decoration: none}









/* BUTTONS */
.button{padding: 7px 15px;white-space: nowrap;border-radius: 2px;border: 0;background: rgb(107, 168, 107);color: #fff;font-size: 11px;font-family: 'Noto Sans', tahoma, arial, verdana, sans-serif, Lucida Sans;outline: none;transition: background 200ms ease;text-shadow: 0 1px 0 rgb(94, 147, 94);cursor: pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.button:hover{background:rgb(118, 182, 118);}
.button:active{background:rgb(86, 155, 86);}
.button.inline{background: transparent;color: #6ba86b;text-shadow:0 0 0;}
.button.inline:hover, .button.inline:active{background: #d9e9d9;}
.button.inline.bg{background-color: #dfe3e8;color: #627485;}
.button.inline.bg:hover{background-color: #d9dee4;}
.button.red{background: #BE6F6B;text-shadow: 0 1px 0 #A55F5C;}
.button.red:hover{background: #CA7B77}
.button.red:active{background: #B36965;}
.button:active{padding-top:7.5px;padding-bottom: 6.5px;}


/* errors */
.top_error{position: fixed;top:0;left: 0;padding: 7px 10px;border-radius: 0 0 3px 0;background: red;color: #000;display: none;}
.err_yellow{padding: 10px;background: #f4f7fa;border: 1px solid #bfd2e4;margin-bottom: 10px;line-height: 160%;}
.err_red {padding: 10px;background: #faebeb;border: 1px solid #d68383;margin-bottom: 10px;line-height: 160%;}
.err_yellow.anim{transition: background 200ms ease-in-out;}

/* radioBtn */
.ui_radioDiv {padding: 5px;cursor: pointer;white-space: nowrap;position: relative;}
.ui_radioDiv:hover .uiButtonBg {background: #E7EBEF;}
.uiButtonBg {float: left;border: 1px solid #bad1ba;border-radius: 10px;background: #fff;width: 15px;height: 14px;margin-bottom: 1px;margin-right: 10px;}
.uiButtonBg.uiButtonBgActive:after{display: block;position: absolute;width: 7px;height: 6px;background: #6ba86b;top: 10px;left: 10px;content: "";border-radius: 10px;}
.uiButtonBg.uiButtonBgActive{border-color:#6ba86b;}

.radiobtn{position: relative;padding-left: 23px;cursor: pointer;}
.radiobtn div{height: 13px;width: 14px;border:1px solid #C2D0E2;border-radius: 20px;position: absolute;top:0;left:0;}
.radiobtn:hover div{background: #F2F4F7;}


/* tooltips */
.titleHtml{position: absolute;padding: 5px 8px 5px 8px;background: rgba(0,0,0,0.7);font-size: 1em;font-weight: bold;color: #fff;z-index: 1000;border-radius: 3px;text-shadow: 0 1px 1px rgba(0,0,0,.7);white-space: nowrap;opacity: 0;}
.black_strelka { border:4px solid;border-color :rgba(0,0,0,0.7)  transparent transparent transparent;position: absolute;bottom: -13px;}
.black_strelka_top {border:5px solid;border-color : transparent transparent rgba(0,0,0,0.7)  transparent;top: -15px;bottom:auto}
.titleHtml.no_center .black_strelka{left:5px;}
.titleHtml.no_center{margin-left: -6px; white-space: nowrap;}
.verified_tolltip{background: #fff;border:1px solid #AEBDCC;box-shadow: 0 1px 1px 0 rgba(108, 137, 176, 0.3);line-height: 160%;padding: 10px;text-shadow:none;color: #000;font-weight: normal;border-radius: 0;max-width: 270px;word-wrap:break-word;white-space: normal !important;}
.verified_tolltip .black_strelka{border: 8px solid;border-color: #AEBDCC transparent transparent transparent;bottom: -26px;z-index: 1;left: 30px !important;}
.tt_arrow{position: absolute;bottom: -24px;border: 7px solid;border-color: #fff transparent transparent transparent;z-index: 2;left:31px;}
.verified_tolltip.down .tt_arrow{border-color: transparent transparent #fff transparent;bottom: inherit;top: -24px;}
.verified_tolltip.down .black_strelka{border-color: transparent transparent #AEBDCC transparent;bottom: inherit;top: -26px;}
.like_tt.down .black_strelka{bottom: inherit;top: -14px;border-color: transparent transparent rgba(0,0,0,0.7) transparent;}

.tag_tt{padding: 10px;width: 300px;color:#fff;border-radius: 3px;box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);}
.tag_tt .name{color:#fff;font-size:14px;}
.tag_tt .cont{margin-left:115px;}
.tag_tt img{/* width:100px; *//* height:100px; */border-radius: 3px;box-shadow: 0 0 10px 0 rgba(0,0,0,.5);float: left;}
.tag_tt .cont .name{font-size: 1.30em;color: #fff;margin-top: 2px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 181px;display: block;}
.tag_tt .cont .name:hover{text-decoration: underline;}
.tag_tt .cont .ustatus{color: rgba(255,255,255,0.9);line-height: 160%;font-weight: normal;font-size: 11px;white-space: normal;color: #fff;margin-top: 5px;}
.tag_tt .black_strelka{border-width: 8px;bottom: -16px;left: 40px !important;}
.tag_tt.down .black_strelka{bottom: inherit;top: -16px;border-color: transparent transparent rgba(0,0,0,0.7) transparent;}

/* header */
.site_head{position: fixed;z-index: 50;height:40px;background: #6ba86b;top:0;left:0;width: 100%;}
.head_cont{width: 820px;margin: 0 auto;}
.site_logo{width: 142px;height: 33px;background: transparent url('/img/logo.png') center no-repeat;background-size: 100%;margin-top: 3px;cursor: pointer;}
.site_logo:active{margin-top: 3px;}
.site_menu_fix{position: fixed;top:50px;margin: 0;}

.head_login_form{margin-top: 7px;}
.head_login_form input{padding: 6px;border: 0px;margin-right: 5px;}

.content{width: 820px;margin: 40px auto 0;position: relative;}
#page{background: #fff;padding: 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width: 770px;margin:0 auto;z-index: 2;position: relative;box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);-moz-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);-webkit-box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);}
#page.logged{float: left;}
.site_menu{float: left;width: 50px;list-style: none;padding-top: 10px;z-index: 1;height: 100px;}
.site_menu a{font-size: 17px;outline:none;cursor: pointer;padding: 5px;color:#5D6467;position: relative;width: 40px;height: 32px;display: block;}
.site_menu a span{font-size:15px;padding-left: 5px;opacity: 0;display: block;margin-top: 3px;}
.site_menu a .bl{position: absolute;right: 0;width: 25px;top:0;overflow: hidden;transition: all 200ms ease;padding: 6px;padding-right: 22px;padding-left:3px;height: 25px;white-space: nowrap;height: 20px;}
.site_menu a .bl:hover{border-bottom: 2px solid #C9CED3;}
.site_menu a:hover .bl{border-radius: 50px 0 0 50px;}
.site_menu a .icon{float:left;margin-right: 7px;}
.site_menu a:hover .icon{float: left;margin-right: 7px;background: rgb(151, 164, 169);border-radius: 50px;padding: 5px 2px;color: #fff;margin-top: -3px;}
.site_menu a:hover span{opacity: 1;}
.site_menu a .new{position: absolute;bottom: 3px;left:2px;font-weight: bold;background: #468847;color: #fff;padding: 2px 5px;border-radius: 10px;font-size: 11px;}
.site_menu a .new:empty{display: none;}
.site_menu a:hover{text-decoration: none;}

.speedbar{background: #e2ede2;font-weight: bold;color:#6ba86b;padding: 9px 10px;margin:-15px 0 0 -15px;width: 750px;}

.head_menu{list-style: none;}
.head_menu li{float: left;font-size: 20px;color: #e6f3e6;cursor: pointer;padding: 10px 4px;transition:color 200ms ease;}
.head_menu li:hover{color: #fff;}
.head_menu li:active{padding: 13px 4px 11px;}
.head_menu .icon-cog-4{position: relative;}
.cog_new_ident{background: red;border-radius: 2px;position: absolute;top: 3px;right: -1px;font-size: 12px;padding: 2px 3px;font-weight: bold;}
.drop-nemu_new{font-weight: bold;color: #6ba86b;background: #D5DDE5;padding: 3px;border-radius: 2px;margin-left: 4px;}
.drop-nemu_new:empty, .cog_new_ident:empty{display: none;}
.kj_head_menu a{text-decoration: none !important;}

.head_search{width: 205px;margin-top:7px;position: relative;margin-left: 10px;}
.head_search input {background: #fff url('/images/inp_se.png') no-repeat 3px center;padding: 6px 5px 5px 20px;border: 0px;padding-right: 10px;width: 195px;border-radius: 3px;}

.kj_head_menu{position: fixed;min-width: 160px;border: 1;top: 70px;left: -999999px;}
.kj_head_menu_arrow {position: relative;background: #fff; border: 1px solid #ccc;list-style: none;padding: 5px 0;box-shadow:0 1px 3px rgba(48,96,144,0.31);border-radius: 2px;border-color: rgba(0,0,0,0);}
.kj_head_menu_arrow:after, .kj_head_menu_arrow:before {bottom: 100%;left: 25px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.kj_head_menu_arrow:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 6px;margin-left: -6px;}
.kj_head_menu_arrow:before {border-color: rgba(204, 204, 204, 0);border-bottom-color: #ccc;border-width: 7px;margin-left: -7px;}
.kj_head_menu_arrow div{padding: 7px 15px;font-size: 12px;color: #000;}
.kj_head_menu_arrow div:hover{background: #6ba86b;color: #fff;}
.kj_head_menu_arrow div.explode{border-top: 1px solid #ddd;width: 100%;height:0;margin: 5px 0;padding:0;}

.head_tooltip{position: fixed;top: 46px;color: #fff;left: -999999px;opacity: 0;transition: opacity 0.2s;}
.head_tooltip_box {position: relative;background: #000;border: 3px solid #000;padding: 4px 10px;font-size: 12px;font-weight: bold;border-radius: 2px}
.head_tooltip_box:after, .arrow_box:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.head_tooltip_box:after {border-color: rgba(0, 0, 0, 0);border-bottom-color: #000;border-width: 8px;margin-left: -8px;}
.head_tooltip_box:before {border-color: rgba(0, 0, 0, 0);border-bottom-color: #000;border-width: 12px;margin-left: -12px;}

/* footer */
.footer{margin-top:10px;text-align: center;}
.footer a{padding: 3px;margin-left: 5px;}
.footer a:hover{text-decoration: none;background: #bad1ba63;}
.copyright{margin-top: 10px;}
.footer a.creator{margin-top:2px;font-size:10px;display: inline-block;}
.footer a.creator:hover{text-decoration: underline;background: transparent;}

/* BOX */
.box_menu{padding: 10px 15px;background: #e2efe2;list-style: none;white-space: nowrap;}
.box_menu li{padding: 5px 10px;font-weight: bold;color: #6ba86b;cursor: pointer;float: left;border-radius: 2px;margin-left: 4px;margin-top: 5px;}
.box_menu li:hover{background: #bad1ba63}
.box_menu li span{color: #295c29}
.box_menu li span.icon-chart-bar-3{font-size: 13px;color: #6ba86b;}
.box_menu li.box_menu_active span.icon-chart-bar-3{color: #fff;}
.box_menu_active{background: #6ba86b !important;color: #fff !important;}
.box_pos, .photo_view, .video_view, .swf_loaded{display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;overflow-y:auto;overflow-x:hidden;background:rgba(0,0,0,0.7);z-index:100}
.box_bg{margin:auto;width:300px;margin-top:180px;margin-bottom: 50px !important;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);}
.box_conetnt {background: none repeat scroll 0% 0% rgb(255, 255, 255);position: relative;}
.box_title {padding: 18px;font-size: 13px;font-weight: bold;color: #fff;background: #6ba86b;z-index: 900;}
.box_close {float: right;font-size: 17px;margin-right: -5px;cursor:pointer;margin-top: -1px;color: rgba(255,255,255,0.3); transition: color 0.2s;}
.box_close:hover{color:#fff}
.box_footer {background: none repeat scroll 0% 0% rgb(240, 240, 240);padding: 12px;height: 25px;border-top: 1px solid rgb(204, 204, 204);}
.box_ppad{padding:15px}
.box_info{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:999999}
.box_info_margin{width:300px;color:#fff;margin:auto;background:rgba(0,0,0,0.8);padding:15px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;box-shadow: 0px 0px 15px 0 rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 15px 0 rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 15px 0 rgba(0,0,0,.5);margin-top:250px;text-shadow:0px 1px 0px #262626;z-index:100}
.box_info_msg{line-height: 160%;margin-top:5px;}
.box_info_margin span{font-size:13px}
.box_info_margin a{color:#a9cdf0}
.box_turn_panel{position:fixed;bottom:0px}
.box_top_but{width:105px;height:100%;cursor:pointer;position:fixed;opacity:0.7;cursor: pointer;top:0;left:0;display: none;}
.box_top_but:hover{background: rgba(0,0,0,0.1);opacity: 1;}
.box_top_strelka{width: 105px;text-align:center;font-size: 13px;margin-top: 80px;color: #fff;transition:margin-top 0.2s;}
.box_top_but:hover .box_top_strelka{margin-top: 40px;}
.box_bottom{padding: 12px 15px;background: #e2efe2;white-space: nowrap;}
.box_descr_content{padding: 20px;background: #e2efe2;font-size: 12px;}
.box_head_lnk{color: rgba(255,255,255,0.4);margin-left: 27px;cursor: pointer;transition: color 200ms ease;font-weight: normal;font-size: 11px;}
.box_head_lnk:hover{color: #fff;}
.box_conetnt input{margin-bottom: 10px;}

#box_attach_photo .box_bg, #box_attach_video .box_bg, #box_attach_audios .box_bg, #box_attach_docs .box_bg{margin-bottom: 100px !important;}



/* ATTACH */
.attach_doc_icon{font-size:34px;margin-right: 10px}
.attach_doc_icon img{width:48px;height: 41px;border-radius: 3px;}
.attach_note{padding: 5px 0;word-break: break-all;}
.attach_blog_name{font-weight: bold;color: rgb(107 168 107);margin-top: 4px;font-size: 12px;cursor: pointer;}
.attach_blog_name:hover{text-decoration: underline;}
.attach_blog_short{color: #666;line-height: 160%;}
.attach_note .attach_doc_icon img{width: 100px;height: 91px;cursor: pointer;}
.attach_note .button{margin-top: 5px;}
.attach_note_bg{padding: 7px 10px;background: #F1F1F1;margin: 0 3px;}
.attach_name_type{font-weight: bold;font-size: 12px;color: #6ba86b;margin: 5px 0;}
.attach_name_type span{color:#99ADC2;}
.attach_name_type .icon-cancel-3{font-size:14px;cursor: pointer;transition: color 200ms ease;}
.attach_name_type .icon-cancel-3:hover{color: #6ba86b;}
.attach_note .attach_doc_icon{color: rgb(107 168 107);}
.attach_note_border{padding-left: 8px;border-left: 2px solid #c3e0c4;margin-left: 5px;}
.attach_photo{position: relative;float:left;margin: 0 6px 6px 0;transition: all 100ms ease;-webkit-user-select:none;-moz-user-select:none;}
.attach_photo img{transition: all 100ms ease;border-radius: 2px;}
.attach_cancel{position: absolute;top:3px;right:3px;color: rgba(255,255,255,0.5);background: rgba(0,0,0,0.5);padding: 0px 0px 1px;cursor: pointer;border-radius: 2px;transition: all 200ms ease;}
.attach_cancel:hover{color: #fff;background: rgba(0,0,0,0.7);}
#photos{margin-top: 10px;}
#photos:after{display: block;clear: both;content: '';}


.attach_poll_top{font-weight: bold;color:#6ba86b;width: 100%;margin-top: 5px;border-bottom: 1px solid #E7EAED;padding-bottom: 4px;}
.attach_poll_top .type{color:#777;font-weight: normal;font-size: 11px;margin-top: 1px;}
.attach_poll_num{margin-top: 10px;font-size: 11px;}
.wall_vote_oneanswe .name_item{margin-bottom: 3px;}
.attach_poll_top .icon{font-size: 18px;color: rgb(107 168 107 / 72%);width: 21px;display: inline-block;}


.attach_document{margin-top: 8px;}
.attach_document .name{font-weight: bold;color:rgb(107 168 107);}
.attach_document .name .icon{color:rgb(107 168 107 / 72%);font-size: 15px;margin-right: 2px;}
.attach_document .size{color:#777;text-decoration: none;margin-left: 23px;margin-top: 1px;display: block;}

.im_photo_block{width: 135px;height: 90px;background: #F7F5F5;float: left;margin: 5px;text-align:center;position: relative;cursor: pointer;}
.im_choosed_bl{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.6);color: rgba(255,255,255,0.5);top:0;left:0;opacity: 0; transition: opacity 0.2s;}
.im_choosed_bl div{font-size: 50px;margin-top: 17px;color: #fff;}
.im_photo_block img{height: 90px;max-width: 135px;}
.im_upload{padding: 5px;background: #e2efe2;color: #6ba86b;text-align:center;cursor: pointer;transition: background 0.2s, color 0.2s;line-height: 160%;font-size: 12px;position: absolute;top:0;width: 590px;}
.im_upload:hover{background: #c5e7c5;color: #5d975d;}
.im_upload_fix{position: fixed;top:0;width: 600px;box-sizing: border-box;z-index: 1111;}
#im_upload_2{background: #fff;padding: 23px;font-size: 14px;display: none;}
.im_photos_footer {padding: 10px 15px;background: #e2efe2;box-sizing: border-box;display: none;width: 100%;bottom: -47px;position: absolute;}
.im_photos_footer_fix{position: fixed;bottom: 0;width: 600px;z-index: 1111;background: rgba(238, 240, 242, 0.89);}
.im_attach_buts{list-style: none;float: left;margin-left: 15px;font-size: 18px;margin-top: 2px;}
.im_attach_buts li{float: left;cursor: pointer;}
.im_progress{height: 7px;width: 100px;border: 1px solid rgba(0, 0, 0, 0.25);position: relative;float: left;}
.im_progress_line{position: absolute;top:0;left:0;height: 100%;width: 0%;background: rgb(112, 175, 112);}
.im_attach_photo{position: relative;float: left;margin-left: 3px;cursor: pointer;margin-bottom: 5px;margin-top: 5px;}
.im_attach_photo_clos{background: rgba(0,0,0,0.5);padding: 0px 4px 2px 4px;color: #fff;font-weight: bold;cursor: pointer;position: absolute; top: 3px;right: 3px;border-radius: 3px;transition: background 0.2s}
.im_attach_photo_clos:hover{background: rgba(0,0,0,0.7);}
.im_drop_area {height: 52px;padding: 10px;background: #e2efe2;margin-bottom: 10px;display: none;}
.im_drop_area_text{padding: 16px;font-size: 14px;color: #6ba86b;background: #FFF;}
.wall_photo{float: left;margin:0 6px 6px 0;cursor: pointer;overflow: hidden;position: relative;}
.wall_photo img{transition: opacity 500ms ease;opacity: 0;position: absolute;left: 0;top: 0;min-height: 100%;height: 100%;min-width: 100%;}
.wall_photo.one_img img{max-width: 100%;max-height: 100%;min-width:inherit !important;right: 0;bottom: 0;margin: 0;}
.im_search_new_dialog{padding: 9px;width: 100%;margin-bottom: 0px !important;}

.albumsChoseBlock {float: left; width: 186px; height: 136px;position: relative;margin-left: 10px;margin-top: 10px;overflow: hidden;max-height: 189px;cursor: pointer}
.albumsChoseBlock img {width: 186px;}
.albumsChoseSettings {background: rgba(0,0,0,0.6); width: 100%;color: #fff;position: absolute; top: 110px;left: 0;font-size: 11px;font-family: 'Noto Sans', tahoma, arial, verdana, sans-serif, Lucida Sans;}
.albumsChoseSettings .title {font-weight: bold; padding: 6px;}
.albumsChoseSettings .descr {padding: 0 6px 6px 6px;}
.attachAlbumname {max-width: 127px;overflow: hidden; white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

/* ATTACH LINK */
.attach_link_bl{position: relative;width:100%;background: #F1F1F1;padding: 10px;box-sizing: border-box;}
.attach_link_bl .image{max-width: 150px;max-height: 150px;width: 150px;}
.attach_link_bl .cont{margin-left: 160px;}
.attach_link_bl .cont .title{font-weight: bold;color:#6ba86b;}
.attach_link_bl .cont .descr{margin-top: 5px;}
.attach_link_bl .preloader{padding: 20px 0;text-align: center;}
.attach_link_bl .lnk_cont{display: none;}
.attach_link_bl .change_buts{position: absolute;top: 16px;left: 20px;list-style: none;}
.attach_link_bl .change_buts li{float: left;font-size: 15px;color: rgba(255,255,255,0.5);background: rgba(0,0,0,0.5);padding: 2px 0px;cursor: pointer;transition: color 200ms ease, background 200ms ease;}
.attach_link_bl .change_buts li:hover{color: #fff;background: rgba(0,0,0,0.7);}
.attach_link_bl .cont .descr textarea{height: 70px;width: 250px;}
.attach_link_bl .cont .title input{width: 250px;}
.attach_link_bl .delete{position: absolute;top: 4px;right: 4px;font-size: 19px;cursor: pointer;color: #79818A;transition: opacity 200ms ease;opacity: 0.6;}
.attach_link_bl .delete:hover{opacity: 1}
.lnk_to_url{margin-top: 5px;text-align: center;color: #6ba86b;cursor: pointer;}
.lnk_to_url:hover{text-decoration: underline;}
.lnk_to_url_input{border:1px solid #bad1ba;padding: 7px;width: 354px;}
#attach_link_edit textarea{width:262px !important;}
.attatch_link_title{font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 4px;}
.wall_show_block_link .link_descr{line-height: 160%;margin-top: 4px;}


/* eidt post */
#rec_edit textarea{padding: 5px;min-height: 48px;border: 1px solid #bad1ba;line-height: 1.27em;outline: none;margin-top:10px;width: 447px;}
#attach_files_edit{margin-top:10px;}
#attach_files_edit:empty{display: none;}
.edit_actions{margin: 10px 0;}
.edit_actions .button.inline{margin-left:5px;}
.edit_attach{list-style: none;float:right;font-size:18px;margin-right: 11px;color: #8092A4;margin-top: 5px;}
.edit_attach:after{display: block;clear: both;content: '';}
.edit_attach li{transition: color 200ms ease;cursor: pointer;float:left;margin-left: 6px;}
.edit_attach li:hover{color: #406489;}


/* other */
.searchUserAva {position: relative; width: 100px; height: 100px;max-height: 100px;overflow: hidden;float: left}
.searchUserAvaZoom{position: absolute; padding: 8px 0 4px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.6);color: #e6f3e6;width: 36px;background: rgba(0,0,0,0.8);left:0;bottom: -34px;text-align:center;cursor: pointer;transition: color 0.1s;font-family: 'Noto Sans', tahoma, arial, verdana, sans-serif, Lucida Sans;font-weight: bold; font-size: 17px;}
.searchUserAvaZoom:hover {color: #fff}
.public_all_user_descr{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 150px;}
.friends_onefriend{float:left;width:50%;overflow:hidden;height:100px;border-bottom:1px solid #E4E7EB;padding-bottom:10px;margin-top:10px}
.friends_onefriend:last-child{border-bottom: 0}
.friends_onefriend a div img{float:left;margin-right:10px;width:100px}
.friends_tfl{float:left;color:#777;width:50px}
.friends_clr{margin-top:5px}
.width_100{width:100%}
.search_form_tab {color: rgb(33, 87, 139);background: #FAFAFA;margin: -17px -15px;padding: 10px;border-bottom: 1pt solid rgb(204, 204, 204);}
.search_videos_res{height:152px}
.fave_input{border:1px solid #c6d4dc;padding:6px;margin-left:4px;color:#c1cad0;width:723px;margin-top:5px;margin-bottom:5px}
.input-append{padding-bottom: 9px;}
.search_result_title{padding:5px;padding-left:0px;padding-top:10px;font-weight:bold;color:rgb(107 168 107)}
.profile_update_photo img{max-width:350px;max-height:350px}



/* COMMENTS */
.comm_open_from_but{color: #666;float: left;font-size: 10px;margin-top: 2px;}
.comm_open_from_but.nopub{margin-top: 0px;}
.comm_open_from_but a{color: #459145;}
.comm_open_from_but a:hover{color: #459145;text-decoration: underline;}
.reply_from_bg, .comm_short_from{background: #f0f3f0;padding: 6px;clear: both;margin-top: 5px;}
.reply_from_bg .ava{float: left;width: 30px;height: 30px;}
.reply_from_bg .ava img{width: 100%;height: 100%;}
.reply_arrow_box {position: relative;background: #ffffff;border: 1px solid #bad1ba;margin-left: 40px;}
.reply_arrow_box:after, .reply_arrow_box:before {right: 100%;top: 15px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.reply_arrow_box:after {border-color: rgba(255, 255, 255, 0);border-right-color: #ffffff;border-width: 5px;margin-top: -5px;}
.reply_arrow_box:before {border-color: rgba(195, 203, 212, 0);border-right-color: #bad1ba;border-width: 6px;margin-top: -6px;}
.reply_arrow_box textarea{border:0;padding: 5px;width:100%;box-sizing: border-box;min-height: 31px;overflow: hidden;height: 41px;resize: none;}
.reply_arrow_box .tags_relativ_bl .usersbl{top:1px;}
.reply_settings_buts{margin-left: 40px;margin-top: 5px}
.reply_attach_buts{list-style: none;font-size: 17px;color: #96bf96;margin-top: 6px;}
.reply_attach_buts li{float: left;cursor: pointer;transition: color 200ms ease;margin-left: 5px;}
.reply_attach_buts li:hover{color: rgb(107 168 107);}
.comm_short_from input{padding: 5px;width: 100%;box-sizing: border-box;color: #666;}
.comment_item{padding: 10px 0;border-top: 1px solid #e2ede2;position: relative;}
.comment_item:first-child{border-top:0;}
.comment_item .ava{width: 50px;height: 50px;position: absolute;top: 10px;left: 10px;}
.comment_item .comm_cont{margin-left: 60px;}
.comment_item .comm_text{line-height: 150%;margin-top: 5px}
.comment_item .comm_info{color: #666;margin-top: 8px;}
.comment_item .response, .comment_item .edit_comm{cursor: pointer;color: #6ba86b;}
.comment_item .response:hover, .comment_item .edit_comm:hover{text-decoration: underline;}
.reply_user{float: left;margin-left: 10px;margin-top: 6px;color: #6ba86b;white-space:nowrap;}
.reply_user .icon-cancel-3{font-size: 12px;color: #88A2B9;transition: color 200ms ease;cursor: pointer}
.reply_user .icon-cancel-3:hover{color: #6ba86b;}
.comment_item .delete{position: absolute;right:0;top:4px;font-size: 18px;color: rgb(188, 197, 207);transition: color 200ms ease, opacity 200ms;cursor: pointer;opacity:0;}
.comment_item .delete:hover{color:rgb(64, 90, 119);}
.comment_item:hover .delete{opacity: 1}
.comment_item .deleted{color: #666;padding: 5px 0;}
.all_reply_but{color: #6A7989;background: #e2ede2;padding: 10px 0;text-align: center;cursor: pointer}
.all_reply_but:hover{background: #D9E0E7}
.comment_item .like_bl{padding: 0;}
.comment_item .like_bl:hover{background: transparent !important;}
.reply_loader{margin-left: 5px;}
.comment_result:empty{display: none;}
.comment_item .comment_item {
    margin-bottom: -10px;
    margin-top: 6px;
}
.comment_item .comment_item .ava {
    height: 32px;
    left: 0;
    width: 32px;
}
.comment_item .comment_item .ava img {
    height: 32px !important;
    width: 32px !important;
}
.comment_item .comment_item .comm_cont {
    margin-left: 40px;
}
.comment_item .comment_item .comm_text {
    margin-top: 0;
}
.comment_item #edit_post_text{width: 100%;margin-top: 5px;padding: 5px;resize: none;height: 50px;}
.comment_item .post_reply_form, .post_reply .post_reply_form {
    margin-top: 8px;
    padding: 8px;
}
.comment_item .post_reply_form input, .post_reply .post_reply_form input {
    padding: 5px;
}
.comment_item .reply_from_ava, .post_reply .reply_from_ava {
    height: 32px;
    width: 32px;
}
.comment_item .reply_from_wr, .post_reply .reply_from_wr {
    margin-left: 40px;
}
.comment_item .reply_arrow, .comment_item .reply_arrow_out, .post_reply .reply_arrow, .post_reply .reply_arrow_out {
    top: 10px;
}
.comment_item .reply_text, .post_reply .reply_text {
    min-height: 21px;
}
.reply_to .icon-cancel-3{
	cursor: pointer
}
#cont_wrap{cursor: pointer}
/* PRELOADERS AND PROGRESS */
.big_progress{position: relative;width: 100%;height: 30px;border: 1px solid rgb(107 168 107);}
.big_progress_line{position: absolute;top:0;left:0;height:100%;width: 0;background: rgb(107 168 107)}
#site_loader{position: fixed;top:0;left:0;right: 0;bottom: 0;background: rgba(0,0,0,0.7);width: 100%;height: 100%;z-index: 300;}
#site_loader .figure{width: 120px;position: relative;height: 120px;position: absolute;top:50%;left:50%;margin-left: -60px;margin-top: -60px;}
#site_loader .figure div{width: 120px;height: 120px;border:4px solid;position: absolute;top:0;left:0;border-radius: 139px;border-color: transparent;-webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite;}
#site_loader .figure div.i1{border-top-color: #468847;}
#site_loader .figure div.i2{border-top-color:white;width: 90px;height: 90px;top: 15px;left: 15px;-webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;}
#site_loader .figure div.i3{border-top-color:#CF2C28;width: 60px;height: 60px;top: 30px;left: 30px;}

.upload_progress_bl {position:relative;width:100%;height: 30px;border:1px solid #ddd;}
.upload_progress_proc{position:absolute;top:0;left:0;height:100%;width:0%;background:#6ba86b;}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes spin {
    0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
}

/* BLOG */
.blog_content{line-height: 160%;font-family: 'Noto Sans', Georgia, "Times New Roman", Times, serif;font-size: 16px;word-wrap: break-word;}
.blog_content a{color:#6ba86b;cursor: pointer}
.blog_content a:hover{color:#6ba86b;text-decoration: underline;}
.blog_content img{cursor: pointer;max-width: 100%;}
.blog_content .audioPage{font-size: 11px;font-family:'Noto Sans', tahoma, arial, verdana, sans-serif, Lucida Sans;line-height: 100%;}
.blog_content.short{max-height: 400px;overflow: hidden;position: relative;}
.blog_read_all{left: 0;margin: 0 10px 0 10px;font-size: 12px;font-weight: bold;cursor: pointer;color: #6ba86b;}
.blog_read_all:hover{text-decoration: underline;}

/* ATTACH */
.attach_doc_icon{font-size:34px;margin-right: 10px}
.attach_doc_icon img{width:48px;height: 41px;border-radius: 3px;}
.attach_note{padding: 5px 0;}
.attach_blog_name{font-weight: bold;color: rgb(107 168 107);margin-top: 4px;font-size: 12px;cursor: pointer;}
.attach_blog_name:hover{text-decoration: underline;}
.attach_blog_short{color: #666;line-height: 160%;}
.attach_note .attach_doc_icon img{width: 100px;height: 91px;cursor: pointer;}
.attach_note .button{margin-top: 5px;}
.attach_note_bg{padding: 7px 10px;background: #F1F1F1;margin: 0 3px;}
.attach_name_type{font-weight: bold;font-size: 12px;color: #6ba86b;margin: 5px 0;}
.attach_name_type span{color:#99ADC2;}
.attach_name_type .icon-cancel-3{font-size:14px;cursor: pointer;transition: color 200ms ease;}
.attach_name_type .icon-cancel-3:hover{color: #6ba86b;}
.attach_note .attach_doc_icon{color: rgb(107 168 107);}
.attach_note_border{padding-left: 8px;border-left: 2px solid #c3e0c4;margin-left: 5px;}

.attach_photo{position: relative;float:left;margin: 0 6px 6px 0;transition: all 100ms ease;-webkit-user-select:none;-moz-user-select:none;}
.attach_photo img{transition: all 100ms ease;border-radius: 2px;}
.attach_cancel{position: absolute;top:3px;right:3px;color: rgba(255,255,255,0.5);background: rgba(0,0,0,0.5);padding: 2px 1px 1px 0px;cursor: pointer;border-radius: 2px;transition: all 200ms ease;}
.attach_cancel:hover{color: #fff;background: rgba(0,0,0,0.7);}
#photos{margin-top: 10px;}
#photos:after{display: block;clear: both;content: '';}

.attach_poll_label .icon-cancel-3{font-size: 16px;color: rgb(184, 198, 214);cursor: pointer;transition: color 200ms ease;margin-top: 5px;display: block;float: left;}
.attach_poll_label .icon-cancel-3:hover{color: rgb(85, 121, 163);}
.attach_poll_label input{padding: 6px;margin-bottom: 10px;}
.attach_poll_title{font-weight: bold;margin-top: 9px;color:rgb(107 168 107);}
.attach_poll_title i{font-size: 18px;margin-top: -4px;color: #C0D5E0;transition: color 200ms ease;}
.attach_poll_title i:hover{color: #628394;}
.attach_poll_add{padding: 7px 0;background: #DBE0E5;width: 94%;text-align: center;color: rgb(107 168 107);cursor: pointer;}
.attach_poll_add:hover{background: #C7D2DD}
.check_box_bl.poll_ch{margin: 9px 0 5px;}

.attach_video_choose{position: relative; width: 279px;height: 192px;margin: 5px;}
.attach_video_choose img {width: 279px;height: 192px;}
.attach_video_title{position: absolute; bottom:0;left:0;background: rgba(0,0,0,0.7); padding: 10px;box-sizing: border-box;width: 100%;font-weight: bold;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ok_block_vid {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);color: #fff;font-size: 85px;text-align: center;padding-top: 51px;cursor:pointer;display:none;box-sizing: border-box}

.attach_photo_block a{position: absolute;bottom: 0px; background: none repeat scroll 0% 0% rgb(0, 0, 0);width: 160px;height: 16px;color: rgb(255, 255, 255);padding: 0px 5px; opacity: 0.8;}
.attach_photo_block1 {height: 80px;margin-bottom: 5px;position: relative;width: 127px;margin-left: 14px;}
.attach_photo_block1 img {width: 125px;cursor:pointer;height:80px;}
.ok_block_vid1 {position: absolute;width: 125px; height: 65px;background: none repeat scroll 0% 0% rgb(0, 0, 0);opacity: 0;color: rgb(255, 255, 255);font-size: 45px;text-align: center;padding-top: 14px;cursor: pointer;transition: opacity 200ms ease;}


/* ADS */
#ads_block{position: fixed;width: 100px;top: 55px;}
#ads_block a:hover{text-decoration: none;}
.add_block_al{margin-bottom: 10px;line-height: 130%;text-align: center;position: relative;cursor: pointer;border-bottom: 1px solid #E6E9EC;padding-bottom: 6px;}
.add_block_al.allad{float:left;float: left;margin: 10px;width: 100px;border-bottom: 0;height: 190px;}
.add_block_al .title{font-weight: bold;color: #325e32;word-wrap: break-word;}
.add_block_al .lnk{color: #777777;font-size: 10px;overflow: hidden;text-overflow: ellipsis;max-width:95px;white-space: nowrap;}
.add_block_al img{width: 100px;margin-top: 3px;}
.add_block_al .descr{color: #444;word-wrap: break-word;margin-top: 3px;}
.add_block_al .close{position: absolute;top: -2px;right: -8px;cursor: pointer;font-size: 14px;opacity: 0;transition: all 200ms ease;color:#a6d1a6;}
.add_block_al:hover .close{opacity:1;}
.add_block_al .close:hover{color:#6ba86b;}
.all_ads_but{text-align: center;color: #888;margin-top: -5px;cursor: pointer;}
.all_ads_but:hover{text-decoration: underline;}

/* AUDIO */
.audioPage{position: relative;clear: left;}
.audioPage .area{cursor: pointer;margin-bottom: 10px;line-height: normal;}
.audioPage .area table{width: 100%;border-spacing: 0px;}
.audioPage .area table td{border:0px;vertical-align: top;}
.audioPage .area:hover{background-color: #bad1ba6e;}

.audioPage .audioPlayBut{color: #6ba86b !important;padding: 6px;}
.audioPage:hover .audioPlayBut{color: #6ba86b !important;}
.audioPlayBut {font-size: 16px; color: #6ba86b; float: left;transition: color 0.3s;cursor: pointer;}
.audioPlayBut:hover {color: #6ba86b; }
.audioPage.play .audioPlayBut:before{content: '\e06a';}
.audioPage.pause .audioPlayBut:before{content: '\f00f';}

.audioPage .new_play_btn{padding: 6px;position: absolute;z-index: 10100000;}
.audioPage .audioPlayBut.new_play_btn:before{display: none;}
.audioPage .new_play_btn .bl{position: relative;width: 16px;height: 16px;background: #6ba86b;border-radius: 2px;}
.audioPage .new_play_btn .bl .figure{position: absolute;top:3px;left:6px;}
.audioPage .new_play_btn .bl .figure{border: 5px solid transparent;border-left:6px solid #fff;border-radius: 2px;}

.audioPage.play .new_play_btn .bl .figure{width: 3px;height: 8px;border-width: 0;background: #fff;left: 4px;top: 4px;}
.audioPage.play .new_play_btn .bl .figure:after{content: '';display: block;position: absolute;top:0px;left:5px;width: 3px;height: 8px;background: #fff;border-radius: 2px;}

.audioPage.pause .new_play_btn .bl .figure{border-width: 5px;border-left-width: 6px;top:3px;left:6px;background: transparent;height: 0px;width: 0;}
.audioPage.pause .new_play_btn .bl .figure:after{display: none;}


.audioPage td.info{width: 100%;max-width: 180px;}

.audioPage .audioNames{padding: 7px 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 598px;margin-left: 25px;}
.audioPage .audioNames .name{font-weight: normal !important;}
.audioPage .audioNames .author{color:rgb(107 168 107);}
.audioPage .audioNames .author:hover{text-decoration: underline;}

.audioPage .audioElTime{color:#8795A5;font-size: 0.9em;max-width: 40px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;position: absolute;right: 35px;top: 8px;}

.audioPage.play .area{margin-bottom: 0px;}
.audioPage .audioPlayer{height: 10px;padding: 0px 6px;display: none;}

.audioVolumeBar {height: 14px; width: 45px; float: left; margin-top:0px;margin-left: 11px;position: relative;cursor: pointer;-webkit-user-select: none;}
.playingAudio .aduioNames, .playingAudio .icon-pause, .playingAudio .icon-pencil-7, .playingAudio .icon-cancel-4, .playingAudio .icon-play-4, .playingAudio .icon-plus-6{color: #fff !important}
.playingAudio .audioElTime {color: #b1bfcf !important;}
.progressBar {height: 10px;width: 498px;position: relative;cursor: pointer;display: block;}
.audioBGProgress{background: #D8DEE4;width: 100%;z-index: 1;}
.audioLoadProgress{background: #b2c9b5;z-index: 2;}
.audioPlayProgress{background: #6ba86b;z-index: 3;}
.audioLoadProgress, .audioPlayProgress{width: 0;}
.audioBGProgress, .audioLoadProgress, .audioPlayProgress {position: absolute;height: 5px;top: 0;left: 0;display: block;border-radius: 2px;}
.audioSlider {height: 9px;width: 9px; border-radius: 50%;background: #6ba86b; margin-top: -2px;float:right;display: none;margin-right: -5px;}
.audioTimesAP {position: absolute;z-index: 1111;padding: 2px 5px;display: none;top: -28px;}
.audioTAP_strlka {position: relative;background: #b2c9b5;border: 3px solid #b2c9b5;border-radius: 3px;color: #6ba86b;display: block}
.audioTAP_strlka:after, .audioTAP_strlka:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;display: block}
.audioTAP_strlka:after {border-color: rgba(204, 204, 204, 0);border-top-color: #b2c9b5;border-width: 3px;margin-left: -3px;}
.audioTAP_strlka:before {border-color: rgba(204, 204, 204, 0);border-top-color: #b2c9b5;border-width: 7px;margin-left: -7px;}

.audioSettingsBut {display: none;position: absolute;right: 0px;top: 0px;}
.audioSettingsBut li {font-size: 12px; color: #6ba86b; float: left;transition: color 0.3s;list-style: none;opacity: 0.5;cursor: pointer;padding: 9px 9px 8px;}
.audioSettingsBut li:hover {opacity: 1;}
.audioElem.search:hover .audioElTime{display: none;}
.audioElem.search:hover .audioSettingsBut{display: block;}



.audioLoadBut{white-space: nowrap;padding: 10px; text-align: center; background: #e6f5e6;color: #6ba86b;cursor: pointer;margin-top: 5px;clear: both;}
.audioLoadBut:hover {background: #dde9dd;color: #6ba86b;}
.audioLoadBut img{padding: 3px 0px;}
.user_official_icon{color: rgb(46, 133, 46);}
.audioEditDescr {color: #666;width: 90px;text-align: right;padding-right: 15px;float: left;margin-top: 10px;}
.audioEditInput {border: 1px solid #bad1ba !important;padding: 8px !important;font-size: 12px !important;line-height: normal !important;width: 283px !important;margin-bottom: 10px;}

#audios_block .audioPage .audioNames{width: 454px;}

.audioPage.attach .audioNames{width: 50%;}


/* Slector */
.kj_selector{position: relative;width:200px;border:1px solid #bad1ba;background: #fff;line-height: 100%}
.kj_selector .title{margin-bottom: 0;padding: 7px 21px 7px 10px;border: 0;box-sizing: border-box;height: 29px;display: inline;width: 100%;background: #fff !important;cursor: pointer !important;font-weight: normal;font-size: 11px;color: #000; text-align: left;}
.kj_selector .title:disabled{background: #f0f3f0 !important;}
.kj_selector .arrow{width: 0;height: 0;border: 6px solid transparent;position: absolute;right:5px;top:50%;margin-top:-2.5px;border-top-color: #aecbae;  border-bottom: 0;z-index: 2;}
.kj_selector .cont{position: absolute;top:100%;left:0;z-index: 100;background: #fff;width:100%;border:1px solid #bad1ba;margin-left:-1px;list-style: none;display: none;max-height:250px;overflow: auto;overflow-x: hidden}
.kj_selector .cont li{padding: 6px 10px;cursor: pointer;border:1px solid transparent;}
.kj_selector .cont li.active{background: #6ba86b;border-color: #5d975d;color: #fff}
.kj_selector.show .cont{display: block !important;}
.kj_selector .arrow_box{height:100%;background: transparent;top:0;position: absolute;right:0;width:21px;z-index: 3;}
.kj_selector.show .arrow{border-bottom: 6px solid #aecbae;border-top:0;}
.kj_selector .cont li.disabled{background: #eee !important;color: #000 !important;}
.kj_selector.top .cont{top: initial;bottom: 100%;}


/* ---- */
.news_response_table{width:100%;width: 770px;margin:0 0 -15px -15px;min-height:300px;}
.news_response_table td{vertical-align: top;box-sizing:border-box;padding-bottom: 15px;}
.news_response_table .ftd{width: 569px;max-width:570px;}
.news_response_table .ltd{width: 200px;max-width: 200px;border-left: 1px solid #e0e9e1;background: #f0f3f0;}
.news_peple_know{font-weight: bold;padding: 14px 0;text-align: center;background:#6ba86b;color: rgb(255, 255, 255);text-shadow: 0 1px 0 rgb(107 168 107);}
.news_peple_know_users{list-style: none;margin-top:10px;}
.news_peple_know_users .preloader{text-align: center;padding: 50px 0;}
.news_peple_know_users li{padding: 5px 10px;}
.news_peple_know_users img{border-radius: 3px;float:left;width:50px;height:50px;}
.news_peple_know_users .know_user{margin-left:60px;line-height: 150%}
.news_peple_know_users .know_user .name{font-weight: bold;color: rgb(107 168 107);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news_peple_know_users .know_user .descr{color: #777;}
.news_peple_know_users .know_user .descr:hover{text-decoration: underline;}
.news_peple_know_users li:hover {background: #bad1ba6e}
/* ---- */

/* ---- */
.news_preview_post{padding: 10px 15px;}
.news_preview_post .wall_upage{border:0;}
.news_preview_post .wall_rec_autoresize{width: 515px !important;}
.news_preview_post .wall_delete{display: none}
.news_preview_post .wall_fast_opened_form{width: 497px !important;}
.news_preview_post .wall_inpst{width: 483px !important;}
.news_response_preview{position: absolute;left: -61px;top:100%;}
.news_response_preview .kj_info_top{display: block;top: 9px;left: 0;width: 400px;margin-top: 0px;z-index: 111}
/* ---- */


/* fast search */
.fs_item{padding: 5px 10px;cursor: pointer;color: rgb(107 168 107);position: relative;}
.fs_item img{border-radius: 3px;width:40px;height:40px;float: left;}
.fs_item.over{background: rgba(219, 227, 235, 0.5)}
.fs_item .cont{float:left;width:259px;margin-top:2px;}
.fs_item .title{font-weight: bold;color: rgb(107 168 107);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.fs_item.href{font-weight: bold;padding: 10px;}
.fs_item:hover{color: rgb(107 168 107);}
.fs_item .traf{color: #777;margin-top: 5px;}
.fs_item.video{display: inline-block;padding:5px;}
.fs_item.video img{margin:0;}
.fs_item.video:first-child{margin-left: 13px;}
.fs_scroll_bl{position: relative;width: 100%;height: 100%;}
.fs_scroll{position: absolute;top:0;right:0;height: 100%;bottom:0;width: 9px;z-index: 30;transition: width 0.1s, background 0.3s, opacity 200ms ease;cursor: pointer;opacity:0;}
.fs_scroll_bl:hover .fs_scroll{opacity:1;}
.fs_scroll_hover{background: rgba(235, 235, 245, 0.4);width: 11px;opacity:1;}
.fs_scroll_slider{width: 7px;border-radius: 5px;background: #d8e1d9;position:absolute;right:1px;top: 0px;height: 50px;z-index:31;transition: width 0.1s, background 0.3s;}
.fs_scroll_slider_hover{background: rgb(107 168 107);}
.fs_scroll_hover .fs_scroll_slider{width: 9px;}
#fs_scroll_cont{position: absolute;top:0;left:0;width: 100%;}
.fs_item .icon-megaphone-2{font-size: 29px;float: left;margin-right:9px;}
.fs_play_but{float:left;margin-right: 10px;font-size:16px;}
.fs_item .atime{position: absolute;color: #777;right: 15px;top:8px;}
.fs_item.play .fs_play_but:before{content: '\e06a';}
.fs_item.music .cont{margin-top:3px;max-width: 220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* comments */
.newComments{padding: 8px;text-align: center;color: #6A7989;background: #e2ede2;margin: 5px 0;cursor: pointer;}
.newComments:hover{background: #EEF2F6;}

#navigation_frame{position: fixed;top:-50px;width:10px;height: 10px;left:0;}


/* SPAM */
.wall_spam_title{padding: 10px 0 10px;color: #777;}
div[id^="spam_type"]{margin-bottom: 10px;}
.wall_spam_preloader{padding: 40px;padding-left: 178px;}

/* TAGS */
.tags_relativ_bl{position: relative;width: 100%;height:0px;}
.tags_relativ_bl .usersbl{position: absolute;top:0;left:0;width: 100%;background: #fff;border:1px solid #bad1ba;z-index:111;border-top: 0;box-sizing: border-box;box-shadow: 0 1px 3px rgba(48,96,144,0.31);list-style: none;}
.tags_relativ_bl .usersbl li{padding: 5px;cursor: pointer;border-bottom: 1px solid #bad1ba63;}
.tags_relativ_bl .usersbl li:hover{background: #F1F5F9;}
.tags_relativ_bl .usersbl li:last-child{border-bottom: 0;}
.tags_relativ_bl .usersbl li img{width: 35px;height:35px;border-radius: 2px;float: left;display: block;}
.tags_relativ_bl .usersbl li .name{color:rgb(107 168 107);}
.tags_relativ_bl .usersbl li .ucont{margin-left:45px;margin-top: 3px;}
.tags_relativ_bl .usersbl li .uid{color: #777;margin-top:1px;}
.tags_relativ_bl .usersbl:empty{display: none !important;}
.tags_relativ_bl .tag_not_found{padding: 6px 10px;color: #000;background: #F1F1F1;}

.hash_link{color:rgb(107 168 107);}
.hash_link:hover{color:rgb(107 168 107);text-decoration: underline;}

/* friends online */
#friends_online_notify{position: fixed;top: 47px;left:15px;list-style: none;}
#friends_online_notify li{background: rgba(0,0,0,.7);width: 200px;padding: 5px;border-radius: 2px;transition: opacity 200ms ease, box-shadow 200ms ease, margin-top 200ms ease;opacity: 0.8;margin-bottom: 8px;position: relative;}
#friends_online_notify li img{width: 40px;height:40px;float: left;}
#friends_online_notify li:hover{opacity:1;cursor: pointer;box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
#friends_online_notify li .cont{margin-left: 10px;}
#friends_online_notify li .cont .name{font-size: 12px;color: #fff;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 123px;}
#friends_online_notify li .cont .str{color: #fff;margin-top: -2px;}
#friends_online_notify li .icon-cancel-7{position: absolute;top: 14px;right: 7px;color: #fff;font-size: 18px;opacity: 0;transition: opacity 200ms ease;}
#friends_online_notify li:hover .icon-cancel-7{opacity: 1;}


/* check box */
.check_box_bl{cursor: pointer;}
.check_box_bl .check_box{height: 12px;width: 12px;border: 1px solid #B8C3CD;box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.1);margin-top: 3px;position: relative;background: #fff;}
.check_box_bl .check_box .check_box_icon{display: none;position: absolute;top: -4px;left: -5px;font-size: 18px;color: rgb(107 168 107);}
.check_box_bl:hover .check_box{background: #e2ede2;}
.check_box_bl.selected .check_box .check_box_icon {display: block;}
.check_box_bl .text{margin-left: 8px;margin-top: 3px;}


/* wall posts */
.wall_post{padding: 5px 0;border-top: 1px solid #d8e1d9;position: relative;}
.wall_post:first-child{border-top: 0;}
.wall_post_ava{width: 58px;float: none;position: absolute;top:5px;left:0;}
.wall_post_ava img{width: 50px;height:50px;}
.wall_post_ava .online{color: #777;margin-top: 2px;text-align: center;}
.wall_post_cont{margin-left:60px;position: relative;}
.wall_post_author{font-weight: bold;margin-top: 2px;}
.wall_post_author.blog{font-size: 18px;}
.wall_text, #wall_tellTEXT{line-height: 160%;margin-top:3px;}
.wall_text:empty{display: none;}
.wall_tell_name .icon-reply-2{color: #6ba86b;margin-right: 4px;}
.wall_tell_name{margin-bottom: 2px;}
.wall_post_info{margin-top: 10px;}
.wall_post_info .icon-comment-4{color:rgb(116, 152, 189);}
.wall_post_date{color: #777;}
.wall_min_video{position: relative;text-align: center;float: left;margin: 0 6px 6px 0;cursor: pointer;}
.wall_min_video .play_big_but{-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;-moz-text-stroke-width: 1px;-moz-text-stroke-color: #fff;color:rgba(255,255,255,0.2);font-size: 66px;position: absolute;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;transition: color 200ms ease;}
.wall_min_video:hover .play_big_but{color: #fff;}
.post_comment_but{display: none;}
.post_comment_but a{margin-left: 5px;}
.post_comment_but.visible{display: inline;}
#wallControlsBut{margin-top: -8px;}
.post_control{position: absolute;top:5px;right: 5px;list-style: none;}
.post_control li{font-size: 16px;color:#D3DDE8;cursor: pointer;transition: all 200ms ease;opacity: 0;}
.post_control li:hover{color:#6B8DB1;}
.wall_post:hover .post_control li{opacity: 1;}
.post_control li.icon-attach-5{font-size: 13px;margin-top: 2px;}
.post_control li.blackFixed{color:#6B8DB1;}
.post_control li.icon-pencil-7{font-size: 13px;margin-top: 1px;}
.wallauthor a{font-weight: bold;}
.wall_post_author span{font-weight: normal;}
#rec_edit{width: 459px;}
.wall_strlen{max-height: 155px;overflow: hidden;}
.wall_strlen_full{cursor:pointer;font-weight:bold;color:#94ADC6;margin-top: 7px;}
.wall_strlen_full:hover{color:#6ba86b}

.wall_show_block_link{margin-top:10px;}
.wall_show_block_link:first-child{margin-top: 5px;}
.wall_show_block_link .domain{color: #777;}
.wall_show_block_link .img_bl{width:118px;max-height:80px;float:left;overflow: hidden;}
.wall_show_block_link img{margin-right:10px;max-height:80px;width:110px;background-color:#f0f0f0 transparent}

#wall_records .wall_post, #feed_result .wall_post, #public_wall_records .wall_post{margin-top: 10px;border-top: 0;}
#wall_records .wall_post_cont, #feed_result .wall_post_cont, #public_wall_records .wall_post_cont{background: #fff;border-radius: 2px;padding: 10px;box-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);-moz-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);-webkit-shadow: 0 1px 2px rgba(6, 33, 63, 0.13);}

.wall_author_bl{margin-top: 10px;display: inline-block;}
.wall_author_bl .icon-user-6{float: left;color:rgb(115, 131, 146);font-size: 13px;margin-top: 1px;margin-right: 3px;}
.wall_author_bl .aname{float: left;}


.wall_post .reply_from_bg, .wall_post .comm_short_from{margin-left: -10px;margin-bottom: -10px;width: 100%;padding: 10px;background: #f0f3f0;border-top: 1px solid #d8e1d9;border-radius: 0 0 3px 3px;}
.wall_post .comm_short_from input, .wall_post .reply_from_bg textarea{padding: 7px;border-radius: 2px;}
.wall_post .reply_arrow_box{border-radius: 2px;}

/* likes */
.like_bl{padding: 5px 10px;border-radius: 2px;cursor: pointer;color:rgb(107 168 107);transition: all 200ms ease;position: static;line-height: 100%;}
.like_bl .icon-megaphone-3{margin-left: 2px;margin-top: 2px;}
.like_bl .icon-heart{margin-left: 2px;margin-top: 3px;}
.like_bl .like_heart{color:#A4C39D;transition: color 400ms ease;}
.like_count{font-weight: bold;transition: color 400ms ease;color: rgb(107 168 107);white-space: nowrap;overflow: hidden;height:12px;}
.like_bl:hover{background: #e2ede2;color:rgb(69 145 69);}
.like_bl:hover .like_count{color:rgb(69 145 69);}
.like_bl:hover .like_heart, .like_bl.my .like_heart{color:#639D57;}
.like_bl .icon-heart{width: 16px;text-align: center;height: 10px;}
.like_bl:hover .icon-heart{-moz-animation: like_anim 0.3s ease-in-out 0.2s infinite alternate; -webkit-animation: like_anim 0.2s ease-in-out 0.2s infinite alternate;-ms-animation: like_anim 0.2s ease-in-out 0.2s infinite alternate;}
@-webkit-keyframes like_anim {
  from {font-size:11px;}
  to {font-size:12px;}
}
.like_tt{padding: 10px;width: 205px;box-shadow: 1px 0px 5px 0 rgba(0,0,0,.3);}
.like_users{overflow: hidden;height: 30px;}
.like_users img{width: 30px;height:30px;border-radius: 3px;white-space: nowrap;}
.like_title{margin-bottom: 8px;text-align: left;}
.like_users div{margin-right: 5px;display: inline-block;float: none;}
.like_users div:last-child{margin-right: 0px;}
.like_tt .black_strelka{bottom: -14px;border-width: 7px;left:47px !important;}
.like_user_name{text-align: center;margin-top: 104px;width: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* menu */
.menuNews {list-style: none;border-bottom: 1px solid #DBE2EA;width: 770px;margin-left: -15px;}
.menuNews.white{background: #fff;margin: 0;padding-top: 14px;width: 100%;border-radius: 0 0 2px 2px;border-bottom: 0;}
.menuNews li {float: left;padding: 9px 10px 16px; margin-left: 5px;color: rgb(107 168 107);cursor:pointer;white-space: nowrap;font-size: 14px;opacity: 0.7;border-bottom: 3px solid transparent;}
.menuNews li:first-child{margin-left: 15px;}
.menuNews li:hover{opacity: 1;}  
.menuNews li span{font-weight: bold;}
.menuNews .activClass {border-bottom: 3px solid #639D57;opacity: 1;}
.menuNews li.short{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;max-width: 200px;}

.newsPanel { padding: 10px;background: #f0f3f0;border-bottom: 1px solid #d8e1d9;list-style: none outside none;margin: 0px -15px 0px;list-style: none;font-family: 'Noto Sans', tahoma, arial, verdana, sans-serif, Lucida Sans;}
.newsPanel li {float: left;margin-left: 10px;padding: 5px 8px;font-weight: bold;color: #5E8B6F; border-radius: 2px;display: block;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;white-space: nowrap;}
.newsPanel li span {color: rgb(185, 185, 185);}
.newsPanelActive li span{color: rgb(219, 219, 219);}
.newsPanel li:hover {background: #E1EDE3;}
.newsPanelActive, .newsPanelActive:hover {background: #6DA181 !important;color: #fff !important}

.right_bar{padding: 10px;list-style: none;width: 167px;position: relative;}
.right_bar li{padding: 10px 13px;border-radius: 2px;cursor: pointer;font-weight: bold;color: #6ba86b;margin-left: 5px;line-height: 100%;margin-top: 3px;position: relative;}
.right_bar li:hover{background: #d9e9d9;}
.right_bar li.active{background: #639D57;color: #fff;}
.right_bar .bar_title{color: #b2c9b5;font-size: 15px;padding: 10px 0 10px 8px;}


.menuleftpubl a {display: block;padding: 5px 10px; cursor: pointer;white-space: nowrap;}
.menuleftpubl a:hover {background: #bad1ba63; text-decoration: none;color:#6ba86b;}
.load_photo_pad{padding:5px;}
.menuleft a {display: block;padding: 5px;white-space: nowrap;cursor: pointer;}
.albums_cover{width: 146px; height: 100px;}
.texta {float: left;padding-right: 15px; color: rgb(102, 102, 102);padding-top: 3px;text-align: left;width: 100px;margin-left: 73px;text-align: right;}
.menuleft a:hover {background: none repeat scroll 0% 0% #E0E0E0;text-decoration: none;}


/* VIDEOS */
.video_bl{position:relative;width:253px;height:172px;cursor: pointer;text-align:center;vertical-align: bottom;overflow: hidden;display: inline-block;margin-bottom: 5px;}
.video_bl_img{position:absolute;bottom:0;left:0;height:158px;width:100%;transition: all 0.2s;}
.video_bl img{width:223px;height:100%;transition: all 0.2s, opacity 500ms ease;opacity: 0;}
.video_bl:hover img{width:253px;}
.video_bl:hover .video_bl_img{width:253px;height:172px;}
.video_bl .video_title{text-align:left;position:absolute;bottom:-100%;font-weight:bold;color: #fff;padding: 10px;box-sizing: border-box;-moz-box-sizing: border-box;color: #fff;background: rgba(0,0,0,0.7);width:100%;z-index:2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.3s ease;}
.video_bl:hover .video_title{bottom:0;}
.video_bl .video_title:hover{white-space: normal;}
.video_bl:hover .video_controls{right:5px;}
.video_bl .video_controls{position:absolute;color: #fff;font-size: 21px;top:38px;right:-100%;cursor: pointer;opacity:0;transition: opacity 0.2s, right 0.3s;z-index:2;}
.video_bl .video_controls:first-child{top:5px;font-size:25px;}
.video_bl .video_controls:hover{opacity:1 !important;}
.video_bl:hover .video_controls{opacity:0.5;}
.video_bl .play_big_but{position:absolute;z-index:2;color: rgba(255,255,255,0.2);font-size: 100px;left: 25%;top: 40px;transition: color 0.5s, top 500ms ease;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;-moz-text-stroke-width: 1px;-moz-text-stroke-color: #fff;}
.video_bl:hover .play_big_but{top:21px;}
.video_bl .drak_bl{background: rgba(0,0,0,.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition: opacity 0.5s;}
.video_bl:hover .drak_bl{opacity:1;}
.video_bl:hover .play_big_but{color: rgba(255,255,255,1);}
.video_bl .delete_msg {width: 100%;position:absolute;top:45%;text-align:center;z-index: 2}
.video_bl .delete_msg span{padding: 8px 10px;background: rgba(255, 255, 255, 0.92);border-radius: 3px}
.video_container{margin-top:5px;margin-left:-10px;width: 765px;}
.videos_text{color:#6ba86b;font-size:13px;font-weight:bold;margin-bottom:10px}
.onevideo{border-bottom:1px solid #E4E7EB;padding: 10px 0 5px 0}
.onevideo_img{background:#000;float:left;width:175px;height:131px;margin-right:10px;margin-bottom:10px}
.onevideo_img img{background:#222}
.onevideo_title{font-size:13px;font-weight:bold;padding-top:5px;padding-bottom:5px}
.onevideo_title a{color:#6ba86b}
.onevideo_inf{color:#777;line-height:20px}
.onevideo_inf2{color:#000;line-height:20px;max-height:40px;overflow:hidden}
.video_profile_title {background: rgba(0,0,0,.7);bottom: 12px;position: absolute; width:100%;overflow: hidden;padding: 7px;font-weight: bold;box-sizing:border-box;-moz-box-sizing:border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.video_profile_title  > a,.video_profile_title  > a:hover,.video_profile_title  > a:focus,.video_profile_title  > a:active{color:#fff;}
.profile_one_video {margin-bottom: 10px; margin-left: 5px;width:179px;position: relative}
.profile_one_video img{width: 179px;}

/* Drop Menu */
.DropMenu {color: #6ba86b;list-style: none;float: left;border: 1px solid rgba(0,0,0,0);border-bottom: 0;-webkit-user-select:none;-moz-user-select:none;}
.DropMenuHover {background: #bad1ba6e;border-color: #d8e1d9;}
.DropMenu #titleDrop {padding: 5px 14px;color: #6ba86b;box-sizing:border-box;-moz-box-sizing:border-box;}
.DropMenu #titleDrop:hover{text-decoration: underline;cursor: pointer;}
.DropMenuHover #titleDrop:hover{text-decoration: none;cursor: default;}
.DropMenuItem {padding: 6px 15px;cursor: pointer;border: 1px solid rgba(0,0,0,0)}
.DropMenuItem:hover{background: #bad1ba63}
.DropMenuItems {display: none;position: absolute;border: 1px solid #d8e1d9;border-top: 0;line-height: 100%;background: #fff;z-index:111;box-sizing:border-box;-moz-box-sizing:border-box;min-width:150px;}
.DropMenuItemSelected, .DropMenuItemSelected:hover {background: #6ba86b;color: #fff;border: 1px solid #619761;}
.dropmenu_nochange .DropMenuItem:hover{background: #6ba86b;color: #fff;border: 1px solid #619761;}

/* Placeholder */
.kj_placeholder_bl{position: relative;z-index: 5;}
.kj_placeholder_bl input{width: 100%;background: transparent;}
.kj_placeholder_bl .str {color: #fff;position: absolute;top: 0px;left: 0px;padding: 7px 10px;transition: color 200ms ease;background: #fff;width: 100%;height: 100%;z-index: -1;box-sizing: border-box;}
.kj_placeholder_bl input[value=""] ~ .str {color: #777;}
.kj_placeholder_bl input[value=""]:focus ~ .str{color:#ccc;}

/* top button */
.kj_top_button{position: fixed;top:40px;left: 0px;bottom:0px;width:200px;cursor: pointer;display: none;}
.kj_top_button .top_button_block{width: 100px;position: absolute;top:0px;left:0;height: 100%;}
.kj_top_button:hover .top_button_block{background: #bad1ba63;}
.kj_top_button.nobg .top_button_block{background: transparent !important;}
.kj_top_button .str_bl{font-weight: bold;font-size:12px;color: #6ba86b;position: absolute;top:15px;left:0px;text-align: center;width: 100px;opacity: 0.5;transition:all 200ms ease;}
.kj_top_button .str_bl .icon-up-dir-1, .kj_top_button .str_bl .icon-down-dir-2{font-size:30px;}
.kj_top_button:hover .str_bl{opacity: 1}

/* fast search */
.fast_search_bg {background: none repeat scroll 0 0 #FFFFFF;border-radius: 3px 3px 3px 3px;box-shadow: 0 0 6px #999999;margin-top: 15px;overflow: hidden;position: absolute;width: 329px;}
.fast_search_bg a{display:block;font-weight:bold;line-height:17px;padding:5px;padding-left:8px;padding-right:8px}
.fast_search_bg ad:hover{background:#eef3f5}
.fast_search_bg img{float:left;border-radius:3px;margin-right:10px;-moz-border-radius:3px;-webkit-border-radius:3px}
.fast_search_bg span{font-weight:normal;color:#777}
.fast_search_bg a text{font-weight:normal;color:#459145}
.fs_item{padding: 5px 10px;cursor: pointer;color: rgb(107 168 107);position: relative;}
.fs_item img{border-radius: 3px;width:40px;height:40px;float: left;}
.fs_item.over{background: rgba(219, 227, 235, 0.5)}
.fs_item .cont{float:left;width:259px;margin-top:2px;}
.fs_item .title{font-weight: bold;color: rgb(107 168 107);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.fs_item.href{font-weight: bold;padding: 10px;}
.fs_item:hover{color: rgb(107 168 107);}
.fs_item .traf{color: #777;margin-top: 5px;}
.fs_item.video{display: inline-block;padding:5px;}
.fs_item.video img{margin:0;}
.fs_item.video:first-child{margin-left: 13px;}
.fs_scroll_bl{position: relative;width: 100%;height: 100%;}
.fs_scroll{position: absolute;top:0;right:0;height: 100%;bottom:0;width: 9px;z-index: 30;transition: width 0.1s, background 0.3s, opacity 200ms ease;cursor: pointer;opacity:0;}
.fs_scroll_bl:hover .fs_scroll{opacity:1;}
.fs_scroll_hover{background: rgba(235, 235, 245, 0.4);width: 11px;opacity:1;}
.fs_scroll_slider{width: 7px;border-radius: 5px;background: #d8e1d9;position:absolute;right:1px;top: 0px;height: 50px;z-index:31;transition: width 0.1s, background 0.3s;}
.fs_scroll_slider_hover{background: rgb(107 168 107);}
.fs_scroll_hover .fs_scroll_slider{width: 9px;}
#fs_scroll_cont{position: absolute;top:0;left:0;width: 100%;}
.fs_item .icon-megaphone-2{font-size: 29px;float: left;margin-right:9px;}
.fs_play_but{float:left;margin-right: 10px;font-size:16px;}
.fs_item .atime{position: absolute;color: #777;right: 15px;top:8px;}
.fs_item.play .fs_play_but:before{content: '\e06a';}
.fs_item.music .cont{margin-top:3px;max-width: 220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fast_search_bg a:hover{text-decoration: none;}

/* LOADING */
.box_bg {box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);}

/* MINIATURE */
.miniature_box{position:fixed;left:0px;top:0px;right:0px;bottom:0px;overflow:auto;padding-bottom:20px;background:url("/images/bgb3.png");z-index:100}
.miniature_pos{width:645px;margin:auto;background:#fff;padding:20px;margin-top:100px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.345);-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.345);-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.345);font-size:13px}
.miniature_title{color:#6ba86b;font-size:15px;font-weight: 700;margin-bottom:10px;white-space: nowrap;}
.miniature_text{line-height:170%;margin-bottom:20px}
.miniature_img{width:320px;margin:auto}
.miniature_img .fl_l{margin-right:20px}
#miniature_crop_100{margin-bottom:20px}
.miniature_img .button_div{margin-left:90px;margin-top:20px}

/* nav */
.nav{margin-top: 15px;color:rgb(107 168 107);font-weight: bold;}
.nav span{border-bottom: 3px solid rgb(107 168 107);cursor: pointer;padding: 2px 5px;}
.nav a{border-bottom: 3px solid transparent;padding: 2px 5px;}
.nav a:hover{border-color: #d8e1d9;text-decoration: none;}

/* DROP INPUT */
.DropInput {float: left;width: 400px;position: relative;}
.DropInputBlock {position: relative;border: 1px solid #bad1ba;background: #fff;height: 30px;}
.DropInput input{padding: 5px;border: 0 !important;font-size: 11px;font-family: 'Noto Sans', Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;margin-top: 3px;margin-bottom: 10px;display: inline;float: left;}
.dropInputItems {position: absolute;list-style: none}
.dropInputItems li{float: left;margin: 4px 0 0 3px;font-weight: bold;color: #fff;background: #6ba86b;border-radius: 2px;padding: 4px 6px;}
.dropInputItems li .clos {font-weight: bold;font-family: 'Noto Sans', verdana, arial, sans-serif; font-variant:small-caps; color: #C7D7E9;font-size: 14px;margin-top: -1px;margin-left: 4px;cursor: pointer;display: inline-block;}
.dropInputItems li .clos:hover {color: #fff}
.DropInputItem {border: 1px solid #ddd;border-top: 0;list-style: none;background: #fff;display: none;position: absolute;z-index: 10000;width: 99%;}
.DropInputItem li {padding: 5px 10px 5px 10px;border-bottom: 1px solid #bad1ba63;;cursor: pointer}
.DropInputItemsHover {background: #F1F5F9;}
.DropInputItem li .uName {color: #6ba86b;}
.DropInputStrelka {width: 21px;height: 24px;overflow: hidden;position: absolute;top: 3px;right: 3px;cursor: pointer;background: url('/images/wide_dd.gif') no-repeat 0px 0px;}
.addItemDropInput, .addItemDropInput:hover {background: #bad1ba63 !important;color: #6ba86b !important;}
.addItemDropInput .clos {color: #6ba86b !important;font-size: 11px !important;opacity: 0.6}
.addItemDropInput .clos:hover {opacity: 0.9}

/* votes */
.wall_vote_title{font-weight:bold;color:#459145;border-bottom:1px solid #eef3f8}
.wall_vote_oneanswe{margin-top:7px;margin-bottom:7px;cursor:pointer;line-height:140%;}
.wall_vote_oneanswe input{margin-right:5px}
.wall_vote_proc{height:21px;background:#EAEEF2;color:rgb(107 168 107);text-align:center;width:90%;margin-right:5px} /* DAE1E8 */
.wall_vote_proc_bg{background:#BDD7C1;height:21px;text-align:center;border-radius: 2px;}

.attach_poll_title {font-weight: bold;color: #6ba86b;font-size: 12px;margin-bottom: 5px;}
.attach_title_poll_border {border-bottom: 1px solid #E7EAED; padding-bottom: 2px;white-space: nowrap;}
.attach_poll_label input{width: 300px;}
.attach_poll_add{padding: 5px; background: #F1F1F1; width: 300px; text-align: center; color: #666}
.attach_poll_add:hover {background: #bad1ba; color: #6ba86b; cursor: pointer}
.attach_poll_progres_bl {text-align: center;margin-top: 6px;color: #a6d1a6;background: #f0f3f0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; padding: 3px; width: 500px; font-size: 13px; position: relative; height: 15px}
.attach_poll_progres_bl_res {background:#DAE8DC; width: 0; position: absolute; height: 100%; left: 0; top: 0}
.poll_user {margin-left: 5px; float: left;  }
.poll_user img{width: 30px; height: 30px;border-radius: 3px;}
.poll_head_menu {padding: 9px; background: #f0f3f0; list-style: none; margin-top: -20px}
.poll_head_menu li {float: left; padding: 1px 8px 1px 8px; color: #6ba86b; margin-left: 10px;cursor: pointer; font-weight: bold; font-size: 0.91em;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; margin-top: 5px }
.poll_head_menu li:hover {background: #bad1ba63}
.poll_head_menu .active {color: #fff; background: #597DA3}
.poll_head_menu .active:hover {background: #597DA3}


/* page video */
.page_video_bl{width: 100%;position: relative;margin-top: 3px;overflow: hidden;}
.page_video_bl img{width: 100%;height: auto;}
.video_inline_icon{background:url("/images/inline_video_play.png") no-repeat;width:46px;height:46px;position:absolute;left: 50%;top: 50%;margin-top: -23px;margin-left: -23px;}
.video_inline_vititle{background:url("/images/icons/index2.png") no-repeat 0px -276px;float:left;width:16px;height:13px;margin-right:3px}
.video_page_name{margin-top: 5px;}


/* Page Thumbs */
.page_thumbs{margin: 5px 0;}
.page_thump{position: relative;float: left;margin: 0 3px 3px 0;overflow: hidden;cursor: pointer;}
.page_thump.last_line{margin-bottom: 0px;}
.page_thump.last_row{margin-right: 0px;}
.page_thump img{position: absolute;top:0;left:0;}

.thumbs_result{}
.thumbs_result .thumb{float: left;position:relative;margin:0 3px 3px 0;overflow: hidden;cursor: pointer;}
#feed_result .thumbs_result .thumb{margin:0 6px 6px 0;}
.thumbs_result img{position:absolute;top:0;left:0;}
.thumbs_result .thumb.last_column{margin-right: 0px !important;}
.thumbs_result .thumb.last_line{margin-bottom: 0px !important;}

/* feedback */
.feedback_button{position: fixed;right: -29px;top:47%;padding: 10px 15px;font-weight: bold;font-size: 13px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);color:#fff;background: rgb(69, 145, 69);border-radius: 2px 2px 0 0;cursor: pointer;}
.feedback_warning{padding: 15px;line-height: 160%;background: #e2efe2;margin-left: -15px;margin-top: -15px;width: 470px;margin-bottom: 15px;}
.feedback_tab{padding: 15px;}
.feedback_tab input, .feedback_tab textarea{width: 100%;padding: 8px;font-size: 12px;margin-bottom: 10px;}
.feedback_tab textarea{height: 110px;}
.feedback_tab .title{font-weight: bold;margin: 10px 0;color:rgb(107 168 107);font-size: 13px;}
.feedback_tab .title .warning{color:#777;font-weight: normal;font-size: 12px;margin-top: 1px;}
.feedback_attach{list-style: none;font-size: 20px;}
.feedback_attach li{color: #96bf96;float: left;margin-left: 5px;transition: color 200ms ease;cursor: pointer;}
.feedback_attach li:hover{color: rgb(107 168 107);}

/* CHAT */
.chat_tab{position: fixed;z-index: 800;width: 250px;box-shadow: 0 0px 3px rgba(0, 0, 0, 0.15);}
.chat_tab.anim .chat_tab_head{-webkit-animation: chat_anim  0.5s ease-in-out 0.5s infinite alternate;}
@-webkit-keyframes chat_anim {
  from {opacity: 1;}
  to {opacity: 0.5;}
}

.chat_tab.active{z-index: 801;}
.chat_tab_head{background: #6ba86b;height: 37px;border-radius: 2px 2px 0 0;cursor: move;}
.chat_tab.friends .chat_tab_head{cursor: pointer;}
.chat_tab.friends{width: 200px;right: 15px;left: inherit;z-index: 802;}
.chat_tab.bottom{top:inherit !important;bottom: 0px;}
.chat_tab_title{color:#fff;font-weight: bold;padding: 12px;}
.chat_tab_title .icon-comment-3{font-size: 17px;margin-right: 2px;}
.chat_cont_wrap{height: 304px;width: 248px;background: #fff;border: 1px solid #d7dade;border-top:0px;}
.chat_tab.friends .chat_cont_wrap{width: 198px;border-bottom: 0px;}
.chat_content{height: 264px;width: 100%;background: #f3f9f3;}
.chat_tab.minimized .chat_tab_head{border-radius: 2px;}
.chat_tab.minimized.friends .chat_tab_head{border-radius: 2px 2px 0 0;}
.chat_tab.minimized .chat_cont_wrap{display: none;}
.chat_tab.minimized.friends .chat_cont_wrap{display: block;height: 0px !important;}
.chat_head_loader{margin-top: 3px;}
.chat_tab.friends .chat_cont_wrap, .chat_tab.friends .chat_content{transition: height 200ms ease;}

.chat_head_btns{padding: 12px 7px 11px;}
.chat_head_but{color:#bad1ba;font-size: 14px;transition: color 200ms ease;cursor: pointer;}
.chat_head_but:hover{color:#fff;}

.chat_friend{padding: 5px;cursor: pointer;background: #fff;}
.chat_friend:hover{background: #bad1ba6e;}
.chat_friend .ava{width: 38px;height: 38px;position: relative;}
.chat_friend .ava img{width: 100%;height: 100%;border-radius: 100%;}
.chat_friend .name{font-weight: bold;margin-left: 50px;margin-top: 11px;color: rgb(107 168 107);}
.chat_friend .online{float:right;height: 8px;width: 8px;border-radius: 100%;background: #6ba86b;border:2px solid #fff;margin-top: 2px;margin-left: 5px;}
.chat_friend .name_str{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;max-width: 117px;}

.chat_tab .audioLoadBut{margin: 0px;}
.chat_search{position: relative;width: 100%;border-top:1px solid #ddd;background: #fff;}
.chat_search input{border:0;padding: 11px;}
.chat_search .online{position: absolute;width: 8px;height: 8px;border-radius: 100%;background: #B0D7B0;top:13px;right: 10px;z-index: 10;cursor: pointer;}
.chat_search .online.active{background: #6ba86b;}
.chat_fr_tt{left:inherit !important;right: 6px !important;top:inherit !important;bottom: 29px;margin-left: 0px;position: fixed;}
.titleHtml.chat_fr_tt .black_strelka{left:inherit !important;right: 11px;}

.chat_send_wrap{background: #fff;border-top:1px solid #d7dade;padding: 6px 3px 0px 27px;position: relative;}
.chat_send_wrap .emoji_open_but {top: 9px;right: 8px;}
.chat_msg_text{padding: 4px 5px 5px;min-height: 15px;outline: none;line-height: 140%;word-break: break-word;word-wrap: break-word;max-height: 48px;overflow-y:auto;margin-right: 26px;}

.chat_msg_wrap{padding: 5px 23px 5px 40px;position: relative;max-width: 186px;word-wrap:break-word;}
.chat_msg_wrap.out{padding-right: 15px;padding-left: 10px;max-width: 224px;}
.chat_msgs{background: #fff;padding: 5px;border-radius: 2px;line-height: 140%;border: 1px solid #E1E4E8;position: relative;word-wrap: break-word;max-width: 174px;}
.chat_msg_wrap.out .chat_msgs{background: rgb(228 239 228 / 59%);border:1px solid #c6e5ca;max-width: 212px;}
.chat_msg_wrap .kj_link{max-width: 172px;}

.chat_msg_arrow_bl{position: absolute;bottom: 18px;left: 30px;border: 5px solid transparent;border-right-color: #E1E4E8;}
.chat_msg_arrow{position: absolute;bottom: -5px;left:-4px;border:5px solid transparent;border-right-color: #fff;}
.chat_msg_wrap.out .chat_msg_arrow_bl{border-left-color: #c6e5ca;border-right-color: transparent;left:inherit;right: 6px;}
.chat_msg_wrap.out .chat_msg_arrow{border-left-color: rgb(228 239 228 / 59%);border-right-color: transparent;bottom: -4px;left: -5px;}

.chat_msg_wrong_text{color:red;padding: 3px;}
.chat_msg.wrong{background: #F5E3E3;}
/*.chat_msg:nth-last-child(2){float: left;}*/

.chat_date{color:#777;font-size: 10px;padding: 4px 2px 0px 7px;}
.chat_peer_ava{position: absolute;bottom:9px;left:5px;width: 25px;height: 25px;border-radius: 100%;}

/* im attach */
.im_attach_images .item, .im_attach_videos .item{margin-top: 5px;margin-bottom: 10px;}
.im_attach_images .item:last-child, .im_attach_videos .item:last-child{margin-bottom: 0px;}
.im_attach_images .item img{max-width: 100%;max-height: 300px;min-width: 50px;}

.im_attach_videos .item{position: relative;cursor: pointer;overflow:hidden;height:200px;width: 300px;}
.im_attach_videos .item .title{position: absolute;bottom: 0px;color: #fff;padding: 22px 10px 12px;font-weight: bold;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background: linear-gradient(transparent, rgba(0, 0, 0, .7));background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .7));background: -moz-linear-gradient(transparent, rgba(0, 0, 0, .7));width: 100%;}
.im_attach_videos .item img{width:100%;height: 225px;top: -13px;position: absolute;left:0;}
.im_attach_videos .item .icon-play-4{position: absolute;z-index: 2;color: rgba(255,255,255,0.2);font-size: 120px;left:50%;margin-left:-84px;top:26px;transition: color 0.5s;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;-moz-text-stroke-width: 1px;-moz-text-stroke-color: #fff;}
.im_attach_videos .item:hover .icon-play-4{color:#fff;}

.chat_msg .im_attach_images img{max-width: 100%;max-height: 100%;}
.chat_msg .im_attach_videos .item{height: 125px;width: 185px;}
.chat_msg .im_attach_videos .item img{top:0px;}
.chat_msg .im_attach_videos .item .title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.chat_msg .im_attach_videos .item .icon-play-4{font-size: 84px;margin-left: -49px;top:9px;}
.chat_msg .audioNames{width: 144px !important;}

.chat_msg .im_attach_audios{margin-top: 5px;}
.chat_msg.unread{color: #777;}

/* attach */
.chat_attach_but{position: absolute;top:11px;left:5px;font-size: 16px;-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);transform: rotate(-30deg);color:#abd3ab;cursor: pointer;}
.chat_attach_but:hover, .chat_attach_but.active{color: #6ba86b;}
.chat_attach_menu{position: absolute;top: -114px;left: -99999px;z-index: 100;opacity: 0;transition: opacity 150ms ease;}
.cattach_menu {position: relative;background: #fff;border: 1px solid #B2BDCA;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);border-radius: 2px;list-style: none;}
.cattach_menu:after, .cattach_menu:before {top: 100%;left: 25px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.cattach_menu:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 6px;margin-left: -6px;}
.cattach_menu:before {border-color: rgba(178, 189, 202, 0);border-top-color: #B2BDCA;border-width: 7px;margin-left: -7px;}
.cattach_menu li{padding: 7px 10px 7px 28px;cursor: pointer;color: #6ba86b;position: relative;}
.cattach_menu li:hover{background: #bad1ba63;}
.cattach_menu li span{font-size: 14px;position: absolute;left: 4px;color: #6ba86b;}
.cattach_menu.over_photo:after{border-top-color: #bad1ba63;}
.chat_attach_menu.active{left: -9px;opacity: 1;}


.chat_attach_preview .attach_photo, 
.chat_attach_preview .attach_photo img{width: 60px !important;height: 50px !important;}
.chat_attach_preview .aduioNames{width: 69% !important;}
.chat_attach_preview .audioElem .fl_l:first-child{width: 85% !important;}
.chat_attach_preview .audioVolumeBar {display: none;}
.chat_attach_preview .audioPage{height:36px !important;}
.chat_attach_preview #photos{width: 228px !important;}
.chat_attach_preview #photos:empty{display: none;}

.chat_typing{background: url(/images/typing.gif) 0px center no-repeat;padding:7px;padding-left: 22px;opacity: 0;transition: opacity 200ms ease;margin-left: 10px;color:#777;text-align: left;}

.chat_translate_but{position: absolute;right: -21px;bottom: 0px;font-size: 13px;cursor: pointer;color:#6ba86b;}
.chat_translate_res{clear: both;background: #f0f3f0;padding: 3px;}

/* CHECKBOX */
.html_checkbox{background:url("/images/checkbox.gif") no-repeat;min-width:15px;height:14px;cursor:pointer;float:left;padding-left:20px}
.html_checkbox:hover{background:url("/images/checkbox.gif") no-repeat 0px -28px}
.html_checked{background:url("/images/checkbox.gif") no-repeat 0px -14px}
.html_checked:hover{background:url("/images/checkbox.gif") no-repeat 0px -42px}


/* upload progress */
.upload_progress {position: relative;width: 100%;height: 30px;background: #e9ecf0;}
.upload_progress_text {  width: 100%;position: absolute;top: 0;left: 0;z-index: 1;text-align: center;}
.upload_progress_text .str {color: #639D57;font-weight: bold;margin-top: 8px;}
.upload_progress_line {position: absolute;width: 0%;height: 100%;top: 0;left: 0;background: #639D57;z-index: 3;overflow: hidden;}
.upload_progress_line .upload_progress_text{z-index: 4;width: 435px;}
.upload_progress_line .upload_progress_text .str{color:#fff;}


/* dropdown */
.drop_down{width: 350px;border: 1px solid #abd3ab;position: relative;min-height: 30px;margin-bottom: 10px;z-index: 50;background: #fff;line-height: 100%;}
.drop_down.shown{z-index: 51;}
.drop_down.disabled{background: #F1F1F1;}
.drop_down_query_wrap{padding-top: 4px;}
.drop_down .drop_down_query_inp{border:0px;margin-top: -4px;background: transparent;padding: 4px 6px 6px;height: 30px;margin-bottom: 0px !important;}
.drop_down_items{position: absolute;top:100%;width: 100%;background: #fff;border: 1px solid #abd3ab;left: -1px;display: none;z-index: 100;box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);}
.drop_down_items_res{overflow-y:hidden;max-height: 195px;}
.drop_down_item.not_found {background: #F1F1F1;}
.drop_down.shown .drop_down_items{display: block;}
.drop_down_item{padding: 7px 10px;cursor: pointer;border-bottom: 1px solid #EDEDED;}
.drop_down_item.over{background: #F1F5F9;}
.drop_down_item:last-child{border-bottom: 0px;}
.dd_selected_item, .dd_add_item{padding: 4px 23px 4px 8px;font-weight: bold;margin: 0px 0px 4px 4px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #6ba86b;color:#fff;position: relative;max-width: 90%;line-height: 120%;white-space: nowrap;text-overflow:ellipsis;-o-text-overflow: ellipsis;overflow: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;cursor: default;}
.dd_cancel, .dd_plus{background: url(/img/im_tabx.gif) no-repeat 0px -13px;width: 11px;height: 11px;position: absolute;top: 6px;right: 6px;opacity: 0.7;transition: opacity 200ms ease;cursor: pointer;}
.dd_cancel:hover, .dd_add_item:hover .dd_plus{opacity: 1;}
.dd_plus{background: url(/img/im_plus.gif) no-repeat 0px 0px;}
.dd_add_item{background: #e5e8ed;color:#6ba86b;}
.dd_arrow{background: url(/img/wide_dd.gif) no-repeat 0px 0px;width: 21px;height: 24px;position: absolute;top: 4px;right: 3px;}
.dd_shadow, .dd_shadow2{position: absolute;height: 1px;opacity: 0.1;filter: alpha(opacity=10);background: 0px;left:0px;background: #000;bottom: -2px;width: 100%;}
.dd_shadow2 {opacity: 0.05;filter: alpha(opacity=5);bottom: -3px;}
.dd_image{width: 30px;height: 30px;}
.dd_item_cont{margin-top: 1px;margin-left: 40px;}
.dd_item_sub{color:#777;font-size: 11px;margin-top: 4px;}
.drop_down .clear{margin: 0px !important;}

/* scroll bar */
.dd_scroll_wrap{position: absolute;top:0px;right: 0px;height: 100%;width: 9px;background: rgba(200, 200, 200, 0);-webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-o-transition: all 150ms linear;transition: all 150ms linear;cursor: pointer;}
.dd_scroll_wrap:hover, .dd_scroll_wrap.over{background: rgba(235, 235, 245, 0.4);width: 11px;}
.dd_scroll_slider{background: #d8e1d9;width: 6px;margin-left: 1px;opacity: 0.7;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-transition: width 150ms linear, opacity 200ms linear;-moz-transition: width 150ms linear, opacity 200ms linear;-o-transition: width 150ms linear, opacity 200ms linear;transition: width 150ms linear, opacity 200ms linear;}
.dd_scroll_wrap:hover .dd_scroll_slider, .dd_scroll_wrap.over  .dd_scroll_slider{width: 8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.dd_scroll_slider:hover{opacity: 1;filter: alpha(opacity=100);}
.dd_scroll_wrap.wheeling .dd_scroll_slider{opacity: 1;}

/*Lang Dialog*/
.lang_dialog{padding:10px;}
.lang_item{text-decoration:none;display:block;padding:10px;color:#426A87;font-weight:bold;cursor:pointer;font-size:11px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-top:3px}
.lang_item:hover{background:#EDF0F4;text-decoration: none;}
.lang_item.active,.lang_item.active:hover{background:#f5f5f5;color:#777;cursor:default;}
.lang_item.pre_active{background-color:rgba(255, 248, 204, 0.49);}

.join_screen{position: fixed; z-index: 9999; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.join_screen .join_circle{margin: 30vh auto; display: block; width: 150px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; height: 150px; font-size: 27px; color: white; text-align: center; line-height: 143px; border-radius: 50%;}