body { padding:0px; margin:0px; overflow:hidden; z-index:0; position:relative; }
* { margin: 0; -webkit-user-select: none; font-family:Arial; }

#gameSurface {
}

.greyGradBack {
    background:url(/documents/html5/games/ratskate/img/c1d.png);
}

.fullscreen { position:fixed; top:0px; left:0px; }
.logo { position:absolute; margin-left:-150px; left:50%; margin-top:60px; }

.snappyLogo { width:233px; }

#loader { position: relative; width: 100%; overflow: hidden; }
#loader p { text-align:center; font-size:30px; font-weight:bold; margin:120px 0 0 0; color:#ffffff; }
#loader .bar { width: 200px; height: 20px; margin: 40px 0; position: relative; margin-left: -100px; left: 50%; background: rgba(255,255,255,0.2); }
#loader .bar .inner { position: absolute; left: 0px; height: 20px; background: #71A12D; }

#loader .ad { margin: 20px auto 0px auto; width: 300px; }
#loader .skip { width: 120px; text-decoration: none; text-align: center; margin: 10px auto; display: block; font-family: Arial; font-weight: bold; padding: 15px; background: #FFD91E; border-radius: 10px; color: #222222; font-size: 16px; }

#gameContainer { position: fixed; left:0px; top:0px; margin: 0 auto; }

#xfs { position:absolute; top:0px; left:0px; width:10px; height:10px; display:block; }

#popupCover { background:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px; z-index:2; }

#eolad { left:50%; margin-left:-150px; z-index:999; position:absolute; width:300px; height:250px; }
#eolad .close { position:absolute; bottom:-40px; left:50%; margin-left:-16px; }
#eolad .close img { width:32px; }