#popup {
    position              : absolute; 
    max-width             : 100%;
    width                 : auto;
    height                : auto;
    left                  : 0;
    top                   : 0;
    display               : none;
    background-color      : #eee;
    z-index               : 9;
    font-size             : 100%; 
    padding               : 20px;
    border                : 4px solid #444;
    border-radius         : 15px;
    overflow              : scroll;
} 

#popup .header img { 
    position              : absolute; 
    right                 : 0; 
    top                   : -4px; 
    width                 : 28px; 
    height                : 28px; 
    cursor                : pointer; 
}

#popup .header { 
    position              : relative; 
    text-align            : center; 
    font-size             : 120%; 
    font-weight           : bold; 
    margin-bottom         : 20px; 
    width                 : auto; 
    vertical-align        : top; 
}

#popup .body { 
    background-color      : #fff; 
    border                : 2px solid #ccc; 
    border-radius         : 5px; 
    margin-bottom         : 20px; 
    padding               : 10px 2px; 
} 

#popup .footer { 
    text-align            : center; 
}
 
#popup button {
    width                 : 125px; 
    height                : auto; 
    font-size             : 120%; 
    font-weight           : bold;
    text-align            : center; 
    padding               : 4px; 
    margin                : 8px; 
    color                 : #fff; 
    background-color      : #444;
    border                : 2px solid #fff; 
    border-radius         : 10px; 
    cursor                : pointer; 
}