<%@ Control Language="VB" AutoEventWireup="false" CodeFile="QuickPay.ascx.vb" Inherits="Controls_QuickPay" %>
<%@ Register Src="../Controls/ShoppingCart.ascx" TagName="ShoppingCart" TagPrefix="uc" %>
<%@ Register TagPrefix="CAPTCHA" Namespace="WebControlCaptcha" Assembly="WebControlCaptcha" %>
<%@ Register Src="../Controls/CharterMessages.ascx" TagName="CharterMessages" TagPrefix="uc" %>
<%@ Register Src="~/Controls/CustomContent.ascx" TagName="CustomContent" TagPrefix="uc" %>
<%@ Register Src="../Controls/ManageLogin.ascx" TagName="ManageLogin" TagPrefix="uc" %>
<%  If Me.MyAccountUse Then%>
<%  _cellColorBillSummary = "<td style=""vertical-align:middle"">"%>
<%  _altCellColorBillSummary = "<td style=""vertical-align:middle"">"%>
<%  Else%>
<%  _cellColorBillSummary = "<td style=""vertical-align:middle"">"%>
<%  _altCellColorBillSummary = "<td style=""vertical-align:middle"">"%>
<%  End If%>
<%  If Me.MyAccountUse Then%>
<%  '_bgColor = "background-color: #D9E4EE;"
    _bgColor = "background-color: white;"
%>
<%  Else%>
<%  _bgColor = ""%>
<%  End If%>

<script language="javascript">
//###################################################################
//M O D I F I C A T I O N    MARK SNYDER 6/10/08
//###################################################################

//###################################################################
//CALLED WHEN THE QUICK PAY LINK BUTTON IS CLICKED. UPDATEQUERYSTRING
//FUNCTION IS LOCATED IN SCRIPTS/CHARTER.JS
//###################################################################
function quickPaySelected(parmValue)
{
    updateQueryString("action", parmValue);
    return true;
}

//###################################################################
//CALLED WHEN ONE OF THE PAYMENT OPTIONS IS SELECTED (CREDIT CARD OR
//BANK ACCOUNT). UPDATEQUERYSTRING FUNCTION IS LOCATED IN 
//SCRIPTS/CHARTER.JS
//###################################################################
function payOptionSelected(selectionValue)
{
    if (selectionValue == 0)
    {
        updateQueryString("action", "CC");
    }
    else
    {
        updateQueryString("action", "BA");
    }
    
    return true;
}

//###################################################################
//CALLED WHEN THE PAY NOW BUTTON IS CLICKED. UPDATEQUERYSTRING
//FUNCTION IS LOCATED IN SCRIPTS/CHARTER.JS
//###################################################################
function confirmSelected(parmValue)
{
    updateQueryString("action", parmValue);
    return true;
}
//###################################################################
//E N D   O F   M O D I F I C A T I O N
//###################################################################
</script>

<asp:Panel ID="pnlNoBillingSummaryAvailable" runat="server" Visible="false">
    <div class="innerHeader">
        <!-- display welcome msg -->
    </div>
    <div class="innerbox" style="width: 632px;">
        <p class="innerHeader2">
            <a href="../Account/CharterEPay.aspx">My Bill</a></p>
        <uc:CustomContent ID="CustomContent1" runat="server" />
    </div>
</asp:Panel>
<asp:Panel ID="pnlBillSummary" runat="server" Visible="false">
    <div class="innerHeader">
        <!-- display welcome msg -->
    </div>
    <div class="innerbox" style="width: 632px;">
        <p class="innerHeader2">
            <a href="../Account/CharterEPay.aspx">My Bill</a></p>
        <asp:Repeater ID="rprCSGBillingSummary" runat="server">
            <HeaderTemplate>
                <table width="100%" border="0" cellpadding="0" cellspacing="0">
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td width="149" align="right" valign="middle">
                        <p>
                            <strong>Account</strong></p>
                    </td>
                    <td width="148" align="left" valign="middle">
                        <p>
                            <strong>
                                <%#trimIcomsAccountNumber(Container.DataItem)%></strong>
                        </p>
                    </td>
                    <td width="69" align="left" valign="middle">
                        &nbsp;
                    </td>
                    <td width="159" align="left" valign="middle">
                        <p>
                            <%-- ISSUE ID 6782 --%>
                            <a href="../Account/CharterEpay.aspx?successPage=availablestatements&SC=<%#getIcomsStatementCode(Container.DataItem)%>&AcctIndex=<%#getAccountNumberIndex(Container.DataItem)%>">
                                Available Statements</a>
                        </p>
                    </td>
                    <td width="160" align="left" valign="middle">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td align="right" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <strong>Statement</strong></p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <%#DataBinder.Eval(Container.DataItem, "CurrentStatementDate_CSG_ONLY", " {0:M/dd/yyyy}")%>
                        </p>
                    </td>
                    <td align="Right" valign="middle" bgcolor="#e8e8e8" nowrap>
                        <p>
                            <%#formatCSGStatementAmount(Container.DataItem)%>
                        </p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <%-- ISSUE ID 6782 --%>
                            <a href="../Account/CharterEpay.aspx?successPage=<%=_latestBill%>&SC=<%#getIcomsStatementCode(Container.DataItem)%>&AcctIndex=<%#getAccountNumberIndex(Container.DataItem)%>">
                                Current Statement</a>
                            <img src="pdf.ccom" alt="pdf file" width="12" height="13" style="vertical-align: middle;"></p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td align="right" valign="middle">
                        <p>
                            <strong>Current Balance</strong></p>
                    </td>
                    <td align="left" valign="middle">
                        <p>
                            <strong>
                                <%#formatCSGDueDate(Container.DataItem)%></strong>
                        </p>
                    </td>
                    <td align="Right" valign="middle" nowrap>
                        <p>
                            <%#formatCSGDueAmount2013(Container.DataItem)%>
                        </p>
                    </td>
                    <td align="left" valign="middle">
                        <p>
                            <%-- ISSUE ID 6782 --%>
                            <a href="../Account/CharterEpay.aspx?successPage=recentactivity&SC=<%#getIcomsStatementCode(Container.DataItem)%>&AcctIndex=<%#getAccountNumberIndex(Container.DataItem)%>">
                                Recent Activity</a></p>
                    </td>
                    <td align="left" valign="middle">
                        <%If _payBillOptions = "paybilloptions" Then%>
                        <%--if it is icoms --%>
                        <%-- ISSUE ID 6782 --%>
                        <asp:HyperLink ID="hypEpay" runat="server" ImageUrl="payBillOptionsButton.ccom" NavigateUrl="../Account/CharterEPay.aspx?successPage=paybilloptions&sc=002&AcctIndex=<%#getAccountNumberIndex(Container.DataItem)%>"
                            ToolTip="Pay Bill Options" />
                        <%Else%>
                        <%--if it is cgs --%>
                        <%-- ISSUE ID 6782 --%>
                        <a href="../Account/CharterEpay.aspx?successPage=<%=_payBillOptions%>&SC=<%#getIcomsStatementCode(Container.DataItem)%>&AcctIndex=<%#getAccountNumberIndex(Container.DataItem)%>">
                            <img src="../Images/payBillOptionsButton.ccom" alt="ePay/Bill Options" /></a>
                        <%End If%>
                    </td>
                </tr>
            </ItemTemplate>
            <AlternatingItemTemplate>
                <tr>
                    <td valign="middle" bgcolor="#e8e8e8" colspan="5">
                        <p>
                            &nbsp;</p>
                    </td>
                </tr>
                <tr>
                    <td width="149" align="right" valign="middle">
                        <p>
                            <strong>Account</strong></p>
                    </td>
                    <td width="148" align="left" valign="middle">
                        <p>
                            <strong>
                                <%#trimIcomsAccountNumber(Container.DataItem)%></strong>
                        </p>
                    </td>
                    <td width="69" align="left" valign="middle">
                        &nbsp;
                    </td>
                    <td width="159" align="left" valign="middle">
                        <p>
                            <%-- ISSUE ID 6782 --%>
                            <a href="../Account/CharterEpay.aspx?successPage=availablestatements&SC=<%#getIcomsStatementCode(Container.DataItem)%>&AcctIndex=<%#getAccountNumberIndex(Container.DataItem)%>">
                                Available Statements</a></p>
                    </td>
                    <td width="160" align="left" valign="middle">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td align="right" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <strong>Statement</strong></p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <%#DataBinder.Eval(Container.DataItem, "CurrentStatementDate_CSG_ONLY", " {0:M/dd/yyyy}")%>
                        </p>
                    </td>
                    <td align="right" valign="middle" bgcolor="#e8e8e8" nowrap>
                        <p>
                            $&nbsp;<%#DataBinder.Eval(Container.DataItem, "StatementBalance_CSG_ONLY", "{0:N2}")%></p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <%-- ISSUE ID 6782 --%>
                            <a href="../Account/CharterEpay.aspx?successPage=<%=_latestBill%>&SC=<%#getIcomsStatementCode(Container.DataItem)%>&AcctIndex=<%#getAccountNumberIndex(Container.DataItem)%>">
                                Current Statement</a>
                            <img src="pdf.ccom" alt="pdf file" width="12" height="13" style="vertical-align: middle;"></p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td align="right" valign="middle">
                        <p>
                            <strong>Current Balance</strong></p>
                    </td>
                    <td align="left" valign="middle">
                        <p>
                            <strong>
                                <%#formatCSGDueDate(Container.DataItem)%></strong>
                        </p>
                    </td>
                    <td align="right" valign="middle">
                        <p>
                            <%#formatCSGDueAmount2013(Container.DataItem)%>
                        </p>
                    </td>
                    <td align="left" valign="middle">
                        <p>
                            <%-- ISSUE ID 6782 --%>
                            <a href="../Account/CharterEpay.aspx?successPage=recentactivity&SC=<%#getIcomsStatementCode(Container.DataItem)%>&AcctIndex=<%#getAccountNumberIndex(Container.DataItem)%>">
                                Recent Activity</a></p>
                    </td>
                    <td align="left" valign="middle">
                        <%If _payBillOptions = "paybilloptions" Then%>
                        <%-- ISSUE ID 6782 --%>
                        <asp:HyperLink ID="hypEpay" runat="server" ImageUrl="payBillOptionsButton.ccom" NavigateUrl="../Account/CharterEPay.aspx?successPage=paybilloptions&sc=002&AcctIndex=<%#getAccountNumberIndex(Container.DataItem)%>"
                            ToolTip="Pay Bill Options" />
                        <%Else%>
                        <%-- ISSUE ID 6782 --%>
                        <a href="../Account/CharterEpay.aspx?successPage=<%=_payBillOptions%>&SC=<%#getIcomsStatementCode(Container.DataItem)%>&AcctIndex=<%#getAccountNumberIndex(Container.DataItem)%>">
                            <img src="../Images/payBillOptionsButton.ccom" alt="ePay/Bill Options" /></a>
                        <%End If%>
                    </td>
                </tr>
            </AlternatingItemTemplate>
            <FooterTemplate>
                </table></FooterTemplate>
        </asp:Repeater>
        <asp:Repeater ID="rprICOMSBillingSummary" runat="server">
            <HeaderTemplate>
                <table width="100%" border="0" cellpadding="0" cellspacing="0">
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td width="149" align="right" valign="middle">
                        <p>
                            <strong>Account</strong></p>
                    </td>
                    <td width="148" align="left" valign="middle">
                        <p>
                            <strong>
                                <%#trimIcomsAccountNumber(Container.DataItem)%></strong>
                        </p>
                    </td>
                    <td width="69" align="left" valign="middle">
                        &nbsp;
                    </td>
                    <td width="159" align="left" valign="middle">
                        <p>
                            <a target="_blank" href="../Account/CharterEpay.aspx?successPage=availablestatements&SC=<%#getIcomsStatementCode(Container.DataItem)%>">
                                Available Statements</a>
                        </p>
                    </td>
                    <td width="160" align="left" valign="middle">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td align="right" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <strong>Statement</strong></p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <%#DataBinder.Eval(Container.DataItem, "LastStatementDate_ICOMS_ONLY", " {0:M/dd/yyyy}")%>
                        </p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8" nowrap>
                        <p>
                            $&nbsp;<%#DataBinder.Eval(Container.DataItem, "TotalStatementAmount_ICOMS_ONLY", "{0:N2}")%>*
                        </p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <a href="../Account/CharterEpay.aspx?successPage=<%=_latestBill%>&SC=<%#getIcomsStatementCode(Container.DataItem)%>"
                                target="_blank">Current Statement</a>
                            <img src="pdf.ccom" alt="pdf file" width="12" height="13" style="vertical-align: middle;"></p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td align="right" valign="middle">
                        <p>
                            <strong>Payment Due</strong></p>
                    </td>
                    <td align="left" valign="middle">
                        <p>
                            <strong>
                                <%#formatIcomsDueDate(Container.DataItem)%></strong>
                        </p>
                    </td>
                    <td align="left" valign="middle">
                        <p>
                        </p>
                    </td>
                    <td align="left" valign="middle">
                        <p>
                            <a href="../Account/CharterEpay.aspx?successPage=recentactivity&SC=<%#getIcomsStatementCode(Container.DataItem)%>"
                                target="_blank">Recent Activity</a></p>
                    </td>
                    <td align="left" valign="middle">
                        <%If _payBillOptions = "paybilloptions" Then%>
                        <%--if it is icoms --%>
                        <asp:HyperLink ID="hypEpay" runat="server" ImageUrl="payBillOptionsButton.ccom" NavigateUrl="../Account/CharterEPay.aspx?successPage=paybilloptions&sc=002"
                            Target="_blank" ToolTip="Pay Bill Options" />
                        <%Else%>
                        <%--if it is cgs --%>
                        <a href="../Account/CharterEpay.aspx?successPage=<%=_payBillOptions%>&SC=<%#getIcomsStatementCode(Container.DataItem)%>"
                            target="_blank">
                            <img src="../Images/payBillOptionsButton.ccom" alt="ePay/Bill Options" /></a>
                        <%End If%>
                    </td>
                </tr>
                <tr>
                    <td colspan="5" style="padding: 10px; text-align: center">
                        *This amount does not reflect payments or credits received. Please select Pay Bill
                        Options button for your updated balance.
                    </td>
                </tr>
            </ItemTemplate>
            <AlternatingItemTemplate>
                <tr>
                    <td valign="middle" bgcolor="#e8e8e8" colspan="5">
                        <p>
                            &nbsp;</p>
                    </td>
                </tr>
                <tr>
                    <td width="149" align="right" valign="middle">
                        <p>
                            <strong>Account</strong></p>
                    </td>
                    <td width="148" align="left" valign="middle">
                        <p>
                            <strong>
                                <%#trimIcomsAccountNumber(Container.DataItem)%></strong>
                        </p>
                    </td>
                    <td width="69" align="left" valign="middle">
                        &nbsp;
                    </td>
                    <td width="159" align="left" valign="middle">
                        <p>
                            <a target="_blank" href="../Account/CharterEpay.aspx?successPage=availablestatements&SC=<%#getIcomsStatementCode(Container.DataItem)%>">
                                Available Statements</a></p>
                    </td>
                    <td width="160" align="left" valign="middle">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td align="right" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <strong>Statement</strong></p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <%#DataBinder.Eval(Container.DataItem, "LastStatementDate_ICOMS_ONLY", " {0:M/dd/yyyy}")%>
                        </p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8" nowrap>
                        <p>
                            $&nbsp;<%#DataBinder.Eval(Container.DataItem, "TotalStatementAmount_ICOMS_ONLY", "{0:N2}")%>*
                        </p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        <p>
                            <a href="../Account/CharterEpay.aspx?successPage=<%=_latestBill%>&SC=<%#getIcomsStatementCode(Container.DataItem)%>"
                                target="_blank">Current Statement</a>
                            <img src="pdf.ccom" alt="pdf file" width="12" height="13" style="vertical-align: middle;"></p>
                    </td>
                    <td align="left" valign="middle" bgcolor="#e8e8e8">
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td align="right" valign="middle">
                        <p>
                            <strong>Payment Due</strong></p>
                    </td>
                    <td align="left" valign="middle">
                        <p>
                            <strong>
                                <%#formatIcomsDueDate(Container.DataItem)%></strong>
                        </p>
                    </td>
                    <td align="left" valign="middle">
                        <p>
                        </p>
                    </td>
                    <td align="left" valign="middle">
                        <p>
                            <a href="../Account/CharterEpay.aspx?successPage=recentactivity&SC=<%#getIcomsStatementCode(Container.DataItem)%>"
                                target="_blank">Recent Activity</a></p>
                    </td>
                    <td align="left" valign="middle">
                        <%If _payBillOptions = "paybilloptions" Then%>
                        <asp:HyperLink ID="hypEpay" runat="server" ImageUrl="payBillOptionsButton.ccom" NavigateUrl="../Account/CharterEPay.aspx?successPage=paybilloptions&sc=002"
                            Target="_blank" ToolTip="Pay Bill Options" />
                        <%Else%>
                        <a href="../Account/CharterEpay.aspx?successPage=<%=_payBillOptions%>&SC=<%#getIcomsStatementCode(Container.DataItem)%>"
                            target="_blank">
                            <img src="../Images/payBillOptionsButton.ccom" alt="ePay/Bill Options" /></a>
                        <%End If%>
                    </td>
                </tr>
                <tr>
                    <td colspan="5" style="padding: 10px; text-align: center">
                        *This amount does not reflect payments or credits received. Please select Pay Bill
                        Options button for your updated balance.
                    </td>
                </tr>
            </AlternatingItemTemplate>
            <FooterTemplate>
                </table>
            </FooterTemplate>
        </asp:Repeater>
    </div>
</asp:Panel>
<asp:Panel ID="pnlIdentification" runat="server" DefaultButton="btnContinue">
    <div class="centerBody">
        <div id="blue" class="roundedTopLeft">
            <div id="Div2" class="roundedTopRight">
                <div id="Div3" class="roundedBotRight">
                    <div id="Div4" class="roundedBotLeft">
                        <div class="solidRoundedBlue">
                            <div class="solidRoundedTop">
                            </div>
                            <div id="solidRoundedContent">
                                <h2>
                                    <span class="smallInst">Make a payment online and eliminate waiting on the phone or
                                        mailing in a paper bill! It's quick AND easy!</span></h2>
                                <div class="formContainer">
                                    <div id="basic">
                                        <fieldset>
                                            <table cellpadding="3" cellspacing="3">
                                                <tr>
                                                    <td style="text-align: right; background-color: #D9E4EE; padding-left: 2px">
                                                        <span class="orange">*</span><b> Telephone Number: </b>
                                                    </td>
                                                    <td style="text-align: left; background-color: #D9E4EE; padding-left: 7px;">
                                                        <asp:TextBox ID="txtTelephone" AutoComplete="off" Width="130" Height="13" runat="server"
                                                            Style="padding-left: 1px" /></td>
                                                    <td style="text-align: left; padding-left: 5px; background-color: #D9E4EE;">
                                                        <asp:RequiredFieldValidator ID="vldTelephoneRequired" runat="server" ControlToValidate="txtTelephone"
                                                            Display="Dynamic" ErrorMessage="Required field" />
                                                        <asp:RegularExpressionValidator ID="vldTelephoneRegEx" runat="server" ControlToValidate="txtTelephone"
                                                            Display="Dynamic" ErrorMessage="Invalid Format" ValidationExpression="((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4}|(\d{10})"></asp:RegularExpressionValidator>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: right; background-color: #D9E4EE;">
                                                        <span class="orange">*</span><b> Zip Code: </b>
                                                    </td>
                                                    <td style="text-align: left; background-color: #D9E4EE; padding-left: 7px">
                                                        <asp:TextBox ID="txtZipCode" AutoComplete="off" Width="130" Height="13" runat="server"
                                                            Style="padding-left: 1px" /></td>
                                                    <td style="text-align: right; background-color: #D9E4EE;">
                                                        <asp:RequiredFieldValidator ID="vldZipCodeRequired" runat="server" ControlToValidate="txtZipCode"
                                                            Display="Dynamic" ErrorMessage="Required field" />
                                                        <asp:RegularExpressionValidator ID="vldZipCodeRegEx" runat="server" ControlToValidate="txtZipCode"
                                                            Display="Dynamic" ErrorMessage="Invalid Format" ValidationExpression="\d{5}(-\d{4})?"></asp:RegularExpressionValidator></td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: right; background-color: #D9E4EE;">
                                                        <b>E-Mail Address: </b>
                                                    </td>
                                                    <td style="text-align: left; background-color: #D9E4EE; padding-left: 7px">
                                                        <asp:TextBox ID="txtEmail" AutoComplete="off" Height="13" Width="130" runat="server"
                                                            Style="padding-left: 1px" /></td>
                                                    <td style="text-align: left; background-color: #D9E4EE;">
                                                        <asp:RequiredFieldValidator ID="vldEmailRequired" runat="server" ControlToValidate="txtEmail"
                                                            Display="Dynamic" ErrorMessage="Required field" />
                                                        <asp:RegularExpressionValidator ID="vldEmailRegEx" runat="server" ControlToValidate="txtEmail"
                                                            Display="Dynamic" ErrorMessage="Invalid Format" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator></td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: center; background-color: #D9E4EE;">
                                                    </td>
                                                    <td style="text-align: center; background-color: #D9E4EE;">
                                                        <br />
                                                        <asp:ImageButton ID="btnContinue" runat="server" ImageUrl="../Images/but_continue.gif" />
                                                    </td>
                                                    <td style="text-align: center; background-color: #D9E4EE;">
                                                    </td>
                                                </tr>
                                            </table>
                                        </fieldset>
                                        <div>
                                            <asp:CustomValidator ID="vldCustom" runat="server" Display="Dynamic"></asp:CustomValidator>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="solidRoundedBot">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Panel>
<asp:Panel ID="pnlPaymentInfo" runat="server" DefaultButton="btnPayNowCC">
    <asp:HiddenField ID="txtBillAccountNumber" runat="server" />
    <div id="Div5" style="padding: 0 0 0 0; margin: 0 0 0 0;">
        <h1>
            Charter Quick Pay</h1>
    </div>
    <p>
        Charter Quick Pay allows you to make a payment quickly and easily without having
        to wait on the phone or mail in a payment.
    </p>
    <p>
        Please choose a payment method for Quick Pay:
        <asp:RadioButtonList ID="rblPaymentMethod" runat="server" AutoPostBack="true" CausesValidation="false">
            <asp:ListItem Value="0" onclick="payOptionSelected(0);"><span style="color:#666666">Credit Card - For your convenience we accept Visa, MasterCard, or Discover Card&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></asp:ListItem>
            <asp:ListItem Value="1" onclick="payOptionSelected(1);"><span style="color:#666666">Checking or Savings Account - Easily deduct the money from either type of account&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></asp:ListItem>
        </asp:RadioButtonList>
    </p>
    <asp:Panel ID="pnlCreditCardInfo" runat="server">
        <p style="font-weight: bold">
            Credit Card Information</p>
        <p>
            * Required</p>
        <table cellpadding="0" cellspacing="5" width="100%">
            <tr>
                <td style="<%= _bgColor%>text-align: right; width: 35%; font-weight: bold; color: #666666;">
                    Statement Balance:</td>
                <td style="<%= _bgColor%>">
                    <asp:Label ID="lblAmountDueCC" runat="server" Font-Bold="true"></asp:Label>
                </td>
            </tr>
            <tr>
                <td style="<%= _bgColor%>text-align: right">
                    * Payment Amount:</td>
                <td style="<%= _bgColor%>">
                    <asp:TextBox AutoComplete="off" ID="txtPaymentAmountCC" runat="server" Width="200px"
                        Style="padding-left: 1px"></asp:TextBox>
                    <asp:RegularExpressionValidator ID="valPaymentAmountCCRegEx" EnableClientScript="true"
                        runat="server" ControlToValidate="txtPaymentAmountCC" Display="Dynamic" ErrorMessage="<br>Payment Amount format should be similar to x.xx"
                        ValidationExpression="^\d+\.\d\d?$"></asp:RegularExpressionValidator>
                    <asp:RangeValidator ID="RangeValidator22" runat="server" ControlToValidate="txtPaymentAmountCC"
                        Display="Dynamic" ErrorMessage="<br>Payment Amount should be between 1.00 and 1000.00"
                        Type="Currency" MaximumValue="1000.00" MinimumValue="0.01"></asp:RangeValidator>
                    <asp:RequiredFieldValidator ID="vldPaymentAmountCCRequired" runat="server" ControlToValidate="txtPaymentAmountCC"
                        Display="Dynamic" ErrorMessage="<br>Payment Amount is required"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="<%= _bgColor%>text-align: right">
                    * Name on Card:</td>
                <td style="<%= _bgColor%>">
                    <asp:TextBox AutoComplete="off" ID="txtNameOnCard" runat="server" Width="200px" Style="padding-left: 1px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="vldNameOnCardRequired" runat="server" ControlToValidate="txtNameOnCard"
                        Display="Dynamic" ErrorMessage="<br>Name On Card is required"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="vldNameOnCardRegExNumbersOnly" runat="server"
                        ControlToValidate="txtNameOnCard" Display="Dynamic" ErrorMessage="<br>Name On Card must not contain numeric values.  Please check the Name On Card and try again."
                        ValidationExpression="^[a-zA-Z''-'\s]{1,40}$"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td style="<%= _bgColor%>text-align: right">
                    * Card Issuer:</td>
                <td style="<%= _bgColor%>">
                    <asp:DropDownList ID="ddlCardIssuer" runat="server" Width="207px">
                        <asp:ListItem Text="" Value="0"></asp:ListItem>
                    </asp:DropDownList>
                    <asp:RequiredFieldValidator ID="vldCardIssuerRequired" runat="server" ControlToValidate="ddlCardIssuer"
                        InitialValue="0" Display="Dynamic" ErrorMessage="<br>Card Issuer is required"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="<%= _bgColor%>text-align: right">
                    * Card Number:</td>
                <td style="<%= _bgColor%>">
                    <asp:TextBox AutoComplete="off" ID="txtCardNumber" runat="server" Width="200px" Style="padding-left: 1px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="vldCardNumberRequired" runat="server" ControlToValidate="txtCardNumber"
                        Display="Dynamic" ErrorMessage="<br>Card Number is required"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="vldCardNumberRegEx" runat="server" ControlToValidate="txtCardNumber"
                        Display="Dynamic" ErrorMessage="<br>Card number appears to be incorrect.  Please check the number and try again."
                        ValidationExpression="^3(?:[47]\d([ -]?)\d{4}(?:\1\d{4}){2}|0[0-5]\d{11}|[68]\d{12})$|^4(?:\d\d\d)?([ -]?)\d{4}(?:\2\d{4}){2}$|^6011([ -]?)\d{4}(?:\3\d{4}){2}$|^5[1-5]\d\d([ -]?)\d{4}(?:\4\d{4}){2}$|^2014\d{11}$|^2149\d{11}$|^2131\d{11}$|^1800\d{11}$|^3\d{15}$ "></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td style="<%= _bgColor%>text-align: right">
                    * Expiration Date:</td>
                <td style="<%= _bgColor%>">
                    <asp:DropDownList ID="ddlExpirationMonth" runat="server" Width="120px">
                        <asp:ListItem Text="" Value="0"></asp:ListItem>
                        <asp:ListItem Text="January" Value="1"></asp:ListItem>
                        <asp:ListItem Text="February" Value="2"></asp:ListItem>
                        <asp:ListItem Text="March" Value="3"></asp:ListItem>
                        <asp:ListItem Text="April" Value="4"></asp:ListItem>
                        <asp:ListItem Text="May" Value="5"></asp:ListItem>
                        <asp:ListItem Text="June" Value="6"></asp:ListItem>
                        <asp:ListItem Text="July" Value="7"></asp:ListItem>
                        <asp:ListItem Text="August" Value="8"></asp:ListItem>
                        <asp:ListItem Text="September" Value="9"></asp:ListItem>
                        <asp:ListItem Text="October" Value="10"></asp:ListItem>
                        <asp:ListItem Text="November" Value="11"></asp:ListItem>
                        <asp:ListItem Text="December" Value="12"></asp:ListItem>
                    </asp:DropDownList>
                    <asp:RequiredFieldValidator ID="vldExpirationMonthRequired" runat="server" ControlToValidate="ddlExpirationMonth"
                        InitialValue="0" Display="Dynamic" ErrorMessage="Required"></asp:RequiredFieldValidator>
                    <asp:DropDownList ID="ddlExpirationYear" runat="server" Width="80px">
                        <asp:ListItem Text="" Value="0"></asp:ListItem>
                    </asp:DropDownList>
                    <asp:RequiredFieldValidator ID="vldExpirationYearRequired" runat="server" ControlToValidate="ddlExpirationYear"
                        InitialValue="0" Display="Dynamic" ErrorMessage="Required"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr align="center">
                <td colspan="2" style="<%= _bgColor%>">
                    <CAPTCHA:CaptchaControl ID="CC_CaptchaControl" runat="server"></CAPTCHA:CaptchaControl>
                    <br />
                </td>
            </tr>
            <tr>
                <td colspan="2" style="<%= _bgColor%>text-align: center">
                    <asp:Label ID="lblCCPaymentMessage" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="<%= _bgColor%>text-align: center">
                    <asp:Button ID="btnPayNowCC" runat="server" Text="Pay Now" Width="120px" OnClientClick="confirmSelected('PayNowCC');" />
                </td>
            </tr>
        </table>
    </asp:Panel>
    <asp:Panel ID="pnlBankAccountInfo" runat="server" Visible="false">
        <p style="font-weight: bold">
            Bank Account Information</p>
        <p>
            * Required</p>
        <table cellpadding="0" cellspacing="5" width="100%">
            <tr>
                <td style="<%= _bgColor%>text-align: right; width: 35%; font-weight: bold">
                    Statement Balance:</td>
                <td style="<%= _bgColor%>">
                    <asp:Label ID="lblAmountDueBA" runat="server" Font-Bold="true"></asp:Label>
                </td>
            </tr>
            <tr>
                <td style="<%= _bgColor%>text-align: right">
                    * Payment Amount:</td>
                <td style="<%= _bgColor%>">
                    <asp:TextBox AutoComplete="off" ID="txtPaymentAmountBA" runat="server" Width="200px"
                        Style="padding-left: 1px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="vldPaymentAmountBARequired" runat="server" ControlToValidate="txtPaymentAmountBA"
                        Display="Dynamic" ErrorMessage="<br>Payment Amount is required"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="vldPaymentAmountBARegEx" runat="server" ControlToValidate="txtPaymentAmountBA"
                        Display="Dynamic" ErrorMessage="<br>Payment Amount format should be similar to x.xx"
                        ValidationExpression="^\d+\.\d\d?$"></asp:RegularExpressionValidator>
                    <asp:RangeValidator ID="vldPaymentAmountBA" runat="server" ControlToValidate="txtPaymentAmountBA"
                        Display="Dynamic" ErrorMessage="<br>Payment Amount should be between 1.00 and 1000.00"
                        Type="Currency" MaximumValue="1000.00" MinimumValue="1.00"></asp:RangeValidator>
                </td>
            </tr>
            <tr>
                <td style="<%= _bgColor%>text-align: right">
                    * Financial Institution:</td>
                <td style="<%= _bgColor%>">
                    <asp:TextBox AutoComplete="off" ID="txtInstitution" runat="server" Width="200px"
                        MaxLength="32" Style="padding-left: 1px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="vldInstitutionRequired" runat="server" ControlToValidate="txtInstitution"
                        Display="Dynamic" ErrorMessage="<br>Financial Institution is required"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="<%= _bgColor%>text-align: right">
                    * Routing Number:</td>
                <td style="<%= _bgColor%>">
                    <asp:TextBox AutoComplete="off" ID="txtRoutingNumber" runat="server" Width="200px"
                        MaxLength="12" Style="padding-left: 1px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="vldRoutingNumberRequired" runat="server" ControlToValidate="txtRoutingNumber"
                        Display="Dynamic" ErrorMessage="<br>Routing Number is required"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="vldRoutingNumberRegEx" runat="server" ControlToValidate="txtRoutingNumber"
                        Display="Dynamic" ErrorMessage="<br>Routing Number has an invalid format" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
                    <asp:RegularExpressionValidator ID="vldRoutingNumberLimitFieldLengthRegEx" runat="server"
                        ControlToValidate="txtRoutingNumber" Display="Dynamic" ErrorMessage="<br>Your routing number should be 9 digits.  Please check your number and try again."
                        ValidationExpression="\d{9}"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td style="<%= _bgColor%>text-align: right">
                    * Account Number:</td>
                <td style="<%= _bgColor%>">
                    <asp:TextBox AutoComplete="off" ID="txtAccountNumber" runat="server" Width="200px"
                        MaxLength="60" Style="padding-left: 1px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="vldAccountNumberRequired" runat="server" ControlToValidate="txtAccountNumber"
                        Display="Dynamic" ErrorMessage="<br>Account Number is required"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="vldAccountNumberRegEx" runat="server" ControlToValidate="txtAccountNumber"
                        Display="Dynamic" ErrorMessage="<br>Account Number has an invalid format" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
                    <asp:RegularExpressionValidator ID="vldAccountNumberLimitFieldLengthRegEx" runat="server"
                        ControlToValidate="txtAccountNumber" Display="Dynamic" ErrorMessage="<br>Your account number should be less than 21 digits.  Please check your account number and try again."
                        ValidationExpression=".{1,20}"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td style="<%= _bgColor%>text-align: right">
                    * Account Type:</td>
                <td style="<%= _bgColor%>">
                    <asp:DropDownList ID="ddlAccountType" runat="server" Width="207px">
                        <asp:ListItem Text="" Value="0"></asp:ListItem>
                        <asp:ListItem Text="Checking" Value="1"></asp:ListItem>
                        <asp:ListItem Text="Saving" Value="2"></asp:ListItem>
                    </asp:DropDownList>
                    <asp:RequiredFieldValidator ID="vldAccountTypeRequired" runat="server" ControlToValidate="ddlAccountType"
                        InitialValue="0" Display="Dynamic" ErrorMessage="<br>Account Type is required"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr align="center">
                <td colspan="2" style="<%= _bgColor%>">
                    <CAPTCHA:CaptchaControl ID="EFT_CaptchaControl" runat="server"></CAPTCHA:CaptchaControl>
                    <br />
                </td>
            </tr>
            <tr>
                <td colspan="2" style="<%= _bgColor%>text-align: center">
                    <asp:Label ID="lblEFTPaymentMessage" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="<%= _bgColor%>text-align: center">
                    <asp:Button ID="btnPayNowBA" runat="server" Text="Pay Now" Width="120px" OnClientClick="confirmSelected('PayNowBA');" />
                </td>
            </tr>
        </table>
    </asp:Panel>
</asp:Panel>
<asp:Panel ID="pnlConfirmation" runat="server">
    <p>
        <asp:Label ID="lblEmail" runat="server"></asp:Label>
        <asp:HiddenField runat="server" ID="hdnConfNumber" />
        <asp:HiddenField runat="server" ID="hdnPaymentAmount" />
    </p>
    <p>
        <asp:Label ID="lblConfirmation" runat="server" Font-Bold="true"></asp:Label>
    </p>
</asp:Panel>
<asp:Panel ID="pnlQuickPayAttemptLimitReached" runat="server" Visible="false">
    <p>
        For security purposes this site only allows limited attempts to make a payment online.
        Please call 1-888-438-2427 to make a payment.
    </p>
</asp:Panel>
