/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: url(../images/bg_tiker.gif) 0 0 no-repeat;
width: 553px; 
height: 26px; 
margin: 0; 
margin-left: 247px;
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 64px;
top: 7px;
width: 488px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 502px;
font-size: 12px;
white-space: nowrap;
font-weight: normal;
color: #fff;

list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0 20px 0 0;
padding: 0;
background: #283c4d;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font-weight: bold;
margin: 0;
} 

ul.newsticker a.cl1 { color: #f96; }
ul.newsticker a.cl2 { color: #9f6; }
ul.newsticker a.cl3 { color: #96f; }
ul.newsticker a.cl4 { color: #f69; }
ul.newsticker a.cl5 { color: #6f9; }
ul.newsticker a.cl6 { color: #69f; }
ul.newsticker a.cl7 { color: #ff9; }
ul.newsticker a.cl8 { color: #f9f; }
ul.newsticker a.cl9 { color: #9ff; }

ul.newsticker span.date {
color: #fc6;
font-weight: bold;
margin: 0;
}