.black_overlay{
     display: none;
     position: absolute;
     top: 0%;
     left: 0%;
     width: 100%;
     height: 150%; 
     background-color: black;
     z-index:1001;
     -moz-opacity: 0.8;
     opacity:.80;
     filter: alpha(opacity=80);
   }
   .white_content {
     display: none;
     position: absolute;
    
     top: 20%;
     left: 25%;
     width: 50%;
     

     
     padding: 16px;
     border: 12px solid White;
     background-color: #DBDBDB;
     z-index:1002;
     overflow: auto;
   }
   .closeform{color:Red; font-weight:bold; text-align:right; display:block;}
 
/* IMPLEMENTATION  
<!-- FocusOnFormBlurBackground Starts Here-->
<a href = "javascript:void(0)" onclick = "document.getElementById('focus').style.display='block'; document.getElementById('blurr').style.display='block'">here</a>
<div id="focus" class="white_content"><div class="closeform"><a href = "javascript:void(0)" onclick ="document.getElementById('focus').style.display='none'; document.getElementById('blurr').style.display='none'"><b style="color:Red;">[Close]</b></a></div>

Hello World!

</div><div id="blurr" class="black_overlay"></div>
<!-- FocusOnFormBlurBackground Ends Here-->
*/