{AJAXCONTENT}
<link rel="stylesheet" type="text/css" href="skins/default/css/Menu/style_dash.css">
<!-- login design Starts here -->
<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>
<!-- login design Ends here -->

<table border="1" align="center" cellpadding="6" cellspacing="0" class="mGrid"  cellspacing="0" width="100%" height="" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" valign="top">
	<tr width="100%" valign="top" >
		<td width="60%">
			<MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE>Welcome to Central Vigilance Commission</MARQUEE>
			 </FONT>
		</td>
		<td width="20%">
			<div id="topnav" class="topnav"> Have an account? <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>
<table border="0" align="center" cellpadding="0"  class="mGrid"  cellspacing="0" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}" valign="top">
	<tr width="100%">
		<td colspan="4" valign="top" width="80%">
			<table	border="0" width="100%" height=""  cellpadding="0" align="right" cellspacing="0" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" valign="top">
				<tr valign="top">
					<td colspan="0" valign="top" style="padding-left:145px">
						<table bgcolor="" align="left" cellpadding="0" cellspacing="5" width="100%" style="border-collapse:collapse;border:0px solid {TABLEBORDERCOLOR}" valign="top">
							<tr width="100%">
								<td align="left">
									<iframe name="FRAME_LIST" frameborder="0" src="?module=public&action=flashswf&nomenu=1" width="100%" height="750px" scrolling="no" style="overflow:hidden" ></iframe>
								</td>		
								<!-- <td>
									<iframe name="FRAME_LIST" frameborder="2" src="#" width="900px" height="510px" scrolling="no" style="overflow:hidden"></iframe>
								</td> -->
							</tr>							
						</table>
					</td>					
				</tr>				
			</table>
		</td>		
	</tr>	 
</table>


<!-- Javascript validation for User login Starts here -->
<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>
<!-- Javascript validation for User login Ends here -->
<!-- Javascript for Google Translator Starts here -->
<script type="text/javascript">
		function googleTranslateElementInit() {
		  new google.translate.TranslateElement({
			pageLanguage: 'en',
			autoDisplay: false,    
			gaTrack: true,
			layout: google.translate.TranslateElement.InlineLayout.SIMPLE
		  }, 'google_translate_element');
		}
		</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript">
</script>
<!-- Javascript for Google Translator Ends here -->