div.popupOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.5);
}

div#popupDialog, div#sessionTimeoutPopupDialog {
    display:none;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 30px;
    overflow: auto;
    z-index: 10001;
    width: 600px;
    height: 370px;
    border: 2px solid rgb(253,197,0);
}

/* jQuery Dialog CSS */
div.ui-dialog-titlebar {
    background:  #32566e;
    border-color:  #32566e;
}

/* jQuery Dialog button CSS */
div.ui-dialog-buttonset button.saveButton,
div.ui-dialog-buttonset button.addButton,
div.ui-dialog-buttonset button.cancelButton,
div.ui-dialog-buttonset button.deleteButton,
div.ui-dialog-buttonset button.applyButton,
div.ui-dialog-buttonset button.refreshButton,
div.ui-dialog-buttonset button.disableButton,
div.ui-dialog-buttonset button.settingsButton {
    outline: 0;
    border: none;
    height: 26px;
    width: 26px;
    margin: 10px 0px 0px 15px;
}

/* Save Button */
div.ui-dialog-buttonset button.saveButton {
    background: url('/static_media/img/branding/save_24px_av.png') no-repeat;
}

div.ui-dialog-buttonset button.saveButton:hover {
    background: url('/static_media/img/branding/save_24px_ro.png') no-repeat;
}

div.ui-dialog-buttonset button.saveButton:active {
    background: url('/static_media/img/branding/save_24px_sel.png') no-repeat;
}

div.ui-dialog-buttonset button.saveButton:disabled {
    background: url('/static_media/img/branding/save_24px_na.png') no-repeat;
}

/* Add Button */
div.ui-dialog-buttonset button.addButton {
    background: url('/static_media/img/branding/add_new_24px_av.png') no-repeat;
}

div.ui-dialog-buttonset button.addButton:hover {
    background: url('/static_media/img/branding/add_new_24px_ro.png') no-repeat;
}

div.ui-dialog-buttonset button.addButton:active {
    background: url('/static_media/img/branding/add_new_24px_sel.png') no-repeat;
}

div.ui-dialog-buttonset button.addButton:disabled {
    background: url('/static_media/img/branding/add_new_24px_na.png') no-repeat;
}

/* Cancel Button */
div.ui-dialog-buttonset button.cancelButton {
    background: url('/static_media/img/branding/cancel_24px_av.png') no-repeat;
}

div.ui-dialog-buttonset button.cancelButton:hover {
    background: url('/static_media/img/branding/cancel_24px_ro.png') no-repeat;
}

div.ui-dialog-buttonset button.cancelButton:active {
    background: url('/static_media/img/branding/cancel_24px_sel.png') no-repeat;
}

div.ui-dialog-buttonset button.cancelButton:disabled {
    background: url('/static_media/img/branding/cancel_24px_na.png') no-repeat;
}

/* Delete Button */
div.ui-dialog-buttonset button.deleteButton {
    background: url('/static_media/img/branding/delete_24px_av.png') no-repeat;
}

div.ui-dialog-buttonset button.deleteButton:hover {
    background: url('/static_media/img/branding/delete_24px_ro.png') no-repeat;
}

div.ui-dialog-buttonset button.deleteButton:active {
    background: url('/static_media/img/branding/delete_24px_sel.png') no-repeat;
}

div.ui-dialog-buttonset button.deleteButton:disabled {
    background: url('/static_media/img/branding/delete_24px_na.png') no-repeat;
}

/* Apply Button */
div.ui-dialog-buttonset button.applyButton {
    background: url('/static_media/img/branding/apply_24px_av.png') no-repeat;
}

div.ui-dialog-buttonset button.applyButton:hover {
    background: url('/static_media/img/branding/apply_24px_ro.png') no-repeat;
}

div.ui-dialog-buttonset button.applyButton:active {
    background: url('/static_media/img/branding/apply_24px_sel.png') no-repeat;
}

div.ui-dialog-buttonset button.applyButton:disabled {
    background: url('/static_media/img/branding/apply_24px_na.png') no-repeat;
}

/* Refresh Button */
div.ui-dialog-buttonset button.refreshButton {
    background: url('/static_media/img/branding/refresh_24px_av.png') no-repeat;
}

div.ui-dialog-buttonset button.refreshButton:hover {
    background: url('/static_media/img/branding/refresh_24px_ro.png') no-repeat;
}

div.ui-dialog-buttonset button.refreshButton:active {
    background: url('/static_media/img/branding/refresh_24px_sel.png') no-repeat;
}

div.ui-dialog-buttonset button.refreshButton:disabled {
    background: url('/static_media/img/branding/refresh_24px_na.png') no-repeat;
}

/* Disable/No Button */
div.ui-dialog-buttonset button.disableButton {
    background: url('/static_media/img/branding/disable_av.png') no-repeat;
}

div.ui-dialog-buttonset button.disableButton:hover {
    background: url('/static_media/img/branding/disable_ro.png') no-repeat;
}

div.ui-dialog-buttonset button.disableButton:active {
    background: url('/static_media/img/branding/disable_sel.png') no-repeat;
}

div.ui-dialog-buttonset button.disableButton:disabled {
    background: url('/static_media/img/branding/disable_na.png') no-repeat;
}


/* Settings Button */
div.ui-dialog-buttonset button.settingsButton {
    background: url('/static_media/img/branding/settings_24px_av.png') no-repeat;
}

div.ui-dialog-buttonset button.settingsButton:hover {
    background: url('/static_media/img/branding/settings_24px_ro.png') no-repeat;
}

div.ui-dialog-buttonset button.settingsButton:active {
    background: url('/static_media/img/branding/settings_24px_sel.png') no-repeat;
}

div.ui-dialog-buttonset button.settingsButton:disabled {
    background: url('/static_media/img/branding/settings_24px_na.png') no-repeat;
}