/* 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;
}