﻿/* liScroll style declarations */
.tickercontainer
{
    /* the outer div */
    border-right:1px solid #98d7ff;
    border-left:1px solid #98d7ff;
    height:20px;
    margin:0;
    padding:0;
    overflow:hidden;
    width:680px;
}
.tickercontainer .mask
{
    /* that serves as a mask. so you get a sort of padding both left and right */
    overflow:hidden;
    width:680px;
    position:relative;
}
ul.newsticker
{
    /* that's your list */
    font:11px Verdana;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
    left:700px;
}
ul.newsticker li
{
    float:left; /* important: display inline gives incorrect results when you check for elem's width */
    margin:0;
    padding:4px 0 0 0;
}
ul.newsticker a
{
    color:#ffffff;
    font:10px Verdana;
    margin:0 50px 0 0;
    padding:0;
    text-decoration:none;
    white-space:nowrap;
}
ul.newsticker span
{
    color:#ffffff;
    margin:0 10px 0 0;
}
