/*
 *  jquery.mb.components
 *  File: YTPlayer.css
 *	Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi);
 *  Open lab srl, Firenze - Italy
 *  Email: matteo@open-lab.com
 *  Site: 	http://pupunzi.com
 *	Licences: MIT, GPL
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 *	Last modified: 30/03/14 22.50
 */

/*
* jQuery.mb.components: mb.YTVPlayer
* © 2001 - 2012 Matteo Bicocchi (pupunzi), Open Lab
*
*/

	body{
		border:none;
		margin:0;
		padding:0;
		background: #222
		}

	.mb_YTVPlayer :focus {
		outline: 0;
		}


	.mb_YTVPlayer{
		display:block;
		transform:translateZ(0);
		transform-style: preserve-3d;
		perspective: 1000px;
		backface-visibility: hidden;
		transform:translate3d(0,0,0);
		animation-timing-function: linear;
		}

	.fullscreen{
		display:block!important;
		position: fixed!important;
		width: 100%!important;
		height: 100%!important;
		top: 0!important;
		left: 0!important;
		margin: 0!important;
		border: none !important;
		z-index: 10000;
		}

	.mb_YTVPlayer.fullscreen .mbYTP_wrapper{
		opacity:1 !important;
		}

	.mbYTP_wrapper iframe{
		max-width: 4000px !important;
		}

	.inline_YTPlayer{
		margin-bottom: 20px;
		vertical-align:top;
		position:relative;
		left:0;
		overflow: hidden;
		border-radius: 4px;
		-moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
		box-shadow: 0 0 5px rgba(0,0,0,.7);
		background: rgba(0,0,0,.5);
		}

	.inline_YTPlayer img{
		border: none!important;
		-moz-transform: none!important;
		-webkit-transform: none!important;
		-o-transform: none!important;
		transform: none!important;
		margin:0!important;
		padding:0!important
		}

/*CONTROL BAR*/

	.mb_YTVPBar .ytpicon{
		font-size: 24px;
		font-family: 'ytpregular';
		line-height: 1;
		}

	.mb_YTVPBar .mb_YTVPUrl.ytpicon{
		font-size: 24px;
		}

	.mb_YTVPBar{
		transition: opacity 1s;
		-moz-transition: opacity 1s;
		-webkit-transition: opacity 1s;
		-o-transition: opacity 1s;
		display:block;
		width:100%;
		height:10px;
		padding:5px;
		position:fixed;
		bottom:0;
		left:0;
		-moz-box-sizing:padding-box;
		-webkit-box-sizing:border-box;
		text-align:center;
		z-index: 1000;
		font: 14px/16px sans-serif;
		color:#fff;
		opacity:1;
		}

	.mb_YTVPBar.visible, .mb_YTVPBar:hover{
		opacity:1; 
		}

	.mb_YTVPBar .buttonBar{
		transition: all 1s;
		-moz-transition: all 1s;
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		background:transparent;
		font:12px/14px Calibri;
		position:absolute;
		bottom: 30px;
		left:0;
		padding: 5px;
		width:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		}

	.mb_YTVPBar span{
		display:inline-block;
		font:16px/20px Calibri, sans-serif;
		position:relative;
		width: 30px;
		height: 25px;
		vertical-align: middle;
		}
		
	.mb_YTVPBar span.mb_YTVPTime{
		width: 130px; 
		display: none;
		}

	.mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT {
		position: absolute;
		width: auto;
		display:block;
		top:6px;
		right:10px;
		cursor: pointer; 
		display: none;
		}
		
	.mb_YTVPBar span.mb_YTVPUrl img{
		width: 60px;
		}

	.mb_YTVPBar span.mb_OnlyYT {
		left:185px;
		right: auto;
		}
	.mb_YTVPBar span.mb_OnlyYT img{
		width: 25px;
		}

	.mb_YTVPBar span.mb_YTVPUrl a{
		color:white;
		}

	.mb_YTVPPlaypause{
		cursor:pointer; 
		opacity: 0.5;
		}

	.mb_YTVPPlaypause:hover{
		cursor:pointer; 
		opacity: 1;
		}

	.mb_YTVPMuteUnmute{
		cursor:pointer; 
		opacity: 0.5;
		}

	.mb_YTVPMuteUnmute:hover{
		cursor:pointer; 
		opacity: 1;
		}

/*PROGRESS BAR*/

	.mb_YTVPProgress{
		height:1px;
		width:100%;
		background:rgba(0,0,0,0.5);
		bottom:0;
		left:0;
		}

	.mb_YTVPLoaded{
		height:1px;
		width:0;
		background:transparent;
		left:0;
		}

	.mb_YTVTime{
		height:1px;
		width:0;
		background:rgba(255,255,255,0.9);
		bottom:0;
		left:0;
		}

/* 	FONT FACE
================================================== */
	@font-face {
		font-family: 'ytpregular';
			src: url('../fonts/ytp-regular.eot');
			src: url('../fonts/ytp-regular.eot?iefix') format('eot'),
				url('../fonts/ytp-regular.woff') format('woff'),
				url('../fonts/ytp-regular.ttf') format('truetype'),
				url('../fonts/ytp-regular.svg#ytpregular') format('svg');
		font-weight: normal;
		}