/* Charset */
@charset "utf-8";

/* Modern Ticker Styles */
.modern-ticker {
    color: #fff;
    background: radial-gradient(circle, rgba(51, 51, 51, 0.5) 0%, rgba(51, 51, 51, 0.5) 50%, rgba(51, 51, 51, 0.5) 100%);
    border-top: solid 1px rgba(255, 255, 255, 0.4);
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}


.modern-ticker .mt-label {
    background-color: #000;
}

.modern-ticker .mt-news {
    background-color: #dedede;
    background: url(images/preloader-black.gif) no-repeat -1000px;
}

.modern-ticker .mt-news.mt-preloader {
    background: url(images/preloader-black.gif) no-repeat center;
}

.modern-ticker .mt-news ul {
    background-image: url(images/bullet-over-fafafa.png);
}

.modern-ticker .mt-news a {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    background-image: url(images/bullet-over-fafafa.png);
}

.modern-ticker .mt-news a:hover {
    color: #fff;
    background-color: red; /* Assuming you want red background on hover */
    background-image: url(images/bullet-over-fafafa.png);
}

.modern-ticker .mt-news a:active {
    background-color: #07f;
}

.modern-ticker .mt-error {
    color: #fff;
}

.modern-ticker .mt-controls {
    background-image: url(images/pause-fafafa.png);
}

.modern-ticker .mt-prev,
.modern-ticker .mt-next {
    background-color: #09f;
}

.modern-ticker .mt-prev {
    background-image: url(images/prev-fafafa.png);
}

.modern-ticker .mt-next {
    background-image: url(images/next-fafafa.png);
}

.modern-ticker .mt-play {
    background-color: #0bf;
    background-image: url(images/play-fafafa.png);
}

.modern-ticker .mt-pause {
    background-image: url(images/pause-fafafa.png);
}

.modern-ticker .mt-play:hover,
.modern-ticker .mt-prev:hover,
.modern-ticker .mt-next:hover {
    background-color: #f20;
}

.modern-ticker .mt-play:active,
.modern-ticker .mt-prev:active,
.modern-ticker .mt-next:active {
    background-color: #f40;
}
