ASP.NET

/*for user code pop-up */
.confirm-dialog .base
{
    BORDER-TOP: #ddd 1px solid;BACKGROUND: url(img/base.png) no-repeat left bottom;
    PADDING-BOTTOM: 4px;MARGIN-LEFT: -11px;MARGIN-RIGHT: -11px;
    PADDING-TOP: 4px;TEXT-ALIGN: center;
}
.modalBackground
{
    background-color:Gray;filter:alpha(opacity=70);opacity:0.7;
}



<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content2" ContentPlaceHolderID="headerContent" runat="server">
<script type="text/javascript">
    function Popup()
{
    var modalPopupBehavior = $find('ModalPopupBehavior1');
    modalPopupBehavior.show();
}
</script>
    <style type="text/css">
        .confirm-dialog
        {
            margin-bottom: 0px;
        }
    </style>

</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="phBody" runat="server">
    <div class="PageDesc">
        <asp:Localize ID="userCodesPageDescr" runat="server" EnableViewState="False"
            meta:resourcekey="userCodesPageDescrResource1" Text="User Codes enable individual users to arm and
        disarm your security system. Check 'Security Panel Access' to give a user local access so they can arm/disarm
        through the system keypad. Uncheck it to remove local access temporarily - the code will still show
        on the website. (Note that user codes must be 4 digits. Codes 0000 and 0001 are not allowed.)"></asp:Localize>
    </div>
    <div class="PageDesc" align="right">
    <asp:LinkButton ID="lbtnRequestUserCode" runat="server" OnClientClick="Popup()"
                                meta:resourcekey="lbtnRequestUserCodeResource1"
             CausesValidation="False">Request Panel User Codes</asp:LinkButton>
    </div>
   <div>

    <asp:Panel ID="confirmPanel" runat="server" BackColor="White" Width="325px"  CssClass="confirm-dialog"
    meta:resourcekey="confirmPanelResource1">
    <div style="background-color: #EEEEEE; font-weight: bold; padding: 5px 5px 5px 5px;">
        <asp:Localize ID="Localize1" runat="server"
            meta:resourceKey="locConfirmDeleteRc1" Text="Request User Codes from Panel"></asp:Localize></div><br />
    <div style="padding: 0px 10px 15px 10px;">
        <asp:Localize ID="Localize2" runat="server"
            meta:resourceKey="ConfirmDeleteTextRc1"
            Text="Are you sure you would like to replace the website user codes with the user codes from the panel?"></asp:Localize> <br /><br />
        <asp:Localize ID="Localize3" runat="server"
            meta:resourceKey="ConfirmDeleteTextRc1"
            Text="&lt;b&gt;Note: Codes uploaded from the panel will overwrite those in the website if they are out of sync.&lt;/b&gt; "></asp:Localize> <br /><br />
       <br /><br />
        <table width="100%">
            <tr>
                <td style="text-align: center;">
                    <asp:Button ID="butConfirmYes" runat="server" Text="Countinue" CssClass="styledbutton"
                        meta:resourcekey="butCountinue_userCode1"  OnClientClick="Popup();"/>
               </td>
                <td>&nbsp;</td>
                <td style="text-align: center;">
                    <asp:Button ID="butCancel" runat="server" Text=" Cancel " CssClass="styledbutton" meta:resourcekey="butCancel_userCode" />
                </td>
            </tr>
        </table>
    </div>
</asp:Panel>
<asp:Panel ID="pnlModal" runat="server">
<ajax:ModalPopupExtender ID="modalPopup" runat="server" BehaviorID="ModalPopupBehavior1"
    CancelControlID="butConfirmNo" OkControlID="butConfirmYes"
    PopupControlID="confirmPanel" TargetControlID="lbtnRequestUserCode"
    DynamicServicePath="" Enabled="True"  BackgroundCssClass="modalBackground" />
 </asp:Panel>
    </div>


    <uc1:UserCodesControl ID="usercodes" runat="server" />

    <asp:Panel ID="pnlCSNote" runat="server" Visible="False" CssClass="PageDesc"
        style="margin-top: 10px" meta:resourcekey="pnlCSNoteResource1">
        <p><span style="font-weight: bold">
                <asp:Localize ID="labelNote" runat="server" EnableViewState="False"
                meta:resourcekey="labelNoteResource1" Text="Note:"></asp:Localize>
           </span>
            <asp:Localize ID="userCodesNote" runat="server" EnableViewState="False"
                meta:resourcekey="userCodesNoteResource1" Text="The changes you make on this page will not update the response information
            in the central monitoring station. In order to make changes to the response information
            stored at the central station, which is used to respond to alarm signals from your
            account, you should contact your alarm dealer or the central station directly."></asp:Localize>
            </p>
    </asp:Panel>



</asp:Content>