<div class="palm-hasheader" >
	<div class="palm-header left">
		<span x-mojo-loc="">Encryption</span>
	</div>
</div>
<br /><br />
<div class="palm-group">
<div class="palm-group-title" x-mojo-loc=''>Enter key & string to encrypt</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 id="keyField" name="keyField"  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 id="encrypttextField" name="encrypttextField"  x-mojo-element="TextField"></div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
<div class="palm-button" id="EncryptButton">Encrypt</div>
<div id="encrypted-area-to-update">Encrypted string: </div>
<div class="palm-button" id="DecryptButton">Decrypt</div>
<div id="decrypted-area-to-update">Decrypted string: </div>

