.classic, .warning, .tip {
  margin: 1em auto;
  width: 80%;
  min-height: 40px;
  padding: 15px 20px 15px 90px; 
  background-repeat: no-repeat;
  background-position: 30px; 
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}

.important{
  margin: 1em auto;
  width: 92%;
  min-height: 40px;
  margin: -12px 0 10px -25px;
  padding: 15px 3px 15px 90px; 
  background-repeat: no-repeat;
  background-position: 30px;
/*   -moz-border-radius: 20px; */
/*   -khtml-border-radius: 20px; */
/*   border-radius: 20px; */
}


.classic {
  background-color: #eeeeff;
  background-image: url(note.png);
}

.important {
  background-color: #ffffcc;
  background-image: url(important.png);
}

.warning {
  background-color: #ffdddd;
  background-image: url(warning.png);
}

.tip {
  background-color: #ddffdd;
  background-image: url(tip.png);
}