/* liScroll styles */

.tickeroverlay-left{
	display:block;
	pointer-events:none;
	position:absolute;
/*	z-index: 30; */
	height:22px;
	width: 100%;
	top:0;
	left:-2px;
}
	
.tickeroverlay-right{
	display:block;
	pointer-events:none;
	position:absolute;
/*	z-index: 30; */
	height:22px;
	width: 100%;
	top:0;
	right:-2px;
}
.tickercontainer { /* the outer div */
background-color: red;
width: 100%;
height: 37px;
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;
padding-left: 10px;
padding-right: 10px;
top: 8px;
height: 28px;
/*width: 718px;*/
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
margin-left: 20px;
font: bold 10px Verdana;
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 */
position: relative;
margin: 0;
padding-right: 15px;
color: white;
font: bold 18px Verdana;
white-space: nowrap;
z-index: 1;
}
ul.newsticker A {
white-space: nowrap;
padding: 0;
font: bold 18px Verdana;
color: white;
}
ul.newsticker A:hover {
white-space: nowrap;
padding: 0;
font: bold 18px Verdana;
color: white;
}
ul.newsticker span {
margin: 0 10px 0 0;
}