#layer {
        display: none;
        background: #000;
        position: fixed; left: 0; top: 0;
        z-index: 10;
        width: 100%; height: 100%;
        opacity: 0.5;
        z-index: 999;
    }
    .popup{
        display:none;
        background: #ffffff;
        padding: 10px;
        border: 2px solid #ddd;
        float: left;
        font-size: 1.2em;
        position: fixed;
        top: 50%; left: 50%;
        z-index: 99999;
        box-shadow: 0px 0px 20px #999;
        -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
        border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
    }
    .popup p {
        color: #000000;
    }
    img.button_close {
        float: right;
        margin: -28px -28px 0 0;
    }
    .threeA_logo {
        text-align: center;
    }