popup box #2

/*POPUP BOX by html-tutorials*/
/*change the color hex to your liking*/
#fade {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 10;
    background-color: white;
    z-index: 9999;
}

.popup_block {
    background: #FFFFFF;
	background-image: url(IMAGEURLHERE); /*delete line if you don't want a background image*/
    display: none;
    padding: 20px;
    float: left;
    height: auto;
    position: fixed;
	top:50%;
	left:50%;
    z-index: 999999999;
    -webkit-animation: zoomIn 1s;
	animation-name: zoomIn 1s;
	-moz-box-shadow: 0 0 5px #808080; /*delete line if you don't want a box shadow*/
	-webkit-box-shadow: 0 0 5px #808080; /*delete line if you don't want a box shadow*/
	-webkit-border-radius: 10px; /*delete line if you don't want a rounded border*/
	-moz-border-radius: 10px; /*delete line if you don't want a rounded border*/
	border-radius: 10px; /*delete line if you don't want a rounded border*/
}

img.btn_close {
    float: right;
    margin: -5px -5px 0 0;
}

*html #fade {
position: absolute;
}

*html .popup_block {
position: absolute;
}