/* Ticker Styling */ .ticker-wrapper.has-js { margin: 20px 0px 20px 0px; padding: 0px 0px; width: 100%; height: 32px; display: block; background-color: #ffffff; } .ticker { width: 100%; display: block; position: relative; overflow: hidden; background-color: #ffffff; } .ticker-title { color: #990000; font-weight: bold; background-color: #ffffff; text-transform: uppercase; } .ticker-content { margin: 0px; position: absolute; color: #1F527B; font-weight: bold; background-color: #ffffff; overflow: hidden; white-space: nowrap; line-height: 1.2em; } .ticker-content:focus { none; } .ticker-content a { text-decoration: none; color: #1F527B; } .ticker-content a:hover { text-decoration: underline; color: #0D3059; } .ticker-swipe { position: absolute; top: 0px; background-color: #ffffff; display: block; width: 800px; height: 23px; } .ticker-swipe span { margin-left: 1px; background-color: #ffffff; border-bottom: 0px solid #1F527B; height: 12px; width: 7px; display: block; } .ticker-controls { padding: 8px 0px 0px 0px; list-style-type: none; float: left; } .ticker-controls li { padding: 0px; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; } .ticker-controls li.jnt-play-pause { background-image: url('../images/controls.png'); background-position: 32px 16px; } .ticker-controls li.jnt-play-pause.over { background-position: 32px 32px; } .ticker-controls li.jnt-play-pause.down { background-position: 32px 0px; } .ticker-controls li.jnt-play-pause.paused { background-image: url('../images/controls.png'); background-position: 48px 16px; } .ticker-controls li.jnt-play-pause.paused.over { background-position: 48px 32px; } .ticker-controls li.jnt-play-pause.paused.down { background-position: 48px 0px; } .ticker-controls li.jnt-prev { background-image: url('../images/controls.png'); background-position: 0px 16px; } .ticker-controls li.jnt-prev.over { background-position: 0px 32px; } .ticker-controls li.jnt-prev.down { background-position: 0px 0px; } .ticker-controls li.jnt-next { background-image: url('../images/controls.png'); background-position: 16px 16px; } .ticker-controls li.jnt-next.over { background-position: 16px 32px; } .ticker-controls li.jnt-next.down { background-position: 16px 0px; } .js-hidden { display: none; } .no-js-news { padding: 10px 0px 0px 45px; color: #ffffff; } .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 (max-width: 1024px) { /* 0.9 */ .ticker { height: 44px; } .ticker-wrapper.has-js { font-size: 11px; line-height: 22px; height: 44px; } .ticker-title, .ticker-content, .ticker-swipe { padding-top: 12px; } } @media (min-width: 1025px) and (max-width: 1280px) { /* 1.0 */ .ticker { height: 48px; } .ticker-wrapper.has-js { font-size: 12px; line-height: 24px; height: 48px; } .ticker-title, .ticker-content, .ticker-swipe { padding-top: 12px; } } @media (min-width: 1281px) and (max-width: 1920px) { /* 1.2 */ .ticker { height: 56px; } .ticker-wrapper.has-js { font-size: 14px; line-height: 28px; height: 56px; } .ticker-title, .ticker-content, .ticker-swipe { padding-top: 20px; } } @media (min-width: 1921px) and (max-width: 2560px) { /* 1.4 */ .ticker { height: 72px; } .ticker-wrapper.has-js { font-size: 18px; line-height: 36px; height: 72px; } .ticker-title, .ticker-content, .ticker-swipe { padding-top: 16px; } } @media (min-width: 2561px) { /* 1.8 */ .ticker { height: 104px; } .ticker-wrapper.has-js { font-size: 26px; line-height: 52px; height: 104px; } .ticker-title, .ticker-content, .ticker-swipe { padding-top: 26px; } }