body.wallpaper .webradio__wrapper {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }

.webradio {
  padding-top: 25px;
  background-color: transparent; }

.webradio > #mystations-toggle {
  display: none; }

.webradio__header {
  border-radius: 10px 10px 0 0; }

@media (min-width: 768px) {
  .webradio__wrapper {
    border-radius: 10px; } }
.radioplayer-globalnav .menu-btn {
  line-height: inherit !important; }

.radioplayer-globalnav .menu-btn-icon:before {
  content: "\f0c9";
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 45px; }

.radioplayer-globalnav .menu-btn-icon.icon-chevron-left:before {
  content: "\f104";
  font-size: 35px; }

.webradio__onair {
  position: relative; }

.webradio__footer {
  color: #a4a4a4;
  padding-top: 25px; }

.webradio__footer a {
  color: #fff;
  text-decoration: underline; }

#aplayer .mejs-controls .mejs-play button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 35px;
  height: 50px;
  margin: -25px 0 0 -13px;
  content: '';
  z-index: 1;
  background: url(play.svg) no-repeat; }

#aplayer .mejs-controls .mejs-replay button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 35px;
  height: 50px;
  margin: -25px 0 0 -13px;
  content: '';
  z-index: 1;
  background: url(play.svg) no-repeat; }

body {
  background: url(bg.jpg) 50% 0 no-repeat #272727; }

.radioplayer {
  /*padding-top: 45px;*/
  position: relative; }

.cookie-demo,
.radioplayer-globalnav-wrapper,
.overlay-container {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 100%; }

.cookie-demo a,
.radioplayer-globalnav-wrapper a,
.overlay-container a {
  color: #222; }

.cookie-demo p,
.radioplayer-globalnav-wrapper p,
.overlay-container p {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  line-height: 120%; }

.cookie-demo input[type=text]::-ms-clear,
.radioplayer-globalnav-wrapper input[type=text]::-ms-clear,
.overlay-container input[type=text]::-ms-clear {
  display: none !important; }

.radioplayer-globalnav-wrapper {
  /*position: fixed !important;*/
  width: 100%;
  /*top: 0;
  left: 0;*/
  z-index: 20; }

.overlay-container {
  /*position: fixed !important;*/ }

.overlay-container .tabs-wrapper .spinner {
  top: 50%;
  margin: -16px 0 0 -16px; }

/*
    All intellectual property rights in this Software throughout the world belong to CA Radioplayer,
    rights in the Software are licensed (not sold) to subscriber stations, and subscriber stations
    have no rights in, or to, the Software other than the right to use it in accordance with the
    Terms and Conditions at www.radioplayer.ca/terms. You shall not produce any derivate works
    based on whole or part of the Software, including the source code, for any other purpose other
    than for usage associated with connecting to the CA Radioplayer Service in accordance with these
    Terms and Conditions, and you shall not convey nor sublicense the Software, including the source
    code, for any other purpose or to any third party, without the prior written consent of CA Radioplayer.

    Document   : global.css
    Description: global styles and layout for radioplayer
*/
/**
 * WARNING - The entire console inherits from these values.
 * It is strongly recommended to not make changes to the following styling.
 */
.access {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.accessibility-text {
  display: block;
  text-indent: -9999px;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

.guiding-line {
  position: absolute;
  top: 34px;
  border-top: 1px solid limegreen;
  width: 100%;
  z-index: 10; }

.group:before, .group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1; }

/**
 *
 * Global Nav
 *
 */
.radioplayer-globalnav-wrapper {
  height: 45px;
  position: relative;
  border-top: 1px solid #070707;
  border-bottom: 1px solid #070707; }

.radioplayer-globalnav {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  height: 45px; }

/* Menu Button */
.radioplayer-globalnav .menu-btn {
  float: left;
  width: 45px;
  height: 45px;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  border-right: 1px solid #999999;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 30px;
  line-height: 49px;
  text-align: center;
  z-index: 1; }

@media (min-width: 768px) {
  .radioplayer-globalnav .menu-btn {
    width: 90px; } }
.radioplayer-globalnav .menu-btn:hover {
  background-color: #d7d5d5; }

.radioplayer-globalnav .menu-btn span.menu-btn-accessible {
  display: block;
  text-indent: -9999px; }

body.rp-mouseactivity .radioplayer-globalnav .menu-btn {
  outline: none; }

.menu-btn-icon-ie7 {
  display: none; }

.ie7 .menu-btn-icon-ie7 {
  display: block;
  width: 19px;
  height: 19px;
  margin-top: 13px;
  background: url(sprite.png) -250px -50px no-repeat; }

.ie7 .menu-btn-icon {
  display: none; }

.menu-btn-notification {
  position: absolute;
  top: 11px;
  right: -7px;
  z-index: 1;
  font-size: 12px;
  line-height: 12px;
  opacity: 0;
  -moz-transition: opacity linear 2s, right linear .1s 2s, top linear .1s 2s;
  transition: opacity linear 2s, right linear .1s 2s, top linear .1s 2s;
  outline: 0 !important; }

.lte8 .menu-btn-notification {
  visibility: hidden;
  -moz-transition: none;
  transition: none;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  opacity: 1; }

.ie7 .menu-btn-notification {
  display: none; }

.menu-btn-notification .icon-heart .path4:before,
.menu-btn-notification .icon-heart .path5:before {
  color: #FF4529; }

@-webkit-keyframes heart-animation-notification {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  18.25% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  54.75% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  81.75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes heart-animation-notification {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  18.25% {
    -moz-transform: scale(0.8);
    transform: scale(0.8); }
  54.75% {
    -moz-transform: scale(1.2);
    transform: scale(1.2); }
  81.75% {
    -moz-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -moz-transform: scale(1);
    transform: scale(1); } }
@keyframes heart-animation-notification {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); }
  18.25% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8); }
  54.75% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2); }
  81.75% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); } }
.menu-btn-notification--active {
  -webkit-animation-name: heart-animation-notification;
  -moz-animation-name: heart-animation-notification;
  animation-name: heart-animation-notification;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  animation-delay: .2s;
  -moz-transition: opacity linear .2s, right linear .1s, top linear .1s;
  transition: opacity linear .2s, right linear .1s, top linear .1s;
  opacity: 1;
  right: 3px;
  top: 9px; }

.lte8 .menu-btn-notification--active {
  visibility: visible;
  -moz-transition: none;
  transition: none;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
  right: -6px;
  /* Hack to get ie8 to redraw pseudo elements on change */
  /* Hack to get ie8 to redraw pseudo elements on change */ }

.lte8 .menu-btn-notification--active .icon-heart .path4:before {
  content: "\e81a "; }

.lte8 .menu-btn-notification--active .icon-heart .path5:before {
  content: "\e829 "; }

@media (min-width: 768px) {
  .menu-btn-notification--active {
    right: 26px; } }
/* Search Box */
.radioplayer-globalnav .search-box {
  float: left;
  margin-left: 45px;
  margin-right: 83px;
  position: relative;
  width: -moz-calc(100% - 128px);
  width: calc(100% - 128px);
  line-height: 45px;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 45px;
  padding-right: 83px;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@media (min-width: 768px) {
  .radioplayer-globalnav .search-box {
    padding-left: 90px;
    padding-right: 90px; } }
.ie7 .radioplayer-globalnav .search-box {
  width: 251px; }

.radioplayer-globalnav .search-box fieldset {
  padding: 0;
  margin: 0;
  width: 100%;
  background-color: #fff;
  border: 0;
  height: 45px;
  text-align: center;
  position: relative; }

.radioplayer-globalnav .search-box input {
  border: 0;
  background: none;
  color: #070707;
  font-size: 13px;
  width: 100%;
  height: 45px;
  line-height: 43px;
  text-align: center;
  position: absolute;
  left: 0;
  font-family: Arial, sans-serif;
  display: block;
  padding-left: 10px;
  padding-right: 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.lte8 .radioplayer-globalnav .search-box input {
  display: inline;
  height: 45px; }

.ie7 .radioplayer-globalnav .search-box input {
  width: 201px;
  height: 43px;
  overflow: hidden;
  border-right: 1px solid #999999;
  background-color: #fff; }

.radioplayer-globalnav .search-box.active input {
  color: #222; }

.radioplayer-globalnav .search-box input::-ms-clear {
  display: none;
  /* Hide the cross added by IE 10 */ }

.radioplayer-globalnav .search-box .mirrored-input {
  color: transparent;
  font-size: 13px;
  overflow: hidden;
  white-space: pre;
  max-width: 100%;
  width: 100%;
  display: block;
  padding-right: 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: none; }

.radioplayer-globalnav .search-box button {
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  overflow: visible;
  font-size: 20px;
  line-height: 47px;
  position: absolute;
  right: 0;
  padding: 0 10px;
  z-index: 10; }

.radioplayer-globalnav .search-box button:hover {
  cursor: pointer;
  color: #444444; }

.radioplayer-globalnav .search-box button span.search-btn-accessible {
  display: block;
  text-indent: -9999px;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

body.rp-mouseactivity .radioplayer-globalnav .search-box button {
  outline: none; }

.radioplayer-globalnav .search-box #search-clear {
  display: none; }

html.lte8 .radioplayer-globalnav .search-box button {
  width: 42px;
  height: 45px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  z-index: 10; }

.radioplayer-globalnav .search-box button span.search-btn-ie7 {
  background-image: url(sprite.png);
  background-repeat: no-repeat;
  background-position: -150px -50px;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 13px;
  top: 15px;
  display: none;
  cursor: pointer; }

.ie7 .radioplayer-globalnav .search-box button span.search-btn-ie7 {
  display: block; }

.radioplayer-globalnav .rp-logo-container {
  border-left: 1px solid #999999;
  height: 45px;
  display: block;
  float: right;
  position: absolute;
  top: 0;
  right: 0; }

.ie7 .radioplayer-globalnav .rp-logo-container {
  border: 0; }

@media (min-width: 768px) {
  .radioplayer-globalnav .rp-logo-container {
    width: 90px; } }
.radioplayer-globalnav .rp-logo {
  float: right;
  margin: 10px;
  width: 62px;
  height: 26px;
  text-indent: -9999px; }

/**
 *
 * General Overlay Containers and Furniture
 *
 */
.overlay-container {
  display: none;
  position: absolute;
  top: 46px;
  left: 0;
  height: 553px;
  width: 100%;
  overflow: hidden;
  z-index: 900; }

.overlay-container .tabs {
  background-color: #f4f3f3;
  height: 46px;
  border-bottom: 2px solid #333; }

.overlay-container .tabs ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.overlay-container .tabs ul li {
  float: left;
  width: 25%; }

.search-container .tabs ul li {
  width: 33%; }

.search-container .tabs ul li:last-child {
  width: 34%; }

.overlay-container .tabs ul li a {
  display: block;
  color: #333;
  padding: 15px 0;
  line-height: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 120%; }

.overlay-container .tabs ul li a:hover {
  background-color: #e7e7e7; }

.overlay-container .tabs ul li.on a {
  background-color: #333;
  color: #fff; }

.overlay-container .tabs ul li a span {
  display: block;
  border-left: 1px solid #b2b2b2;
  text-align: center;
  padding: 0 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.overlay-container .tabs ul li.on a span {
  border-left: 1px solid #333; }

.overlay-container .tabs ul li.no-divide a span {
  border-left: 1px solid #f4f3f3; }

.overlay-container .tabs ul li.first a span {
  border-left: none; }

.overlay-container .tabs ul li.two-lines a {
  padding: 7px 0; }

.overlay-container .tab-container {
  display: none; }

.overlay-container .tab-container.showing {
  display: block; }

.overlay-container .tabs-wrapper {
  height: 505px;
  position: relative; }

.overlay-container .tabs-wrapper .spinner {
  display: none;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  bottom: 50px;
  /*top:50%; margin:-16px 0 0 -16px;*/ }

.scrollable-wrapper {
  overflow: auto;
  height: 505px;
  position: relative;
  /* <- this is an IE7 fix */ }

.scrollable-wrapper.has-error {
  background-color: #f6f6f6; }

/**
 *
 * Menu
 *
 */
.menu-container {
  display: none;
  width: 100%;
  height: 553px;
  background-color: #fff; }

.menu-container .alphabet {
  background-color: #fff;
  height: 10px;
  padding: 17px 0;
  text-align: center; }

.menu-container .alphabet ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.menu-container .alphabet ul li {
  display: inline; }

.menu-container .alphabet ul li a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  padding: 2px 1px 2px 2px;
  font-size: 135%; }

.menu-container .alphabet ul li a:hover {
  color: #000; }

.menu-container .alphabet ul li.no-stations a {
  color: #575757; }

.menu-container .alphabet ul li.no-stations a:hover {
  color: #000; }

@media (max-width: 360px) {
  .menu-container .alphabet ul.alphabet--regular {
    display: none; } }
@media (min-width: 568px) {
  .menu-container .alphabet ul.alphabet--regular li a {
    padding: 2px 3px 2px 6px; } }
.menu-container .alphabet ul.alphabet--minimised {
  display: none;
  text-align: center; }

@media (max-width: 360px) {
  .menu-container .alphabet ul.alphabet--minimised {
    display: block; } }
@media (max-width: 360px) {
  .menu-container .alphabet ul li {
    width: 11%;
    display: block;
    float: left; } }
.menu-container .azlist-container {
  height: 461px; }

.menu-container .azlist-container .letter-divide {
  background-color: #ddd;
  border-bottom: 1px solid #aaa;
  color: #333;
  padding: 5px;
  font-size: 108%;
  font-weight: bold; }

.menu-container .azlist-container .no-stations-item {
  text-align: center;
  font-size: 108%;
  padding: 10px; }

.menu-container .sticky-divide-wrapper {
  position: relative;
  height: 461px;
  overflow: hidden; }

.menu-container .sticky-divide {
  display: none;
  background-color: #ddd;
  border-bottom: 1px solid #aaa;
  color: #333;
  padding: 5px;
  font-size: 108%;
  font-weight: bold;
  position: absolute;
  z-index: 1;
  width: 100%; }

/**
 *
 * My Stations - No stations message
 *
 */
.no-overlay-items {
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 190px;
  background-color: #fff;
  margin: 95px auto 0 auto;
  padding: 20px 30px;
  text-align: center; }

.no-overlay-items h1 {
  font-weight: normal;
  font-size: 22px;
  background: url(error-icons-sprite.png) 50% 0 no-repeat;
  color: #333;
  padding-top: 75px;
  margin: 20px 0 20px 0;
  line-height: 1.1em; }

.no-overlay-items p {
  font-size: 16px;
  color: #838383;
  margin: 20px 0; }

.menu-container .tab-container.has-no-items {
  background-color: #f6f6f6; }

/**
 *
 * Point Prompt
 *
 */
.point-prompt {
  position: absolute;
  color: #000;
  padding: 10px 10px 10px 37px;
  font-size: 11px;
  line-height: 18px;
  background-color: rgba(255, 255, 255, 0.9);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.point-prompt.press-play-prompt {
  left: -90px;
  top: 5px;
  background-position: 0 -200px;
  width: 83px; }

.point-prompt.volume-prompt {
  left: -182px;
  top: 4px;
  width: 120px; }

.point-prompt .icon-info_outline {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #000;
  font-size: 18px; }

.point-prompt .point-prompt-arrow {
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 10px solid rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 13px;
  right: -10px; }

/**
 *
 * Announcement
 *
 */
.radioplayer-anno {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 16000000;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.85); }

.radioplayer-anno .text-container {
  display: block;
  margin-right: 82px;
  padding: 10px 20px; }

.radioplayer-anno .logo-container {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 82px; }

.radioplayer-anno .logo-container .rp-logo {
  display: inline-block;
  background: url(sprite.png) -200px -100px no-repeat;
  width: 61px;
  height: 25px;
  margin: 10px; }

.radioplayer-anno .anno-text {
  color: #ffffff;
  font-size: 14px;
  line-height: 18px; }

.radioplayer-anno .anno-text a {
  color: #fff; }

.radioplayer-anno .close-anno-tab {
  display: block;
  position: absolute;
  right: 5px;
  bottom: -20px;
  width: 26px;
  height: 20px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px; }

.radioplayer-anno .close-anno-tab .hide-anno {
  display: block;
  background: url(sprite.png) -142px -199px no-repeat;
  width: 26px;
  height: 20px;
  margin-top: 3px;
  text-indent: -9999px; }

/**
 *
 * Adjustments for when overlay is showing
 *
 */
body.showing-overlay .radioplayer-head {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  height: 66px;
  z-index: 901;
  -moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.15); }

body.showing-overlay .radioplayer-head .stn-logo {
  top: 8px; }

body.showing-overlay .radioplayer-head .now-playing-strip {
  display: none; }

body.showing-overlay .radioplayer-globalnav .menu-btn:hover {
  background-color: #d7d5d5; }

body.showing-overlay .radioplayer-body {
  position: absolute;
  top: -9999px; }

body.showing-overlay .overlay-container {
  display: block; }

body.showing-overlay #controls {
  top: 9px; }

body.showing-search .search-container {
  display: block; }

body.showing-suggest .suggest-container {
  display: block; }

body.showing-menu .menu-container {
  display: block; }

.cookie-demo {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  background-color: transparent;
  min-height: 200px;
  z-index: 200;
  -moz-transition: background-color linear .8s, top linear 1ms 1s;
  transition: background-color linear .8s, top linear 1ms 1s; }

.cookie-demo .icon-undo, .cookie-demo .icon-redo, .cookie-demo .cookie-menu-text, .cookie-demo .cookie-heart-text, .cookie-demo .cookie-close, .cookie-demo .cookie-close-label {
  display: none; }

.ie7 .cookie-demo {
  display: none; }

.cookie-demo--no-animation {
  -moz-transition: none;
  transition: none; }

.cookie-demo-message {
  width: 100%;
  color: #bbb;
  margin-top: 185px;
  padding: 25px 20px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  -moz-transition: opacity linear .6s;
  transition: opacity linear .6s; }

.cookie-demo-message a {
  color: #fff;
  text-decoration: none;
  font-weight: bold; }

.cookie-demo-message a:hover {
  text-decoration: underline; }

.cookie-menu-icon {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  opacity: 0.2;
  -moz-transition: opacity linear 1ms 5s;
  transition: opacity linear 1ms 5s; }

.cookie-menu-icon .icon-redo {
  position: absolute;
  top: 40px;
  left: 15px;
  -webkit-transform: rotate(250deg);
  -moz-transform: rotate(250deg);
  transform: rotate(250deg);
  -ms-transform: rotate(250deg);
  color: #bbb; }

@media (min-width: 768px) {
  .cookie-menu-icon .icon-redo {
    left: 37px; } }
.lte8 .cookie-menu-icon .icon-redo {
  display: none; }

.cookie-menu-icon .cookie-menu-icon-container {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 49px;
  outline: 0;
  border: 0;
  border-right: 1px solid transparent;
  background-color: transparent;
  font-size: 30px; }

@media (min-width: 768px) {
  .cookie-menu-icon .cookie-menu-icon-container {
    width: 90px; } }
.cookie-menu-icon .icon-hamburger {
  color: black;
  -moz-transition: color linear 1.6s;
  transition: color linear 1.6s; }

.cookie-menu-icon .menu-btn-notification {
  -moz-transition: left linear .1s 5.8s, top linear .1s 5.8s, opacity linear .8s;
  transition: left linear .1s 5.8s, top linear .1s 5.8s, opacity linear .8s;
  opacity: 0;
  right: auto;
  left: 41px; }

@media (min-width: 768px) {
  .cookie-menu-icon .menu-btn-notification {
    left: 73px;
    right: auto; } }
@media (min-width: 768px) {
  .cookie-menu-icon {
    left: 0; } }
.cookie-menu-text {
  position: absolute;
  color: #fff;
  position: absolute;
  top: 23px;
  left: 59px;
  font-size: 14px;
  line-height: 22px;
  width: 100px;
  text-align: left;
  opacity: 0; }

.lte8 .cookie-menu-text {
  top: 7px;
  left: 45px; }

@media (min-width: 768px) {
  .cookie-menu-text {
    left: 81px; } }
.cookie-heart-icon {
  position: absolute;
  top: 56px;
  right: 10px;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  opacity: 0.2;
  width: 116px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: opacity linear 1ms 1s;
  transition: opacity linear 1ms 1s; }

.isSafari .cookie-heart-icon {
  top: 53px;
  right: 13px; }

@media (min-width: 568px) {
  .cookie-heart-icon {
    width: 200px;
    top: 56px; }

  .isSafari .cookie-heart-icon {
    top: 53px;
    right: 12px; } }
.lte8 .cookie-heart-icon {
  width: 131px; }

.cookie-heart-icon .cookie-heart-icon-container {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  outline: none;
  padding: 0;
  background-color: transparent;
  border: 0; }

@-moz-document url-prefix() {
  .cookie-heart-icon .cookie-heart-icon-container {
    top: -1px; } }
.cookie-heart-icon .icon-heart {
  line-height: 50px;
  font-size: 20px; }

@media (min-width: 568px) {
  .cookie-heart-icon .icon-heart {
    font-size: 25px; } }
.cookie-heart-icon .icon-heart .path1:before,
.cookie-heart-icon .icon-heart .path2:before,
.cookie-heart-icon .icon-heart .path3:before,
.cookie-heart-icon .icon-heart .path7:before {
  color: transparent; }

.cookie-heart-icon .icon-heart .path4:before,
.cookie-heart-icon .icon-heart .path5:before,
.cookie-heart-icon .icon-heart .path8:before,
.cookie-heart-icon .icon-heart .path6:before {
  color: transparent;
  -moz-transition: color linear 1s;
  transition: color linear 1s; }

.cookie-heart-icon .icon-heart .path5:before {
  -moz-transition: color linear 1s;
  transition: color linear 1s; }

.cookie-heart-icon .icon-heart .path8:before {
  -moz-transition: color linear 1ms .85s;
  transition: color linear 1ms .85s; }

.cookie-heart-icon .icon-heart .path6:before {
  -moz-transition: color linear .8s;
  transition: color linear .8s; }

.cookie-heart-icon .icon-heart .path2:before {
  color: #fff; }

.radioplayer.dark-theme .cookie-heart-icon .icon-heart .path2:before {
  color: #B3B2B2; }

.cookie-heart-icon .icon-heart .path3:before {
  color: #fff; }

.radioplayer.dark-theme .cookie-heart-icon .icon-heart .path3:before {
  color: #B3B2B2; }

.cookie-heart-icon .icon-undo {
  position: absolute;
  top: 9px;
  left: 44px;
  -webkit-transform: rotate(370deg);
  -moz-transform: rotate(370deg);
  transform: rotate(370deg);
  -ms-transform: rotate(370deg);
  color: #bbb;
  font-size: 30px; }

.lte8 .cookie-heart-icon .icon-undo {
  display: none; }

.cookie-heart-text {
  position: absolute;
  top: 48px;
  left: 15px;
  width: 100px;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: #fff; }

.lte8 .cookie-heart-text {
  top: 35px;
  left: -30px; }

.cookie-close {
  top: 0;
  right: 0;
  color: #fff;
  float: left;
  position: absolute;
  padding: 10px 10px 5px 5px;
  font-size: 24px; }

.cookie-close:hover {
  cursor: pointer;
  color: #bbb; }

.cookie-close-label {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #cc4a4a;
  background-color: rgba(204, 74, 74, 0.9);
  color: #fff;
  padding: 10px 12px;
  font-size: 14px;
  text-transform: uppercase;
  height: 30px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.cookie-close-label:hover {
  cursor: pointer;
  background-color: #e31c23; }

@-webkit-keyframes heart-animation-demo {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  18.25% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  54.75% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  81.75% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-moz-keyframes heart-animation-demo {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  18.25% {
    -moz-transform: scale(0.7);
    transform: scale(0.7); }
  54.75% {
    -moz-transform: scale(1.2);
    transform: scale(1.2); }
  81.75% {
    -moz-transform: scale(0.85);
    transform: scale(0.85); }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes heart-animation-demo {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); }
  18.25% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7); }
  54.75% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2); }
  81.75% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    transform: scale(0.85); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.cookie-demo-on {
  top: 0;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.85);
  -moz-transition: top ease-in .6s;
  transition: top ease-in .6s; }

.cookie-demo-on .icon-undo, .cookie-demo-on .icon-redo, .cookie-demo-on .cookie-demo-message, .cookie-demo-on .cookie-menu-text, .cookie-demo-on .cookie-heart-text, .cookie-demo-on .cookie-close, .cookie-demo-on .cookie-close-label {
  display: block; }

.cookie-demo-on .cookie-heart-icon, .cookie-demo-on .cookie-menu-icon {
  opacity: 1; }

.cookie-demo-on .cookie-heart-icon {
  -moz-transition: opacity ease-in 1.5s .5s;
  transition: opacity ease-in 1.5s .5s; }

.cookie-demo-on .cookie-heart-icon .icon-heart {
  -webkit-animation-name: heart-animation-demo;
  -moz-animation-name: heart-animation-demo;
  animation-name: heart-animation-demo;
  -webkit-animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  animation-delay: 2.7s;
  -webkit-animation-duration: .8s;
  -moz-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.lte8 .cookie-demo-on .cookie-heart-icon .icon-heart {
  visibility: hidden; }

.cookie-demo-on .cookie-heart-icon .icon-heart .path2:before {
  color: #fff;
  -moz-transition: none;
  transition: none;
  opacity: 1; }

.radioplayer.dark-theme .cookie-demo-on .cookie-heart-icon .icon-heart .path2:before {
  color: #fff; }

.cookie-demo-on .cookie-heart-icon .icon-heart .path3:before {
  color: #fff;
  -moz-transition: none;
  transition: none;
  opacity: 1; }

.radioplayer.dark-theme .cookie-demo-on .cookie-heart-icon .icon-heart .path3:before {
  color: #fff; }

.cookie-demo-on .cookie-heart-icon .icon-heart .path4:before,
.cookie-demo-on .cookie-heart-icon .icon-heart .path8:before {
  color: #FF4529;
  -moz-transition: color linear 1ms 2.6s;
  transition: color linear 1ms 2.6s; }

.cookie-demo-on .cookie-heart-icon .icon-heart .path5:before,
.cookie-demo-on .cookie-heart-icon .icon-heart .path6:before {
  color: #fff;
  -moz-transition: color linear 1ms 2.6s;
  transition: color linear 1ms 2.6s; }

.cookie-demo-on .cookie-menu-icon {
  color: #fff;
  -moz-transition: opacity ease-in 1.5s 4s;
  transition: opacity ease-in 1.5s 4s; }

.lte8 .cookie-demo-on .cookie-menu-icon {
  -moz-transition: none;
  transition: none; }

.cookie-demo-on .cookie-menu-icon .icon-hamburger {
  -moz-transition: none;
  transition: none;
  opacity: 1;
  color: #fff; }

.cookie-demo-on .cookie-menu-icon .icon-redo, .cookie-demo-on .cookie-menu-icon .cookie-menu-text {
  opacity: 1; }

.cookie-demo-on .cookie-menu-icon .menu-btn-notification {
  -webkit-animation-name: heart-animation-notification;
  -moz-animation-name: heart-animation-notification;
  animation-name: heart-animation-notification;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  animation-delay: 6s;
  -moz-transition: opacity linear .2s 5.8s, left linear .1s 5.8s, top linear .1s 5.8s;
  transition: opacity linear .2s 5.8s, left linear .1s 5.8s, top linear .1s 5.8s;
  opacity: 1;
  left: 41px;
  right: auto;
  top: 9px; }

@media (min-width: 768px) {
  .cookie-demo-on .cookie-menu-icon .menu-btn-notification {
    left: 63px;
    right: auto; } }
.cookie-demo-on .cookie-demo-message {
  opacity: 1;
  -moz-transition: none;
  transition: none; }

/**
 *
 * Hidden iframes
 *
 */
iframe.crossdomain-iframe {
  height: 1px;
  width: 1px;
  position: absolute;
  top: 0;
  left: -2000px;
  visibility: hidden; }

/*
    All intellectual property rights in this Software throughout the world belong to CA Radioplayer,
    rights in the Software are licensed (not sold) to subscriber stations, and subscriber stations 
    have no rights in, or to, the Software other than the right to use it in accordance with the 
    Terms and Conditions at www.radioplayer.ca/terms. You shall not produce any derivate works
    based on whole or part of the Software, including the source code, for any other purpose other 
    than for usage associated with connecting to the CA Radioplayer Service in accordance with these
    Terms and Conditions, and you shall not convey nor sublicense the Software, including the source 
    code, for any other purpose or to any third party, without the prior written consent of CA Radioplayer.

    Document   : icomoon.css
*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?lqgml2");
  src: url("../fonts/icomoon.eot?lqgml2#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?lqgml2") format("truetype"), url("../fonts/icomoon.woff?lqgml2") format("woff"), url("../fonts/icomoon.svg?lqgml2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-volume .path1:before {
  content: "\e900";
  color: black; }

.icon-volume .path4:before {
  content: "\e901";
  margin-left: -1.14453125em;
  color: #ffff56; }

.icon-volume .path6:before {
  content: "\e902";
  margin-left: -1.14453125em;
  color: #56ffaa; }

.icon-volume .path5:before {
  content: "\e903";
  margin-left: -1.14453125em;
  color: #aaff56; }

.icon-volume .path3:before {
  content: "\e904";
  margin-left: -1.14453125em;
  color: #ffaa56; }

.icon-volume .path2:before {
  content: "\e905";
  margin-left: -1.14453125em;
  color: #ff5656; }

.icon-volume .path7:before {
  content: "\e906";
  margin-left: -1.14453125em;
  color: #aa56ff; }

.icon-volume .path8:before {
  content: "\e907";
  margin-left: -1.14453125em;
  color: #aa56ff; }

.icon-redo:before {
  content: "\e820"; }

.icon-undo:before {
  content: "\e821"; }

.icon-heart .path1:before {
  content: "\e817";
  color: #e32828; }

.icon-heart .path2:before {
  content: "\e818";
  margin-left: -1.2607421875em;
  color: #020101; }

.icon-heart .path3:before {
  content: "\e819";
  margin-left: -1.2607421875em;
  color: #020101; }

.icon-heart .path4:before {
  content: "\e81a";
  margin-left: -1.2607421875em;
  color: #010101; }

.icon-heart .path5:before {
  content: "\e829";
  margin-left: -1.2607421875em;
  color: white; }

.icon-heart .path6:before {
  content: "\e82a";
  margin-left: -1.2607421875em;
  color: #010101; }

.icon-heart .path7:before {
  content: "\e82b";
  margin-left: -1.2607421875em;
  color: white; }

.icon-heart .path8:before {
  content: "\e82c";
  margin-left: -1.2607421875em;
  color: lime; }

.icon-search:before {
  content: "\e804"; }

.icon-Information .path1:before {
  content: "\e801";
  color: white; }

.icon-Information .path2:before {
  content: "\e802";
  margin-left: -1.1484375em;
  color: black; }

.icon-hamburger:before {
  content: "\e803"; }

.icon-volume_mute:before {
  content: "\e808"; }

.icon-pause .path1:before {
  content: "\e805";
  color: black; }

.icon-pause .path2:before {
  content: "\e806";
  margin-left: -1.1484375em;
  color: white; }

.icon-pause .path3:before {
  content: "\e809";
  margin-left: -1.1484375em;
  color: white; }

.icon-stop .path1:before {
  content: "\e908";
  color: black; }

.icon-stop .path2:before {
  content: "\e909";
  margin-left: -1.1484375em;
  color: white; }

.icon-info_outline:before {
  content: "\e841"; }

.icon-tag:before {
  content: "\e800";
  color: #B3B2B2; }

.icon-chevron-thin-up:before {
  content: "\e835"; }

.icon-chevron-thin-right:before {
  content: "\e836"; }

.icon-chevron-thin-left:before {
  content: "\e837"; }

.icon-chevron-thin-down:before {
  content: "\e838"; }

.icon-chevron-small-up:before {
  content: "\e839"; }

.icon-chevron-small-right:before {
  content: "\e83a"; }

.icon-chevron-small-left:before {
  content: "\e83b"; }

.icon-chevron-small-down:before {
  content: "\e83c"; }

.icon-chevron-right:before {
  content: "\e83d"; }

.icon-chevron-left:before {
  content: "\e83e"; }

.icon-chevron-down:before {
  content: "\e83f"; }

.icon-chevron-up:before {
  content: "\e840"; }

.icon-cross:before {
  content: "\e822"; }

/*# sourceMappingURL=icomoon.css.map */
/*
    All intellectual property rights in this Software throughout the world belong to CA Radioplayer,
    rights in the Software are licensed (not sold) to subscriber stations, and subscriber stations 
    have no rights in, or to, the Software other than the right to use it in accordance with the 
    Terms and Conditions at www.radioplayer.ca/terms. You shall not produce any derivate works
    based on whole or part of the Software, including the source code, for any other purpose other 
    than for usage associated with connecting to the CA Radioplayer Service in accordance with these
    Terms and Conditions, and you shall not convey nor sublicense the Software, including the source 
    code, for any other purpose or to any third party, without the prior written consent of CA Radioplayer.

    Document   : search.css
    Description: specific styling for the search results
*/
/**
 *
 * Suggested Results
 *
 */
.suggest-container {
  display: none;
  width: 100%;
  height: 553px;
  background-color: rgba(0, 0, 0, 0.5); }

.suggest-container .scrollable-wrapper {
  overflow: auto;
  height: 553px; }

.suggest-item {
  border-bottom: 1px solid #c6c6c6;
  background-color: #fff; }

.suggest-item a {
  display: block;
  padding: 8px 10px 8px 64px;
  position: relative;
  min-height: 30px;
  text-decoration: none;
  outline: none; }

.suggest-item a:hover {
  background-color: #f4f4f4; }

.suggest-item.on a {
  background-color: #f4f4f4; }

.suggest-item .image {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 43px;
  height: 24px;
  border: 1px solid #e3e3e3; }

.suggest-item .name {
  display: block;
  font-size: 14px;
  color: #333;
  width: 292px;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 6px; }

.suggest-item .prog-name {
  display: block;
  font-size: 12px;
  color: #646464;
  padding-top: 1px;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.suggest-item.has-prog-name .name {
  padding-top: 0; }

.suggest-divider {
  background-color: #ddd;
  color: #333;
  padding: 5px;
  font-size: 108%;
  font-weight: bold;
  text-transform: uppercase; }

.suggest-item.show-all a {
  display: block;
  padding: 10px 5px;
  font-size: 116%;
  text-align: center;
  text-decoration: none;
  min-height: 0; }

.suggest-item.show-all a:hover {
  background-color: #eee; }

/**
 *
 * Main Results
 *
 */
.search-container {
  display: none;
  width: 100%;
  height: 553px;
  background-color: #fff; }

.search-container .tabs ul li a span {
  padding: 0 15px; }

/**
 *
 * Grouped stations
 *
 */
.station-group.collapsed .station-group-hidden {
  display: none; }

.station-group a.station-group-toggle {
  display: block;
  padding: 10px 0;
  text-align: center;
  color: #666;
  text-decoration: none;
  font-weight: bold;
  background-color: #f4f3f3;
  position: relative;
  border-top: 1px solid #ddd; }

.station-group a.station-group-toggle:hover {
  background-color: #ddd9da;
  color: #222; }

.station-group a i {
  position: absolute;
  right: 15px;
  top: 11px;
  display: block;
  width: 16px;
  height: 9px;
  background: url(sprite.png) -150px -24px no-repeat; }

.station-group a:hover i {
  background-position: -150px -36px; }

.station-group.collapsed a i {
  background-position: -150px 0; }

.station-group.collapsed a:hover i {
  background-position: -150px -12px; }

.q-sel {
  font-weight: bolder; }

/**
 *
 * Error Message
 *
 */
.error-message {
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 210px;
  background-color: #fff;
  margin: 30px auto 0 auto;
  padding: 20px 55px;
  text-align: center; }

.error-message h1 {
  font-weight: normal;
  color: #333;
  padding-top: 100px;
  margin: 20px 0 35px 0;
  line-height: 1.1em; }

.error-message p {
  font-size: 16px;
  color: #838383;
  margin: 25px 0; }

.error-message .terms {
  color: #133075;
  word-wrap: break-word; }

.error-message p strong {
  font-weight: normal;
  color: #333; }

.error-message.no-results h1 {
  font-size: 32px;
  background: url(error-icons-sprite.png) 50% -200px no-repeat; }

.error-message.fail h1 {
  font-size: 22px;
  background: url(error-icons-sprite.png) 50% -400px no-repeat; }

/*# sourceMappingURL=search.css.map */
/*
    All intellectual property rights in this Software throughout the world belong to CA Radioplayer,
    rights in the Software are licensed (not sold) to subscriber stations, and subscriber stations 
    have no rights in, or to, the Software other than the right to use it in accordance with the 
    Terms and Conditions at www.radioplayer.ca/terms. You shall not produce any derivate works
    based on whole or part of the Software, including the source code, for any other purpose other 
    than for usage associated with connecting to the CA Radioplayer Service in accordance with these
    Terms and Conditions, and you shall not convey nor sublicense the Software, including the source 
    code, for any other purpose or to any third party, without the prior written consent of CA Radioplayer.

    Document   : overlay-items.css
    Description: layout and styles for individual results in overlays
*/
.overlay-item {
  position: relative;
  min-height: 70px;
  padding-top: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
  display: block; }

.station-group-hidden .overlay-item {
  background-color: #f4f3f3; }

@media (min-width: 568px) {
  .station-group-hidden .overlay-item {
    padding-left: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box; } }
.overlay-item-img {
  width: 88px;
  height: 50px;
  float: left;
  margin-right: 15px;
  position: absolute;
  left: 10px;
  top: 0; }

.overlay-item-data {
  float: left;
  width: 100%;
  padding-right: 55px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 27px; }

.ie7 .overlay-item-data {
  width: 202px; }

.overlay-item .title {
  font-size: 14px;
  color: #333;
  padding-bottom: 1px;
  line-height: 110%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding-right: 55px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block; }

.ie7 .overlay-item .title {
  width: 202px; }

.overlay-item .subtitle,
.overlay-item .programme-title {
  font-size: 12px;
  color: #333;
  padding-bottom: 2px;
  display: block; }

.overlay-item .subtitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.overlay-item .subtitle.truncate,
.overlay-item .programme-title.truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.overlay-item .description {
  font-size: 12px;
  line-height: 14px;
  color: #8D8D8D;
  max-height: 28px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.overlay-item .q-sel {
  color: #000; }

.overlay-item .overlay-item-link {
  text-decoration: none;
  color: #333;
  cursor: pointer; }

.overlay-item .overlay-item-link:hover,
.overlay-item .overlay-item-link:focus {
  text-decoration: underline; }

.overlay-item .overlay-item-link:focus .title {
  outline: 1px dotted #000; }

.overlay-item .overlay-item-link .overlay-item-img img {
  border: 1px solid #e3e3e3; }

.overlay-item .overlay-item-link:hover .overlay-item-img .play-icon,
.overlay-item .overlay-item-link:focus .overlay-item-img .play-icon {
  background: url(sprite.png) -280px 0 no-repeat;
  display: block;
  width: 86px;
  height: 48px;
  position: absolute;
  left: 1px;
  top: 1px; }

.overlay-item .overlay-item-link:hover .overlay-item-img img,
.overlay-item .overlay-item-link:focus .overlay-item-img img {
  border-color: #bbb; }

/* More Toggle - arrow to expand each result */
.overlay-item .more-toggle {
  display: block;
  width: 16px;
  height: 9px;
  padding: 7px 5px;
  position: absolute;
  bottom: 3px;
  right: 10px;
  cursor: pointer; }

.overlay-item .more-toggle span {
  background: url(sprite.png) -150px 0 no-repeat;
  display: block;
  width: 16px;
  height: 9px;
  text-indent: -9999px; }

.overlay-item .more-toggle:hover span {
  background-position: -150px -12px; }

.overlay-item.expanded .more-toggle span {
  background-position: -150px -24px;
  display: block; }

.overlay-item.expanded .more-toggle:hover span {
  background-position: -150px -36px;
  display: block; }

/* My Station Toggle - Heart icon */
.overlay-item .toggle-mystations {
  position: absolute;
  right: 10px;
  top: 7px; }

.ie8 .overlay-item .toggle-mystations {
  right: 55px; }

html.lte8 .overlay-item .toggle-mystations .heart-container-ie8 {
  background-position: 0 -275px; }

html.lte8 .overlay-item .toggle-mystations .heart-container:hover .heart-container-ie8 {
  background-position: -50px -275px; }

html.lte8 .overlay-item.in-mystations .heart-container-ie8, html.lte8 .overlay-item.in-mystations:hover .heart-container-ie8 {
  background-position: -100px -275px; }

.overlay-item .toggle-mystations button {
  display: block;
  cursor: pointer;
  border: 0;
  padding: 0;
  background: transparent;
  font-size: 24px; }

.overlay-item.animating-mystations button {
  display: none; }

.overlay-item .toggle-mystations button.animating span,
.overlay-item .toggle-mystations button.animating:hover span {
  background-image: url(../img/heart-sprite.png); }

body.rp-mouseactivity .overlay-item .toggle-mystations button {
  outline: none; }

/* button icon position fix for older ie */
html.lte8 .overlay-item .toggle-mystations button {
  position: relative;
  overflow: visible; }

html.lte8 .overlay-item .toggle-mystations button span {
  position: absolute;
  left: 0;
  top: 0; }

/* Expanded results */
.overlay-item.expanded {
  background-color: #fff; }

.overlay-item.hover.expanded {
  background-color: #fff; }

.overlay-item-initial {
  overflow: hidden;
  position: relative;
  padding-left: 105px;
  padding-right: 50px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 50px;
  margin-bottom: 10px;
  max-width: 100%; }

@media (min-width: 568px) {
  .overlay-item-initial {
    padding-left: 110px; } }
.overlay-item-extra-cont {
  display: none;
  background-color: #f4f3f3; }

.overlay-item-extra-cont .padding-wrap {
  padding: 10px; }

.overlay-item-extra {
  clear: both;
  margin-top: 12px;
  border-top: 1px solid #c6c4c5;
  padding-top: 12px;
  padding-left: 103px;
  overflow: hidden;
  position: relative; }

.overlay-item-extra.hasImage {
  padding-left: 0; }

.overlay-item-extra.no-top-border {
  margin-top: 0;
  border-top: 0;
  padding-top: 0; }

/* Live vs Catch Up tags, plus the time since broadcast */
.overlay-item .broadcast-info {
  display: block;
  clear: both;
  margin-top: 10px; }

.overlay-item .broadcast-info .status {
  background-color: #393939;
  color: #fff;
  padding: 0 2px;
  text-transform: uppercase;
  font-size: 0.9em;
  float: left; }

.overlay-item .broadcast-info .broadcast-time {
  font-style: italic;
  margin-left: 8px; }

/* Song */
.overlay-item-extra-cont .overlay-item-song {
  padding: 12px 0 5px 30px;
  margin-top: 12px;
  border-top: 1px solid #c6c4c5;
  text-transform: uppercase;
  color: #666;
  position: relative;
  height: 9px; }

.overlay-item-extra-cont .overlay-item-song i {
  display: block;
  background: url(sprite.png) -200px -50px no-repeat;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 7px; }

.overlay-item-extra-cont .overlay-item-song.no-top-border {
  margin-top: 0;
  border-top: 0;
  padding-top: 0; }

/* Recommended factors */
.overlay-item .recommend-factors {
  padding: 5px 0 5px 10px;
  text-transform: uppercase;
  color: #666;
  position: relative;
  height: 9px;
  float: left;
  display: block;
  color: #B3B2B2;
  line-height: 4px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.overlay-item .recommend-factors .icon-tag {
  margin-right: 5px;
  line-height: 4px; }

/*# sourceMappingURL=overlay-items.css.map */
/*
    All intellectual property rights in this Software throughout the world belong to CA Radioplayer,
    rights in the Software are licensed (not sold) to subscriber stations, and subscriber stations 
    have no rights in, or to, the Software other than the right to use it in accordance with the 
    Terms and Conditions at www.radioplayer.ca/terms. You shall not produce any derivate works
    based on whole or part of the Software, including the source code, for any other purpose other 
    than for usage associated with connecting to the CA Radioplayer Service in accordance with these
    Terms and Conditions, and you shall not convey nor sublicense the Software, including the source 
    code, for any other purpose or to any third party, without the prior written consent of CA Radioplayer.

    Document   : player-controls.css
*/
.heart-container .icon-heart .path1:before,
.heart-container .icon-heart .path2:before,
.heart-container .icon-heart .path3:before,
.heart-container .icon-heart .path4:before,
.heart-container .icon-heart .path5:before,
.heart-container .icon-heart .path6:before,
.heart-container .icon-heart .path7:before,
.heart-container .icon-heart .path8:before {
  color: transparent; }

.lte8 .heart-container .icon-heart .path1:before, .lte8
.heart-container .icon-heart .path2:before, .lte8
.heart-container .icon-heart .path3:before, .lte8
.heart-container .icon-heart .path4:before, .lte8
.heart-container .icon-heart .path5:before, .lte8
.heart-container .icon-heart .path6:before, .lte8
.heart-container .icon-heart .path7:before, .lte8
.heart-container .icon-heart .path8:before {
  visibility: hidden; }

.heart-container .icon-heart .path2:before,
.heart-container .icon-heart .path3:before {
  color: #ffffff; }

.radioplayer.dark-theme .heart-container .icon-heart .path2:before,
.radioplayer.dark-theme .heart-container .icon-heart .path3:before,
.toggle-mystations .heart-container .icon-heart .path2:before,
.toggle-mystations .heart-container .icon-heart .path3:before {
  color: #B3B2B2; }

.heart-container:hover .icon-heart .path2:before,
.heart-container:hover .icon-heart .path3:before {
  color: #DDDDDD; }

.radioplayer.dark-theme .heart-container:hover .icon-heart .path2:before,
.radioplayer.dark-theme .heart-container:hover .icon-heart .path3:before,
.toggle-mystations .heart-container:hover .icon-heart .path2:before,
.toggle-mystations .heart-container:hover .icon-heart .path3:before {
  color: #A3A2A2; }

@-webkit-keyframes heart-animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  18.25% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  54.75% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  81.75% {
    -webkit-transform: scale(0.85);
    transform: scale(0.85); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes heart-animation {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  18.25% {
    -moz-transform: scale(0.7);
    transform: scale(0.7); }
  54.75% {
    -moz-transform: scale(1.2);
    transform: scale(1.2); }
  81.75% {
    -moz-transform: scale(0.85);
    transform: scale(0.85); }
  100% {
    -moz-transform: scale(1);
    transform: scale(1); } }
@keyframes heart-animation {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); }
  18.25% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7); }
  54.75% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2); }
  81.75% {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    transform: scale(0.85); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); } }
.heart-container.in-mystations .icon-heart .path2:before,
.heart-container.in-mystations .icon-heart .path1:before,
.heart-container.in-mystations .icon-heart .path3:before,
.radioplayer.dark-theme .heart-container.in-mystations .icon-heart .path2:before,
.radioplayer.dark-theme .heart-container.in-mystations .icon-heart .path3:before,
.radioplayer.dark-theme .heart-container.in-mystations .icon-heart .path1:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path2:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path1:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path3:before {
  color: transparent; }

.radioplayer.dark-theme .heart-container.in-mystations .icon-heart .path4:before,
.radioplayer.dark-theme .heart-container.in-mystations .icon-heart .path5:before,
.radioplayer.dark-theme .heart-container.in-mystations .icon-heart .path6:before,
.radioplayer.dark-theme .heart-container.in-mystations .icon-heart .path8:before,
.heart-container.in-mystations .icon-heart .path4:before,
.heart-container.in-mystations .icon-heart .path5:before,
.heart-container.in-mystations .icon-heart .path6:before,
.heart-container.in-mystations .icon-heart .path8:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path4:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path5:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path6:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path8:before {
  color: #FF4529;
  -webkit-animation-name: heart-animation;
  -moz-animation-name: heart-animation;
  animation-name: heart-animation;
  -webkit-animation-duration: .8s;
  -moz-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1); }

.radioplayer.dark-theme .heart-container.in-mystations .icon-heart.no-animation .path4:before,
.radioplayer.dark-theme .heart-container.in-mystations .icon-heart.no-animation .path5:before,
.radioplayer.dark-theme .heart-container.in-mystations .icon-heart.no-animation .path6:before,
.radioplayer.dark-theme .heart-container.in-mystations .icon-heart.no-animation .path8:before,
.heart-container.in-mystations .icon-heart.no-animation .path4:before,
.heart-container.in-mystations .icon-heart.no-animation .path5:before,
.heart-container.in-mystations .icon-heart.no-animation .path6:before,
.heart-container.in-mystations .icon-heart.no-animation .path8:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path4:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path5:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path6:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path8:before {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none; }

.radioplayer.dark-theme .heart-container.in-mystations .icon-heart .path5:before,
.radioplayer.dark-theme .heart-container.in-mystations .icon-heart .path6:before,
.heart-container.in-mystations .icon-heart .path5:before,
.heart-container.in-mystations .icon-heart .path6:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path5:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path6:before {
  color: #FFFFFF; }

.radioplayer.dark-theme .heart-container.in-mystations .icon-heart .path8:before,
.heart-container.in-mystations .icon-heart .path8:before,
.in-mystations .toggle-mystations .heart-container .icon-heart .path8:before {
  color: #FF4529; }

.heart-container-ie8 {
  display: none; }

html.lte8 .heart-container-ie8 {
  width: 32px;
  height: 25px;
  cursor: pointer;
  background-image: url(../img/sprite.png);
  background-repeat: no-repeat;
  background-position: 0 -250px;
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

html.lte8 .heart-container:hover .heart-container-ie8 {
  background-position: -50px -250px; }

html.lte8 .radioplayer.dark-theme .heart-container-ie8 {
  background-position: 0 -275px; }

html.lte8 .radioplayer.dark-theme .heart-container:hover .heart-container-ie8 {
  background-position: -50px -275px; }

html.lte8 .heart-container.in-mystations .heart-container-ie8,
html.lte8 .heart-container.in-mystations:hover .heart-container-ie8 {
  background-position: -100px -250px; }

html.lte8 .radioplayer.dark-theme .heart-container.in-mystations .heart-container-ie8,
html.lte8 .radioplayer.dark-theme .heart-container.in-mystations:hover .heart-container-ie8 {
  background-position: -100px -275px; }

html.lte8 #mystations-toggle {
  top: 12px; }

/**
 *
 * Toggle my station status
 *
 */
#mystations-toggle {
  position: absolute;
  bottom: 19px;
  right: 160px; }

.heart-container {
  display: block;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  padding: 0; }

.in-mystations {
  outline: none; }

body.rp-mouseactivity .heart-container {
  outline: none; }

#toggle-mystations {
  font-size: 0;
  line-height: 0; }

#toggle-mystations span {
  font-size: 20px; }