<div class="palm-scene palm-dark small-notification">
  <div class="glass-background"></div>
  <div class="glass-fade-top" x-mojo-scroll-fade="top" style="display:none"></div>	
  <div class="glass-fade-bottom" x-mojo-scroll-fade="bottom" style="display:none"></div>

  <div id="firstuse-main">
  	<div class="glass-card small-notification">
  		<div class="glass-margin">
  			<div class="scene-title"><span>Introduce una contraseña</span></div> 
        <div class="glass-div">
    			<div id="account-password">
    				<form id="passwordForm">
    					<p>
    						<span>Introduce una contraseña (6 a 20 caracteres) para hacer copias de seguridad, restaurar tus datos y usar otros servicios de Palm sin riesgos.</span>
    					</p>
    					<div class="glass-div">

                <div class="palm-group">
                  <div class="palm-group-title">
                    <span>Contraseña</span>
                  </div>
                  <div class="palm-list">
                    <div class="palm-row single">
                      <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
                        <div class="title">
    						          <div id="acctPassword" name="acctPassword" x-mojo-element="PasswordField"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>						 

                <div class="palm-group">
                  <div class="palm-group-title">
                    <span>Introduce contraseña otra vez</span>
                  </div>
                  <div class="palm-list">
                    <div class="palm-row single">
                      <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
                        <div class="title">
    						          <div id="verifyPassword" name="verifyPassword" x-mojo-element="PasswordField"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>


    						 <div id="acctPasswordError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">Introduce la contraseña</div>
                   </div>
    						 </div>
    						 <div id="verifyPasswordError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">Verifica la contraseña</div>
                   </div>
                 </div>
    				<div id="acctPasswordLengthError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">Debes usar de 6 a 20 caracteres</div>
                   </div>
                 </div>
  			   <div id="acctPasswordSpaceError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">La contraseña no puede contener espacios</div>
                   </div>
                 </div>
    			   <div id="passwordMisMatchError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">Las contraseñas no coinciden</div>
                   </div>
                 </div>
    					</div>

  				<div x-mojo-element="Button" id="submitPassword"></div>	


    				</form>
    			</div>
          
        </div>
  		</div>
  	</div>
  </div>

  <div id="target"></div>
</div>
