#popup_container {
    font-size: 12px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    color: #000;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(0, 0, 0, 0.2) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 8px 8px, rgba(0, 0, 0, 0.2) 0px 16px 16px, rgba(0, 0, 0, 0.2) 0px 32px 32px, rgba(0, 0, 0, 0.2) 0px 64px 64px;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #FFF;
    background: #000; /* url(images/title.gif) top repeat-x;*/
    cursor: default;
    padding: 5px;
    margin: 0em;
    text-transform: uppercase;
}

#popup_content {
    background: 16px 16px no-repeat url(alert_images/info.gif);
    padding: 1em 1.75em;
    margin: 0em;
}

    #popup_content.alert {
        background-image: url(alert_images/info.gif);
    }

    #popup_content.confirm {
        background-image: url(alert_images/important.gif);
    }

    #popup_content.prompt {
        background-image: url(alert_images/help.gif);
    }

#popup_message {
    padding-left: 48px;
    max-height: 400px;
    overflow: auto;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em;
}

    #popup_panel input[type="button"] {
        border: none;
        padding: 6px 19px;
        border-radius: 20px;
        background: #464646;
        color: white;
        transition: 0.2s linear;
    }

        #popup_panel input[type="button"]:hover {
            background: black;
        }
        #popup_panel input[type="button"]:active, #popup_panel input[type="button"]:focus {
            outline: none;
            border: none;
        }

#popup_prompt {
    margin: .5em 0em;
}

#popup_overlay {
    opacity: 0.7 !important;
    background: #000 !important;
}