/* liScroll styles */

.tickeroverlay-left
{
	background-image: url('../images/left.png');
	display: none;
	pointer-events: none;
	position: absolute;
	z-index: 30;
	height: 52px;
	width: 150px;
	top: 0;
	left: -39px;
}
.tickeroverlay-right
{
	background-image: url('../images/right.png');
	display: none;
	pointer-events: none;
	position: absolute;
	z-index: 30;
	height: 52px;
	width: 150px;
	top: 0;
	right: -2px;
}
.tickercontainer
{
	/* the outer div */
	float: right;
	height: 50px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 87%;
}
.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: 0px;
	height: 50px; /*width: 718px;*/
	overflow: hidden;
}
ul.newsticker
{
	/* that's your list */ /*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	transition: all 0s linear;
	position: relative;
	margin-left: 20px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #fff;
}
ul.newsticker li
{
	border-left: 1px solid #020202;
	border-right: 1px solid #676767;
	float: left;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
}
ul.newsticker a
{
	color: #FF0000;
	font: 13px 'Droid Arabic Kufi';
	padding: 0;
	white-space: nowrap;
}
ul.newsticker span
{
	color: #FDDC1C;
	float: right;
	margin: 0 10px;
}
#webticker2
{
	float: left;
}
#webticker2 li
{
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding-left: 15px; /*background: #fff;*/
}
.vote_box_content > span {
  display: block;
  margin-bottom: 11px;
}