<div class="palm-page-header">
  <div class="header-icon languagepicker"></div>
	<div class="header-text">
		<span x-mojo-loc=''>Regional Settings</span>
	</div>
</div>	

<div class="palm-group">
	<div class="palm-group-title" x-mojo-loc="">Language</div>
	<div class="palm-list">
		<div id='currLang' class="palm-row single" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div class="title">
					<div id='langName' class="truncating-text">
					</div>
					<div id='countryName' class="subtitle truncating-text capitalize">
					</div>
 				</div>
			</div>
		</div>
	</div>
</div>

<!--<div class="palm-group" id='autoReplaceGroup' style="display:none">
		<div class="palm-group-title">
			<span x-mojo-loc=''>Text Entry</span>
		</div>
		<div class="palm-list">
			<div class="palm-row single">
				<div class="palm-row-wrapper">
					<div x-mojo-element="ToggleButton" id="autoReplaceToggle"></div>
					<div class="title capitalize" x-mojo-loc=''>Learning Dictionary</div>
				</div>
			</div>
	</div>
</div>

<div class="palm-info-text single" x-mojo-loc='' id='autoReplaceInfo' style="display:none">
	When on, text will be adjusted as you type to match known words.
</div>-->


<div class="palm-group">
	<div class="palm-group-title" x-mojo-loc="">Formats</div>
	<div class="palm-list">
		<div id='currRegion' class="palm-row first" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div id='regionalName' class="title">
 				</div>
			</div>
		</div>
		<div class="palm-row last">
			<div class="palm-row-wrapper country-row-wrapper">
				<div class="smalltext-row">
					<div class="label right condensed" x-mojo-loc="">Number</div>
					<div id='formatNumber' class="gray-setting truncating-text">
					</div>
				</div>
				<div class="smalltext-row">
					<div class="label right condensed" x-mojo-loc="">Currency</div>
					<div id='formatCurrency' class="gray-setting truncating-text">
					</div>
				</div>
				<div class="smalltext-row">
					<div class="label right condensed" x-mojo-loc="">Time</div>
					<div id='shortTime' class="gray-setting truncating-text">
					</div>
				</div>
				<div class="smalltext-row">
					<div class="label right condensed" x-mojo-loc="">Short</div>
					<div id='shortDate' class="gray-setting truncating-text">
					</div>
				</div>
				<div class="smalltext-row">
					<div class="label right condensed" x-mojo-loc="">Long</div>
					<div id='longDate' class="gray-setting truncating-text">
					</div>
				</div>
				
			</div>
		</div>
	</div>
</div>