.ugBox {
    list-style: none;
    border: 1px solid;
    border-radius: 6px;
    padding: 1.5em 1em;
    font-size: 90%;
    margin-bottom: 0.8em;
    margin-left: 3em;
    margin-right: 3em;
    background-position: 1.2em 1.2em;
    background-repeat: no-repeat;
}
.ugBox > li {
    list-style: none;
    padding-left: 40px;
}

.ugBox.ugImportant {
    border-color: #ff0000;
    background-color: #ffeded;
    background-image: url('img/importantIcon.png');
}

.ugBox.ugHint {
    border-color: #59b421;
    background-color: #f2ffe6;
    background-image: url('img/hintIcon.png');
}

.ugBox.ugInfo {
    border-color: #00aeef;
    background-color: #e6fcff;
    background-image: url('img/infoIcon.png');
}

.ugBox.ugMoreAvailable {
    border-color: #6457a6;
    background-color: #ebebff;
    background-image: url('img/moreAvailableIcon.png');
}

.ugBox.ugWarning {
    border-color: #f7931e;
    background-color: #fffbd9;
    background-image: url('img/warningsIcon.png');
}