﻿/* liScroll styles */
.tickercontainer {
	/* the outer div with the black border */
	width: 100%;
	height: 30px;
	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: 0px;
	top: 0px;
	width: 100%;
	overflow: hidden;
	height: 30px;
}
ul.newsticker {
	/* that's your list */
position: relative;
	right: 750px;
	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: 0px 0;
        border-left: 3px #002a5b solid;
        padding-left: 20px;
    }
ul.newsticker li img {
	float:right;
	width:20px;
	margin:5px 15px 0 0
}
    ul.newsticker a {
        white-space: nowrap;
        padding: 0;
        color: #002a5b;
        margin: 0 10px 0 0;
        font-size: 13px;
        text-decoration: none;
    }
ul.newsticker a:hover {
	text-decoration: underline;
}
ul.newsticker span {
	margin: 0 10px 0 0;
}

