<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" x-mojo-loc="">Pick new password</div> 
        <div class="glass-div">
    			<div id="account-password">
    				<form id="passwordForm">
    					<p x-mojo-loc="">Pick a new password for your profile.</p>

  					<div class="palm-group">
  		              <div class="palm-group-title">
  		                <span x-mojo-loc="">Password</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 x-mojo-loc="">Verify password</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="passwordError" style="display: none;">
                			<div class="error-container">
    							<div class="error-icon"><img src="images/warning-small.png" /></div>
    							<div class="error-message" x-mojo-loc="">Password must be 6-20 characters</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" x-mojo-loc="">Verify password must be 6-20 characters</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" x-mojo-loc="">Password cannot contain space</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" x-mojo-loc="">Passwords do not match</div>
                			</div>
    					</div>

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

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