@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600);

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
background: #fff; 
width: 100%; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}

@media only screen and (max-width: 995px) 
{
	.tickercontainer { width:600px }
}

@media only screen and (max-width: 767px)
{
	.tickercontainer { width:300px }
}

@media only screen and (max-width: 479px)
{
	.tickercontainer { width:200px }
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
/*font: bold 10px Verdana;*/
font: 600 14px/20px 'Open Sans', sans-serif;
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: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #268d04;
/*font: bold 10px Verdana;*/
font: 600 14px/20px 'Open Sans', sans-serif;
margin: 0 50px 0 0;
} 
ul.newsticker a span 
{
	font-size:18px;
	/*line-height:17.5px;*/
	position:relative;
	bottom:2px;
}