/**
 * @file
 * Styles for system messages.
 */

div.messages {
  background-position: 8px 8px; /* LTR */
  background-repeat: no-repeat;
  border: 1px solid;
  margin: 6px 0;
 position: absolute;
  z-index: 10;
  width: 500px;
  height: auto;
  min-height: 150px;
  padding: 0;
  left: 30%;
  
}
.node-type-elan-annotated-video div.status,
table tr.ok {
  display:none;
}
.messages h2.element-invisible {
    text-indent: -9999px;
    background-color: rgb(97, 182, 97);
    background-image: url("../images/close-icon.png");
    background-repeat: no-repeat;
    background-position: right center;
    position: relative !important;
    height: 22px;
    cursor: pointer;
}
.messages.status h2.element-invisible{
    background-color: rgb(97, 182, 97);
}
.messages.warning h2.element-invisible{
    background-color: yellow;
}
.messages.error h2.element-invisible{
    background-color: red;
}

div.status {
  border-color: #be7;
}
div.status,
.ok {
  color: #234600;
}
div.status,
table tr.ok {
  background-color: #f8fff0;
}

div.warning {
  border-color: #ed5;
}
div.warning,
.warning {
  color: #840;
}
div.warning,
table tr.warning {
  background-color: #fffce5;
}

div.error {
  border-color: #ed541d;
}
div.error,
.error {
  color: #8c2e0b;
}
div.error,
table tr.error {
  background-color: #fef5f1;
}
div.error p.error {
  color: #333;
}

div.messages ul {
  margin: 0 0 0 1em; /* LTR */
  padding: 0;
}
div.messages ul li {
  list-style-image: none;
}