.noteclassic, .notehelp, .noteimportant, .notetip, .notewarning {
background-position : 20px 50%;
background-repeat : no-repeat;
border : 1px solid #999;
height : auto !important ;
left : 5px;
margin : 10px 0 15px 5px;
min-height : 40px;
overflow : visible;
padding : 25px 20px 15px 80px;
position : relative;
text-align : justify;
top : 6px;
width : 70%;
-moz-border-radius: 1em;
}
.noteclassic {
background-color : #eef;
background-image : url(http://i744.photobucket.com/albums/xx83/taulai/Vectorshow/note11.png);
}
.noteimportant {
background-color : #ffc;
background-image : url(http://i744.photobucket.com/albums/xx83/taulai/Vectorshow/import10.png);
}
.notewarning {
background-color : #fdd;
background-image : url(http://i744.photobucket.com/albums/xx83/taulai/Vectorshow/warnin10.png);
}
.notetip {
background-color : #e4f6f8;
background-image : url(http://i744.photobucket.com/albums/xx83/taulai/Vectorshow/tip11.png);
}
.notehelp {
background-color : #d8f3c9;
background-image : url(http://i744.photobucket.com/albums/xx83/taulai/Vectorshow/help12.png);
}

[table class=noteclassic][tr][td]Note 1[/td][/tr][/table]
[table class=notetip][tr][td]Note 2[/td][/tr][/table]
[table class=notewarning][tr][td]Note 3[/td][/tr][/table]
[table class=noteimportant][tr][td]Note 4[/td][/tr][/table]
[table class=notehelp][tr][td]Note 5[/td][/tr][/table]