/*
    The browser-upgrade popup appears on the home page and performance page in
    IE 10 and below. These pages use different stylesheets (in particular,
    overrides.less, which was created for the A/B reskin of the checkout,
    isn't used on the home page). Because of that, there are three sets of styles
    in this file: one for common styles, one for the home page, and one for the performance page
*/

/* Common styles */

.ui-dialog-browser-upgrade .ui-icon.ui-icon-closethick {
    background-image: url(../images/jqueryui/ui-icons_707070_256x240.png);
}

.browser-upgrade h3 {
    margin: 0 0 0.5em;
    padding: 0 0.65em;
}

.browser-upgrade p,
.browser-logo-wrapper {
    padding: 0 1em 1em;
}

.browser-logo-wrapper {
    text-align: center;
}

.browser-logo-wrapper a {
    display: inline-block;
    margin-right: 12px;
}

/* End common styles */

/* Home page styles */

.ui-widget-overlay {
    /* Without this, certain elements on the home page (like the Featured
    Elements gradients) poke through the modal backdrop */
    z-index:1000;

    background: #111;
}

.browser-upgrade.ui-dialog-content {
    padding: 0;
}

.ui-dialog .ui-dialog-title {
    margin: 10px 0 7px -2px;
}

.ui-widget-header {
    border: 0;
    background: #fff;
}

.home-page .ui-dialog-titlebar-close {
    background-color: #fff;
    border: 0;
    width: 16px;
    background-position: -96px -128px;
    margin: -19px 10px 0px 0;
}

.browser-upgrade {
    font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
}

.browser-upgrade h3 {
    font-size: 21px;
}

.browser-upgrade p {
    font-size: 14px;
    font-weight: 400;
}

.ui-dialog a {
    color: #1578cf;
}

/* End home page styles */

/* Performance page styles */

/* This ensures the modal will show above the email capture modal on the performance page */
.ui-dialog-browser-upgrade {
    z-index: 1051 !important;
}

.browser-upgrade {
    /* !important is needed to override an inline style */
    height: auto !important;
}

.checkout .ui-dialog-browser-upgrade .ui-dialog-title {
    margin: 13px 0 2px 11px;
}

.checkout .ui-dialog-browser-upgrade .ui-dialog-titlebar-close {
    margin: -16px 10px 0px 0;
}

/* End performance page styles */