#popup_container {
        font-family: Arial, sans-serif;
        font-size: 12px;
        min-width: 300px; /* Dialog will be no smaller than this */
        max-width: 600px; /* Dialog will wrap after this width */
        background: #fff;
        /* border: 3px solid #C0C0C0; */
        color: #000;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        text-align: center;
}

#popup_title {
        font-size: 16px;
        font-weight: bold;
        color: #EEE;
        background: #005293;
        border: 1px solid #005293;
        cursor: default;
        padding: 5px;
        margin: 0em;
}

#popup_content {
        background:url(../images/info.png) no-repeat;
        margin: 0;
}

#popup_content.alert {
        background-image: url(../images/info.gif);
        margin: 30px 10px 20px 20px;
}

#popup_content.confirm {
        background-image: url(../images/important.gif);
        margin: 30px 10px 20px 20px;
}

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

#popup_message {
        padding:0 45px;
  text-align: left;
}

#popup_panel {
        text-align: center;
        margin: 10px 0;
}
#popup_panel input[type="button"]{
        margin:0 5px;
        background: #005293;
        color:#FFF;
        border: 1px solid #CCC;
        padding: 5px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        }
#popup_prompt {
        margin: .5em 0em;
}
#popup_overlay{
        opacity: 0.5 !important;
        background: #000 !important;
        }
@media (max-width: 500px) {
#popup_container{
        min-width:100% !important;
        max-width:100% !important;
        left:0 !important;
        }
#popup_content.confirm,#popup_content.alert, #popup_content.prompt{
        background:none;
        margin: 10px 0;
        }
#popup_panel input[type="button"]{
        margin:2px 0 !important;
        }
#popup_message {
        padding:0 10px;
}
        }