.opt-role {display:none}
.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%;background-color:#ffcc00;color:red;overflow:hidden;padding:0 0}
.ls-avalar .cont {padding:5px 10px}
.ls-avalar a {color:red}
.ls-avalar .exit {float:right}
.info_edit {font-size:9px;font-style:italic;text-align:right;margin-top:-10px;color:#aaa}
.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}
#form_box {overflow:hidden}
.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}