<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

    <style type="text/css">

        .module1

        {

            background-color: #dff3ff;

            border: 1px solid #c6e1f2;

        }

    </style>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

        <AjaxSettings>

            <telerik:AjaxSetting AjaxControlID="Panel1">

                <UpdatedControls>

                    <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />

                </UpdatedControls>

            </telerik:AjaxSetting>

        </AjaxSettings>

    </telerik:RadAjaxManager>

    <br /><br />

    <fieldset class="module1">

        <asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center" Height="275px">

            <asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click"

                Style="margin-top: 15px; margin-left: 15px" CssClass="qsfButtonBigger" />

        </asp:Panel>

    </fieldset>

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" EnableSkinTransparency="true" BackgroundPosition="BottomRight">

        <img src="images/loading6.gif" />

    </telerik:RadAjaxLoadingPanel>

</asp:Content>