/* liScroll styles */



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

	width: 100%; 

	min-height: 30px;

	margin: 0; 

	padding: 0;

	overflow: hidden; 

	text-align: center;

        background:#004b8f;

}

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

.tickercontainer .mask { 

	position: relative;

	width: 100%;

	overflow: hidden;

}

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;

	font:bold 18px Calibri;

color:#ffffff;

}



ul.newsticker li a { color:#aed2f5; }



ul.er-controls{

	list-style: none;

	display: none;

	padding: 0;

}

ul.er-controls > li{

	display: inline-block;

	padding: 0 0px;

	background: #f0f0f0;

	margin:0px;

	border-radius: 5px;

	height: 30px;

	line-height: 30px;

}

ul.er-controls > li:hover{

	`

}