/* liScroll styles */

/* the outer div with the black border */
.tickercontainer { width: 100%;min-height: 50pxmargin: 0;padding: 0overflow: hidden;text-align: center;}
	/* that serves as a mask. so you get a sort of padding both left and right */
	.tickercontainer .mask { position: relative;width: 100%;overflow: hidden; }
/* that's your list */
ul.newsticker { position: relative;list-style-type: none;margin: 0;padding: 0; }

/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li { float: left; padding: 0; }
	ul.newsticker li img{ width: 100%; height: auto; }

ul.er-controls{ list-style: none;display: inline-block;padding: 0; }
	ul.er-controls > li{ display: inline-block;padding: 0 10px;background: #f0f0f0;margin: 5px;border-radius: 5px;height: 40px;line-height: 40px; }
	ul.er-controls > li:hover{ background: #f5f5f5;cursor: pointer; }





.container {
    position: relative;
    width: 90%;
    margin: auto;
/*    border: 1px solid;*/
    height: 200px;
    overflow: hidden;
}

.container ul.newsticker li { margin: 0 50px;width: 200px; position: relative;}
	.container ul.newsticker li img{position:relative; }


.container2 {
    position: relative;
    width: 90%;
    margin: 50px auto 0;
/*    border: 1px solid;*/
    height: 90px;
    overflow: hidden;
}

.container2 ul.newsticker li { margin: 0 30px;width: 90px; position: relative;}
	.container2 ul.newsticker li img{position:relative; }