﻿/* ----- Top Bar ---------------------------------------http://www.lioit.com--------- */
.topBar { height: 45px; line-height: 45px; overflow: visible; background: #f7f7f7; border-bottom: 1px solid #f1f1f1; position: relative; }
    .topBar .topSocial { text-align: right; }
        .topBar .topSocial li { height: 45px !important; float: right; line-height: 45px !important; border-left: solid 1px #f1f1f1; }
        .topBar .topSocial a { text-shadow: rgba(0,0,0,0.03) 1px 1px 1px; padding: 0px 5px; display: inline-block; height: 45px !important; line-height: 45px !important; }
        .topBar .topSocial .footerSocial .social li a, .topBar .topSocial .footerSocial .social li { height: 45px; line-height: 45px; }
        .topBar .topSocial .footerSocial .social li { margin-left: 3px; padding: 0px; }
    .topBar .social li i { text-shadow: rgba(0,0,0,0.03) 1px 1px 1px; font-size: 15px; }
    .topBar .topSocial a:hover, .topBar .topSocial a:hover i { }
.topSocial .footerSocial { float: right; }

/* ----- Ticker ---------------------------------------http://www.lioit.com--------- */
/* Ticker Styling */
.ticker-wrapper.has-js { margin: 0px 0px 0px 0px; padding: 0px 0px; width: 570px; height: 45px; line-height: 45px; display: block; }
.ticker { width: 570px; height: 45px; display: block; position: relative; overflow: hidden; }
.ticker-title { float: left; height: 20px; padding: 3px 10px; font-size: 13px; line-height: 20px; text-align: center; color: #FFFFFF; background: #e7604a; margin: 10px 15px 0px 0px; }
.ticker-content { margin: 0px; padding-top: 15px; position: absolute; color: #475055; font-weight: bold; background-color: #f7f7f7; overflow: hidden; white-space: nowrap; line-height: 1.2em; padding-left: 15px; }
    .ticker-content:focus { }
    .ticker-content a { text-decoration: none; color: #475055; }
        .ticker-content a:hover { text-decoration: underline; color: #0D3059; }
.ticker-swipe { padding-top: 15px; position: absolute; top: 0px; background-color: #f7f7f7; display: block; width: bold; height: 23px; }
    .ticker-swipe span { margin-left: 1px; background-color: #f7f7f7; border-bottom: 1px solid #475055; height: 12px; width: 7px; display: block; }
.ticker-controls { padding: 8px 0px 0px 0px; list-style-type: none; float: left; }
.js-hidden { display: none; }
.no-js-news { padding: 10px 0px 0px 45px; color: #F8F0DB; }
.left .ticker-swipe { /*left: 80px;*/ }
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left; }
.left .ticker-controls { padding-left: 6px; }
.right .ticker-swipe { /*right: 80px;*/ }
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right; }
.right .ticker-controls { padding-right: 6px; }



@media only screen and (max-width: 760px){
.topBar{ display:none;}

}