/**
 * Author: Dennis Robinson
 * Date: November 20, 2009
 * Copyright: Mergenta (c) 2009
 *
 * Styles for the jQuery newsticker
 */

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

/* that serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask {
	position: relative;
	/*left: 10px;*/
	top: 7px;
	width: 100%;
	overflow: hidden;
}

/* that's your list */
ul.newsticker {
	position: relative;
	left: 750px;
	font: bold 11px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li {
float: left; 
margin: 0;
padding: 0;
background: #fff;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 11px Verdana;
margin: 0 30px 0 0;
}

ul.newsticker span {
margin: 0 10px 0 0;
}