.spotlight-widget { background-color: #fff; color: #FFF; height: 308px; overflow: hidden; position: relative; width: 640px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
      .spotlight-widget .panels { height: 308px; overflow: hidden; position: relative; width: 640px; }
      .spotlight-widget .blank-panel { background-color: #122232; color: #FFF; font-size: 24px; font-weight: bold; line-height: 308px; text-align: center; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
      .spotlight-widget .panel { background-position: left 30%; display: none; height: 284px; overflow: hidden; padding: 12px; position: absolute; width: 616px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
      .spotlight-widget .content-details { border: 2px solid #fff; padding: 8px 12px 0; max-height: 240px; overflow: hidden; position: absolute; width: 290px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
      .spotlight-widget .content-details.right { bottom: 68px; right: 8px; }
      .spotlight-widget .content-details.left { bottom: 68px; left: 8px; }
      .spotlight-widget .content-details .title { font-size: 18px; font-weight: bold; }
      .spotlight-widget .content-details .tagline { color: #ccc; font-size: 14px; font-weight: normal; margin-bottom: 4px; }
      .spotlight-widget .content-details .description { font-size: 12px; margin-bottom: 12px; }
      .spotlight-widget .content-details .buttons { margin-bottom: 8px; margin-top: -4px; text-align: right; }
      .spotlight-widget .content-background { position: absolute; background-color: #122232; opacity: .9; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
      .spotlight-widget .playlist { height: 52px; padding: 4px 4px; position: absolute; left: 0; bottom: 0; overflow: hidden; width: 632px; }
      .spotlight-widget .playlist-background { opacity: .4; width: 640px; height: 60px; position: absolute; left: 0; bottom: 0; background-color: #000;  }
      .spotlight-widget .playlist .more { display: block; height: 43px; overflow: hidden; position: absolute; padding-top: 17px; right: 0; text-align: center; top: 0; width: 60px; }
      .spotlight-widget .playlist .more a { padding-left: 6px; padding-right: 6px; }
      .spotlight-widget .playlist li { border: 2px solid transparent; cursor: pointer; float: left; height: 48px; overflow: hidden; width: 64px; margin-right: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
      .spotlight-widget .playlist li:hover { background-color: #616C77; border-color: #616C77; }
      .spotlight-widget .playlist li.active { border-color: #fff; background-color: #FFF; }
      
      /* Buttons */
      a.button { line-height: 25px; text-decoration: none; text-align: center; }
      .button { background-color: #768089; border: none; color: #fff; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; height: 25px; overflow: visible; padding: 0 12px; margin: 0; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; -moz-appearance: none; -moz-border-radius: 4px; -webkit-appearance: none; -webkit-border-radius: 4px; }
      .button:hover { background-color: #87929D; color: #fff; text-decoration: none; }
      a.button.large { line-height: 32px; }
      .button.large { font-size: 16px; height: 32px; padding: 0 16px; }
      .button.highlight { background-color: #0077FF; color: #FFF; }
      .button.highlight:hover { background-color: #3392FF; color: #FFF; }
      .button.go { background-color: #66AA44; color: #FFF; }
      .button.go:hover { background-color: #70B74E; color: #FFF; }
      .button.stop { background-color: #CC4444; color: #FFF; }
      .button.stop:hover { background-color: #D84B57; color: #FFF; }
      .button.disabled { background-color: #ccc; color: #eee; }
      .button.disabled:hover { background-color: #ccc; color: #eee; cursor: default; }
      .button::-moz-focus-inner { padding: 0; margin: -1px; }
      
      /* Thumbnails */
      .thumbnail { background-repeat: no-repeat; display: inline-block; height: 32px; position: relative; vertical-align: top; width: 32px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
      .thumbnail.xxsmall { height: 48px; width: 64px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
      .thumbnail.xxlarge { height: 480px; width: 640px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }
      
      .spotlight-widget ul, .spotlight-widget li {
        margin: 0;
        padding: 0;
      }
      
      .spotlight-widget {
        font-family: arial;
      }
