.announcement {
    padding: 4px;
    margin: 2px;
    border-radius: 5px;
    background-color: #efefef;
    font-family: arial,sans-serif;
    color: black;
}
.announcement > p {
    margin: 1px !important;
    color: black;
}
.downtime {
    #border: 2px solid #CB2429;
    background-color: #DB4C2C;
}
.survey {
    background-color: #FFCB26;
}
.freestuff,.mentoring {
    background-color: #1DCC58;
}
.announcement > .button.dismiss {
    float: right;
    clear: right;
}


.announcement > .button.dismiss > span {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url('/img/glyphish/xtras/xtras-gray/37-circle-x-16.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: 2px 0px;
}

.announcement span.timerange {
    white-space: nowrap;
}