/* slider */

@font-face
{
    font-family: 'ArialRegular';
    src: url('../fonts/arial.eot');
    src: url('../fonts/arial.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial.woff') format('woff'),
         url('../fonts/arial.ttf') format('truetype'),
		 url('../fonts/arial.svg#ArialRegular') format('svg');		 
    font-weight: normal;
    font-style: normal;
}

#ca-container
{
	position:relative;
	width:512px;
	height:122px;
	/* background-color:#f0f0f0;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc; */
	background: url("../images/gallery_bg.png") no-repeat left top transparent;
	z-index:100;
}

.ca-wrapper
{
	height: 100%;
    left: 13px;
    position: relative;
    top: 5px;
    width: 500px;
}

.ca-item
{
	float:left;
	width:100px;
	height:50px;
	cursor:pointer;	
}

.ca-item img
{
	border:0;
	height:48px;
	width:86px;
}

.ca-item div
{
	color:#004268;
	font-family: 'ArialRegular';
	font-size: 11px;
    left: 0;
    position: absolute;
    top: 52px;
    width: 86px;
	height: 25px;
	overflow: hidden;
}

.ca-nav span
{
	background: url("../images/arrows.png") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 20px;   
    opacity: 0.7;
    position: absolute;
    text-indent: -9000px;
    top: 42%;
    width: 8px;
    z-index: 100;
}

.ca-nav span.ca-nav-next
{
	background-position:top right;
	left:auto;
	right:0px;
}	

#videoSliderTitle
{
	color:#004268;
	font-family: 'ArialRegular';
	font-size: 20px;
	padding-left:12px;
	padding-top:7px;
}

/*#VideoPlayer
{
	background-color: rgb(255, 0, 0);
    height: 288px;
    width: 512px;
}*/

/* jscrollpane.css -- start*/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
	
}

.jspPane
{
	overflow: visible;
	position: absolute;
	height:100%;
	width:5000px !important;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/* jscrollpane.css -- end*/
/* video-style.css -- start */
body
{
	padding:0px;
	margin:0px;	
}
#inv_playerContainer /*14-08-2013 added from rio site*/
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	float: left;
	position: relative;	
	z-index: 1000;
}
#inv_playerContainer  div
{
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
}
.inv_playerGallery  div
{
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
}

.inv_videoMainContainer
{
	padding:0px;
	margin:0px;
	
	width:512px;
	height:288px;
	
	position:absolute;
	z-index:2000;
	overflow:visible;
	
	left:0px;
	top:0px;
}
.inv_playerLoader
{
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:3000;
	position:absolute;
	
	padding:0px;
	margin:0px;
	background-color:#ffffff;
	background-image:url('../images/loader.gif');
	background-repeat:no-repeat;
	background-position:center;
}
.inv_videoDisplay
{
	width:100%;
	height:100%;
	background-color:Transparent;
	top:0px;
	left:0px;	
	position:absolute;
	overflow:hidden;
	float:left;	
	border:none;
	vertical-align:middle;
}
.inv_videoLoaderArea
{
	width:100%;
	height:100%;
	z-index:2002 !important;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	background-color:#ffffff;
	background-image:url('../images/loader.gif');
	background-repeat:no-repeat;
	background-position:center;
}
.inv_overlayPlay
{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:9999 !important;
	position:absolute;
	overflow:hidden;
	cursor:pointer;
	background-image:url('../images/bigplay.png');
	background-repeat:no-repeat;
	background-position:center;
}
.inv_overlayPlayClicked
{
	background-image:url('../images/overlay-playClicked.png')!important;
}
.inv_videoStillArea
{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:2000 !important;
	position:absolute;
	overflow:hidden;
	vertical-align:middle;
	background-color:#000000;
}
.inv_videoArea
{
	top:0px;
	left:0px;
	z-index:1999 !important;
	position:absolute;
	overflow:hidden;
	vertical-align:middle;	
	background-color:#000000;
}
.inv_FullScreenZIndex
{
	z-index:2147483647 !important;
}
.inv_FullScreen
{
	left:0px !important;
	top:0px !important;
	width:100% !important;
	height:100% !important;
	border:none !important;
	position:fixed !important;
}
.inv_videoCuePoint
{
	display:none;
	width:100%;
	height:50px;
	bottom:34px;
	left:0px;
	position:absolute;
	z-index:2500;
	background-color:Transparent;
	/* background-image:url('../images/Infoback.png'); */
	background-repeat:repeat;
	background-position:center;
		
}
.inv_videoCuePoint_Title
{
	display:none;
	width:11%;
	line-height:26px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:Transparent;
	/* background-image:url('../images/Infoback2.png'); */
	background-repeat:repeat;
	background-position:center;
	font-size:16px;
	font-family: Arial;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	cursor:default;
}
.inv_videoCuePoint_Description
{
	display:none;
	width:78%;
	line-height:26px;
	position:absolute;
	left:11%;
	top:0px;
	padding-left:9px;
	
	font-size:14px;
	font-family: Arial;
	font-weight:normal;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	cursor:default;
}

.inv_videoCuePoint_prevBtn
{
	display:none;
	width:5%;
	line-height:50px;
	position:absolute;
	right:5%;
	top:0px;
	
	font-size:24px;
	font-family: Arial;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	
	/* background-image:url('../images/Infoback2.png'); */
	background-repeat:repeat;
	background-position:center;
}
.inv_videoCuePoint_prevBtn:hover
{
	display:none;
	width:5%;
	line-height:50px;
	position:absolute;
	right:5%;
	top:0px;
		
	font-size:24px;
	font-family: Arial;
	font-weight:normal;
	color:#cccccc;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	
	/* background-image:url('../images/Infoback2.png'); */
	background-repeat:repeat;
	background-position:center;
}
.inv_videoCuePoint_nextBtn
{
	display:none;
	width:5%;
	line-height:50px;
	position:absolute;
	right:0px;
	top:0px;

	font-size:24px;
	font-family: Arial;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	/* background-image:url('../images/Infoback2.png'); */
	background-repeat:repeat;
	background-position:center;
}
.inv_videoCuePoint_nextBtn:hover
{
	display:none;
	width:5%;
	line-height:50px;
	position:absolute;
	right:0px;
	top:0px;
	
	font-size:24px;
	font-family: Arial;
	font-weight:normal;
	color:#cccccc;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	/* background-image:url('../images/Infoback2.png'); */
	background-repeat:repeat;
	background-position:center;
}
.inv_videoCuePoint_pagesBtns
{
	display:none;
	width:80%;
	height:24px;
	position:absolute;
	left:0px;
	bottom:0px;	
}
.inv_videoCuePoint_pagesBtns div
{
	display:none;
	position:relative;
	float:left;
	margin-top:1px;
	margin-right:1px;
	line-height:24px;
	width:6%;
	height:100%;
	font-size:14px;
	font-family: Arial;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}

.inv_pagesBtnClick
{
	background-image:none;
	background-repeat:repeat;
	background-position:center;
}
.inv_pagesBtn
{
	/* background-image:url('../images/Infoback2.png'); */
	background-repeat:repeat;
	background-position:center;
}
.inv_pagesBtn:hover
{
	background-image:none;
	background-repeat:repeat;
	background-position:center;
}
.inv_videoControls
{
	width:100%;
	height:35px;
	position:absolute;
	bottom:0px;
	left:0px;
	
	z-index:10000;
	/* background-color:#999; */
	background-image:url('../images/controlsback.png');
	background-repeat:repeat;
	border:0px;
}
.inv_playBtn
{
	width:36px;
	height:35px;
	position:relative;
	overflow:hidden;	
	float:left;	
	cursor:pointer;	
	background-image:url('../images/play.png');
	background-repeat:no-repeat;
}
.inv_pauseBtn
{
	width:36px;
	height:35px;
	position:relative;
	overflow:hidden;	
	float:left;	
	cursor:pointer;	
	background-image:url('../images/pause.png');
	background-repeat:no-repeat;
}
.inv_playheadWellContainer
{
	width:52%;
	height:23px;
	float:left;
	position:relative;
	vertical-align:middle;
	border:none;
	/* background-color:#B7D3E9; */
	top:6px;
}
.inv_playheadWellContainer_mini
{
	width:38% !important;
}
.inv_playheadContainer
{
	
	/*14-08-2013 added from rio site*/
	/*top:10px;
	height:2px;*/
	/*------------------------------*/
	
	top:9px;
	height:3px;
	
	width:100%;	
	float:left;
	position:relative;
	/* margin-left:2px; */
}
.inv_playheadWell
{
	
	left:0px;
	height:100%;
	width:100%;
	z-index:99;
	position:absolute;
	float:left;	
	/* background-image:url('../images/playheadWell-unloadedSkin.png');
	background-repeat:no-repeat;
	background-position:left; */
	background-color:#fff;
	cursor:pointer;
}
.inv_playheadWellBuffered
{
	/*14-08-2013 added from rio site*/
	/*height:2px;*/
	/*------------------------------*/
	height:3px;
	
	left:0px;
	width:100%;
	z-index:100;
	position:absolute;
	float:left;	
	/* background-image:url('../images/playheadWell-bufferedSkin.png');
	background-repeat:no-repeat;
	background-position:left; */
	background-color:#696969;
	cursor:pointer;
}
.inv_playheadWellWatched
{
	/*14-08-2013 added from rio site*/
	/*height:2px;*/
	/*------------------------------*/
	height:3px;
	
	left:0px;
	width:100%;
	z-index:101;
	position:absolute;
	float:left;	
	/* background-image:url('../images/playheadWell-watchedSkin.png');
	background-repeat:no-repeat;
	background-position:left; */
	background-color:#e60d2e;
	cursor:pointer;
}
.inv_playhead
{
	/*14-08-2013 added from rio site*/
	/*height:2px;*/
	/*------------------------------*/
	height:3px;
	
	left:0px;	
	width:4px;	
	z-index:102;
	position:absolute;	
	float:left;
	background-color:#e60d2e;
	/* background-image:url('../images/Main.png');
	background-repeat:no-repeat;
	background-position:-119px -91px; */
	border:none;
	cursor:pointer;
}
.inv_startTime
{
	margin-left:5px;
	top:5px;	
	width:35px;
	line-height:24px;
	float:left;
	font-size:12px;
	font-family: Arial;
	font-weight:normal;
	color:#fff;
	vertical-align:middle;
	text-align:left;
	border:none;
	position:relative;
	overflow:hidden;
	cursor:default;
}
.inv_endTime
{
	margin-left:6px;
	top:5px;	
	width:35px;
	line-height:24px;
	float:left;
	font-size:12px;
	font-family: Arial;
	font-weight:normal;
	color:#fff;
	vertical-align:middle;
	text-align:left;
	border:none;
	position:relative;
	overflow:hidden;
	cursor:default;
}
.inv_soundOnOffControl{
	width:76px;
	height:23px;
	position:relative;
	background-color:#b7d2e9;
	margin-left:6px;
	float:left;
	top:4px;
}
.inv_volumeContainer
{
	/*14-08-2013 added from rio site*/
	/*top:9px;
	height:15px;*/
	/*------------------------------*/
	height:3px;
	top:16px;
	
	width:48px;
	float:left;
	position:relative;
	vertical-align:middle;
	border:none;
	background-color:Transparent;
		
}
.inv_volbg
{
	/*14-08-2013 added from rio site*/
	/*top:7px;
	height:2px;*/
	/*------------------------------*/
	top:0px;
	height:3px;
	
	left:0px;
	width:100%;	
	z-index:99;
	position:absolute;
	float:left;
	background-color:#fff;
	cursor:pointer;
}
.inv_volbar
{
	/*14-08-2013 added from rio site*/
	/*top:7px;
	height:2px;*/
	/*------------------------------*/
	top:0px;
	height:3px;
	
	left:0px;	
	width:10%;	
	z-index:101;
	position:absolute;
	float:left;	
	background-color:#E60D2E;
	cursor:pointer;
}
.inv_volslider
{
	/*14-08-2013 added from rio site*/
	/*top:7px;
	height:2px;*/
	/*------------------------------*/
	top:0px;
	height:3px;
	
	left:0px;	
	width:4px;	
	z-index:102;
	position:absolute;	
	float:left;	
	border:none;
	cursor:pointer;
	background-color:#E60D2E;
	/* background-image:url('../images/volslider.png');
	background-repeat:no-repeat; */
	
}
.inv_soundOnOffBtn
{
	width:35px;
	height:35px;
	cursor:pointer;	
	position:relative;
	overflow:hidden;	
	border:none;
	float:left;
}
.inv_soundOnBtn
{
	background-image:url('../images/volume.png');
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.inv_soundOffBtn
{
	background-image:url('../images/mute.png');
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.inv_downloadBtn
{
	width:35px;
	height:35px;
	cursor:pointer;	
	background-image:url('../images/downloadbtn.png');
	background-repeat:no-repeat;
	background-position:8px 8px;
	position:relative;
	overflow:hidden;
	border:none;
	float:left;
}
.inv_fullscreenBtn
{
	width:35px;
	height:35px;
	cursor:pointer;	
	background-image:url('../images/fullscreen.png');
	background-repeat:no-repeat;
	background-position:8px 8px;
	position:relative;
	overflow:hidden;	
	border:none;
	float:left;
}

.inv_videoInformation
{
	
	width:100%;
	height:110px;
	position:absolute;
	top:324px;
	left:0px;
	z-index:2500;
	overflow:hidden;
	float:left;
	border:none;	
	/*14-08-2013 added from rio site*/
	/*background-color:Transparent;*/
	background-color:#ffffff;
	/*------------------------------*/
	
	/* background-image:url('../images/Infoback.png'); */
	background-repeat:repeat;
	background-position:center;
	
	display:none;
}
.inv_videoInformation_mini
{
	top:252px !important;
	height:55px !important;
}
.inv_videoInformation_Title
{
	display:block;
	/*14-08-2013 added from rio site*/
	/*height:38px;
	top:30px;
	line-height:18px;*/
	height:auto;
	top:18px;
	line-height:25px;
	/*------------------------------*/
	
	
	/* background-image:url('../images/blackbg.png');
	background-repeat:repeat; */
	position:relative;
	overflow:hidden;
	
	text-indent:0px;
	font-size:1.60em !important;
	font-family: Arial !important;
	font-weight:bold;
	color:#646464;
	text-align:left;
	vertical-align:middle;
	cursor:default;
	z-index:10000;
	left:30px;
	
}
.inv_videoInformation_Title_mini
{
	line-height:32px !important;
	height:35px !important;
	font-size:0.88em !important;
	color:#ffffff !important;
	left:0px !important;
	top:0px !important;
	text-indent:10px !important;
	width:100% !important;
	background-image:url('../images/blackbg.png') !important;
	background-repeat:repeat !important;
}
.inv_videoInformation_Title div{
	display:block;
	width:100%;
	height:100%;
	background-color:#000;
	left:0;
	top:0;
	position:absolute;
	z-index:-2;
}
.inv_videoInformation_Description
{
	/* display:none; */
	display:block;
	/*14-08-2013 added from rio site*/
	/*top:66px;*/
	/*------------------------------*/
	top:47px;
	left:30px;
	
	height:43px;	
	
	line-height:1.125em;
	
	position:absolute;
	overflow:hidden;
	
	background-color:Transparent;
	
	/*font-size:14px !important;*/
	font-family: Arial !important;
	font-weight:normal !important;
	color:#313131;
	text-align:left;
	vertical-align:top;
	cursor:default;
	z-index:10000;
}
.inv_videoInformation_Description_mini
{
	
	height:35px !important;
	
	color:#646464 !important;
	left:0px !important;
	
	text-indent:0px !important;
	width:100% !important;
	
	top:18px !important;

}
.inv_Branding
{
	display:none;
	width:30%;
	height:100%;
	top:0px;
	right:0px;
	
	position:absolute;
	overflow:hidden;
	background-color:Transparent;
	background-image:url('../images/BD_Hallmark_Master_White.png');
	background-repeat:no-repeat;
	background-position:center;
}
/* Generic context menu styles */
.contextMenu {
	position: absolute;
	width:auto;
	z-index: 99999;
	border-top: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-left: solid 1px #CCC;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	display: none;
	
}
.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #CCC;
}
.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: inline-block; 
	font-size:12px;font-family:arial;text-align:left;
}
.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}
.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}
.contextMenu LI.hover.disabled A {
	background-color: transparent;
}
.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}
/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/
/* video-style.css -- end */