/* liScroll styles */
.tickercontainer { /* the outer div with the black border */
width: 100%; 
height:38px;
margin: 0; 
overflow: hidden;
border-top:1px solid #d7d7d7;
padding:25px 0;
border-bottom:1px solid #d7d7d7;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 95%;
top: 10px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 40%;
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 0 35px 0; /*hides the overflow if the dumb thing throws the last item underneath the first*/
padding: 0;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #818285;
	text-decoration:none;
	margin: 0 100px 0 0;
	font-size:11pt;
	font-style:normal;
	font-weight:300;
	line-height:8pt;
	text-rendering: optimizelegibility;
	text-transform:lowercase;
	font-family: "Open Sans", "Kozuka Gothic Pro", "Kozuka Gothic Pr6N", "Kozuka Gothic Std", sans-serif;
} 
ul.newsticker a:hover,
ul.newsticker a:focus {
	color: #58585a;
	text-decoration: none;
}
ul.newsticker span {
margin: 0 10px 0 0;
}