/* liScroll styles */
/*Twitter scroll*/
#TwitterScroll {
	width: 91%;/*95%*/
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;


}
.TwitterHolder {
	position: relative;
	width: 91%;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	margin-top:35px;
	margin-bottom:10px;	
	
}
.twitterTicker {
	width:100%;
	height: 25px;
	/*border: 1px solid #DBDBDB;*/
	margin-top: 15px;
	height:30px;
}
.holder-left {
	width: 4%;
	height: 30px;
	position: absolute;
	top: 1;
	left: -1;
	padding-left: 40px;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	z-index: 51;
}
.tickercontainer { /* the outer div with the black border */
	/*border: 1px solid #000;*/
    /*background: #fff; */
    width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow: hidden;
	height: 30px;
}
.holder-right {
	position: absolute;
	right: -1px;
	top: 1;
	width: 4%;
	height: 30px;
	/*float: right;*/
	/*padding-right: 25px;*/
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);/*255*/
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	z-index: 50;
}
/*#ticker01 > li > span {
	content: '';
	icon: url(/Images/icons/twitterFeedIcon40x40.png;);
}*/
/**/

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	height:31px;
	left: 0;
	top: 5px;
	width: 100%;
	overflow: hidden;
	z-index: 2;
}
ul.newsticker { /* that's your list */
	position: relative;
	width:100%;
	left: 100%;
	font: bold 14px ;
	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;
	white-space: nowrap;
	color:#666;
	font-family: 'Lato', sans-serif;
	 font-size: 1em; 
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #5EA9DD;/*#5dd7fc*/
	font: bold 14px;
	margin: 0 50px 0 0;
}
ul.newsticker a:hover{
	color:#333;
}
ul.newsticker span {
	margin: 0 10px 0 0;
}


