<%@ Control Language="VB" AutoEventWireup="false" CodeFile="retrieveUserName.ascx.vb"
    Inherits="Controls_retrieveUserName" %>
<%@ Register Src="RetrieveUsernameStep1.ascx" TagName="RetUnameStep1" TagPrefix="uc" %>
<%@ Register Src="RetrieveUsernameStep2.ascx" TagName="RetUnameStep2" TagPrefix="uc" %>
<%@ Register Src="RetrieveUsernameStep4.ascx" TagName="RetUnameStep4" TagPrefix="uc" %>
<%@ Register Src="CustomContent.ascx" TagName="CustomContent" TagPrefix="uc" %>
<asp:Panel ID="PanelV3" runat="server">

    <script type="text/JavaScript">

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

        function hideRoundBox() {
            document.getElementById("summaryBox").className = "HideValidationSummaryBox";
        }
       
    </script>

    <asp:Panel ID="pnlMyAccountV3" runat="server" Visible="true">
        <%-- <!-- the following div (summaryBox) must be there to display the rounded border and must not have any space after it -->--%>
        <table border="0" cellspacing="4px">
            <tr>
                <td>
                    <div class="sectionName2">
                        Forgot Username and/or Password</div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <uc:CustomContent ID="ucIntroText" runat="server" 
                        ContentKey="myaccount:retuname:introtext" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div id="summaryBox">
                        <asp:Label ID="lblStatusV3" runat="server" Style="color: red"></asp:Label>
                        <asp:Label ID="lblSuccessStatus" runat="server" Visible="false"></asp:Label>
                    </div>
                </td>
            </tr>
            <tr>
                <td width="75%" valign="top" style="padding-left: 10px">
                    <%-- <!-- login column left -->--%>
                    <div style="font-size: 14px;  margin-left: 10px; font-weight: bold;"><%=strSectionTitleV3%></div>
                    
                    <div id="divForgotUserName" runat="server">
                        <span id="spnrequired" runat="server" style="line-height: 2em;">
                            <font color="red">*Required Fields</font>
                        </span>
                        
                        <%-- <!-- [content area] --> --%>
                        <asp:Panel ID="pnlFirstStepPanel" runat="server" 
                            DefaultButton="btnContinue" Visible="false">
                            <uc:RetUnameStep1 ID="ucStep1" runat="server" />
                        </asp:Panel>
                        <asp:Panel ID="pnlSecondStepPanel" runat="server" 
                            DefaultButton="btnContinue" Visible="false">
                            <uc:RetUnameStep2 ID="ucStep2" runat="server" />
                        </asp:Panel>
                        <asp:Panel ID="pnlFourthStepPanel" runat="server" 
                            DefaultButton="btnContinue" Visible="false">
                            <uc:RetUnameStep4 ID="ucStep4" runat="server" />
                        </asp:Panel>
                        <br />
                        <div align="center">
                            <asp:ImageButton ID="btnContinue" runat="server" 
                                ImageUrl="../CMS_Images/submit.ccom" />
                            &nbsp;&nbsp;
                            <asp:ImageButton ID="btnReset" runat="server" 
                                ImageUrl="../CMS_Images/cancel.ccom" />
                        </div>
                        <%-- <!-- [content area] --> --%>
                    </div>
                    <%-- <!-- login column left ends -->--%>
                </td>
                <td width="200px">
                    <%--!-- Tips Content Right Column -->--%>
                    <div style="margin-top: 10px; width: 280px" class="xsnazzy" 
                        id="tipTop" runat="server">
                        <div class="xtop">
                            <div class="xb1"></div>
                            <div class="xb2"></div>
                            <div class="xb3"></div>
                            <div class="xb4"></div>
                        </div>
                        <div class="xboxcontent" id="tipsDiv" runat="server">
                            <uc:CustomContent ID="ucTips" runat="server" 
                                ContentKey="myaccount:retuname:Tips" />
                        </div>
                        <div class="xbottom" id="tipBottom" runat="server">
                            <div class="xb4"></div>
                            <div class="xb3"></div>
                            <div class="xb2"></div>
                            <div class="xb1"></div>
                        </div>
                    </div>
                    <%--!-- Tips Content Right Column Ends -->--%>
                </td>
            </tr>
        </table>
    </asp:Panel>
    <asp:Panel ID="pnlAttemptLimitReached" runat="server" Visible="false">
        <asp:Literal ID="pnlAttemptLimitReachedCustomContent" runat="server"></asp:Literal>
    </asp:Panel>
</asp:Panel>