<script src="<?php echo $jquery_dir; ?>plugins/jquery.validate.js" type="text/javascript"></script>
<script src="<?php echo $jquery_dir; ?>plugins/jquery.validation.functions.js" type="text/javascript"></script>
<script>
            jQuery(function(){
                jQuery("#existing_password").validate({
                    expression: "if (VAL) return true; else return false;",
                    message: "Password blank!"
                });
                jQuery("#new_password").validate({
                    expression: "if (VAL) return true; else return false;",
                    message: "Password blank!"
                });
                jQuery("#new_password2").validate({
                    expression: "if ((VAL == jQuery('#new_password').val())) return true; else return false;",
                    message: "Confirm NEW password does not match"
                });
		});
</script>
<style type="text/css">
<!--
.style2 {color: #DF8600}
-->
</style>

<br />
<div style="padding-left:3%;">
<div id="layer" style="padding:4px; width:96%; " class="ui-widget-content ui-corner-all"><form method="POST" action="update-password.php" name="AF" id="AF">
  <input type="hidden" name="save" value="1"><div align="center"><center><table border="0"
  width="80%" cellpadding="2" bgcolor="#E6FFE6">
    <tr>
      <td width="100%"><div align="center">To change the <strong>password</strong> enter a new password below and again to confirm, you will also have to enter the existing password for confirmation..
          <p><em>If later you are unable to login you  can use the <a href="forgottenpassword.php">forgottenpassword</a> link which is  on the  login page. </em></p>
      </div>
        <p>&nbsp;</p>      </td>
    </tr>
  </table>
  </center></div><table border="0" width="100%" cellspacing="1">
    <tr>
      <td colspan="2"><div align="center"><center>
        <p><big><strong>Admin  password change </strong></big></td>
    </tr>
    <tr align="center">
      <td align="right"><strong>Enter a NEW password: </strong></td>
      <td align="left"><strong>
        <input name="new_password" id="new_password" size="12" type="password" />
      </strong></td>
    </tr>
    <tr align="center">
      <td align="right"><strong>CONFIRM NEW password: </strong></td>
      <td align="left"><strong>
        <input name="new_password2"  id="new_password2" size="12" type="password" />
      </strong></td>
    </tr>
    <tr align="center">
      <td height="66" align="right"><strong><br />
        <br />
        <span class="style2">EXISTING Password:</span></strong></td>
      <td align="left"><br />
          <br />
          <input name="existing_password" id="existing_password" size="12" type="password" /></td>
    </tr>
    <tr align="center">
      <td width="40%" align="right">&nbsp;</td>
      <td width="60%" align="left"><em>The existing password is required for confirmation<br />
        <br />
      </em></td>
    </tr>
    <tr align="center">
      <td colspan="2"><div align="center"><center>
	  
	  <div class="button"><button>Save</button>
<a href="#" onclick="location.href='./'">Cancel</a></div></td>
    </tr>
  </table>
  
</form>
</div></div>