
.announcementOut {
    cursor: pointer;
    display: block; 
    margin: auto auto;
    border-radius: 4px;
    box-shadow: -3px 3px 8px #888888;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transition: box-shadow 0.5s ease, opacity 0.5s ease;
    opacity: 1;
    color: black;
}

.announcementOver {
    cursor: pointer;
    display: block; 
    margin: auto auto;
    border-radius: 4px;
    box-shadow: -2px 2px 1px #888888;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    transition: box-shadow 0.5s ease, opacity 0.5s ease;
    opacity: 0.85;
    color: black;
}

.announcement-color-1{
    background-color: rgb(242,242,242);
    border:5px solid rgb(242,242,242);
}

.announcement-color-2{
    background-color: rgb(63,195,255);
    border:5px solid rgb(63,195,255);
}

.announcement-color-3{
    background-color: rgb(255,109,63);
    border:5px solid rgb(255,109,63);
}

.announcement-color-4{
    background-color: rgb(149,214,65);
    border:5px solid rgb(149,214,65);
}

.announcement-color-5{
    background-color: rgb(28,232,181);
    border:5px solid rgb(28,232,181);
}

.announcement-color-6{
    background-color: rgb(255,155,0);
    border:5px solid rgb(255,155,0);
}

.announcement-color-7{
    background-color: rgb(184,196,201);
    border:5px solid rgb(184,196,201);
}

.announcement-color-8{
    background-color: rgb(255,218,0);
    border:5px solid rgb(255,218,0);
}

.announcement-update-color-none {
    border-left: 8px solid rgba(0, 0, 0, 0);
}

.announcement-update-color-1 {
    border-left:8px solid rgba(242,242,242, 0.35);
}

.announcement-update-color-2 {
    border-left:8px solid rgba(63,195,255, 0.35);
}

.announcement-update-color-3 {
    border-left:8px solid rgba(255,109,63, 0.35);
}

.announcement-update-color-4 {
    border-left:8px solid rgba(149,214,65, 0.35);
}

.announcement-update-color-5 {
    border-left:8px solid rgba(28,232,181, 0.35);
}

.announcement-update-color-6 {
    border-left:8px solid rgba(255,155,0, 0.35);
}view
.announcement-update-color-7 {
    border-left:8px solid rgba(184,196,201, 0.35);
}

.announcement-update-color-8 {
    border-left:8px solid rgba(255,218,0, 0.35);
}

.announcement-view-color-1 {
    border:5px solid rgba(242,242,242, 0.35);
}

.announcement-view-color-2 {
    border:5px solid rgba(63,195,255, 0.35);
}

.announcement-view-color-3 {
    border:5px solid rgba(255,109,63, 0.35);
}

.announcement-view-color-4 {
    border:5px solid rgba(149,214,65, 0.35);
}

.announcement-view-color-5 {
    border:5px solid rgba(28,232,181, 0.35);
}

.announcement-view-color-6 {
    border:5px solid rgba(255,155,0, 0.35);
}

.announcement-view-color-7 {
    border:5px solid rgba(184,196,201, 0.35);
}

.announcement-view-color-8 {
    border:5px solid rgba(255,218,0, 0.35);
}

