.rename-group {
    float: left;
    position: relative;
}

.friends-groups .controls { float: right; }
.friends-groups a {
    display: block;
    float: left;
    margin-right: 5px;
    padding: 2px;
}
    .friends-groups a span {
        display: block;
        float: left;
        padding-top: 1px;
        width: 18px;
        height: 15px;
        background: url(http://i.kefche.net/ico/icons2.gif) no-repeat; background-position: 0px -494px;
    }
    .friends-groups a strong {
        font-weight: normal;
    }
    .friends-groups a.sel {
        color: white;
        background: #8FA7E7;
    }
    .friends-groups a.add span {
        background: url(http://i.kefche.net/ico/icons2.gif) no-repeat; background-position: 0px -479px;
    }

.friend-info {
    float: left;
    width:220px;
    margin: 10px 10px 0 0;
    padding:4px 4px 4px 7px;
    border:1px solid #CCCCCC;
}
    .friend-info .title {
        display: block;
        height: 16px;
        overflow: hidden;
        white-space: nowrap;
    }
    .friend-info .info {
        margin-top: 5px;
    }
        .friend-info .info img {
            float: left;
            height:80px;
            width:80px;
            margin-right: 5px;
        }
        .friend-info .info .fr-remove {
            display: block;
            float: right;
            margin-top: 8px;
        }
            
            .friend-info .info .fr-remove span{
                background:transparent url(http://i.kefche.net/ico/icons2.gif) no-repeat scroll 0 -494px;
                display:block;
                float:left;
                height:15px;
                padding-top:1px;
                width:18px;
            }
        .friend-info .info .dropdown-std {
            float: left;
        }
        .friend-info .info p {
            padding: 0;
            margin: 0;
            color:#999999;
        }
        
        .friend-info .info ul {
            float: right;
            width: 132px;
            margin: 10px 0 0 0;
            padding: 0;
            list-style: none;
        }
            .friend-info .info ul li {
                float:left;
                width:40%;
                height: 14px;
                margin:0 5px 2px 0;
                padding:2px;
                
                white-space: normal;
                overflow: hidden;
                border:1px solid #D6D6CE;
                text-align:right;
            }
                .friend-info .info ul li a {
                    display: block;
                    text-decoration: none;
                    color: black;
                    font-size: 8pt;
                }
                .friend-info .info ul li img {
                    width: auto;
                    height: auto;
                }

.birthday-panel {
    border: 1px solid silver;
    margin: 5px 0;
}
    .birthday-panel h3 {
        padding: 3px 2px;
        margin: 0;
    }
    .birthday-panel .cont {
        padding: 3px 2px;
    }