.comment-inline img {
    margin: 0 5px -8px -8px;
    border: none;
}
.comment-inline {
    display: inline;
    background-color: yellow;
    border-width:1px;
    font-size: 110%;
    padding: 5px;
}
.comment-inline .author {
    font-weight: bold;
}

.dropshadow {
    background: url(images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(images/shadow.gif) no-repeat bottom right;
    width: 280px;
    margin: 10px;
    float: right;
    padding: 20px;
}


.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp,.pull-block {
    padding: 15px 20px 15px 80px;
    margin: 0px 0px 0px 0px;

    /*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: 10px 50%;
    background-repeat: no-repeat;
    text-align: justify;
}
.noteclassic, .noteimportant, .notewarning, .notetip,.notehelp,.pull-block{
    /* IE5 hack */
    \margin: 0px 0px -3px 0px;
    ma\rgin:  0px 0px 0px 0px;
}

.pull-block img {
    float: left;
    margin: -10px 10px 0 -20px;
    padding: 0;
    vertical-align: top;
}
.pull-block {
    padding-left: 15px;
    text-align: left;
    font-size: 14pt;
    line-height: 18pt;
    color: #A37F04;
    border: none; /* 1px solid #999999; */
}
.noteclassic {
  background-color: #eef;
  background-image: url(images/note.png);
  background-position: 5px 50%;
}

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

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

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

.notehelp {
  background-color: #cbf;
  background-image: url(images/help.png);
}
.pull {
  background-color: #ffedd9;
  padding-left: 10px;
}