/* liScroll styles */

.marquee{ width:504px; position:absolute;top:0px; left:200px;}

.tickeroverlay-left{

	background-image:url('left.png');

	display:block;

	pointer-events:none;

	position:absolute;

	z-index:30;

	height:12px;

	width:150px;

	top:0;

	left:-2px;

}

	

.tickeroverlay-right{

	background-image:url('right.png');

	display:block;

	pointer-events:none;

	position:absolute;

	z-index:30;

	height:12px;

	width:150px;

	top:0;

	right:-2px;

}

.tickercontainer { /* the outer div */

/*background: #7a7a7a; */

width: 480px; 

/*height: 27px; */

margin: 0 auto; 

padding: 0;

overflow: hidden; 

}

.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: 2px;

height: 18px;

/*width: 718px;*/

overflow: hidden;

}

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

position: relative;

margin-left: 20px;

font-family: 'Open Sans', sans-serif;

font-weight:bold;

font-size:10px;

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;

font-family: 'Open Sans', sans-serif;

	font-weight:600;

padding-right: 15px;

font-size:12px;

/*background: #fff;*/

}

ul.newsticker a {

white-space: nowrap;

padding: 0;

color: #595959;

margin: 0 10px 0 0;

color:#000;

	font-size:12px;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

} 



ul.newsticker a:hover {

color:#000;

text-decoration:underline !important;

} 



ul.newsticker span {

margin: 0 10px 0 0;

} 



#webticker2{

	float:right;

}



#webticker2 li {

float: right; /* important: display inline gives incorrect results when you check for elem's width */

margin: 0;

padding-left: 15px;

/*background: #fff;*/

}