@font-face {
  font-family: "Open Sans";
  src: url('/css/fonts/opensans/opensans-light-webfont.eot');
  src: url('/css/fonts/opensans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/opensans-light-webfont.woff2') format('woff2'), url('/css/fonts/opensans/opensans-light-webfont.woff') format('woff'), url('/css/fonts/opensans/opensans-light-webfont.ttf') format('truetype'), url('/css/fonts/opensans/opensans-light-webfont.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url('/css/fonts/opensans/opensans-lightitalic-webfont.eot');
  src: url('/css/fonts/opensans/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/opensans-lightitalic-webfont.woff2') format('woff2'), url('/css/fonts/opensans/opensans-lightitalic-webfont.woff') format('woff'), url('/css/fonts/opensans/opensans-lightitalic-webfont.ttf') format('truetype'), url('/css/fonts/opensans/opensans-lightitalic-webfont.svg') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url('/css/fonts/opensans/opensans-regular-webfont.eot');
  src: url('/css/fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/opensans-regular-webfont.woff2') format('woff2'), url('/css/fonts/opensans/opensans-regular-webfont.woff') format('woff'), url('/css/fonts/opensans/opensans-regular-webfont.ttf') format('truetype'), url('/css/fonts/opensans/opensans-regular-webfont.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url('/css/fonts/opensans/opensans-regular-webfont.eot');
  src: url('/css/fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/opensans-italic-webfont.woff2') format('woff2'), url('/css/fonts/opensans/opensans-italic-webfont.woff') format('woff'), url('/css/fonts/opensans/opensans-italic-webfont.ttf') format('truetype'), url('/css/fonts/opensans/opensans-italic-webfont.svg') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url('/css/fonts/opensans/opensans-semibold-webfont.eot');
  src: url('/css/fonts/opensans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/opensans-semibold-webfont.woff2') format('woff2'), url('/css/fonts/opensans/opensans-semibold-webfont.woff') format('woff'), url('/css/fonts/opensans/opensans-semibold-webfont.ttf') format('truetype'), url('/css/fonts/opensans/opensans-semibold-webfont.svg') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url('/css/fonts/opensans/opensans-semibolditalic-webfont.eot');
  src: url('/css/fonts/opensans/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/opensans-semibolditalic-webfont.woff2') format('woff2'), url('/css/fonts/opensans/opensans-semibolditalic-webfont.woff') format('woff'), url('/css/fonts/opensans/opensans-semibolditalic-webfont.ttf') format('truetype'), url('/css/fonts/opensans/opensans-semibolditalic-webfont.svg') format('svg');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url('/css/fonts/opensans/opensans-bold-webfont.eot');
  src: url('/css/fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/opensans-bold-webfont.woff2') format('woff2'), url('/css/fonts/opensans/opensans-bold-webfont.woff') format('woff'), url('/css/fonts/opensans/opensans-bold-webfont.ttf') format('truetype'), url('/css/fonts/opensans/opensans-bold-webfont.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url('/css/fonts/opensans/opensans-bolditalic-webfont.eot');
  src: url('/css/fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/opensans-bolditalic-webfont.woff2') format('woff2'), url('/css/fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'), url('/css/fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'), url('/css/fonts/opensans/opensans-bolditalic-webfont.svg') format('svg');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url('/css/fonts/opensans/opensans-extrabold-webfont.eot');
  src: url('/css/fonts/opensans/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/opensans-extrabold-webfont.woff2') format('woff2'), url('/css/fonts/opensans/opensans-extrabold-webfont.woff') format('woff'), url('/css/fonts/opensans/opensans-extrabold-webfont.ttf') format('truetype'), url('/css/fonts/opensans/opensans-extrabold-webfont.svg') format('svg');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url('/css/fonts/opensans/opensans-extrabolditalic-webfont.eot');
  src: url('/css/fonts/opensans/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans/opensans-extrabolditalic-webfont.woff2') format('woff2'), url('/css/fonts/opensans/opensans-extrabolditalic-webfont.woff') format('woff'), url('/css/fonts/opensans/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('/css/fonts/opensans/opensans-extrabolditalic-webfont.svg') format('svg');
  font-weight: 800;
  font-style: italic;
}
.b-radioplayer {
  margin-bottom: 1.875em;
}
.b-radioplayer__title {
  font-weight: 800;
  text-transform: uppercase;
  padding: 0 0 1.5625em;
}
.b-radioplayer__title span {
  font-size: 1.0625em;
}
.b-radioplayer__item {
  padding: 1em 0.9375em;
  background: #f4f4f4;
  height: 2.25em;
}
.b-radioplayer__item:before, .b-radioplayer__item:after {
  content: "";
  display: table;
}
.b-radioplayer__item:after {
  clear: both;
}

.jp-audio {
  margin: 0 0 10px;
  font-size: 1.25em;
  line-height: 1.6;
}
.jp-audio div.jp-type-single .jp-interface {
  position: relative;
  width: 100%;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls {
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  height: 37px;
  *zoom: 1;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls:before, .jp-audio div.jp-type-single .jp-interface .jp-controls:after {
  content: "";
  display: table;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls:after {
  clear: both;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls div {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-play {
  background: url("/i/radioplayer/play.png") no-repeat 0% 0%;
  width: 37px;
  height: 37px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity ease 0.5s;
  -moz-transition: opacity ease 0.5s;
  -o-transition: opacity ease 0.5s;
  -ms-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-play:hover {
  opacity: .75;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-pause {
  background: url("/i/radioplayer/pause.png") no-repeat 0% 0%;
  width: 37px;
  height: 37px;
  display: none;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity ease 0.5s;
  -moz-transition: opacity ease 0.5s;
  -o-transition: opacity ease 0.5s;
  -ms-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-pause:hover {
  opacity: .75;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-stop, .jp-audio div.jp-type-single .jp-interface .jp-controls .jp-previous, .jp-audio div.jp-type-single .jp-interface .jp-controls .jp-next, .jp-audio div.jp-type-single .jp-interface .jp-controls .jp-volume-max {
  display: none;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-mute, .jp-audio div.jp-type-single .jp-interface .jp-controls .jp-unmute {
  width: 27px;
  top: 7px;
  left: 104px;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-volume-max {
  top: 50px;
  left: 44px;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-mute {
  background: url("/i/radioplayer/mute.png") no-repeat 0% 0%;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: opacity ease 0.5s;
  -moz-transition: opacity ease 0.5s;
  -o-transition: opacity ease 0.5s;
  -ms-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-mute:hover {
  opacity: .75;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-unmute {
  background: url("/i/radioplayer/unmute.png") no-repeat 0% 0%;
  opacity: 1;
  -webkit-transition: opacity ease 0.5s;
  -moz-transition: opacity ease 0.5s;
  -o-transition: opacity ease 0.5s;
  -ms-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}
.jp-audio div.jp-type-single .jp-interface .jp-controls .jp-unmute:hover {
  opacity: .75;
}
.jp-audio div.jp-type-single .jp-interface .jp-progress {
  position: absolute;
  top: 10px;
  left: 44px;
  right: 52px;
  height: 4px;
  overflow: hidden;
  background-color: #62a7d9;
  display: none;
}
.jp-audio div.jp-type-single .jp-interface .jp-progress .jp-seek-bar {
  background-color: #355065;
  width: 0px;
  height: 100%;
  cursor: pointer;
}
.jp-audio div.jp-type-single .jp-interface .jp-progress .jp-seeking-bg {
  background: url("/i/radioplayer/seeking.gif");
}
.jp-audio div.jp-type-single .jp-interface .jp-volume-bar {
  position: absolute;
  top: 18px;
  left: 145px;
  right: 0px;
  height: 4px;
  background-color: #b7b7b7;
  cursor: pointer;
}
.jp-audio div.jp-type-single .jp-interface .jp-volume-bar .jp-volume-bar-value {
  width: 0px;
  height: 4px;
  background-color: #62a7d9;
  position: relative;
}
.jp-audio div.jp-type-single .jp-interface .jp-volume-bar .jp-volume-bar-value:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: absolute;
  top: -3px;
  right: 0;
  background: #62a7d9;
}
.jp-audio div.jp-type-single .jp-interface .jp-time-holder {
  position: absolute;
  top: 10px;
  left: 35px;
  width: 50px;
  *zoom: 1;
  color: #b7b7b7;
}
.jp-audio div.jp-type-single .jp-interface .jp-time-holder:after {
  content: "";
  display: table;
  clear: both;
}
.jp-audio div.jp-type-single .jp-interface .jp-time-holder .jp-current-time {
  float: right;
  font-family: tahoma;
  font-size: 12px;
  color: #355065;
}
.jp-audio div.jp-type-single .jp-interface .jp-time-holder .jp-duration {
  display: none;
}
.jp-audio div.jp-type-single .jp-controls-holder {
  clear: both;
  width: 720px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  top: -8px;
}
.jp-audio div.jp-type-single .jp-details {
  display: none;
}

div.jp-details {
  font-weight: bold;
  text-align: center;
}

div.jp-details,
div.jp-playlist {
  width: 100%;
  background-color: #ccc;
  border-top: 1px solid #009be3;
}

div.jp-type-single div.jp-details,
div.jp-type-playlist div.jp-details,
div.jp-type-single div.jp-playlist {
  border-top: none;
}

div.jp-details ul,
div.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  font-size: .72em;
}

div.jp-details li {
  padding: 5px 0;
  font-weight: bold;
}

div.jp-playlist li {
  padding: 5px 0 4px 20px;
  border-bottom: 1px solid #eee;
}

div.jp-playlist li div {
  display: inline;
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:last-child {
  padding: 5px 0 5px 20px;
  border-bottom: none;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 7px;
}

div.jp-type-playlist div.jp-playlist a {
  color: #333;
  text-decoration: none;
}

div.jp-type-playlist div.jp-playlist a:hover {
  color: #0d88c1;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
  color: #0d88c1;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px;
  font-weight: bold;
  color: #666;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
  color: #0d88c1;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
  color: #666;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
  color: #0d88c1;
}

span.jp-artist {
  font-size: .8em;
  color: #666;
}

/* @end */
div.jp-jplayer audio,
div.jp-jplayer {
  width: 0px;
  height: 0px;
}

div.jp-jplayer {
  background-color: #000000;
}

/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
ul.jp-toggles {
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
  width: 25px;
}

div.jp-audio .jp-type-playlist ul.jp-toggles {
  width: 55px;
  margin: 0;
  position: absolute;
  left: 325px;
  top: 50px;
}

ul.jp-toggles li {
  display: block;
  float: right;
}

ul.jp-toggles li a {
  display: block;
  width: 25px;
  height: 18px;
  text-indent: -9999px;
  line-height: 100%;
  /* need this for IE6 */
}

a.jp-full-screen {
  background: url("radioplayer.jpg") 0 -310px no-repeat;
  margin-left: 20px;
}

a.jp-full-screen:hover {
  background: url("radioplayer.jpg") -30px -310px no-repeat;
}

a.jp-restore-screen {
  background: url("radioplayer.jpg") -60px -310px no-repeat;
  margin-left: 20px;
}

a.jp-restore-screen:hover {
  background: url("radioplayer.jpg") -90px -310px no-repeat;
}

a.jp-repeat {
  background: url("radioplayer.jpg") 0 -290px no-repeat;
}

a.jp-repeat:hover {
  background: url("radioplayer.jpg") -30px -290px no-repeat;
}

a.jp-repeat-off {
  background: url("radioplayer.jpg") -60px -290px no-repeat;
}

a.jp-repeat-off:hover {
  background: url("radioplayer.jpg") -90px -290px no-repeat;
}

a.jp-shuffle {
  background: url("radioplayer.jpg") 0 -270px no-repeat;
  margin-left: 5px;
}

a.jp-shuffle:hover {
  background: url("radioplayer.jpg") -30px -270px no-repeat;
}

a.jp-shuffle-off {
  background: url("radioplayer.jpg") -60px -270px no-repeat;
  margin-left: 5px;
}

a.jp-shuffle-off:hover {
  background: url("radioplayer.jpg") -90px -270px no-repeat;
}

/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
  padding: 5px;
  font-size: .8em;
  background-color: #eee;
  border: 2px solid #009be3;
  color: #000;
  display: none;
}

.jp-no-solution a {
  color: #000;
}

.jp-no-solution span {
  font-size: 1em;
  display: block;
  text-align: center;
  font-weight: bold;
}

/* @end */
