{AJAXCONTENT}
<script src="{JSDIR}Hint/Hint.js"></script>
<br/>
	<div id="content" class="error" style="color:black;"></div>		
	<div class="logincontainer">
	 <b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
	 			Login
			 <div class="login">
				<br/>
			
				 {LOGINUSERNAME}: <input type="text" id="username" name="username" size="20" value="{USERNAME}" onKeyPress="return submitenter(this,event,theform);" class="textstyle titleHintBox" title="Enter User Name"/><br/><br/>
				 {LOGINPASSWORD}:&nbsp; <input type="password" id="upassword" name="upassword" size="20" onKeyPress="return submitenter(this,event,theform);" class="textstyle titleHintBox" title="Enter Password" /><br/><br/>
				 <input type="submit" class="submit" name ="login" onclick="return formCheck(theform);" value="{LOGIN}"> &nbsp; &nbsp;<input type="button" value="Forgot Password"><br/><br/>
			
			 </div>
	 <b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
	 </div>
 
<br/>

<script TYPE="text/javascript">
	var $j = jQuery.noConflict();
	//Jquery Validation
	$j(document).ready(function() {
		$j("#theform").validate();
	});
	
	function formCheck(theform) {
		if (theform.username.value === null || theform.username.value == "" ){
			alert("User Name Required");	
			return false;
		}

		if (theform.upassword.value === null || theform.upassword.value == ""){
			alert("Password Required");	
		return false;
		}
		loginuser();

		return false;
	}

	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);
			return false;
		}
		else
			return true;
	}	
</script>