This is a migrated thread and some comments may be shown as answers.

Problem with Rad ajax panel

1 Answer 63 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
ritesh
Top achievements
Rank 1
ritesh asked on 22 Aug 2011, 12:52 PM
Hi,

   I am new for telerik controls. And first time i am using these controls in my project. the main problem that i am facing is with rad ajax control. I want the ajax control to point out on one panel but it is showing some where else. Eg. i am using rad tab controls with rad multiview page control. Now i want the ajax panel to come above multipage control. But it is not coming. It is coming on the top of my website page and if i am modifying it then it is coming below and between tab and multiview control.

    So please suggest me how exactly we use rad ajax panel control. I am giving my code below. Please check it and resolve my problem.



<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="left-panel">
        <div class="back-to-listings">
            <a href="../../inner/home.aspx" title="Home">Home</a><span>&gt;</span> <a href="../../mysfl/summary/summary.aspx"
                title="My SFL">My&nbsp;SFL</a><span>&gt;</span> My Account
        </div>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="up1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="up1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <%--<telerik:AjaxSetting AjaxControlID="RadTabStrip1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
                        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="RadMultiPage1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>--%>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel Skin="Vista" ID="RadAjaxLoadingPanel1" EnableSkinTransparency="true"
            BackgroundPosition="Center" runat="server" />
        <asp:Panel ID="up1" runat="server">
            <div class="recent">
                <p>
                    What would you like to update?</p>
            </div>
            <telerik:RadTabStrip runat="server" Skin="Default" ID="RadTabStrip1" SelectedIndex="0"
                MultiPageID="RadMultiPage1">
                <Tabs>
                    <telerik:RadTab Text="Account Information" ToolTip="Account Information">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Profile" ToolTip="Profile" SelectedIndex="0">
                        <Tabs>
                            <telerik:RadTab Text="Basic Info">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Contact Info">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Work Exp">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Services Offered">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Other Info">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Transactions">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Broker">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTab>
                    <telerik:RadTab Text="Billing Information" ToolTip="Billing Information" SelectedIndex="0">
                        <Tabs>
                            <telerik:RadTab Text="Subscription">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Membership">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Billing">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Transaction">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Payment Schedule">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTab>
                    <telerik:RadTab Text="PPC Statistics" ToolTip="PPC Statistics">
                    </telerik:RadTab>
                    <telerik:RadTab Text="SMS Statistics" ToolTip="SMS Statistics">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
                <telerik:RadPageView ID="RadPageView1" runat="server">
                    <br />
                    <asp:Panel ID="panel3" runat="server">
                        <div class="curve-box-black">
                            <div class="curve-bar-top">
                                <div class="right-top">
                                </div>
                                <div class="left-top">
                                </div>
                            </div>
                            <div class="right-line">
                                <div class="left-line">
                                    <div class="my-acc-wrapper">
                                        <div class="record">
                                            <span class="title">Current&nbsp;Email:</span><span class="desc1"><b>arash@8121vn.com&nbsp;(Subscribed)</b></span>
                                            <div class="change-acc-setting" id="divChangeEmail">
                                                <div class="change-email">
                                                    <div class="login-info">
                                                        Login Information
                                                    </div>
                                                    <table cellpadding="0" cellspacing="0">
                                                        <tr>
                                                            <td align="left" valign="top">
                                                                <span class="star">*</span>&nbsp;Email Address:
                                                            </td>
                                                            <td align="left" valign="top">
                                                                <asp:TextBox ID="txtEmail1" runat="server"></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left" valign="top">
                                                                <span class="star">*</span>&nbsp;Confirm Email Address:
                                                            </td>
                                                            <td align="left" valign="top">
                                                                <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left" valign="top">
                                                                <span class="star">*</span>&nbsp;Password:
                                                            </td>
                                                            <td align="left" valign="top">
                                                                <telerik:RadTextBox runat="server" ID="RadTextBox1" TextMode="Password">
                                                                    <PasswordStrengthSettings ShowIndicator="true" />
                                                                </telerik:RadTextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left" valign="top">
                                                                <span class="star">*</span>&nbsp;Confirm Password:
                                                            </td>
                                                            <td align="left" valign="top">
                                                                <asp:TextBox ID="TextBox27" runat="server" TextMode="Password" CssClass="password"></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <div>
                                                        <asp:ImageButton ID="btnSubmit" runat="server" ToolTip="Update" AlternateText="Submit"
                                                            ImageUrl="~/images/mysfl/update.png" CssClass="submit-img" /></div>
                                                </div>
                                                <div class="email-settings">
                                                    <div class="login-info-2">
                                                        Email Subscription Preferences
                                                    </div>
                                                    <div class="email-settings-content">
                                                        <asp:CheckBox ID="chk1" runat="server" Text="&nbsp;SFL Newsletter." /><br />
                                                        <br />
                                                        <asp:CheckBox ID="CheckBox1" runat="server" Text="&nbsp;Watch List alerts." Checked="true" /><br />
                                                        <br />
                                                        <asp:CheckBox ID="CheckBox2" runat="server" Text="&nbsp;Listing Activity Summary."
                                                            Checked="true" CssClass="float-left" /><br />
                                                        <br />
                                                        <asp:CheckBox ID="CheckBox22" runat="server" Text="&nbsp;SFL Promotions." Checked="true"
                                                            CssClass="float-left" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="curve-bar-down">
                                <div class="right-down">
                                </div>
                                <div class="left-down">
                                </div>
                            </div>
                        </div>
                    </asp:Panel>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView2" runat="server" CssClass="pageViewEducation">
                    <br />
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView3" runat="server">
                    <br />
                    <div id="tbl11" class="full-tab">
                        <div class="basic-info">
                            <div class="basic-info-title">
                                <table cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;Name:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="txtFirstName" runat="server">&nbsp;Arash</asp:TextBox>
                                            <asp:TextBox ID="txtLastName" runat="server">&nbsp;Kashani</asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;Primary Role:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:DropDownList ID="ddlpri" runat="server">
                                                <asp:ListItem>Broker/Agent</asp:ListItem>
                                                <asp:ListItem>Tenant</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;Online Bio:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="TextBox7" runat="server">&nbsp;Property Manager</asp:TextBox>
                                            <p class="small-text">
                                                140 character limit.</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Company Name:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="txtcname" runat="server" Text="&nbsp;Van Nuys Associates"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            City:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="TextBox32" runat="server">&nbsp;Panorama City</asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            State:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:DropDownList ID="DropDownList3" runat="server">
                                                <asp:ListItem>--Select State--</asp:ListItem>
                                                <asp:ListItem>Albama</asp:ListItem>
                                                <asp:ListItem>Colorado</asp:ListItem>
                                                <asp:ListItem>Delaware</asp:ListItem>
                                                <asp:ListItem>Florida</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Zip Code:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="TextBox33" runat="server" CssClass="width">&nbsp;91402</asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Country:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:DropDownList ID="DropDownList4" runat="server">
                                                <asp:ListItem>United States</asp:ListItem>
                                                <asp:ListItem>Canada</asp:ListItem>
                                                <asp:ListItem>Mexico</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            About Me:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="txtaboutme" runat="server" TextMode="MultiLine" CssClass="txt-about-me">Lorem Ipsum is simply dummy text of the printing and typesetting industry</asp:TextBox>
                                            <p class="small-text">
                                                5000 character limit.</p>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="info-save">
                        <div class="required1">
                            <span class="star">*</span>&nbsp;Mandatory&nbsp;Fields
                            <asp:ImageButton ID="ImageButton9" runat="server" AlternateText="Save" ToolTip="Save"
                                ImageUrl="~/images/mysfl/update.png" CssClass="imgss float-right" />
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView4" runat="server">
                    <br />
                    <div id="tbl21" class="full-tab">
                        <div class="contact-info">
                            <div class="contact-info-title">
                                <table cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td align="right" valign="top">
                                            <span>Company&nbsp;Address:</span>
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:TextBox ID="txtLine1" runat="server" CssClass="contact-info-input-company" TextMode="MultiLine">&nbsp;8121 Van Nuys Blvd</asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="middle">
                                            <span class="star">*</span>&nbsp;City:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:TextBox ID="TextBox8" runat="server" CssClass="contact-info-tb">&nbsp;Paranoma City</asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;State:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:DropDownList ID="DropDownList2" runat="server">
                                                <asp:ListItem>California</asp:ListItem>
                                                <asp:ListItem>Colorado</asp:ListItem>
                                                <asp:ListItem>Delaware</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;Country:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:DropDownList ID="ddlCountry" runat="server">
                                                <asp:ListItem>United States</asp:ListItem>
                                                <asp:ListItem>California</asp:ListItem>
                                                <asp:ListItem>Mexico</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;Zip&nbsp;Code:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:TextBox ID="TextBox9" runat="server" CssClass="contact-info-tb">&nbsp;91402</asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;Day&nbsp;Phone:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:TextBox ID="TextBox10" runat="server" CssClass="dayphone">818</asp:TextBox>&nbsp;-
                                            <asp:TextBox ID="TextBox11" runat="server" CssClass="dayphone">943</asp:TextBox>&nbsp;-
                                            <asp:TextBox ID="TextBox12" runat="server" CssClass="dayphone">2170</asp:TextBox>&nbsp;Ext
                                            <asp:TextBox ID="TextBox13" runat="server" CssClass="dayphone"></asp:TextBox><br />
                                            <asp:CheckBox ID="CheckBox3" runat="server" Checked="true" Text="&nbsp;Display phone number on my SFL profile"
                                                CssClass="contact-info-cb" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Website URL:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:TextBox ID="TextBox14" runat="server" CssClass="contact-info-tb">&nbsp;Lorem Ipsum</asp:TextBox>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="info-save">
                        <div class="required1">
                            <span class="star">*</span>&nbsp;Mandatory&nbsp;Fields
                            <asp:ImageButton ID="ImageButton10" runat="server" AlternateText="Save" ToolTip="Save"
                                ImageUrl="~/images/mysfl/update.png" CssClass="imgss float-right" />
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView5" runat="server">
                    <br />
                    <div id="tbl31" class="full-tab">
                        <div class="work-exp">
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td align="right" valign="top">
                                        Occupation:
                                    </td>
                                    <td align="left" valign="top" class="work-exp-description">
                                        <asp:TextBox ID="txtCurrent" runat="server">&nbsp;Lorem Ipsum</asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" valign="top">
                                        <span class="star">*</span>&nbsp;Primary&nbsp;Role:
                                    </td>
                                    <td align="left" valign="top" class="work-exp-description">
                                        <asp:DropDownList ID="ddlRole" runat="server">
                                            <asp:ListItem>Broker/Agent</asp:ListItem>
                                            <asp:ListItem>Developer</asp:ListItem>
                                            <asp:ListItem>Tenant</asp:ListItem>
                                        </asp:DropDownList>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" valign="top">
                                        License:
                                    </td>
                                    <td align="left" valign="top" class="work-exp-description">
                                        <asp:TextBox ID="TextBox15" runat="server">&nbsp;6951568</asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" valign="top">
                                        Work&nbsp;Experience:
                                    </td>
                                    <td align="left" valign="top" class="work-exp-description-2">
                                        <asp:TextBox ID="TextBox16" runat="server" TextMode="MultiLine" CssClass="txt-work-exp-edu">&nbsp;Lorem Ipsum is simply dummy text of the printing &nbsp;and typesetting industry</asp:TextBox>
                                        <p class="small-text">
                                            5000 character limit.</p>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" valign="top">
                                        Education:
                                    </td>
                                    <td align="left" valign="top" class="work-exp-description-2">
                                        <asp:TextBox ID="TextBox17" runat="server" TextMode="MultiLine" CssClass="txt-work-exp-edu">&nbsp;Lorem Ipsum is simply dummy text of the printing &nbsp;and typesetting industry</asp:TextBox>
                                        <p class="small-text">
                                            5000 character limit.</p>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="info-save">
                        <div class="required1">
                            <span class="star">*</span>&nbsp;Mandatory&nbsp;Fields
                            <asp:ImageButton ID="ImageButton11" runat="server" AlternateText="Save" ToolTip="Save"
                                ImageUrl="~/images/mysfl/update.png" CssClass="imgss float-right" />
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView6" runat="server">
                    <br />
                    <div id="tbl41" class="full-tab">
                        <div class="services-offered">
                            <div class="services-offered-title">
                                <div class="property-type-2">
                                    <span class="star">*</span>&nbsp;Property&nbsp;Types:
                                    <p>
                                        &nbsp;&nbsp;&nbsp;&nbsp;(select up to 4)</p>
                                </div>
                                <div class="type-of-services">
                                    <span class="star">*</span>&nbsp;Types&nbsp;of&nbsp;Services:
                                    <p>
                                        &nbsp;&nbsp;&nbsp;&nbsp;(select up to 4)</p>
                                </div>
                            </div>
                            <div class="services-offered-description">
                                <div class="property-type-description">
                                    <table cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="chk2" runat="server" Text="&nbsp;AgriCultural" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox4" runat="server" Text="&nbsp;Health Care" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox5" runat="server" Text="&nbsp;Industrial" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox6" runat="server" Text="&nbsp;Land" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox7" runat="server" Text="&nbsp;Hotel & Motel" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox8" runat="server" Text="&nbsp;Multifamily" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox9" runat="server" Text="&nbsp;Office" Checked="true" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox10" runat="server" Text="&nbsp;Retail" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox11" runat="server" Text="&nbsp;Senior Housing" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox12" runat="server" Text="&nbsp;Special Purpose" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox13" runat="server" Text="&nbsp;Sport & Entertainment" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox14" runat="server" Text="&nbsp;Residential Income" />
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="type-of-services-description">
                                    <table cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td align="left" valign="middle" class="tdwidth">
                                                <asp:CheckBox ID="CheckBox15" runat="server" Text="&nbsp;Sale Broker" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox16" runat="server" Text="&nbsp;Seller Rep" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox17" runat="server" Text="&nbsp;Buyer Rep" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox18" runat="server" Text="&nbsp;Lease Broker" Checked="true" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox19" runat="server" Text="&nbsp;Landlord Rep" Checked="true" />
                                            </td>
                                            <td align="left" valign="middle">
                                                <asp:CheckBox ID="CheckBox20" runat="server" Text="&nbsp;Tenant Rep" Checked="true" />
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="info-save">
                        <div class="required1">
                            <span class="star">*</span>&nbsp;Mandatory&nbsp;Fields
                            <asp:ImageButton ID="ImageButton12" runat="server" AlternateText="Save" ToolTip="Save"
                                ImageUrl="~/images/mysfl/update.png" CssClass="imgss float-right" />
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView7" runat="server">
                    <br />
                    <div id="tbl51" class="full-tab">
                        <div class="details-part">
                            <div class="addtional-info">
                                <table cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td align="right" valign="top">
                                            <p>
                                                Organizations:</p>
                                        </td>
                                        <td align="left" valign="top" class="addional-info-title-td">
                                            <asp:ListBox ID="ListBox2" runat="server" SelectionMode="Multiple" CssClass="listbox">
                                                <asp:ListItem>-- None --</asp:ListItem>
                                                <asp:ListItem>Bayou Board of Realtors</asp:ListItem>
                                                <asp:ListItem>Cambridege Realty Group</asp:ListItem>
                                                <asp:ListItem>CB Richard Ellist --</asp:ListItem>
                                                <asp:ListItem>CBRE</asp:ListItem>
                                                <asp:ListItem>CCIM</asp:ListItem>
                                            </asp:ListBox>
                                            <p class="note">
                                                Note: Hold CTRL key to select up to 5 organizations</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <p>
                                                Honors&nbsp;&amp;&nbsp;Awards:</p>
                                        </td>
                                        <td align="left" valign="middle" class="addional-info-title-td">
                                            <asp:TextBox ID="TextBox18" runat="server" TextMode="MultiLine">&nbsp;Lorem Ipsum is simply dummy text of the printing &nbsp;and typesetting industry.</asp:TextBox>
                                            <p class="small-text">
                                                2500 character limit.</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <p>
                                                Interests:</p>
                                        </td>
                                        <td align="left" valign="middle" class="addional-info-title-td">
                                            <asp:TextBox ID="TextBox19" runat="server" TextMode="MultiLine">&nbsp;Lorem Ipsum is simply dummy text of the printing &nbsp;and typesetting industry.</asp:TextBox>
                                            <p class="small-text">
                                                2500 character limit.</p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top" addional-info-description-td>
                                            <p>
                                                Links:</p>
                                        </td>
                                        <td align="left" valign="middle" class="addional-info-title-td">
                                            <div class="addtional-info-links">
                                                <div class="addtional-info-links-title">
                                                    <p>
                                                        Title</p>
                                                    <asp:TextBox ID="TextBox20" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox21" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox22" runat="server"></asp:TextBox>
                                                </div>
                                                <div class="addtional-info-links-url">
                                                    <p>
                                                        Url</p>
                                                    <asp:TextBox ID="TextBox23" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox24" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox25" runat="server"></asp:TextBox>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="info-save">
                        <div class="required1">
                            <span class="star">*</span>&nbsp;Mandatory&nbsp;Fields
                            <asp:ImageButton ID="ImageButton13" runat="server" AlternateText="Save" ToolTip="Save"
                                ImageUrl="~/images/mysfl/update.png" CssClass="imgss float-right" />
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView8" runat="server">
                    <br />
                    <div id="tbl61" class="full-tab">
                        <div class="details-part">
                            <div class="addtional-info">
                                <table cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td align="right" valign="top" addional-info-description-td>
                                            <p>
                                                Transcations:</p>
                                        </td>
                                        <td align="left" valign="middle" class="addional-info-title-td">
                                            <div class="addtional-info-transactions">
                                                <p>
                                                    <b>Buyer Representation:</b></p>
                                                <p>
                                                    Enter completed transactions in which you represented a buyer.</p>
                                                <br />
                                                <div class="addtional-info-price">
                                                    <p>
                                                        <b>Property Name</b></p>
                                                    <asp:TextBox ID="TextBox58" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox59" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox60" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox61" runat="server"></asp:TextBox>
                                                </div>
                                                <div class="addtional-info-buyer">
                                                    <p>
                                                        <b>Buyer</b></p>
                                                    <asp:TextBox ID="TextBox62" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox63" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox64" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox65" runat="server"></asp:TextBox>
                                                </div>
                                                <div class="addtional-info-sqft">
                                                    <p>
                                                        <b>Sq.Ft</b></p>
                                                    <asp:TextBox ID="TextBox66" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox67" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox68" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox69" runat="server"></asp:TextBox>
                                                </div>
                                                <div class="addtional-info-property">
                                                    <p>
                                                        <b>Price</b></p>
                                                    <asp:TextBox ID="TextBox70" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox71" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox72" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox73" runat="server"></asp:TextBox>
                                                </div>
                                            </div>
                                            <div class="addtional-info-transactions">
                                                <p>
                                                    <b>Tenant Representation:</b></p>
                                                <p>
                                                    Enter completed transactions in which you represented a tenant.</p>
                                                <br />
                                                <div class="addtional-info-price">
                                                    <p>
                                                        <b>Property Name</b></p>
                                                    <asp:TextBox ID="TextBox74" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox75" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox76" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox77" runat="server"></asp:TextBox>
                                                </div>
                                                <div class="addtional-info-buyer">
                                                    <p>
                                                        <b>Buyer</b></p>
                                                    <asp:TextBox ID="TextBox78" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox79" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox80" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox81" runat="server"></asp:TextBox>
                                                </div>
                                                <div class="addtional-info-sqft">
                                                    <p>
                                                        <b>Sq.Ft</b></p>
                                                    <asp:TextBox ID="TextBox82" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox83" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox84" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox85" runat="server"></asp:TextBox>
                                                </div>
                                                <div class="addtional-info-property">
                                                    <p>
                                                        <b>Price</b></p>
                                                    <asp:TextBox ID="TextBox86" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox87" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox88" runat="server"></asp:TextBox>
                                                    <asp:TextBox ID="TextBox89" runat="server"></asp:TextBox>
                                                </div>
                                            </div>
                                            <div class="include-me">
                                                <asp:CheckBox ID="CheckBox21" runat="server" Text="&nbsp;Include me in the SFL Directory"
                                                    Checked="true" />
                                                <p>
                                                    Once checked, it may take up to 24 hours for you to appear.</p>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="info-save">
                        <div class="required1">
                            <span class="star">*</span>&nbsp;Mandatory&nbsp;Fields
                            <asp:ImageButton ID="ImageButton14" runat="server" AlternateText="Save" ToolTip="Save"
                                ImageUrl="~/images/mysfl/update.png" CssClass="imgss float-right" />
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView17" runat="server">
                    <br />
                    <div id="tbl71" class="full-tab">
                        <div class="basic-info">
                            <div class="basic-info-title">
                                <table cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;Speciality:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:DropDownList ID="DropDownList12" runat="server">
                                                <asp:ListItem>Commercial Sale</asp:ListItem>
                                                <asp:ListItem>Medical Office</asp:ListItem>
                                                <asp:ListItem>Lease</asp:ListItem>
                                                <asp:ListItem>Office Space</asp:ListItem>
                                                <asp:ListItem>Industrial</asp:ListItem>
                                                <asp:ListItem>Retail</asp:ListItem>
                                                <asp:ListItem>Other</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;Years of experience:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="TextBox30" runat="server" Text=""></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;Area of coverage:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="TextBox34" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            <span class="star">*</span>&nbsp;Highlight of notable deals within last year:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc-two">
                                            <asp:TextBox ID="TextBox31" runat="server" TextMode="MultiLine"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Training and Designations :
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:DropDownList ID="DropDownList8" runat="server" CssClass="ddlclassone">
                                                <asp:ListItem>Certified International Property Specialist / CIPS</asp:ListItem>
                                                <asp:ListItem>Certified Property Manager / CPM</asp:ListItem>
                                                <asp:ListItem>Society of Industrial and Office REALTORS® / SIOR, NAR's Green Designation</asp:ListItem>
                                                <asp:ListItem>GREEN, Certified Real Estate Brokerage Manager / CRB)</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            License number:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="TextBox35" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Broker Name :
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="TextBox37" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Address :
                                        </td>
                                        <td align="left" valign="top" class="basic-desc-two">
                                            <asp:TextBox ID="TextBox39" runat="server" TextMode="MultiLine"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Phone no :
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="TextBox40" runat="server" CssClass="width"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Email:
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:TextBox ID="TextBox36" runat="server" CssClass="width"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Experience details :
                                        </td>
                                        <td align="left" valign="top" class="basic-desc-two">
                                            <asp:TextBox ID="TextBox41" runat="server" TextMode="MultiLine"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="top">
                                            Type of service provided :
                                        </td>
                                        <td align="left" valign="top" class="basic-desc">
                                            <asp:DropDownList ID="DropDownList10" runat="server">
                                                <asp:ListItem>Lease broker</asp:ListItem>
                                                <asp:ListItem>Sale Broker</asp:ListItem>
                                                <asp:ListItem>Lanlord Rep</asp:ListItem>
                                                <asp:ListItem>Seller Rep</asp:ListItem>
                                                <asp:ListItem>Buyer Rep</asp:ListItem>
                                                <asp:ListItem>Tenant Rep</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="advertising-options">
                                <div class="advertising-options-header">
                                    Advertising Options
                                </div>
                                <div class="advertising-options-chk">
                                    <asp:CheckBox ID="CheckBox23" runat="server" Text="&nbsp;&nbsp;List in Broker Directory"
                                        Checked="true" /><p>
                                            ($ 120 per month)</p>
                                    <br />
                                    <asp:CheckBox ID="Awdawd55" runat="server" Text="&nbsp;&nbsp;Sponsored Listing in broker directory" /><p>
                                        ($ 500 per month)</p>
                                </div>
                                <div class="fromdate-gh">
                                    <div class="from-date-gh">
                                        From date:
                                    </div>
                                    <div class="from-date-desc">
                                        <asp:TextBox ID="Awdawd" runat="server"></asp:TextBox><img src="../../images/mysfl/calender.gif"
                                            alt="Calendar" title="Calendar" />
                                    </div>
                                </div>
                                <div class="fromdate-gh-two">
                                    <div class="from-date-gh">
                                        To date:
                                    </div>
                                    <div class="from-date-desc">
                                        <asp:TextBox ID="TextBox38" runat="server"></asp:TextBox><img src="../../images/mysfl/calender.gif"
                                            alt="Calendar" title="Calendar" />
                                    </div>
                                </div>
                                <div class="advertise-total">
                                    Total: $ 120
                                </div>
                                <div class="advertise-total">
                                    <a>
                                        <img src="../../images/mysfl/click-here.png" alt="Click here to pay" title="Click here to pay"
                                            class="imgss" /></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="info-save">
                        <div class="required1">
                            <span class="star">*</span>&nbsp;Mandatory&nbsp;Fields
                            <asp:ImageButton ID="ImageButton2" runat="server" AlternateText="Save" ToolTip="Save"
                                ImageUrl="~/images/mysfl/update.png" CssClass="imgss float-right" />
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView13" runat="server">
                    <br />
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView9" runat="server">
                    <br />
                    <div id="tdl11" class="full-tab">
                        <div class="curve-box-black">
                            <div class="curve-bar-top">
                                <div class="right-top">
                                </div>
                                <div class="left-top">
                                </div>
                            </div>
                            <div class="right-line">
                                <div class="left-line">
                                    <div class="my-acc-info" id="myInfo">
                                        <div class="header">
                                            <div class="header-inner">
                                                <p>
                                                    Current Subscription - Premium Lister with Newsletter Distribution | 1 Featured
                                                    Listing Plan.</p>
                                            </div>
                                        </div>
                                        <div class="upgrade">
                                            <table cellpadding="0px" cellspacing="0px" border="0px">
                                                <tr>
                                                    <td align="left" valign="middle" class="title2">
                                                        Price
                                                    </td>
                                                    <td align="left" valign="middle">
                                                        $649.95
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="left" valign="middle" class="title2">
                                                        Term, Expires On
                                                    </td>
                                                    <td align="left" valign="middle">
                                                        Annual, Recurring
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="left" valign="middle" class="title2">
                                                        Current Payment Method
                                                    </td>
                                                    <td align="left" valign="middle">
                                                        XXXX-XXXX-XXXX-XXXX
                                                    </td>
                                                    <td align="left" valign="middle">
                                                        <asp:LinkButton ID="linkChange" runat="server" Text="Change" OnClientClick="return mainBill();"></asp:LinkButton>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="left" valign="middle" class="title2">
                                                        Billing Address
                                                    </td>
                                                    <td align="left" valign="middle">
                                                        Arash KAshani8121<br />
                                                        Van Nuys Blvd , Panorama City , CA 91402
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="left" valign="middle" class="title2">
                                                        Last Invoice Date
                                                    </td>
                                                    <td align="left" valign="middle">
                                                        6/2/2011
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="left" valign="middle" class="title2">
                                                        Service Period
                                                    </td>
                                                    <td align="left" valign="middle">
                                                        6/2/2011 - 6/1/2012
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="left" valign="middle" class="title2">
                                                        Amount Paid
                                                    </td>
                                                    <td align="left" valign="middle">
                                                        $649.95
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="left" valign="middle" class="title2">
                                                        Next Invoice Date
                                                    </td>
                                                    <td align="left" valign="middle">
                                                        6/2/2012
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td align="left" valign="middle" class="title2">
                                                        Current Balance
                                                    </td>
                                                    <td align="left" valign="middle">
                                                        $0.00
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="curve-bar-down">
                                <div class="right-down">
                                </div>
                                <div class="left-down">
                                </div>
                            </div>
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView10" runat="server">
                    <br />
                    <div id="tdl21" class="full-tab">
                        <div class="membership-options">
                            <div class="membership-options-inner">
                                <div class="membership-options-content" id="moc">
                                    <div class="membership-current">
                                        <div class="curve-box-black">
                                            <div class="curve-bar-top">
                                                <div class="right-top">
                                                </div>
                                                <div class="left-top">
                                                </div>
                                            </div>
                                            <div class="right-line-two">
                                                <div class="left-line-two">
                                                    <div class="membership-options-header">
                                                        <p>
                                                            <b>Current Membership</b></p>
                                                    </div>
                                                    <div class="membership-type">
                                                        <div class="membership-profile">
                                                            <asp:Image ID="Image8" runat="server" ToolTip="Profile Picture" AlternateText="Profile Picture"
                                                                ImageUrl="~/images/mysfl/current-member.png" />
                                                        </div>
                                                        <div class="membership-description">
                                                            <div class="float-left">
                                                                <b>Premium Lister with Newspaper Distribution | 1 Featured Listing Plan</b><br />
                                                                $15 per month
                                                                <br />
                                                                <span class="span-two">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                                    do eiusmod tempor incidi labore et dolore magna aliqua. Ut enim ad minim veniam,
                                                                    quis nostrud labore aliqua et<span class="membership-type-details" id="moc-tbl11"> ut
                                                                        dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                                        laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit
                                                                        in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat
                                                                        non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                                                </span>
                                                                <br />
                                                                <div class="view-membership">
                                                                    <a onclick="moc(this);" id="moc-td11">Show more</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="curve-bar-down">
                                                <div class="right-down">
                                                </div>
                                                <div class="left-down">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="membership-other">
                                        <div class="curve-box-black">
                                            <div class="curve-bar-top">
                                                <div class="right-top">
                                                </div>
                                                <div class="left-top">
                                                </div>
                                            </div>
                                            <div class="right-line-two">
                                                <div class="left-line-two">
                                                    <div class="membership-options-header-two">
                                                        <p>
                                                            <b>Other Membership Options</b></p>
                                                    </div>
                                                    <div class="membership-type">
                                                        <div class="membership-title">
                                                            <div class="membership-profile">
                                                                <asp:Image ID="Image1" runat="server" ToolTip="Profile Picture" AlternateText="Profile Picture"
                                                                    ImageUrl="~/images/mysfl/no-profile-image.jpg" />
                                                            </div>
                                                            <div class="membership-description">
                                                                <span class="float-left"><b>Premium Lister with Newspaper Distribution | 1 Featured
                                                                    Listing Plan</b><br />
                                                                    $15 per month
                                                                    <br />
                                                                    <span class="span-two">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                                        do eiusmod tempor incidi labore et dolore magna aliqua. Ut enim ad minim veniam,
                                                                        quis nostrud labore aliqua et<span class="membership-type-details" id="moc-tbl12"> ut
                                                                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                                            laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit
                                                                            in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat
                                                                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                                                    </span>
                                                                    <br />
                                                                    <div class="view-membership-two">
                                                                        <img id="ImageButton1" alt="Click to Subscribe" title="Click to Subscribe" src="../../images/mysfl/select.png"
                                                                            class="subscribe-img" />
                                                                        <a onclick="moc(this);" id="moc-td12">Show more</a>
                                                                    </div>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="membership-divider">
                                                            &nbsp;</div>
                                                    </div>
                                                    <div class="membership-type">
                                                        <div class="membership-title">
                                                            <div class="membership-profile">
                                                                <asp:Image ID="Image2" runat="server" ToolTip="Profile Picture" AlternateText="Profile Picture"
                                                                    ImageUrl="~/images/mysfl/mm1.png" />
                                                            </div>
                                                            <div class="membership-description">
                                                                <span class="float-left"><b>Premium Lister with Newspaper Distribution | 1 Featured
                                                                    Listing Plan</b><br />
                                                                    $15 per month
                                                                    <br />
                                                                    <span class="span-two">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                                        do eiusmod tempor incidi labore et dolore magna aliqua. Ut enim ad minim veniam,
                                                                        quis nostrud labore aliqua et<span class="membership-type-details" id="moc-tbl13"> ut
                                                                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                                            laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit
                                                                            in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat
                                                                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                                                    </span>
                                                                    <br />
                                                                    <div class="view-membership-two">
                                                                        <img id="Img1" alt="Click to Subscribe" title="Click to Subscribe" src="../../images/mysfl/select.png"
                                                                            class="subscribe-img" />
                                                                        <a onclick="moc(this);" id="moc-td13">Show more</a>
                                                                    </div>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="membership-divider">
                                                            &nbsp;</div>
                                                    </div>
                                                    <div class="membership-type">
                                                        <div class="membership-title">
                                                            <div class="membership-profile">
                                                                <asp:Image ID="Image3" runat="server" ToolTip="Profile Picture" AlternateText="Profile Picture"
                                                                    ImageUrl="~/images/mysfl/mm3.png" />
                                                            </div>
                                                            <div class="membership-description">
                                                                <span class="float-left"><b>Premium Lister with Newspaper Distribution | 1 Featured
                                                                    Listing Plan</b><br />
                                                                    $15 per month
                                                                    <br />
                                                                    <span class="span-two">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                                        do eiusmod tempor incidi labore et dolore magna aliqua. Ut enim ad minim veniam,
                                                                        quis nostrud labore aliqua et<span class="membership-type-details" id="moc-tbl14"> ut
                                                                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                                            laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit
                                                                            in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat
                                                                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                                                    </span>
                                                                    <br />
                                                                    <div class="view-membership-two">
                                                                        <img id="Img2" alt="Click to Subscribe" title="Click to Subscribe" src="../../images/mysfl/select.png"
                                                                            class="subscribe-img" />
                                                                        <a onclick="moc(this);" id="moc-td14">Show more</a>
                                                                    </div>
                                                                </span>
                                                            </div>
                                                            <div class="membership-divider">
                                                                &nbsp;</div>
                                                        </div>
                                                    </div>
                                                    <div class="membership-type">
                                                        <div class="membership-title">
                                                            <div class="membership-profile">
                                                                <asp:Image ID="Image4" runat="server" ToolTip="Profile Picture" AlternateText="Profile Picture"
                                                                    ImageUrl="~/images/mysfl/mm4.png" />
                                                            </div>
                                                            <div class="membership-description">
                                                                <span class="float-left"><b>Premium Lister with Newspaper Distribution | 1 Featured
                                                                    Listing Plan</b><br />
                                                                    $15 per month
                                                                    <br />
                                                                    <span class="span-two">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                                        do eiusmod tempor incidi labore et dolore magna aliqua. Ut enim ad minim veniam,
                                                                        quis nostrud labore aliqua et<span class="membership-type-details" id="moc-tbl15"> ut
                                                                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                                            laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit
                                                                            in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat
                                                                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                                                    </span>
                                                                    <br />
                                                                    <div class="view-membership-two">
                                                                        <img id="Img3" alt="Click to Subscribe" title="Click to Subscribe" src="../../images/mysfl/select.png"
                                                                            class="subscribe-img" />
                                                                        <a onclick="moc(this);" id="moc-td15">Show more</a>
                                                                    </div>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="membership-divider">
                                                            &nbsp;</div>
                                                    </div>
                                                    <div class="membership-type">
                                                        <div class="membership-title">
                                                            <div class="membership-profile">
                                                                <asp:Image ID="Image5" runat="server" ToolTip="Profile Picture" AlternateText="Profile Picture"
                                                                    ImageUrl="~/images/mysfl/mm6.png" />
                                                            </div>
                                                            <div class="membership-description">
                                                                <span class="float-left"><b>Premium Lister with Newspaper Distribution | 1 Featured
                                                                    Listing Plan</b><br />
                                                                    $15 per month
                                                                    <br />
                                                                    <span class="span-two">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                                        do eiusmod tempor incidi labore et dolore magna aliqua. Ut enim ad minim veniam,
                                                                        quis nostrud labore aliqua et<span class="membership-type-details" id="moc-tbl16"> ut
                                                                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                                            laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit
                                                                            in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat
                                                                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                                                    </span>
                                                                    <br />
                                                                    <div class="view-membership-two">
                                                                        <img id="Img4" alt="Click to Subscribe" title="Click to Subscribe" src="../../images/mysfl/select.png"
                                                                            class="subscribe-img" />
                                                                        <a onclick="moc(this);" id="moc-td16">Show more</a>
                                                                    </div>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="membership-divider">
                                                            &nbsp;</div>
                                                    </div>
                                                    <div class="membership-type">
                                                        <div class="membership-title">
                                                            <div class="membership-profile">
                                                                <asp:Image ID="iiii1" runat="server" ToolTip="Profile Picture" AlternateText="Profile Picture"
                                                                    ImageUrl="~/images/mysfl/mm7.png" />
                                                            </div>
                                                            <div class="membership-description">
                                                                <span class="float-left"><b>Premium Lister with Newspaper Distribution | 1 Featured
                                                                    Listing Plan</b><br />
                                                                    $15 per month
                                                                    <br />
                                                                    <span class="span-two">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                                        do eiusmod tempor incidi labore et dolore magna aliqua. Ut enim ad minim veniam,
                                                                        quis nostrud labore aliqua et<span class="membership-type-details" id="moc-tbl17"> ut
                                                                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                                            laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit
                                                                            in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat
                                                                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                                                    </span>
                                                                    <br />
                                                                    <div class="view-membership-two">
                                                                        <img id="Img5" alt="Click to Subscribe" title="Click to Subscribe" src="../../images/mysfl/select.png"
                                                                            class="subscribe-img" />
                                                                        <a onclick="moc(this);" id="moc-td17">Show more</a>
                                                                    </div>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="membership-divider">
                                                            &nbsp;</div>
                                                    </div>
                                                    <div class="membership-type">
                                                        <div class="membership-title">
                                                            <div class="membership-profile">
                                                                <asp:Image ID="Image6" runat="server" ToolTip="Profile Picture" AlternateText="Profile Picture"
                                                                    ImageUrl="~/images/mysfl/mm2.png" />
                                                            </div>
                                                            <div class="membership-description">
                                                                <span class="float-left"><b>Premium Lister with Newspaper Distribution | 1 Featured
                                                                    Listing Plan</b><br />
                                                                    $15 per month
                                                                    <br />
                                                                    <span class="span-two">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                                        do eiusmod tempor incidi labore et dolore magna aliqua. Ut enim ad minim veniam,
                                                                        quis nostrud labore aliqua et<span class="membership-type-details" id="moc-tbl18"> ut
                                                                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                                            laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit
                                                                            in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat
                                                                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                                                    </span>
                                                                    <br />
                                                                    <div class="view-membership-two">
                                                                        <img id="Img6" alt="Click to Subscribe" title="Click to Subscribe" src="../../images/mysfl/select.png"
                                                                            class="subscribe-img" />
                                                                        <a onclick="moc(this);" id="moc-td18">Show more</a>
                                                                    </div>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="membership-divider">
                                                            &nbsp;</div>
                                                    </div>
                                                    <div class="membership-type">
                                                        <div class="membership-title">
                                                            <div class="membership-profile">
                                                                <asp:Image ID="Image7" runat="server" ToolTip="Profile Picture" AlternateText="Profile Picture"
                                                                    ImageUrl="~/images/mysfl/mm3.png" />
                                                            </div>
                                                            <div class="membership-description">
                                                                <span class="float-left"><b>Premium Lister with Newspaper Distribution | 1 Featured
                                                                    Listing Plan</b><br />
                                                                    $15 per month
                                                                    <br />
                                                                    <span class="span-two">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                                        do eiusmod tempor incidi labore et dolore magna aliqua. Ut enim ad minim veniam,
                                                                        quis nostrud labore aliqua et<span class="membership-type-details" id="moc-tbl19"> ut
                                                                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                                                                            laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit
                                                                            in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat
                                                                            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
                                                                    </span>
                                                                    <br />
                                                                    <div class="view-membership-two">
                                                                        <img id="Img7" alt="Click to Subscribe" title="Click to Subscribe" src="../../images/mysfl/select.png"
                                                                            class="subscribe-img" />
                                                                        <a onclick="moc(this);" id="moc-td19">Show more</a>
                                                                    </div>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="curve-bar-down">
                                                <div class="right-down">
                                                </div>
                                                <div class="left-down">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView11" runat="server">
                    <br />
                    <div id="tdl31" class="full-tab">
                        <div class="cc-wrapper">
                            <div class="cc-header">
                                <p>
                                    Please update your credit card information and pay your dues.</p>
                                <span class="amount-due">Amount due:$ 55</span>
                            </div>
                            <div class="cc-form">
                                <table cellpadding="0" cellspacing="0" border="0">
                                    <tr>
                                        <td align="left" valign="top">
                                            <span class="star">*&nbsp;</span>Select credit card type:&nbsp;&nbsp;
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:DropDownList ID="cctype" runat="server">
                                                <asp:ListItem>Select Credit Card Type</asp:ListItem>
                                                <asp:ListItem>Visa</asp:ListItem>
                                                <asp:ListItem>Master Card</asp:ListItem>
                                                <asp:ListItem>American Express</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" valign="top">
                                            <span class="star">*&nbsp;</span>Card number:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:TextBox ID="ccno" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" valign="top">
                                            <span class="star">*&nbsp;</span>Name on card:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" valign="top">
                                            <span class="star">*&nbsp;</span>Expiry date:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:DropDownList ID="ddlexp1" runat="server" CssClass="expiry">
                                                <asp:ListItem>Select</asp:ListItem>
                                                <asp:ListItem>Jan(01)</asp:ListItem>
                                                <asp:ListItem>Feb(02)</asp:ListItem>
                                                <asp:ListItem>Mar(03)</asp:ListItem>
                                                <asp:ListItem>Apr(04)</asp:ListItem>
                                                <asp:ListItem>May(05)</asp:ListItem>
                                                <asp:ListItem>Jun(06)</asp:ListItem>
                                                <asp:ListItem>Jul(07)</asp:ListItem>
                                                <asp:ListItem>Aug(08)</asp:ListItem>
                                                <asp:ListItem>Sep(09)</asp:ListItem>
                                                <asp:ListItem>Oct(10)</asp:ListItem>
                                                <asp:ListItem>Nov(11)</asp:ListItem>
                                                <asp:ListItem>Dec(12)</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="DropDownList1" runat="server" CssClass="expiry">
                                                <asp:ListItem>Select</asp:ListItem>
                                                <asp:ListItem>2010</asp:ListItem>
                                                <asp:ListItem>2011</asp:ListItem>
                                                <asp:ListItem>2012</asp:ListItem>
                                                <asp:ListItem>2013</asp:ListItem>
                                                <asp:ListItem>2014</asp:ListItem>
                                                <asp:ListItem>2015</asp:ListItem>
                                                <asp:ListItem>2016</asp:ListItem>
                                                <asp:ListItem>2017</asp:ListItem>
                                                <asp:ListItem>2018</asp:ListItem>
                                                <asp:ListItem>2019</asp:ListItem>
                                                <asp:ListItem>2020</asp:ListItem>
                                                <asp:ListItem>2021</asp:ListItem>
                                                <asp:ListItem>2022</asp:ListItem>
                                                <asp:ListItem>2023</asp:ListItem>
                                                <asp:ListItem>2024</asp:ListItem>
                                                <asp:ListItem>2025</asp:ListItem>
                                                <asp:ListItem>2026</asp:ListItem>
                                                <asp:ListItem>2027</asp:ListItem>
                                                <asp:ListItem>2028</asp:ListItem>
                                                <asp:ListItem>2029</asp:ListItem>
                                                <asp:ListItem>2030</asp:ListItem>
                                                <asp:ListItem>2031</asp:ListItem>
                                                <asp:ListItem>2032</asp:ListItem>
                                                <asp:ListItem>2033</asp:ListItem>
                                                <asp:ListItem>2034</asp:ListItem>
                                                <asp:ListItem>2035</asp:ListItem>
                                                <asp:ListItem>2036</asp:ListItem>
                                                <asp:ListItem>2037</asp:ListItem>
                                                <asp:ListItem>2038</asp:ListItem>
                                                <asp:ListItem>2039</asp:ListItem>
                                                <asp:ListItem>2040</asp:ListItem>
                                                <asp:ListItem>2041</asp:ListItem>
                                                <asp:ListItem>2042</asp:ListItem>
                                                <asp:ListItem>2043</asp:ListItem>
                                                <asp:ListItem>2044</asp:ListItem>
                                                <asp:ListItem>2045</asp:ListItem>
                                                <asp:ListItem>2046</asp:ListItem>
                                                <asp:ListItem>2047</asp:ListItem>
                                                <asp:ListItem>2048</asp:ListItem>
                                                <asp:ListItem>2049</asp:ListItem>
                                                <asp:ListItem>2050</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" valign="top">
                                            <span class="star">*&nbsp;</span>CVV number:
                                        </td>
                                        <td align="left" valign="top" class="cvv">
                                            <asp:TextBox ID="TextBox5" runat="server" CssClass="expiry"></asp:TextBox>
                                            <img src="../../images/mysfl/visa.png" title="3 digit CVV number" alt="3 digit CVV number" /><span>3
                                                digit CVV number</span>
                                            <img src="../../images/mysfl/i.JPG" title="These are the last 3 digits on the back side of the card,below magnetic strip. See image for reference"
                                                alt="i" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" valign="top">
                                            <span class="star">*&nbsp;</span>Billing adress:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:TextBox ID="txtaddr" runat="server" TextMode="MultiLine" CssClass="txtaddr"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" valign="top">
                                            <span class="star">*&nbsp;</span>City:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" valign="top">
                                            <span class="star">*&nbsp;</span>State:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:DropDownList ID="DropDownList5" runat="server">
                                                <asp:ListItem>&nbsp;</asp:ListItem>
                                                <asp:ListItem>Albama</asp:ListItem>
                                                <asp:ListItem>Colorado</asp:ListItem>
                                                <asp:ListItem>Delaware</asp:ListItem>
                                                <asp:ListItem>Florida</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" valign="top">
                                            <span class="star">*&nbsp;</span>Country:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:DropDownList ID="DropDownList6" runat="server">
                                                <asp:ListItem>United States</asp:ListItem>
                                                <asp:ListItem>Canada</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" valign="top">
                                            <span class="star">*&nbsp;</span>Pin code:
                                        </td>
                                        <td align="left" valign="top">
                                            <asp:TextBox ID="TextBox26" runat="server"></asp:TextBox>
                                        </td>
                                </table>
                            </div>
                            <div class="confirm">
                                <asp:ImageButton ID="wadawda" runat="server" ToolTip="Confirm & Pay" AlternateText="Confirm & Pay"
                                    ImageUrl="~/images/mysfl/cinfirm&pay.png" CssClass="confirm-img" />
                            </div>
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView12" runat="server">
                    <br />
                    <div id="tdl41" class="full-tab">
                        <div class="transaction-history-upper">
                            <p>
                                Choose a time period from the drop down menu to view a history of your transactions.
                                Click on the invoice number to view a specific invoice.</p>
                            <br />
                            <b class="float-left">Select:&nbsp;&nbsp;&nbsp;</b>
                            <asp:DropDownList ID="ddl1" runat="server">
                                <asp:ListItem>Products purchased in the last 3 months</asp:ListItem>
                                <asp:ListItem>Products purchased in the last 6 months</asp:ListItem>
                                <asp:ListItem>Products purchased in the past year</asp:ListItem>
                            </asp:DropDownList>
                            <asp:ImageButton ID="imgbtn1" runat="server" ToolTip="Search" AlternateText="Search"
                                ImageUrl="~/images/mysfl/display.png" CssClass="search" />
                        </div>
                        <div class="thd-wrapper">
                            <div class="curve-box-black">
                                <div class="curve-bar-top">
                                    <div class="right-top">
                                    </div>
                                    <div class="left-top">
                                    </div>
                                </div>
                                <div class="right-line">
                                    <div class="left-line">
                                        <div class="transaction-history">
                                            <div class="transaction-history-inner">
                                                <div class="transaction-history-header">
                                                    <p>
                                                        <b>Transaction History Details</b></p>
                                                </div>
                                                <div class="transaction-history-details" id="thd">
                                                    <table cellpadding="0" cellspacing="1px" border="0">
                                                        <tr class="alternate-th">
                                                            <th align="center" valign="middle">
                                                                Date
                                                            </th>
                                                            <th align="center" valign="middle">
                                                                Type
                                                            </th>
                                                            <th align="center" valign="middle">
                                                                Description
                                                            </th>
                                                            <th align="center" valign="middle">
                                                                Status
                                                            </th>
                                                            <th align="center" valign="middle">
                                                                Amount
                                                            </th>
                                                            <th align="center" valign="middle">
                                                                View Invoice
                                                            </th>
                                                            <th align="center" valign="middle">
                                                                Details
                                                            </th>
                                                        </tr>
                                                        <tr class="alternate-tr1">
                                                            <td align="center" valign="middle">
                                                                26/7/2011
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                Invoice
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                Premium Lister with Newspaper&nbsp;Distribution
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                PAID
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                $649.95
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                11632716
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                <a title="View" id="thd-td11" onclick="thd(this);">View</a>
                                                            </td>
                                                        </tr>
                                                        <tr class="zeropxtr">
                                                            <td align="left" valign="top" colspan="7">
                                                                <span class="transction-payment" id="thd-tbl11">Payment of $649.95 made on 26/7/2011
                                                                    - Check #2004</span>
                                                            </td>
                                                        </tr>
                                                        <tr class="alternate-tr2">
                                                            <td align="center" valign="middle">
                                                                12/7/2011
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                Invoice
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                Premium Lister with Newspaper Distribution
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                PAID
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                $455.25
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                11632689
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                <a title="View" id="thd-td12" onclick="thd(this);">View</a>
                                                            </td>
                                                        </tr>
                                                        <tr class="zeropxtr">
                                                            <td align="left" valign="top" colspan="7">
                                                                <div class="transction-payment" id="thd-tbl12">
                                                                    <span>Payment of $455.25 made on 12/7/2011 - Check #2012</span>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr class="alternate-tr1">
                                                            <td align="center" valign="middle">
                                                                5/7/2011
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                Invoice
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                Premium Lister | 15 Featured Listing Plan
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                PAID
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                $560.40
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                11632526
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                <a title="View" id="thd-td13" onclick="thd(this);">View</a>
                                                            </td>
                                                        </tr>
                                                        <tr class="zeropxtr">
                                                            <td align="left" valign="top" colspan="7">
                                                                <div class="transction-payment" id="thd-tbl13">
                                                                    <span>Payment of $560.40 made on 5/7/2011 - Check #2017</span>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr class="alternate-tr2">
                                                            <td align="center" valign="middle">
                                                                28/6/2011
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                Invoice
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                Premium Lister | 10 Featured Listing Plan
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                PAID
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                $450.00
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                11632459
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                <a title="View" id="thd-td14" onclick="thd(this);">View</a>
                                                            </td>
                                                        </tr>
                                                        <tr class="zeropxtr">
                                                            <td align="left" valign="top" colspan="7">
                                                                <div class="transction-payment" id="thd-tbl14">
                                                                    <span>Payment of $450.00 made on 28/6/2011 - Check #2023</span>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr class="alternate-tr1">
                                                            <td align="center" valign="middle">
                                                                17/6/2011
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                Invoice
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                Premium Lister | 4 Featured Listing Plan
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                PAID
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                $330.50
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                11632265
                                                            </td>
                                                            <td align="center" valign="middle">
                                                                <a title="View" id="thd-td15" onclick="thd(this);">View</a>
                                                            </td>
                                                        </tr>
                                                        <tr class="zeropxtr">
                                                            <td align="left" valign="top" colspan="7">
                                                                <div class="transction-payment" id="thd-tbl15">
                                                                    <span>Payment of $330.50 made on 17/6/2011 - Check #2033</span>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                                <div class="thd-pagination">
                                                    <div class="pagination-wrapper">
                                                        <table width="100%" cellspacing="0" id="Table4" runat="server" cellpadding="0" border="0">
                                                            <tr>
                                                                <td align="right" valign="middle">
                                                                    <asp:Label ID="Label4" runat="server" Text="Viewing 1 - 5 of 10"></asp:Label><input
                                                                        id="Hidden13" type="hidden" runat="server" />
                                                                    <input id="Hidden14" type="hidden" runat="server" />
                                                                    <input id="Hidden15" type="hidden" runat="server" />
                                                                    <input id="Hidden16" type="hidden" runat="server" />
                                                                    &nbsp;&nbsp; Number of Records&nbsp;&nbsp;
                                                                    <asp:DropDownList ID="DropDownList15" runat="server" Width="60" AutoPostBack="true">
                                                                        <asp:ListItem Selected="True">5</asp:ListItem>
                                                                        <asp:ListItem>10</asp:ListItem>
                                                                        <asp:ListItem>15</asp:ListItem>
                                                                        <asp:ListItem>20</asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <asp:ImageButton ID="ImageButton29" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/first.gif"
                                                                        ToolTip="First" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                                                    </asp:ImageButton>&nbsp;
                                                                    <asp:ImageButton ID="ImageButton30" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/prev.gif"
                                                                        ToolTip="Previous" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                                                    </asp:ImageButton>&nbsp;
                                                                    <asp:ImageButton ID="ImageButton31" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/next.gif"
                                                                        ToolTip="Next" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                                                    </asp:ImageButton>&nbsp;
                                                                    <asp:ImageButton ID="ImageButton32" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/last.gif"
                                                                        ToolTip="Last" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                                                    </asp:ImageButton>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="curve-bar-down">
                                    <div class="right-down">
                                    </div>
                                    <div class="left-down">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView16" runat="server">
                    <br />
                    <div id="tdl51" class="full-tab">
                        <div class="paysche-wrapper">
                            <div class="paysche-header">
                                This section displays the list of recurring,due and upcoming payments based membership
                                and advertising options selected in the account.
                            </div>
                            <div class="paysche-content">
                                <div class="paysche-content-th">
                                    <span class="fullborder width1">Service/Subscription</span> <span class="nleftborder width2">
                                        Price</span> <span class="nleftborder width3">Frequency</span> <span class="nleftborder width4">
                                            Last Paid Date</span> <span class="nleftborder width4">Next Due Date</span>
                                </div>
                                <div class="paysche-content-td">
                                    <span class="fullborder width1">Premium Membership</span> <span class="nleftborder width2">
                                        $70</span> <span class="nleftborder width3">Monthly</span> <span class="nleftborder width4">
                                            2/3/2011</span> <span class="nleftborder width4">2/4/2011</span>
                                </div>
                                <div class="paysche-content-td">
                                    <span class="paysche-alttd fullborder width1">Marketting Partner Fees</span> <span
                                        class="paysche-alttd nleftborder width2">$300</span> <span class="paysche-alttd nleftborder width3">
                                            Monthly</span> <span class="paysche-alttd nleftborder width4">2/3/2011</span>
                                    <span class="paysche-alttd nleftborder width4">2/4/2011</span>
                                </div>
                                <div class="paysche-content-td">
                                    <span class="fullborder width1">Email-Northstar</span> <span class="nleftborder width2">
                                        $100</span> <span class="nleftborder width3">One time</span> <span class="nleftborder width4">
                                            2/3/2011</span> <span class="nleftborder width4">2/4/2011</span>
                                </div>
                                <div class="paysche-content-td">
                                    <span class="paysche-alttd fullborder width1">Billboard for listing #212315</span>
                                    <span class="paysche-alttd nleftborder width2">$30</span> <span class="paysche-alttd nleftborder width3">
                                        One time</span> <span class="paysche-alttd nleftborder width4">2/3/2011</span>
                                    <span class="paysche-alttd nleftborder width4">2/4/2011</span>
                                </div>
                                <div class="paysche-content-td">
                                    <span class="fullborder width1">Billboard for listing #212149</span> <span class="nleftborder width2">
                                        $30</span> <span class="nleftborder width3">One time</span> <span class="nleftborder width4">
                                            2/3/2011</span> <span class="nleftborder width4">2/4/2011</span>
                                </div>
                            </div>
                        </div>
                        <div class="pagination-wrapper">
                            <table width="100%" cellspacing="0" id="Table3" runat="server" cellpadding="0" border="0">
                                <tr>
                                    <td align="right" valign="middle">
                                        <asp:Label ID="Label3" runat="server" Text="Viewing 1 - 5 of 5"></asp:Label><input
                                            id="Hidden9" type="hidden" runat="server" />
                                        <input id="Hidden10" type="hidden" runat="server" />
                                        <input id="Hidden11" type="hidden" runat="server" />
                                        <input id="Hidden12" type="hidden" runat="server" />
                                        &nbsp;&nbsp; Number of Records&nbsp;&nbsp;
                                        <asp:DropDownList ID="DropDownList9" runat="server" AutoPostBack="true" CssClass="pageddl">
                                            <asp:ListItem Selected="True">5</asp:ListItem>
                                            <asp:ListItem>10</asp:ListItem>
                                            <asp:ListItem>15</asp:ListItem>
                                            <asp:ListItem>20</asp:ListItem>
                                        </asp:DropDownList>
                                        <asp:ImageButton ID="ImageButton22" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/first.gif"
                                            ToolTip="First" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                        </asp:ImageButton>&nbsp;
                                        <asp:ImageButton ID="ImageButton23" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/prev.gif"
                                            ToolTip="Previous" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                        </asp:ImageButton>&nbsp;
                                        <asp:ImageButton ID="ImageButton24" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/next.gif"
                                            ToolTip="Next" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                        </asp:ImageButton>&nbsp;
                                        <asp:ImageButton ID="ImageButton25" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/last.gif"
                                            ToolTip="Last" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                        </asp:ImageButton>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView14" runat="server">
                    <br />
                    <asp:Panel ID="panel4" runat="server">
                        <div class="stats">
                            <div class="sample-text">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                            </div>
                            <div class="sample-drop">
                                <div class="sample-part">
                                    <div class="drop-text">
                                        From date
                                    </div>
                                    <div class="drop-box">
                                        <asp:TextBox ID="dte" runat="server" CssClass="text-box-one"></asp:TextBox>
                                        <img alt="" title="" src="../../images/mysfl/calender.gif" />
                                    </div>
                                </div>
                                <div class="sample-part">
                                    <div class="drop-text">
                                        To date
                                    </div>
                                    <div class="drop-box">
                                        <asp:TextBox ID="TextBox2" runat="server" CssClass="text-box-one"></asp:TextBox>
                                        <img alt="" title="" src="../../images/mysfl/calender.gif" />
                                    </div>
                                </div>
                            </div>
                            <div class="sample-drop">
                                <div class="sample-part">
                                    <div class="drop-text">
                                        Advertising type
                                    </div>
                                    <div class="drop-box">
                                        <asp:DropDownList ID="advrstyp" runat="server">
                                            <asp:ListItem Text="Basic"></asp:ListItem>
                                            <asp:ListItem Text="Sponsored"></asp:ListItem>
                                        </asp:DropDownList>
                                    </div>
                                </div>
                                <div class="sample-part">
                                    <div class="drop-text">
                                        <img alt="" title="" src="../../images/mysfl/display.png" />
                                    </div>
                                    <div class="drop-box">
                                        &nbsp;
                                    </div>
                                </div>
                            </div>
                            <div class="sample-grid">
                                <div class="main-grid">
                                    <telerik:RadGrid AutoGenerateColumns="false" ID="RadGrid1" DataSourceID="SqlDataSource1"
                                        Style="width: 680px!important; overflow:hidden;" AllowFilteringByColumn="True" AllowSorting="True"
                                        PageSize="10" ShowFooter="True" AllowPaging="True" runat="server" GridLines="None"
                                        EnableLinqExpressions="false">
                                        <PagerStyle Mode="NextPrevAndNumeric" />
                                        <GroupingSettings CaseSensitive="false" />
                                        <MasterTableView AutoGenerateColumns="false" Width="680px" style="overflow:hidden;" EditMode="InPlace"
                                            AllowFilteringByColumn="True" ShowFooter="True" TableLayout="Auto">
                                            <Columns>
                                                <telerik:GridBoundColumn HeaderStyle-Width="60px" HeaderStyle-BackColor="Yellow" ItemStyle-Width="60px" FilterControlWidth="30px"
                                                    DataField="ListingID" HeaderText="Listing ID" SortExpression="ListingID" UniqueName="ListingID">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn HeaderStyle-Width="190px" ItemStyle-Width="190px" FilterControlWidth="95px"
                                                    DataField="Title" HeaderText="Listing Title" SortExpression="Title" UniqueName="Title">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn HeaderStyle-Width="70px" ItemStyle-Width="70px" FilterControlWidth="35px"
                                                    DataField="ListView" HeaderText="List View" SortExpression="ListView" UniqueName="ListView">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn HeaderStyle-Width="70px" ItemStyle-Width="70px" FilterControlWidth="35px"
                                                    DataField="Clicks" HeaderText="Clicks" SortExpression="Clicks" UniqueName="Clicks">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn HeaderStyle-Width="70px" ItemStyle-Width="70px" FilterControlWidth="35px"
                                                    DataField="CPC" HeaderText="CPC" SortExpression="CPC" UniqueName="CPC">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn HeaderStyle-Width="70px" ItemStyle-Width="70px" FilterControlWidth="35px"
                                                    DataField="Fees" HeaderText="Fees" SortExpression="Fees" UniqueName="Fees">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn HeaderStyle-Width="150px" ItemStyle-Width="150px" FilterControlWidth="75px"
                                                    DataField="Lastclicked" HeaderText="Last Clicked" SortExpression="Lastclicked"
                                                    UniqueName="Lastclicked">
                                                </telerik:GridBoundColumn>
                                            </Columns>
                                        </MasterTableView>
                                        <ClientSettings>
                                            <Scrolling AllowScroll="false" />
                                        </ClientSettings>
                                    </telerik:RadGrid>
                                    <br />
                                    <asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:sflcon %>"
                                        ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM listing" runat="server">
                                    </asp:SqlDataSource>
                                </div>
                            </div>
                        </div>
                    </asp:Panel>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView15" runat="server">
                    <br />
                    <asp:Panel ID="panel5" runat="server">
                        <div class="stats">
                            <div class="sample-text">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                            </div>
                            <div class="sample-drop">
                                <div class="sample-part">
                                    <div class="drop-text">
                                        From date
                                    </div>
                                    <div class="drop-box">
                                        <asp:TextBox ID="TextBox28" runat="server" CssClass="text-box-one"></asp:TextBox>
                                        <img alt="" title="" src="../../images/mysfl/calender.gif" />
                                    </div>
                                </div>
                                <div class="sample-part">
                                    <div class="drop-text">
                                        To date
                                    </div>
                                    <div class="drop-box">
                                        <asp:TextBox ID="TextBox29" runat="server" CssClass="text-box-one"></asp:TextBox>
                                        <img alt="" title="" src="../../images/mysfl/calender.gif" />
                                    </div>
                                </div>
                            </div>
                            <div class="sample-drop">
                                <div class="sample-part">
                                    <div class="drop-text">
                                        <img alt="" title="" src="../../images/mysfl/display.png" />
                                    </div>
                                    <div class="drop-box">
                                        &nbsp;
                                    </div>
                                </div>
                            </div>
                            <div class="sample-grid">
                                <div class="main-grid">
                                    <table class="main-table">
                                        <tr class="header-td">
                                            <th class="column-13">
                                                Date
                                            </th>
                                            <th class="column-12">
                                                Advertising Type
                                            </th>
                                            <th class="column-3">
                                                Responses
                                            </th>
                                            <th class="column-3">
                                                Messages
                                            </th>
                                            <th class="column-13">
                                                Last Response
                                            </th>
                                        </tr>
                                        <tr class="inner-td">
                                            <td class="column-13">
                                                07-July-2011
                                            </td>
                                            <td class="column-12">
                                                Bill board / SMS
                                            </td>
                                            <td class="column-3">
                                                31
                                            </td>
                                            <td class="column-3 view-anchor">
                                                <a title="" href="#">View</a>
                                            </td>
                                            <td class="column-13">
                                                05:00Pm
                                            </td>
                                        </tr>
                                        <tr class="inner-td pantone">
                                            <td class="column-13">
                                                03-July-2011
                                            </td>
                                            <td class="column-12">
                                                Bill board / SMS
                                            </td>
                                            <td class="column-3">
                                                45
                                            </td>
                                            <td class="column-3 view-anchor">
                                                <a title="" href="#">View</a>
                                            </td>
                                            <td class="column-13">
                                                02:30Pm
                                            </td>
                                        </tr>
                                        <tr class="inner-td">
                                            <td class="column-13">
                                                07-July-2011
                                            </td>
                                            <td class="column-12">
                                                Bill board / SMS
                                            </td>
                                            <td class="column-3">
                                                31
                                            </td>
                                            <td class="column-3 view-anchor">
                                                <a title="" href="#">View</a>
                                            </td>
                                            <td class="column-13">
                                                05:00Pm
                                            </td>
                                        </tr>
                                        <tr class="inner-td pantone">
                                            <td class="column-13">
                                                03-July-2011
                                            </td>
                                            <td class="column-12">
                                                Bill board / SMS
                                            </td>
                                            <td class="column-3">
                                                45
                                            </td>
                                            <td class="column-3 view-anchor">
                                                <a title="" href="#">View</a>
                                            </td>
                                            <td class="column-13">
                                                02:30Pm
                                            </td>
                                        </tr>
                                        <tr class="inner-td">
                                            <td class="column-13">
                                                07-July-2011
                                            </td>
                                            <td class="column-12">
                                                Bill board / SMS
                                            </td>
                                            <td class="column-3">
                                                31
                                            </td>
                                            <td class="column-3 view-anchor">
                                                <a title="" href="#">View</a>
                                            </td>
                                            <td class="column-13">
                                                05:00Pm
                                            </td>
                                        </tr>
                                        <tr class="inner-td pantone">
                                            <td class="column-13">
                                                03-July-2011
                                            </td>
                                            <td class="column-12">
                                                Bill board / SMS
                                            </td>
                                            <td class="column-3">
                                                45
                                            </td>
                                            <td class="column-3 view-anchor">
                                                <a title="" href="#">View</a>
                                            </td>
                                            <td class="column-13">
                                                02:30Pm
                                            </td>
                                        </tr>
                                        <tr class="inner-td">
                                            <td class="column-13">
                                                07-July-2011
                                            </td>
                                            <td class="column-12">
                                                Bill board / SMS
                                            </td>
                                            <td class="column-3">
                                                31
                                            </td>
                                            <td class="column-3 view-anchor">
                                                <a title="" href="#">View</a>
                                            </td>
                                            <td class="column-13">
                                                05:00Pm
                                            </td>
                                        </tr>
                                        <tr class="inner-td pantone">
                                            <td class="column-13">
                                                03-July-2011
                                            </td>
                                            <td class="column-12">
                                                Bill board / SMS
                                            </td>
                                            <td class="column-3">
                                                45
                                            </td>
                                            <td class="column-3 view-anchor">
                                                <a title="" href="#">View</a>
                                            </td>
                                            <td class="column-13">
                                                02:30Pm
                                            </td>
                                        </tr>
                                        <tr class="inner-td">
                                            <td class="column-13">
                                                07-July-2011
                                            </td>
                                            <td class="column-12">
                                                Bill board / SMS
                                            </td>
                                            <td class="column-3">
                                                31
                                            </td>
                                            <td class="column-3 view-anchor">
                                                <a title="" href="#">View</a>
                                            </td>
                                            <td class="column-13">
                                                05:00Pm
                                            </td>
                                        </tr>
                                        <tr class="inner-td pantone">
                                            <td class="column-13">
                                                03-July-2011
                                            </td>
                                            <td class="column-12">
                                                Bill board / SMS
                                            </td>
                                            <td class="column-3">
                                                45
                                            </td>
                                            <td class="column-3 view-anchor">
                                                <a title="" href="#">View</a>
                                            </td>
                                            <td class="column-13">
                                                02:30Pm
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <div class="page-nation">
                                <table width="100%" cellspacing="0" id="Table1" runat="server" cellpadding="0" border="0">
                                    <tr>
                                        <td align="right" valign="middle">
                                            <asp:Label ID="Label1" runat="server" Text="Viewing 1 - 10 of 20"></asp:Label><input
                                                id="Hidden1" type="hidden" runat="server" />
                                            <input id="Hidden2" type="hidden" runat="server" />
                                            <input id="Hidden3" type="hidden" runat="server" />
                                            <input id="Hidden4" type="hidden" runat="server" />
                                            &nbsp;&nbsp; Number of Records&nbsp;&nbsp;
                                            <asp:DropDownList ID="DropDownList7" runat="server" Width="60" AutoPostBack="true">
                                                <asp:ListItem Selected="True">10</asp:ListItem>
                                                <asp:ListItem>15</asp:ListItem>
                                                <asp:ListItem>20</asp:ListItem>
                                                <asp:ListItem>25</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:ImageButton ID="ImageButton18" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/first.gif"
                                                ToolTip="First" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                            </asp:ImageButton>&nbsp;
                                            <asp:ImageButton ID="ImageButton19" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/prev.gif"
                                                ToolTip="Previous" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                            </asp:ImageButton>&nbsp;
                                            <asp:ImageButton ID="ImageButton20" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/next.gif"
                                                ToolTip="Next" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                            </asp:ImageButton>&nbsp;
                                            <asp:ImageButton ID="ImageButton21" runat="server" BorderWidth="0px" ImageUrl="~/images/mysfl/last.gif"
                                                ToolTip="Last" Visible="true" Height="14px" Width="14px" ImageAlign="TextTop">
                                            </asp:ImageButton>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </asp:Panel>
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </asp:Panel>
    </div>
  

</asp:Content>


Thanks
Ritesh

1 Answer, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 22 Aug 2011, 01:24 PM
Hello Ritesh,

Please take a look at the following online help article to achieve the goal.
Show the loading panel next to AJAX initiator.

Thanks,
Shinu.
Tags
Ajax
Asked by
ritesh
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Share this question
or