.modalDialog{background:rgba(0,0,0,0.8); top:0; right:0; bottom:0; left:0; position:fixed; z-index:99999; opacity:1; -webkit-transition:opacity 400ms ease-in; -moz-transition:opacity 400ms ease-in; transition:opacity 400ms ease-in; pointer-events:none;}

.modalDialog:target{opacity:1; pointer-events:auto;}

.modalDialog > div{background:rgb(200,200,200); margin:10% auto; padding:30px; width:75%; position:relative;}

.close{background:rgb(0,50,100); padding:0px 10px 0px 10px; color:rgb(255,255,255); font-weight:normal; line-height:25px; text-align:center; text-decoration:none; float:right; opacity:1;}
.close:hover {opacity:1; background: rgb(0,50,100); color: rgb(255,255,255);}