<%@ Control Language="VB" AutoEventWireup="false" CodeFile="CBLogin.ascx.vb" Inherits="CBMS_UserControls_CBLogin" %>
<asp:Panel ID="pnlHorizontal" runat="server" DefaultButton="btnHorLogin">
    <div class="roundedFlexibleNoTopMargin">
        <div id="gray" class="roundedTopLeft">
            <div id="gray" class="roundedTopRight">
                <div id="gray" class="roundedBotRight">
                    <div id="gray" class="roundedBotLeft">
                        <div class="solidRoundedBlue">
                            <div class="solidRoundedTop">
                                <div>
                                </div>
                            </div>
                            <div id="solidRoundedContent">
                                <div style="color:red">*Required Fields</div>
                                <div class="formContainer">
                                    <div id="basic">
                                        <div>
                                            Please enter your username and password
                                        </div>
                                        <fieldset>
                                            <div class="fm-req">
                                                <label for="txtHorUserName">
                                                    <font color="red">*</font>Username:</label>
                                                <asp:TextBox ID="txtHorUserName" runat="server" />&nbsp;
                                                <asp:RequiredFieldValidator ID="vldHorUserNameRequired" runat="server" ControlToValidate="txtHorUserName"
                                                    Display="Dynamic" ErrorMessage="Required field" ValidationGroup="Login" />
                                            </div>
                                            <div class="fm-req">
                                                <label for="txtHorPassword">
                                                    <font color="red">*</font>Password:</label>
                                                <asp:TextBox ID="txtHorPassword" runat="server" TextMode="Password" />&nbsp;
                                                <asp:RequiredFieldValidator ID="vldHorPasswordRequired" runat="server" ControlToValidate="txtHorPassword"
                                                    Display="Dynamic" ErrorMessage="Required field" ValidationGroup="Login" />
                                            </div>
                                        </fieldset>
                                        <div>
                                            <asp:CustomValidator ID="vldHorLoginCustom" runat="server" Display="Dynamic" ValidationGroup="Login">Invalid <b>Username</b> or <b>Password</b>.</asp:CustomValidator>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="solidRoundedBot">
                                <div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="buttonTab" class="blue">
        <div>
            <div>
                <asp:ImageButton ID="btnHorLogin" runat="server" ImageUrl="../Images/but_continue.gif"
                    Height="27" Width="139" />
            </div>
        </div>
    </div>
</asp:Panel>
<asp:Panel ID="pnlVertical" runat="server" CssClass="roundedFlexible" DefaultButton="btnVerLogin">
    <div id="gray" class="roundedTopLeft">
        <div id="gray" class="roundedTopRight">
            <div id="gray" class="roundedBotRight">
                <div id="gray" class="roundedBotLeft">
                    <h2>
                        Login to My Account:</h2>
                    <div class="solidRoundedBlue">
                        <div class="solidRoundedTop">
                            <div>
                            </div>
                        </div>
                        <div id="Div8">
                            <div id="form" class="noHeader">
                                <asp:ValidationSummary ID="vldSummaryUsernameandPassword" DisplayMode="List" runat="server"
                                    HeaderText="<img src='../Images/error-icon_small.gif' /><b>Username</b> and <b>Password</b> are required." />
                                <p>
                                    <label>
                                        Username:<br />
                                        <asp:TextBox ID="txtVerUserName" runat="server" Columns="16" />
                                        <asp:RequiredFieldValidator ID="vldVerUserNameRequired" runat="server" Text="" ErrorMessage=""
                                            ControlToValidate="txtVerUserName" Display="Dynamic" ValidationGroup="Login" ></asp:RequiredFieldValidator>
                                    </label>
                                </p>
                                <p>
                                    <label>
                                        Password:<br />
                                        <asp:TextBox ID="txtVerPassword" runat="server" Columns="16" TextMode="Password" />
                                        <asp:RequiredFieldValidator ID="vldVerPasswordRequired" runat="server" Text="" ErrorMessage=""
                                            ControlToValidate="txtVerPassword" Display="Static" ValidationGroup="Login" ></asp:RequiredFieldValidator>
                                    </label>
                                </p>
                                <p>
                                    <a href="../Order/CBForgot.aspx">Forgot Password?</a>
                                </p>
                                <p>
                                    <label class="small">
                                        <asp:CheckBox ID="chkVerRememberMe" runat="server" />
                                        Remember Me
                                    </label>
                                </p>
                                <p>
                                    <asp:CustomValidator ID="vldVerLoginCustom" runat="server" Display="Dynamic" ValidationGroup="Login">Invalid <b>Username</b> or <b>Password</b>.</asp:CustomValidator>
                                </p>
                                <p class="butRightAlign">
                                    <asp:ImageButton ID="btnVerLogin" runat="server" ImageUrl="../Images/but_Login.gif"
                                        AlternateText="Login" /></p>
                            </div>
                        </div>
                        <div class="solidRoundedBot">
                            <div>
                            </div>
                        </div>
                    </div>
                    <div class="solidRoundedBlueDouble">
                        <div class="solidRoundedTop">
                            <div>
                            </div>
                        </div>
                        <div id="Div9" class="centered">
                            <p class="dark">
                                Don't have an Account?<br />
                                <a href="../Order/CBRegister.aspx">Register Here</a>
                            </p>
                        </div>
                        <div class="solidRoundedBot">
                            <div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Panel>
<asp:Panel ID="pnlHorizontalWide" runat="server" DefaultButton="btnHorWideLogin">
    <!-- start PanelSubpanelBlue template -->
    <div id="gray" class="roundedTopLeft">
        <div id="gray" class="roundedTopRight">
            <div id="gray" class="roundedBotRight">
                <div id="gray" class="roundedBotLeft">
                    <div style="font-size: small; font-weight: bold">
                        <%= strSectionTitle %> &nbsp;&nbsp;&nbsp;<a href="../customers/support.aspx?SupportArticleID=1085"
                            style="font-size: smaller; font-weight: normal" target="_blank">What's This?</a></div>
                    <div class="solidRoundedBlue">
                        <div class="solidRoundedTop">
                            <div>
                            </div>
                        </div>
                        <div id="Div14">
                            <div id="Div15" class="noHeader">
                                <!-- begin content area -->
                                <table width="100%">
                                    <tr valign="top">
                                        <td style="text-align: left; background-color: #D9E4EE; width:50%">
                                            <table cellspacing="10">
                                                <tr valign="top">
                                                    <td style="text-align: left; background-color: #D9E4EE">
                                                        I have an existing username and password<br />
                                                        <div style="color:red">*Required Fields</div></td>
                                                    <td rowspan="6" style="background-color: #D9E4EE; width:4px">&nbsp;</td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; text-align:left">
                                                        <asp:Label runat="server" ID="lblStatus" style="color:red"></asp:Label>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; padding-left:25px">
                                                        <font color="red">*</font> Username:<br />
                                                        <asp:TextBox ID="txtHorWideUserName" runat="server" MaxLength="64" TabIndex="10000"/>
                                                        <a href="../customers/support.aspx?SupportArticleID=1085#ID">Forgot Username?</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; padding-left:25px">
                                                        <font color="red">*</font> Password:<br />
                                                        <asp:TextBox ID="txtHorWidePassword" runat="server" TextMode="Password" MaxLength="20" TabIndex="10001" />
                                                        <a href="../Order/CBForgot.aspx">Forgot Password?</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: left; background-color: #D9E4EE; padding-left:25px; height:24px">
                                                        <label class="small"><asp:CheckBox ID="chkHorWideRememberMe" runat="server" tabindex="10002" />Remember Me</label>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; text-align:center">
                                                        <asp:LinkButton ID="btnHorWideLogin" runat="server" tabindex="10003" CausesValidation="true" ValidationGroup="Login" >
                                                            <img src="../images/login_but_blue.jpg" alt="Log In" /></asp:LinkButton>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; text-align:center">
                                                        You are allowed <%= Application("MYACCOUNT_LOGIN_FAILED_ATTEMPT_MAX_COUNT") %> total attempts before your access will be temporarily locked.
                                                    </td>
                                                </tr>                                                
                                            </table>
                                        </td>
                                        <td style="border-left:solid 1px gray; background-color: #D9E4EE">&nbsp;</td>
                                        <td style="text-align: left; background-color: #D9E4EE; width:50%">
                                            <table cellspacing="10">
                                                <tr valign="top">
                                                    <td rowspan="6" style="background-color: #D9E4EE; width:10px">&nbsp;</td>
                                                    <td style="text-align: left; background-color: #D9E4EE">
                                                        Don't have an Online Account?<br />
                                                        <div style="color:red">*Required Fields</div></td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; text-align:left">
                                                        <asp:ValidationSummary runat="server" ID="ValidationSummary2" ValidationGroup="Register" HeaderText="<img src='../Images/error-icon_small.gif' /><b>Security Code</b> and <b>Account Number</b> are required." DisplayMode="List" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; padding-left:25px">
                                                        <font color="red">*</font> Security Code:<br />
                                                        <asp:TextBox ID="txtHorWideSecurityCode" runat="server" MaxLength="64" TabIndex="11000" onkeypress="numericOnly(event)"/>
                                                        <a href="../customers/support.aspx?SupportArticleID=37#security" target="_blank">What's This?</a>
                                                        <asp:RequiredFieldValidator runat="server" ID="rfvSecurityCode" ErrorMessage="" SetFocusOnError="True" 
                                                            ControlToValidate="txtHorWideSecurityCode" Display="none" Text="" ValidationGroup="Register"></asp:RequiredFieldValidator>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; padding-left:25px">
                                                        <font color="red">*</font> Account Number:<br />
                                                        <asp:TextBox ID="txtHorWideAccountNumber" runat="server" MaxLength="19" TabIndex="11001" onkeypress="numericOnly(event)"/>
                                                        <asp:RequiredFieldValidator runat="server" ID="rfvAccountNumber" ErrorMessage="" SetFocusOnError="True" 
                                                            ControlToValidate="txtHorWideAccountNumber" Display="none" Text="" ValidationGroup="Register"></asp:RequiredFieldValidator>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: left; background-color: #D9E4EE; padding-left:25px; height:24px">&nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; text-align:center">
                                                        <asp:LinkButton ID="btnRegister" runat="server" tabindex="11004" CausesValidation="true" ValidationGroup="Register" >
                                                            <img src="../images/registerhere_but_blue.jpg" alt="Register Here" /></asp:LinkButton>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                                <!-- end content area -->
                            </div>
                        </div>
                        <div class="solidRoundedBot">
                            <div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><br />
    <table style="width:100%; line-height:12px; font-size:11px" width="90%">
        <tr>
            <td style="padding-left:27px" width="45%">
                <a href="../customers/support.aspx?SupportArticleID=1085#able" target="_blank">My Account Features</a><br />
                <table>
                    <tr>
                        <td>-</td><td>Create and Manage E-mail Accounts/Web Space</td>
                    </tr>
                    <tr>
                        <td>-</td><td>Manage Account Settings</td>
                    </tr>
                    <tr>
                        <td>-</td><td>Download and Manage Charter Security Suite</td>
                    </tr>                                                                                                                                                                                               
                </table> 
            </td>
            <td style="padding-left:54px" width="55%">
                <a href="../customers/support.aspx?SupportArticleID=1342#epayoptions" target="_blank">Charter ePay Benefits</a><br />
                <table>
                    <tr>
                        <td>-</td><td>Change the way you receive your bills</td>
                    </tr>
                    <tr>
                        <td>-</td><td>View Statements</td>
                    </tr>
                    <tr>
                        <td>-</td><td>Manage or make payments</td>
                    </tr>
                    <tr>
                        <td>-</td><td>View Recent Activity</td>
                    </tr>
                    <tr>
                        <td>-</td><td>Telephone Call Usage Details</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!-- end PanelSubpanelBlue template -->
</asp:Panel>

<asp:Panel ID="pnlAttemptLimitReached" runat="server" Visible="false">&nbsp;<br />
    <!-- start PanelSubpanelBlue template -->
    <div id="gray" class="roundedTopLeft">
        <div id="gray" class="roundedTopRight">
            <div id="gray" class="roundedBotRight">
                <div id="gray" class="roundedBotLeft">
                    <div style="font-size: small; font-weight: bold">
                        <%= strSectionTitle %> &nbsp;&nbsp;&nbsp;<a href="../customers/support.aspx?SupportArticleID=1085"
                            style="font-size: smaller; font-weight: normal" target="_blank">What's This?</a></div>
                    <div class="solidRoundedBlue">
                        <div class="solidRoundedTop">
                            <div>
                            </div>
                        </div>
                        <div id="Div20">&nbsp;<br />
                            <table>
                                <tr>
                                    <td style="background-color: #D9E4EE; width:50px; text-align:center">
                                        <img src="../Images/error-icon_big.GIF" alt="error" /></td>
                                    <td style="background-color: #D9E4EE">
                                        <b>You have exceeded the maximum number of <%= Application("MYACCOUNT_LOGIN_FAILED_ATTEMPT_MAX_COUNT") %> Login Attempts</b><br />
                                        For security purposes, your account has been temporarily locked.
                                        If you have forgotten your Username or Password, you may 
                                        <a href="#" onclick="javascript:window.open('../Visitors/chatlive.aspx?Chattype=BILLING','_charter_chat','width=550,height=660,left=50,top=15')">Chat Live</a> 
                                        or call 1-888-438-2427 for further assistance.</td>
                                </tr>
                                <tr>
                                    <td style="background-color: #D9E4EE; text-align:center" colspan="2">&nbsp;<br /><br />
                                        <asp:ImageButton ID="btnLogin" runat="server" CausesValidation="false" ImageUrl="../Images/login_but_blue.jpg" />
                                    </td>
                                </tr>
                            </table>&nbsp;<br />
                        </div>
                        <div class="solidRoundedBot">
                            <div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><br />
</asp:Panel>
<asp:Panel ID="pnlMSLoginIsUnavailable" runat="server" Visible="false">&nbsp;<br />
    <!-- start Login Unavailable Template -->
    
    <asp:Literal ID="ltrMessages" runat="server"></asp:Literal>
    
    <!-- End Login Unavailable Template -->
</asp:Panel>