WBB_Modal_Link.css

.modal {
    display:                    none; 
    position:                   fixed; 
    z-index:                    1; 
    padding-top:                100px;
    left:                       0;
    top:                        0;
    width:                      100%; 
    height:                     100%; 
    overflow:                   auto;
    background-color:           rgb(0, 0, 0); 
    background-color:           rgba(0, 0, 0, 0.4); 
}

.modal-content {
    position:                   relative;
    background-color:           #F7F7F7;
    margin:                     auto;
    padding:                    0;
    border:                     1px solid #888;
    width:                      80%;
    box-shadow:                 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name:     animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name:             animatetop;
    animation-duration:         0.4s;
}

.modal-header {
    padding:                    2px 16px;
    background-color:           #F44336;
    color:                      #FFF;
}

.modal-body { padding:          2px 16px; }

.modal-footer {
    padding:                    2px 16px;
    background-color:           #F44336;
    color:                      white;
}

.modal_h { line-height:         50px !important; }

.modal_p { color:               #000; }

.errsym {
    color:                      #FFF; 
    font-size:                  0.8em; 
}

.close {
    color:                      black;
    float:                      right;
    font-size:                  28px;
    font-weight:                bold;
}

.close:hover, .close:focus {
    color:                      white;
    text-decoration:            none;
    cursor:                     pointer;
}

@-webkit-keyframes animatetop {
    from { 
        top:                    -300px; 
        opacity:                0;
    } 
    to {
        top:                    0; 
        opacity:                1;
    }
}

@keyframes animatetop {
    from {
        top:                    -300px;
        opacity:                0;
    }
    to {
        top:                    0; 
        opacity:                1;
    }
}

/* --- EOF --- */