<div id="scrim" class="palm-scrim" style="display:none">
       <div id="activity-spinner" x-mojo-element="Spinner"></div>  
</div>

<div class="prefs-backup-main on">
  	 <div class="palm-page-header">
	     <div class="header-icon backup"></div>
	     <div class="header-text" x-mojo-loc="">
	     	Profile Settings
	     </div>
	</div>	
    
	<div id="accountState" style="display:none">
		<span x-mojo-loc=""><img src="images/warning_small.png"/>This profile has not been verified.</span>
		<div class="palm-button" x-mojo-loc='' id="resendEmail" x-mojo-tap-highlight="momentary">
			Resend verification email
		</div>
	</div>
	
	<div id="emailError" style="display:none">
		<span x-mojo-loc=""><img src="images/warning_small.png"/>Email must be in valid format.</span>
	</div>
							
	<div id="editProfile">
		<div class="palm-group">
			<div class="palm-group-title" id="title" x-mojo-loc="">Name
			</div>    
			
			<div class="palm-list">  
				
			    <div class='palm-row first'>                                                      
					<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
						<div class="title">    
							<div x-mojo-loc="" class="label">First</div>
							<div id="firstName" x-mojo-element="TextField" ></div>
				        </div>                                                                 
				    </div>
				</div>              
				            
				<div class='palm-row last'>                                                      
					<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
						<div class="title">    
							<div x-mojo-loc="" class="label">Last</div>
							<div id="lastName" x-mojo-element="TextField" ></div>
				        </div>                                                                 
				    </div>
				</div>
		   </div>    
		</div> 
		<div id="firstNameError" style="display:none">
			<span x-mojo-loc=""><img src="images/warning_small.png"/>Please enter first name.</span>
		</div>
	
		<div id="lastNameError" style="display:none">
			<span x-mojo-loc=""><img src="images/warning_small.png"/>Please enter last name.</span>
		</div>	
		
		<div class="palm-group">
			<div class="palm-group-title" id="title" x-mojo-loc="">Email
			</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" x-mojo-element="TextField" ></div>
				        </div>                                                                 
				    </div>
				</div>
		   </div>    
		</div>
		
		<div id="emailEmptyError" style="display:none">
			<span x-mojo-loc=""><img src="images/warning_small.png"/>Please enter email.</span>
		</div>
	
		<div id="emailError" style="display:none">
			<span x-mojo-loc=""><img src="images/warning_small.png"/>Email must be in valid format.</span>
		</div> 
		
		<div class="palm-group">
			<div class="palm-group-title" id="title" x-mojo-loc="">Security question
			</div>    
			
			<div class="palm-list">  
				            
				<div class='palm-row single'>  
					<div id="questionSelector" x-mojo-element="ListSelector"></div>                                                    
				</div>
		   </div>    
		</div> 
		
		<div class="palm-group">
			<div class="palm-group-title" id="title" x-mojo-loc="">Answer
			</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="answer" x-mojo-element="TextField" ></div>
				        </div>                                                                 
				    </div>
				</div>
		   </div>    
		</div> 
		
		<div id="answerError" style="display:none">
			<span x-mojo-loc=""><img src="images/warning_small.png"/>Please enter answer.</span>
		</div> 
		
		<div class="palm-button" x-mojo-loc='' id="changePassword" x-mojo-tap-highlight="momentary">
			Change password
		</div> 
			
	</div>	
</div>