<div>
	<div class="palm-page-header palm-dark multi-line">
		<div class="palm-page-header-wrapper">
			<div x-mojo-element="ToggleButton" id="alarmToggle"></div>  
			<div class="title left">                          
				<span x-mojo-loc=''>Alarm Preferences</span>             
			</div>
		</div>
	</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 class="label" x-mojo-loc=''>name</div>
					<div class="truncating-text" id="alarm_name" x-mojo-element="TextField"></div>
						     
				</div>
			</div>
		</div>

		<div class="palm-row ">
			<div class="palm-row-wrapper">
				
					<div id="frequency" x-mojo-element="ListSelector"></div> 
				
			</div>
		</div>

		<div class="palm-row ">
			<div class="palm-row-wrapper">
				<div class="title">
					<div x-mojo-element="TimePicker" id='time'></div>
				</div>
			</div>
		</div>
		
		<div class="palm-row last" x-mojo-touch-feedback="delayed" id="alarmsound_set">
			<div class="palm-row-wrapper">
				<div class="label" x-mojo-loc=''>Sound</div>
		        <div id='alarmsound_title' class="title"></div>	
			</div>
		</div>
	</div>
  
</div>
