Show Popup Like a Model Popup

Show Div Like a ModelPopup:

Write Top of the ASPX page (in a content if masterpage is there)

<style>

.top_block

{

    position: absolute;

    display: block;

    min-height: 50px;

    width: 275px;

    z-index: 1001;

    background: white;

    margin-left: -234px;

    left: 58%;

    top: 10%;

    border: 6px solid white;

    border-radius: 10px 10px;

    -moz-border-radius: 10px 10px;

    padding: 15px;

    background: url("../images/line_divider.png") no-repeat scroll right center #E6E6E6;

}

.popup-boxclose

{

    float: left;

    height: 39px;

    left: 275px;

    position: absolute;

    top: -40px;

    width: 40px;

    z-index: 9999;

    cursor: pointer;

}

.translucent_cover

{

position: absolute;

display: block;/*

height: 1500px;

width: 2000px;*/

height:100%;

width:100%;

top: 0;

left: 0;

z-index: 1000;

background: black;

-moz-opacity: 0.8;

opacity:.80;

/*margin-top: -300px;

margin-left: -100px;*/

filter: alpha(opacity=80);

}

</style>

<script language=”Javascript”>

function close_pop() {

    document.getElementById("overlay").style.display = 'none';

    document.getElementById("top_block").style.display = 'none';

    $("body").css("overflow", "auto");

}

function pop() {

    $("body").css("overflow", "hidden");

    document.getElementById("overlay").style.display = 'block';

    document.getElementById("top_block").style.display = 'block';

}

</script>

  <div class="translucent_cover" id="overlay" style="display:none;">

    </div>

    <div class="top_block" id="top_block" style="display:none;">

        <div id="Error-boxclose" class="popup-boxclose">

            <img width="40" height="39" alt="" src="images/close-icon.png" onclick="close_pop()">

        </div>       

        <div id="ValidationSummeryFromJS" class="PopUpScroll">

        </div>       

    </div>

<img width="40" height="39" alt="" src="images/open-icon.png" onclick="pop()">