<table cols="1">
    <tr>
        <td class="padding-small">
            <button type="button" class="btn btn-text-default" id="mmerge-button-edit-data" style="width:100%;"><%= scope.textEditData %></button>
            <label id="mmerge-lbl-add-recipients" style="margin-top: 4px;"><%= scope.textAddRecipients %></label>
        </td>
    </tr>
    <tr>
        <td class="padding-small">
            <div class="separator horizontal"></div>
        </td>
    </tr>
    <tr>
        <td>
            <label class="header"><%= scope.textMergeFields %></label>
        </td>
    </tr>
    <tr>
        <td style="padding-bottom: 13px;">
            <div id="mmerge-btn-ins-field" style="width:100%;"></div>
        </td>
    </tr>
    <tr>
        <td  style="padding-bottom: 13px;">
            <div id="mmerge-switcher-highlight" style="display: inline-block; vertical-align: top;"></div>
            <label style="margin-left: 5px;"><%= scope.textHighlight %></label>
        </td>
    </tr>
    <tr>
        <td class="padding-small">
            <div id="mmerge-switcher-preview" style="display: inline-block; vertical-align: top;"></div>
            <label style="margin-left: 5px;"><%= scope.textPreview %></label>
        </td>
    </tr>
    <tr>
        <td class="padding-small">
            <div id="mmerge-button-first" style="display: inline-block;margin-right: 4px;"></div>
            <div id="mmerge-button-prev" style="display: inline-block;margin-right: 4px;"></div>
            <div id="mmerge-field-num" style="display:inline-block;vertical-align: middle;"></div>
            <div id="mmerge-button-next" style="display: inline-block;margin-left: 4px;"></div>
            <div id="mmerge-button-last" style="display: inline-block;margin-left: 4px;"></div>
        </td>
    </tr>
    <tr>
        <td class="padding-small">
            <div class="separator horizontal"></div>
        </td>
    </tr>
    <tr>
        <td>
            <label class="header"><%= scope.textMergeTo %></label>
        </td>
    </tr>
    <tr>
        <td class="">
            <div id="mmerge-combo-merge-to" style="width: 100%;padding-bottom: 2px;"></div>
        </td>
    </tr>
    <tr>
        <td class="padding-medium">
            <label style=""><%= scope.textMaxRecepients %></label>
            <label class="link-solid" id="mmerge-readmore-link"><%= scope.textReadMore %></label>
        </td>
    </tr>
    <tr>
        <td class="padding-large">
            <div id="mmerge-radio-all" style="margin-bottom: 5px;"></div>
            <div id="mmerge-radio-current"  style="margin-bottom: 5px;"></div>
            <div id="mmerge-radio-from-to" style="display: inline-block;vertical-align: middle; margin-right: 2px;"></div>
            <div id="mmerge-field-from" style="display: inline-block;vertical-align: middle;"></div>
            <label style="width: 30px; text-align: right; vertical-align: middle; margin-right: 2px;"><%= scope.textTo %></label>
            <div id="mmerge-field-to" style="display: inline-block;vertical-align: middle;"></div>
        </td>
    </tr>
</table>
<table cols="2">
    <tr>
        <td width="50%">
            <button type="button" class="btn btn-text-default" id="mmerge-button-download" style="width:90px;"><%= scope.textDownload %></button>
            <button type="button" class="btn btn-text-default hidden" id="mmerge-button-merge" style="width:90px;"><%= scope.textMerge %></button>
        </td>
        <td width="50%" style="text-align: right;">
            <button type="button" class="btn btn-text-default" id="mmerge-button-portal" style="width:90px;"><%= scope.textPortal %></button>
        </td>
    </tr>
    <tr class="finish-cell"></tr>
</table>