.warningBar
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0 linear 1s, opacity 1s;
    -moz-transition: all 0 linear 1s, opacity 1s;
    -o-transition: all 0 linear 1s, opacity 1s;
    transition: all 0 linear 1s, opacity 1s;
    border-style: solid;
    border-width: 0;
    font-size: 11px;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 101;
    margin: -12px 0 7px;
}
.warningBar-warning
{
    background-color: #dd4b39;
    border-color: #602019;
    color: #fff;
}
.warningBar-warning a
{
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
.warningBar-shown
{
    -webkit-transition: opacity 0.218s;
    -moz-transition: opacity 0.218s;
    -o-transition: opacity 0.218s;
    transition: opacity 0.218s;
    border-width: 1px;
    height: 14px;
    opacity: 1;
    visibility: visible;
    padding: 6px 16px;
}
.warningBar-warning img
{
    vertical-align: middle;
}