<%@ Page Language="VB" MasterPageFile="~/Home.master" AutoEventWireup="false" CodeFile="Forgot.aspx.vb"
    Inherits="Visitors_Forgot" Title="Charter Communications - Forgot Username & Password" %>

<%@ Register Src="../Controls/HelpfulLinks.ascx" TagName="HelpfulLink" TagPrefix="uc" %>
<%@ Register Src="../Controls/BrowseSupport.ascx" TagName="BrowseSupport" TagPrefix="uc" %>
<%@ Register Src="../Controls/CustomContent.ascx" TagName="CustomContent" TagPrefix="uc" %>
<%@ Register Src="../Controls/ContactUsASA.ascx" TagName="ContactUsASA" TagPrefix="uc" %>

<asp:Content ContentPlaceHolderID="ContentPlaceHolderForStyleSheet" ID="StyleSheetContentID"
    runat="server">
    <link id="LinkContentStyleSheet2" href="../styles/charterNew.css" rel="stylesheet"
        type="text/css" />
    <link id="Link5" href="../css/charter_myaccount.css" rel="stylesheet" type="text/css" />
    <link id="Link4" href="../css/charter_support_2.css" rel="stylesheet" type="text/css"
        runat="server" />    
    <script src="../js/prototype-1.5.1.2.js" type="text/javascript"></script>
     
    <script type="text/JavaScript">

  window.onload = function()
  {
        var myBoxObject = new curvyCorners(settings, "ValidationSummary");
        myBoxObject.applyCornersToAll();
        
   }

function hideRoundBox()
  {
      document.getElementById ("summaryBox").className = "HideValidationSummaryBox"; 
  }

    </script>
            
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderHome" runat="Server">
    <asp:Panel ID="panelNew" Visible="true" runat="server">
        <div id="Div1" class="content" runat="server">
            <!-- body content -->
            <div class="bodyContent">
                <div class="xsnazzy" style="width: 690px;" id="myAccountWrapper">
                    <div class="xtop">
                        <div class="xb1">
                        </div>
                        <div class="xb2 color_a">
                        </div>
                        <div class="xb3 color_a">
                        </div>
                        <div class="xb4 color_a">
                        </div>
                    </div>
                    <div class="xboxcontent">
                        <div class="tabHeader">
                            <h1>
                                My Account</h1>
                        </div>
                        <!-- there should be no space between summarBox div and the asp:label -->
                        <!-- the following div (summaryBox) must be there to display the rounded border and must not have any space after it -->
                    <div id="summaryBox" style="padding-left:10px;"><asp:Label runat="server" ID="lblStatusV3" Style="color: red;"></asp:Label></div>                              
                    <!-- content starts -->
                        <div id="maincontentbox" class="contentBox" runat="server">
                            <!-- all content panels goes under this div -->
                            <asp:Panel ID="pnlForgotten" runat="server" Visible="false" DefaultButton="btnSubmit">
                                <!-- intro text -->
                                <uc:CustomContent ID="CustomContent1" ContentKey="myaccount:login:ForgotPassword"
                                    runat="server" />
                                <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top: 10px;
                                    line-height: 22px; margin-left: 20px;">
                                    <tr>
                                        <td width="26%" valign="top" style="text-align:right; vertical-align:top;">
                                            <font color="red">*</font><strong>Username</strong>&nbsp;</td>
                                        <td style="vertical-align: top;">
                                            <asp:TextBox ID="txtUserName" runat="server" Width="200px" TabIndex="10001" Style="padding-left: 1px"></asp:TextBox>
                                            &nbsp;<a href="../order/retrieveusername.aspx">Forgot Username?</a></td>
                                    </tr>
                                    <tr>
                                        <td width="26%" valign="top">
                                        </td>
                                        <td style="vertical-align: top;" style="text-align:left;" >
                                            <asp:RegularExpressionValidator ID="vldUserNameSpecialChar" runat="server" ControlToValidate="txtUserName"
                                                ErrorMessage="The only special characters allowed for <b>Username</b> are .(dot), -(dash) or _(underscore)."
                                                Text="<b>Username</b> is a required field." Display="Dynamic" ValidationGroup="Forgotten"
                                                ValidationExpression="^[a-zA-Z0-9._-]+$"></asp:RegularExpressionValidator>
                                            <asp:RequiredFieldValidator ID="vldUserNameRequired" runat="server" Text="" ValidationGroup="Forgotten"
                                                ControlToValidate="txtUserName" Display="Dynamic" ErrorMessage="<b>Username</b> is a required field."></asp:RequiredFieldValidator>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td width="26%" valign="top" style="vertical-align: top; text-align:right;">
                                            <font color="red">*</font><strong>Security Question</strong>&nbsp;
                                        </td>
                                        <td style="vertical-align: top;">
                                            <asp:DropDownList ID="ddlQuestion" runat="server" Width="205px" TabIndex="10002">
                                                <asp:ListItem Text="Choose One..." Value="0"></asp:ListItem>
                                            </asp:DropDownList>
                                            &nbsp;<a href="http://www.charter.com/customers/support.aspx?SupportArticleID=1934"
                                                target="_blank">Why do I need one?</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="26%" valign="top" style="vertical-align: top;">
                                        </td>
                                        <td style="vertical-align: top;" style="text-align:left;" >
                                            <asp:RequiredFieldValidator ID="vldQuestionRequired" runat="server" ControlToValidate="ddlQuestion"
                                                InitialValue="0" Display="Dynamic" ErrorMessage="Please select a <b>Security Question</b>."></asp:RequiredFieldValidator>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td width="26%" valign="top" style="text-align:right;">
                                            <font color="red">*</font><strong>Security Answer</strong>&nbsp;
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtAnswer" runat="server" Width="200px" TabIndex="10003" Style="padding-left: 1px"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="26%" valign="top">
                                            &nbsp;</td>
                                        <td  valign="top" style="text-align:left;" nowrap>
                                            <asp:RequiredFieldValidator ID="vldAnswerRequired" runat="server" Text="" ValidationGroup="Forgotten"
                                                ControlToValidate="txtAnswer" Display="Dynamic" ErrorMessage="Please enter a <b>Security Answer</b> to the <b>Security Question</b>."></asp:RequiredFieldValidator>&nbsp;</td>
                                    </tr>
                                    <asp:Panel ID="pnlZipVerification" runat="server" Visible="false" DefaultButton="btnSubmit">
                                        <tr>
                                            <td width="26%" style="text-align:right;" valign="top" >
                                                <font color="red">*</font><strong>Service Address Zip Code</strong>&nbsp;
                                            </td>
                                            <td>
                                                <asp:TextBox ID="txtZipCode" runat="server" Width="200px" TabIndex="10004" Style="padding-left: 1px"></asp:TextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="26%">
                                                &nbsp;</td>
                                            <td nowrap style="text-align:left;">
                                                <asp:RequiredFieldValidator ID="vldZipCodeRequired1" runat="server" ControlToValidate="txtZipCode"
                                                    ErrorMessage="<b>Zip Code</b> should be 5 characters in length." Display="Dynamic"
                                                    SetFocusOnError="True" ValidationGroup="Forgotten" />
                                                <asp:RegularExpressionValidator ID="vldZipCodeRegEx1" runat="server" ControlToValidate="txtZipCode"
                                                    ErrorMessage="<b>Zip Code</b> should be 5 characters in length." Display="Dynamic"
                                                    SetFocusOnError="True" ValidationExpression="\d{5}(-\d{4})?" ValidationGroup="Forgotten"></asp:RegularExpressionValidator>&nbsp;</td>
                                        </tr>
                                    </asp:Panel>
                                    <tr>
                                        <td width="26%">
                                            &nbsp;</td>
                                        <td style="vertical-align: top;">
                                            <asp:ImageButton ID="btnSubmit" runat="server" CausesValidation="true" ImageUrl="../Images/submit.ccom"
                                                OnClientClick="hideRoundBox()" TabIndex="10005" ValidationGroup= />
                                            &nbsp;&nbsp;&nbsp; <asp:ImageButton ID="btnCancel" runat="server" ImageUrl="cancel.ccom" AlternateText="Cancel"
                                                PostBackUrl="~/order/login.aspx" TabIndex="10006"/>
                                            
                                        </td>
                                    </tr>
                                </table>
                            </asp:Panel>
                            <asp:Panel ID="pnlReset" runat="server" Visible="true" DefaultButton="btnResetPwd">
                                <uc:CustomContent ID="CustomContent2" ContentKey="myaccount:login:UpdatePassword"
                                    runat="server" />
                                <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top: 10px;
                                    line-height: 22px; margin-left: 20px;">
                                    <tr>
                                        <td width="26%" nowrap style="text-align:right;">
                                            <font color="red">*</font><strong>New Password</strong>&nbsp;
                                        </td>
                                        <td nowrap>
                                            <asp:TextBox ID="txtPwd" runat="server" Width="200px" TextMode="Password" Style="padding-left: 1px"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="26%" nowrap>
                                            &nbsp;</td>
                                        <td nowrap style="text-align:left;" >
                                            <asp:RegularExpressionValidator ID="vldPasswordSpecialChar" runat="server" ControlToValidate="txtPwd"
                                                ErrorMessage="<b>Password</b> does not allow \(back slash) or &quot;(quotes).<br>"
                                                Text="" Display="Dynamic" ValidationExpression="^[^\\^&quot;]*$" 
                                                ValidationGroup="Reset"></asp:RegularExpressionValidator>
                                            <asp:RequiredFieldValidator ID="vldPwdRequired" runat="server" Text="" ValidationGroup="Reset"
                                                ControlToValidate="txtPwd" Display="Dynamic" 
                                                ErrorMessage="<b>Password</b> is a required field.<br>"></asp:RequiredFieldValidator>               
                                            <asp:RegularExpressionValidator runat="server" ID="revLength" ControlToValidate="txtPwd" 
												Display="Dynamic" ErrorMessage="Password Required. 8-20 characters in length.<br>" 
												ForeColor="Red" ValidationGroup="Reset" 
												ValidationExpression=".{8,20}"></asp:RegularExpressionValidator>

											<asp:RegularExpressionValidator runat="server" ID="revNumber" ControlToValidate="txtPwd" 
												Display="Dynamic" ForeColor="Red" Text="Password must contain at least one number.<br>"
												ValidationExpression=".*[0-9]+.*" ValidationGroup="Reset"></asp:RegularExpressionValidator>

											<asp:RegularExpressionValidator runat="server" ID="revUppercase" ControlToValidate="txtPwd" 
												Display="Dynamic" ForeColor="Red" Text="Password must contain at least one uppercase letter.<br>"
												ValidationExpression=".*[A-Z]+.*" ValidationGroup="Reset"></asp:RegularExpressionValidator>

											<asp:RegularExpressionValidator runat="server" ID="revLowercase" ControlToValidate="txtPwd" 
												Display="Dynamic" ForeColor="Red" Text="Password must contain at least one lowercase letter.<br>"
												ValidationExpression=".*[a-z]+.*" ValidationGroup="Reset"></asp:RegularExpressionValidator>                           
                                            &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td width="26%" nowrap style="text-align:right;">
                                            <font color="red">*</font><strong>Type New Password Again</strong>&nbsp;
                                        </td>
                                        <td nowrap>
                                            <asp:TextBox ID="txtConfirmPwd" runat="server" Width="200px" TextMode="Password"
                                                Style="padding-left: 1px"></asp:TextBox>
                                               </td>
                                    </tr>
                                    <tr>
                                        <td width="26%">
                                            &nbsp;</td>
                                        <td style="text-align:left;" nowrap>
                                            <asp:RegularExpressionValidator ID="vldPassword2SpecialChar" runat="server" ControlToValidate="txtConfirmPwd"
                                                ErrorMessage="<b>Confirm Password</b> does not allow \(back slash) or &quot;(quotes)."
                                                Text="" Display="Dynamic" ValidationExpression="^[^\\^&quot;]*$"></asp:RegularExpressionValidator>
                                            <asp:RequiredFieldValidator ID="vldConfirmPwdRequired" runat="server" Text="" ValidationGroup="Reset"
                                                ControlToValidate="txtConfirmPwd" Display="Dynamic" ErrorMessage="<b>Confirm Password</b> is a required field."></asp:RequiredFieldValidator>
                                            <asp:CompareValidator ID="vldPasswordCompare" runat="server" Text="" ControlToCompare="txtPwd"
                                                ControlToValidate="txtConfirmPwd" Display="Dynamic" ErrorMessage="<b>Confirm Password</b> does not match <b>Password</b>."></asp:CompareValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="26%">
                                            &nbsp;</td>
                                        <td>
                                            <asp:ImageButton ID="btnResetPwd" runat="server" CausesValidation="true" ImageUrl="../Images/submit.ccom"
                                                OnClientClick="hideRoundBox()" />
                                        </td>
                                    </tr>
                                </table>
                            </asp:Panel>
                            <asp:Panel ID="pnlConfirm" runat="server" Visible="false">
                                <uc:CustomContent ID="CustomContent3" ContentKey="myaccount:login:ConfirmPasswordChange"
                                    runat="server" />
                            </asp:Panel>
                            <asp:Panel ID="pnlAttemptLimitReached" runat="server" Visible="false">
                                &nbsp;<br />
                                <table width="85%">
                                    <tr>
                                        <td colspan="2">
                                            <asp:Literal ID="pnlAttemptLimitReachedCustomContent" runat="server" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="text-align: center" colspan="2">
                                            <br />
                                            <asp:ImageButton ID="btnLogin" runat="server" CausesValidation="false" ImageUrl="myAccLogin.ccom"
                                                OnClientClick="hideRoundBox()" />
                                        </td>
                                    </tr>
                                </table>
                                &nbsp;<br />
                            </asp:Panel>
                            <!-- end content area -->
                        </div>
                        <!-- content ends -->
                    </div>
                    <div class="xbottom">
                        <div class="xb4">
                        </div>
                        <div class="xb3">
                        </div>
                        <div class="xb2">
                        </div>
                        <div class="xb1">
                        </div>
                    </div>
                </div>
            </div>
            <!-- body content -->
        </div>
        <!-- login panel col ends -->
    </asp:Panel>
</asp:Content>

<asp:Content ID="content3" ContentPlaceHolderID="ContentPlaceHolderRightColumn" runat="server">
    <uc:BrowseSupport ID="BrowseSupport1" runat="server" isNewPanel="true" Productategory="MyAccount" />
    <br />
    <uc:ContactUsASA ID="ContactUsASA1" runat="server" />
</asp:Content>