﻿body { padding:0px; margin:0px; overflow:hidden; z-index:0; position:relative; }
* { margin: 0; -webkit-user-select: none; font-family:Arial; }

#gameSurface {
}

.gameContainer { position:fixed; top:0px; left:0px; margin: 0 auto; }

#xfs { position:absolute; top:0px; left:0px; width:10px; height:10px; display:block; z-index:10; }

.center {
    text-align: center;
}

#popupCover {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.8);
    z-index:1;
}

.popup {
    position: absolute;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    z-index:2;
    transition: all 0.25s ease 0s;
}

.popup.hidden {
    margin-top:-500px;
}

.popup .outer {
    padding:10px;
    font-family:Arial;
    color:#444444;
    font-size:12px;
    background: #ffffff;
}
.popup .outer .ct {
    position:relative;
    overflow:hidden;
}
.popup .outer p {
    margin:0 0 8px 0;
}
.popup .outer .big {
    font-size:20px;
    text-align:center;
}

.popup .outer .ctrls {
    text-align: center;
    margin: 20px 0 4px 0px;
}

.popup .outer .ctrls .zbutton {
    margin:0 4px;
}


.zbutton {
    background: #2C2C2C;
    padding: 4px 8px;
    display: inline-block;
    cursor:pointer;
    border-radius:4px;
} 

.zbutton span {
    color: #555555;
    color:#ffffff;
    font-size:16px;
}
.zbutton img {
    display:none;
}

.zbutton.loading {
    text-align:center;
}
.zbutton.loading span {
    display:none;
}
.zbutton.loading img {
    display:inline-block;
}

.ingamepop .outer {
    background:rgba(48,141,255,0.95);
    border-radius:10px;
    border:5px solid #276DCA;
}

.ingamepop .ct h2 {
    text-align:center;
    font-size:30px;
    color:#ffffff;
}
.ingamepop .ct p {
    text-align:center;
    font-size:15px;
    color:#ffffff;
}

.ingamepop .ct p.count {
    text-align:center;
    font-size:25px;
    color:#ffffff;
}

.username {
    padding:4px;
    border:1px solid #888888;
}

.username input {
    width:100%;
    height:30px;
    font-size:25px;
    color:#222222;
    border:none;
    padding:0;
    -webkit-user-select:auto;
}

.notice {
    font-style:italic;
    font-size:90%;
    color:#888888;
}

.botinfo {
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    text-align:center;
    font-family:Arial;
    font-size:12px;
    color:#ffffff;
}

.botinfo .inner {
    padding:5px;
    background:rgba(0,0,0,0.6);
}