/* liScroll styles */

.newscrl{width:15%;  font-size:22px; text-align:center; padding-top:5px; color:#000; height: 40px; float:right}

.tickercontainer { /* the outer div with the black border */
    width: 100%;
    height: 46px;
    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;
        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-left:0 #fff solid ;
            padding:5px 0px
        }

    ul.newsticker a {
        white-space: nowrap;
        padding: 0;
        color: #fff;
        margin:0 10px 0 10px;
        font-size:22px; font-weight:bold;
   
	font-weight: normal;
    }
        ul.newsticker a:hover {
           
        }