.modalDialog{position:fixed;font-family:Arial, Helvetica, sans-serif;top:0;right:0;bottom:0;left:0;background:#000;z-index:99999;opacity:0;-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{width:800px;position:relative;margin:10% auto;padding:50px;border-radius:10px;background:#000;background:-moz-linear-gradient(#fff, #000);background:-webkit-linear-gradient(#fff, #333);background:-o-linear-gradient(#fff, #000);}
.close{background:#000;color:#FFFFFF;line-height:25px;position:absolute;right:12px;text-align:center;top:10px;width:24px;text-decoration:none;font-weight:bold;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;}
.close:hover{background:#00d9ff;}