/* =============================================== (jQuery UI modifications) ============================================== */


.ui-widget,
.ui-widget .ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {

    font-family: Arial;
    font-size: 12px;
    }


.ui-widget-content { color: #222222; font-weight: normal; }

.ui-button { vertical-align: middle; }

.ui-button,
.ui-button .ui-button-text {}

/* IE7 */
*:first-child+html button.ui-button .ui-button-text { padding-top: 0.3em; padding-bottom: 0.3em; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {

    border-color: #7F7F7F;
    border-bottom-color: #535353;
    border-right-color: #535353;
    color: #333;
    }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus {

    border-color: #7F7F7F;
    border-top-color: #535353;
    border-left-color: #535353;
    color: #212121;
    }

.ui-button .ui-button-text { line-height: normal; }

/* active */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {

    border-color: #979797;
    border-top-color: #7E7E7E;
    border-left-color: #7E7E7E;
    }

/* for buttonsets */
label.ui-state-active,
.ui-widget-content label.ui-state-active {

    background: #CCC;
    color: #000;
    }

/* ===== (dialog related) ===== */

.ui-dialog .ui-dialog-content, .learnMore {

    font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
    font-size: 13px;
    padding: 13px;
    }

.ui-dialog.content-padding-none .ui-dialog-content { padding: 0; }

.ui-dialog .ui-dialog-content p,
.ui-dialog .ui-dialog-content h1,
.ui-dialog .ui-dialog-content h2,
.ui-dialog .ui-dialog-content h3 { font-size: 14px; margin: 0 0 15px 0; }
.ui-dialog .ui-dialog-content h4 { font-size: 13px; margin: 15px 0 0;}

/* dialog errors */
.ui-dialog .ui-dialog-content div.inline-error { display: inline; color: red; }

.ui-dialog .ui-dialog-content-error {

    margin-top: 5px;
    color: red;
}

.ui-dialog.ui-corner-all {

    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border-color: #666;
    border-width: 6px;
    padding: 0;
    }

.ui-dialog .ui-dialog-titlebar {

    padding: 10px 0 10px 8px;
    background: #E6E6E6;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border: 0;
    border-bottom: 1px solid #B3B3B3;
    }

.ui-dialog.error .ui-dialog-titlebar { background: #E6E6E6 url('/i/icon_dialog_error.png') no-repeat 7px center; }
.ui-dialog.warning .ui-dialog-titlebar { background: #E6E6E6 url('/i/icon_dialog_warning.png') no-repeat 7px center; }
.ui-dialog.info .ui-dialog-titlebar { background: #E6E6E6 url('/i/icon_dialog_info.png') no-repeat 7px center; }

.ui-dialog .ui-dialog-title {

    font: bold 14px arial, helvetica, sans-serif;
    color: #4C4C4C;
    text-shadow: rgba(255,255,255,.6) 0 1px 0;
    padding-right: 13px;
    }

.ui-dialog.error .ui-dialog-title,
.ui-dialog.warning .ui-dialog-title,
.ui-dialog.info .ui-dialog-title { margin-left: 37px; }

.ui-dialog .ui-dialog-buttonpane {

    padding: 1px 13px;
    background: #E6E6E6;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border: 0;
    margin: 0;
    border-top: 1px solid #B3B3B3;
    position: relative;
    }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { font-size: 12px; }

.ui-dialog .ui-dialog-buttonpane button.btn-secondary {

    background: transparent !important;
    border-color: transparent !important;
    text-decoration: underline;
    color: #EB3F3B;
    }

.ui-dialog .ui-dialog-buttonpane button.btn-secondary span {

    padding-right: 1px;
    padding-left: 1px;
    }

/* button padding that is missing in order to match builder buttons*/
.btn-padding{
    padding:.4em 1em;
}

.progress-bar-text {
    position: absolute;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    width: 100%;
    vertical-align: middle;
    line-height: 2em;
}