<style>
<!--
 #positionDTable th {
  padding:0px;
} 
-->
</style>
  
<div id="bannerContentNI">
    <div class="header">
        <div class="headerLeft"></div>
    </div>  
</div>

<div id="masterContent">
  <div class="breadcrumbRight">&nbsp;</div>
  <div id="breadcrumb" msgid="linkAccountList">Client Account List</div>
  <div id="pageTitle" class="content" msgid="linkAccountList">Client Account List</div>

  <div class="content">

    <div id="date">
    	<table>
    		<tr>
    			<td class="setDateTd">
    				<span class="asOfDate" msgid="publicDate">As of Date:</span> 
    				<select
    					id="clientAccountSelectAsofdate" class="AsOfDate dropDownStyle">
    					{{each(i,selectDate) app.user.asOfDate}}
    				  		<option>${selectDate}</option>
    					{{/each}}
    				</select>
    			</td>
    			<td class="tdDateLine">
    				<div class="dateLine"></div>
    			</td>
    		</tr>
    	</table>
    </div>
 
    <div id="portfolioPagination1" class="paginationFooter"></div>


    <table id="positionDTable" class="portfolioTable">
        <tr>
          <td colspan="3" class="netAssetValueTd"><span msgid="linkAccountList">Client Account List</span></td>
        </tr>
        <tr>
           <th style="text-align:center">
           	<table class="headerTable">
           		<tr>
	           		<td class="middle_center"><span msgid="clientAccountListAccountNo">Account No.</span></td>
		            <td class="middle_left">
		                <span style="cursor:pointer"><div id="AccountIcon1" class="sortUpIcon"  onClick="clientAccountList.sort('bpKey','asc',this)"></div></span><br>
		                <span style="cursor:pointer"><div id="AccountIcon2" class="sortDownIcon"  onClick="clientAccountList.sort('bpKey','desc',this)"></div></span>
		            </td>
	             </tr> 
            </table>
          </th>
          <th style="text-align:center">
          	<table class="headerTable">
          		<tr>
          			<td><span msgid="clientAccountListCurrency">Currency</span></td>
	                <td class="middle_left">
		                <span style="cursor:pointer"><div id="ccyIcon1" class="sortUpIcon"  onClick="clientAccountList.sort('ccy','asc',this)"></div></span><br>
		                <span style="cursor:pointer"><div id="ccyIcon2" class="sortDownIcon"  onClick="clientAccountList.sort('ccy','desc',this)"></div></span>
	                </td>
	             </tr>
            </table>
          </th>
          <th style="text-align:right">
	          <table class="headerTable">
	         	 <tr>
			        <td class="middle_right"><span msgid="clientAccountListNetAssetVal">Net Asset Value</span></td>
		            <td class="middle_left">
		               <span style="cursor:pointer"><div id="netAssetValueIcon1" class="sortUpIcon"  onClick="clientAccountList.sort('netAssetValue','asc',this)"></div></span><br>
		               <span style="cursor:pointer"><div id="netAssetValueIcon2" class="sortDownIcon"  onClick="clientAccountList.sort('netAssetValue','desc',this)"></div></span>
		            </td>
	          	 </tr>
            </table>
          </th>  
        </tr>
    
        {{each(i) data.result}} 
        <tr>
          <td width="20%" class="middle_center"><a href="javascript:void(0)" onClick="clientAccountList.bpkeyClick(this.id)" id="${bpKey}">${bpKey}</a></td>
          <td width="20%" class="middle_center">${ccy}</td>
          <td width="25%" class="middle_right">${formatMoney(netAssetValue)}</td>
        </tr>
        {{/each}} 
        
    </table>
    <div id="portfolioPagination2" class="paginationFooter"></div>
    
  </div>
  <div class="footer"><img src="images/layout/bkg-content-base-right.gif?version=|||xxx|||"/></div>
  
</div>
