/* liScroll styles */

.tickercontainer
{
	/* the outer div with the black border */
	border: 1px solid #000;
	width: 580px;
	height: 27px;
	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: 0px;
top: 7px;
width: 580px;
overflow: hidden;
}
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;
	list-style-image: url(http://www.cronullaseagulls.com/images/Groundsball.png);
}

ul.newsticker a
{
	white-space: nowrap;
	padding: 0;
	color: #FFFF00;
	font: bold 10px Verdana;
	margin: 0 40px 0 0;
} 

ul.newsticker a:visited
{
	white-space: nowrap;
	padding: 0;
	color: #FFFF00;
	font: bold 10px Verdana;
	margin: 0 40px 0 0;
} 

ul.newsticker span {
margin: 0 10px 0 0;
} 

ul.liScroll span {float: left; clear: left;}





ul.ticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.ticker li
{
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	list-style-image: url(http://www.cronullaseagulls.com/images/Groundsball.png);
}

ul.ticker a
{
	white-space: nowrap;
	padding: 0;
	color: #FFFF00;
	font: bold 10px Verdana;
	margin: 0 40px 0 0;
} 

ul.ticker a:visited
{
	white-space: nowrap;
	padding: 0;
	color: #FFFF00;
	font: bold 10px Verdana;
	margin: 0 40px 0 0;
} 

ul.ticker span {
margin: 0 10px 0 0;
} 


ul.livescores { /* that's your list */
position: relative;
left: 500px;
font: bold 11px Arial;
list-style-type: none;
margin: 0;
padding: 0;
color: white;
background: limegreen;
background-color: #e5ffcb;
}

ul.livescores li
{
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	color: white;
	list-style: none;
	margin: 3px 20px 0 0;
}

ul.livescores span {
margin: 0 10px 0 0;
} 
