/*
 * = CSS Messages
 * 
 * This CSS file contains a small set of CSS classes
 * for formatting messages and warnings.
 * 
 * == Examples
 * 
 *  <div class="flash-message flash-message-info">
 *    <p>This is an info message</p>
 *  </div>
 *
 *  <div class="flash-message flash-message-info">
 *    <h4>Info Message</h4>
 *    <p>This is an info message with a title.</p>
 *  </div>
 * 
 * == Icons
 * 
 * Message icons are part of KDE package and licensed under KDE license.
 * Please do not hotlink images hosted to my server.
 * 
 * 
 * @category        CSS
 * @package         Defaults
 * @author          Simone Carletti <weppos@weppos.net>
 * @copyright       2003-2010 The Authors
 * @license
 * @version         
 * @link            http://www.simonecarletti.com/
 * @source          http://gist.github.com/8195
 */


/* -------------------------------
             MESSAGES
------------------------------  */

.flash-message {
  margin: 5px 0px;
  text-align: left;
  padding: 10px 5px 10px 45px;
}


/* -----     elements    -----  */

.flash-message h4,
.flash-message p {
  margin: 5px 0;
  color: #000 !important;
}


/* -----    typography   -----  */

.flash-message {
  font-family: "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
  font-size: 12px;
}

.flash-message h4 {
  font-size: 14px;
}


/* -----      types      -----  */

.flash-message.info {
  color: #3333ff;
  background: #f8fafc url("/images/icons/messages/info.png") 15px 50% no-repeat;
  border-top: 2px solid;
  border-bottom: 2px solid;
}

.flash-message.notice {
  color: #2D8800;
  background: #dffdcb url("/images/icons/messages/notice.png") 15px 50% no-repeat;
  border-top: 2px solid;
  border-bottom: 2px solid;
}

.flash-message.warning {
  color: #9c5d00;
  background: #fff6bf url("/images/icons/messages/warning.png") 15px 50% no-repeat;
  border-top: 2px solid;
  border-bottom: 2px solid;
}

.flash-message.error {
  color: #cc0033;
  background: #FBE6E3 url("/images/icons/messages/error.png") 15px 50% no-repeat;
  border-top: 2px solid;
  border-bottom: 2px solid;
}

.flash-message.new {
  color: #d04c22;
  background: #ffffcc url("/images/icons/messages/new.png") 15px 50% no-repeat;
  border-top: 2px solid;
  border-bottom: 2px solid;
}