/*
	Styling for BBC Wales MediaExplorer .me-selector
	Contains two lists UL.pagination and UL.items
	Each UL>LI element may have a .selected and .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;
}
	
* 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: 0px;
}
	
* html .me-selector UL.pagination {
	margin:0 12px 15px 0;
}

.me-selector UL.pagination LI {
	list-style-type: none;
	display: inline;	
}
	
.me-selector UL.pagination LI.prev a, .me-selector UL.pagination LI.prev a:hover {
	list-style-type: none;
	display: inline;
	background:transparent;	
}

.me-selector UL.pagination LI A {
	background-color: #D3D4C2;
	color: #B4202D;
	font-size: 0.8em;
	line-height: 1em;
	padding: 3px 5px;
}

.me-selector UL.pagination LI.selected A {
	background-color: #393E30;
	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:#990003;
}
	
.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: 76px;
}

.me-selector UL.items LI.selected DIV.image IMG {
	padding: 3px 3px 0px 3px;
	width: 140px;
	height: 73px;
}

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

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

/* 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/d9ba3fe28d427b0cb4b8ac5749850619ecb4fb77.png) 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;
}