/*
    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   : search.css
    Description: specific styling for the search results
*/

#search { 
	display:none;
	overflow:hidden;
}

#search .overlay-controls { 
	text-align:left; 
}

.overlay-controls span.search-parameter { 
	color:#000; 
	font-weight:bold; 
}

.overlay-controls span.no-of-results { 
	color:#000;
	font-weight:bold; 
}

.overlay-controls span#loader {
	display:block;
	float:left;
	margin-top:7px;
	width:16px;
	height:16px;
}

.overlay-controls span.loading {
	background: transparent url(../img/spinner.gif) 0 0 repeat; 
}

#search .overlay-controls .close {
	padding:8px 5px 0 0;
	float:right;
}

#search .overlay-controls .result-parameters {
	padding:8px 5px 0 5px;
	float:left;
}

#search .overlay-item { 
	padding:10px;
	border-bottom:1px solid #e6e5e5;
}

#search .overlay-item.hide { 
	display:none;
}

#search .overlay-item.expanded { 
	background-color:#fff;
	box-shadow: 0 0 7px #ccc;
	border-bottom-color:#bbb;
}
#search .overlay-item.prevExpanded {
	border-bottom-color:#bbb;	
}
#search .overlay-item.hover.expanded {
	background-color:#fff;
}

#search .overlay-item a.overlay-item-link {
	text-decoration:none;
	color:#000;
	cursor:pointer;
}

#search .overlay-item a:hover.overlay-item-link {
	text-decoration:underline;
}

#search .overlay-item a.overlay-item-link img {
	border:none;
}

#search .overlay-item a:hover.overlay-item-link .overlay-item-img {
	background-position:0 -56px;
}

#search .overlay-item-data  {
	width:210px;
}

#search .overlay-item-initial { overflow:hidden; position:relative; }

#search .overlay-item-extra-cont {
	display:none;
	padding-bottom:6px;
}

#search .overlay-item-extra {
	clear:both;
	margin-top:8px;
	border-top:1px solid #E6E5E5;
	padding-top:8px;
	padding-left:110px;
	overflow:hidden;
	position:relative;
}

#search .overlay-item-extra.hasImage {
	padding-left:0;	
}

#search .broadcast-info { 
	padding-top:8px;
}

#search .broadcast-info .status { 
	background-color:#393939;
	color:#fff;
	padding:0 2px; 
	text-transform:uppercase;
	font-size:0.9em;
}

#search .broadcast-info .broadcast-time { 
	font-style:italic; 
}

#search .overlay-item .broadcast-info.expanded { display:none; }
#search .overlay-item.expanded .broadcast-info.expanded { display:block; }
#search .overlay-item.expanded .broadcast-info.collapsed { display:none; }

.more-toggle {
	background:url(../img/search-more-toggle.png) 0 0 no-repeat;
	display:none;
	width:20px; height:20px;
	position:absolute;
	bottom:0;
	right:0;
	text-indent:-9999px;
	outline:none;
}
.overlay-item.add .more-toggle { right:64px; }
.overlay-item.added .more-toggle { right:75px; }
.overlay-item.full .more-toggle { right:61px; }
.hover .more-toggle {
	display:block;
}
.more-toggle:hover {
	background-position:0 -20px;
}
.expanded.hover .more-toggle {
	background-position:0 -40px; display:block;
}
.expanded.hover .more-toggle:hover {
	background-position:0 -60px; display:block;
}

/**
 *
 * Grouped stations
 *
 */
 
.station-group.collapsed .station-group-hidden {
	display:none;	
}

.station-group a.station-group-toggle {
	display:block;
	padding:5px 0 5px 24px;
	color:#666;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #666;
	background:url(../img/search-group-toggle.png) 7px -34px no-repeat;
	margin-top:8px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.station-group a.station-group-toggle:hover {
	background-position:7px -54px;
	background-color:#e1e1e1;
	color:#393939;
}
.station-group.collapsed a.station-group-toggle {
	background-position:7px 6px;
}
.station-group.collapsed a.station-group-toggle:hover {
	background-position:7px -14px;
}

#overlay-wrap { 
	background-color:#fff;
}

.play-icon {
	position:absolute;
	top:2px;
	left:4px;
	width:86px;
	height:48px;
	background: transparent url(../img/play-icon-overlay.png) 0 0 repeat; 
	display:none;
}

.hover .play-icon {
	display:block;
	cursor:pointer;
}


/****** SCROLLBAR ******/
#overlay-wrap {
	width:360px; 
	height:487px; 
}

#overlay-subwrap {
	width:360px; 
	height:487px; 
	overflow-x:hidden;
	overflow-y:scroll;
	float:left; 
	position:relative;
	scrollbar-face-color:white;
	scrollbar-highlight-color:white;
	scrollbar-3dlight-color:black;
	scrollbar-darkshadow-color:darkblue;
	scrollbar-shadow-color:gray;
	scrollbar-arrow-color:#8e8e8e;
	scrollbar-track-color:#8e8e8e;
}

#overlay-content {
	position:relative;
}

#overlay-subwrap .overlay-item {
	overflow-x:hidden;
	overflow-y:hidden;
}

/****** BUTTONS ******/
#more-button {
	padding:10px 0;
}
#more-button a { 
	background:url(../img/button-more-results.png) repeat 0 0 transparent;
	color:#000;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	height:29px;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	width:326px; 
	line-height:29px;
}
#more-button a:hover {
	text-decoration:underline;
}


/**
 *
 * Add / Already Added / Full
 *
 */
 
#search .add-station {
	display:none;
	position:absolute;
	right:0;
	bottom:0;
	border:none;
	height:20px;
	width:54px;
	background:transparent url(../img/add-button.png) 0 0 no-repeat;
	cursor:pointer;
}

#search .hover .add-station {
	display:block;
}

#search .add-station:hover, 
#search .add-station:focus {
	background-position: 0 -20px;
}

#search .add-station .add-button-content {
	visibility:hidden;
}

/* 'Added'  */
.overlay-item .add-off,
.overlay-item .already-added {
    background: transparent url(../img/added.png) 0 0 no-repeat;
    display:none;
    width:65px;
	height:20px;
	cursor:default;
	color:#666;
	text-indent:-2000px;
	font-size:1.2em;
	position:absolute;
	right:0;
	bottom:0;
}
.overlay-item .add-off {
	background: transparent url(../img/add-button.png) 0 -40px no-repeat;
}

/* 'Full'  */
.overlay-item .full {
    background: transparent url(../img/full.png) 0 0 no-repeat;
    display:none;
    width:51px;
	height:20px;
	cursor:default;
	color:#666;
	text-indent:-2000px;
	font-size:1.2em;
	position:absolute;
	right:0;
	bottom:0;
}

#overlay-content .hover .add-off,
#overlay-content .hover .already-added,
#overlay-content .hover .full {
	display:block;
}


/****** TIPBOXES ******/
#search-tipbox {
	left:-2000px;
	top:0;
	width:154px;
	position:absolute;
	z-index:950;
}

.tipbox-container {
	width:154px;
	padding:9px 0 0 0;
	background:transparent url(../img/tipbox-top-bg.png) 0 0 no-repeat;
}

.tipbox-inner {
	background:transparent url(../img/tipbox-bottom-bg.png) 0 100% no-repeat;
}

.tipbox-container p {
	color:#fff;
	padding:5px;
}

.tipbox-container .close {
	text-align:right;
	padding-bottom:5px;
	background:transparent url(../img/tipbox-divider-line.png) 0 0 repeat-x;
}

.tipbox-container .close a {
	padding-right:18px;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	display:block;
	background: transparent url(../img/tipbox-close-icon.png) 100% 0 no-repeat;
}

.tipbox-container .close a:hover {
	text-decoration:underline;
}
.q-sel {
    font-weight: bolder;
}

#search-blank-space-under-poweredBy {   
	height:2px;
}

/****** ERROR MESSAGES ******/
#noresults {
	background: #fff url(../img/noresults-bg.png) 0 0 no-repeat;
}

.error-container {
	height:360px;
	padding:110px 15px 0 15px;
}

.error-container p {
	color:#000;
	font-size:1.2em;
	line-height:160%;
}

.error-container a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

.error-container a:hover {
	text-decoration:underline;
}

.error-container .error-heading {
	font-size:1.6em;
	text-align:center;
}

.error-container .error-code {
	color:#F54997;
	font-size:1.8em;
	font-weight:bold;
	line-height:170%;
	padding-bottom:0px;
	text-align:center;
}

#error-description {
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}

#error-description p {	
	padding-bottom:5px;
}

#error-description .error-description-large {
	color:#666;
	font-size:1.4em;
}

.error-container .error-subhead {
	color:#F54997;
	font-weight:bold;
	font-size:1.4em;
}

.error-detail {
	font-size:1.2em;
}

.error-detail dl {
	padding:1em;
	margin-top:0px;
}

.error-detail dt {
	color:#F54997;
	font-weight:bold;
}

.error-detail dd {
	margin:0.5em 0 1em;
	line-height: 1.2em;
}