<div id="details-main">
    <div class="palm-page-header multi-line">
		<div class="palm-page-header-wrapper">
	        <div class="icon cert">
	        </div>
	        <div class="title" x-mojo-loc=''>
				Security certificates
	        </div>
		</div>
    </div>
    <div class="ccertName" id="certName">
    </div>
    <div class="palm-group" id="issued_by" style="display:none">
        <div class="palm-group-title" x-mojo-loc="">
			Issued by
        </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="displayIssuerCommonName" x-mojo-element="TextField">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="palm-group">
        <div class="palm-group-title">
            <span x-mojo-loc="">Expiration date</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="expiredate" x-mojo-element="TextField">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--------------------------------------------><!--------------------------------------------><!-------------------------------------------->
    <div class="selection_target subject_details" id="subject_section">
   
 		<table class="palm-list-section-label">
			<tr>
				<td class="left"></td>
				<td class="label">
					<span x-mojo-loc=''>Subject information</span>
				</td>
				<td class="right"></td>
			</tr>
		</table>




<!---------------------------------------SubjectAltNAme---------------------------------->

<div id="subjectaltname" x-mojo-element="List"  >
</div>


<!------------------------------------------------------------------------>

        <div class="palm-group" id="subjectcountryview" style="display:none">
            <div class="palm-group-title">
                <span x-mojo-loc="">Country</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="subjectcountry" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group"  id="subjectstateview" style="display:none">
            <div class="palm-group-title">
                <span x-mojo-loc="">State/Province</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="subjectstate" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group"  id="subjectlocationview" style="display:none">
            <div class="palm-group-title">
                <span x-mojo-loc="">Location</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="subjectlocation" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="subjectorganizationview" style="display:none">
            <div class="palm-group-title">
                <span x-mojo-loc="">Organization</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="subjectorganization" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="subjectcommonnameview" style="display:none">
            <div class="palm-group-title">
                <span x-mojo-loc="">Common name</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="subjectcommonname" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!--------------------------------------------><!-------------------------------------------->
	<!-------------------------------------------->
    <div class="selection_target subject_details" id="subject_section">
		<table class="palm-list-section-label">
			<tr>
				<td class="left"></td>
				<td class="label">
					<span x-mojo-loc=''>Issuer information</span>
				</td>
				<td class="right"></td>
			</tr>
		</table>
        <div class="palm-group" id="issuercountryview" style="display:none">
            <div class="palm-group-title">
                <span x-mojo-loc="">Country</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="issuercountry" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="issuerstateview" style="display:none">
            <div class="palm-group-title">
                <span x-mojo-loc="">State/Province</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="issuerstate" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="issuerlocationview" style="display:none">
            <div class="palm-group-title">
                <span x-mojo-loc="">Location</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="issuerlocation" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="issuerorganizationview" style="display:none">
            <div class="palm-group-title">
                <span x-mojo-loc="">Organization</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="issuerorganization" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="issuercommonnameview" style="display:none">
            <div class="palm-group-title">
                <span x-mojo-loc="">Common name</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="issuercommonname" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="serialNumberview">
            <div class="palm-group-title">
                <span x-mojo-loc="">Serial number</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="serialNumber" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="versionview">
            <div class="palm-group-title">
                <span x-mojo-loc="">Version</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="version" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="signatureAlgorithmview">
            <div class="palm-group-title">
                <span x-mojo-loc="">Signature algorithm</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="signatureAlgorithm" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="signatureview">
            <div class="palm-group-title">
                <span x-mojo-loc="">Signature</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="signature" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="publicKeyAlgorithmview">
            <div class="palm-group-title">
                <span x-mojo-loc="">Public Key algorithm</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="publicKeyAlgorithm" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="palm-group" id="publicKeyview">
            <div class="palm-group-title">
                <span x-mojo-loc="">Public key</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="publicKey" x-mojo-element="TextField">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--------------------------------------------><!--------------------------------------------><!-------------------------------------------->
    <div class="palm-button" id="deleteButton">
        <span x-mojo-loc=''>Delete certificate</span>
    </div>
    <div class="palm-button" id="doneButton">
        <span x-mojo-loc=''>Done</span>
    </div>
</div>
