/* liScroll styles */
.mask,
.tickercontainer,
.iTicker {
	width: 100% !important;
	overflow: hidden !important;
}

div.iTicker {
	overflow: hidden;
}

.tickercontainer { /* the outer div with the black border */
	border: 0px;
	width: 100%; 
	height: 30px; 
	margin: 0px; 
	padding: 0px;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 100%;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	background: none;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
ul.newsticker li {
	display: block;
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0px;
	padding: 0px 20px 0px 10px;
	background: url(/images/img-bullit.gif) center right no-repeat;
	list-style-type: none;
}
ul.newsticker a {
	white-space: nowrap;
	color: #ffffff;
} 
