/** 
* Lab5 Mobile Videos
* 
* @author : Lab5 - Dennis Riegelsberger
* @authorUrl : https://lab5.ch
* @copyright : Copyright (C) 2012+  Lab5 - Dennis Riegelsberger. All rights reserved.
* @license : GNU/GPL General Public License version 2 or later
* @project : https://lab5.ch/lab5-mobile-videos
* @on JED : https://extensions.joomla.org/extensions/extension/multimedia/multimedia-players/lab5-mobile-videos/
* 
* Built with <3 
* Lab5
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 

.mod_lab5_mobile_videos .playlist_wrap {
	
	margin-top:10px;
	margin:10px auto 0 auto;			
}

	.mod_lab5_mobile_videos div.playlist {
		
			border:1px solid #ddd;
			position:relative;
			overflow:hidden;
			padding:5px 0;
			float:left;
	}
	
.L5MVm_entries {
	
	position:absolute;
	width:10000em;
}


.L5MVm_entries .page {
	width:580px;
	float:left;
}

.L5MVm_entries a,
.L5MVm_entries a:link,
.L5MVm_entries a:visited {
	background:transparent url(img/playlist/noimage.png) no-repeat scroll 0%;
	color:#fff;
	float:left;
	font-family:"bitstream vera sans","lucida grande","verdana";
	font-size:10px;
	line-height: 11px;
	margin:0px 3px 0px 4px;
	padding:10px;
	padding:0px;
	text-decoration:none;
	position:relative;
	display: block;
	box-sizing: border-box;
	height: 100%;
}

.L5MVm_entries a div.l5mv_thumbscreen div {
	background:#fff;
	background:#000;
	padding: 1px 3px;
	/*margin-right:10px;*/
	max-width:77%;
	position:absolute;
	top:5px;
	left:10px;
	opacity:0.66;
  filter: alpha(opacity=66);
}


.L5MVm_entries a:hover {

	color:#000;
}
.L5MVm_entries a:hover div.l5mv_thumbscreen div{
	color:#000;
	background:#fff;
}

.L5MVm_entries .playing {
	background-position:-280px 0;		
	color:#000;
}

.L5MVm_entries .paused {
	background-position:-420px 0;	
	color:#000;
}

.L5MVm_entries .progress {
	/*opacity:0.7;
  filter: alpha(opacity=7);*/
}

.L5MVm_entries em {	
	/*float:right;*/
	margin-top:15px;
	margin-top:10px;
	margin-top:20px;
	font-size:8px;
	line-height: 10px;
	color:#333;
	font-weight: bold;
	/*letter-spacing: -0.5px;*/
	font-style:normal;
	background:#fff;
	padding: 1px 3px;
	position:absolute;
	bottom:5px;
	right:5px;
	opacity:0.5;
  filter: alpha(opacity=50);
}



/****** BUTTONS ******/
		
		
		.mod_lab5_mobile_videos a.next, 
		.mod_lab5_mobile_videos a.prev {
			
			display:block;
			margin:30px 10px;
			margin:0px 0px;
			margin-right:2px;
			cursor:pointer;
			float:left;
		}
		.mod_lab5_mobile_videos a.next {
			margin:0px 0px;
			margin-left:2px;
		}
		.mod_lab5_mobile_videos a.prev div,
		.mod_lab5_mobile_videos a.next div {
			
			width:18px;
			background:url(img/playlist/arrow/left.png) no-repeat left center;
		}
		.mod_lab5_mobile_videos a.next div {
			background-image:url(img/playlist/arrow/right.png);	
		}
		.mod_lab5_mobile_videos a.next:hover, 
		.mod_lab5_mobile_videos a.prev:hover {
			/*background-position:0px -18px;*/
		}
		
		.mod_lab5_mobile_videos a.next.disabled, 
		.mod_lab5_mobile_videos a.prev.disabled {
			visibility:hidden;		
		}
		

	