/*
    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(../img/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(../img/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(../img/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 */