<div class="content_div_small">
  <div class="table_tab_div">
    <div class="table_tab_left"></div>
    <div class="table_tab">Logical Channel Descriptor</div>
    <div class="table_tab_right"></div>
  </div>
  <table>
    <tr>
      <th>Service ID</th>
      <td class="header">
        <input type="text" id="descServiceId" value="1" />
      </td>
      <td rowspan="3" class="header">
        <input type="button" id="addBtn" value="Add" class="input_normal" onclick="addTableRow();" />
    </tr>
    <tr>
      <th>Logical Channel Number</th>
      <td>
        <input type="text" id="logicChNum" value="0" />
      </td>
    </tr>
    <tr>
      <th>Visible</th>
      <td>
        <select id="visibleFlag">
          <option value="0" selected="selected">No</option>
          <option value="1">Yes</option>
        </select>
      </td>
    </tr>
  </table>
  <br />
  <table id="dataTable">
    <tr>
      <th width="25%">Service ID</th>
      <th>LCN</th>
      <th>Visible</th>
      <th>Operation</th>
    </tr>
  </table>
  <table style="display: none;">
    <tr id="dataRow0" class="CaseRow">
      <td><span id="descServiceId0"></span></td>
      <td><span id="logicChNum0"></span></td>
      <td><span id="visibleFlag0"></span></td>
      <td>
        <img src="../../images/del.gif" id="delete0" class="img img_hand" onclick="deleteCurrentRow($(this));" title="Delete" />
      </td>
    </tr>
  </table>
  <div class="bottom_button_div">
    <input type="button" id="descApplyBtn" value="OK" class="input_normal" onclick="descPageApply();" />
    <input type="button" id="descCancelBtn" value="Cancel" class="input_normal" onclick="cancelEdit();" />
  </div>
</div>
<style type="text/css">
#addBtn
{
	float: none;
	margin: 0;	
}
</style>
<script>
var maxRowNum = 63;
var objIdArray = ["descServiceId", "logicChNum", "visibleFlag"];
var COL_NUM = 3;
</script>
</script>
