#friendsList{border-top:dashed 1px #ddd;margin:10px 0 0}
#friendsList .friend{width:277px;height:87px;background:#fff;float:left;margin:10px 10px 0 0;padding:8px 9px}
#friendsList .friend .info{float:left;margin-left:-220px;width:220px;overflow:hidden}
#friendsList .friend .wrap a{display:block;width:48px;height:48px;margin:0}
#friendsList .friend .info ul{list-style-type:none;padding:6px 0}
#friendsList .friend .info li a{color:#000}
#friendsList .friend .info em{white-space:nowrap;overflow:hidden;width:100%;font-style:normal;color:#999}
#friendsList .friend .info em i{font-style:normal;color:#000}
#user_groups{height:25px}
#user_groups li{display:inline}
#user_groups a{color:#777;padding:1px 3px}
#user_groups a.active{color:#fff;background:#777;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}
.user_list{height:300px;width:600px;overflow:scroll;overflow-x:hidden}
.friend .info span{display:block;color:#999}
.friend .info li{margin-bottom:4px}
.user_list .friend{float:left;width:260px;margin:5px;padding:10px}
.user_list .friend .info{float:left;width:200px;margin-left:-200px}
#friendsCnt{color:#777}
#friendsCnt a{color:#777;margin-left:10px}
.user_info .friend{height:60px;overflow:hidden;width:200px}
.user_info .friend .info{float:left;width:140px;margin-left:-140px}
#friendsList .friend:hover,.user_list .checked{background:#eef6ff}
.user_list .friend .info em,.user_list .friend .info ul,.user_info .friend .info ul,.user_info .friend .info em{display:none}