.opt-role {
    background: #fbfbfb; padding: 5px 10px; border: solid 1px #f1f1f1; display: none; width: 97%; border-radius: 5px;
}
.role {
     background: #fbfbfb; padding: 15px 20px; border: solid 1px #f1f1f1; width: 97%; margin: 2px; overflow: hidden; border-radius: 10px;
}
.role .name{
    float: left; font-weight: bold; color: #aaa;
}
.role .uf {
    float: right;
}

.role .ruser{
    border: solid 1px #fff; float: left; margin: 2px 4px; padding: 3px 6px; border-radius: 5px; background: #ccc;
}
.roler {
    overflow: hidden; background: none; border: none; margin: 0; padding: 0 0 5px 0;
}
.roler .role-reg {
    float: left;
    width: 50px; height: 50px;
    border: solid 1px #aaa;
    margin: 3px; padding: 5px;
    cursor: pointer;
    filter: alpha(opacity=30);
    opacity: 0.3;
    position: relative;
    border-radius: 2px;
}
.roler .role-reg .av_role{
    position: absolute; top: 6px; left: 6px; z-index: -9;
}
.roler .role-reg:hover, .roler .role-reg.active{
    filter: alpha(opacity=100);
    opacity: 1;
}
.roler .role-reg .name{
    text-align: center; font-weight: bold; font-size: 14px;
}
.roler .role-reg .text{
    font-size: 10px; color: #aaa; text-align: center; line-height: 14px;
}

.comment-info li.edit a{
    color: green;
}
.comment-info li.save, .comment-info li.cancel{
    display: none;
}
.comment-info li.save a{
    color: blue;
}
.comment-info li.cancel a{
    color: #ff4500;
}
.comment-info li.delete a{
    color: red;
}

.ls-avalar {
    margin: 0 auto;
    width: 100%; border-bottom: soid 1px #ccc; background-color: #ffcc00; color: red; overflow: hidden; padding: 0 0; font-style: 10px
}
.ls-avalar .cont{
    padding: 5px 10px;
}
.ls-avalar a {
    color: red;
}
.ls-avalar .exit{
    float: right;
}
.info_edit{
    font-size: 12px; font-style: italic; margin-top: 5px; color: #9e9e9e;
}
.user-profile {
    position: relative;
}
ul.list_user_role {
    overflow: hidden;
}
ul.list_user_role li {
    float: left; font-size: 10px; text-align: center; margin: 3px; width: 48px; height: 65px;
}
ul.list_user_role li a{
    font-size: 10px; text-align: center; text-align: center; display: block; width: 48px; overflow: hidden;
}
.block.role_block h2.title_role{
    height: 24px; line-height: 18px;
}
.block.role_block h2.title_role img{
    margin-right:5px;
}

.topic-content header ul li{list-style: none;}



.del-role{
    color: red; text-decoration: none; font-weight: bold;
}
#form_box {
    overflow: hidden; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #EEEEEE;
}
.toolbar-role 					{ position: fixed; top: 76px; left: 0; z-index: 21; display: none; }
.toolbar-role section 			{ width: 25px; padding: 8px; overflow: hidden; line-height: 14px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.03); box-shadow: 0 0 5px rgba(0,0,0,.03); margin-bottom: 10px; border-radius: 10px; }
.toolbar-role section i			{ display: block; width: 25px; height: 25px; }

.toolbar-role i.icon-user-role {
    background: url(../images/icon-user-role.png) no-repeat;
}
.toolbar-role i.icon-user-role-exit {
    background: url(../images/icon-user-role-exit.png) no-repeat;
}
.toolbar-role i.icon-synio-add-friend.tr-people {
    width: 16px; height: 16px; margin: 3px 5px;
}
/**
*   v08
*/
.menu-avatar{
    background: #fff;
    border-radius: 5px;
    border: solid 1px #EBF0F4;
    box-shadow: 5px rgba(0, 0, 0, 0.047);
    padding: 15px 20px;
    position: fixed;
    width: 150px;
    display: none;
    z-index: 99999;
}
.menu-avatar ul, .menu-avatar ul li, .menu-avatar ul li a{
    position: relative;
}
.toolbar-avatar-form {

}
.toolbar-avatar-form p{
 margin-bottom: 2px;
}
.toolbar-avatar-form .center {
    text-align: center; padding: 2px; margin: 2px;
}
.menu-avatar .title {
    position: relative; font-size: 16px;
}
.menu-avatar .title a{
    position: absolute; right: -13px; top: -8px;
    display: block; width: 10px; height: 10px; background: transparent url(../images/close.png) no-repeat;
}

.topic-type-role .cell-name { vertical-align: middle; }
.topic-type-role .defaultSkin table.mceLayout { width: 100% !important; }

.comment .comment-actions li.edit, 
.comment .comment-actions li.save,
.comment .comment-actions li.cancel { float: left; }

.comment .role-name { font-size: 12px; color: #9e9e9e; }