/* liScroll styles */

/*.tickercontainer { 
    border: 1px solid #000;
    background: #fff;
    width: 738px;
    height: 27px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}*/

.tickercontainer {
    /*border: 1px solid #dde3ec;
    background: #fff;*/
    width: 450px;
    height: 27px;
    margin: 0;
    padding: 0;
    margin-left: 730px;
    overflow: hidden;
}
    /*.tickercontainer {  
    width: 389px;
    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;
        left: 10px;
        top: 8px;
        width: 718px;
        overflow: hidden;
    }

ul.newsticker { /* that's your list */
    position: relative;
    left: 550px;
    font-size: 14px;
    font-family: "Open Sans",sans-serif;
    /*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: 0;
        /*background: #fff;*/
    }

    ul.newsticker a {
        white-space: nowrap;
        padding: 0;
        color: #fff;
        font-size: 14px;
        font-family: "Open Sans",sans-serif;
        margin: 0 50px 0 0;
    }

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