/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden; 
	text-align: center;
	border-bottom: 1px solid #EEE;
}
/* that serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask { 
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 41px;
}
ul.newsticker { /* that's your list */
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li {
	float: left; 
	margin: 10px;
	padding: 0 20px 0 0;
}
ul.newsticker li a {
	font-weight: bold;
	color: #000;
}

ul.er-controls{
	list-style: none;
	display: inline-block;
	padding: 0;
	position: absolute;
	right: 0;
	top: 1px;
	background-color: #FFF;
}
ul.er-controls > li{
	display: inline-block;
	padding: 0 10px;
	background: #f0f0f0;
	margin: 0 2px;
	border-radius: 5px;
	height: 38px;
	line-height: 38px;
}
ul.er-controls > li:hover{
	background: #f5f5f5;
	cursor: pointer;
}
ul.er-controls > li:last-child{
	margin-right:0;
}