@import "declaration";

/* Messages */

.errorBox,
.infoBox,
.successBox,
.warningBox{
    background:url(../images/messageShadow.png) right bottom no-repeat;
    font-size:13px;
    margin:0 0 15px 0;
    padding:0 0 17px 0;
}
.errorBox .gradient,
.infoBox .gradient,
.successBox .gradient,
.warningBox .gradient{
    background:#F1F1F2 url(../images/messageGradient.png) left top repeat-x;
    border:1px solid #ccc;
    border-radius:3px;
}
.errorBox .gradient .pic,
.infoBox .gradient .pic,
.successBox .gradient .pic,
.warningBox .gradient .pic{
    background-position:right bottom;
    background-repeat:no-repeat;
    border-left:1px solid #fff;
    min-height:33px;
    padding:15px;
}
.errorBox .gradient .pic{
    background-image:url(../images/messagePicError.png);
}
.infoBox .gradient .pic{
    background-image:url(../images/messagePicInfo.png);
}
.successBox .gradient .pic{
    background-image:url(../images/messagePicSuccess.png);
}
.warningBox .gradient .pic{
    background-image:url(../images/messagePicWarning.png);
}
.errorBox .messageIcon{
    background-position:0 -100px;
}
.infoBox .messageIcon{
    background-position:-150px -100px;
}
.successBox .messageIcon{
    background-position:-100px -100px;
}
.warningBox .messageIcon{
    background-position:-50px -100px;
}

/* Messages - Single Line */

.errorBox.small,
.infoBox.small,
.successBox.small,
.warningBox.small{
    line-height:32px;
}
.errorBox.small .gradient .pic,
.infoBox.small .gradient .pic,
.successBox.small .gradient .pic,
.warningBox.small .gradient .pic{
    background-image:none;
    height:33px;
    padding:5px;
}
.errorBox .messageBody,
.infoBox .messageBody,
.successBox .messageBody,
.warningBox .messageBody{
    .wordbreak();
}