<div class="container mt20">
  <div class="col-sm-offset-2 col-sm-8 text-center">
    <p class="text-center" style="text-shadow: 1px 2px 3px #aaa;">Administrator Maintenance</p>
    <div class="text-left">

      <p>
  The User Maintenance program provides the means to create and maintain database table records for Users.
  A User Table record must exist before login access to the system can be completed.
  User Table records may be viewed, updated, added or deleted for any User at any time.
  </div>
<br />

    <div class="container" style="width:420px;margin:0px auto 0px auto;">
      <table class="table">
        <tr>
          <td class="" style="width:30%;padding:15px;">User Initials:</td>
          <td class="" style="padding:5px;">
            <input class="form-control w100 pull-left" id="initials" type="text" placeholder="User Initials" value="" maxlength="10" />
            </select>
          </td>
        </tr>
        <tr>
          <td class="" style="padding:15px;">User Name:</td>
          <td class="">
            <input class="form-control w250" id="username" type="text" placeholder="User Name" value="" maxlength="30" />
          </td>
        </tr>
        <tr>
          <td class="" style="padding:15px;">Password:</td>
          <td class="">
            <input class="form-control w100" id="pwd" type="text" placeholder="Password" value="" maxlength="10" />
          </td>
        </tr>
        <tr>
          <td class="" style="padding:15px;">Client #:</td>
          <td class="">
            <input class="form-control w100" id="clientnumber" type="text" placeholder="Client #" value="" maxlength="6" />
          </td>
        </tr>
        <tr>
          <td class="" style="padding:15px;">Site ID:</td>
          <td class="">
            <input class="form-control w100" id="siteid" type="text" placeholder="Site ID" value="" maxlength="6" />
          </td>
        </tr>
        <tr>
          <td class="" style="padding:15px;">Modified:</td>
          <td class="">
            <input class="form-control input-sm mr20" id="modified" type="text" readonly="" />
          </td>
        </tr>
        <tr>
          <td class="" colspan="2">
            <input type="text" id="stmsg" class="form-control input-sm mr20 text-center" readonly="" />
          </td>
        </tr>
        <tr>
          <td class="input-group-btn" colspan="2" align="center">
            <button type="button" id="helpbtn" class="btn btn-success btn-sm" tabindex="-1">Help</button>
            <button type="button" id="clearbtn" class="btn btn-default btn-sm" tabindex="-1">Clear</button>
            <button type="button" id="viewbtn" class="btn btn-warning btn-sm" tabindex="-1">View</button>
            <button type="button" id="updatebtn" class="btn btn-success btn-sm" tabindex="-1">Update</button>
            <button type="button" id="addbtn" class="btn btn-primary btn-sm" tabindex="-1">Add</button>
            <button type="button" id="deletebtn" class="btn btn-danger btn-sm" tabindex="-1">Delete</button>
            <button type="button" id="backbtn" class="btn btn-info btn-sm" tabindex="-1">Exit</button>
          </td>
        </tr>
        </tr>
      </table>
    </div>

<div>

  <p class="text-left">
    <span class="text-primary">User Initials:</span>
    <br />
      Required.  User Initials associated with this User.  10 characters maximum.  Must be entered manually.
      <br />
   </p>
  <p class="text-left">
    <span class="text-primary">User Name:</span>
    <br />
      Required.  30 characters maximum. This is the name of the User.
      <br />
   </p>
  <p class="text-left">
    <span class="text-primary">Password:</span>
    <br />
    Required.  10 characters maximum. This is the password for the User.
    <br />
   </p>
  <p class="text-left">
    <span class="text-primary">Client #:</span>
    <br />
    Required.  6 characters maximum. This is the laboratory client number whose results are displayed.
    <br />
   </p>
  <p class="text-left">
    <span class="text-primary">Site ID:</span>
    <br />
    Required.  6 characters maximum. This is the site id whose results are displayed. Sites may contain one or more client numbers.
    <br />
   </p>
  <p class="text-left">
    <span class="text-primary">Modified:</span>
    <br />
      Date, time and person who last modified this record.  Read only.
      <br />
   </p>
  <br />
    <p class="text-left">
      <button id="clearbtn" class="btn btn-default btn-xsm" tabindex="-1" style="width:75px;">Clear</button>
      Clears all fields on the screen.
      <br />
    </p>
    <p class="text-left">
      <button id="updatebtn" class="btn btn-success btn-xsm" tabindex="-1" style="width:75px;">Update</button>
      Updates the User information record in the database for the selected User.  User information record must be viewed before it can be updated.
      <br />
    </p>
    <p class="text-left">
      <button id="addbtn" class="btn btn-primary btn-xsm" tabindex="-1" style="width:75px;">Add</button>
      Adds a new User information record in the database for the selected User.
      <br />
    </p>
    <p class="text-left">
      <button id="deletebtn" class="btn btn-danger btn-xsm" tabindex="-1" style="width:75px;">Delete</button>
      Permanently deletes the User information record from the database for the selected User.  User information record must be viewed before it can be deleted.
      You must click "OK" to the confirmation prompt before the deletion will occur. Click "CANCEL" to avoid the deletion.
      <br />
    </p>
    <p class="text-left">
      <button id="backbtn" class="btn btn-info btn-xsm" tabindex="-1" style="width:75px;">Exit</button>
      Return to the menu program.
    </p>
  </div>

</div>
</div>
</div>
