Popup

    <div id="pnlHowItWorks" class="customPopup">
        <div class="customPopup-bgShadow">
        </div>
        <div class="customPopupInner">
            <div class="popup-top">
                <img src="<%= Page.ResolveUrl("~/images/popup-top.png") %>" alt="" /></div>
            <div class="popup-bg">
                <div class="popup-close">
                    <img src="<%= Page.ResolveUrl("~/images/close.png") %>" onclick="hideHow();" alt=""
                        style="cursor: pointer;" />
                </div>
                <div class="popup-in">
                    <h6>
                        &nbsp;</h6>
                </div>
                <div class="faq">
                    <asp:Literal runat="server" ID="LtHowItWorks"></asp:Literal></div>
            </div>
            <div class="popup-top">
                <img src="<%= Page.ResolveUrl("~/images/popup-bot.png") %>" alt="" /></div>
        </div>
    </div>css
   .customPopup
        {
            display: none;
            float: left;
            width: 100%;
            height: 100%;
            opacity: 1;
            z-index: 999999;
            left: 0px;
            top: 0px;
            position: absolute;
        }
        .customPopupInner
        {
            width: 806px;
            z-index: 100000;
            margin: auto;
            position: relative;
            padding-top: 130px;
        }
        .customPopup-bgShadow
        {
            background: url(../images/bg-outer-shdow.png);
            height:  100%;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%!important;
            z-index: 99999;
        }
     function ShowHow() {

            $("#pnlHowItWorks").show();
        }

        function hideHow() {
            $("#pnlHowItWorks").hide();
        }