/* liScroll styles */
.tickercontainer {
    /* the outer div with the black border */
    width: 100%;
    /*height: 30px;*/
    padding: 0 0 5px 0;
    overflow: hidden;
    background: url(/sp/img/bg.png) no-repeat 0 0;
    margin-top: -20%;
}
.tickercontainer .mask {
    /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 0px;
    width: 100%;
    overflow: hidden;
}
ul.newsticker {
    /* that's your list */
    position: relative;
    left: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li {
    white-space: nowrap;
    float: left; /* important: display inline gives incorrect results when you check for elem's width */;
    margin-top: 6px;
    text-shadow:1px 1px #fff;
    padding: 0px 0px 0 0px;
    background-color: rgba(255,255,255,0.0);
    font-size: 6vw;
    color: #2D2D2D;
}