/* liScroll styles */

.newscrl{width:15%; font-family:'NRT Bold'; font-size:16px;; text-align:center;  color:#fff;background: #45484d;
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); height: 40px; float:right}

.tickercontainer { /* the outer div with the black border */
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
background: #45484d;
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );}

    .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
        position: relative;
        right: 5px;
        top: 0px;
        width: 99%;
        overflow: hidden;
    }

ul.newsticker { /* that's your list */
    position: relative;
    right: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.newsticker li {
        float: right; /* important: display inline gives incorrect results when you check for elem's width */
        margin: 0;
        padding: 0;
        width:auto;
        height:36px;
        line-height:36px;
    }
        ul.newsticker li span {
            border-right:3px #44A9D2 solid;
            padding:5px 0px
        }

    ul.newsticker a {
        white-space: nowrap;
        padding: 0;
        color: #fff;
        margin:0 5px 0 35px;
        font-size:16px;
        font-family: "NRT Bold";
	font-weight: normal;
    }
        ul.newsticker a:hover {
            text-decoration:underline
        }