#ue-error {
  padding:5px;
  width:815px;
  border:1px solid #f08a73;
  background-color: #ffc6be;
}

#ue-error #ue-error-top-line {
  width:815px;
  height:20px;
  
}

#ue-error #ue-error-top-line #ue-error-top-line-icon {
  width:20px;
  float: left;
}

#ue-error #ue-error-top-line #ue-error-top-line-text {
  
  float: left;
  width:650px;
}

#ue-error #ue-error-top-line #ue-error-top-line-resize {
  float: left;
  cursor:pointer;
}

#ue-error #ue-error-top-line #ue-error-top-line-resize #ue-error-top-line-resize-toggle {
  float: left;
  cursor:pointer;
}

#ue-error #ue-error-top-line #ue-error-top-line-resize #ue-error-top-line-resize-close {
  float: left;
  cursor:pointer;
}

#ue-error #ue-error-content {

}

#ue-error #ue-error-content ul {
  padding-left: 40px;
}

#ue-error #ue-error-content li {
  list-style: disc url();
  padding-left: 10px;
}

#ue-success {
  margin-top:5px;
  padding:5px;
  width:815px;
  background-color: #daffa3;
  border:1px solid #aee756;
}

#ue-success #ue-success-top-line {
  width:815px;
  height:20px;
  
}

#ue-success #ue-success-top-line #ue-success-top-line-icon {
  width:20px;
  float: left;
}

#ue-success #ue-success-top-line #ue-success-top-line-text {
  
  float: left;
  width:650px;
}

#ue-success #ue-success-top-line #ue-success-top-line-resize {
  float: left;
  cursor:pointer;
}

#ue-success #ue-success-top-line #ue-success-top-line-resize #ue-success-top-line-resize-toggle {
  float: left;
  cursor:pointer;
}

#ue-success #ue-success-top-line #ue-success-top-line-resize #ue-success-top-line-resize-close {
  float: left;
  cursor:pointer;
}

#ue-success #ue-success-content {

}

#ue-success #ue-success-content ul {
  padding-left: 40px;
}

#ue-success #ue-success-content li {
  list-style: disc url();
  padding-left: 10px;
}


#ue-notice {
  margin-top:5px;
  padding:5px;
  width:815px;
  border:1px dashed #3e98d8;
}

#ue-notice #ue-notice-top-line {
  width:815px;
  height:20px;
  
}

#ue-notice #ue-notice-top-line #ue-notice-top-line-icon {
  width:20px;
  float: left;
}

#ue-notice #ue-notice-top-line #ue-notice-top-line-text {
  
  float: left;
  width:650px;
}

#ue-notice #ue-notice-top-line #ue-notice-top-line-resize {
  float: left;
  cursor:pointer;
}

#ue-notice #ue-notice-top-line #ue-notice-top-line-resize #ue-notice-top-line-resize-toggle {
  float: left;
  cursor:pointer;
}

#ue-notice #ue-notice-top-line #ue-notice-top-line-resize #ue-notice-top-line-resize-close {
  float: left;
  cursor:pointer;
}

#ue-notice #ue-notice-content {

}

#ue-notice #ue-notice-content ul {
  padding-left: 40px;
}

#ue-notice #ue-notice-content li {
  list-style: disc url();
  padding-left: 10px;
}


/*
<div id="ue-success">
  <div id="ue-success-top-line">
    <div id="ue-success-top-line-icon">
      <img alt="Error" src="http://localhost/templates/nimble_2008_001/images/userenlighter/error-16x16.png"/>
    </div>
    <div id="ue-success-top-line-text">One or more errors occured
    </div>
    <div id="ue-success-top-line-resize">
      <span id="ue-success-top-line-resize-minimize">Minimize
      </span> | 
      <span id="ue-success-top-line-resize-close">Close
      </span>
    </div>
    <div style="clear: left;"/>
  </div>
  <div id="ue-success-content" style="overflow: visible;">
    <ul style=""><li>Message is shorter than 3 characters</li>
    </ul>
  </div>
</div>*/