/**



"Clean Red" skin for jQuery newsticker

 

Design & code by Studio 164a



**/ 

 

 

.newsticker_wrapper {

    background: white ;

    font: 12px Arial, Helvetica, sans-serif;

    color: #6d6e70;

    border-top: 2px solid #e4e5e5;

    border-bottom: 2px solid #e4e5e5;

  /**  padding: 9px 0 !important; **/ 

  /**  line-height: 23px; **/ 

 /**   height: 23px; **/ 

    -webkit-text-size-adjust: none;

} 



.newsticker_wrapper h4 {

     color: #eee; 


    text-transform: uppercase;

    border-right: 2px solid #e4e5e5;

    padding: 0 8px 0 9px;

    margin: 0 15px 0 0;

    overflow: hidden;

    font-weight: bold;

}



.newsticker_wrapper a {

    color: #be1e2d;

}



.newsticker {

    margin: 0;

    padding: 0;

}



.newsticker li {

    padding: 5px 15px;

    

    color:#333;

    font: 16px Arial, Helvetica, sans-serif;

    font-weight: bold;

}



.newsticker_controls {

    position: absolute;

    

    top: 9px;

    list-style-type: none;

    list-style-image: none; 

    margin: 0;    

}







.newsticker_controls li {

    float: left;    

    height: 23px;

    width: 34px;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: transparent;

    cursor: pointer;

}



.newsticker_controls .pause {

    background-image: url('../img/clean_red/pause.png'); 

    border-left: 1px solid #c9cacc; 

    border-right: 1px solid #c9cacc;     

}



.newsticker_controls .resume {

    background-image: url('../img/clean_red/resume.png');       

}



.newsticker_controls .previous {

      

    border-right: 1px solid #c9cacc;

}



.newsticker_controls .next {

    background-image: url('../img/clean_red/next.png');   

    border-left: 1px solid #c9cacc;

}





/* Reveal */

.newsticker_style_reveal .newsticker li {

    left: 15px !important;

}



/* Scroll */

.newsticker_style_scroll .newsticker li {

    margin-right: 80px;

}





/*

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>

*/



#footernews {

    position: fixed;

    bottom: 0;

    width: 100%;

    height:auto;

    background-color: red;

    z-index: 999999;

}