.registerpage input{
    height: 45px;
    width: 100%;
    margin-bottom: 12px;
    border: 0;
    text-align:right;
    direction:rtl;
    padding-right: 10px;
    line-height: 45px;background:#fff;
    background: #fff;
}.rulesnew{background: none repeat scroll 0% 0% rgb(255, 255, 255);
padding: 10px;
color: rgb(51, 51, 51);
margin-bottom: 12px;}
input.docheckbox{width:12px;height:13px;}
.submitregist,.resetregist{float:left !important;font-size:14px !important;width:130px !important;;color:#fff !important;;height:54px !important;;text-align:center !important;padding-right: 0px !important;}
.submitregist{background:#65cff5 !important;}.resetregist{background:#f56565 !important;margin-left:12px;}
.registerpage .restore{margin:10px;padding:10px;}
.registerwithus .blockrow {
  margin-bottom: 15px;
}
.myCheckbox input {
    display: none;
}

.#sidebar_container.member_summary {
   width:100% !important;
}.fullinfo ul.tr2 li i {
  color: #75d1f6;
  display: inline-block;
  padding-left: 10px;
  position: relative;
  top: 3px;
}


.myCheckbox span {
    width: 28px;
    height: 28px;
    display: block;
    background: #fff;
border:1px solid #b3b3b3;float:right;margin-left:5px;
}

.myCheckbox input:checked + span {
    background: url("../imgs/checkboxright.png");border:0px !important;float:right;margin-left:5px; }


    .friendsmini { background:#fff; margin-bottom: 30px; padding: 15px; position: relative; height: 15px; height: 390px; overflow: hidden;}
        /* headline */
        .friendsmini .head { border-bottom: 1px solid #F7FAFA; display: block; height: 42px; position: absolute; top: 15; width: 100%; right: 0px; padding: 0 15px;}
        .friendsmini h4:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; line-height: 30px; margin-left: 10px; }

        /* box */
.friends_list{padding: 17px 15px 0px 0px;}
        ul.friends_list li{float: right;margin-left: 22px;margin-bottom:25px;}
ul.friends_list li a{ display: block; height: 100%; width: 100%; }
.image_friend_link img{height: 87px !important;width: 87px !important;}

.view-opotion {
    font-size: 14px !important;
    padding-left: 30px;cursor:pointer;
}
.view-opotion:hover{color:#5bc9f5;}
.friendsmini h4 {
    font-size: 15px;
    float: right;
    color:#5bc9f5
}
.fullinfo ul.tr2 { border-left:1px solid #f7fafa}
.fullinfo ul.tr2 li i {    padding-left: 10px;
    color: #75d1f6;
}.fullinfo ul.tr2 li {font-size:12px;padding:5px 15px !important;}
.fullinfo ul.tr2.left{ border: none; }
.Categorysingle{background: #fff;height:100px;padding: 13px;width:100%;margin-bottom: 10px;}
.Categorysingle img{float:right;margin-left:25px;}
.Categorysingle .info{float:right;overflow: hidden}
.Categorysingle .categoryinfo h1,h1 a{font-size: 14px;color:#5bc9f5;margin:10px 0 0 0;}
.Categorysingle .categoryinfo p{font-size:12px; height: 25px; overflow: hidden; display: block; }
.Categorysingle ul.stats{float:left;overflow:hidden;margin-top:7px; position: absolute; left: 20px;}
.Categorysingle ul.stats li{display: inline;float: right;width: 80px;text-align: center;border-left:1px solid #edf0f0;padding: 3px 0;direction: rt;}
.Categorysingle ul.stats li h2{font-size: 14px;}
.Categorysingle ul.stats li:last-child{border:0}

.categoryinfo{overflow:hidden;padding-bottom: 15px;border-bottom:1px solid #fff;margin-bottom: 25px;}
.viewposts{background:#fff;overflow: hidden;height: 529px;margin: 20px 0;}
.Categorysingle .readmoreex{margin:0 10px;}
.moreposts{padding-bottom: 10px;overflow: hidden}
.Categorysingle .readmoreex h1{padding-bottom: 1px;}
.Categorysingle article.post.readmoreex {margin-bottom: 1px;}
.Categorysingle a.LoadMorePosts{background:#f7fafa;color: #5bc9f5;width: 100%;height:50px;display: block;margin: 25px 10px;color:#5bc9f5;line-height: 50px;}.viewpostsdisable{max-height: 98px;overflow: hidden;background: #fff;}
 .view-opotion:before{border:0px !important;}
a#loadmore{    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 55px;bottom: -51px !important;
}
#activity_tab_container {
    margin-bottom: 15px !important;
}
nav#user_post {margin-bottom:0px;}
#profile .head {margin-bottom:30px !important; padding-bottom: 60px ;}
#profile .basic {height:180px !important;}
#profile .basic .pr-link {margin-top:45px !important;height: 40px !important;
line-height: 35px !important;}
#profile .basic .pr-link:last-child {margin-top:10px !important;}
#profile .head .basic .main > img {width:179px !important;height:179px !important;}
#userprof_content_container .fullinfo li:after{ display: none; }
/* update vb classes */
li.activitybit a{ font-weight: normal !important; }
.border_box, article.post, aside#main_aside .socialbox, aside#main_aside .featured, aside#main_aside #ads{ border:1px solid #ebeef4; background: #fff;} .border_box:hover{ border:1px solid #fff; box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.06);  -webkit-box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.06);  -moz-box-shadow: 2px 3px 8px -1px rgba(0, 0, 0, 0.06); }

    .newgroups { background:#fff; margin-bottom: 30px; overflow: hidden;}
        /* headline */
        .newgroups .head { border-bottom: 1px solid #F7FAFA; display: block; height: 60px; position: absolute; top: 15; width: 100%; right: 0px; padding: 0 15px;line-height: 60px; font-size:16px;color:#5bc9f5;}
        .newgroups .head h4{font-size: 16px;padding-right: 30px;;}
        .newgroups h4:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; line-height: 30px; margin-left: 10px; }

        /* box */
        .newgroups .content { margin-top: 55px;}
        .groups_lists_new{padding: 5px 0px 0px 0px;}
        ul.groups_lists_new li{margin-top:25px;border-bottom:1px solid #f7fafa;overflow: hidden;padding-bottom: 25px;}
        ul.groups_lists_new li img{float:right;width:70px;height: 70px;margin-right: 30px;}
        ul.groups_lists_new li .info{float:right;margin-right: 20px;padding-left: 30px;}
        ul.groups_lists_new li .info h2,ul.groups_lists_new li h2 a{font-size: 16px;color:#40c4f4;margin: 0;;padding: 0;}
        ul.groups_lists_new li .info span{font-size:12px;margin: 0px;padding: 0;}

    a.loadmorebtntwo{ background:#fff; display: block; font-size: 13px; height: 50px; line-height: 115px; overflow: hidden; text-align: center; width: 100%; position: relative; color: #43C5F2; transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in;}
    a.loadmorebtntwo i{ display: block; font-size: 22px; position: absolute; text-align: center; top: -32px; width: 100%; }
        /* hover */
        a.loadmorebtntwo:hover{ background: #43C5F2; color: #fff; line-height: 45px; }


    .categoriesgroups { background:#fff; margin-bottom: 30px; overflow: hidden;}
        /* headline */
        .categoriesgroups .head { border-bottom: 1px solid #F7FAFA; display: block; height: 60px; position: absolute; top: 15; width: 100%; right: 0px; padding: 0 15px;line-height: 60px; font-size:16px;color:#5bc9f5;}
        .categoriesgroups .head h4{font-size: 16px;padding-right: 30px;;}
        .categoriesgroups h4:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; line-height: 30px; margin-left: 10px; }

        /* box */
        .categoriesgroups .content { margin-top: 55px;}
        .Links_Categories{padding: 30px 0px 15px 0px;}
        ul.Links_Categories li a:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; line-height: 15px; margin-left: 10px; }
        ul.Links_Categories li a{font-size:12px;overflow: hidden;padding-bottom: 15px;line-height: 15px; display: block; position: relative;}
        ul.Links_Categories li a{padding-right:30px;transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in}
        ul.Links_Categories li:hover a{padding-right: 45px;transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; color:#5bc9f5;}



.GroupOpen{background:#fff;margin-bottom: 30px;}
.GroupOpen .topBar{height:60px;font-size:16px;line-height: 60px;padding-right: 20px;border-bottom: 1px solid #f3f6fa;color:rgb(91, 201, 245);}
.GroupOpen .topBar .grouphometitle{float:right;}
.GroupOpen .topBar a.opengroup{float:left;width: 50px;text-align: center;border-right: 1px solid #f3f6fa}
.GroupOpen .topBar a.opengroup:before{color:#40c4f4;}
.GroupOpen {padding-bottom: 30px;}
.GroupOpen a:hover{color:rgb(91, 201, 245);}
.GroupOpen ul.TheGroups li{margin: 30px;overflow: hidden;border-bottom: 1px solid #f3f6fa;padding-bottom:15px;}
.GroupOpen ul.TheGroups li:last-child{border-bottom: 0px;padding-bottom: 0px;}
.GroupOpen ul.TheGroups li img{height:90px;width: 90px;float: right;}
.GroupOpen ul.TheGroups li .Thegroupsinfo{float:right;padding-right: 30px;}
.GroupOpen ul.TheGroups li .Thegroupsinfo h2{font-size: 14px;;color: rgb(64, 196, 244);width: 100%;}
.GroupOpen ul.TheGroups li .Thegroupsinfo ul.groupdetails{margin-top:2px;float:right;width: 100%;}
.GroupOpen ul.TheGroups li .Thegroupsinfo ul.groupdetails li{float:right;margin:0px;font-size: 12px;padding:0px 20px;border-bottom: 0px;}
.GroupOpen ul.TheGroups li .Thegroupsinfo ul.groupdetails li:first-child{border:0px;padding-right:0px;}
.GroupOpen ul.TheGroups li .Thegroupsinfo ul.groupdetails li:last-child{padding-left: 0;}
.GroupOpen ul.TheGroups li .Thegroupsinfo ul.Group_users{float:right;margin-top:10px;}
.GroupOpen ul.TheGroups li .Thegroupsinfo ul.Group_users li{border-bottom: 0px; float:right;margin: 0;
overflow: hidden;
float: right;
margin-left: 1px;}
.GroupOpen ul.TheGroups li .Thegroupsinfo ul.Group_users li img{float:right;width: 25px;height: 25px;}
.motab2{margin-right:10px !important;}
.GroupClose{background:#fff;height:50px;margin-bottom: 30px;overflow: hidden}
.GroupClose .topBar{height:50px;line-height: 50px;padding-right: 20px;border-bottom: 1px solid #f3f6fa;}
.GroupClose .topBar .grouphometitle{float:right;}
.GroupClose .topBar a.opengroup{float:left;width: 50px;text-align: center;border-right: 1px solid #f3f6fa;cursor: pointer}





    #picturelink{ width: 100%; }


    /* main nav */
    .navon{ background: #fff; height: 45px; width: 100%; margin-bottom: 30px;}
    .navon .navlinkstwoo{float:right;}
#navgroup ul li { display: inline-block; float: right; font-size: 13px; height: 45px; line-height: 41px; max-width: 300px; overflow: hidden; padding: 0 15px; position: relative; cursor: pointer; }
    #navgroup ul li:hover{ max-width: 100%; }
    #navgroup ul li:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; font-size: 17px; margin-left: 10px; }
        /* customes */
        #navgroup ul li:last-child,nav#navg ul li:first-child { max-width: 100%; }
        #navgroup ul li:last-child:after{ display: none; }
        #navgroup ul li:hover a,nav#navg ul li:hover,nav#navg ul li:first-child a,nav#navg ul li:first-child{color: #43C5F2; transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in; }
.Searcharea{float:left;overflow: hidden;background:#f7fafa;width:100%;}
        /* seach area */

        form#searchnavon { background:#f7fafa; height: 45px;border-radius: 1px; overflow: hidden; margin-}
        form#searchnavon input { background: none; border: medium none; display: block; font-size: 12px; height: 43px; text-align: right; width: 100%; }
        form#searchnavon input.ocui { background:#f7fafa; cursor: pointer; font-size: 15px; height: 45px; left: 0;position: absolute; text-align: center; top: 0; width: 40px; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; line-height: 45px; }
        form#searchnavon:hover input.ocui{ background: #40C4F4; color: #fff; }
        .Linkaftersearch{float:left;padding: 0 20px;line-height: 45px;}
        .Linkaftersearch:hover{color:#fff;background:#40C4F4;}

        .aboutgroup { background:#fff; margin-bottom: 30px; overflow: hidden;}
        /* headline */
        .aboutgroup .head { border-bottom: 1px solid #F7FAFA; display: block; height: 60px; position: absolute; top: 15; width: 100%; right: 0px;                padding: 0 15px;line-height: 50px; font-size:16px;color:#5bc9f5;}
        .aboutgroup .head h4{font-size: 16px;padding-right: 30px;}
        .aboutgroup h4:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; line-height: 30px; margin-left: 10px; }

        /* box */
        .aboutgroup .content { padding: 35px 30px 25px;margin-top:55px;overflow: hidden}
        .aboutgroup .groupicon img{width:70px;height: 70px;float: right;overflow: hidden}
        .aboutgroup .groupinfoleft{float: right;overflow: hidden;}
        .aboutgroup .groupinfoleft li{font-size: 12px;}
        .aboutgroup .groupinfoleft li .groupdetailstitle{float: right;padding-right: 20px;width: 200px;}
        .aboutgroup .groupinfoleft li .groupdetails{float:left;padding:0 5px;}
        .aboutgroup .groupinfoleft li .groupdetails:hover{border-radius:10px;color:#fff;}



        .friendsmini { background:#fff; margin-bottom: 30px; padding:0 15px;  overflow: hidden;}
        /* headline */
        .friendsmini .head { border-bottom: 1px solid #F7FAFA; display: block; height: 60px; position: absolute; top: 15; width: 100%; right: 0px;              padding: 0 30px;line-height: 55px;}
        .friendsmini h4:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; line-height: 60px; margin-left: 10px; }
        /* box */
        .friendsmini .content {     display: inline-block; margin-top: 68px; width: 100%;}
        .friends_list2{padding: 0px 15px 0px 0px;}
        ul.friends_list2 li{float: right;margin-left: 22px;margin-bottom:30px;}
        .image_friend_link img{height: 87px !important;width: 87px !important;}


#content {
    padding: 0px 0px 0px !important;
}
.marginbottomgroub{margin-bottom:30px;}
        .GroupSinglePosts{background:#fff;}
        .GroupSinglePosts .topBar{height:60px;font-size:16px;line-height: 60px;padding-right: 30px;border-bottom: 1px solid #f3f6fa;color:#40c4f4}
        .GroupSinglePosts .topBar .grouphometitle{float:right;}
        .GroupSinglePosts .topBar a.opengroup{float:left;width: 50px;text-align: center;border-right: 1px solid #f3f6fa}
        .GroupSinglePosts .topBar a.opengroup:before{color:#40c4f4;}
        .GroupSinglePosts {padding-bottom: 5px;}
        .GroupSinglePosts ul.TheGroupsnew{margin-top:30px;}
        .GroupSinglePosts ul.TheGroupsnew li{margin: 25px 30px;overflow: hidden;border-bottom: 1px solid #f3f6fa;padding-bottom:25px;}
        .GroupSinglePosts ul.TheGroupsnew li:last-child{border-bottom: 0px;padding-bottom: 0px;}
        .GroupSinglePosts ul.TheGroupsnew li img{height:65px;width: 65px;float: right;}
        .GroupSinglePosts ul.TheGroupsnew li .Thegroupsinfo{float:right;padding-right: 30px;}
        .GroupSinglePosts ul.TheGroupsnew li .Thegroupsinfo h2{font-size: 16px;;color: rgb(64, 196, 244);width: 100%;}
        .GroupSinglePosts ul.TheGroupsnew li .Thegroupsinfo ul.groupdetails{margin-top:2px;float:right;width: 100%;}
        .GroupSinglePosts ul.TheGroupsnew li .Thegroupsinfo ul.groupdetails li{float:right;margin:0px;font-size: 12px;padding:0px 20px;border-right:1px solid #f3f6fa;border-bottom: 0px;}
        .GroupSinglePosts ul.TheGroupsnew li .Thegroupsinfo ul.groupdetails li:first-child{border:0px;padding-right:0px;}
        .GroupSinglePosts ul.TheGroupsnew li .Thegroupsinfo ul.groupdetails li:last-child{padding-left: 0;}
        .GroupSinglePosts ul.TheGroupsnew li .Thegroupsinfo ul.Group_users{float:right;margin-top:10px;}
        .GroupSinglePosts ul.TheGroupsnew li .Thegroupsinfo ul.Group_users li{border-bottom: 0px; float:right;margin: 0;
        overflow: hidden;
        float: right;
        margin-left: 1px;}
        .GroupSinglePosts ul.TheGroupsnew li .Thegroupsinfo ul.Group_users li img{float:right;width: 25px;height: 25px;}
        .controltoolsgroups,.actionbuttons input{height: 45px; color:#fff !important; width: 200px;float:left;font:14px;          background: none repeat scroll 0 0 #98c735;
  background-image: -moz-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);color:#fff;font-size:14px; padding-bottom: 4px; text-align: center;border:0px;}
div.TheGroupsnew{overflow:hidden;padding:30px;}
.settinglink{cursor:pointer;}
.settingnowdisaply{display:none;}
.settingnow{display:block;}
.controlbox{float: left; text-align: right;
clear: both;
background: none repeat scroll 0% 0% rgb(255, 255, 255);
padding: 15px 10px;
font-size:12px;
width: 200px;}
.discsingle a{padding: 0px 0px 10px;
width: 100%;
display: block;}
     /* full info */
    .postediv2 ul.fullinfo{ bottom: 0; opacity: 1; width: 100%; font-size: 13px; line-height: 21px; }
    .postediv2 .fullinfo li.update { color: #303d50; float: left; cursor: pointer;} .postediv .fullinfo li.update:hover, .postediv .fullinfo li.update.active{ color: #43C5F2; }
    .postediv2 .fullinfo li.update:after { left: inherit; right: 0px; }

    /* update box */
    .postediv2 div.updatebox { background:#fff; bottom: -10px;  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.020); height: 0; left: 0; padding: 15px; position: absolute; width: 180px; z-index: 9; opacity: 0;}
    .postediv2 div.updatebox.active{ height: 150px; bottom: -160px; opacity: 1;  transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in; }
    .postediv2 div.updatebox:after { border-bottom-color: #fff; bottom: 150px; right: 117px; }

.groupcontrols .textcontrol {
    margin-top: 0px;
    padding: 10px 15px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border-right: 1px solid rgb(242, 242, 242);}
.groupcontrols {
    clear: both;
    padding: 10px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
text-align: right !IMPORTANT;
clear: both;
padding-top: 10px !IMPORTANT;
}.groupcontrols .textcontrol:first-child{border-right:0px;}
#content .blockhead, #uploaddisplay .blockfoot.actionbuttons, .threadlisthead.sgbithead, .threadbit.sgbit, #pictures .blockbody .blockrow, #group_discussion_inlinemod_form .blockbody .blockrow {
box-shadow: 0px !important;}
.newdisc .editiorlist a{width: 100%;
display: block;
padding: 10px 0;}
.newdisc .postinfo{overflow: visible !important}
.newdisc article.post_time {overflow:visible !important}
.newdisc .postinfo .postediv {
    margin-top: 0 !important;
    padding: 0 !important;
    border:0px !important}
#uploaddisplay ul {border:0 !important;}
.newdisc #pictureurls {
    width: 500px;
    padding-top: 20px;
    margin: auto;float:none !important;
}






.LoginPageArea{background:#fff;width:100%;padding: 30px 20px;margin:0px 0 30px 0;overflow:hidden;}
            /* site login */
            .LoginPageArea form#login li { background:#f7fafa; height: 45px; width: 240px; position: relative;float:right;margin-left:20px; }
            .LoginPageArea form#login li input { background: none; border: none; height: 45px; padding-bottom: 5px; padding-right: 35px; width: 240px; }
            .LoginPageArea form#login li:before { content: attr(data-icon); display: block; font-family: mbtui; font-size: 14px; height: 45px; line-height: 42px; position: absolute; right: 10px; }
            .LoginPageArea form#login li:hover:before{ color:#43C5F2; content: attr(data-ichover)}
            .LoginPageArea form#login input.ocui { background: none repeat scroll 0 0 #98c735;
  background-image: -moz-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%); border: medium none; color: #fff; float: right; font-size: 12px; height: 45px; text-align: center; width: 42px; cursor: pointer; margin-right:20px;}
            .LoginPageArea form#login input.ocui:hover { background: #80AA06; }
            .LoginPageArea form#login label { display: block; float: right; font-size: 13px; margin-top: 5px; }
            .LoginPageArea a.help { color: #2c384a; display: block; font-size: 13px; width: 100%; margin-top: 15px; } header .loginbox a.help:hover{ color:#43c5f2 }
            .LoginPageArea a.help:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; font-size: 18px; margin-left: 5px; margin-top: 1px; }
.loginmessage span{line-height: 42px;font-size: 12px;}
.loginmessage a{background:#40c4f4;height:45px;width:142px;display: block;color:#fff;float:left;text-align: center;line-height:42px;}
.AlertMessageLogin{background:#fff;overflow:hidden;padding:20px;text-align:center;font-size: 12px;border-bottom: 2px solid #f15f5f;color: #f15f5f;line-height:14px;}
.logintitle{padding:20px 30px;background:#fff;color:#40c4f4;margin-bottom:1px;}


.picturelinks input{background: none repeat scroll 0% 0% rgb(247, 250, 250);
border: 1px solid rgb(241, 244, 244);padding:10px;}


ul.divadded{position: absolute; top: 47px; z-index: 9999; width: 150px; left: 13px; background: none repeat scroll 0% 0% rgb(255, 255, 255);box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.020); -webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.020);}
ul.divadded li{width:100%;}
DisplayLinkAdd{position: relative;
float: left;}
.displaynone{display:none;}
#profile .fullinfo #loadmore {
  border-top: 1px solid #f7fafa;
  bottom: -60px !important;
  left: 0;
  position: absolute;
    line-height: 45px;
}
.announcements .announcerow {
  background: none !important;
  box-shadow: none !important;
  padding: 15px 0;
}
#announcements article.post h1, #announcements article.post ul.main_info {
  padding-right: 0;
}
#announcements article.post * {
  color:#fff;
}
#announcements article.post{
        background: #A5CE4C;
}


.forumtoparea{background: #fff;width: 100%;display: block;padding-right: 15px;}
.forumtoparea h2{font-size: 14px;padding: 0px;margin: 0px;float:right;}
.forumtoparea h2:before{float:right;padding-left: 10px;}
.forumtoparea a{float:left;padding:0 15px;border-right: 1px solid #f7fafa;}
.forumtoparea a:hover,.forumtoparea a.active{color:#5bc9f5}
ul.subforums{background:#fff;padding:15px 30px 30px !important;margin-top: 1px;}
ul.subforums li{overflow:hidden;padding:15px 0;border-bottom: 1px solid #f7fafa;}
ul.subforums li a{font-size: 14px;padding: 0px;margin: 0px;float:right;}
ul.subforums li a:before{float:right;padding-left: 10px;}
ul.subforums li span{float:left;}
ul.subforums li span.witmarg{ margin-left: 20px; }
ul.subforums li span::before { float: right; margin-left: 5px; }
ul.subforums li a:hover{color:#5bc9f5}
.forumarea{overflow: hidden;margin:15px 0;}
.forumarea:first-child{margin-top:0}
.insideforum ul ul {
  display: none;
}
ul.subforums li {
  border-bottom: 1px solid #f7fafa;
  overflow: hidden;
  padding: 15px 0;
}
.insideforum {
  margin-bottom: 30px;
}

.lb-style-elegant .lb-like, .lb-style-elegant .lb-dislike {
  border: none !important;
}
.lb-style-elegant .lb-like, .lb-style-elegant .lb-dislike *, .lb-style-elegant .lb-like-label, .lb-style-elegant .lb-dislike-label{ color: #303d50 !important;}



header nav#subnav ul li.subnavto{float:left;}
header nav#subnav ul li.subnavto a{position: relative;}
header nav#subnav ul li.subnavto ul{position: absolute;background: none repeat scroll 0% 0% rgb(255, 255, 255);padding: 10px;margin-top: 10px;margin-right: -34px;display: none}
header nav#subnav ul li.subnavto ul li{display: block;border-left: 0px none;padding-right: 20px !important;}
header nav#subnav ul li.subnavto ul.active{display: block;}




.footer_select {
  float: right;
}
.footer_select select {
  border: 2px solid #f1f4f4;
  clear: none;
  float: left;
  margin-left: 10px;
  width: auto;
}
.GroupOpen ul.TheGroups li .Thegroupsinfo{ width:67%;}
.qaction { display: inline-block; padding-top: 3px;}
.qaction a { display: inline-block; float: left; font-size: 12px; margin-right: 30px; line-height:23px }
.qaction a:before { content: attr(data-icon); display: block; float: right; font-family: mbtui; font-size: 13px; line-height: 31px; margin-left: 8px; }
.qaction a:hover, .qaction a.highlight{ color: #43C5F2 }
li #quick_reply.vbform {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid rgba(0, 0, 0, 0.03);
  display: inline-block;
  margin-bottom: 30px;
  padding: 30px;
  width: 100%;
}
#above_postlist .popupbody {
  float: right;
}
/* Gust MSG */
div#guestMSG {
  bottom: 30px;
  max-width: calc(100vw - 60px);
  padding: 30px;
  position: fixed;
  right: 30px;
  text-align: center;
}
div#guestMSG p a{ color:#55D0FA ;}
div#guestMSG .button {
  display: inline-block;
  float: inherit;
  height: 40px;
  line-height: 36px;
  margin: 25px auto auto;
}
header nav#main ul li i {
  font-size: 20px;
  left: -36px;
    color: #4cc9f5;
  position: absolute;
  top: 0;
}.closefixedmsg{display:none;}

.registerwithus .singledescription{text-align: right !important;}
.controltoolsgroups, .actionbuttons input{line-height:42px !important;}
.fullinfo ul.tr2 li{overflow:hidden;}
#guestMSG a.close{position: absolute;top: -10px;left: -10px;    background: none repeat scroll 0px 0px #F00;
    border-radius: 50%;
    color: #FFF;
    display: block;
    height: 40px;
    line-height: 37px;
    cursor: pointer;
    text-align: center;
    width: 40px;
}.editlink{overflow: hidden;
float: right;
margin-top: 10px;
line-height: 34px;}
.editlink i{margin-left: 10px;}
nav#navg ul li.home:before{ margin-left:0px;}
.editlink{float:left;}
article.post ul.main_info li.replycount {float:left;margin-left:0px;}
article.post ul.main_info li.replycount i{margin-Left:6px;font-size:13px;   display: inline-block;
    float: right;}
article.post ul.main_info li.viewscount i{margin-Left:6px;font-size:13px;   display: inline-block;
    float: right;}
article.post ul.main_info li.viewscount{float:left;margin-left:10px;}
a.pixvar_rights {
  background: url("../imgs/pixvar.png") no-repeat scroll center center #fff;
  border-radius: 5px;
  display: block;
  float: left;
  font-size: 0;
  height: 40px;
  margin-right: 20px;
  margin-top: 2px;
  width: 90px;
}

@media only screen and (min-width: 921px) {
    .MBT_men_small{  display:none !important; }
    #scrollon > div{max-width: 710px !important;
    min-width: 600px !important;}
    #scrollon{
        max-width: 770px !important;
    min-width: 770px !important;
    } }
@media only screen and (max-width: 920px) {  #scrollon{
        max-width: 1200px !important;
    min-width: 1200px !important;
    } }
footer .copyrights .links a {
  display: inline;
  padding: 0 10px;
}
.featured div:first-child{ margin: auto; }
 div.commentbody a{color:#43c5f2;}
 .deltedpost article{  background-color: rgb(255, 231, 231);
  border: 1px solid #F0DDDD !important;}
.deltedpost article.post h1 a{color:#000}
.deltedpost article.post ul.main_info li.viewscounthover{color:#eee}
.deltedpost article.post ul.main_info li:hover, article.post ul.main_info li:hover *{color:#A9A9A9 !important;}
ul.notifyList.active{z-index:99999999
}ul.notifyList li{min-height:50px !important;}
#new_subscribed_forums li{overflow: hidden;padding:10px 0px;border-bottom:1px solid #f7fafa;}
#new_subscribed_forums li:last-child{border-bottom:0px;}
#new_subscribed_forums li a{float:right;}
#new_subscribed_forums li a:before{float: right;
  padding-left: 13px;}
#new_subscribed_forums li span{float:left;margin-right:20px;}
#new_subscribed_forums li span:before{float:right;padding-left:10px;}
.pmbit, .visitormessage{overflow: HIDDEN;min-height: 100px;}
@media only screen and (max-width: 40em) {
        .commentbody .date{font-size:12px !important;}
    .userinfo .basic > h6 p{display: none !important;}

    #above_postlist .popupbody {
  margin-right: 11px;}
#above_postlist.above_postlist .newcontent_textcontrol{width:35px !important;}
.above_postlist .pagination_top .pagination, .above_postlist .pagination_top .postpagestats{  min-width: 280px;
}
#above_postlist.above_postlist input[type="text"]{width:50px; }
	.hideall{display: none !important;transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in;}
	#usercp_nav{transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in;}
	.opennav span:hover{box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.02);  -webkit-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.02);  -moz-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.02);}
	.opennav span{
  display: block;background:#fff;border:1px solid rgba(0, 0, 0, 0.03); background: #fff;
  padding: 15px 20px;margin: 13px;
  position: relative;color:#55d0fa;cursor: pointer;
}.opennav span:before{
  float: right;
  padding-left: 13px;}

  .opennav{display: block !important;}
  }.opennav{display: none;}
 .oldthreadwarn span {
  background: none repeat scroll 0 0 #fff;
  color: #53d1fa !important;
  display: inline-block;
  padding:0 !important;
  width: 100% !important;
}.oldthreadwarn {
  font-size: 16px;
  width: 100% !important;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: medium none !important;
  display: inline-block;
  margin-bottom: 30px;
}.oldthreadwarn * {
  font-size: 16px !important;
}.oldthreadwarn h3{padding:30px !important;font-weight: normal !important;}
div#vbseo_vhtml_0{  font-size: 16px;
  width: 100% !important;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: medium none !important;
  display: inline-block;
  margin-bottom: 30px;
  background-color: #fff !important;}
  div#vbseo_vhtml_0 * {
  font-size: 16px !important;
  //line-height: 1px;
  padding: 2px;
}
.buddyList .section{border-bottom:0px !important;overflow: hidden;}
.buddyList section#userCPContent .blocksubhead,.buddyList section#userCPContent .blocksubhead *,.buddyList .singledescription, .bccspan, .bccspan *{text-align: right !important}
.buddyList .stats.totals{  float: left;
  min-width: 100px;
  overflow: hidden;
  font-size: 12px;color:#707d90}
.buddyList .stats.totals dt{
    float: right;
  margin-left: 20px;
  }.buddyList .friend input[type="checkbox"] {display:none;
  }.buddyList .friend{font-size:11px;color:#707d90
  }.buddyList ul.userlist_showavatars li{  border: none !important;;
  background-color: #f7fafa !important;}
  .buddyList ul.userlist_showavatars div.buddylist_details div.friend{  left: 10px !important;
  bottom: 10px !important;}
  .buddyList ul.userlist_showavatars div.buddylist_details a{color:#53d1fa}
  .actionbuttons input[name="makefriends"]{margin-left:30px;}
  .attachnew h3{color: #707d90 !important;
  font-size: 13px !important;}
  .attachnew .attachmentrow{  background-color: #f7fafa !important;
  padding: 23px;
  margin-bottom: 15px;
  border: 0px !important;
}

  .attachnew input[type="radio"]:checked,.attachnew input[type="checkbox"]:checked,.attachnew input[type="checkbox"],.attachnew  input[type="radio"]{  border: 1px solid #E7EFEF !important;
}
.attachnew .thumbnail_link{  color: #55D0FA;}
.attachnew .stats{  overflow: hidden;
  display: block !important;}
  .attachnew dt {
  color: #55D0FA;
  margin-left: 10px;
  font-size: 11px;
  float: right;
}
.attachnew h2{  color: #55d0fa;
  font-size: 16px;
}
.attachnew dd {
  color: #748CA2;
  float: right;
  margin-left: 40px;
  border-left: 1px solid #DAF2F2;
  padding-left: 40px;
  font-size: 11px;
}
#postlist .attachments{  padding: 20px 30px;
  background-color: #f7fafa;}
 #postlist .attachments .postcontent img{display: none;}
 #postlist .attachments .postcontent a{  color: #55d0fa;
}
/* MBT Now Page */

.blockhead{
    background-color: #fff;
    padding: 20px;
    font-size: 17px;
    overflow: hidden;
    margin-bottom: 1px;
  }
  #spy_table{
    padding: 20px;
    background-color: #fff;
}#spy_table td.blocksubhead {
  color: rgb(255, 255, 255);
  padding: 20px;
  background-color: rgb(74, 201, 245);
}
#spy_table td.blockbody.alt2.smallfont {
  font-size: 13px;
}
#spy_table td.blockbody.alt2.smallfont {
  background-color: rgb(255, 255, 255);
  padding: 20px;
  border-bottom: 1px solid rgb(247, 250, 250);
}#spy_table td.blockbody.alt2.smallfont:nth-child(3) {
  background-color: rgb(247, 250, 250);
}#spy_table td.blockbody.alt2.smallfont:nth-child(3) a {
  font-size: 15px;
  color: #4AC9F5;

}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#showpm .socialshare{display: none;}
#pmfolderlist input[type="submit"] {width: 90px;}
.pmbit{min-height:auto !important;}
.pmlist input[type="checkbox"] {
  position: absolute;
  top: 10px;
  left: 97px;
  /* background-color: #fff; */
  border: 1px solid #ECECEC;
}.foldercount{width: 100px;}
.foldercount dt{float:right;}
.foldercount dd{
    margin-right: 40px;
    float: right;
}


.sortrow {
	border-bottom:1px solid #ECECEC !important;
}
.DPAGE .formsubmit input[type="text"]{  background: none repeat scroll 0 0 #f7fafa;
  border: medium none;
  height: 28px;
  float: right;
  padding: 0 10px 3px;}
.DPAGE .formsubmit input[type="submit"]{  height: 28px;}
.DPAGE .paNumbers{font-size:13px;}
.Mpm .sortrow {
  width: 100%;
  clear: both !important;
  overflow: hidden;
  padding-top: 20px;
}
.Mpm .sortrow h2{float:right;color: #55D0FA !important;  font-size: 16px !important;}
.Mpm .sortrow div{margin:0px 20px;}

footer{margin-bottom:30px !important;}
main{padding-bottom:30px !important;}

.RegisterStepOne #pagetitle{
padding: 20px;
background-color: #FFF;
width: 100%;
clear: both;
overflow: hidden;
}.RegisterStepOne #pagetitle h1{
    color: #55D0FA;
}.RegisterStepOne form{  padding: 20px;
  background-color: #fff;
  overflow: hidden;}
  .RegisterStepOne form .blockhead{
    float: right;
    clear: both;
    width: 100%;
    font-size: 21px;
    color: #55D0FA;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #F7FAFA;
}
.threadstatus{

  background-image: none !important;
  border-radius: 50%;
  width: 16px;
  height: 16px !important;  background-color: #43c5f2;
  position: absolute;
  z-index: 99999;
  top: 70px;  border: 3px solid #fff;

  right: 70px;}
  .hot .threadstatus{background-color: #cb3030 !important}
  .hot .threadstatus,.hot_new .threadstatus{background-color: #cb3030 !important}
  .left .threadstatus{background-color: #fff !important}
  .lock .threadstatus{background-color: #203a44 !important}
  .dot .threadstatus{background-color: #43c5f2 }
@media only screen and (max-width: 40em) {
  main{padding-bottom:30px !important;}
  #pmfolderlist .blockfoot .popupmenu {
  width: 100%;
}
  #above_postlist .popupbody {
  margin-right: 11px;}
#above_postlist.above_postlist .newcontent_textcontrol{width:35px !important;}
.above_postlist .pagination_top .pagination, .above_postlist .pagination_top .postpagestats{  min-width: 280px;
}
#above_postlist.above_postlist input[type="text"]{width:50px; }
	.hideall{display: none !important;transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in;}
	#usercp_nav{transition: all 0.2s ease-in; -webkit-transition: all 0.2s  ease-in;}
	.opennav span:hover{box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.02);  -webkit-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.02);  -moz-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.02);}
	.opennav span{
  display: block;background:#fff;border:1px solid rgba(0, 0, 0, 0.03); background: #fff;
  padding: 15px 20px;margin: 13px;
  position: relative;color:#55d0fa;cursor: pointer;
}.opennav span:before{
  float: right;
  padding-left: 13px;}

  .opennav{display: block !important;}
  }
.threadbit, .threadlisthead{box-shadow: none !important;}

		.tooltip{
   			display: inline;
    		position: relative;
		}

		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}

		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}

.formarea .blockbody, .formarea .blockfoot {
  background-color: #fff;
  padding: 15px;
}.cms_table {
    overflow: hidden;
}.THd #thread_controls{
    overflow: hidden;
    clear: both;
    /* margin: 15px; */
    padding: 15px;
}
.THd .popupmenu {
    float: right;
    margin: 15px;
    overflow: hidden;
}
.THd .popupmenu h6 a {color:#fff !important;   display: block;
  width: 100%;
  height: 100%;
}
.THd .popupmenu h6{
    cursor: pointer;
  background: none repeat scroll 0 0 #98c735;
  background-image: -moz-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(152,199,53) 0%, rgb(174,211,94) 100%);
  border: 0 none;
  border-radius: 1px;
  color: #fff !important;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 14px;
  height: 50px;
  padding: 10px 20px;
  text-align: center;
  }
.THd .popupmenu .popupbody {display: none;  background-color: #fff;
  /* display: block; */
  /* right: auto; */
  /* left: 1px; */
  /* position: relative; */
  /* top: -292px; */
  width: 320px;
    position: static !important;
  padding: 30px;
  /* float: right; */
overflow: hidden;}

.LiFriends {
  background-color: #fff;
  overflow: hidden;
  padding: 20px;
  margin: 30px 0px;
}.LiFriends img {
  float: right;
}
.LiFriends .friend_info{
  overflow: hidden;
  margin-right: 15px;
  float: right;
  display: block;
}.profile_content .breakfriendship{margin-top: -67px !important;
  /* right: 80px; */
  /* float: left; */
  left: 40px;
}.friendsmini a[rel="next"]{cursor: deafult !important;   pointer-events: none;
}.THd{float:right !important;}

#view-activitystream .subsection{background: transparent !important;border:0px !important;padding:0px !important;}
#view-activitystream li.userprof_content{background: transparent}
