/*
	Styling for BBC Wales MediaExplorer .me-selector
	Contains two lists ul.paginationand ul.items
	Each ul>li element may havea .selectedand .hover state
*/
.me-selector {
	background-color: #EBEDDC;
	color: #686763;
	/*position: relative;	*/
	clear: both !important;
}

/* TITLE */
.me-selector p.title {		
	font-size: 2em;						
	line-height: 1.6em;
	margin: 0px 10px;
	padding-bottom:5px;
}
	
* html .me-selector p.title {
	padding-top:5px;
}

/* SUMMARY */
.me-selector p.summary {		
	font-size: 1.2em;		
	line-height: 1.2em;		
	margin: 0px;
	padding: 5px 10px 10px 10px;
	clear:both !important;
	overflow:auto;
}
	
/* pAGINATION */
.me-selector ul.pagination {
	/*position:absolute;*/
	/*top: 5px;*/
	/*right:10px;*/
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	background:#F5E0C9 none repeat scroll 0 0;
	text-align:right;
	border-top:1px dashed #ccc;
}


.me-selector ul.pagination li {
	list-style-type: none;
	display: inline;	
	margin:0 !important;

}
	
.me-selector ul.pagination li.preva, .me-selector ul.pagination li.preva:hover {
	list-style-type: none;
	display: inline;
	padding:2px ;
	background:#E3DDB9;

}

.me-selector ul.pagination li a {
	background-color: #E3DDB9 ;
	color: #A7671D;
	font-size: 0.9em;
	line-height: 1em;
	padding: 3px 5px;
}
.me-selector ul.pagination li a:hover {
	color:#5A5A5A;
}
.me-selector ul.pagination li.selected a {
	background-color: #C97839  !important;
	color: #FFF !important;
}
	
.me-selector ul.pagination li.hover a {
	color:#333333;
}
	
.me-selector ul.pagination li.next, .me-selector ul.pagination li.prev {
	position:relative;
	top:3px;
}
	
* html .me-selector ul.pagination li.prev {
	margin-right:3px;
}
	
.me-selector ul.pagination li.next a, .me-selector ul.pagination li.prev a {
	font-size:2em;
	background:transparent;
	color:#A7671D;
}
	
.me-selector ul.pagination li.next a:hover, .me-selector ul.pagination li.prev a:hover {
	font-size:2em;
	background:transparent;
	color:#333333;
}

/* ITEMS */
.me-selector ul.items{	
	background-color: #d5d5c3;
	overflow: hidden;			
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 2px;
	height:100%;
}

.me-selector ul.items li{
	list-style-type: none;
	display: inline; 
	position: relative;
	float: left;			
	/*overflow: hidden;*/
	width: 146px;
	/*height: 76px;*/		
	margin: 0px 2px 2px 0px;
}

.me-selector ul.items li.selected, .me-selector ul.items li.hover {
	background-color: #990003;	
	cursor: pointer;
}

.me-selector ul.items li div.image {
	overflow: hidden;
	height: 76px;
}

.me-selector ul.items li div.image img {
	width: 146px;
	height: 82px;
}

.me-selector ul.items li.selected div.image img {
	padding: 3px 3px 0px 3px;
	width: 140px;
	height: 73px;
}


.me-selector ul.items li.selected div.image a {
	

}

/* TITLE and CTA */
.me-selector ul.items li div.title, .me-selector ul.items li div.cta {				
	background-color: #000;						
	padding: 2px 5px;
	width: 136px;
}

.me-selector ul.items li.selected div.title, .me-selector ul.items li.selected div.cta {
	display: block;
	background-color: #333443;
	opacity: 1;
}

.me-selector ul.items li div.title a, .me-selector ul.items li div.cta a {				
	color: #FFF;					 			
	padding: 0;
	background:none;
}

/* TITLE */						
.me-selector ul.items li div.title {									
	display: none;
	position:absolute;
	left: 0px;
	top: 0px;
}

.me-selector ul.items li.selected div.title {
	display: none;
}

.me-selector ul.items li.hover div.title {
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	height:76px;
	
}
.me-selector ul.items li.selected.hover div.title {
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	height:72px;
	padding-left:5px;
	
}


/*.me-selector ul.items li.gallery.selected.hover {
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	height:70px;
}
*/

.me-selector ul.items li.gallery .cta .icon a{color:#fff;}
.me-selector ul.items li.gallery .cta .icon a:hover {color:#5a5a5a !important;}


.me-selector ul.items li.hover div.title  a {color:#fff;}

/* CTA */					
.me-selector ul.items li div.cta {
	background-color: #000;					
	position: relative;
}

.me-selector ul.items li.selected div.cta {
	background-color: transparent;					
}

.me-selector ul.items li.hover div.cta {

}
.me-selector ul.items li div.cta a {				
	margin: 0px 0px 0px 23px;
	padding: 0px 5px 0px 0px;
}

.me-selector ul.items li div.cta .icon {				
	position:absolute;
	top: 5px;
	left: 5px;
	width: 17px;
	height: 13px;
	overflow: hidden;						
	margin: 0px;
	padding: 0px;
}


.me-selector ul.items li.video div.cta .icon {											
	background:transparent url(/staticarchive/9dac23c705b13636ed8303dfff69a0d8394db23b.gif) no-repeat scroll 0px 0px;
}

.me-selector ul.items li.audio div.cta .icon {											
	background:transparent url(/staticarchive/2f6136c8a40219f18a76e10ac6c56ae5131fe4b0.gif) no-repeat scroll 0px 0px;
}

.me-selector ul.items li.image div.cta .icon {											
	background:transparent url(/staticarchive/ec1c780f8e4308afe9ea18b7a59fe89c585c8c09.gif) no-repeat scroll 0 -26px;
}

.me-selector ul.items li.gallery div.cta .icon {											
	background:transparent url(/staticarchive/ec1c780f8e4308afe9ea18b7a59fe89c585c8c09.gif) no-repeat scroll 0 -38px;
}