/* liScroll styles */
.newscrl {
	width: 15%;
	font-size: 16px;;
	text-align: center;
	padding-top: 5px;
	color: #fff;
	height: 40px;
	float: right;
	font-weight: normal;
}
.tickercontainer {
	/* the outer div with the black border */
    width: 100%;
	height: 46px;
	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;
	right: 5px;
	top: 7px;
	width: 99%;
	overflow: hidden;
}
ul.newsticker {
	/* that's your list */
    position: relative;
	right: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: right; /* important: display inline gives incorrect results when you check for elem's width */;
	margin: 0;
	padding: 0;
	width: auto;
	height: 36px;
	line-height: 36px;
}
ul.newsticker li span {
	padding: 5px 0px;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #fff;
	margin: 0 5px 0 35px;
	font-size: 16px;
	font-weight: normal;
}
ul.newsticker a:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 640px) {
.tickercontainer .mask {
	top: 3px;
}
ul.newsticker a {
	font-size:12px
}

}