/* liScroll styles */

.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 */
background: transparent;
max-width: 100%;
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;
padding-left: 10px;
padding-right: 10px;
top: 8px;
height: 18px;
/*width: 718px;*/
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
margin-left: 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: #fff;
  font-size: 11px ;
  margin: 0 10px 0 0;
  font-weight: normal;
  position: relative;
  top: -2px;
}
ul.newsticker a::before {
	position: absolute;
	left: -10px;
	top: calc(50% - 2px );
	top: -webkit-calc(50% - 2px );
	top: -moz-calc(50% - 2px );
	top: -ms-calc(50% - 2px );
	content: "";
	background-color: #f74902;
	border-radius: 50%;
	height: 5px;
	width: 5px;
}
ul.newsticker a:hover {
  text-decoration: underline;
}
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;*/
}