<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title><?=$cp_page_title?> | ExpressionEngine</title>
<style type="text/css">

body {
	background-color:	#27343C;
	font-family:		"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align:			center;
	font-size:			12px;
	color:				#ecf1f3;
	margin:				0;
	padding:			0;
}

#content  {
	text-align:			left;
	padding:			160px 20px 5px 20px;
	margin:				20px auto 0 auto;
	width:				440px;
	background:			url('<?=$cp_theme_url?>images/ee_login_bg.gif') no-repeat center top;
}

h1 {
	font-weight:		normal;
	font-size:			14px;
	color:				#ecf1f3;
	margin: 			0 0 4px 0;
}

#branding {
	background:			#27343c url('<?=$cp_theme_url?>images/branding_bg.gif') top left repeat-x;
	text-align:			right;
	padding-right:		125px;
}

#branding img {
	border:				0;
}

a:link, a:visited {
	color:				#f62958;
	text-decoration:	underline;
}

a:hover {
	color:				#ff5479;
	text-decoration:	underline;
}

dt {
	font-size:			16px;
	line-height:		24px;
	margin-bottom:		5px;
}

dd {
	margin:				0 0 15px 0;
	font-size:			11px;
	line-height:		24px;
	color:				#666;
}

input, .error {
	font-size:			16px;
	border:				none;
	-webkit-border-radius: 6px;
	-moz-border-radius:	6px;
	padding:			10px;
	width:				430px;
	margin-right:		5px;
	color:				#333;
}

input[type=checkbox] {
	width:				auto;
}

span {
	margin-left:		20px;
}

input.submit {
	background:			#fc2e5a url('<?=$cp_theme_url?>images/submit_button_bg.gif') bottom left repeat-x;
	padding:			7px 16px 9px 16px;
	color:				#fff;
	font-weight:		bold;
	border:				0;
	width:				auto;
}

.error {
	font-size:			14px;
	color:				#ce0000;
	background:			#fdf5b2 url('<?=$cp_theme_url?>images/icon-error.png') no-repeat 8px 10px;
	border:				1px solid #f3d589;
	padding:			3px 15px 3px 25px;
	margin:				-48px 0 20px 0;
	width:				374px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius:	6px;
}

.error p {
	margin:				8px 0;
}

</style>
</head>
<body id="login" onload="<?=$cp_page_onload?>">

<div id="branding"><img src="<?=PATH_CP_GBL_IMG?>ee_logo_branding.gif" width="250" height="28" alt="<?=lang('powered_by')?> <?=APP_NAME?>" /></div>

	<div id="content">

		<div class="error">
			<?php foreach ($message as $message):?>
				<p><?=$message?></p>
			<?php endforeach;?>
			<ul>
				<?php foreach ($notices as $notice):?>
					<li><?=$notice?></li>
				<?php endforeach;?>
			</ul>
		</div>
		
		<?=form_open('C=login'.AMP.'M=update_un_pw', array(), $hidden)?>
		
		<dl>
			<?php if ($new_username_required):?>
			<dt><?=lang('existing_username')?>: <?=$username?><br />
				<?=lang('choose_new_un', 'new_username')?>:</dt>
			<dd><?=form_input('new_username', $new_username)?></dd>				
			<?php endif;?>
			
			<?php if ($new_username_required AND ! $new_password_required): ?>
			<dt><?=lang('existing_password')?>:</dt>
			<dd><?=form_password('password')?></dd>
			<?php endif;?>
			
			<?php if ($new_password_required):?>
			<dt><?=lang('existing_password')?>:</dt>
			<dd><?=form_password('password')?></dd>
			<dt><?=lang('choose_new_pw', 'new_password')?>:</dt>
			<dd><?=form_password('new_password', $new_password)?></dd>
			<dt><?=lang('confirm_new_pw', 'confirm_new_pw')?></dt>
			<dd><?=form_password('new_password_confirm')?></dd>
			<?php endif;?>
		</dl>
		<p><?=form_submit('submit', 'Submit', 'class="submit"')?></p>
		<?=form_close()?>
	</div>

</body>
</html>