.error, .help, .notice, .warning {
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.error {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
.error a {
  color: #8a1f11;
}

.error-explanation {
  color: #8a1f11;
}

.help {
  background: #bfc8ff;
  color: #2d3741;
  border-color: #7d97af;
}
.help a {
  color: #2d3741;
}

.notice {
  background: #e6efc2;
  color: #264409;
  border-color: #70a05f;
}
.notice a {
  color: #264409;
}

.warning {
  background: #fff5cf;
  border-color: #f8ca00;
}

p.error, p.notice, p.help, p.warning, div.error, div.notice, div.help, div.warning {
  padding: 2px 2px 2px 30px;
  margin: 5px 0;
}

p.error, div.error {
  background: url(../images/icons/exclamation.png) #fbe3e4 no-repeat 5px 2px;
}

p.notice, div.notice {
  background: url(../images/icons/accept.png) #e6efc2 no-repeat 5px 2px;
}

p.help, div.help {
  background: url(../images/icons/help.png) #c1dffb no-repeat 5px 2px;
}

p.warning, div.warning {
  background: url(../images/icons/error.png) #fff5cf no-repeat 5px 2px;
}

p.info, div.info {
  background: url(../images/icons/lightbulb.png) #bfc8ff no-repeat 5px 2px;
}