#friendsSelector{text-align:left}#friendsSelector select{font-family:Tahoma,Verdana,sans-serif;font-size:11px}#friendsSelector div.clear{height:0px !important}#friendsSelector .tab{float:left;width:100px;color:#666;background:#fff url(/bg-fade_gray.gif) repeat-x scroll 0 20%;border-top:1px solid #ccc;border-right:1px solid #ccc;text-align:center;padding:4px 7px;cursor:pointer;white-space:nowrap}#friendsSelector .firstTab{border-left:1px solid #ccc}#friendsSelector .selectedTab{font-weight:bold;border-bottom:1px solid #eee;background:#eee none;cursor:default}#friendsSelector div.filter{background-color:#eee;border:1px solid #ccc;border-bottom-width:0px;padding:4px;margin-top:-1px;height:21px}#friendsSelector div.filter span{color:#666;font-weight:bold;vertical-align:middle}#friendsSelector div.filter div.sort{float:left}#friendsSelector div.filter div.sort select{padding:1px;vertical-align:middle}#friendsSelector div.filter div.search{float:left;margin-left:9px}#friendsSelector div.filter div.search input{padding:2px;color:#999;width:116px;border:1px solid #999;vertical-align:middle;background-color:#fff}#friendsSelector div.filter div.paging{float:right}#friendsSelector div.filter div.paging .pagelink{float:left;margin-left:3px}#friendsSelector div.filter div.paging span.pagelink{color:#f00;font-weight:bold}#friendsSelector .friendsList{height:150px;padding:4px;border:1px solid #ccc;overflow-y:scroll}#friendsSelector .friend{cursor:pointer;float:left;width:126px;border:1px solid #e8e8e8;padding:5px;margin:4px;overflow:hidden}#friendsSelector .friend img{float:left;width:30px;height:30px;margin-right:5px}#friendsSelector .friend .details{float:left;width:90px;overflow:hidden;line-height:1.3}#friendsSelector span.memberName{font-weight:bold;white-space:nowrap}#friendsSelector span.location{color:#999;white-space:nowrap}#friendsSelector .friend.selected{background-color:#36c;border-color:#036}#friendsSelector .friend.selected span{color:#fff}