.newsticker_wrapper {
	 padding-top:7px;
font-family: 'Exo 2', sans-serif;	
	font-size:13px;
    color: red;    
    line-height: 30px;        
    height: 30px;
    -webkit-text-size-adjust: none;
} 

.newsticker_wrapper h4 {
    color: red;
    height: 100%;
    overflow: hidden;
    padding: 0 14px 0 11px;
    margin: 0 11px 0 0;
    font-style: italic;
    background: transparent url('dark/title_separator.png') no-repeat 100% 6px;
}

.newsticker a {
    color: #000000;
}

.newsticker {
    height: 30px;
    margin: 0;
    padding: 0;
	width:100%;    
}

.newsticker li {
    padding: 0 15px;
    list-style-type: none;
    list-style-image: none;
} 

.newsticker_controls {
    position: absolute;
    right: 0px;
	padding-right:10px;
    top: 0;
    list-style-type: none;
    list-style-image: none;    
    background-color: #005554;
    z-index: 30;
    margin: 0;
    padding-left: 10px;
	
}




.newsticker_controls li {
    float: left;    
    height: 30px;
    background-repeat: no-repeat;
    background-color: #005554;
    cursor: pointer;
}

.newsticker_controls .previous,
.newsticker_controls .next {
    width: 12px;
}

.newsticker_controls .pause,
.newsticker_controls .resume {
    width: 13px;
    padding: 0 10px;
    background-position: center;
}

.newsticker_controls .pause {
    background-image: url('dark/pause.png');     
	display:none;      
}

.newsticker_controls .resume {
    background-image: url('dark/resume.png'); 
	display:none;      
}

.newsticker_controls .previous {
    background-image: url('dark/previous.png');   
    background-position: left center;
	display:none;
}

.newsticker_controls .next {
    background-image: url('dark/next.png');   
    background-position: right center;
	display:none;
}

.newsticker_style_reveal .newsticker li {
    left: 15px !important;
}

/* Reveal */
.newsticker_style_reveal .newsticker li {
    left: 15px !important;
}

/* Scroll */
.newsticker_style_scroll .newsticker li {
    margin-right: 5px;
    padding: 0;
}

.newsticker_style_scroll .newsticker li::after { 
    content: " | ";
}


.newsticker_scroller {
    margin: 0 6px;
	margin-top:-7px;
}

.newsticker-wrapper2{
	margin-top: 20px;
	position:relative;
	}

.newsticker-wrapper2 .newsticker-viewport2{
  padding-left: 45px;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #F6D65B;
  left: -5px;
  background-color: #F6D65B;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  
}

.newsticker-wrapper2 .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 1;
}

.newsticker-wrapper2 .bx-prev-ticker {
  left: -18px;
  background: url(dark/controls-ticker.png) no-repeat 0 -32px;
}

.newsticker-wrapper2 .bx-prev-ticker:hover {
background-position: 0 0;
}

.newsticker-wrapper2 .bx-next-ticker {
  right: -20px;
  background: url(dark/controls-ticker.png) no-repeat -43px -32px;
}

.newsticker-wrapper2 .bx-next-ticker:hover {
background-position: -43px 0;
}

.ticker_logo {
position: absolute;
z-index: 1;
top: 0px;
left: 14px;
	}
	
.ticker_logo img{
height:34px;
	}
	
/*
THE MARKUP:

<div class="newsticker_wrapper">
	<h4>The Latest</h4>
	<ul class="newsticker">
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</li>
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</li>
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</li>
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</li>
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</li>
	</ul>
</div>
*/