/*******************************************************************************
* This tool is developed using Rich Media's proprietary code library and may   *
* not be reproduced, altered, reverse engineered, or otherwise copied or       *
* distributed in whole or in part, without the express written permission of   * 
* Rich Media.                                                                  *
*******************************************************************************/


/* fullscreen css */
.containerFullScreen {
	position: fixed !important;
	top: 0 !important;
	left: 0  !important;
	width: 100% !important;
	height: 100% !important;
	background-color: #000000;
	margin-left: 0 !important;
    margin-top: 0 !important;
    z-index: 100;
}
.containerFullScreen video {
	position: absolute;
	left: 50%;
}
.containerFullScreen #vidHolder {
	width: 100%;
}
.containerFullScreen .videoCaptionFallback {
	width: 100% !important;
}
.controlsFullScreen {
	position: fixed !important;
	bottom: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.controlsFullScreen .ccMenu {
	top: auto !important;
	bottom: 24px;
}

/* video player */
#vidWrapper{
	position: absolute;
	width: auto;
	height: auto;
	z-index: 10;
}

#vidHolder {
	/*display: none;*/
	position: relative;
	background-color: #000;
	width: 640px;
	height: 360px;
}

/* video preloader */
.vidPreloader {
	position: absolute;
	top: 36%;
	left: 50%;
	margin-left: -35px;
	width: 70px;
	height: 70px;
}

.preloaderText {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	width: 100%;
	text-align: center;
	color: #FFF;
}

/* sample custom video controls */
/*#flash_controls {
    display: none;
    position: absolute;
    bottom: -39px;
    right: 0;
}*/

#controls {
	/*display: none;*/
	position: absolute;
	left:0;
	bottom:-38px;
	width: 100%;
	height: 38px;
	z-index:101;
	-ms-touch-action: none;
}

#controls button/*, #flash_controls button*/ {
	color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	-webkit-appearance: none;
}

.progressSlide_rm {
	width: 100%;
	height: 14px;
	background: url('../../images/player/playerNotLoaded.png') repeat;
}
.progressSlidePlayed_rm {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 14px;
	background: url('../../images/player/playerLoaded.png') repeat;
	z-index: 2;
}
.progressSlideBuffered_rm {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 14px;
	background-color: #ccc;
	/* background: url('../../images/player/playerBuffer.png') repeat; */
	z-index: 1;
}
.progressSlideDragger_rm {
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
	background: url('../../images/player/picDragger.png') center no-repeat;
	cursor: pointer;
	z-index: 3;
}
.progressSlideTarget_rm {
	position: absolute;
	width: 64px;
	height: 60px;
	top: -43px;
	margin-left: -25px;
	z-index: 102;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
}
.buttonsRow_rm {
	width: 100%;
	height: 24px;
	background: url('../../images/player/picPlayerBkg.png') repeat;
}
.playBut_rm {
	float: left;
	width: 36px;
	height: 24px;
	cursor: pointer;
}
.playBut_rm {
	background: url('../../images/player/butPlay.png') center no-repeat;
}
.playBut_rm.clicked {
	background: url('../../images/player/butPause.png') center no-repeat;
}
/*.no-touch .playBut_rm:hover {
	background: url('../../images/player/butPlay_ro.png') center no-repeat;
}
.no-touch .playBut_rm.clicked:hover {
	background: url('../../images/player/butPause_ro.png') center no-repeat;
}*/

.volBut_rm {
	float: left;
	width: 37px;
	height: 24px;
	cursor: pointer;
}
.volBut_rm {
	background: url('../../images/player/butVolumeOn.png') center no-repeat;
}
.volBut_rm.clicked {
	background: url('../../images/player/butVolumeOff.png') center no-repeat;
}

/*.no-touch .volBut_rm:hover{
	background: url('../../images/player/butVolumeOn_ro.png') center no-repeat;
}
.no-touch .volBut_rm.clicked:hover{
	background: url('../../images/player/butVolumeOff_ro.png') center no-repeat;
}*/

.progressCount_rm {
	float: left;
	width: 100px;
	height: 24px;
	margin-top: 3px;
	margin-left: 10px;
	font-family: arial;
	font-size: 15px;
}
.currentTime_rm {
	color: #FFFFFF;
}
.duration_rm {
	color: #E8E6DE;
}
.fsBut_rm {
	float: right;
	font-family: arial;
	font-size: 15px;
	color: #E8E6DE !important;
	margin-top: 4px !important;
	background: none;
	padding: 0px 5px !important;
	cursor: pointer;
}
.ccLang {
	/* width: 65px; */
	font-family: arial;
	font-size: 15px;
	color: #E8E6DE !important;
	/* background: url('../../images/player/picPlayerBkg.png') repeat; */
	background-color: transparent;
	
}
.ccMenu {
	width: auto;
	padding: 2px;
	background-color: #003756 !important;
}
	
.ccLang:hover {
	color: #E6AE1D !important;
}
.ccBut_rm {
	float: right;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.ccBut_rm {
	background: url('../../images/player/butCcOn.png') center no-repeat;
}


.ccBut_rm.clicked {
	background: url('../../images/player/butCcOff.png') center no-repeat;
}
/*
.no-touch .ccBut_rm:hover {
	background: url('../../images/player/butCcOff_ro.png') center no-repeat;
}
.no-touch .ccBut_rm.clicked:hover {
	background: url('../../images/player/butCcOn_ro.png') center no-repeat;
}*/

.closeBut_rm {
	float: right;
	width: 67px;
	height: 24px;
	padding: 0px 0px 0px 5px !important;
	margin-left: 3px;
	cursor: pointer;
	font-family: arial;
	font-size: 15px;
	color: #E8E6DE !important;
	text-align: left;
	background: url('../../images/player/butClose.png') 95% 50% no-repeat;
}
.no-touch .closeBut_rm:hover {
	color: #E6AE1D;
	background: url('../../images/player/butClose_ro.png') 95% 50% no-repeat;
}
.buttonDivider_rm_left {
	float: left;
	width: 1px;
	height: 21px;
	margin-top: 1px;
	background: url('../../images/player/Divider.png');
}
.buttonDivider_rm_right {
	float: right;
	width: 1px;
	height: 21px;
	margin-top: 1px;
	background: url('../../images/player/Divider.png');
}
	
	
/* video captions */
.videoCaptionFallback {
	display: none;
	position: absolute;
	bottom: 6px;
	height: auto;
	z-index: 100;
}
.videoFallbackCue {
	width:100%;
	text-align:center;
}
.videoFallbackCue span.videoCueSpanOuter {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:white;
	background:#444444;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity:0.8;
	padding:5px;
}
.containerFullScreen .videoCaptionFallback {
    bottom: 60px;
}