/* liScroll styles */
a {text-decoration:none}
a:link {color: #272727;}
a:active {color: #272727;}
a:visited {color: #272727;}
a:hover {color: #272727;}

.tickeroverlay-left{
	display:block;
	pointer-events:none;
	position:absolute;
	z-index:30;
	height:12px;
	width:150px;
	top:0;
	left:-2px;
}

.tickeroverlay-right{
	display:block;
	pointer-events:none;
	position:absolute;
	z-index:30;
	height:12px;
	width:150px;
	top:0;
	right:-2px;
}
.tickercontainer { /* the outer div */
width: 1150px;
height: 26px;
background-color: #ffffff;
padding: 0;
overflow: hidden;
margin-top:0px;
margin-bottom:0px;
margin-left:-40px;

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
padding-left: 10px;
padding-right: 10px;
top: 0px;
height: 32px;
width: 1220px;

}
ul.newsticker { /* that's your list */
position: relative;
margin-left: 20px;
font:  bold 20px;
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-right: 15px;
/*background: #fff;*/
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #272727;
font: bold 20px Verdana, Geneva, sans-serif;
margin: 0 50px 0 0;
}
ul.newsticker span {
margin: 0 10px 0 0;
}

#webticker{
	float:right;
}

#webticker li {
float: right; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding-left: 15px;
/*background: #fff;*/
}

/**
#container #tickerLogo {
	float:right;
	width:130px;
	height:30px;
	//background-color: #BD1D1D;
	background-image:url(../images/latestnews.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

#container #tickerLogo #separator {
	float:left;
	height:100%;
	width:1px;
	background:#272727;
}

**/