#refre {
    animation-direction: alternate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: blinker;
    animation-timing-function: ease-in-out;
    text-decoration: blink;
}
@keyframes blinker {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}

.badges {
       font: italic;
       color: #FF0000 !important;
       padding: 1px 3px;
       margin-top: -5px;
       background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
       background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
       background: -moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
       background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
       border: solid 1px #ffc000;
       -webkit-border-radius: 6px;
       -o-border-radius: 6px;
       -moz-border-radius: 6px;
       border-radius: 6px;
}

#mchat-status-icons {
	position: relative;
	display: inline-block;
    vertical-align: -4pt;
    margin-top: 5px;	
}

#mchat-smilies {
	padding: 0;
        margin-bottom: 5px
}

.total {
       font: italic;
       font-size: 1.0em;
       color: #FF0000 !important;
}