/* Popup */

.CoverPop-open,
.CoverPop-open body {
    overflow: hidden;
}

#CoverPop-cover {
    display: none;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4000;
    -webkit-animation: fade-in .25s ease-in;
    -moz-animation-name: fade-in .25s ease-in;
    -ms-animation-name: fade-in .25s ease-in;
    -o-animation-name: fade-in .25s ease-in;
    animation-name: fade-in .25s ease-in;
}

.Welcome-Cover-Logo {
    margin: 25px 0 25px 25px; display:inline-block;float:left;
}

.CoverPop-open #CoverPop-cover, .CoverPop-open #CoverPop-welcome {
        display: block;
        margin:auto;
    }

.CoverPop-content {
    position:relative;
    width:30%;
    margin: 10% auto 0;    
    border:4px solid #000;    
    text-align:center;
}

.CoverPop-mobile-content {
    width:90% !important;
    margin:25% auto 0 !important;
}

.CoverPop-content p.x {
    position:absolute;
    top:0;
    right:0;
    font-size:24px;
    padding:5px;
    color:#a5d543;
}

.CoverPop-mobile-content p.x {
    margin-top:14px;
}

.mobile-x-alt {
    position:absolute;
    bottom:0;
    right:5px;
    font-size:24px;
    padding:5px;
    color:#a5d543;
}

.mobile-x-alt a {
    color:#000 !important;
    text-decoration:none;
}


.CoverPop-content p.x a {
    color:#fff !important;
    text-decoration:none;
}

.CoverPop-content p.x a:hover {
    text-decoration: none;
}
@-webkit-keyframes fade-in {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}

.CoverPop-small {
    font-size:12px;
    color:#fff;    
    font-weight:700;
}


.splash {
    background-color: rgb(214,230,236);
    background-color: rgba(214,230,236,.5);
}

.splash-center-top {
    background:#E62E25;
    color:#fff;
    font-size:20px;
    line-height:22px;
    padding: 8px 22px 8px 12px;
}

.splash-center-top-alt {
    border-bottom:1px solid #000;
    text-align:left;
}

.splash-center {
    padding: 20px 20px 5px 20px;
    color:#000;
    background-color:#fff;   
}

.splash-center a {
}

.close-splash {
    margin-top:5px;
    text-align:center;
    display:block;
    padding-bottom:0;
    background:#a5d543;
    padding:4px 6px;
    width:auto;
    display:inline-block;
    font-weight:700;
}

.close-splash a {
    color:#fff !important;
}

.close-splash a:hover {
    color:#000 !important;
    text-decoration:none;
}


.splash-center input {
    border:2px solid #000;
    font-size:15px;
}

.splash-center input:focus {
    border:2px solid #000;   
    background-color:#a5d543;
    color:#fff;
}

.splash-center input[type=submit] {
    background-color:#a5d543;
    color:#fff;
    font-weight:700;
    font-size:15px;
}

.splash-center input[type=submit]:hover {
    color:#000;
    cursor:pointer;
}

.splash-center input {
    padding:4px 2px;
}

.splash-center form {
    padding-bottom:10px;
}

