<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <title>Report Portal</title>

    <script src="/mtc3/javascripts/prototype.js?1318345625" type="text/javascript"></script>
<script src="/mtc3/javascripts/effects.js?1318345625" type="text/javascript"></script>
<script src="/mtc3/javascripts/dragdrop.js?1318345625" type="text/javascript"></script>
<script src="/mtc3/javascripts/controls.js?1318345625" type="text/javascript"></script>
<script src="/mtc3/javascripts/application.js?1318345625" type="text/javascript"></script>
    <script src="/mtc3/javascripts/application.js?1318345625" type="text/javascript"></script>

    <script src="/mtc3/javascripts/jquery-1.8.2.min.js?1352127518" type="text/javascript"></script>
  
    <link rel="shortcut icon"  type="image/x-icon" href=/mtc3/images/favicon.ico?1318345625 />

    <script type="text/javascript">
      // initialise plugins
      jQuery.noConflict();
    </script>
  </head>
  <body>
        <link href="/mtc3/stylesheets/dhtmlxgrid.css?1318345625" media="screen" rel="stylesheet" type="text/css" />
        <link href="/mtc3/stylesheets/dhtmlxtabbar.css?1351905608" media="screen" rel="stylesheet" type="text/css" />
        <link href="/mtc3/stylesheets/dhtmlxlayout.css?1351905054" media="screen" rel="stylesheet" type="text/css" />
        <link href="/mtc3/stylesheets/skins/dhtmlxgrid_dhx_skyblue.css?1333637869" media="screen" rel="stylesheet" type="text/css" />

        <script src="/mtc3/javascripts/dhtmlxsource/dhtmlxcommon.js?1352641890" type="text/javascript"></script>
        <script src="/mtc3/javascripts/dhtmlxsource/dhtmlxlayout.js?1352642646" type="text/javascript"></script>
        <script src="/mtc3/javascripts/dhtmlxsource/dhtmlxtabbar.js?1352641890" type="text/javascript"></script>
        <script src="/mtc3/javascripts/dhtmlxsource/dhtmlxtabbar_start.js?1352641890" type="text/javascript"></script>
        <script src="/mtc3/javascripts/dhtmlxsource/dhtmlxcontainer.js?1352641890" type="text/javascript"></script>
        <script src="/mtc3/javascripts/dhtmlxsource/dhtmlxgrid.js?1352641856" type="text/javascript"></script>
        <script src="/mtc3/javascripts/dhtmlxsource/dhtmlxgridcell.js?1352641856" type="text/javascript"></script>

<h1>Profile</h1>
<div id="instructions">
To find out which carriers are used for your applications, please run the "Application By Carrier" report.  Please select the tab for the carrier you want pricing for below.
</div>

<div id="applications">
<h2>Applications - Not Yet Implemented.</h2>
</div>

<div id="contacts">
<h2>Contacts - Not Yet Implemented.</h2>
</div>


<div id="carr1">
  <table>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td> <td>Inbound</td> <td></td> <td>Outbound</td>
    </tr>
    <tr style="height:auto">
  
      <td></td>
      <td>
        <div id='carr1_inbound' style="width:200px";height:200px"></div>
        <script>
	var grid_carr1_inbound = new dhtmlXGridObject('carr1_inbound');
	grid_carr1_inbound.setIconsPath('images/dhtmlx/grid');
	
	grid_carr1_inbound.setHeader(["Region","Rate(in $/min)"]);
	grid_carr1_inbound.setColTypes("ro,ro");
        grid_carr1_inbound.enableAutoWidth(true);
        grid_carr1_inbound.enableAutoHeight(true,200);	
	grid_carr1_inbound.setColSorting('str,str');
	grid_carr1_inbound.init();
        grid_carr1_inbound.setSkin("dhx_skyblue");
	grid_carr1_inbound.parse("<rows> " +
    
              "<row id=\"1\"> " +
                "<cell>Canada</cell> " +
                "<cell>0.0100</cell> " +
               "</row> " +
    
              "<row id=\"2\"> " +
                "<cell>Caribbean</cell> " +
                "<cell>0.9999</cell> " +
               "</row> " +
    
             "</rows>"
        );
        </script>
      </td>
  
      <td></td>
      <td>
        <div id='carr1_outbound' style="width:200px";height:200px"></div>
        <script>
	var grid_carr1_outbound = new dhtmlXGridObject('carr1_outbound');
	grid_carr1_outbound.setIconsPath('images/dhtmlx/grid');
	
	grid_carr1_outbound.setHeader(["Region","Rate(in $/min)"]);
	grid_carr1_outbound.setColTypes("ro,ro");
        grid_carr1_outbound.enableAutoWidth(true);
        grid_carr1_outbound.enableAutoHeight(true,200);	
	grid_carr1_outbound.setColSorting('str,str');
	grid_carr1_outbound.init();
        grid_carr1_outbound.setSkin("dhx_skyblue");
	grid_carr1_outbound.parse("<rows> " +
    
              "<row id=\"1\"> " +
                "<cell>Canada</cell> " +
                "<cell>0.0100</cell> " +
               "</row> " +
    
              "<row id=\"2\"> " +
                "<cell>Caribbean</cell> " +
                "<cell>0.9999</cell> " +
               "</row> " +
    
             "</rows>"
        );
        </script>
      </td>
  
 
    </tr>
  </table>
</div>

<div id="carr2">
  <table>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td> <td>Inbound</td> <td></td> <td>Outbound</td>
    </tr>
    <tr style="height:auto">
  
      <td></td>
      <td>
        <div id='carr2_inbound' style="width:200px";height:200px"></div>
        <script>
	var grid_carr2_inbound = new dhtmlXGridObject('carr2_inbound');
	grid_carr2_inbound.setIconsPath('images/dhtmlx/grid');
	
	grid_carr2_inbound.setHeader(["Region","Rate(in $/min)"]);
	grid_carr2_inbound.setColTypes("ro,ro");
        grid_carr2_inbound.enableAutoWidth(true);
        grid_carr2_inbound.enableAutoHeight(true,200);	
	grid_carr2_inbound.setColSorting('str,str');
	grid_carr2_inbound.init();
        grid_carr2_inbound.setSkin("dhx_skyblue");
	grid_carr2_inbound.parse("<rows> " +
    
              "<row id=\"1\"> " +
                "<cell>Canada</cell> " +
                "<cell>0.0100</cell> " +
               "</row> " +
    
              "<row id=\"2\"> " +
                "<cell>Caribbean</cell> " +
                "<cell>0.9999</cell> " +
               "</row> " +
    
             "</rows>"
        );
        </script>
      </td>
  
      <td></td>
      <td>
        <div id='carr2_outbound' style="width:200px";height:200px"></div>
        <script>
	var grid_carr2_outbound = new dhtmlXGridObject('carr2_outbound');
	grid_carr2_outbound.setIconsPath('images/dhtmlx/grid');
	
	grid_carr2_outbound.setHeader(["Region","Rate(in $/min)"]);
	grid_carr2_outbound.setColTypes("ro,ro");
        grid_carr2_outbound.enableAutoWidth(true);
        grid_carr2_outbound.enableAutoHeight(true,200);	
	grid_carr2_outbound.setColSorting('str,str');
	grid_carr2_outbound.init();
        grid_carr2_outbound.setSkin("dhx_skyblue");
	grid_carr2_outbound.parse("<rows> " +
    
              "<row id=\"1\"> " +
                "<cell>Canada</cell> " +
                "<cell>0.0100</cell> " +
               "</row> " +
    
              "<row id=\"2\"> " +
                "<cell>Caribbean</cell> " +
                "<cell>0.9999</cell> " +
               "</row> " +
    
             "</rows>"
        );
        </script>
      </td>
  
 
    </tr>
  </table>
</div>

<div id="carr3">
  <table>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td> <td>Inbound</td> <td></td> <td>Outbound</td>
    </tr>
    <tr style="height:auto">
  
      <td></td>
      <td>
        <div id='carr3_inbound' style="width:200px";height:200px"></div>
        <script>
	var grid_carr3_inbound = new dhtmlXGridObject('carr3_inbound');
	grid_carr3_inbound.setIconsPath('images/dhtmlx/grid');
	
	grid_carr3_inbound.setHeader(["Region","Rate(in $/min)"]);
	grid_carr3_inbound.setColTypes("ro,ro");
        grid_carr3_inbound.enableAutoWidth(true);
        grid_carr3_inbound.enableAutoHeight(true,200);	
	grid_carr3_inbound.setColSorting('str,str');
	grid_carr3_inbound.init();
        grid_carr3_inbound.setSkin("dhx_skyblue");
	grid_carr3_inbound.parse("<rows> " +
    
              "<row id=\"1\"> " +
                "<cell>Canada</cell> " +
                "<cell>0.0360</cell> " +
               "</row> " +
    
              "<row id=\"2\"> " +
                "<cell>Caribbean</cell> " +
                "<cell>0.9999</cell> " +
               "</row> " +
    
             "</rows>"
        );
        </script>
      </td>
  
      <td></td>
      <td>
        <div id='carr3_outbound' style="width:200px";height:200px"></div>
        <script>
	var grid_carr3_outbound = new dhtmlXGridObject('carr3_outbound');
	grid_carr3_outbound.setIconsPath('images/dhtmlx/grid');
	
	grid_carr3_outbound.setHeader(["Region","Rate(in $/min)"]);
	grid_carr3_outbound.setColTypes("ro,ro");
        grid_carr3_outbound.enableAutoWidth(true);
        grid_carr3_outbound.enableAutoHeight(true,200);	
	grid_carr3_outbound.setColSorting('str,str');
	grid_carr3_outbound.init();
        grid_carr3_outbound.setSkin("dhx_skyblue");
	grid_carr3_outbound.parse("<rows> " +
    
              "<row id=\"1\"> " +
                "<cell>Canada</cell> " +
                "<cell>0.0360</cell> " +
               "</row> " +
    
              "<row id=\"2\"> " +
                "<cell>Caribbean</cell> " +
                "<cell>0.9999</cell> " +
               "</row> " +
    
             "</rows>"
        );
        </script>
      </td>
  
 
    </tr>
  </table>
</div>


<div id="parentId" style="position: relative; top: 20px; left: 20px; width: 600px; height: 400px; aborder: #B5CDE4 1px solid;"></div>
<script>
	dhtmlx.image_path='./images/dhtmlx/tabbar/';
	var main_layout = new dhtmlXLayoutObject("parentId", '1C');

	var a = main_layout.cells('a');
	a.setText(' ');
	var tabbar_3 = a.attachTabbar();
        tabbar_3.setSkin("modern");
        tabbar_3.enableAutoSize(true,false);
	tabbar_3.addTab('tab_7','Carrier Rates','');
	var tab_7 = tabbar_3.cells('tab_7');
	tabbar_3.setTabActive('tab_7');
        var layout_7 = tab_7.attachLayout('2E');
        var cell_12 = layout_7.cells('a');
        cell_12.hideHeader();
        cell_12.attachObject("instructions");
        cell_12.setHeight(50);
        var cell_13 = layout_7.cells('b');
//        cell_13.hideHeader();
	var tabbar_4 = cell_13.attachTabbar();
        tabbar_4.setSkin("modern");
        tabbar_4.enableAutoSize(true,false);
	tabbar_4.addTab('tab_10','Carrier1','');
	var tab_10 = tabbar_4.cells('tab_10');
	tabbar_4.setTabActive('tab_10');
        var layout_2 = tab_10.attachLayout('1C');

        var cell_5 = layout_2.cells('a');
        cell_5.hideHeader();
        cell_5.attachObject("carr1");


	tabbar_4.addTab('tab_11','Carrier2','');
	var tab_11 = tabbar_4.cells('tab_11');
	var layout_3 = tab_11.attachLayout('1C');

	var cell_8 = layout_3.cells('a');
	cell_8.hideHeader();
        cell_8.attachObject("carr2");

	tabbar_4.addTab('tab_12','Carrier3','');
	var tab_12 = tabbar_4.cells('tab_12');
	var layout_4 = tab_12.attachLayout('1C');

	var cell_9 = layout_4.cells('a');
	cell_9.hideHeader();
        cell_9.attachObject("carr3");

	tabbar_3.addTab('tab_8','Applications','');
	var tab_8 = tabbar_3.cells('tab_8');
        var layout_5 = tab_8.attachLayout('1C');
        
        var cell_10 = layout_5.cells('a');
        cell_10.hideHeader();
        cell_10.attachObject("applications");


	tabbar_3.addTab('tab_9','Contacts','');
	var tab_9 = tabbar_3.cells('tab_9');
        var layout_6 = tab_9.attachLayout('1C');
        
        var cell_11 = layout_6.cells('a');
        cell_11.hideHeader();
        cell_11.attachObject("contacts");
</script>

 </body>
</html>