/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
width: 779px; 
height: 31px; 
margin: 0; 
padding: 0;
overflow: hidden; 
margin-left:181px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
top: 8px;
width: 779px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font-size: 11px;
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;
padding: 0 35px 0 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
.eventFadeLeft {
	position:absolute;
	z-index:1;
	}
	#events .eventFadeLeft { right:0; background:url(../images/events_fade_left.png) left top no-repeat; }
	#events .eventFadeRight { background:url(../images/events_fade_right.png) right top no-repeat; }
#events .eventFadeLeft, #events .eventFadeRight {
	width: 779px; 
	height: 31px; 
	}


#sports-events .tickercontainer {
	height: 35px;
	margin-left:87px;
	width:852px;
	}
#sports-events .tickercontainer .mask { width:851px; left:1px; }
#sports-events .eventFadeLeft { right:0; background:url(../images/sports_fade_left.png) left top no-repeat; }
#sports-events .eventFadeRight { background:url(../images/sports_fade_right.png) right top no-repeat; }
#sports-events .eventFadeLeft, #sports-events .eventFadeRight {
	width: 852px; 
	height: 35px; 
	}