/*============================================================================================================*/
/*
	@client Chrysler
	@author Sapient
	@description Styling for the Crossbrand Video Player
*/
/*============================================================================================================*/

/*--------------------------------------------------------------------*/
/* BASE STYLING */
/*--------------------------------------------------------------------*/

/*--------------------------*/
/* PLAYLIST STYLING */
/*--------------------------*/
.chrysler-video-playlist { 
	margin:0px; 
	padding:0px; 
}

.chrysler-video-playlist li { 
	background:#000;
	border: 2px solid;
	color:#FFF;
	cursor:pointer; 
    display: inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0 11px; 
	padding:5px 5px 0;
	position:relative;
}

.chrysler-video-playlist .poster {
    width: 120px;
}

.chrysler-video-playlist .play-btn {
	position:absolute;
	left:40%;
	top:40%;
}

.chrysler-video-playlist .active .play-btn { 
	visibility:hidden; 
}

.chrysler-video-playlist .caption {
	left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

/*--------------------------*/
/* VIDEO ENDCARD STYLING */
/*--------------------------*/
.chrysler-video-endcard {
	background: #000000;
	display:none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.chrysler-video-endcard > div {
    float: left;
    text-align: center;
    width: 50%;
}

.chrysler-video-endcard > div a {
	color:#FFF;
	display:block;
	margin:20px;
}
/*--------------------------------------------------------------------*/


/*--------------------------------------------------------------------*/
/* MEDIA ELEMENT OVERRIDE STYLING */
/*--------------------------------------------------------------------*/

.me-plugin {
	position: relative;
}
/*--------------------------------------------------------------------*/