/******************** Alerts ********************/
.sitewide-alerts-outer-wrapper {
  z-index: 2;
}

.sitewide-alerts-wrapper {
  padding: 0.5rem 2rem;
}

.sitewide-alerts-header {
  font-size: 1.25em;
  text-transform: uppercase;
  line-height: 1.25em;
}

.sitewide-alerts-body {
  font-size: 1em;
  padding: 0.5rem 0rem 0rem 0rem;
}

.sitewide-alerts-button a.button {
  background-color: #000;
  color: #fff;
}

.sitewide-alerts-label {
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.sitewide-alerts-label--border-black {
  border: 1px solid #000;
}

.sitewide-alerts-label--border-white {
  border: 1px solid #fff;
}

.sitewide-alerts--fixed-width {
  width: 100%;
  max-width: 100%;
  margin: 2rem;
  border: 1px solid #c4bfc0;
}

.sitewide-alerts-emergency {
  background-color: #daaa00;
  background: #daaa00;
  color: #000;
}
.sitewide-alerts-emergency a:link, .sitewide-alerts-emergency a:visited, .sitewide-alerts-emergency a:active {
  color: #000;
  font-weight: bold;
  border-bottom: 2px solid #000;
}
.sitewide-alerts-emergency a:hover, .sitewide-alerts-emergency a:focus {
  color: #daaa00;
  background-color: #000;
}
.sitewide-alerts-emergency .sitewide-alerts-label {
  background: #daaa00;
  color: #000;
  border: 1px solid #000;
}

.sitewide-alerts-advisory {
  background-color: #8e6f3e;
  background: #8e6f3e;
  color: #fff;
}
.sitewide-alerts-advisory a:link, .sitewide-alerts-advisory a:visited, .sitewide-alerts-advisory a:active {
  color: #fff;
  font-weight: bold;
  border-bottom: 2px solid #fff;
}
.sitewide-alerts-advisory a:hover, .sitewide-alerts-advisory a:focus {
  background-color: #000;
}
.sitewide-alerts-advisory .sitewide-alerts-label {
  background: #8e6f3e;
  color: #000;
  border: 1px solid #000;
}

.sitewide-alerts-resolved {
  background-color: #ebd99f;
  background: #ebd99f;
  color: #000;
}
.sitewide-alerts-resolved a:link, .sitewide-alerts-resolved a:visited, .sitewide-alerts-resolved a:active {
  color: #000;
  font-weight: bold;
  border-bottom: 2px solid #000;
}
.sitewide-alerts-resolved a:hover, .sitewide-alerts-resolved a:focus {
  background-color: #000;
  color: #ebd99f;
}
.sitewide-alerts-resolved .sitewide-alerts-label {
  background: #ebd99f;
  color: #000;
  border: 1px solid #000;
}

.sitewide-alerts-info {
  background-color: #c4bfc0;
  background: #c4bfc0;
  color: #000;
}
.sitewide-alerts-info a:link, .sitewide-alerts-info a:visited, .sitewide-alerts-info a:active {
  color: #000;
  font-weight: bold;
  border-bottom: 2px solid #000;
}
.sitewide-alerts-info a:hover, .sitewide-alerts-info a:focus {
  background-color: #000;
  color: #c4bfc0;
}
.sitewide-alerts-info .sitewide-alerts-label {
  background: #c4bfc0;
  color: #000;
  border: 1px solid #000;
}

/******************** Pre-Modernization Templates ********************/
.sitewide-alerts-pre-mod-templates .sitewide-alerts-header {
  font-weight: bold;
}

.sitewide-alerts-pre-mod-templates .sitewide-alerts-body a {
  text-decoration: none;
}

.sitewide-alerts-pre-mod-templates .sitewide-alerts-label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
}

/*** ABSOLUTE POSITIONING - THESE MAY CHANGE DEPENDING ON THE LENGTH OF THE ALERT ***/
/*** Update the second value in each calc() statement with the alert's actual height as calculated by your browser. Inspect the outer-most alert div (the one with class "sitewide-alerts-wrapper--pfw-added") in your browser of choice to get the alert height. ***/
#doc4 .yui-g .yui-u.first .logoLink {
    /* adjust the top position of the logo */
    top: calc(31px + 125px);
  }