.error-explanation {
  background: #c6c300;
  margin: 0 auto 20px;
  padding: 10px 25px;
  position: relative;
}

.error-explanation,
.error-explanation:after {
  z-index: 999;
}

.error-explanation:after {
  background: url("//us-cdn.sd-assets.com/media/images/quiz/error-indicator.png");
  bottom: -9px;
  content: "";
  display: block;
  height: 9px;
  left: 50%;
  margin-left: -9px;
  position: absolute;
  width: 18px;
}

.error-explanation h4,
.error-explanation li {
  color: #fff;
  font-family: "PNovaBold", Helvetica, Arial;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 16px;
  padding-bottom: 7px;
  text-transform: none;
}

.error-explanation li {
  font-family: "PNovaReg", Helvetica, Arial;
}

.error-explanation h4 a {
  color: #363636;
  cursor: pointer;
  text-decoration: underline;
  text-transform: capitalize;
}

.error-explanation h4 a:hover {
  font-weight: bold;
}

.error-up:after {
  background: url("//us-cdn.sd-assets.com/media/images/quiz/error-indicator-up.png") !important;
  bottom: 0px !important;
  top: -9px !important;
}

.field_with_errors select {
  color: #c6c300;
}

.field_with_errors input,
.field_with_errors select {
  border: 1px solid #c6c300;
}

.field_with_errors option {
  color: #7d7d7d;
}