@import "http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz";
.modalbg{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0);z-index:99999;-moz-transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-o-transition:all 2s ease-out;
         transition:all 2s ease-out;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-transition-delay:.2s;display:block;pointer-events:none}
.modalbg .dialog{width:435px;position:relative;top:-1000px;margin:10% auto;padding:5px 20px 13px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#fff}
.modalbg .dialog .ie7{filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',Direction=135,Strength=3)}                                                                                                                                                                                      
.modalbg:target{display:block;pointer-events:auto;background:rgba(4,10,30,0.8);-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.modalbg:target .dialog{top:-70px;-moz-transition:all .8s ease-out;-webkit-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;-transition-delay:.4s}
.close{color:#FFF;line-height:25px;position:absolute;right:-12px;text-align:center;top:-10px;width:24px;text-decoration:none;font-weight:700}
.close .ie7{filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',Direction=135,Strength=3)}.fineprint{font-style:italic;font-size:10px;color:#646}

.modalbgs{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0);z-index:99999;-moz-transition:all 2s ease-out;-webkit-transition:all 2s ease-out;-o-transition:all 2s ease-out;
         transition:all 2s ease-out;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-transition-delay:.2s;display:block;pointer-events:none}
.modalbgs .dialogs{width:300px;position:relative;top:-1000px;margin:200px auto;padding:5px 5px 13px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#fff}
.modalbgs .dialogs .ie7{filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',Direction=135,Strength=3)}                                                                                                                                                                                      
.modalbgs:target{display:block;pointer-events:auto;background:rgba(4,10,30,0.8);-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.modalbgs:target .dialogs{top:-70px;-moz-transition:all .8s ease-out;-webkit-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;-transition-delay:.4s}
.closes{color:#FFF;line-height:25px;position:absolute;right:-12px;text-align:center;top:-10px;width:24px;text-decoration:none;font-weight:700}
.closes .ie7{filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',Direction=135,Strength=3)}.fineprint{font-style:italic;font-size:10px;color:#646}