/*
    All intellectual property rights in this Software throughout the world belong to UK Radioplayer, 
    rights in the Software are licensed (not sold) to subscriber stations, and subscriber stations 
    have no rights in, or to, the Software other than the right to use it in accordance with the 
    Terms and Conditions at www.radioplayer.co.uk/terms. You shall not produce any derivate works 
    based on whole or part of the Software, including the source code, for any other purpose other 
    than for usage associated with connecting to the UK Radioplayer Service in accordance with these 
    Terms and Conditions, and you shall not convey nor sublicense the Software, including the source 
    code, for any other purpose or to any third party, without the prior written consent of UK Radioplayer.

    Document   : theme.css
    Description: Theme-specific styling for Radioplayer.
				
*/

/**
 * The console background
 */
.radioplayer { background: #000066; }

/**
 * Your station logo
 */
.radioplayer-head .station-logo { background-image:url(../img/station-logo.png); }

/**
 * The sprite image used for the player controls
 */
.control-image, .control-image:active, .control-image:focus {
	background-image:url(controls-spritesheet.png);
}

/**
 * The player duration / Loading text
 */
#duration { color:#ffffff; }

/**
 * Colour of the playback bar
 */
#progress-scrubber-playback-bar {
	background-color:#ffffff;
	opacity:0.8;
	filter:alpha(opacity=80.0); /* For IE8 and earlier */
} 

/**
 * Colour of the load bar
 */
#progress-scrubber-load-bar {
background-color:#ffffff;
	opacity:0.2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
} 

/**
 * Plugin space
 */
.radioplayer-plugin { background-color:#ffffff; }

/**
 * Playing overlay image fallback
 */
.overlay-item-img { background: transparent url(../img/img-bg.png) 0 0 no-repeat; }

/**
 * Overlay title - used for programme title in Playing and result title in Search results
 */
.overlay-item .title { color:#cd1571; }

/**
 * Overlay subtitle - used in Search results
 */
.overlay-item .subtitle { color:#000; }

/**
 *
 * If your console has a dark background, then uncomment the DARK section below, and comment out the LIGHT section
 * Generally there shouldn't be anything that needs changing in these sections
 *
 */

/** DARK **/

.radioplayer-head .radioplayer-logo { background: transparent url(../img/logo-radioplayer.png) top right no-repeat; }
.radioplayer-head .components ul li a {	background:transparent url(../img/button-sprite.png) no-repeat 0 0; }
.radioplayer-head .components ul li.last a { background-position:-63px 0; }
.radioplayer-head .components ul li a:hover{ text-decoration: none; background-position:0 -25px; }
.radioplayer-head .components ul li a.selected { text-decoration: none;	background-position:0 -50px; }
.radioplayer-head .components ul li.last a:hover { text-decoration: none; background-position: -63px -25px; }
.radioplayer-head .components ul li.last a.selected { text-decoration: none; background-position: -63px -50px; }



/**
 *
 * If your console has a light background, then comment out the DARK section above, and uncomment the LIGHT section below
 *
 */

/** LIGHT **/
/*
.radioplayer-head .radioplayer-logo { background: transparent url(../img/logo-radioplayer.png) right -22px no-repeat; }
.radioplayer-head .components ul li a {	background:transparent url(../img/button-sprite.png) no-repeat 0 -75px; }
.radioplayer-head .components ul li.last a { background-position:-63px -75px; }
.radioplayer-head .components ul li a:hover{ text-decoration: none;	background-position:0 -100px; }
.radioplayer-head .components ul li a.selected { text-decoration: none;	background-position:0 -125px; }
.radioplayer-head .components ul li.last a:hover { text-decoration: none; background-position: -63px -100px; }
.radioplayer-head .components ul li.last a.selected { text-decoration: none; background-position: -63px -125px; }
*/