#facebox .b {background:url(../images/b.png);}
#facebox .tl {background:url(../images/tl.png);}
#facebox .tr {background:url(../images/tr.png);}
#facebox .bl {background:url(../images/bl.png);}
#facebox .br {background:url(../images/br.png);}

#facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;width:590px;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;width:auto;}
#facebox td {border-bottom: 0;padding: 0;word-wrap: auto;vertical-align:auto;}
#facebox .body {padding: 0px;background: #fff;width: 500px;}
#facebox .loading {text-align: center;padding:20px;}
#facebox .image {text-align: center;}
#facebox img {border: 0;margin: 0; }
#facebox .footer {border-top: 1px solid #DDDDDD;padding: 10px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99;}
* html #facebox_overlay { /* ie6 hack */position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

.friends_area{overflow:hidden;width: auto;padding:5px;height: auto;border-bottom: #dfdfdf solid 1px;}
.top_area{background: #333;font-size: 14px;color: #FFFFFF;font-weight: bold;padding: 6px 6px 6px 12px;}
.name b{font-size: 12px;color: #3B5998;cursor: pointer;}
.name{font-size: 12px;color: #666;padding: 12px 8px 8px 8px;float: left;}
#search_area{background: #F2F2F2 none repeat scroll 0 0;width: 515px;padding: 10px;border-bottom:1px solid #DFDFDF;}

#search_content{overflow-y: scroll; height: 300px;margin:0px; padding:0px;}