/* Rules to integrate/overwrite jQuery UI */

body.dialog form,
body.dialog .callToAction {
    margin-top: -15px; /* Not an elegant solution... */
}

.tmtModalFrame {
    width: 100% !important;
}

.CS_Document .ui-widget,
.imd .ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.CS_Document .ui-dialog,
.imd .ui-dialog {
    background-color: #FFFFFF !important;
}

    .CS_Document .ui-dialog .ui-dialog-content,
    .imd .ui-dialog .ui-dialog-content {
        padding: 0 !important;
    }

    .CS_Document .ui-dialog .footerDialog,
    .imd .ui-dialog .footerDialog {
        overflow: visible;
        padding: 0.5em 1em !important;
    }

    .CS_Document .ui-dialog .ui-widget-header,
    .imd .ui-dialog .ui-widget-header {
        background: none;
        border: none;
        color: #FFFFFF;
    }

    .CS_Document .ui-dialog .ui-dialog-titlebar,
    .imd .ui-dialog .ui-dialog-titlebar {
        background-color: #FFFFFF;
        height: 40px;
        padding: 0;
    }

        .CS_Document .ui-dialog .ui-dialog-titlebar .ui-state-hover,
        .imd .ui-dialog .ui-dialog-titlebar .ui-state-hover {
            background: transparent;
        }

.CS_Document .ui-dialog-titlebar-close,
.imd .ui-dialog-titlebar-close {
    background: none;
    border: none;
    height: 42px;
    width: 42px;
    right: 13px;
    outline: none;
    top: 25%;
    padding: initial;
}

.CS_Document .ui-dialog .ui-widget-header .ui-icon,
.imd .ui-dialog .ui-widget-header .ui-icon {
    background-image: url("images/dialog-close.png");
    background-repeat: no-repeat;
    height: 42px;
    width: 42px;
    top: 10px;
}

.CS_Document .ui-dialog .ui-widget-header .ui-state-hover .ui-icon,
.imd .ui-dialog .ui-widget-header .ui-state-hover .ui-icon {
    background-image: url("images/dialog-close-over.png");
}

.CS_Document .ui-dialog .ui-icon-closethick,
.imd .ui-dialog .ui-icon-closethick {
    background-position: 0px 0px;
}

/* Datepicker */

.imd .ui-datepicker {
    z-index: 10000 !important;
}

.ui-widget-overlay {
    background: repeat-x scroll 50% 50% #333333;
    opacity: 0.8;
}