#messages {
  margin-left: -15em;
  left: 50%;
  position: absolute;
  top: 1px;
  z-index: 2;
}

#messages li {
  list-style: none;
}

.message {
  background: #eeeeec;
  background: -moz-linear-gradient(rgba(238, 238, 236, 0.8), rgba(211, 215, 207, 0.8));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 238, 236, 0.8)), to(rgba(211, 215, 207, 0.8)));
  filter: progid:DXImageTransform.Microsoft.Gradient(
    StartColorStr=#eeeeec, EndColorStr=#d3d7cf);
  background: linear-gradient(rgba(238, 238, 236, 0.8), rgba(211, 215, 207, 0.8));
  border: 1px solid #fff;
  border-bottom: none;
  border-right: none;
  margin-bottom: 1em;
  width: 30em;
  outline: 1px solid #babdb6;
  padding: 0.5em 0.7em;
  position: relative;
}

.message .text {
  font-size: 0.85em;
}

.message .text h1,
.message .text input {
  font-size: 1.2em;
}

.message .text h1 {
  margin: 0 0 0.5em 0;
}

.message .text p {
  margin: 0.5em 0;
}

.message .text input.user,
.message .text input.password {
  float: left;
  width: 45%;
}

.message .text input.password {
  float: right;
}

.message .actions {
  clear: both;
}

.message .actions .action {
  margin-top: 1.5em;
}

.message .actions .action.close {
  margin: 0;
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  visibility: hidden;
}

.message:hover .actions .action.close {
  visibility: visible;
}

.message:before {
  float: left;
  margin-right: 0.5em;
}

.message.info:before {
  content: url(../../images/info.png);
}
      
.message.question {
  background: #3465a4;
  background: -moz-linear-gradient(rgba(114, 159, 207, 0.8), rgba(52, 101, 164, 0.8));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(114, 159, 207, 0.8)), to(rgba(52, 101, 164, 0.8)));
  filter: progid:DXImageTransform.Microsoft.Gradient(
    StartColorStr=#729fcf, EndColorStr=#3465a4);
  background: linear-gradient(rgba(114, 159, 207, 0.8), rgba(52, 101, 164, 0.8));
  color: #fff;
  outline-color: #204a87;
}

.message.question:before {
  content: url(../../images/question.png);
}
      
.message.warning {
  background: #f57900;
  background: -moz-linear-gradient(rgba(252, 175, 62, 0.8), rgba(245, 121, 0, 0.8));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 175, 62, 0.8)), to(rgba(245, 121, 0, 0.8)));
  filter: progid:DXImageTransform.Microsoft.Gradient(
    StartColorStr=#fcaf3e, EndColorStr=#f57900);
  background: linear-gradient(rgba(252, 175, 62, 0.8), rgba(245, 121, 0, 0.8));
  outline-color: #ce5c00;
}

.message.warning:before {
  content: url(../../images/warning.png);
}

.message.error {
  background: #cc0000;
  background: -moz-linear-gradient(rgba(239, 41, 41, 0.8), rgba(204, 0, 0, 0.8));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 41, 41, 0.8)), to(rgba(204, 0, 0, 0.8)));
  filter: progid:DXImageTransform.Microsoft.Gradient(
    StartColorStr=#ef2929, EndColorStr=#cc0000);
  background: linear-gradient(rgba(239, 41, 41, 0.8), rgba(204, 0, 0, 0.8));
  color: #fff;
  outline-color: #a40000;
}

.message.error:before {
  content: url(../../images/error.png);
}

.message.progress:before {
  content: url(../../images/hourglass.png);
}

/*
.message.progress label.text:after {
  content: ": ";
}

.message.progress label.progress {
  margin-left: 0.5em;
}

.message progress {
  display: inline-block;
  padding: 0.2em 0;
  width: 20em;
  vertical-align: bottom;
}
*/
.message progress {
  width: 100%;
}

