/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
width: 607px; 
height: 30px; 
margin: 0; 
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: 10px;
top: 8px;
width: 595px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 620px;
font: 12px Arial;
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 0 15px;
padding: 0;
color: rgb(255, 255, 255);
}
ul.newsticker li.split-item {
color: #fff;
width: 1px;
}
ul.newsticker a:link, ul.newsticker a:visited, ul.newsticker a:hover {
white-space: nowrap;
padding: 0;
color: rgb(255, 255, 255);
font: 12px Arial;
margin-left:10px;
margin-right:0px;
text-decoration:none;
} 

ul.newsticker span {
color: rgb(255, 255, 255);
} 

.newsContent{
	line-height:30px;
	height:30px;
	width:100%;
	margin-top:12px;
}
.newsContent>div 
{
	float:left;
}
.newsTitle 
{
	color: #fff;
	font: 12px;
	font-weight:bold;
	line-height: 30px;
	margin-left: 30px;
}
.newsSplit
{
	width:1px;
	height:30px;
	background-color:rgb(42, 66, 114);
	margin:0 20px;
}

.newsContent>div>A:link, .newsContent>div>A:visited
{
	color: #3873bf; 
}
.newsContent>div>A:hover
{
	text-decoration:underline;
}