.error {
  color: red;
}
.red {
  color: red;
}
.spacial-wrapper-450 {
  width: 450px;
  margin: 0 auto 0 auto;
}
.spacial-wrapper-305 {
  width: 305px;
  margin: 0 auto 0 auto;
}
.spacial-widget article,
.spacial-widget aside,
.spacial-widget details,
.spacial-widget figcaption,
.spacial-widget figure,
.spacial-widget footer,
.spacial-widget header,
.spacial-widget hgroup,
.spacial-widget main,
.spacial-widget menu,
.spacial-widget nav,
.spacial-widget section,
.spacial-widget summary {
  display: block;
}
.spacial-widget audio,
.spacial-widget canvas,
.spacial-widget progress,
.spacial-widget video {
  display: inline-block;
  vertical-align: baseline;
}
.spacial-widget audio:not([controls]) {
  display: none;
  height: 0;
}
.spacial-widget [hidden],
.spacial-widget template {
  display: none;
}
.spacial-widget ul,
.spacial-widget menu,
.spacial-widget dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
.spacial-widget li {
  display: list-item;
  text-align: -webkit-match-parent;
}
.spacial-widget a {
  background-color: transparent;
}
.spacial-widget a:active,
.spacial-widget a:hover {
  outline: 0;
}
.spacial-widget abbr[title] {
  border-bottom: 1px dotted;
}
.spacial-widget b,
.spacial-widget strong {
  font-weight: bold;
}
.spacial-widget dfn {
  font-style: italic;
}
.spacial-widget div {
  display: block;
}
.spacial-widget h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.spacial-widget mark {
  background: #ff0;
  color: #000;
}
.spacial-widget small {
  font-size: 80%;
}
.spacial-widget sub,
.spacial-widget sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.spacial-widget sup {
  top: -0.5em;
}
.spacial-widget sub {
  bottom: -0.25em;
}
.spacial-widget p {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
.spacial-widget img {
  border: 0;
}
.spacial-widget svg:not(:root) {
  overflow: hidden;
}
.spacial-widget figure {
  margin: 1em 40px;
}
.spacial-widget hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.spacial-widget pre {
  overflow: auto;
}
.spacial-widget code,
.spacial-widget kbd,
.spacial-widget pre,
.spacial-widget samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.spacial-widget button,
.spacial-widget input,
.spacial-widget optgroup,
.spacial-widget select,
.spacial-widget textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.spacial-widget button {
  overflow: visible;
}
.spacial-widget button,
.spacial-widget select {
  text-transform: none;
}
.spacial-widget button,
.spacial-widget html input[type="button"],
.spacial-widget input[type="reset"],
.spacial-widget input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
.spacial-widget button[disabled],
.spacial-widget html input[disabled] {
  cursor: default;
}
.spacial-widget button::-moz-focus-inner,
.spacial-widget input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.spacial-widget input {
  line-height: normal;
}
.spacial-widget input[type="checkbox"],
.spacial-widget input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.spacial-widget input[type="number"]::-webkit-inner-spin-button,
.spacial-widget input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.spacial-widget input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.spacial-widget input[type="search"]::-webkit-search-cancel-button,
.spacial-widget input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.spacial-widget fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.spacial-widget legend {
  border: 0;
  padding: 0;
}
.spacial-widget textarea {
  overflow: auto;
}
.spacial-widget optgroup {
  font-weight: bold;
}
.spacial-widget table {
  table-layout: auto;
  display: table;
  border-collapse: separate;
  border-color: grey;
  margin: 0px;
  border: none;
}
.spacial-widget table tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.spacial-widget table caption,
.spacial-widget table th,
.spacial-widget table td {
  display: table-cell;
  border: none;
  vertical-align: middle;
  padding: 1px;
}
.spacial-widget {
  /*.dedication-widget .dedication-messages .autoScrollY {*/
  /*position: relative;*/
  /*height: 100%;*/
  /*margin: 0;*/
  /*Starting position*/
  /*-moz-transform:translateY(-100%);*/
  /*-webkit-transform:translateY(-100%);*/
  /*transform:translateY(-100%);*/
  /*Apply animation to this element*/
  /*-moz-animation: scrollY 15s linear infinite;*/
  /*-webkit-animation: scrollY 15s linear infinite;*/
  /*animation: scrollY 10s linear infinite;*/
  /*}*/
  /*Move it (define the animation)*/
  /*        @-moz-keyframes scrollY {
                0%   { -moz-transform: translateY(50%); }
                100% { -moz-transform: translateY(-50%); }
            }
        
            @-webkit-keyframes scrollY {
                0%   { -webkit-transform: translateY(50%); }
                100% { -webkit-transform: translateY(-50%); }
            }*/
  /*    @keyframes scrollY {
            0%   { 
                -moz-transform: translateY(2%);   Firefox bug fix 
                -webkit-transform: translateY(2%);   Firefox bug fix 
                transform: translateY(2%); 		
            }
            50% { 
                -moz-transform: translateY(-100%);   Firefox bug fix 
                -webkit-transform: translateY(-100%);   Firefox bug fix 
                transform: translateY(-100%); 
            } 
            100% { 
                -moz-transform: translateY(2%);   Firefox bug fix 
                -webkit-transform: translateY(2%);   Firefox bug fix 
                transform: translateY(2%); 
            }
        }*/
  /*
           =============================================== Responsive Player Styles ===============================================
    */
}
.spacial-widget .hide {
  display: none !important;
}
.spacial-widget .container {
  position: relative;
  background: transparent;
  font-family: Helvetica,Arial;
  text-align: left;
  vertical-align: top;
  text-indent: 0;
}
.spacial-widget .create-station-link {
  text-align: right;
  color: #5d5d5d;
  padding: 0;
  font-size: 11px !important;
  margin: 0;
}
.spacial-widget .create-station-link a {
  color: #5d5d5d;
  text-decoration: none;
  font-size: 11px !important;
}
.spacial-widget .create-station-link a:hover {
  color: #000;
}
.spacial-widget .mediaItemInfo a {
  text-decoration: none;
}
.spacial-widget .mediaItemInfo .media-item-buttons-table {
  border-left: 1px solid #000000 !important;
  height: 60px;
  max-width: 85px;
}
.spacial-widget .mediaItemInfo .media-item-buttons-table * {
  line-height: 10px;
}
.spacial-widget .mediaItemInfo .media-item-buttons-container {
  width: 85px;
}
.spacial-widget .mediaItemInfo .media-item-buttons-container .button {
  background-color: #e3e3e3;
  color: #777777;
  padding: 7px 2px 7px 2px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #c6c6c6;
  width: 75px;
}
.spacial-widget .mediaItemInfo .media-item-buttons-container .button:hover {
  color: #474747;
}
.spacial-widget .mediaItemInfo .media-item-buttons-container .button:before {
  padding-right: 3px;
}
.spacial-widget .mediaItemInfo .media-item-info-buttons-container {
  width: 15px;
}
.spacial-widget .mediaItemInfo .media-item-info-buttons-container td {
  padding: 0;
  margin: 0;
  max-width: 10px;
  text-align: center;
}
.spacial-widget .media-item-extended-info img {
  width: 144px;
  height: 144px;
}
.spacial-widget .media-item-extended-info td {
  max-width: 240px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.spacial-widget .media-item-info-buttons button {
  border: none!important;
  padding: 0;
  margin: 0;
  background: transparent;
}
.spacial-widget .media-item-info-buttons button:before {
  line-height: 12px;
  font-size: 12px;
  text-decoration: inherit;
  display: inline-block;
  width: 15px;
}
.spacial-widget .request-dialog .text {
  max-width: 265px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.spacial-widget .library-search {
  min-width: 350px;
}
.spacial-widget .library-search .search-container {
  font-size: 14px !important;
  color: #222222 !important;
}
.spacial-widget .library-search .search-container img {
  cursor: pointer;
  position: relative;
  right: 6px;
  top: 2px;
}
.spacial-widget .library-search input {
  margin: 5px;
  width: 30%;
  padding-right: 12px;
}
.spacial-widget .library-search .filter-container .fa-search,
.spacial-widget .library-search .filter-container .fa-filter,
.spacial-widget .library-search .filter-container .fa-ban {
  cursor: pointer;
  color: #777777;
}
.spacial-widget .library-search .filter-container .fa-search:hover,
.spacial-widget .library-search .filter-container .fa-filter:hover,
.spacial-widget .library-search .filter-container .fa-ban:hover {
  opacity: 0.5;
}
.spacial-widget .library-search .filter-container .fa-filter.selected,
.spacial-widget .library-search .filter-container .fa-filter:active {
  filter: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #44a9e1;
}
.spacial-widget .library-search .filter-form {
  position: absolute;
  background: white;
  z-index: 99999;
  border: 1px solid #000000 !important;
  left: 0px;
  top: 30px;
  -webkit-box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.15);
}
.spacial-widget .library-search .filter-form .filter-fields {
  margin-top: 5px;
}
.spacial-widget .library-search .filter-form hr {
  margin: 2px;
  border-color: #000000;
}
.spacial-widget .library-search .filter-form .filter-fields .filter-options td {
  cursor: pointer;
  color: #FFBC3D !important;
}
.spacial-widget .library-search .filter-form .filter-fields .filter-options td:hover,
.spacial-widget .library-search .filter-form .filter-fields .filter-options td.selected {
  text-decoration: underline;
  opacity: 0.5;
}
.spacial-widget .checkbox {
  text-indent: 10px;
}
.spacial-widget .checkbox input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  background: none;
}
.spacial-widget .checkbox label {
  cursor: pointer;
  position: relative;
  min-width: 15px;
  min-height: 15px;
  /*        left: 0;
                bottom: 13px;*/
  width: 100%;
  margin-right: 10px;
}
.spacial-widget .checkbox label:before {
  content: "";
  color: #d70926 !important;
  position: absolute;
  font-size: 11pt;
  width: 15px;
  top: -1px;
  left: -19px;
  height: 15px;
  border: 1px #e1e4e8 solid;
  background-color: white;
  margin-bottom: auto;
  text-indent: 2px;
  line-height: 15px;
}
.spacial-widget .checkbox label:hover::before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.5;
  content: "\2713";
}
.spacial-widget .checkbox input[type=checkbox]:focus + label {
  opacity: 0.8;
}
.spacial-widget .checkbox input[type=checkbox]:checked + label:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  content: "\2713";
}
.spacial-widget .library-search .nav-container {
  float: right;
}
.spacial-widget .library-search .nav-first-button {
  padding: 0px;
}
.spacial-widget .library-search .nav-last-button {
  padding: 0px;
}
.spacial-widget .library-search .nav-previous-button {
  padding: 0px;
}
.spacial-widget .library-search .nav-next-button {
  padding: 0px;
}
.spacial-widget .library-search .nav-container button,
.spacial-widget .library-search .nav-container div {
  float: right;
  position: relative;
  color: #777777;
  font-size: 15px;
  font-family: monospace;
  margin: 5px 5px 0 0px !important;
  cursor: pointer;
  border-radius: 50px;
  border: none;
  padding-left: 9px !important;
  padding-right: 8px !important;
}
.spacial-widget .library-search .nav-container .nav-page {
  margin: 5px 2px 0 0px;
  cursor: default;
  padding-left: 0;
  display: table;
}
.spacial-widget .library-search .nav-container .nav-page input {
  width: 20px;
  padding: 0;
  margin: 0;
  border: none;
  text-align: right;
  border-radius: 50px 0 0 50px;
}
.spacial-widget .library-search .nav-container .nav-total-pages {
  float: right;
  padding: 0;
  margin: 0;
  margin-top: 0px !important;
}
.spacial-widget .library-widget {
  min-width: 350px;
}
.spacial-widget .nowPlayingInfo {
  height: 91px;
  padding-left: 5px;
  padding-top: 4px;
  left: 1px;
  position: relative;
  margin-left: -1px;
  color: #777777;
  font-size: 14px;
  line-height: 17px;
}
.spacial-widget .nowPlayingInfo .text {
  overflow: hidden;
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 23px;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
}
.spacial-widget .nowPlayingInfo .coverArt {
  min-width: 80px;
  min-height: 80px;
  width: 80px;
}
.spacial-widget .nowPlayingInfo .coverArt img {
  width: 115px;
  height: 115px;
  position: relative;
}
.spacial-widget .controls {
  width: 40px;
  height: 130px;
  padding: 0;
  margin: 0;
}
.spacial-widget .controls .button button,
.spacial-widget .popout button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 0;
  background: transparent url(../images/controls.svg) no-repeat;
}
.spacial-widget .controls .playpause-button {
  border: none;
  margin-right: 5px;
  height: 40px;
  outline: none;
}
.spacial-widget .controls .playpause-button button {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  outline: none;
  background-image: none;
}
.spacial-widget .controls button {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  position: absolute;
  border: 0;
  background: transparent;
}
.spacial-widget .controls button:hover {
  color: #c6c6c6 !important;
}
.spacial-widget .controls .playpause-button button:before {
  font-size: 17px;
  content: "\f04b";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
}
.spacial-widget .controls .playpause-button.stop button:before {
  font-size: 17px;
  content: "\f04d";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
}
.spacial-widget .controls .playpause-button.loading button:before {
  font-size: 17px;
  content: "\f021";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.spacial-widget .controls .mute button {
  background: none;
  width: 20px;
  height: 40px;
  margin: 0px 0 0 -1px;
  outline: none;
  background-image: none;
}
.spacial-widget .controls .unmute button {
  background: none;
  width: 20px;
  height: 40px;
  margin: 0;
  padding: 0;
  outline: none;
  background-image: none;
}
.spacial-widget .controls .mute button:before {
  position: relative;
  left: 1px;
  font-size: 18px;
  content: "\f028";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
}
.spacial-widget .controls .unmute button:before {
  font-size: 18px;
  content: "\f026";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
  position: relative;
  left: -4px;
}
.spacial-widget .transparent-150 .buy-box-buttons {
  float: none !important;
  top: 0;
  right: 0;
  height: 25px !important;
  width: 75px;
  float: right !important;
  background-color: #e3e3e3;
  color: #777777;
  font-size: 14px !important;
  position: relative;
  top: 7px;
  right: 5px;
  border-radius: 4px;
  border: 1px solid #c6c6c6 !important;
}
.spacial-widget .buy-box-buttons a,
.spacial-widget .buy-box-buttons span {
  color: #777777;
  text-decoration: none;
  font-size: 14px;
  position: relative;
  top: 7px;
  margin-left: 3px;
}
.spacial-widget .buy-box-buttons a:hover {
  color: #474747;
}
.spacial-widget .buy-box-buttons a:before {
  padding-right: 3px;
}
.spacial-widget .popout {
  float: right;
  color: #868686;
  margin-top: -6px;
}
.spacial-widget .popout a {
  text-decoration: none;
}
.spacial-widget .popout button {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  outline: none;
  background-image: none;
  color: #868686;
  font-family: fontAwesome;
}
.spacial-widget .popout button:before {
  font-size: 17px;
  content: "\f08e";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
}
.spacial-widget .popout:hover button:before {
  font-size: 20px;
}
.spacial-widget .transparent-150 .buy-box-buttons {
  float: none !important;
  top: 0;
  right: 0;
}
.spacial-widget .transparent-150 .buy-box-buttons a,
.spacial-widget .transparent-150 .buy-box-buttons span {
  top: 5px;
}
.spacial-widget .transparent-150 .controls .playpause-button {
  border: none;
}
.spacial-widget .transparent-150 .controls .playpause-button button:before,
.spacial-widget .transparent-150 .controls .playpause-button.stop button:before,
.spacial-widget .transparent-150 .controls .playpause-button.loading button:before {
  font-size: 30px;
}
.spacial-widget .transparent-150 .controls .mute button:before,
.spacial-widget .transparent-150 .controls .unmute button:before {
  line-height: 10px;
}
.spacial-widget .transparent-150 .controls .mute button {
  width: 45px;
  height: 18px;
  margin-left: -6px;
  margin-top: 9px;
}
.spacial-widget .transparent-150 .controls .unmute button {
  width: 30px;
  height: 18px;
  margin-left: 2px;
  margin-top: 9px;
}
.spacial-widget .controls div.vertical-volume-slider {
  width: 26px;
  min-height: 60px;
  position: relative;
  max-height: 80px;
}
.spacial-widget .transparent-150 .ui-slider-vertical.ui-widget-content {
  top: 0 !important;
  margin-left: 15px;
  border: none;
}
.spacial-widget .ui-slider-vertical.ui-widget-content {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  background: #aaaaaa;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#c6c6c6), to(#aaaaaa)) !important;
  background-image: -webkit-linear-gradient(bottom, #c6c6c6, #aaaaaa) !important;
  background-image: -moz-linear-gradient(bottom, #c6c6c6, #aaaaaa) !important;
  background-image: -ms-linear-gradient(bottom, #c6c6c6, #aaaaaa);
  background-image: -o-linear-gradient(bottom, #c6c6c6, #aaaaaa) !important;
  background-image: linear-gradient(bottom, #c6c6c6 0%, #aaaaaa 100%) !important;
  width: 8px !important;
  height: 100% !important;
  position: absolute;
  top: 11px !important;
}
.spacial-widget .ui-slider-vertical .ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-min {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  background: #666666;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#666666), to(#444444));
  background-image: -webkit-linear-gradient(bottom, #666666, #444444);
  background-image: -moz-linear-gradient(bottom, #666666, #444444);
  background-image: -ms-linear-gradient(bottom, #666666, #444444);
  background-image: -o-linear-gradient(bottom, #666666, #444444);
  background-image: linear-gradient(bottom, #666666 0%, #444444 100%);
  width: 8px !important;
  min-height: 0 !important;
}
.spacial-widget .ui-slider-vertical .ui-slider-handle {
  height: 10px;
  width: 16px;
}
.spacial-widget .ui-widget-content * {
  outline: none;
}
.spacial-widget #td_container {
  width: 1px;
  height: 1px;
}
.spacial-widget .container.improved-skin {
  background: transparent;
}
.spacial-widget .improved-skin button:focus {
  outline: none !important;
}
.spacial-widget .loading-widget {
  font: normal normal normal 14px/1 FontAwesome;
  opacity: .7;
}
.spacial-widget .loading-widget .loading-text {
  font-family: Helvetica,Arial;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin-left: 5px;
}
.spacial-widget .inner > div {
  background-color: #ffffff;
  border: 1px solid #b5b5b5;
  border-bottom: none;
  background-image: none;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#eeeeee), to(#FFFFFF));
  /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-linear-gradient(bottom, #eeeeee, #FFFFFF);
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -moz-linear-gradient(bottom, #eeeeee, #FFFFFF);
  /* Firefox 3.6+ */
  background-image: -ms-linear-gradient(bottom, #eeeeee, #FFFFFF);
  /* IE 10+ */
  background-image: -o-linear-gradient(bottom, #eeeeee, #FFFFFF);
  /* Opera 11.10+ */
  background-image: linear-gradient(bottom, #eeeeee 0%, #FFFFFF 100%);
}
.spacial-widget .inner > div:last-child {
  border-bottom: 1px solid #b5b5b5;
}
.spacial-widget .inner iframe {
  width: 100%;
  height: 130px;
  border: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.spacial-widget .layer > div {
  border-bottom: 1px solid #b5b5b5;
}
.spacial-widget .layer > div:last-child {
  border-bottom: none !important;
}
.spacial-widget .inline {
  padding: 5px;
  left: 1px;
  position: relative;
  margin-left: -1px;
  color: #777777;
  font-size: 14px;
  line-height: 17px;
}
.spacial-widget .stationStatus {
  height: 15px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  left: 1px;
  position: relative;
  margin-left: -1px;
  color: #777777;
  font-size: 14px;
  line-height: 14px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.spacial-widget .stationInfo {
  height: 70px;
  padding-left: 5px;
  padding-top: 4px;
  left: 1px;
  position: relative;
  margin-left: -1px;
  color: #777777;
  font-size: 14px;
  line-height: 17px;
}
.spacial-widget .stationInfo .station-logo {
  min-width: 120px;
  min-height: 60px;
  width: 130px;
}
.spacial-widget .stationInfo .station-logo img {
  width: 120px;
  height: 60px;
  border-radius: 5px;
}
.spacial-widget .stationInfo .station-name {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #777777;
}
.spacial-widget .stationInfo .station-name a {
  text-decoration: none;
  color: #777777;
}
.spacial-widget .stationInfo .station-description {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.spacial-widget .mediaItemInfo {
  height: 71px;
  padding-left: 5px;
  padding-top: 4px;
  left: 1px;
  position: relative;
  margin-left: -1px;
  color: #777777;
  font-size: 14px;
  line-height: 17px;
}
.spacial-widget .mediaItemInfo * {
  color: #777777;
  font-size: 12px;
  line-height: 17px;
}
.spacial-widget .mediaItemInfo .text {
  overflow: hidden;
  max-width: 160px;
  min-width: 170px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.spacial-widget .mediaItemInfo .coverArt {
  min-width: 55px;
  min-height: 55px;
  width: 55px;
}
.spacial-widget .mediaItemInfo .coverArt img {
  width: 55px;
  height: 55px;
}
.spacial-widget .mediaItemInfo .button img {
  width: 70px;
  cursor: pointer;
}
.spacial-widget .mediaItemInfo .button img:hover {
  filter: brightness(80%);
  /* Someday, sigh ... */
  -webkit-filter: brightness(80%);
  /* Prefixed CSS3 blur filters */
  -moz-filter: brightness(80%);
  -o-filter: brightness(80%);
  -ms-filter: brightness(80%);
}
.spacial-widget .share-box-buttons {
  height: 40px !important;
  border-left: 1px solid #b5b5b5 !important;
  float: right !important;
}
.spacial-widget .share-box {
  margin-top: 7px !important;
  margin-left: 7px !important;
}
.spacial-widget .share-facebook {
  background-image: url(../images/social_icons.png) !important;
  width: 25px !important;
  height: 25px !important;
  background-position: -30px 0px !important;
}
.spacial-widget .share-twitter {
  background-image: url(../images/social_icons.png) !important;
  width: 25px !important;
  height: 25px !important;
  background-position: -2px 0px !important;
}
.spacial-widget .share-google {
  background-image: url(../images/social_icons.png) !important;
  width: 25px !important;
  height: 25px !important;
  background-position: -56px 0px !important;
}
.spacial-widget .buy-box-buttons {
  height: 40px !important;
  border-left: 1px solid #b5b5b5 !important;
  float: right !important;
}
.spacial-widget .buy-box-buttons img {
  width: 74px !important;
  margin: 8px 3px 0px 3px;
}
.spacial-widget .ui-widget-content {
  webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  background: #aaaaaa;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#c6c6c6), to(#aaaaaa));
  background-image: -webkit-linear-gradient(bottom, #c6c6c6, #aaaaaa);
  background-image: -moz-linear-gradient(bottom, #c6c6c6, #aaaaaa);
  background-image: -ms-linear-gradient(bottom, #c6c6c6, #aaaaaa);
  background-image: -o-linear-gradient(bottom, #c6c6c6, #aaaaaa);
  background-image: linear-gradient(bottom, #c6c6c6 0%, #aaaaaa 100%);
  height: 8px !important;
  width: 100% !important;
  position: absolute;
  top: 11px !important;
}
.spacial-widget .ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-min {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  background: #666666;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#666666), to(#444444));
  background-image: -webkit-linear-gradient(bottom, #666666, #444444);
  background-image: -moz-linear-gradient(bottom, #666666, #444444);
  background-image: -ms-linear-gradient(bottom, #666666, #444444);
  background-image: -o-linear-gradient(bottom, #666666, #444444);
  background-image: linear-gradient(bottom, #666666 0%, #444444 100%);
  min-width: 0 !important;
}
.spacial-widget .ui-widget-content * {
  outline: none;
}
.spacial-widget .ui-slider-horizontal .ui-slider-handle {
  width: 10px;
  height: 12px;
}
.spacial-widget .dedication-widget {
  overflow: hidden;
  border: 1px solid #b5b5b5;
}
.spacial-widget .dedication-widget .mediaItemInfo {
  height: 50px;
}
.spacial-widget .dedication-widget .media-item-coverArt {
  width: 40px;
  height: 40px;
}
.spacial-widget .dedication-widget .dedication-messages {
  padding: 3px 0px 3px 7px;
  color: #4c4c4c;
  font-size: 14px;
  line-height: 17px;
  height: 70px;
  position: relative;
  overflow: hidden;
}
.spacial-widget .dedication-widget .dedication-messages ul {
  padding: 0;
  margin: 0;
  list-style: none;
  min-width: 285px;
  overflow: auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 105%;
}
.spacial-widget .dedication-widget .dedication-messages ul li {
  font-weight: bold!important;
}
.spacial-widget .dedication-widget .dedication-messages ul li span {
  font-weight: normal!important;
}
.spacial-widget .dedication-widget .pagination {
  float: right;
  line-height: 35px;
  font-size: 14px;
  padding: 0 5px 0 0;
  border-bottom: none!important;
}
.spacial-widget .station-playlis ul,
.spacial-widget .station-playlis li {
  list-style: none;
}
.spacial-widget .station-playlist {
  overflow: hidden;
  border: 1px solid #b5b5b5;
  background: white;
}
.spacial-widget .station-playlist.shows .coming-up .album-art {
  cursor: pointer;
}
.spacial-widget .station-playlist.shows .tile:hover .expand .time,
.spacial-widget .station-playlist.shows .tile:hover .expand .live {
  display: none;
}
.spacial-widget .station-playlist .tile-list {
  padding: 0 5px 0 0;
  line-height: 20px;
  background: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(170, 170, 170, 0.3)), to(rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(top, rgba(170, 170, 170, 0.3), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(170, 170, 170, 0.3), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(top, rgba(170, 170, 170, 0.3), rgba(255, 255, 255, 0));
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#4daaaaaa,EndColorStr=#00ffffff)";
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4daaaaaa,endColorstr=#00ffffff)";
  overflow: hidden;
}
.spacial-widget .station-playlist .coming-up {
  overflow: hidden;
  height: 111px;
  margin: 0 auto;
  padding: 0;
  font-family: Helvetica,Arial;
}
.spacial-widget .station-playlist .coming-up.no-results {
  height: 30px;
}
.spacial-widget .station-playlist .coming-up .album-art {
  height: 95px;
}
.spacial-widget .station-playlist .coming-up img {
  width: 90px;
  height: 90px;
  margin-top: -1px;
  background: #fff;
  box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  -moz-box-shadow: 2px 2px 2px #888;
}
.spacial-widget .station-playlist .tile li {
  width: 92px;
  margin-left: 5px;
  height: inherit;
  overflow-x: visible;
  float: left;
  position: relative;
  list-style: none;
  -moz-transition: margin-top 0.1s ease-in-out;
  -webkit-transition: margin-top 0.1s ease-in-out;
  -o-transition: margin-top 0.1s ease-in-out;
  -ms-transition: margin-top 0.1s ease-in-out;
  transition: margin-top 0.1s ease-in-out;
  box-shadow: 0 0 0 #888;
  -webkit-box-shadow: 0 0 0 #888;
  -moz-box-shadow: 0 0 0 #888;
  box-shadow: none 3px 3px #888;
  -webkit-box-shadow: none 3px 3px #888;
  -moz-box-shadow: none 3px 3px #888;
}
.spacial-widget .station-playlist .tile li:first-child {
  margin-left: 5px;
}
.spacial-widget .station-playlist .tile li.expanded,
.spacial-widget .station-playlist ul.coming-up > :first-child {
  margin-top: 10px;
}
.spacial-widget .station-playlist .tile li.expanded .album-art,
.spacial-widget .station-playlist ul.coming-up > :first-child .album-art {
  pointer-events: none;
  cursor: default;
}
.spacial-widget .station-playlist .tile li.expanded img,
.spacial-widget .station-playlist ul.coming-up > :first-child img {
  margin-top: 0;
}
.spacial-widget .station-playlist .tile li.expanded .playlist-overlay,
.spacial-widget .station-playlist ul.coming-up > :first-child .playlist-overlay {
  height: 91px;
  background: none;
  background-color: transparent;
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000)";
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000)";
}
.spacial-widget .station-playlist .tile li.expanded .top,
.spacial-widget .station-playlist ul.coming-up > :first-child .top {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff)";
  filter: alpha(opacity=60);
  zoom: 1;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.spacial-widget .station-playlist .tile li.expanded .expand,
.spacial-widget .station-playlist ul.coming-up > :first-child .expand {
  display: none;
}
.spacial-widget .station-playlist .tile li:hover {
  background: none;
  background-color: transparent;
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000)";
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000)";
}
.spacial-widget .station-playlist .tile li:hover .expand .expand-link,
.spacial-widget .station-playlist .tile li:hover .buy-link {
  display: block;
}
.spacial-widget .station-playlist .tile li:hover .playlist-overlay {
  background: none;
  background-color: rgba(0, 0, 0, 0.8);
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000)";
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000)";
}
.spacial-widget .station-playlist .tile li:hover .links,
.spacial-widget .station-playlist .tile li:hover .song-info div {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff)";
  filter: alpha(opacity=60);
  zoom: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.spacial-widget .station-playlist .tile li .buy-link {
  position: relative;
  font-size: 11px;
  width: 70px;
  text-align: center;
  margin: -30px auto 0px;
  height: 20px;
  padding-bottom: 10px;
  font-weight: bold;
  display: none;
  box-sizing: content-box !important;
}
.spacial-widget .station-playlist .tile li .expand {
  color: #222;
  height: 20px;
  text-align: center;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.spacial-widget .station-playlist .tile li .time {
  padding-top: 5px;
  display: block;
}
.spacial-widget .station-playlist .tile li .live {
  color: #36b4a7;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 5px;
  display: block;
}
.spacial-widget .station-playlist .tile li .expand-link {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding-top: 5px;
  height: 100%;
  display: none;
}
.spacial-widget .station-playlist .tile li .expand-link:hover {
  color: #0059b2;
}
.spacial-widget .station-playlist .tile li .playlist-overlay {
  height: 90px;
  width: 90px;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.2);
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6ffffff,endColorstr=#a6ffffff)";
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a6ffffff,endColorstr=#a6ffffff)";
  -moz-transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.spacial-widget .station-playlist .tile li .top {
  height: 16px;
  background: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 0.2)), to(rgba(75, 87, 102, 0)));
  background-image: -moz-linear-gradient(top, rgba(17, 17, 17, 0.2), rgba(75, 87, 102, 0));
  background-image: -o-linear-gradient(top, rgba(17, 17, 17, 0.2), rgba(75, 87, 102, 0));
  background-image: -ms-linear-gradient(top, rgba(17, 17, 17, 0.2), rgba(75, 87, 102, 0));
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#33111111,EndColorStr=#004b5766)";
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33111111,endColorstr=#004b5766)";
}
.spacial-widget .station-playlist .tile li .links {
  position: absolute;
  bottom: 0;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
  line-height: 12px;
  color: #ccc;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff)";
  filter: alpha(opacity=60);
  zoom: 1;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.spacial-widget .station-playlist .tile li .separator {
  display: inline-block;
  margin: 0 3px;
}
.spacial-widget .station-playlist .tile li .buy,
.spacial-widget .station-playlist .tile li .mis-info,
.spacial-widget .station-playlist .tile li .follow,
.spacial-widget .station-playlist .tile li .dedication-button {
  pointer-events: all;
  color: #b4dce1;
  display: inline-block;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcffffff,endColorstr=#fcffffff)";
  filter: alpha(opacity=60);
  zoom: 1;
  -moz-opacity: 0.99;
  -khtml-opacity: 0.99;
  opacity: 0.99;
}
.spacial-widget .station-playlist .tile li .dedication-button {
  padding: 5px;
  cursor: pointer;
}
.spacial-widget .station-playlist .tile li .mis-info {
  padding-left: 3px;
  cursor: pointer;
  text-decoration: underline;
}
.spacial-widget .station-playlist .tile li .follow {
  background-image: url('../img/new-assets.png');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin: 0 auto;
}
.spacial-widget .station-playlist .tile li .follow.in {
  background-image: url('../img/new-assets.png');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px -26px;
  width: 25px;
  height: 25px;
}
.spacial-widget .station-playlist .tile li .song-info {
  text-align: center;
  padding: 2px;
}
.spacial-widget .station-playlist .tile li .song-info div {
  margin: 0 3px;
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
  overflow: hidden;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff)";
  filter: alpha(opacity=60);
  zoom: 1;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.spacial-widget .station-playlist .tile li .song-info .title {
  max-height: 28px;
  color: #fff;
}
.spacial-widget .station-playlist .tile li .song-info .artist {
  max-height: 14px;
  color: #ccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.spacial-widget .station-playlist .pagination {
  clear: both;
  float: right;
  margin: 5px 0 0 0;
}
.spacial-widget .station-playlist .pagination .pager-next {
  margin-left: 10px;
}
.spacial-widget .station-playlist .pagination .disabled {
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff,endColorstr=#4dffffff)";
  filter: alpha(opacity=60);
  zoom: 1;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
.spacial-widget .pagination {
  font-size: 13px;
  line-height: 120%;
  font-weight: bold;
  color: #333;
}
.spacial-widget .pagination .pager-previous,
.spacial-widget .pagination .pager-next {
  vertical-align: 2px;
  padding: 3px;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  color: #000;
}
.spacial-widget .pagination .pager-next .icon,
.spacial-widget .pagination .pager-previous .icon,
.spacial-widget .pagination .pager-up .icon,
.spacial-widget .pagination .pager-down .icon {
  display: block;
  color: #777777;
  font-size: 20px;
  font-family: monospace;
  cursor: pointer;
}
.spacial-widget .pagination .pager-down {
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -o-transform: rotate(180deg);
  /* Opera */
  transform: rotate(180deg);
}
.spacial-widget .current-show-widget {
  height: 65px;
  padding-left: 5px;
  padding-top: 4px;
  left: 1px;
  position: relative;
  margin-left: -1px;
  color: #777777;
  font-size: 14px;
  line-height: 17px;
}
.spacial-widget .current-show-widget * {
  color: #777777;
  font-size: 12px;
  line-height: 17px;
}
.spacial-widget .current-show-widget .current-show-dj {
  cursor: pointer;
}
.spacial-widget .current-show-widget .current-show-dj:hover {
  text-decoration: underline;
}
.spacial-widget .current-show-widget .current-show-image-container {
  width: 55px;
  height: 55px;
  overflow: hidden;
  margin: auto;
  position: relative;
}
.spacial-widget .current-show-widget .current-show-image-container img {
  height: 55px;
}
.spacial-widget .current-show-widget .current-show-image-container .loading {
  width: 55px;
  height: 55px;
  position: absolute;
  line-height: 40px;
  text-align: center;
  font-size: 50px;
  opacity: .7;
  background: #fff;
  top: 0;
}
.spacial-widget .current-show-widget .current-show-image-container .loading .fa-spinner {
  font-size: 20px;
  line-height: 55px;
  padding: 0;
}
.spacial-widget .current-show-widget .text {
  overflow: hidden;
  max-width: 185px;
  min-width: 170px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.spacial-widget .current-show-widget .text .fa {
  margin-right: 5px;
  float: left;
  width: 10px;
}
.spacial-widget .current-show-widget .current-show-button-container {
  table-layout: auto;
  display: table;
  border-collapse: separate;
  border-color: grey;
  margin: 0px;
  border: none;
}
.spacial-widget .current-show-widget .current-show-button-container button {
  border: none!important;
  padding: 0;
  margin: 0;
  background: transparent;
  float: right;
  position: absolute;
  top: 3px;
  right: 3px;
}
.spacial-widget .current-show-widget .current-show-button-container button:before {
  line-height: 12px;
  font-size: 12px;
  text-decoration: inherit;
  display: inline-block;
  width: 15px;
}
.spacial-widget .current-show-extended-info {
  min-width: 290px;
  max-width: 400px;
}
.spacial-widget .current-show-extended-info * {
  color: #777777;
  font-size: 12px;
  line-height: 17px;
}
.spacial-widget .current-show-extended-info td {
  padding: 0;
  margin: 0;
}
.spacial-widget .current-show-extended-info .text {
  font-weight: normal;
}
.spacial-widget .current-show-extended-info .text .fa {
  margin-right: 5px;
  float: left;
  width: 10px;
}
.spacial-widget .current-show-extended-info .text span {
  padding-left: 0;
}
.spacial-widget .current-show-extended-info .current-show-image-container {
  vertical-align: top;
}
.spacial-widget .current-show-extended-info .current-show-image-container .container {
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: auto;
}
.spacial-widget .current-show-extended-info .current-show-image-container .container img {
  height: 100px;
}
.spacial-widget .current-show-extended-info .current-show-image-container .container .loading {
  width: 100px;
  height: 100px;
  position: absolute;
  line-height: 100px;
  text-align: center;
  font-size: 50px;
  opacity: .7;
  background: #fff;
  top: 0;
}
.spacial-widget .current-show-extended-info .current-show-image-container .container .loading .fa-spinner {
  font-size: 40px;
  line-height: 100px;
  padding: 0;
}
.spacial-widget .current-show-extended-info .current-show-dj {
  float: left;
  margin-right: 5px;
  font-weight: 600;
}
.spacial-widget .current-show-extended-info .onAirDj {
  width: 5px;
  height: 5px;
  background: red;
  border-radius: 100%;
  float: right;
  position: relative;
  left: 3px;
  top: 3px;
}
.spacial-widget .current-show-extended-info .onAirDj:before {
  content: " ";
  border: 1px solid red;
  border-radius: 100%;
  width: 7px;
  height: 7px;
  display: block;
  position: relative;
  left: -2px;
  top: -2px;
}
.spacial-widget .current-show-extended-info .current-show-description {
  padding-top: 5px;
}
.spacial-widget .show-lineup-widget {
  min-height: 65px;
  padding-left: 5px;
  padding-top: 4px;
  left: 1px;
  position: relative;
  margin-left: 0;
  color: #777777;
  font-size: 14px;
  line-height: 17px;
}
.spacial-widget .show-lineup-widget * {
  color: #777777;
  font-size: 12px;
  line-height: 17px;
}
.spacial-widget .show-lineup-widget .entries-contaienr {
  margin: 5px 0px 5px 0px;
  position: relative;
}
.spacial-widget .show-lineup-widget .entries-contaienr li {
  border-left: 1px solid #ddd;
  list-style: none;
}
.spacial-widget .show-lineup-widget .refresh-timeline {
  border: none!important;
  padding: 0;
  margin: 0;
  background: transparent;
  float: right;
  position: absolute;
  top: 3px;
  right: 5px;
  cursor: pointer;
  z-index: 99999;
}
.spacial-widget .show-lineup-widget .text {
  overflow: hidden;
  max-width: 185px;
  min-width: 170px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.spacial-widget .show-lineup-widget .schedule-time {
  float: left;
  position: absolute;
  left: 1px;
}
.spacial-widget .show-lineup-widget .timeline-nub {
  position: absolute;
  left: 38px;
}
.spacial-widget .show-lineup-widget .timeline-nub .bullet {
  width: 3px;
  height: 3px;
  background-color: #adadad;
  display: inline-block;
  position: relative;
  top: -3px;
  left: 0px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid transparent;
}
.spacial-widget .show-lineup-widget .accordian {
  margin-left: 7px;
}
.spacial-widget .show-lineup-widget .accordian .ui-state-default,
.spacial-widget .show-lineup-widget .accordian .ui-state-hover,
.spacial-widget .show-lineup-widget .accordian .ui-state-active {
  border: none;
  background: transparent;
  font-weight: normal;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .ui-accordion-header-icon {
  left: 0;
}
.spacial-widget .show-lineup-widget .accordian .ui-icon {
  display: none!important;
}
.spacial-widget .show-lineup-widget .accordian .ui-state-default .nav-icon {
  background-image: none !important;
  font-family: FontAwesome;
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  float: left;
  margin-right: 5px;
  margin-top: 1px;
}
.spacial-widget .show-lineup-widget .accordian .ui-widget-content {
  background: transparent;
  border: none;
  height: 100%!important;
  overflow: visible;
  position: initial;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 0!important;
  padding: 0;
  width: 95% !important;
  position: relative;
}
.spacial-widget .show-lineup-widget .accordian p {
  margin: 0;
  text-align: justify;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header {
  margin: 0;
  padding: 1px 2px 2px 5px;
  padding-bottom: 5px;
  font-weight: 600;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .show-iamge-container {
  width: 30px;
  height: 30px;
  overflow: hidden;
  margin: auto;
  position: relative;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .show-iamge-container img {
  height: 30px;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .show-iamge-container .loading {
  width: 30px;
  height: 30px;
  position: absolute;
  line-height: 30px;
  text-align: center;
  opacity: .7;
  background: #fff;
  top: 0;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .show-iamge-container .loading .fa-spinner {
  font-size: 15px;
  line-height: 30px;
  padding: 0;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header td {
  padding: 0;
  margin: 0;
  line-height: 14px;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .show-name {
  font-weight: 600;
  font-size: 14px;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .show-name:before {
  font-weight: normal;
  font-size: 12px;
  margin-right: 2px;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .show-time:before,
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .show-time-local:before {
  margin-right: 2px;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .allowed-djs {
  float: left;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .allowed-djs ul {
  padding: 0;
  margin: 0;
  border: none;
  display: inline;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .allowed-djs ul li {
  border: none;
  float: right;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .allowed-djs ul li:hover {
  text-decoration: underline;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .allowed-djs ul li:after {
  content: ",";
  margin: 0 4px 0 1px;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .allowed-djs ul li:first-child:after {
  content: '';
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-header .allowed-djs:before {
  font-weight: normal;
  font-size: 12px;
  margin-right: 3px;
}
.spacial-widget .show-lineup-widget .accordian .ui-state-default .nav-icon:before {
  content: "\f054";
  /*fa-chevron-right*/
}
.spacial-widget .show-lineup-widget .accordian .ui-state-default .allowed-djs,
.spacial-widget .show-lineup-widget .accordian .ui-state-default .show-time-local {
  display: none;
}
.spacial-widget .show-lineup-widget .accordian .ui-state-active .nav-icon:before {
  content: "\f078";
  /*fa-chevron-down*/
}
.spacial-widget .show-lineup-widget .accordian .ui-state-active .show-iamge-container {
  width: 90px;
  height: 90px;
  overflow: hidden;
  margin: auto;
  position: relative;
}
.spacial-widget .show-lineup-widget .accordian .ui-state-active .show-iamge-container img {
  height: 90px;
}
.spacial-widget .show-lineup-widget .accordian .ui-state-active .show-iamge-container .loading {
  width: 90px;
  height: 90px;
  position: absolute;
  line-height: 90px;
  text-align: center;
  opacity: .7;
  background: #fff;
  top: 0;
}
.spacial-widget .show-lineup-widget .accordian .ui-state-active .show-iamge-container .loading .fa-spinner {
  font-size: 45px;
  line-height: 90px;
  padding: 0;
}
.spacial-widget .show-lineup-widget .accordian .ui-state-active .allowed-djs,
.spacial-widget .show-lineup-widget .accordian .ui-state-active .show-time-local {
  display: initial;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-content {
  padding-bottom: 10px;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-content .allowed-djs {
  position: relative;
  top: -5px;
  left: 24px;
}
.spacial-widget .show-lineup-widget .accordian .ui-accordion-content .allowed-djs:before {
  font-weight: normal;
  font-size: 12px;
  margin-right: 3px;
}
.spacial-widget .scheduled-dj-info {
  min-width: 290px;
  max-width: 400px;
}
.spacial-widget .scheduled-dj-info * {
  color: #777777;
  font-size: 12px;
  line-height: 17px;
}
.spacial-widget .scheduled-dj-info td {
  padding: 0;
  margin: 0;
}
.spacial-widget .scheduled-dj-info .text {
  font-weight: normal;
  height: 15px;
}
.spacial-widget .scheduled-dj-info .text .fa {
  margin-right: 5px;
  float: left;
  width: 10px;
}
.spacial-widget .scheduled-dj-info .text span {
  padding-left: 0;
}
.spacial-widget .scheduled-dj-info .profile-image-container {
  width: 160px;
  height: 160px;
  position: relative;
  top: -10px;
  left: 5px;
}
.spacial-widget .scheduled-dj-info .profile-image-container .loading {
  width: 160px;
  height: 160px;
  position: absolute;
  line-height: 160px;
  text-align: center;
  font-size: 50px;
  opacity: .7;
  background: #fff;
  top: 0;
}
.spacial-widget .scheduled-dj-info .profile-image-container .loading .fa-spinner {
  font-size: 50px;
  line-height: 160px;
  padding: 0;
}
.spacial-widget .scheduled-dj-info .profile-image-container div:first-child {
  width: 150px;
  height: 150px;
  overflow: hidden;
  margin: auto;
  position: absolute;
  top: 10px;
}
.spacial-widget .scheduled-dj-info .profile-image-container div:first-child img {
  height: 150px;
}
.spacial-widget .scheduled-dj-info .first-name:before,
.spacial-widget .scheduled-dj-info .dj-name:before {
  font-weight: bold;
  margin-right: 5px;
}
.spacial-widget .scheduled-dj-info .first-name:before {
  content: "First name:";
}
.spacial-widget .scheduled-dj-info .dj-name:before {
  content: "DJ name:";
}
.spacial-widget .scheduled-dj-info .biography {
  padding-top: 5px;
  vertical-align: text-top;
}
.spacial-widget .responsive-wrapper {
  height: auto !important;
}
@media screen and (max-width: 399px) {
  .spacial-widget .stationInfo {
    font-size: 12px;
    line-height: 16px;
  }
  .spacial-widget .stationInfo .station-logo {
    min-width: 100px;
    min-height: 50px;
    width: 100px;
  }
  .spacial-widget .stationInfo .station-logo img {
    width: 100px;
    height: 50px;
    border-radius: 5px;
  }
  .spacial-widget .stationInfo .station-name {
    font-size: 18px;
    line-height: 28px;
  }
}
.spacial-widget.dark-theme .inner > div {
  background-color: #474747;
  border: 1px solid #474747;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#000000), to(#474747));
  /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-linear-gradient(bottom, #000000, #474747);
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -moz-linear-gradient(bottom, #000000, #474747);
  /* Firefox 3.6+ */
  background-image: -ms-linear-gradient(bottom, #000000, #474747);
  /* IE 10+ */
  background-image: -o-linear-gradient(bottom, #000000, #474747);
  /* Opera 11.10+ */
  background-image: linear-gradient(bottom, #000000 0%, #474747 100%);
}
.spacial-widget.dark-theme .inner > div:last-child,
.spacial-widget.dark-theme .layer > div {
  border-bottom: 1px solid #474747;
}
.spacial-widget.dark-theme .stationStatus,
.spacial-widget.dark-theme .nowPlayingInfo,
.spacial-widget.dark-theme .stationInfo,
.spacial-widget.dark-theme .inline,
.spacial-widget.dark-theme .mediaItemInfo *,
.spacial-widget.dark-theme .stationInfo a,
.spacial-widget.dark-theme .stationStatus a,
.spacial-widget.dark-theme .station-playlist .tile li .expand,
.spacial-widget.dark-theme .pagination .pager-next .icon,
.spacial-widget.dark-theme .pagination .pager-previous .icon,
.spacial-widget.dark-theme .pagination .pager-up .icon,
.spacial-widget.dark-theme .pagination .pager-down .icon,
.spacial-widget.dark-theme .dedication-widget .dedication-messages,
.spacial-widget.dark-theme .current-show-widget *,
.spacial-widget.dark-theme .show-lineup-widget * {
  color: #bebebe;
  background-color: transparent;
}
.spacial-widget.dark-theme .share-box-buttons {
  border-left: 1px solid #5f5f5f !important;
}
.spacial-widget.dark-theme .library-search .nav-container button,
.spacial-widget.dark-theme .library-search .nav-container div {
  background-color: #6b6b6b;
  color: #bebebe;
}
.spacial-widget.dark-theme .mediaItemInfo .media-item-buttons-container .button {
  background-color: #6b6b6b;
  color: #bebebe;
  border: none;
}
.spacial-widget.dark-theme .mediaItemInfo .media-item-buttons-container .button:hover {
  color: #393939;
}
.spacial-widget.dark-theme .mediaItemInfo .media-item-buttons-table {
  border-left: 1px solid #5f5f5f;
}
.spacial-widget.dark-theme .station-playlist {
  border: 1px solid #474747;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#383838), to(#474747));
  /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-linear-gradient(bottom, #383838, #474747);
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -moz-linear-gradient(bottom, #383838, #474747);
  /* Firefox 3.6+ */
  background-image: -ms-linear-gradient(bottom, #383838, #474747);
  /* IE 10+ */
  background-image: -o-linear-gradient(bottom, #383838, #474747);
  /* Opera 11.10+ */
  background-image: linear-gradient(bottom, #383838 0%, #474747 100%);
}
.spacial-widget.dark-theme .station-playlist .coming-up img {
  box-shadow: 2px 2px 2px #515151;
  -webkit-box-shadow: 2px 2px 2px #515151;
  -moz-box-shadow: 2px 2px 2px #515151;
}
.spacial-widget.dark-theme .station-playlist .tile li {
  box-shadow: 0 0 0 #515151;
  -webkit-box-shadow: 0 0 0 #515151;
  -moz-box-shadow: 0 0 0 #515151;
  box-shadow: none 3px 3px #515151;
  -webkit-box-shadow: none 3px 3px #515151;
  -moz-box-shadow: none 3px 3px #515151;
}
.spacial-widget.metallic-theme .inner > div {
  background-color: #C6C6C6;
  border: 1px solid #C6C6C6;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#C0C5C7), to(#ECEDED));
  /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -moz-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* Firefox 3.6+ */
  background-image: -ms-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* IE 10+ */
  background-image: -o-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* Opera 11.10+ */
  background-image: linear-gradient(bottom, #C0C5C7 0%, #ECEDED 100%);
}
.spacial-widget.metallic-theme .inner > div:last-child,
.spacial-widget.metallic-theme .layer > div {
  border-bottom: 1px solid #C6C6C6;
}
.spacial-widget.metallic-theme .stationStatus,
.spacial-widget.metallic-theme .nowPlayingInfo,
.spacial-widget.metallic-theme .stationInfo,
.spacial-widget.metallic-theme .inline,
.spacial-widget.metallic-theme .mediaItemInfo *,
.spacial-widget.metallic-theme .stationInfo a,
.spacial-widget.metallic-theme .stationStatus a,
.spacial-widget.metallic-theme .station-playlist .tile li .expand,
.spacial-widget.metallic-theme .pagination .pager-next .icon,
.spacial-widget.metallic-theme .pagination .pager-previous .icon,
.spacial-widget.metallic-theme .pagination .pager-up .icon,
.spacial-widget.metallic-theme .pagination .pager-down .icon,
.spacial-widget.metallic-theme .dedication-widget .dedication-messages,
.spacial-widget.metallic-theme .mediaItemInfo .media-item-buttons-container .button,
.spacial-widget.metallic-theme .current-show-widget *,
.spacial-widget.metallic-theme .show-lineup-widget * {
  color: #4c4c4c;
}
.spacial-widget.metallic-theme .mediaItemInfo .media-item-buttons-container .button:hover,
.spacial-widget.metallic-theme .mediaItemInfo .media-item-buttons-container .button:hover a {
  color: #a5a5a5!important;
}
.spacial-widget.metallic-theme .share-box-buttons {
  border-left: 1px solid #9e9e9e !important;
}
.spacial-widget.metallic-theme .library-search .nav-container button,
.spacial-widget.metallic-theme .library-search .nav-container div {
  background-color: #EBECEC;
  color: #646464;
}
.spacial-widget.metallic-theme .mediaItemInfo .media-item-buttons-table {
  border-left: 1px solid #c4c4c4;
}
.spacial-widget.metallic-theme .station-playlist {
  border: 1px solid #c4c4c4;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#C0C5C7), to(#ECEDED));
  /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -moz-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* Firefox 3.6+ */
  background-image: -ms-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* IE 10+ */
  background-image: -o-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* Opera 11.10+ */
  background-image: linear-gradient(bottom, #C0C5C7 0%, #ECEDED 100%);
}
.spacial-widget.metallic-theme .station-playlist .coming-up img {
  box-shadow: 2px 2px 2px #515151;
  -webkit-box-shadow: 2px 2px 2px #515151;
  -moz-box-shadow: 2px 2px 2px #515151;
}
.spacial-widget.metallic-theme .station-playlist .tile li {
  box-shadow: 0 0 0 #515151;
  -webkit-box-shadow: 0 0 0 #515151;
  -moz-box-shadow: 0 0 0 #515151;
  box-shadow: none 3px 3px #515151;
  -webkit-box-shadow: none 3px 3px #515151;
  -moz-box-shadow: none 3px 3px #515151;
}
.spacial-widget.transparent-theme .inner > div {
  background-color: transparent;
  background-image: none !important;
  border: 1px solid #e1e1e1;
  border-bottom: none;
}
.spacial-widget.transparent-theme .inner > div:last-child,
.spacial-widget.transparent-theme .layer > div {
  border-bottom: 1px solid #e1e1e1;
}
.spacial-widget.transparent-theme .stationStatus,
.spacial-widget.transparent-theme .nowPlayingInfo,
.spacial-widget.transparent-theme .stationInfo,
.spacial-widget.transparent-theme .inline,
.spacial-widget.transparent-theme .mediaItemInfo *,
.spacial-widget.transparent-theme .stationInfo a,
.spacial-widget.transparent-theme .stationStatus a {
  color: #3c3c3c;
}
.spacial-widget.transparent-theme .share-box-buttons {
  border-left: 1px solid #c4c4c4 !important;
}
.spacial-widget.transparent-theme .library-search .nav-container button,
.spacial-widget.transparent-theme .library-search .nav-container div {
  background-color: #EBECEC;
  color: #646464;
}
.spacial-widget.transparent-theme .mediaItemInfo .media-item-buttons-table {
  border-left: 1px solid #c4c4c4;
}
.spacial-widget.transparent-theme .station-playlist {
  border: 1px solid #c4c4c4;
}
@media screen and (max-width: 680px) and (min-width: 600px) {
  .spacial-widget .nowPlayingInfo .text {
    max-width: 350px !important;
  }
  .spacial-widget .coverArt img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 600px) and (min-width: 500px) {
  .spacial-widget .nowPlayingInfo .text {
    max-width: 250px !important;
  }
  .spacial-widget .coverArt img {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 500px) {
  .spacial-widget .nowPlayingInfo .text {
    max-width: 230px !important;
    font-size: 15px;
    line-height: 16px;
  }
  .spacial-widget .coverArt img {
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 420px) {
  .spacial-widget .nowPlayingInfo .text {
    max-width: 180px !important;
  }
  .spacial-widget .coverArt img {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 360px) {
  .spacial-widget .nowPlayingInfo .text {
    max-width: 150px !important;
  }
  .spacial-widget .coverArt img {
    width: 80px;
    height: 80px;
  }
}
.dedicationMessageContainer {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
.dedicationMessageTable {
  min-width: 285px;
  margin-right: 20px;
}
.dedicationMessageTable td {
  font-weight: normal!important;
}
.ui-dialog {
  padding: 0;
  font-display: "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; color: #FFF !important;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 1px 1px 1px 7px;
  font-display: "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; color: #222222 !important;
}
.ui-dialog .ui-dialog-title {
  font-size: 16px;
  padding: 10px 8px 10px 10px !important;
  
  
}
.ui-dialog .ui-widget-header {
  background-color: #ffffff;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-display: "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; color: #222222 !important;
  background-image: none;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#eeeeee), to(#FFFFFF));
  background-image: -webkit-linear-gradient(bottom, #eeeeee, #FFFFFF);
  background-image: -moz-linear-gradient(bottom, #eeeeee, #FFFFFF);
  background-image: -ms-linear-gradient(bottom, #eeeeee, #FFFFFF);
  background-image: -o-linear-gradient(bottom, #eeeeee, #FFFFFF);
  background-image: linear-gradient(bottom, #eeeeee 0%, #FFFFFF 100%);
}
.ui-dialog .ui-dialog-content {
  padding: 5px 5px!important;
}
.ui-dialog ul {
  padding: 0px 10px 0 5px !important;
  margin: 0;
  list-style: none;
}
.ui-dialog ul li,
.ui-dialog td {
  font-weight: bold;
  font-size: 14px;
  line-height: 21px !important;
  color: #666666;
  padding: 1px 0 1px 0;
  max-width: 260px;
}
.ui-dialog ul li span,
.ui-dialog td span {
  padding-left: 8px;
  font-weight: normal;
}
.ui-dialog input,
.ui-dialog textarea,
.ui-dialog button {
  width: 265px;
  padding: 0;
  resize: none;
}
.ui-dialog input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  top: 3px;
  position: relative;
  margin: 10px 5px 15px 0 !important;
  font-display: "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
}
.ui-dialog button {
  cursor: pointer;
}
.ui-dialog .hide {
  display: none!important;
}
.ui-dialog .msg-char-count {
  top: -5px;
  position: relative;
  width: 255px !important;
  text-align: right;
  font-size: 12px;
}
.ui-dialog .ui-dialog-buttonpane {
  margin-top: 0;
  padding: 0 4px 10px 0px !important;
  font-size: 14px;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0;
  padding: 0;
  width: 60px;
}
.ui-button-text-only .ui-button-text {
  padding: 0;
  margin: 0;
}
.ui-dialog.dark-theme .ui-widget-header {
  color: #bebebe;
  background-color: #474747;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#000000), to(#474747));
  /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-linear-gradient(bottom, #000000, #474747);
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -moz-linear-gradient(bottom, #000000, #474747);
  /* Firefox 3.6+ */
  background-image: -ms-linear-gradient(bottom, #000000, #474747);
  /* IE 10+ */
  background-image: -o-linear-gradient(bottom, #000000, #474747);
  /* Opera 11.10+ */
  background-image: linear-gradient(bottom, #000000 0%, #474747 100%);
}
.ui-dialog.metallic-theme .ui-widget-header {
  color: #4c4c4c;
  background-color: #C6C6C6;
  background-image: -webkit-gradient(linear, bottom, 0% 0%, 0% 100%, from(#C0C5C7), to(#ECEDED));
  /* Safari 4+, Chrome 1-9 */
  background-image: -webkit-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -moz-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* Firefox 3.6+ */
  background-image: -ms-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* IE 10+ */
  background-image: -o-linear-gradient(bottom, #C0C5C7, #ECEDED);
  /* Opera 11.10+ */
  background-image: linear-gradient(bottom, #C0C5C7 0%, #ECEDED 100%);
}
.ui-dialog.transparent-theme .ui-widget-header {
  background-color: transparent;
  background-image: none !important;
  border-bottom: none;
  color: #3c3c3c;
}
/*Player widget v2*/
.spacial-player-widget {
  position: relative;
  width: 100%;
  height: 100%;
}
.spacial-player-widget .spacial-player-widget-container {
  width: 100%;
  position: absolute;
  box-sizing: content-box;
  margin-top: 35px;
  margin-left: -20px;
  padding-left: 30px;
  background-color: #003041;
  background-color: rgba(0, 48, 65, 0.5);
  background: -moz-linear-gradient(top, rgba(0, 48, 65, 0.5) 0%, rgba(0, 95, 130, 0.5) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 48, 65, 0.5)), color-stop(100%, rgba(0, 95, 130, 0.5)));
  background: -webkit-linear-gradient(top, rgba(0, 48, 65, 0.5) 0%, rgba(0, 95, 130, 0.5) 100%);
  background: -o-linear-gradient(top, rgba(0, 48, 65, 0.5) 0%, rgba(0, 95, 130, 0.5) 100%);
  background: -ms-linear-gradient(top, rgba(0, 48, 65, 0.5) 0%, rgba(0, 95, 130, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 48, 65, 0.5) 0%, rgba(0, 95, 130, 0.5) 100%);
}
.spacial-player-widget .spacial-player-widget-container .miniStatusBar {
  position: absolute;
  left: 160px;
  right: 0;
  padding: 10px 0;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  background-color: #05bcff;
  background-color: rgba(5, 188, 255, 0.4);
  cursor: pointer;
}
.spacial-player-widget .spacial-player-widget-container .miniStatusBar .shortInfos {
  display: table;
  width: 100%;
}
.spacial-player-widget .spacial-player-widget-container .miniStatusBar .shortInfos .infos {
  display: table-cell;
  padding-left: 20px;
  padding-right: 30px;
  overflow: hidden;
}
.spacial-player-widget .spacial-player-widget-container .miniStatusBar .shortInfos .infos div {
  max-height: 18px;
  line-height: 18px;
}
.spacial-player-widget .spacial-player-widget-container .miniStatusBar .shortInfos .infos div.song {
  font-weight: 400;
}
.spacial-player-widget .spacial-player-widget-container .miniStatusBar .shortInfos .infos div.song a {
  color: #fff;
  text-decoration: none;
}
.spacial-player-widget .spacial-player-widget-container .popout {
  position: absolute;
  right: -15px;
  top: 5px;
}
.spacial-player-widget .spacial-player-widget-container .popout .button {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  outline: none;
  background-image: none;
  color: white;
  font-family: fontAwesome;
  cursor: pointer;
}
.spacial-player-widget .spacial-player-widget-container .popout .button:before {
  font-size: 17px;
  content: "\f08e";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
}
.spacial-player-widget .spacial-player-widget-container #spacial-player-widget-info {
  display: block;
}
.spacial-player-widget .spacial-player-widget-container .nowPlayingCard {
  display: block;
  width: 100%;
  margin: 0 -1.5625%;
}
.spacial-player-widget .spacial-player-widget-container .nowPlayingCard figure {
  position: absolute;
  top: -45px;
  left: -20px;
  width: 140px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  background-color: #003041;
  background-color: rgba(0, 48, 65, 0.1);
}
.spacial-player-widget .spacial-player-widget-container .nowPlayingCard figure img {
  max-width: 100%;
  max-height: 100%;
  opacity: 1;
  width: 140px;
  vertical-align: middle;
  -moz-box-shadow: 1px 1px 5px rgba(0, 48, 65, 0.25);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 48, 65, 0.25);
  box-shadow: 1px 1px 5px rgba(0, 48, 65, 0.25);
}
.spacial-player-widget .spacial-player-widget-container .nowPlayingCard .song {
  margin-top: 40px;
  margin-bottom: 60px;
  text-shadow: 0px 0px 3px rgba(0, 48, 65, 0.15), 1px 1px 0px rgba(0, 48, 65, 0.15);
  word-wrap: break-word;
  margin-left: 160px;
  min-height: 85px;
}
.spacial-player-widget .spacial-player-widget-container .nowPlayingCard .song .title,
.spacial-player-widget .spacial-player-widget-container .nowPlayingCard .song .artist,
.spacial-player-widget .spacial-player-widget-container .nowPlayingCard .song .album {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0em;
  margin-bottom: 0em;
}
.spacial-player-widget .spacial-player-widget-container .nowPlayingCard .song .title {
  font-size: 30px;
  line-height: 38px;
  max-height: 2.5875em;
  color: #99e4ff;
}
.spacial-player-widget .spacial-player-widget-container .nowPlayingCard .song .artist {
  font-size: 20px;
  line-height: 27px;
  color: #f0fbff;
}
.spacial-player-widget .spacial-player-widget-container .nowPlayingCard .song .album {
  font-size: 12px;
  line-height: 14px;
  color: #f0fbff;
}
.spacial-player-widget .spacial-player-widget-container .controls {
  position: absolute;
  width: 100%!important;
  height: 3em!important;
  bottom: 0px;
  margin-left: -30px !important;
  padding-left: 0!important;
  background-color: #002634;
  background-color: rgba(0, 38, 52, 0.5);
}
.spacial-player-widget .spacial-player-widget-container .controls .actions {
  float: right;
}
.spacial-player-widget .spacial-player-widget-container .controls .actions a {
  font-size: 1em;
  line-height: 3em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
  height: 100%;
  padding-left: 21px;
  padding-right: 21px;
  margin-left: 1px;
  margin-right: 0px;
  border: none;
  background-color: rgba(5, 188, 255, 0.25);
  font-weight: 600;
  color: #f0fbff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
  float: left;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions {
  float: left;
  width: 50%;
  position: relative;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .button span {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  outline: none;
  background-image: none;
  color: white;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .playpause-button,
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .mute,
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .unmute {
  border: none;
  outline: none;
  width: 3em;
  font-size: 1em;
  line-height: 3em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
  height: 100%;
  padding-left: 15px;
  padding-right: 21px;
  margin-left: 1px;
  margin-right: 0px;
  cursor: pointer;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .playpause-button span:before {
  font-size: 17px;
  content: "\f04b";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .playpause-button.loading span:before {
  font-size: 17px;
  content: "\f021";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .playpause-button.stop span:before {
  font-size: 17px;
  content: "\f04d";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .mute,
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .unmute {
  position: absolute;
  top: 0;
  left: 40px;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .mute button,
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .unmute button {
  font-size: initial!important;
  color: white;
  margin: 0;
  padding: 0;
  top: 5px;
  height: 16px!important;
  width: 16px!important;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .mute button:before {
  position: relative;
  left: 1px;
  font-size: 18px;
  content: "\f028";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .unmute button:before {
  font-size: 18px;
  content: "\f026";
  line-height: 40px;
  text-decoration: inherit;
  display: inline-block;
  position: relative;
  left: -3px;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .horizontal-volume-slider {
  width: 50%!important;
  border: none;
  outline: none;
  position: absolute;
  top: 8px;
  left: 85px;
}
.spacial-player-widget .spacial-player-widget-container .controls .player-actions .horizontal-volume-slider .ui-widget-content {
  height: 4px !important;
  width: 100% !important;
  box-shadow: none!important;
  background: white!important;
  background-image: none!important;
  position: relative!important;
  top: 13px !important;
  border: none !important;
}
.spacial-player-widget .spacial-player-widget-container .controls .hide {
  display: none !important;
}
.spacial-player-widget-tooltip {
  border-width: 1px !important;
  background: #565656;
  border: none;
  color: #fff;
  line-height: 18px;
  padding: 6px 14px;
  border-radius: 3px;
  border-radius: 4px;
  z-index: 999999;
  font-size: 12px;
  opacity: 1;
}