<!-- Invitation Dialog -->
<div class="dialog invitation-overlay" layout="dialog" layout-id="inviteUsers" id="invitation-dialog">
    <div class="invitation-inner" id="invitation-textarea-container" style="display:none">
        <div style="margin-left:10px; margin-top:10px;">
            <label for="txt-emails">Enter email address(es). If multiple addresses, separate with commas.</label><br />
            <textarea id="txt-emails"></textarea>
        </div>
        <div style="margin-left:10px; margin-top:20px;display:none">
            <label for="txt-message">Enter a personal message to the person(s) you are inviting.</label><br />
            <textarea id="txt-message" disabled="disabled" style="display:none"></textarea>
        </div>
    </div>
    <div class="invitation-inner" id="invitation-checkbox-container" style="display:none">
        <div style="margin-left:10px; margin-top:10px;">
            <label>Click the checkbox next to the email of each person you'd like to invite.</label><br />
            <label class="email-filter" for="email-filter">Filter Results: <input text="text" name="email-filter" disabled="disabled"/></label><br />
            <div id="invitation-checkboxes">
            </div>
        </div>
    </div>
    <br clear="all" />
    <div class="left">
        <a id="btn-cancel-email" layout-action="close" class="button-grey">CANCEL</a>&nbsp;
    </div>
    <div class="right">
        <a id="btn-send-invitation" layout-action="" class="button-orange">INVITE</a>
        <a id="btn-next-invitation" class="button-orange">NEXT</a>
    </div>
</div>
