/* liScroll style declarations */



.tickercontainer { /* the outer div with the black border */

	width: 800px;

	height: 32px;

	margin: 0 auto;

	padding: 0 overflow: hidden;

	background:url(../images/info_bg.gif) no-repeat 0 0;

	

}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */

	position: relative;

	left: 100px;

	top: 8px;

	width: 690px;

	overflow: hidden;

	z-index:1;

}

ul.newsticker { /* that's your list */

	position: relative;

	left: 750px;

	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 */

	margin: 0;

	padding: 0;

	background: #fff;

	white-space:nowrap;	
	
	display: inline-block;
}

ul.newsticker a {

	white-space: nowrap;

	padding: 0;

	color: #ff0000;

	font: bold 10px Verdana;

	margin: 0 25px 0 0;

}

ul.newsticker span {

	margin: 0 10px 0 0;

}