/*
 * jQuery Mobile Framework : plugin to provide a simple Dialog widget.
 * Copyright (c) JTSage
 * CC 3.0 Attribution.  May be relicensed without permission/notifcation.
 * https://github.com/jtsage/jquery-mobile-simpledialog
 */

.ui-simpledialog-header h4 {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center
}

.ui-simpledialog-container {
    border: 5px solid #111!important;
    max-width: 500px;
    width: 85%;
}

.ui-simpledialog-screen {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ui-simpledialog-hidden { display: none }

.ui-simpledialog-input {
    display: block!important;
    margin-left: auto;
    margin-right: auto;
    width: 85%!important;
}

.ui-simpledialog-screen-modal {
    -moz-opacity: .8;
    background-color: black;
    filter: alpha(opacity=80);
    opacity: .80;
}

.ui-simpledialog-subtitle { text-align: center }

.ui-simpledialog-controls .buttons-separator { min-height: .6em }

.ui-simpledialog-controls .button-hidden { display: none }

.ui-dialog .ui-simpledialog-container { border: none!important }

.ui-dialog-simpledialog .ui-content { padding: 5px!important }