/*
	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: #d1f0fe;
	color: #666666;
	position: relative;	
	clear: both !important;
	}

/* TITLE */
.me-selector P.title {		
	font-size: 1.4em;						
	line-height: 1.6em;
	margin: 0px 10px;
	padding-top:3px;
	padding-bottom:1px;
	}
	
* 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: #A6C1FF;
	color: #1819DB;
	font-size: 0.8em;
	line-height: 1em;
	padding: 3px 5px;
	}

.me-selector UL.pagination LI.selected A {
	background-color: #1819DB;
	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:#1819DB;
	}
	
.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: #D1F0FE;
	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: #1819db;	
	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=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	height:74px;
	}

/* 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/a9507564d2a5a38210e30cf48e1d5ecef533bab9.gif) no-repeat scroll 0px 0px;
	}

.me-selector UL.items LI.audio DIV.cta .icon {											
	background:transparent url(/staticarchive/8d21bd3519def830e566afe9fba84b3df7c889e4.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;
	}