html, body {
  height: 100%;
}

body {
  color: #4a4a4a;
}

button {
  border: 0;
  background: none;
  padding: 0;
}

.animate-transforms {
  -webkit-transition: -webkit-transform 0.2s;
     -moz-transition: -moz-transform 0.2s;
      -ms-transition: -ms-transform 0.2s;
          transition: transform 0.2s;
}

.animate-opacity {
  -webkit-transition: opacity 0.2s;
     -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
          transition: opacity 0.2s;
}

.promoted-layer {
  /*
  This class forces an element to be "promoted" to use
  GPU rendering in supporting browsers.

  At the moment browsers are not very good at switching
  elements between software and hardware rendering. So,
  for example, an element that gets a CSS transition applied
  will render slightly differently during that transition.
  This often manifests as a visible switch in a font's
  antialiasing during animation or the element flickering.

  By giving an element this class, it will always be
  rendered by the GPU and so will always look the same,
  even during transitions.
  */
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

#full-page-viewport-wrapper {
  /*
  overflow-x: hidden;
  overflow-y: auto;
  */
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

#full-page-transforms-wrapper {
  position: relative;
  background: white;
  color: #4a4a4a;
}

#header {
  position: relative;
  height: 56px;
  background: white;
  margin-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}

#header, #header * {
  font-size: 13px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#support-links {
  display: block;
  float: right;
  height: 56px;
  text-transform: uppercase;
}

  #support-links button
, #support-links a
, #support-links p
{
  display: inline-block;
  height: 56px;
  line-height: 56px;
  color: black;
  text-align: center;
  font-weight: 400;
  margin: 0;
  padding: 0 10px;
}

#login-wrapper {
  width: auto;
  max-width: 250px;
  float: right;
  margin: 0 15px;
}

#login-wrapper li {
  display: inline-block;
}

#login-wrapper li.user-logout {
  margin-left: 5px;
}

#login-wrapper a {
  padding: 0;
}

i.user-icon {
  /* Hidden from other sites with an inline style in
     util.html. Override that and show it for WNYC. */
  display: inline-block !important;
  font-size: 18px;
  margin-right: 6px;
}

#logout {
  opacity: .5;
}

#support-links p.header-wide-button a {
  width: 100%;
}

#brand-logo {
  position: absolute;
  top: 15px;
  left: 50%;
  text-indent: -9999px;
  z-index: 1;
  width: 62px;
  height: 25px;
  margin-left: -31px;
  background: url('/static/img/wnyc/wnyc-sprite-vector.svg') no-repeat 0 -26px;
  background-size: 62px;
}

#brand-strap-line {
  font-weight: 400;
  display: none;
}

#header button {
  font-size: 1.3em;
  overflow: visible; /* IE8 adds extra padding on buttons without this */
}

#header button a {
  display: block;
  height: 100%;
  text-decoration: none;
}

#header button,
#header button a {
  line-height: 56px;
  height: 56px;
  cursor: pointer;
  font-weight: 400;
}

#search-wrapper {
  float: left;
}

#search-button {
  display: block;
  float: left;
  width: 55px;
}

#search-button .fa-search {
  font-size: 17px;
}

#search-form {
  display: block;
  position: relative;
  height: 56px;
  line-height: 56px;
  float: left;
  left: -6px;
}

#search-input {
  cursor: pointer;
  background-color: transparent;
  border: none;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  color: #000;
  width: 200px;
  -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0, 1);
     -moz-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
}

.input-is-open #search-input {
  cursor: text;
  -webkit-transform: scale(1, 1);
     -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

#search-form label {
  font-weight: 400;
  position: absolute;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 55px;
  opacity: 1;
  left: 0;
  bottom: 0;
  cursor: pointer;
}

.input-is-open #search-form label {
  opacity: 0;
  pointer-events: none;
}

#menu-button {
  width: 90px;
}

#menu-button-label {
  /* override webkit's 'buttonface' and other browsers' equivalents */
  font: 400 13px 'Gotham SSm A', 'Gotham SSm B',
    Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
  text-transform: uppercase;
  position: absolute;
  display: block;
  left: 47px;
  top: 0;
  line-height: 58px;
  cursor: pointer;
}

.menu-button-bar {
  position: absolute;
  width: 18px;
  height: 3px;
  left: 15px;
  top: 50%;
  margin-top: -2px;
  background: black;
}

.menu-button-bar.bar-1 {
  margin-top: -8px;
}

.menu-button-bar.bar-3 {
  margin-top: 4px;
}

#header-social-media-links,
#menu-button-weather {
  display: none;
}

#header a,
#menu-button,
#search-wrapper {
  text-decoration: none;
  color: black;
}

#header a:hover,
#menu-button:hover,
#search-wrapper:hover,
#search-wrapper:hover a {
  text-decoration: none;
  color: #999;
}

#menu-button .menu-button-bar {
  background: black;
}

#menu-button:hover .menu-button-bar {
  background: #999;
}

/*
  Smaller screens
*/
@media screen and (max-width:850px)
{
  #menu-button-label,
  #login-wrapper,
  #search-button,
  #search-form {
    display: none;
  }


} /* end @media rule */

/*
  Smallest screens
*/
@media screen and (max-width:399px)
{
  #header #menu-button {
    width: 56px;
  }

  #menu-button-label {
    display: none;
  }
}

/*
  Internet Explorer Overrides
*/
  .lte-ie8 #search-form label
, .ie9 .input-is-open #search-form label
{
  display: none;
}


.navigation-open #full-page-viewport-wrapper {
  overflow: hidden;
}

  #navigation-menu
, #subnavigation-menu
{
  width: 100%;
  height: 100%;
  top: 0;
}

#navigation-menu {
  position: fixed;
  left: -100%;
  z-index: 9000;
}

#navigation-menu, #navigation-menu * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#subnavigation-menu {
  position: absolute;
  left: 200%;
  background: black;
}

  #navigation-items-wrapper
, #subnavigation-menu
{
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.open-nav-site-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9000;
}

.navigation-open .open-nav-site-overlay {
  display: block;
}

.navigation-open #navigation-menu,
.navigation-open #full-page-transforms-wrapper
{
  -webkit-transform: translate3d(100%, 0, 0);
     -moz-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.subnavigation-open #navigation-menu
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.navigation-open #subnavigation-menu {
  -webkit-transform: translate3d(-100%, 0, 0);
     -moz-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

#navigation-menu .close-button {
  color: white;
  height: 56px;
  width: 56px;
  font-size: 35px;
  line-height: 56px;
  cursor: pointer;
}

#navigation-menu li {
  padding: 0;
  display: table-row;
}

#navigation-items-wrapper {
  height: 100%;
  width: 100%;
  background: black;
}

#navigation-items {
  padding: 0;
  margin: 0;
  list-style: none;
  display: table;
  width: 100%;
}

#navigation-items li {
  margin: 0;
  text-transform: uppercase;
  font-size: 1.3em;
}


@media screen and (min-width:900px) {
  #navigation-items li .js-launch-search,
  #navigation-items li.secondary .donation,
  #navigation-items li.secondary a.user-login,
  #navigation-items li.secondary a.user-logout {
    display: none !important;
  }
}

#navigation-items .secondary a.user-logout,
#navigation-items .secondary a.user-login {
  opacity: 1;
}

#navigation-items .secondary a label {
  cursor: pointer;
}

#navigation-items li a {
  color: white;
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
  height: 3.9em;
  padding: 0 0 0 1.25em;
  border-left: 4px solid transparent;
  background-color: transparent;
  position: relative;
}

#navigation-items li a:hover {
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.4); /* Transparent background in supporting browsers */
}

#navigation-items li.has-subnav i {
  float: right;
  margin-right: .5em;
  position: relative;
  top: 2px;
  font-size: 20px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
}

#navigation-items .secondary {
  font-size: .95em;
}

#navigation-items .secondary a {
  padding: 0 0 0 1.7em;
  height: 3.2em;
}

#navigation-items .secondary.two-line-title a {
  height: 5.5em;
}

#subnavigation-menu ul {
  margin: 0;
  height: auto;
  min-height: 100%;
}

#subnavigation-menu li {
  display: table-row;
}

#subnavigation-menu .loading, /* loading message */
#subnavigation-menu li h4, /* title */
#subnavigation-menu li a {
  display: table-cell;
  vertical-align: middle;
  height: 35px;
  width: 280px;
  padding: 0 2em;
  color: white;
}

#subnavigation-menu li a h4 {
  color: #4a4a4a;
}

#subnavigation-menu li a:hover {
  text-decoration: none;
  background: rgba(0,0,0);
  background: rgba(0,0,0,0.5); /* Transparent background in supporting browsers */
}

#navigation-photo-credit {
  display: none;
}

/*
  IE 8 & 9 Overrides

  IE 8 gets the base mobile view because it doesn't support media
  queries. Additionally, transforms are not supported and so positioning
  must happen with left/right/top/bottom properties.

  IE 9 is affected by media queries (and therefore adjusts between
  mobile/desktop views) but doesn't support animated or 3D transforms and
  so elements likewise get positioned with the CSS positioning properties.
*/

  html.lte-ie8.navigation-open    #full-page-transforms-wrapper
, html.lte-ie8.navigation-open    #navigation-menu
, html.ie9.navigation-open        #navigation-menu
, html.lte-ie8.subnavigation-open #full-page-transforms-wrapper
, html.lte-ie8.subnavigation-open #subnavigation-menu
{
  left: 0;
}

  html.ie9.navigation-open    #full-page-transforms-wrapper
, html.ie9.subnavigation-open #subnavigation-menu
{
  left: 280px;
}

html.ie9.subnavigation-open #full-page-transforms-wrapper {
  left: 560px;
}

html.ie9.navigation-open #subnavigation-menu {
  display: none;
}

html.ie9.navigation-open.subnavigation-open #subnavigation-menu {
  display: block;
}

@media screen and (min-width:800px) {

/*
body {
  overflow: hidden;
}
*/

#menu-button {
  position: relative;
  float: left;
}

#search-wrapper {
  margin-left: 20px;
}

}/* end @media rule */

@media screen and (min-width:800px) {

  .navigation-open #full-page-viewport-wrapper {
    /* Maintain scrollability when the nav is open in desktop view. */
      /*
    overflow-x: hidden;
    overflow-y: auto;
    */
  }

  .navigation-open #full-page-transforms-wrapper {
    -webkit-transform: translate3d(220px, 0, 0);
       -moz-transform: translate3d(220px, 0, 0);
        -ms-transform: translate3d(220px, 0, 0);
            transform: translate3d(220px, 0, 0);
  }

  .subnavigation-open #full-page-transforms-wrapper {
    -webkit-transform: translate3d(500px, 0, 0);
       -moz-transform: translate3d(500px, 0, 0);
        -ms-transform: translate3d(500px, 0, 0);
            transform: translate3d(500px, 0, 0);
  }

  #navigation-menu {
    width: 220px;
    left: -220px;
    z-index: 4000; /* Must be higher than content to intercept taps on ipad */
  }

  #subnavigation-menu {
    width: 280px;
    left: -60px;
    background-color: black;
    background-image: url('/static/img/wnyc/bk-bridge.jpg');
    background-position: -280px 0;
    background-repeat: no-repeat;
  }

  .navigation-open #subnavigation-menu {
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  .navigation-open #navigation-menu,
  .subnavigation-open #navigation-menu {
    -webkit-transform: translate3d(220px, 0, 0);
       -moz-transform: translate3d(220px, 0, 0);
        -ms-transform: translate3d(220px, 0, 0);
            transform: translate3d(220px, 0, 0);
  }

  .subnavigation-open #subnavigation-menu {
    -webkit-transform: translate3d(280px, 0, 0);
       -moz-transform: translate3d(280px, 0, 0);
        -ms-transform: translate3d(280px, 0, 0);
            transform: translate3d(280px, 0, 0);
  }

    #navigation-items-wrapper > .close-button
  , #subnavigation-menu > .close-button
  {
    display: none;
  }

  #navigation-items {
    width: 220px;
    left: 0;
  }

  #navigation-items-wrapper {
    background-color: black;
    background-image: url('/static/img/wnyc/bk-bridge.jpg');
    background-repeat: no-repeat;
  }

  #subnavigation-items {
    padding: 1em 0;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.4);
  }

  #navigation-items li a.active-nav-item {
    background: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.6);
    border-left: 4px solid #DE1E3D;
  }

  #navigation-photo-credit {
    display: none;
    width: 100%;
    margin: 65px 0 0 20px;
    font-size: .9em;
  }

  @media screen and (min-height: 500px) {
    #navigation-photo-credit {
      position: absolute;
      bottom: 20px;
    }
  }

  #navigation-photo-credit p {
    color: #adadad;
    margin: 0;
  }

  #navigation-photo-credit a {
    color: #dd1e3d;
  }

} /* end @media rule */

#footer-inner {
  margin: auto;
  width: 100%;
  max-width: 960px; /* Interior pages only for now. Homepage is wider. */
}

#footer_container{
  margin-top: 25px;
  padding: 25px 0px 0px 0px;
  height: 450px;
  background-color: #292929;
  color: white;
  font-size: 12px;
}

#footer_container a {
  text-decoration: none;
  color: white;
  transition: none;
}

#footer_container a:hover {
  text-decoration: underline;
  border-bottom: transparent;
}

#footer_container h2 {
  display: inline-block;
  text-indent: -9999px;
  float: left;
  background: transparent url('/media/img/wnyc/wnyc_sprite.png') no-repeat -364px 0;
  width: 170px;
  height: 42px;
  margin-top: .2em;
}

#footer_container ul {
  display: inline-block;
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer_container .menu_right {
  float: right;
}

#footer_container li {
  display: inline-block;
  padding: 0 0.9em 2em;
}

#footer_container li a {
  display: inline-block;
}

#footer_container .social a {
  text-indent: -9999px;
  margin-top: 2em;
}

#footer_container a.facebook {
  background: transparent url('/media/img/wnyc/wnyc_sprite.png') no-repeat scroll -9px -125px;
  width: 20px;
  height: 20px;
}

#footer_container a.facebook:hover {
  background: transparent url('/media/img/wnyc/wnyc_sprite.png') no-repeat scroll -98px -125px;
}


#footer_container a.twitter {
  background: transparent url('/media/img/wnyc/wnyc_sprite.png') no-repeat scroll -35px -125px;
  width: 20px;
  height: 20px;
}

#footer_container a.twitter:hover {
  background: transparent url('/media/img/wnyc/wnyc_sprite.png') no-repeat scroll -124px -125px;
}


#footer_container a.googleplus {
  background: transparent url('/media/img/wnyc/wnyc_sprite.png') no-repeat scroll -65px -125px;
  width: 20px;
  height: 20px;
}

#footer_container a.googleplus:hover {
  background: transparent url('/media/img/wnyc/wnyc_sprite.png') no-repeat scroll -154px -125px;
}

#footer_container a.tunein {
  background: transparent url('/media/img/wnyc/wnyc_sprite.png') no-repeat scroll -178px -125px;
  width: 20px;
  height: 20px;
}

#footer_container a.tunein:hover {
  background: transparent url('/media/img/wnyc/wnyc_sprite.png') no-repeat scroll -206px -125px;
}

#footer_container .footer_copyright {
  font-size: .95em;
  line-height: 2.2em;
  color: #bfbfbf;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 82%;
}

#footer_container .footer_copyright .nypr_lockup ul li{
  background: transparent url('/media/img/wnyc/wnyc_sprite.png') no-repeat scroll;
  width: 80px;
}

#footer_container .footer_copyright .nypr_lockup ul li.nypr {
  background-position: 0 -240px;
}

#footer_container .footer_copyright .nypr_lockup ul li.wnyc {
  background-position: -95px -240px;
}

#footer_container .footer_copyright .nypr_lockup ul li.wqxr {
  background-position: -185px -240px;
}

#footer_container .footer_copyright .nypr_lockup ul li.njpr {
  background-position: -280px -240px;
}

#footer_container .footer_copyright .nypr_lockup ul li.greene-space {
  background-position: -375px -240px;
}


#footer_container .footer_copyright .sponsor img {
  top: -3px;
  position: relative;
  left: 5px;
}

#footer_container .footer_copyright .nypr_copyright {
  margin-right: auto;
  margin-left: auto;
  width: inherit;
}

#footer_container .footer_copyright .nypr_copyright li {
  float: none;
  display: inline-block;
}

#footer_container .footer_copyright .nypr_lockup ul li a {
  display: block;
  text-indent: -9999px;
  height: 80px;
  width: 79px;
}

#footer_container .footer_copyright .nypr_link {
  text-decoration: underline;
  display: inline;
}

#footer_container .footer_copyright ul li {
  padding: 0px 1em 0px 0px;
}

#footer_container .footer_copyright a {
  color: #bfbfbf;
}

#footer_container .border.top {
  border: none;
  height: 1px;
  background-color: black;
  margin: 0px;
}

#footer_container .border.bottom {
  border: none;
  height: 1px;
  background-color: #393939;
  margin: 0px 0px 15px 0px;
}

/* An IE7-only container element */
#stream_launch_widget_container {
  display: block;
  height: 50px;
  width: 100%;
}

#stream_launch_widget {
  font-family: 'Gotham SSm A', 'Gotham SSm B', 'Lato', arial, sans-serif;
  margin: 20px auto 5px;
  background-color: #292929;
  color: #fff;
  height: 50px;
}

#stream_launch_widget a {
  color: #fff;
}

#stream_launch_widget .icon {
  background: url(/media/img/icons/player-sprite-map.png) no-repeat 0 0;
}

#stream_launch_widget .status-message {
  display: none;
  line-height: 50px;
  color: white;
  margin: 0;
  padding: 0 0 0 20px;
  float: left;
}

#stream_launch_widget.loading .status-message,
#stream_launch_widget.error .status-message
{
  display: block;
}

.menu {
  position: absolute;
  /* z-index higher than our is-staff edit links */
  z-index: 1005;
  display: none;
  width: 100%;
  /* Enforce GPU rendering of menus so that
     fonts don't keep changing thickness as the
     renderer switches between GPU and software
     during menu transitions
  */
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.menu li a,
#station_dropdown li {
  display: block;
  cursor: pointer;
  padding: 10px 0;
  background-color: #3c3c3c;
  border-bottom: 1px solid #2C2C2C;
  border-top: 1px solid #494949;
}

.menu li a:hover,
#station_dropdown li:hover {
  text-decoration: none;
  background-color: #e11837;
  border-top: 1px solid #e11837;
  border-bottom: 1px solid #e11837;
}

#stream_launch_widget .head {
  width: 100%;
  height: 38px;
  padding: 6px 0;
}

#stream_launch_widget .head h4 {
  font-size: .8em;
  color: #999;
}

#popup-btn {
  position: relative;
  float: left;
  width: 11%;
  height: 100%;
  background-color: #e11837;
  font-size: 1.2em;
  text-indent: 40px;
  line-height: 53px;
  cursor: pointer;
  border: 0;
  color: white;
  text-align: left;
  padding: 0;
  display: block;
}

#popup-btn:hover {
  background-image: linear-gradient(top, #E32F4A 25%, #CB1631 85%);
  background-image: -o-linear-gradient(top, #E32F4A 25%, #CB1631 85%);
  background-image: -moz-linear-gradient(top, #E32F4A 25%, #CB1631 85%);
  background-image: -webkit-linear-gradient(top, #E32F4A 25%, #CB1631 85%);
  background-image: -ms-linear-gradient(top, #E32F4A 25%, #CB1631 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E32F4A', endColorstr='#CB1631');
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.25, #E32F4A),
    color-stop(0.85, #CB1631)
  );
}

.loading #popup-btn {
  cursor: default;
}

.loading #popup-btn:hover {
  background: #e11837;
}

.error #popup-btn {
  background: #b46516;
}

#popup-btn .icon {
  width: 11px;
  height: 13px;
  background-position: 0 -106px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 19px;
}

.loading #popup-btn .icon {
  display: none;
}

.loading .popup-btn-label {
  display: none;
}

#stream_launch_widget #stations_wrapper {
  position: relative;
  width: 115px;
  float: left;
  text-transform: uppercase;
  text-align: center;
}

#stream_launch_widget.loading #stations_wrapper {
  display: none;
}

#stations_wrapper .head {
  cursor: pointer;
}

#stations_wrapper .head:hover,
#stations_wrapper .head.active {
  background-color: #3c3c3c;
}

#stations_wrapper .head .icon {
  position: absolute;
  background-position: -108px -110px;
  width: 8px;
  height: 7px;
  top: 11px;
  left: 17px;
  overflow: hidden;

}

#stations_wrapper .current {
  height: 20px;
  overflow: hidden;
  font-size: 11px;
}

#station_dropdown {
  width: 780px;
  left: 0;
}

#station_dropdown li {
  float: left;
  clear: both;
  width: 100%;
  padding: 0;
}

#stream_launch_widget .show {
  position: relative;
  width: 65%;
  float: left;
}

#stream_launch_widget.loading .show {
  display: none;
}

#stream_launch_widget .show .image {
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 10px 0 0;
  float: left;
}

#stream_launch_widget .show .image img {
  width: 100%;
  height: 100%;
  border: 0;
}


#stream_launch_widget .show .head {
  width: 606px;
}

#stream_launch_widget .show .head h4 {
  height: 17px;
  font-size: 0.9em;
  left: 5px;
  position: relative;
}

#stream_launch_widget .show .head h4 a {
  color: #ddd;
}

#stream_launch_widget .show.item-title-unavailable .head h4 {
  line-height: 38px;
  font-size: 15px;
  left: 5px;
  position: relative;
}

#stream_launch_widget .show.item-title-unavailable .head h4 a {
  color: white;
}

/* When a title link doesn't have an HREF attribute, don't underline
   it on hover */
#stream_launch_widget .show .head a:hover {
  text-decoration: none;
}
#stream_launch_widget .show .head a[href]:hover {
  text-decoration: underline;
}


#stream_launch_widget .show .item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.2em;
  line-height: 1.3em;
}

.show.item-title-unavailable .item-title {
  display: none;
}

#stream_launch_widget .image.hide {
  visibility: hidden;
}


/* Utility Menus */

#stream_launch_widget .util {
  position: relative;
  width: 95px;
  height: 100%;
  background: #3c3c3c;
  float: right;
  border-left: 1px solid #4a4a4a;
  color: #9a9a9a;
  text-transform: uppercase;
  font-size: 0.8em;
  text-indent: 27px;
  line-height: 25px;
}

#stream_launch_widget.loading .util {
  display: none;
}

#stream_launch_widget .util div {
  cursor: pointer;
  position: relative;
}

#stream_launch_widget .util > div:hover {
  background: #292929;
}

#stream_launch_widget .util div .icon {
  position: absolute;
  top: 0;
  left: 8px;
  width: 14px;
  height: 12px;
}

#stream_launch_widget .util > ul {
  position: absolute;
  right: 0;
  width: 290px;
  background: #3c3c3c;
  text-transform: none;
}


/* Schedule Menu */

#stream_launch_widget .util .schedule {
  height: 24px;
  border-bottom: 1px solid #4a4a4a;
}

#stream_launch_widget .util .schedule a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#stream_launch_widget .util .schedule .icon {
  top: 5px;
  height: 14px;
  background-position: -41px -105px;
}

#stream_launch_widget .schedule-menu {
  display: none;
  top: 24px;
}

.schedule-menu li a {
  width: 275px;
}

.schedule-menu li .time {
  display: block;
  float: left;
  width: 70px;
}

.schedule-menu li .show-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}

#stream_launch_widget .full-schedule a {
  color: #999;
}

#stream_launch_widget .full-schedule a:hover {
  color: white;
}


/* Options Menu */

#stream_launch_widget .util .options {
  height: 25px;
}

#stream_launch_widget .util .options .icon {
  top: 6px;
  background-position: -66px -106px;
}

#stream_launch_widget .audio-option-format {
  color: #ddd;
}

#stream_launch_widget .util ul {
  text-indent: 0;
  display: none;
}

.util li a {
  padding-left: 15px;
  font-size: 1.2em;
}

#stream_launch_widget li.audio-help a {
  position: relative;
  text-indent: 24px;
  color: #999;
}

#stream_launch_widget li.audio-help a:hover {
  color: white;
}

#stream_launch_widget .audio-help .icon {
  position: absolute;
  top: 14px;
  left: 15px;
  background-position: -87px -106px;
  width: 14px;
  height: 14px;
  overflow: hidden;
}

#stream_launch_widget .audio-help a:hover .icon {
  background-position: -87px -136px;
}


/* Entry in the station dropdown */

.station-entry {
  text-align: left;
  color: white;
  border-collapse: separate;
  height: 52px;
}

.station-entry .stream-name {
  width: 115px;
  height: 52px;
  text-align: center;
  padding: 0;
  float: left;
  display: table;
  font-size: 11px;
}

.station-entry .stream-name .inner {
  display: table-cell;
  vertical-align: middle;
}

.station-entry .playing-info {
  height: 52px;
  text-transform: none;
  text-align: left;
  float: left;
}

.station-entry .image {
  width: 50px;
  height: 50px;
  margin: 1px 10px 0 0;
  float: left;
}

.station-entry .image img {
  width: 100%;
  height: 100%;
}

.station-entry .show-title {
  color: #aaaaaa;
  font-size: 0.9em;
  padding-top: 0.7em;
  height: 17px;
  float: left;
}

.station-entry .item-title {
  width: 605px;
  padding-bottom: 0.7em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
  float: left;
  clear: left;
}

li:hover .station-entry .stream-name {
  border-right-color: #e11837;
}

li:hover .station-entry .playing-info {
  border-left-color: #e11837;
}

li:hover .station-entry .show-title,
li:hover .station-entry .item-title
{
  color: white;
}

#stream_launch_widget .image {
  background: url(/media/img/icons/player-sprite-map.png) no-repeat 9999px 9999px;
}

#stream_launch_widget .wnyc-fm939 .image,
#stream_launch_widget .wnyc-am820 .image,
#stream_launch_widget .special-events-stream .image
{
  background-position: 0px -159px;
}

#stream_launch_widget .wqxr .image {
  background-position: -50px -159px;
}

#stream_launch_widget .q2 .image {
  background-position: -100px -159px;
}

#stream_launch_widget .wqxr-special .image {
  background-position: -150px -159px;
}

#stream_launch_widget .njpr .image {
  background-position: -200px -159px;
}

#stream_launch_widget .takeaway .image {
  background-position: -250px -159px;
}