{include file="header.tpl.htm"}
<script type="text/javascript" src="{$URL}js/jquery.tipsy.js"></script>
<div id="middle">
  <div class="my-account-top"></div>
  <div id="my-account">
    <h1>{$reset_password_title}</h1>
    {if ($error_message)}
      <p>
      {$error_message}
      </p>
    {else} 
      {if ($success_message)}
        <p>
          {$success_message}
        </p>
      {else}
        <form id="form1" name="form1" method="post" action="">
          <ul class="no_bullets">
            <li><span class="option-title">{$password_field1[0]}</span><br />
              <input name="new_pass1" type="password" id="new_pass1" size="30" {if ($password_field1[1])}title="{$password_field1[1]}"{/if}/>
            </li>
            <li><span class="option-title">{$password_field2[0]}</span><br />
              <input name="new_pass2" type="password" id="new_pass2" size="30" {if ($password_field2[1])}title="{$password_field2[1]}"{/if}/>
            </li>
            {if (!empty($no_match_error_message))}
              <li>
                <font color="#FF0000"><strong>{$no_match_error_message}</strong></font>
              </li>
            {/if}              
            <li>
              <input name="token" type="hidden" id="token" value="{$token}" />
              <input name="Action" type="hidden" id="Action" value="change_pass" />
              <input class="master-sprite fx-button" name="Submit" type="submit" id="Submit" value="{$change_btn}" />
            </li>   
          </ul>   
        </form>
      {/if}
    {/if}
  </div>
</div>

<script type='text/javascript'>
  $(function() {ldelim}
    $('#my-account [title]').tipsy({ldelim}trigger:'focus', gravity: 'w'{rdelim});
  {rdelim});
</script>
{include file="footer.tpl.htm"}