@charset "utf-8";
/* CSS Document */
*{border:0px; margin:0px; padding:0px;}
a:link{color:#79766c;}
a:visited{color:#79766c;}
a:hover{color:#aa033b}
a:active{color:#79766c;}

@font-face {
	font-family: 'ColaborateThinRegular';
	src: url('type/ColabThi-webfont.eot');
	src: local('☺'), url('type/ColabThi-webfont.woff') format('woff'), url('type/ColabThi-webfont.ttf') format('truetype'), url('type/ColabThi-webfont.svg#webfontG4vaW79c') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	 font-family: 'ColaborateMediumRegular';
	src: url('type/ColabMed-webfont.eot');
	src: local('☺'), url('type/ColabMed-webfont.woff') format('woff'), url('type/ColabMed-webfont.ttf') format('truetype'), url('type/ColabMed-webfont.svg#webfontG4vaW79c') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{background-color: #f6f6f6;  font-family:'ColaborateThinRegular', Helvetica, Arial, sans-serif!important; overflow:hidden }
.header{ width:100%; float:left; background-image:url(../images/video/bg.png); background-repeat:repeat-x; height:112px;}


.header		{
	width:100%;
	float:left;
	background-repeat: repeat-x;
	height: 112px;
	background: #4e96b8;
	background: -moz-linear-gradient(left,  #e2e2e2 0%, #efefef 50%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(50%,#efefef), color-stop(100%,#e2e2e2));
	background: -webkit-linear-gradient(left,  #e2e2e2 0%,#efefef 50%,#e2e2e2 100%);
	background: -o-linear-gradient(left,  #e2e2e2 0%,#efefef 50%,#e2e2e2 100%);
	background: -ms-linear-gradient(left,  #e2e2e2 0%,#efefef 50%,#e2e2e2 100%);
	background: linear-gradient(to right,  #e2e2e2 0%,#efefef 50%,#e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e2e2e2',GradientType=1 );
	border-bottom-width: 2px;
	border-bottom-style: ridge;
	border-bottom-color: #CCC;
}	


.logofram{ margin:auto; width:720px;}

.logo {
float: left;
width: 318px;
height: 50px;
background-image: url(../images/video/logo.png);
margin-top: 35px;
background-repeat: no-repeat;
}

#main{width: 100%;float: left; height:620px}
.videoheader{float:right; color:white; font-size:1.5em; width: 703px; height: 27px; background-color:#2a2a2a; padding:5px; padding-left:12px;}
.viewbox{margin:auto;width: 720px;margin-top: 28px;}

ul{float:left;list-style:none;width:600px;color:#756944;font-size:0.7em;margin: 0px;padding:0px;padding-top: 8px;margin-left: 12px;  letter-spacing:1px}
li{float:left;}
iframe{ float:left; width:100%}
.help{ float: right; display:block; padding-top:5px; font-size:0.8em; margin-right:12px}
.contact{float: left; width:720px; padding-top: 16px;}


/*overlay*/
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */

#help_overlayt {font-family: 'ColaborateMediumRegular', Helvetica, Arial, sans-serif !important; line-height:14px; height:auto; width:620px; color:#fff; background-color:#000; padding:36px; padding-bottom:0px; margin-bottom:0px; display:none; overflow:  hidden; }


#help_overlayt #header{ float:left; width:100%;}
#help_overlayt #header .cjpmlogo{float:left; width:65px; height:65px; background-image:url(../images/video/cjpm_logo.png); border:1px solid white}

#help_overlayt #header p{ float:right; width:400px; text-align:right; font-size:0.8em;  margin-top:48px; }
#help_overlayt #header p span{ float:right; width:100%; font-weight:100; font-size:0.85em;}

#help_overlayt #mainhelp h3 { float:left; color:#fff; margin-top:38px; font-size:1.25em; margin-bottom:6px}
#help_overlayt #mainhelp p { float:left; width:100%; color:#fff; font-size:0.7em;  }

#help_overlayt #mainhelp p span{ font-size:1.3em; padding-bottom:10px; display:inline-block }
#help_overlayt #mainhelp p span.underline{font-size:1em; text-decoration:underline; display: inline}
#help_overlayt #mainhelp .links{ float:left; width:500px; font-size:0.7em; margin-top:6px; margin-bottom:6px}
#help_overlayt #mainhelp a{ color:#fff; display: inline-block; padding-top:4px }

#help_overlayt #mainhelp h4{ float:left; color:#fff; margin-top:12px; font-size:0.75em; margin-bottom:5px}

#simplemodal-container a.modalCloseImg {background:url(../images/video/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-9px; cursor:pointer;}

#video_placeholder {
	width: 917px;
	margin: 20px auto;
}
@media only screen and (max-width: 767px) {
	#video_placeholder {
		width: 100%;
	}
}

/* Scroller*/

::-moz-scrollbar {
    width: 7px;
}
::-webkit-scrollbar {
    width: 7px;
}
 
/* Track */
::-webkit-scrollbar-track {
	background: #000; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;  
    border-radius: 10px;
    background: #aa033b; 
}