pre {
  background-color: #eee;
  padding: 10px;
}

.fieldWithErrors {
  padding: 3px;
  background-color: #D63310;
  display: table;
}

#errorExplanation {
  width: 420px;
  border: 1px solid #BE4648;
  background-color: #ffffff;
  padding: 1px 0px 0px 1px;
  margin-bottom: 35px;
  margin-left:auto;
  margin-right:auto;
}

#errorExplanation h2 {
  text-align: left;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  background:url(../img/common/explain_error.jpg) repeat-x;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  text-align:left;
  background-color: #EFE3E0;
  padding: 10px 5px 8px 15px;
}

#errorExplanation ul {
  background-color: #EFE3E0;
  padding: 0px 0px 10px 50px;
}

#errorExplanation li {
  font-size: 12px;
  list-style: disc;
  text-align:left;
  background-color: #EFE3E0;
}


#noticeExplanation {
  width: 420px;
  border: 1px solid #3C88BC;
  background-color: #ffffff;
  padding: 1px 0px 0px 1px;
  margin-bottom: 35px;
  margin-left:auto;
  margin-right:auto;
}

#noticeExplanation h2 {
  text-align: left;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  background:url(../img/common/explain_notice.jpg) repeat-x;
  color: #fff;
}

#noticeExplanation p {
  color: #333;
  text-align:left;
  background-color: #E0E9EF;
  padding: 10px 5px 8px 15px;
}

#noticeExplanation ul {
  background-color: #E0E9EF;
  padding: 0px 0px 10px 50px;
}

#noticeExplanation li {
  font-size: 12px;
  list-style: disc;
  text-align:left;
  background-color: #E0E9EF;
}