<?php
//to override this template, create a file named hmsbinder.php within your active theme folder. you should probably copy and paste this file's code as a starting point.
?>
<?php if ($mobile_friendly) : ?>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<?php endif ?>
					<style>
						html, body {

							text-align: center;
							height: 100%;
						}
						body { background: url(<?php echo $this->plugin_dir ?>/images/binder_bg.jpg); font-family:Arial;}
						#form_wrap { background: url(<?php echo $this->plugin_dir ?>/images/login_bg_binder.png) no-repeat;display: block;
margin: 0px auto;
height: 266px;
width: 275px;
position: relative;
top: 50%;
margin-top: -133px; }
						#form_wrap input[type=text], .enter_password {background: url(<?php echo $this->plugin_dir ?>/images/input_back_binder.png) no-repeat; position: absolute;
top: 97px;
left: 25px;
border: 0px;
width: 224px;
padding-left: 11px;
font-size: 15px;
line-height: 15px;
padding-top: 9px;
height: 43px;
color: rgb(85, 86, 90);
opacity: .9;
padding-right: 10px;}

						#form_wrap input:active, #form_wrap input:focus {outline:0;opacity:1;}
						#form_wrap button {background: url(<?php echo $this->plugin_dir ?>/images/login_button_binder.png) no-repeat top; width: 234px;
border: 0px;
height: 50px;
position: absolute;
top: 192px;
left: 18px;
cursor: pointer;
opacity: 0.8;
}
						#form_wrap button:hover {opacity:.9}
						#form_wrap button:focus, #form_wrap button:active { outline:0;}
						#form_wrap button:active { opacity:1;}
						#the_hint_wrap {
position: absolute;
top: 151px;
color: rgba(99, 99, 99, 0.73);
left: 28px;
width: 229px;
font-weight: normal;
font-family: Arial;
text-align: left;
font-size: 11px;
overflow: hidden;
max-height: 29px;
}
						#the_hint_wrap div {display:inline-block;vertical-align: top;}
						#the_hint_title {padding-right:5px;}
						#the_hint {width: 142px;}
						<?php if ($mobile_friendly) : ?>
							@media only screen and (max-width: 767px) {
							body {zoom:75%;}
						}
						<?php endif ?>							
					</style>
						<!--[if IE]>
						<style>
						#form_wrap input[type=text], .enter_password {
						  line-height:30px;    /* adjust value */
						}
						</style>
						<![endif]-->
					<body>
                    	<?php echo $messagehtml ?>
						<div id='form_wrap'>
							<form method=post>
								<input type=password name='hwsp_motech' placeholder='Password' class='enter_password'>
								<?php echo $hinthtml ?>
								<button type=submit></button>
							</form>
						</div>
					</body>