/*
 * = CSS Messages
 * 
 * This CSS file contains a small set of CSS classes
 * for formatting messages and warnings.
 * 
 * == Examples
 * 
 *  <div class="message message_info">
 *    <p>This is an info message</p>
 *  </div>
 *
 *  <div class="message 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-2009 The Authors
 * @license
 * @version         
 * @link            http://www.simonecarletti.com/
 * @source          http://gist.github.com/8195
 */


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

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


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

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


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

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

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


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

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

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

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

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

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