{AJAXCONTENT}
<table   align="center" background="{SKINS}images/paperbg.gif" cellspacing="0" cellpadding="0" width="100%" height="400px" border="0" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}"> 
	<tr>
		<td valign="top" class="m8" align="center" ><br><br><br><br>		 
			<table background="{SKINS}images/html_background3.jpg" align="center" cellspacing=0 cellpadding="12" width="50%" style="border:1px solid Silver;-moz-border-radius:10px;webkit-border-radius:10px;border-radius:10px;box-shadow:5px 5px 5px 5px #BDCBD5;font-family:Arial;color:#434C53;font-size:1.1em" >	      
				<tr>
					<td bgcolor="#97BFD6" align="center" style="-moz-border-radius:10px;webkit-border-radius:10px;" colspan="2"><B>CHANGE PASSWORD</B></td>	
				</tr>
				
				<tr>
					<td class="logintext" align="left"><font face="Arial" size="2">User Name:</font></td>
					<td align="left"><input type="text" name="username" class="texts" style="width:160px" value="{USERNAME}" DISABLED></td>
				</tr>

				<tr>
					<td class="logintext" align="left"><font face="Arial" size="2">Old Password:</font><font color="red">*</font></td>
					<td align="left"><input type="password" name="upassword" class="texts" onKeyPress="return submitenter(this,event,theform);" style="width:160px"></td>
				</tr>
				
				<tr>
					<td align="left"><font face="Arial" size="2">New Password:</font><font color="red">*</font></td>
					<td align="left"><input type="password" name="rpassword" class="texts" onKeyPress="return submitenter(this,event,theform);" style="width:160px"></td>
				</tr>

				 <tr>
					 <td align="left"><font face="Arial" size="2">Confirm new password:</font><font color="red">*</font></td>
					 <td align="left"><input onblur="return checkPassword(theform);" type="password" name="repassword" class="texts"  onKeyPress="return submitenter(this,event,theform);" style="width:160px"></td>
				 </tr>
				 
				 <tr>
					 <td align="center" colspan = "2" class="sleft" >
					  <input align="center" class="sleft" type="button" name="save" value="Update" onclick="return formCheck(theform);"/></td>			
				 </tr> 							
			</table>
		</TD>
	</TR>
</TABLE>
          	
<input  type="hidden" name="userid" value="{USERID}">

<script LANGUAGE="JavaScript">

	function formCheck(theform) {
	
		if(!validRequired(theform.upassword," Password "))
			return false;
	        
		if(!validRequired(theform.rpassword," New Password "))
			return false;
 
		if(!validRequired(theform.repassword," Re-Password "))
			return false;

		updateuser();
		return false;	
	}

    function checkPassword(theform){
		var pwd1 = theform.rpassword.value;
		var pwd2 =  theform.repassword.value;
		if(pwd1 != null && pwd2 != null){
			if(pwd1 != pwd2){

				alert("Both Password are not Match");	
				theform.rpassword.value = "";
				theform.repassword.value = "";				
				theform.rpassword.focus();
				return false;
			}
			
		}
		return true;
	}

function submitenter(myfield,e,theform) {

			var keycode;
			if (window.event) keycode = window.event.keyCode;
				else if (e) keycode = e.which;
					else return true;
			
			if (keycode == 13) {
				return formCheck(theform);
				//myfield.form.submit();
				return false;
			}
			else
				return true;
		}
	
</script>