/* Styles For Page Header */
/* line 2, pageFrame.scss */
#bodyWrapper {
    margin: 0 auto;
}
    /* line 5, pageFrame.scss */
    #bodyWrapper.withShadow {
        background: url(/Content/BXi.Web/images/bkgd_content_mid.png) repeat-y;
        width: 1000px;
    }

/* line 10, pageFrame.scss */
.bxLogo {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    width: 114px;
    z-index: 999;
}

/* line 18, pageFrame.scss */
.contentWrapper {
    margin: 0 auto;
    width: 960px;
}

/* line 22, pageFrame.scss */
.mainContainer {
    height: 100%;
    min-height: 900px;
    overflow: hidden;
    position: relative;
}

/* line 28, pageFrame.scss */
.container_16.alignRight .footer {
    padding-bottom: 10px;
    padding-right: 20px;
}

/* line 33, pageFrame.scss */
.bottomShadow {
    background: url(/Content/BXi.Web/images/bkgd_content_top9.png) no-repeat 50% 100%;
    height: 14px;
    margin: 0 auto;
    width: 1000px;
}

/* line 40, pageFrame.scss */
.notificationBase, .impersonationNotification, .readOnlyNotification, #browser-support {
    font-weight: bold;
    padding: 5px 0;
    z-index: 951;
    text-align: center;
    color: #FFF;
}

/* line 49, pageFrame.scss */
.impersonationNotification {
    background-color: #009AC8;
    height: 26px;
}
    /* line 55, pageFrame.scss */
    .impersonationNotification > #topCenterSearch {
        display: inline-block;
        vertical-align: middle;
        width: 65%;
    }
    /* line 61, pageFrame.scss */
    .impersonationNotification > .refreshlink {
        display: inline-block;
        vertical-align: middle;
    }
    /* line 66, pageFrame.scss */
    .impersonationNotification > .viewUserProfile {
        color: #fff;
        padding-left: 5px;
        display: inline-block;
        vertical-align: middle;
    }
        /* line 72, pageFrame.scss */
        .impersonationNotification > .viewUserProfile:hover {
            text-decoration: underline;
        }
        /* line 76, pageFrame.scss */
        .impersonationNotification > .viewUserProfile > input {
            width: 65%;
        }

/* line 82, pageFrame.scss */
.readOnlyNotification {
    background-color: #EA2839;
}

/* line 88, pageFrame.scss */
#browser-support {
    background-color: #9B1889;
}
    /* line 92, pageFrame.scss */
    #browser-support a {
        color: #00B0CA;
    }

/*MEDIA QUERY - Apply CSS if the width of window is 1125px or greater*/
@media only screen and (min-width: 1125px) {
    /* line 100, pageFrame.scss */
    #bodyWrapper.withShadow {
        background: url(/Content/BXi.Web/images/bkgd_content_mid_wide.png) repeat-y;
        width: 1125px;
    }

    /* line 104, pageFrame.scss */
    .bottomShadow {
        background: url(/Content/BXi.Web/images/bkgd_content_top9_wide.png) repeat-y 4px 100%;
        width: 1125px;
    }

    /* line 108, pageFrame.scss */
    .contentWrapper {
        width: 1085px;
    }

    /* line 111, pageFrame.scss */
    .container_16.alignRight {
        margin: 0 0 0 125px;
    }
        /* line 113, pageFrame.scss */
        .container_16.alignRight .footer {
            padding-right: 0;
        }
}
/*Browsers that do not support media queries will have the "wide" class added to necessary containers to give responsive design*/
/* line 120, pageFrame.scss */
#bodyWrapper.withShadow.wide {
    background: url(/Content/BXi.Web/images/bkgd_content_mid_wide.png) repeat-y;
    width: 1125px;
}

/* line 124, pageFrame.scss */
.bottomShadow.wide {
    background: url(/Content/BXi.Web/images/bkgd_content_top9_wide.png) repeat-y 4px 100%;
    width: 1125px;
}

/* line 128, pageFrame.scss */
.contentWrapper.wide {
    width: 1085px;
}

/* line 132, pageFrame.scss */
.container_16.alignRight.wide {
    margin: 0 0 0 125px;
}
    /* line 134, pageFrame.scss */
    .container_16.alignRight.wide .footer {
        padding-right: 0;
    }

/*basic page*/
/* line 140, pageFrame.scss */
html {
    overflow-y: scroll;
}

/* line 144, pageFrame.scss */
body {
    background-color: #FFFFFF;
    background: url(/Content/BXi.Web/images/background.png) repeat-x;
    color: #363434;
    font-family: Arial,Helvetica,clean,sans-serif;
    font-size: 70%;
}

/* line 152, pageFrame.scss */
header, footer, nav, section {
    display: block;
}

/* line 156, pageFrame.scss */
.sectionSpacer {
    height: 20px;
}

/* line 160, pageFrame.scss */
.sectionDivider {
    height: 10px;
    float: left;
    width: 100%;
}

/* line 166, pageFrame.scss */
.hasPlaceholder {
    color: #AAA;
}

/* line 170, pageFrame.scss */
.grayBgSectionHeader {
    background-image: url(/Content/BXi.Web/images/section-header.png);
    color: #FFF;
    font-size: 1.2em;
    height: 18px;
    line-height: 18px;
    padding: 2px 9px;
}

/* line 180, pageFrame.scss */
.graySection {
    background-color: #EBEBEB;
    border: none;
    width: 100%;
}

/* line 187, pageFrame.scss */
.displaySection {
    border: 1px solid #C3C3C3;
    width: 100%;
}

/* line 193, pageFrame.scss */
.displaySectionHeader {
    border: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
    border-left: 6px solid #C3C3C3;
    color: #363434;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 25px;
    padding-left: 10px;
}

/* line 205, pageFrame.scss */
.displaySectionBody {
    padding: 10px;
    position: relative;
    z-index: 1;
}