/* Success, error & notice boxes for messages and errors. */
div.error, div.notice, div.success, div.failure {
  padding: .8em;
  margin-bottom: 1em;
  border: 1px solid #ddd;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
div.error, div.failure, .error, .failure {
  background: #FBE3E4;
  color: #D12F19;
  border-color: #FBC2C4;
}
div.error a, div.failure a { color: #D12F19; }

div.notice, .notice {
  background: #FFF6BF;
  color: #817134;
  border-color: #FFD324;
}
div.notice a { color: #817134; }

div.success, .success {
  background: #E6EFC2;
  color: #529214;
  border-color: #C6D880;
}
div.success a { color: #529214; }


.fieldWithErrors {
  color: #D12F19; }
  .fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
    background: #FBE3E4;
    border: 1px solid #D12F19; }

#errorExplanation {
  width: 400px;
  background: #FBE3E4;
  color: #D12F19;
  border: 2px solid #FBC2C4;
  padding: .8em;
  margin-bottom: 1em; }
  #errorExplanation h2 {
    font-size: 12px;
    color: #D12F19; }
  #errorExplanation p {
    color: #333;
    margin: 12px 0 5px 0; }
  #errorExplanation ul {
    margin: 0 0 0 20px; }
    #errorExplanation ul li {
      font-size: 12px;
      list-style: square;
      margin: 0; }

/* FLASH */

.errorExplanation {
  border: 1px solid #fbb;
  background-color: #fdd;
  padding: 20px 30px;
  margin: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}