{template="header.login"}
	<form action="index.php" method="post" name="frmLogin" id="frmLogin">
	<input type="hidden" name="submit_login" value="true">
	<div id="box">
		<table><tr><td style="border:solid 2px #DDD; padding:20px; background-color:#FFF; width:300px">
		<table>
		  <tr>
			<td class="Heading1">
				{$whitelabel.AdminLogo}
			</td>
		  </tr>

{if $LoginError}
		  <tr style="">
			<td style="padding:10px 0px 5px 0px; color:red;">{$LoginErrorMessage}</td>
		  </tr>
{/if}

		  <tr>
			<td><div style="padding:10px 0px 5px 0px;">{$lang.LoginIntro}</div>
				<table>
				<tr>
				  <td nowrap style="padding:0px 10px 0px 10px">{$lang.UsernameLabel}</td>
				  <td nowrap>
					<input type="text" name="username" id="username" class="Field150" {if $DemoMode}value="admin"{else}value="{$loginUsername}"{/if}> {if $DemoMode}(admin){/if}
				  </td>
				</tr>
				<tr>
				  <td nowrap style="padding:0px 10px 0px 10px">{$lang.PasswordLabel}</td>
				  <td nowrap>
					<input type="password" name="password" id="password" class="Field150" {if $DemoMode}value="password"{else}value=""{/if}> {if $DemoMode}(password){/if}
				  </td>
				</tr>
				<tr>
				  <td nowrap>&nbsp;</td>
				  <td>&nbsp;<input type="checkbox" name="remember" id="remember" value="ON" style="margin-left:-0px"> <label for="remember" {$RememberMeChecked}>{$lang.RememberMe}</label>
				  </td>
				</tr>
				  <tr>
					<td>&nbsp;</td>
					<td>
					  <input type="submit" name="SubmitButton" value="{$lang.Login}" class="FormButton">
					  &nbsp;&nbsp;<a href='index.php?forgotpass=true'>{$lang.ForgotPassword}</a>
					</td>
				  </tr>
				  <tr><td class="Gap"></td></tr>
			  </table>
			</td>
		  </tr>
		</table>
		</td></tr></table>
		<div style="padding:10px; margin-bottom:20px; padding-left:0px; text-align:center" class="PageFooter">
			{$whitelabel.AdminCopyright}
		</div>
	</div>
	</form>
<script type="text/javascript">

		$('#frmLogin').submit(function() {
			var f = document.frmLogin;

			if(f.username.value == '')
			{
				alert('{$lang.NoUsername}');
				f.username.focus();
				f.username.select();
				return false;
			}

			if(f.password.value == '')
			{
				alert('{$lang.NoPassword}');
				f.password.focus();
				f.password.select();
				return false;
			}

			// Everything is OK
			return true;
		});

		function sizeBox() {
			var w = $(window).width();
			var h = $(window).height();
			$('#box').css('position', 'absolute');
			$('#box').css('top', h/2-($('#box').height()/2)-50);
			$('#box').css('left', w/2-($('#box').width()/2));
		}

		$(document).ready(function() {
			sizeBox();
			$('#username').focus();
		});

		$(window).resize(function() {
			sizeBox();
		});

	</script>
{template="footer.login"}