<!-- Friend Selector Dialog -->
<div class="dialog choosefriends-overlay" layout="dialog" layout-id="select-friends">
    <div class="choosefriends-inner">
        <table id="friend-selector-list" width="100%" cellspacing="0">
        </table>
        <br clear="left" /><br />
    </div>
    <br clear="all" />
    <div class="left">
        <a id="btn-cancel-friends" layout-action="close" class="button-grey">CANCEL</a>&nbsp;
    </div>
    <div class="right">
        <a id="btn-save-friends" layout-action="close" class="button-orange">ADD SELECTED FRIENDS</a>
    </div>
</div>

<!-- Added Invitation Template -->
<script type="text/template" id="template-friend-selection">
    <tr user-id="{userId}" class="{css_class}">
        <td><img user-id="{userId}" src="/assets/content/icon_check_white.png" width="11" height="12" style="display:{check_mark_display}" /></td>
        <td><div class="avatar-tiny"><img src="{avatar_url}" /></div></td>
        <td>{userName}</td>
        <td align="right"><small>{status}</small>
            <span><img src="{status_img_url}" style="display:{status_img_display}" width="24" height="24" align="absmiddle" /></span>
        </td>
    </tr>
</script>