/* CSS Document */
.mt-10{ margin-top:10px;}
.fr{ float:right;}
.fb{ font-weight:bold;}
.gray{
    color:#666;
    }
.f12{ 
    font-size:12px;
    }
.fn{ font-weight:normal;}
.babyfriend-list:after,
#babyfriend-wrap:after,
.babyfriend:after {
content:".";
display:block;
height:0;
clear:both;
overflow:hidden;
visibility:hidden;
}

.babyfriend,#babyfriend-wrap{
    width:960px;
    margin:0 auto;
    }
/*side*/    
.babyfriend-side {
    display: inline;
    float: right;
    width: 250px;
    }
.dtlist{
    border-top:1px solid #dadada;
    border-bottom:1px solid #dadada;
    background:#f6f6f6;
    padding:7px 15px;
    line-height:18px;
    }
.dtlist dt{ 
    font-weight:bold;
    padding-bottom:2px;
    color:#979797;
    }
.dtlist dd,.dtlist dd a{ 
    color:#09c; 
    font-family:"宋体";
    }
/*main*/    
.babyfriend-main {
    display: inline;
    float: left;
    width: 700px;
}

#babyfriend-wrap {
    background:url(/img/community/cool_member/bg063001.gif) repeat-y 136px 0;
    zoom:1;
    margin-top:20px;
}
#babyfriend-wrap .babyfriend-main{ 
    float:right; 
    width:800px;
    padding-left:15px;
    }
#babyfriend-wrap .babyfriend-side{ 
    float:left; 
    width:145px;
    }
.side-tag li a{ display:block; background:url(/img/community/cool_member/sp-v1.gif) 0 -7px no-repeat; 
    height:25px; 
    line-height:25px;
    padding-left:23px;
    font-size:14px;
    color:#f93
    }
.side-tag li.current a,.side-tag li.current a:hover{ 
    background-position:0 -35px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    } 

.commend-babyfriend{ 
    margin-top:20px;
    padding-bottom:20px;
    padding-top:15px;
    border-top:1px dashed #ccc;
    border-bottom:1px dashed #ccc;
    margin-bottom:20px;
    margin-right:10px;
    }
.commend-babyfriend h5{ 
    color:#979797;
    margin-bottom:5px;
    }

/*推荐好友*/
.recommend-list li{
    padding:5px 0 5px 55px;
    zoom:1;
    overflow:hidden;
    position:relative;
    z-index:0
    }
.recommend-list li .r-avatar{
    float:left;
    width:46px;
    display:inline;
    margin:0 0 0 -55px;
    text-align:center
}
.recommend-list li .r-avatar img{
    width:43px;
    height:43px;
    border:1px solid #ccc;
    display:block;
    padding:2px;
    color:#979797}
.recommend-list li  .r-cont{ margin-top:-3px;}
.recommend-list li p{ padding:1px 0 ; color:#979797}
.recommend-list li  .r-title a{ color:#09c;}
.itemRemove{
    z-index:1;
    background: url("http://pic01.babytreeimg.com/img/user/mytree-pal-misc-bg.png") no-repeat scroll 0 -166px transparent;
    cursor: pointer;
    display: block;
    height: 7px;
    overflow: hidden;
    position: absolute;
    right:0;
    text-indent: -9999px;
    top: 6px;
    width: 7px;
}
.btn-add-pal {
    background: url("http://static01.babytreeimg.com/img/community/misc-bg.png?v=1") no-repeat scroll 0 -300px transparent;
    cursor: pointer;
    display: inline-block;
    height: 13px;
    overflow: hidden;
    width: 54px;
    margin-top:2px;
    }
.module h4 {
    margin: 0 0 0 10px;
}
.module h4 {
    background: url("http://static01.babytreeimg.com/img/community/misc-bg.png?v=1") no-repeat scroll 0 2px transparent;
    color: #FE9832;
    display: inline;
    float: left;
    font: bold 14px/20px default;
    height: 20px;
    padding: 0 0 0 15px;
}

/*树友列表*/
.babyfriend-list{ 
    zoom:1;
    clear:both;
    }
.babyfriend-list dd{
    display:inline;
    width:106px;
    float:left;
    margin:13px;
    }
.babyfriend-list .avatar{
    width:100px;
    height:100px;
    border:1px solid #bcbdbc;
    padding:2px;
    margin-bottom:5px;
    }   
.babyfriend-list dd a{ color:#f93}
.babyfriend-list dd p{ position:relative; z-index:0;}
.babyfriend-list dd .new-upd{ 
    background:url(/img/community/cool_member/icon.gif) no-repeat; 
    width:14px; 
    height:14px;
    display:block;
    position:absolute;
    right:5px;
    top:2px;
    z-index:1;
    }
.like, .unlike {
    font: 12px tahoma;
    padding: 0 0 0 17px;
}   
.unlike {
    background: url("http://static01.babytreeimg.com/img/community/ico-like.gif") no-repeat scroll 0 3px transparent;
}
.tips{ 
    color:#979797; 
    margin-top:40px; 
    padding-left:15px;
    }
.fc-1{ 
    color:#e6a7e0;
    }
    
.who-avatar {
float:left;
display:inline;
margin:0 6px 0 0;
}

.who-avatar img {
width:100px;
height:100px;
display:block;
background-color:#F1F1F1;
}

.who-user a {
font-weight:bold;
color:#F93;
padding:0 2px;
margin:0 0 0 -2px;
display:inline-block;
}

.who-user a:hover {
background-color:#F93;
color:#FFF;
}

.who-excerpt {
height:72px;
margin:2px 0 8px;
}

.btn-add-pal {
width:54px;
height:13px;
overflow:hidden;
display:-moz-inline-stack;
display:inline-block;
background:transparent url(http://static01.babytreeimg.com/img/community/misc-bg.png?v=1) no-repeat 0 -300px;
cursor:pointer;
position:absolute;
margin:-13px 0 0 108px;
}

.btn-add-pal-done {
width:65px;
height:13px;
overflow:hidden;
display:-moz-inline-stack;
display:inline-block;
background:transparent url(http://static01.babytreeimg.com/img/community/misc-bg.png?v=1) no-repeat 0 -320px;
position:absolute;
margin:-13px 0 0 108px;
}


    
    
.who-pop {
width:240px;
position:absolute;
margin:-155px 0 0 96px;
background-color:#FFF;
border:2px solid #CCC;
z-index:2;
padding:10px;
display:;
color:#666;
}

.who-pop a {
display:inline-block;
}

.who-pop .who-avatar {
margin:3px 6px 0 0;
}

.who-pop .who-avatar img {
width:49px;
height:49px;
}

.who-pop .who-stat li {
display:inline;
margin:0 8px 0 0;
}

.who-pop .who-stat a {
margin:0 4px 0 0;
color:#09c
}

.who-pop .who-profile {
clear:both;
}

.who-pop .who-profile li {
margin:5px 0 0;
padding:0 0 0 36px;
}

.who-pop .who-profile label {
position:absolute;
margin:0 0 0 -36px;
}

.who-pop .btn-add-pal,
.who-pop .btn-add-pal-done {
right:10px;
top:10px;
margin:0;
}

.who-pop .arrow {
width:11px;
height:20px;
overflow:hidden;
background:transparent url(http://static01.babytreeimg.com/img/community/misc-bg.png?v=20110704) no-repeat 0 -340px;
position:absolute;
left:-11px;
top:10px;
}

.like{background: url("http://static01.babytreeimg.com/img/community/ico-like.gif") no-repeat scroll 0 -24px transparent;}

.recommend-list .btn-add-pal{ left:-53px; top:56px;}
.who-popr{ margin-left:-274px; }
.who-popr .arrow { left:auto; right:-11px; background-position:-61px -340px;}
.module h4 span{ background:#fff;}