/*
	*	brightwave colour and size adaptations to jplayer skin
 */

.video .overlay
{
	background-color: #000000;
	opacity: 0.3;
	width:100%;
	height: 100%;
	z-index: 100;
	top:  0px;
	position: absolute;
}

.jp-flat-video,
.jp-flat-audio 
{
	/* define your text color here */
	color: #ffffff;
	border: 1px solid #333333;
	overflow: hidden;
}
.jp-flat-video .jp-jplayer video 
{
	background-color:#000;
}

.jp-flat-video.jp-video-auto .jp-gui, 
.jp-flat-audio .jp-gui,
.jp-flat-audio 
{
	height: 34px;
    min-width: 150px;
}

.jp-flat-video.jp-video-auto .jp-control, 
.jp-flat-audio .jp-control 
{
	width: 34px;
	height: 34px;
}
/* 
.jp-flat-video .jp-control,
.jp-flat-audio .jp-control 
{
	background-color: #0079C8;
}
.jp-flat-video .jp-control.over,
.jp-flat-audio .jp-control.over 
{
	background-color: white;
}
 */
.jp-flat-video.jp-video-auto .jp-button,
.jp-flat-audio .jp-button 
{

	font-size: 20px;
	line-height: 34px;
}
.jp-flat-video .jp-button,
.jp-flat-audio .jp-button 
{
	/* define your pause/play and fullscreen/restore button icon color here */
	background-color: #0079C8;
	color: white;
	height: 100%;
	border: #0079C8 2px solid;
	box-sizing: border-box;
	width: 100%;
	display: table;
	position: absolute;
}
.jp-flat-video .jp-control .jp-button:hover, 
.jp-flat-audio .jp-control .jp-button:hover
{
	/* define your pause/play and fullscreen/restore button icon color here */
	background-color: white;
	color: #0079C8;
}
.jp-flat-video .jp-control .jp-button.jp-closed-captions-toggle,
.jp-flat-video .jp-control .jp-button.jp-closed-captions-toggle.on:hover{
	background-color: #0079C8;
}
.jp-flat-video .jp-control .jp-button.jp-closed-captions-toggle.on,
.jp-flat-video .jp-control .jp-button.jp-closed-captions-toggle:hover{
	background-color:white;
}

.jp-flat-video .jp-pause,
.jp-flat-video .jp-restore-screen ,
.jp-flat-audio .jp-pause
{
	display: none;
}

.jp-flat-video.jp-video-auto .jp-button:before,
.jp-flat-audio .jp-button:before  {
	display: block;
	position: absolute;
	width:100%;
	top:0;
	/* 
	line-height: 20px;
	 */
	margin-bottom: 0;
	padding-bottom: 0;	
	font-size: 20px;
  vertical-align: middle;
  text-align:center;
  
}

.jp-flat-video.jp-video-auto .jp-bar
{
  left: 34px;
  right: 68px;
} 
.jp-flat-audio .jp-bar 
{

	left: 34px;
	right: 0;
}

.jp-flat-video .jp-bar, 
.jp-flat-audio .jp-bar 
{
	/* define your unplayed progress bar background color here */
	background-color: #333333;
}

.jp-flat-video .jp-play-bar, 
.jp-flat-audio .jp-play-bar 
{
	/* define your played progress bar background color here */
	background-color: #444444;
}

.jp-flat-video.jp-video-auto .jp-details,
.jp-flat-video.jp-video-auto .jp-timing,
.jp-flat-audio .jp-details,
.jp-flat-audio .jp-timing 
{
	padding: 1px 10px;
	font-size: 10px;
	line-height: 34px;
}

.jp-flat-video.jp-video-auto .jp-title,
.jp-flat-video.jp-video-auto .jp-duration, 
.jp-flat-audio .jp-title,
.jp-flat-audio .jp-duration 
{
	font-size: 16px;
	line-height: 34px;
}

.jp-flat-video .jp-no-solution, 
.jp-audio .jp-no-solution 
{	
	/* define your error message text color here */
	color: #000000;
	/* define your error message background color here */
	background-color: #b28282;
}




/* video closed caption buitton */
/* 
.ccbutton{
	background: url('../../../images/ui/ui_spritesheet.png') no-repeat -530px -640px;
	width: 38px;
	height: 30px;
    position: absolute;
    top:5px;
    right: 36px!important;
}

.ccbutton.over{
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
}


.ccbutton.on{
	background-position: -790px -640px;
}
 */
div.jp-closed-captions{
    position: absolute;
    bottom: 40px;
    width: 100% !important;
    text-align: center;
    /*z-index:1 !important;*/
}
div.jp-closed-captions p{
    display: inline-block;
    background: black;
    color: white;
    padding: 0 15px;
    line-height: 1.5em !important;
    font-size: 20px !important;
}


div.jp-flat-video-full{
	background: black;
}

div.jp-flat-video-full div.ccbutton{
    z-index:1001 !important;
}

div.jp-flat-video-full div.jp-closed-captions{
    position: absolute;
    bottom: 100px;
    width: 100% !important;
    text-align: center;
    z-index:1001 !important;
}
div.jp-flat-video-full div.jp-closed-captions p{
    font-size: 50px !important;
}