/*
    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   : global.css
    Description: global styles and layout for radioplayer
*/


/**
 * WARNING - The entire console inherits from these values.
 * It is strongly recommended to not make changes to the following styling.
 */
 
body {
	font-family: Arial, sans-serif;
	font-size:62.5%;
	line-height:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:hidden;
}

a {text-decoration:none;padding:0;}
a:hover {padding:0;}
a:focus {outline: none;}

audio { width: 380px; }

p {
	margin:0;
	padding:0;
	font-size:1.1em;
	line-height:120%;
	color:#666;
}

.radioplayer {
    width: 380px;
    height: 665px;
    margin:0 auto;
    position:relative;
}

.radioplayer-head {
    padding-bottom:5px;
}

.radioplayer-head .logo {
    
    padding:10px 10px 5px 10px;
	display:inline-block;
}

.radioplayer-head .station-logo {
    float:left;
	width:180px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.radioplayer-head .radioplayer-logo {
 
}

.radioplayer-body {
    padding:5px 10px 10px 10px;
}

.radioplayer-plugin {
    height:517px;
}

.radioplayer-head .emp-container {
    clear:both;
    height:43px;
}

.radioplayer-head .real-emp-container {
    margin-left:9px;
}

.radioplayer-head .components ul {
    margin:0;
    padding:0 0 0 50px;
    width:153px;
    float:left;
	color:#000;
}

.radioplayer-head .components ul li {
    display:block;
	float:left;
	text-align:center;
}

.radioplayer-head .components ul li.first {
	width:63px;
}

.radioplayer-head .components ul li.last {
	width:90px;
}

.radioplayer-head .components ul li a {
    text-transform:uppercase;
    display:block;	
    cursor:pointer;
	padding:7px 0 5px 0;
	height:13px;
	text-indent:-9999px;
}

.radioplayer-head .components input#search-input {
	font-family: Arial, sans-serif;
	font-size:1.2em;
	height:24px;
	line-height:24px;	
	width:131px;
	float:left;
	padding:0 0 0 5px;
	margin-left:10px;
	border:none;
	color: #848282;
	background: transparent url(../img/search-bg.png) 0 0 repeat-x;
}

.radioplayer-head .components #search-button {
	width:22px;
	height:24px;
	display:block;
	float:left;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	outline:none;
	background: transparent url(../img/search-button-bg.png) 0 0 no-repeat;
}

/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {   
	border : 0px;
} 
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus {     
	outline : none; 
}

input[type="text"]:focus {
	outline:none;
}

button:focus, a:focus {
	outline:none;
}

/****** OVERLAY ******/
#overlay-container {
	position:absolute;
	top:135px;
	left:0;	
	height:0;
	width:360px;
	padding: 3px 10px 10px;
	overflow:hidden;
	z-index:900;
}

.overlay {		
	width:360px;
}

.overlay-controls {
	height:30px;
	width:360px;
	text-align:right;
	background: transparent url(../img/playing-controls-bg.png) 0 0 repeat;
}

.overlay-controls .close {
	padding:8px 5px 0 0;
}

.overlay-controls .close a {
	padding-right:18px;
	cursor:pointer;
	padding-bottom: 2px;
	background: transparent url(../img/icon-close-btn.png) 100% 0 no-repeat;
}

.overlay-controls .close a:hover {
	text-decoration:underline;
}

.overlay-item {
	position:relative;
	padding:9px 8px;
	min-height:60px;
	overflow:auto;
}

.overlay-item-img {
	width:128px;
	height:81px;
	float:left;
	margin-right:8px;
}

.overlay-item-data {
	float:left;
	width:190px;
	margin:0 0 0 0;
}

.overlay-item img {
	float:left;
	margin:1px 15px 0 4px;
}

.overlay-item .title {
	font-size:140%;
	padding-bottom:4px;
	line-height:110%;
	color:#000;
	/*font-weight:600;*/
}



.overlay-item .description {
	font-size:110%;
	
	color:#666;
}

.overlay-item .subtitle {
	font-size:1.2em;
	padding-bottom:2px;	
}

.overlay-shadow { height:41px; background:url(../img/overlay-shadow.png) 0 0 repeat-x; }

/****** IFRAMES ******/
iframe.crossdomain-iframe  {
	height:1px;
	width:1px;
	position:absolute;
	top:0;
	left:-2000px;
	visibility:hidden;
}

/****** GENERAL ******/
.bold {
	font-weight:bold;
}

.access {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/****** GENERAL ******/
.bold {
	font-weight:bold;
}

input[type="text"], input[type="password"] {padding: 0;}

#homepageSlider {position:absolute;left:30px;bottom:-30px;}
#homepageSlides {width:320px;height:267px;/*margin:0 auto;*/}

#flash {padding:20px;}
#tabContainer {border-bottom:3px solid #C39; height:17px;}
#tabContainer ul {}
#tabContainer ul li {color:#FFF;background:#333333;float:left;font-size:110%;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-top-left-radius: 3px;}
#tabContainer ul li a {color:#FFF;padding: 5px 6px 3px;text-transform: uppercase;display:block;}
#tabContainer ul li a:hover {color:#000;padding: 5px 6px 3px;text-transform: uppercase;display:block;background:#FFFF33;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-top-left-radius: 3px;}
#tabContainer ul li.active {background:#C39;}
#tabContainer ul li.active a {background:#C39;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-top-left-radius: 3px;}
#tabContainer ul li.active a:hover {color:#FFF;background:#C39;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;-webkit-border-top-left-radius: 3px;}

#ListenLive {padding:17px 0 0 0;height:155px;position:relative;}
#ListenLive #imgTrack {float:Left;margin:0 12px 0 0;}
#ListenLive #liveContent {float:Left;margin:0px 0 0 0;width:255px; height:65px;}
#ListenLive #liveContent .current-track {display:none;}
#ListenLive #liveContent h2.current-track-artist {color:#FFF;font-size:150%;padding:0 0 10px 0;text-transform: capitalize;line-height:110%;font-weight:bold;}
#ListenLive #liveContent h3.current-track-title {color:#FFF;font-size:120%;text-transform:capitalize;line-height:110%}
#ListenLive #liveContent #itunesLink {text-indent:-9999px;display:block;background: #FFF url(../img/MoS/MoSRadio_iTunes.gif) no-repeat;width:63px;height:23px;margin:20px 0 0 0;}
#ListenLive #liveContent #itunesLink:hover {text-indent:-9999px;display:block;background: #FFF url(../img/MoS/MoSRadio_iTunes_hover.gif) no-repeat;width:63px;height:23px;}
a.contactStudio {position:absolute;right:0;bottom:0;color:#000;padding:6px 5px;background:#FFFF33;font-size:120%;}
a.contactStudio:hover {color:#000;padding:6px 5px;background:#CCCC33;font-size:120%;/*border:1px solid #FFFF33;*/}

.twitter-follow-button {position: absolute; left: 0; bottom: 0;}

/*
a {}
a:hover {background:#FFFF33;color:#000;padding:2px 2px 1px 2px;}
a:focus {outline: none;}
*/
p span{ color:#fff;}
#ListenAgain {overflow-y:scroll;height:435px;padding:10px 0;font-size:100%;line-height:200%;}
#ListenAgain b {font-size:140%;color:#FFF;margin:0 0 0 20px;}
#ListenAgain p {}
#ListenAgain p a {font-size:130%;color:#FFF;font-weight:600;line-height:150%;background: url(../img/MoS/playBtn_Large.png) left 1px no-repeat;padding: 0 0 0 20px;}
#ListenAgain p a:hover {background: url(../img/MoS/playBtn_Large_hover.png) left 1px no-repeat;color:#FFFF33;}
#ListenAgain li {font-size:120%;margin:0 0 0 30px;}
#ListenAgain li a {padding:0 0 0 17px;background: url(../img/MoS/playBtn_Small.png) left 2px no-repeat;}
#ListenAgain li a:hover {padding:0 0 0 17px;background: url(../img/MoS/playBtn_Small_hover.png) left 2px no-repeat;color:#CCCC33;}

ul#ListenAgainGenre {border-bottom:1px dotted #666;padding:0 0 5px 0;margin:0 0 5px 0;}
ul#ListenAgainGenre li {float:left;padding:0 10px 0 0;}
ul#ListenAgainGenre li {font-size:120%;margin:0 0 0 0;font-weight:bold;}
ul#ListenAgainGenre li a {padding:0 0 0 0;background: none;}
ul#ListenAgainGenre li a:hover {padding:0 0 0 0;background: none;color:#CCCC33;}