<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>Dirección de correo electrónico</span></div> 
        <div class="glass-div">
      			<div id="account-email">
      				<form id="emailForm">
      					<p>
      						<span>Introduce una dirección de correo electrónico que puedas recordar. La usarás cuando te tengas que conectar a los servicios de Palm.</span> 
      					</p>

                <div class="palm-group">
                  <div class="palm-group-title">
                    <span>Dirección de correo electrónico</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="emailAddress" name="emailAddress" x-mojo-element="TextField"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
				
				<div class="palm-group">
                  <div class="palm-group-title">
                    <span>Introduce de nuevo la dirección</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="confirmEmailAddress" name="confirmEmailAddress" x-mojo-element="TextField"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div id="emailError" style="display:none">
                  <div class="error-container">
      							<div class="error-icon"><img src="images/warning-small.png" /></div>
      							<div class="error-message">Introduce la dirección de correo electrónico</div>
                  </div>
                </div>
      					<div id="invalidEmailError" style="display:none">
      					  <div class="error-container">
      							<div class="error-icon"><img src="images/warning-small.png" /></div>
      							<div class="error-message">Introduce una dirección de correo electrónico válida</div>
                  </div>    
                </div>
				
				 <div id="reenterEmailError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">Introduce de nuevo la dirección de correo electrónico</div>
                   </div>
				</div> 
				
				<div id="emailMismatchError" style="display:none">
                   <div class="error-container">
       							<div class="error-icon"><img src="images/warning-small.png" /></div>
       							<div class="error-message">Las direcciones de correo electrónico no coinciden</div>
                   </div>
				</div>   

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

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

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