.note
{
    text-align: center;
}


.noteclassic, .noteimportant, .notewarning, .notetip, .notehelp, .noteinfo{
	width: 80%;
	margin-top:2em;
	margin-left: auto;
	margin-right: auto;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    padding: 15px 20px 15px 80px;
	margin: 5px 0px 10px 0px;
	-webkit-box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: 2px 2px 3px #999;
    min-height:40px;
    height:auto !important;
    overflow:visible;
    
	position:relative;
	 
	border: 1px solid #999999;
    /*Set the position of the background image*/
    background-position: 20px 50%;
    background-repeat: no-repeat;
    text-align: justify;
}


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

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

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

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

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

.noteinfo {
  background-color: #FFF646;
  background-image: url(images/info.png);
  font-size: 1.5em;
}



.notealert {
    background: #FF7522 url("../images/icons/alert.png") no-repeat 15px center;
    color: #fff;
    border-color: #E66A1E;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    filter: dropshadow(color=rgba(0,0,0,0.25), offx=, offy=);
}

.notinf {
    background: #30B2FF url("../images/icons/note.png") no-repeat 15px center;
    color: #111;
    border-color: #2CA1E6;
}