?>
</div> <!-- .form-padding -->
</div> <!-- .qmoa-settings-section -->
<!-- END Login Page & Form Customization section -->
<!-- START Custom Login Form Designs section -->
<div id="qmoa-settings-section-custom-login-form-designs" class="qmoa-settings-section">
<h3>Custom Login Form Designs</h3>
<div class='form-padding'>
<p>You may create multiple login form <strong><em>designs</em></strong> and use them throughout your site. A design is essentially a re-usable <em>shortcode preset</em>. Instead of writing out the login form shortcode ad-hoc each time you want to use it, you can build a design here, save it, and then specify that design in the shortcode's <em>design</em> attribute. For example: <pre><code>[qmoa_login_form design='CustomDesign1']</code></pre></p>
<table class='form-table'>
<tr valign='top' class="has-tip">
<th scope='row'>Design: <a href="#" class="tip-button">[?]</a></th>
<td>
<?php
echo WPOA::qmoa_login_form_designs_selector('qmoa-login-form-design', true);
?>
<p>
<input type="button" id="qmoa-login-form-new" class="button" value="New">
<input type="button" id="qmoa-login-form-edit" class="button" value="Edit">
<input type="button" id="qmoa-login-form-delete" class="button" value="Delete">
</p>
<p class="tip-message">Here you may create a new design, select an existing design to edit, or delete an existing design.</p>
<p class="tip-message tip-info"><strong>Tip: </strong>Make sure to click the <em>Save all settings</em> button after making changes here.</p>
</td>
</tr>
</table> <!-- .form-table -->
<table class="form-table" id="qmoa-login-form-design-form">
<tr valign='top'>
<th colspan="2">
