<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="callplantaskresultdata.aspx.cs" Inherits="HySoft.BaseCallCenter.Web.calloutmanage.callplantaskresultdata" %>

<!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">
<head id="Head1" runat="server">
    <title>评测结果</title>
    <link href="../scripts/ui/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
   <script src="/scripts/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/scripts/jquery/jquery.form.js"></script>
    <script type="text/javascript" src="/scripts/jquery/jquery.validate.min.js"></script>
    <script type="text/javascript" src="/scripts/jquery/messages_cn.js"></script>
    <script src="../scripts/ui/js/core/base.js" type="text/javascript"></script>
    <script src="../scripts/ui/js/ligerui.min.js" type="text/javascript"></script>
    <link href="../scripts/ui/skins/Tab/css/tab.css" rel="stylesheet" type="text/css" />
    <link href="../scripts/ui/skins/Tab/css/grid.css" rel="stylesheet" type="text/css" />
    <script src="../scripts/ui/js/plugins/ligerGrid.js" type="text/javascript"></script>
    <script src="../scripts/ui/js/plugins/ligerLayout.js" type="text/javascript"></script>
    <script src="../scripts/ui/js/plugins/ligerTree.js" type="text/javascript"></script>
    <script src="../scripts/ui/js/plugins/ligerMenu.js" type="text/javascript"></script>
    <link href="../scripts/ui/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
    <script src="../scripts/My97DatePicker/lang/zh-cn.js" type="text/javascript"></script>
    <link href="../images/style.css" rel="stylesheet" type="text/css" />
     <script src="../scripts/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
    <script type="text/javascript">
        var selectplan = "";
        var tellist;
        var planname = "";
        function CallOut(id, taskid, phone) {
            var vheight = $("#form1").height();
            var vwidth = $("#form1").width() * 0.9;
            if (vwidth > 700) {
                vwidth = 700;
            }
            var vtitle = "拨打电话";
            try {
                vtitle = "拨打电话【<font color='red'>" + phone + "</font>】";
                parent.PhoneCallOutHF(1, phone, id);
            }
            catch (e) {
            }
            $.ligerDialog.open({ url: 'calloutopt.aspx?otype=new&id=' + id + '&taskid=' + taskid + '&phone=' + phone, title: vtitle, height: vheight, width: vwidth, isResize: true
            });
        }
        function ShowInfo(id, taskid, phone) {
            var vheight = $("#form1").height();
            var vwidth = $("#form1").width() * 0.9;
            if (vwidth > 700) {
                vwidth = 700;
            }
            var vtitle = "查看任务信息";
            try {
                vtitle = "查看任务信息【<font color='red'>" + phone + "</font>】";
            }
            catch (e) {
            }
            $.ligerDialog.open({ url: 'calloutoptshow.aspx?otype=new&id=' + id + '&taskid=' + taskid + '&phone=' + phone, title: vtitle, height: vheight, width: vwidth, isResize: true
            });
        }
        function ShowTelInfo(id, taskid, phone) {
            var vheight = $("#form1").height();
            var vwidth = $("#form1").width() * 0.9;
            if (vwidth > 700) {
                vwidth = 700;
            }
            var vtitle = "查看回访历史通话信息";
            try {
                vtitle = "查看回访历史通话信息【<font color='red'>" + phone + "</font>】";
            }
            catch (e) {
            }
            $.ligerDialog.open({ url: 'calloutoptrecordlist.aspx?otype=new&id=' + id + '&taskid=' + taskid + '&phone=' + phone, title: vtitle, height: vheight, width: vwidth, isResize: true
            });
        }
        var pagesize = 20;
        var pageindex = 1;
        function pagination(index) {
            pageindex = index;
            LoadTelList();
        }
        function LoadTelList() {
            selectplan = document.getElementById("txtPlanId").value;
            var key = escape(document.getElementById("txtKeywords").value);
            var userid = document.getElementById("ddlAccount").value;
            var fpstate = document.getElementById("dropFP").value;
            var hcstate = document.getElementById("dropHC").value;
            var yjstate = document.getElementById("dropYJ").value;
            var starttime = document.getElementById("txtStartTime").value;
            var endtime = document.getElementById("txtEndTime").value;
            var hjjg = document.getElementById("dropHJJG").value;
            var timeno = new Date().getTime();
            $("#pageloading").show();
            if (selectplan != "") {
                $.ajax({
                    type: 'get',
                    url: 'ajax/callplanresultdata.aspx?action=resulstdata&pagesize=' + pagesize + '&pageindex=' + pageindex + '&userid=' + userid + '&taskid=' + selectplan + '&key=' + key + '&fpstate=' + fpstate + '&hcstate=' + hcstate + '&yjstate=' + yjstate + '&starttime=' + starttime + '&endtime=' + endtime + '&hjjg=' + hjjg + "&timeno=" + timeno,
                    dataType: 'html',
                    success: function (res) {
                        try {
                            if (res != "") {
                                document.getElementById("divTelList").innerHTML = res;
                            }
                            $("#pageloading").hide();
                        } catch (e) {
                            document.getElementById("pageloading").innerHTML = e.message;
                        }
                    }
                });
            }
            else {
                //document.getElementById("divTelList").innerHTML = "";
                $("#pageloading").hide();
            }
        }
        //导出
        function DaoChu() {
            //LoadTelList();
            selectplan = document.getElementById("txtPlanId").value;
            var key = escape(document.getElementById("txtKeywords").value);
            var userid = document.getElementById("ddlAccount").value;
            var fpstate = document.getElementById("dropFP").value;
            var hcstate = document.getElementById("dropHC").value;
            var yjstate = document.getElementById("dropYJ").value;
            var starttime = document.getElementById("txtStartTime").value;
            var endtime = document.getElementById("txtEndTime").value;
            var hjjg = document.getElementById("dropHJJG").value;
            var timeno = new Date().getTime();
            $("#pageloading").show();
            if (selectplan != "") {
                $.ajax({
                    type: 'get',
                    url: 'ajax/callplanresultdata.aspx?action=resulstdataexcel&pagesize=' + pagesize + '&pageindex=' + pageindex + '&userid=' + userid + '&taskid=' + selectplan + '&key=' + key + '&fpstate=' + fpstate + '&hcstate=' + hcstate + '&yjstate=' + yjstate + '&starttime=' + starttime + '&endtime=' + endtime + '&hjjg=' + hjjg + "&timeno=" + timeno,
                    dataType: 'html',
                    success: function (res) {
                        try {
                            if (res != "") {
                                document.getElementById("htHtmlReport").value = res;
                                document.getElementById("exportExcelFrame").src = "callplantaskresultdataexcel.aspx?timeno=" + timeno
                            }
                            $("#pageloading").hide();
                        } catch (e) {
                            document.getElementById("pageloading").innerHTML = e.message;
                        }
                    }
                });
            }
            else {
                //document.getElementById("divTelList").innerHTML = "";
                $("#pageloading").hide();
            }
            return true;
        }
        $(function () {
            selectplan = "";
            LoadTelList();
        });
        function Init() {
            selectplan = "";
            LoadTelList();
        }
        document.onkeydown = function (event) {
            var e = event || window.event || arguments.callee.caller.arguments[0];
            if (e && e.keyCode == 13) {
                Init();
            }
        };
        var sflag = true;
        function SelectPlan() {
            sflag = true;
            document.getElementById("divShowPlanList").style.display = "block";
            LoadPlanList();
        }
        function ChangeFlag() {
            sflag = true;
        }
        function HideList() {
            document.getElementById("divShowPlanList").style.display = "none";
        }
        function ChangeKey() {
            if (sflag) {
                if (document.getElementById("txtPlanName").value == "") {
                    document.getElementById("txtPlanId").value = "";
                    document.getElementById("divShowPlanList").style.display = "none";
                }
                else {
                    document.getElementById("divShowPlanList").style.display = "block";
                    LoadPlanList();
                }
            }
        }
        var planlist;
        function LoadPlanList() {
            var key = escape(document.getElementById("txtPlanName").value);
            planlist = $("#divPlanList").ligerGrid({
                height: 300,
                width: 300,
                columns: [
                { display: '计划名称', align: 'left', width: '130', name: '_taskname' },
                { display: '号码数量', align: 'center', width: '60', name: '_y_hmcount' }
                ],
                toolbar: {
                    items: [
                    { text: '关闭', click: itemclick1, icon: 'delete' }
                    ]
                },
                url: 'ajax/callplan.ashx?action=getlist&key=' + key, pageSize: 20, pageSizeOptions: [10, 20, 50], rownumbers: true,
                onDblClickRow: function (data, rowindex, rowobj) {
                    sflag = false;
                    var vid = "0";
                    var vname = "";
                    try {
                        vid = data._taskid;
                        vname = data._taskname;
                        document.getElementById("txtPlanId").value = vid;
                        document.getElementById("txtPlanName").value = vname;
                        pagination(1);
                    }
                    catch (e) {
                    }
                    document.getElementById("divShowPlanList").style.display = "none";
                }
            });
        }
        function itemclick1(item) {
            switch (item.icon) {
                case "delete":
                    HideList();
                    break;
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server"><div class="l-loading" style="display: block" id="pageloading">数据查询中...
    </div><asp:HiddenField ID="htHtmlReport" runat="server" />
    <div id="divShowPlanList" style="display: none; position: absolute; z-index: 9999;
        top: 38px; left: 7px; width: 470px; height: 230px;">
        <div id="divPlanList" style="width: 470px; height: 200px;">
        </div>
    </div>
    <table id="tableMessage" cellpadding="3" cellspacing="3" border="0" style="width: 100%;">
        <tr>
            <td valign="top" style="padding: 0px 2px 5px 2px;">
                <div class="tools_box">
                    <asp:HiddenField ID="txtUserId" runat="server" />
                    <div class="tools_bar">
                        <div class="search_box" style="float: left;">
                            外呼计划：
                            <asp:HiddenField ID="txtPlanId" runat="server" Value="" />
                            <asp:TextBox ID="txtPlanName" runat="server" CssClass="txtInput normal" onclick="SelectPlan();"
                                onPropertyChange="ChangeKey();" Style="width: 100px;"></asp:TextBox>&nbsp;关键字：<asp:TextBox
                                    ID="txtKeywords" runat="server" Style="width: 80px;" CssClass="txtInput"></asp:TextBox>&nbsp;&nbsp;开始回访时间：<asp:TextBox ID="txtStartTime" runat="server" CssClass="txtInput" Width="100px" onfocus="WdatePicker({skin:'whyGreen'})"></asp:TextBox>&nbsp;&nbsp;结束时间：<asp:TextBox ID="txtEndTime" runat="server" CssClass="txtInput" Width="100px" onfocus="WdatePicker({skin:'whyGreen'})"></asp:TextBox>
                        </div>
                    </div>
                </div>
                <div class="tools_box">
                    <div class="tools_bar">
                        <div class="search_box" style="float: left;">坐席： <asp:DropDownList ID="ddlAccount" runat="server" CssClass="selectBox" onchange="pagination(1);" Width="70px"> </asp:DropDownList>&nbsp;&nbsp;分配状态：<asp:DropDownList ID="dropFP" runat="server" onchange="pagination(1);" CssClass="selectBox" Width="80px">
                                <asp:ListItem Value="">--全部--</asp:ListItem>
                                <asp:ListItem Value="0">未分配</asp:ListItem>
                                <asp:ListItem Value="1">已分配</asp:ListItem>
                            </asp:DropDownList>&nbsp;&nbsp;呼叫状态：<asp:DropDownList ID="dropHC" runat="server" onchange="pagination(1);" CssClass="selectBox" Width="80px">
                                <asp:ListItem Value="">--全部--</asp:ListItem>
                                <asp:ListItem Value="0">未呼叫</asp:ListItem>
                                <asp:ListItem Value="1">已呼叫</asp:ListItem>
                            </asp:DropDownList>&nbsp;&nbsp;接通状态：<asp:DropDownList ID="dropYJ" runat="server" onchange="pagination(1);" CssClass="selectBox" Width="80px">
                                <asp:ListItem Value="">--全部--</asp:ListItem>
                                <asp:ListItem Value="0">未接通</asp:ListItem>
                                <asp:ListItem Value="1">已接通</asp:ListItem>
                            </asp:DropDownList>&nbsp;&nbsp;呼叫结果：<asp:DropDownList ID="dropHJJG" runat="server" onchange="LoadTelList();" CssClass="selectBox" Width="80px">
                                <asp:ListItem Value="">--全部--</asp:ListItem>
                            </asp:DropDownList>&nbsp;&nbsp;
                            <input id="btnSearch" type="button" value="搜 索" class="btnSearch" onclick="pagination(1);" />&nbsp;&nbsp;
                            <input id="Button1" type="button" value="导出Excel" class="btnSearch" onclick="DaoChu();" />
                            <iframe id="exportExcelFrame" src="" style="display:none;"></iframe>
                <%--<asp:LinkButton ID="exportExcel" Height="24px" runat="server" class="btnSearch" OnClientClick="return DaoChu()" >导出Excel</asp:LinkButton>--%>
                        </div>
                    </div>
                </div>
                <div id="divTelList">
                <br />
                <h1 style='font-size: 18px; font-weight: bold; color: #333333; text-align: center;
                    width: 100%;'>
                    <b>外呼计划回访数据</b></h1>
                <br />
        <table border="0" cellpadding="0" cellspacing="0" width="99%" style="display:none;" align='center'>
                    <tr style="text-align: center;">
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            外呼计划
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            号码
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            名称
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            门店
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            回访坐席
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            呼叫状态
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            购物时遇到导购是否主动问好
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            结账时是否给小票 
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            是否介绍商品存放周期或使用方法 
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            介绍当季育儿注意事项 
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            整体服务满意 
                        </td>
                        <td style="height: 18px; background-color: #D5EDFE; border-left: 1px solid #CCCCCC;
                            border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            padding: 3px 3px 3px 3px; text-align: center;">
                            意见建议
                        </td>
                    </tr>
                    <tr align="center" valign="middle" onmouseover="this.style.backgroundColor='#F6F6F6'"
                        onmouseout="this.style.backgroundColor='#ffffff'" bgcolor="#ffffff">
                        <td style="width:120px; vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="width:120px; vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="width:100px; vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="width:120px; vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="width:80px; vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                    </tr>
                    <tr align="center" valign="middle" onmouseover="this.style.backgroundColor='#F6F6F6'"
                        onmouseout="this.style.backgroundColor='#ffffff'" bgcolor="#ffffff">
                        <td style="width:120px; vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="width:120px; vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="width:100px; vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="width:120px; vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="width:80px; vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                        <td style="vertical-align: middle; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
                            border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 2px;
                            height: 18px; padding-top: 3px; padding-bottom: 3px;">
                            &nbsp;
                        </td>
                    </tr>
                </table>
                <br />
                </div>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
