.friend-search:after{display:block;clear:both;visibility:hidden;line-height:0;height:0;} .friend-search{position: relative; padding: 0 0 5px} .friend-search input {border: 0; display: inline-block; margin: 5px 10px 0} .friend-search .result{position: absolute; left: 0; background: #b0aeb1; width: 100%; display: none; max-width: 200px; min-width: 125px;z-index: 99999} .friend-search .result > .wrap {border: 1px solid #666666; background: #fff; position: relative; top: -2px; left: -2px} .friend-search .result > .wrap > div {max-height: 250px} .friend-search .result > .wrap > div > div.content {width: 100%} .friend-search .result .item{padding: 5px 10px; margin: 0; overflow: hidden; cursor: pointer} .friend-search .result .item .left{float: left; width: 30px} .friend-search .result .item .right{margin-left: 35px; text-align: left; float: none} .friend-search .result .item .username{font-weight: bold; color #830000} .friend-search .result .item.active, .friend-search .result .item:hover{background: #f0f0f0; color: #c00000} .friend-search .added-item-wrap {display: inline-block; color: #838383; font-size: 11px; } .friend-search .added-item {border: 1px solid #dbdbdb; background-color: #f7f7f7; height: 16px; line-height: 14px; padding: 0 7px; margin: 5px 0 0 7px; color: #838383; font-size: 11px} .friend-search .added-item .close-ico {background: url(../../images/new_version/linkhay-sprites.png) -144px -224px no-repeat; margin-left: 8px; cursor: pointer; width: 7px; height: 7px} .friend-search .added-item .close-ico:hover {background: url(../../images/new_version/linkhay-sprites.png) -153px -224px no-repeat}