.tickercontainer { /* the outer div with the black border */

padding: 0
overflow: hidden;
	height: 20px;
	padding: 0px;
	margin: 0;
	width: auto;
}
.tickercontainertop { /* the outer div with the black border */
padding: 0
overflow: hidden;
	height: 250px;
	padding: 0px;
	margin: 0;
	width: 400px;
	float: left;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
overflow: hidden;
}
ul.newsticker {
	position: relative;
	left: 750px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 20px;
}
ul.newsticker li {
	float: left;
	margin: 0;
	padding: 0;
}
ul.newsticker span {
margin: 0 10px 0 0;
} 
#fadel {
	left:0px;
	top:174px;
	width:141px;
	height:30px;
	z-index:1;
	background-repeat: repeat-y;
	margin-top: -17px;
	margin-bottom: 0px;
	margin-left: 0px;
	clip: rect(auto,auto,auto,auto);
	background-position: left top;
	position: absolute;
	background-image: url(../images/fade.png);
}
#fader {
	top:173px;
	width:150px;
	height:30px;
	z-index:1;
	background-repeat: repeat;
	margin-top: -17px;
	margin-bottom: 0px;
	background-position: -150px top;
	position: absolute;
	background-image: url(../images/fade.png);
	margin-right: 0px;
	right: 0px;
}
ul.newstickertop {
	position: relative;
	left: 750px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}