<div style="font-size: 18px;">
  {$headline}
</div>
<br>
<p class="seperator">
{t}Adding a new class to the FAI management, requires a class name. You have to specify a unique class name for unique types of FAI classes, while you can use the same class name for different types of FAI classes. In the laste case, FAI will automatically enclose all these different class types to one unique class name.{/t}
<br>
<br>
</p>
<p class="seperator">
<br>
<b>{t}Please use one of the following methods to choose the name for the new FAI class.{/t}</b>
<br>
<br>
</p>
<br>
<table style='width:100%'>
 <tr>
  <td style='width:49%'>
   <table>
    <tr>
     <td>
       <input type=radio name="classSelector" id="classSelector1" value="1" checked>
     </td>
     <td>
       <h1><label for="classSelector1">{t}Enter FAI class name manually{/t}</label></h1>
     </td>
   </tr>
   <tr>
     <td>&nbsp;</td>
     <td>
      <label for="UseTextInputName">{t}Class name{/t}&nbsp;</label><input type="text"  name="UseTextInputName" id="UseTextInputName" value="{$ClassName}" style="width:120px;">
     </td>
    </tr>
   </table>
   <br>
   <br>
  </td>
  <td style='border-left:1px solid #909090'>
  </td>
  <td>
   <table {$grey}>
    <tr>
     <td>
       <input type=radio name="classSelector" id="classSelector2" value="2" {$ClassNamesAvailable}>
     </td>
     <td>
      <h1 {$grey}><label for="classSelector2">{t}Choose FAI class name from a list of existing classes{/t}</label></h1>
     </td>
    </tr>
    <tr>
     <td>&nbsp;</td>
     <td>
      <label for="SelectedClass">{t}Class name{/t}&nbsp;</label><select id="SelectedClass" name="SelectedClass" title="{t}Choose class name{/t}" style="width:120px;" {$ClassNamesAvailable}>
       {html_options options=$ClassNames}
      </select>
     </td>
    </tr>
   </table>
   <br>
   <br>
  </td>
 </tr>
</table>
<p class="seperator">&nbsp;</p>

<p style="text-align:right">
 <input type="submit" name="edit_continue" value="{t}Continue{/t}">&nbsp;
 <input type="submit" name="edit_cancel" value="{msgPool type='cancelButton'}">
</p>

<!-- Place cursor -->
<script type="text/javascript">
  <!--
  focus_field('UseTextInputName');
  -->
</script>
