#popup {
position:absolute;
    left:1em;
    bottom:0;
    width:20em;
    z-index: 10000;
    text-align: center;
    display:none;
    font-size:.85em;
}

#popupTab {
    position:absolute;
    top:-2.2em;
    right:1em;
    /*background-color:#adcc3f;*/
    
    background-color:#00a8b7;
    background-color:#c00;
    font-family:'DisplayText';
    color:#fff;
    padding:1em;
    padding-top:.5em;
    padding-bottom:.75em;
    border-top-left-radius:.75em;
    border-top-right-radius:.75em;
    cursor:pointer;
    white-space: nowrap;
}

#popupBox {
    position:relative;

    width:20em;
    background-color:#119897;
    /*background-image:url(../img/mainInterface/popupBack.png);*/
    background-position:center -2em;
    background-size:102% auto;
    display:inline-block;
    border-top-left-radius:1em;
    border-top-right-radius:1em;
    padding:0em;
    font-size:1.2em;
    width:20em;
    overflow: hidden;

}

#popupBox .textGreen {
    color:#adcc3f;
    font-family:'DisplayText';
}

#popupBox .textBlue {
    color:#0000EE;
    font-family:'BoldText';
}

#popupBox .textWhite {
    color:#fff;
    font-family:"DisplayText";
}
.popupTop {
    background-color:#deeaf7;
    margin:0;
    padding:1em;
    padding-bottom:0;
}
.popupTopCurve {
    background-color:#deeaf7;
    height:1em;
    border-bottom-left-radius:100%;
    border-bottom-right-radius:100%;
}
.popupBanner {
    font-size:.8em;
    position:absolute;
    top:2em;
    left:-4em;
       background-color:#adcc3f;
    height:1.75em;
    width:12em;
    transform-origin: 50% 0;
    transform:rotate(-45deg);
    padding-top:.75em;
        font-family:'DisplayText';
        color:#fff;
}

.popupLogo {
    background-image:url(../img/countdownLogo.png);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:center center;
    width:3.5em;
    height:3.5em;
    display:inline-block;
    margin-bottom:1em;
}

.popupTitle {
    font-size:1.1em;
    font-family:'DisplayText';
    color:#2070c4;
    line-height: 1.35em;
}

#popupBox strong {
    color:#fff;
}

.popupBody {
   margin-top:1em;
    font-size:.85em;
    line-height: 1.2em;
    padding:1em;
    padding-left:2em;
    padding-right:2em;

}

#popupBox h1 {
    font-size:1.25em;
    color:#2eacbe;
    font-family:'DisplayText';
    text-align:center;
    margin-bottom:.5em;
}

.popupRedText {
    color:#c00;
    font-family:'DisplayText';
}
.popupBlueText {
    color:#2eacbe;
    font-family:'DisplayText';
}
#popupBox p {
    font-family:'BodyText';
    text-align:center;
    margin-bottom:1em;
    color:#333;
    color:rgba(255,255,255,.6);
        
}

#popupClose {
    
        background-color:#adcc3f;
    background-color:#2eacbe;
    background-color:#119897;
    position:absolute;
    top:0;
    right:0;
    color:#fff;
    padding:.5em;
    font-size:.9em;
    font-family:'BoldText';
    border-bottom-left-radius:.75em;
    padding-left:.5em;
    padding-right:.5em;
    cursor:pointer;
}

#popupDismiss {
    background-color:#adcc3f;
    display:inline-block;
    color:#fff;
    padding:.75em;
    font-size:.9em;
    font-family:'DisplayText';
    border-radius:.25em;
    padding-left:.75em;
    padding-right:.75em;
    margin-bottom:1em;
    cursor:pointer;
}