.error {
  float: left;
  width: 662px;
  background: #b30838 url('/graphics/form-error-bkgd.gif') repeat-x 0 0;
  padding: 10px 20px 5px 20px;
  display: none;
}

.update {
  float: left;
  clear: left;
  width: 662px;
  background: #e9ae1c url('/graphics/form-message-bkgd.gif') repeat-x 0 0;
  padding: 10px 20px 5px 20px;
  display: none;
}

.flash {
  position: relative;
  top: 8px;
  left: 250px;
  margin: 0 auto;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  height: 14px;
  width: 500px;
  overflow: hidden;
  float: left;
  text-align: center;
}

.flash span {
  background: url('/graphics/flash-icon.gif') no-repeat 0 0;
  padding: 0 0 0 19px;
  line-height: 14px;
}

.error ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  background: url('/graphics/form-error-icon-1.gif') no-repeat 0 0;
}

.error.multi ul {
  background: none;
}

.error h6,
.update h6,
.error ul li {
  margin: 0 0 5px 0;
  color: #ffffff;
  font-weight: normal;
  font-size: 13px;
  padding: 0 0 0 24px;
}

.error h6 {
  background: url('/graphics/form-error-icon-1.gif') no-repeat 0 0;
  font-weight: bold;
  display: none;
}

.error.multi h6 {
  display: block;
}

.update h6 {
  display: block;
  font-weight: bold;
  background: url('/graphics/form-message-icon.gif') no-repeat 0 0;
}

body.contact_us .error h6 {
  display: block;
}

body.friends.join .error,
body.contact_us .error,
body.auth.account .error,
body.auth.account .update {
  width: 722px;
}

body.contact_us .update {
  width: 722px;
}

body.auth.login .error,
body.auth.forgot_password .error {
  width: 360px;
  margin: 0 auto;
}