<div class="content_div_small">
  <div class="table_tab_div">
    <div class="table_tab_left"></div>
    <div class="table_tab">Country Availability Descriptor</div>
    <div class="table_tab_right"></div>
  </div>
  <table>
    <tr>
      <th>Country Availability flag</th>
      <td class="header" colspan="2">
        <select id="countryFlag">
          <option value="0" selected="selected">Disable</option>
          <option value="1">Enable</option>
        </select>
      </td>
    </tr>
    <tr>
      <th>Country Code</th>
      <td>
        <input type="text" id="countryCode" maxlength="3" />
      </td>
      <td  class="header">
        <input type="button" id="addBtn" value="Add" class="input_normal" onclick="addTableRow();" />
    </tr>
  </table>
  <br />
  <table id="dataTable">
    <tr>
      <th width="50%;">Country Code</th>
      <th>Operation</th>
    </tr>
  </table>
  <table style="display: none;">
    <tr id="dataRow0" class="CaseRow">
      <td><span id="countryCode0"></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 = 84;
var firstId = "countryFlag";
var objIdArray = ["countryCode"];
var COL_NUM = 1;
</script>