/*
Description: WP-Note CSS File
Author: Luke
Author URI: http://geeklu.com
Date:2009-01-02
Modified Date:2009-12-29
*/

.note
{
    text-align: center;
}


.noteclassic, .noteimportant, .notewarning, .notetip, .notehelp{
	width: 80%;
	margin-top:2em;
	margin-left: auto;
	margin-right: auto;


    padding: 15px 20px 15px 80px;
	margin: 0 0 0 0;

    /*IE min-height hack*/
    min-height:40px;
    height:auto !important;
    height:40px;
    overflow:visible;
    
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
    /*Set the position of the background image*/
    background-position: 20px 50%;
    background-repeat: no-repeat;
    text-align: justify;
}
.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp{
	/* IE5 hack */
	\margin: 0 0 -3px 0;
	ma\rgin:  0 0 0 0;
}

.noteclassic {
  background-color: #EEF;
  background-image: url(images/drumatic.png);
}

.noteimportant {
  background-color: #FFC;
  background-image: url(images/drumatic.png);
}

.notewarning {
  background-color: #FDD;
  background-image: url(images/drumatic.png);
}

.notetip {
  background-color: #E4F6F8;
  background-image: url(images/drumatic.png);
}

.notehelp {
  background-color: #D8F3C9;
  background-image: url(images/drumatic.png);
}