/* liScroll styles */

.tickeroverlay-left
{
    /*background-image: url('left.png');*/
    /*background-color:#7A7A7A;*/
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 30;
    height: 18px;
   /* width: 10px; */
    top: 0;
    /*left: -2px;*/
}

.tickeroverlay-right
{
    /*background-image: url('right.png');*/
    /*background-color:#7A7A7A;*/
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 30;
    height: 18px;
    /*width: 10px;*/
    top: 0;
    /*right: -2px;*/
}

.tickercontainer
{ /* the outer div */
    background: #FFFFFF;/*#7a7a7a;*/
    width: 99%;
    height: 27px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.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: 8px;
    height: 18px;
    /*width: 718px;*/
    overflow: hidden;
}

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

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

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

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

#webticker2
{
    float: right;
}

    #webticker2 li
    {
        float: right; /* important: display inline gives incorrect results when you check for elem's width */
        margin: 0;
        padding-left: 15px;
        /*background: #fff;*/
    }