.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 8000; display: none; top: 0; left: 0; }
.reveal-modal { visibility: hidden; left: 50%; width: 400px; background: #FFF; position: absolute; z-index: 8001; height:311px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); border:2px solid #aaa; }
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal { background: none repeat scroll 0 0 #666666; border-radius: 50%; color: #FFFFFF; cursor: pointer; font-size: 19px; line-height: 0.5; padding: 4px; position: absolute; right: 0; top: -26px; }
.reveal-modal .close-reveal-modal:hover { background:#0298c9;}