/*
    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;
}

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:25px;
}

.radioplayer-head .logo {
    height:50px;
    width:54px;
    margin:10px 10px 5px 10px;
	display:block;
}

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

.radioplayer-head .radioplayer-logo {
    float:right;
	height:22px;
}

.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:10px 12px;
	min-height:60px;
	overflow:auto;
}

.overlay-item-img {
	width:95px;
	height:56px;
	float:left;
	margin-right:15px;
}

.overlay-item-data {
	float:left;
	width:225px;
}

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

.overlay-item .title {
	font-size:1.5em;
	padding-bottom:4px;
	line-height:110%;
}

.overlay-item .subtitle {
	font-size:1.1em;
	font-weight:bold;
	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;
}