/* liScroll styles */

/*.tickercontainer {  the outer div with the black border
border: 1px solid #000;
background: #fff; 
width: 738px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
} */

.tickercontainer { background-color:#f7f9fa; color:#454746; float:left; height:37px; width:297px; margin-right:37px;
-webkit-border-radius: 0px 4px 4px 0px;
        border-radius: 0px 4px 4px 0px;}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 265px;
overflow: hidden;
padding:11px 15px;
}
ul.newsticker { /* that's your list */
position: relative;
left: 100px;
list-style-type: none;
margin: 0;
padding: 0;
float:left;
overflow:inherit;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
margin-right:40px;
}

ul.newsticker li a { color: #000; margin:0; padding:0; font-size:13px; display:inline;}	
ul.newsticker li a:hover { background:none;} 
ul.newsticker li .date { color:#999;}

ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}