{AJAXCONTENT}
<link href="{SKINS}css/loginpage/front.css" media="screen, projection" rel="stylesheet" type="text/css">
<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {          
				e.preventDefault();
                $("fieldset#signin_menu").toggle();
				$(".signin").toggleClass("menu-open");
            });
			
			$("fieldset#signin_menu").mouseup(function() {
				return false
			});
			$(document).mouseup(function(e) {
				if($(e.target).parent("a.signin").length==0) {
					$(".signin").removeClass("menu-open");
					$("fieldset#signin_menu").hide();
				}
			});			
			
        });
</script>
<script src="{JSDIR}loginpage/jquery.tipsy.js" type="text/javascript"></script>
<script type='text/javascript'>
    $(function() {
	  $('#forgot_username_link').tipsy({gravity: 'w'});   
    });
</script>
<!-- Code for dispalying browser Ends here -->
<table border="0" align="center" cellpadding="5"  cellspacing="0" width="100%" height="" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" valign="top">
	<tr>
		<td width="20%">
			<div id="topnav" class="topnav"><FONT SIZE="" COLOR="black">Have an account?</FONT> <a href="#" class="signin"><span><font color="white">Sign in</font></span></a> </div>
			<div id="container">
				<fieldset id="signin_menu">
					
						<label for="username"><font color="white" size="2">Username</font></label>
						<input type="text" id="username" name="username"  value="{USERNAME}" onKeyPress="return submitenter(this,event,theform);" title="username" tabindex="4" >
						</p>
						<p>
							<label for="password"><font color="white"  size="2">Password</font></label>
							<input type="password" id="upassword" name="upassword" onKeyPress="return submitenter(this,event,theform);" title="password" tabindex="5" >
						</p>
						<p class="remember">
							<!-- <input id="signin_submit" value="Sign in" tabindex="6" type="submit"> -->
							<input type="submit"  onclick="return formCheck(theform);" id="signin_submit" value="Sign in" tabindex="6"> &nbsp; &nbsp;
							<!-- <input type="button" value="Forgot Password"> -->
							<!-- <input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox">
							<label for="remember">Remember me</label> -->
						</p>
						<p class="forgot"> <a href="#" onClick="alert('Contact Your Administrator');" id="resend_password_link"><font color="white"  size="2">Forgot your password?</font></a> </p>
						<!-- <p class="forgot-username"> 
							<A id="forgot_username_link" title="If you remember your password, try logging in with your email" href="#">Forgot your username?</A> 
						</p> -->
					
				</fieldset>
			</div>
		</td>
	</tr>	
</table>


<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>


<script>$(document).ready(function() {
	$('#games').coinslider({ hoverPause: false });
});
</script>


<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-11860629-1");
pageTracker._trackPageview();
} catch(err) {}
</script>

<style type="text/css">
	a:hover { font-weight:bold; color:blue }
	div.scroll
	{
	background-color:#FFFFFF;
	width:975px;
	height:360px;
	overflow:scroll;
	}
	.button {
	border-top: 1px solid #518EE2;
	background: #518EE2;
	background: -webkit-gradient(linear, left top, left bottom, from(#518EE2), to(#518EE2));
	background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	padding: 6px 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 14px;
	font-family: Georgia, serif;
	text-decoration: none;
	vertical-align: middle;
	}
	.button:hover {
	border-top-color: #28597a;
	background: #28597a;
	color: #ccc;
	}
	.button:active {
	border-top-color: #1b435e;
	background: #1b435e;
	}
</style>