<div id="friendlist" style="float: left; width: 30%; min-height: 320px; background: url(${BG}help_paper.png) no-repeat; background-size: 280px 300px;">
    <img src="${BUTTONS}friendlist.png"/>

    <div style="margin-left: 15px;">
        <input type="text" class="form-control input-lg" id="friend_name" placeholder="${friend_name}">
        <div class="" id="added_friend_list">
            <div class="" style="outline: 2px white; height: 200px;">
                <div style="float: left;">                  
                <img src="${WOWICONS}warrior.png" width="30px;"/>
                <img src="${WOWICONS}ork_male.png" width="30px;"/>
                 Molanor</div>
                <img src="${PICPATH}x.png" style="float: right; margin-right: 15px;"/>               
            </div>
        </div>
    </div>
</div>
<div id="guildlist" style="float: left;  margin-top:5px; margin-left: 10px; min-height: 300px; background: url(${BG}help_paper.png) no-repeat; background-size: 280px 300px;">
    <div style="margin-top: -5px;">
        <img width="280" src="${BUTTONS}wanted.png"/>
    </div>
</div>
    <div id="friend_help" style="float: right; margin-top: 5px; min-height: 250px; background: url(${BG}help_paper.png) no-repeat; width: 20%;">
    <h3>${help_title}</h3>
    
</div>