﻿/*Style for scrolling winners --starts--*/
.tickercontainer { /* the outer div with the black border */
border:none;
background:#fff; 
width:123px; 
height:57px; 
margin:0; 
padding:0;
overflow:hidden; 
vertical-align:top;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 2px;
top: 8px;
width: 118px;
overflow: hidden;
vertical-align:top;
}
ul.clsCommentScroll { /* that's your list */
position:relative;
left:118px;
font:bold 12px Verdana;
list-style-type:none;
margin:0;
padding:0;
vertical-align:top;
}
ul.clsCommentScroll li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin:0px;
padding:0px;
list-style:none;
list-style-type:none;
background: #fff;
vertical-align:top;
}
ul.clsCommentScroll a {
white-space:nowrap;
padding:0;
color: #ff0000;
font: bold 10px Verdana;
margin:0px 2px 0px 0px;
vertical-align:top;
} 
ul.clsCommentScroll li span {
margin:0px 0px 0px 0px;
text-align:left;
vertical-align:top;
padding:0px;
}
ul.clsCommentScroll li span div{
margin: 0px 4px 0px 0px;
border:1px solid red;
padding:3px;
text-align:left;
vertical-align:middle;
/*Style for scrolling winners --end--*/