/******************/
/*  GS_CAM STYLE  */
/******************/
/*Objective:
/*Create independent text elements, they contain a centered text field and an offset title.
/*Make Title elements with left center and right positioning for 'any' frame size.*/
/*Create frames with the dimensions and position given within the Text Frame. All elements will have an accompanying title and proceed icon. (Kill it> [X] story ender? Hard stop?)*/
/*Create 'Dialogue-Left' element with a title*/
#CAM_TextFrame {
	position: absolute;
	width: 1362px;
	height: 328px;
	bottom: 30px;
	left: 30px;
	background: rgba(51,51,51,0.7);
	z-index: 1000;
	cursor: pointer;
	display: none;
	pointer-events: all;
}
	
	#TitleText {
		position: absolute;
		top: -57px;
		left: 66px;
		color: #FFF;
		font-size: 78px;
		font-family: 'edmondsans_boldregular';
		text-shadow: -5px 9px 8px rgba(0, 0, 0, 1);
	}
	
	#DisplayText {
		display: flex;
		position: absolute;
		width: 1312px;
		height: 278px;
		bottom: 25px;
		left: 25px;
		color: #FFF;
		font-size: 60px;
		font-family: 'edmondsans_mediumregular';
		line-height: 115%;
		justify-content: center;
		align-items: center;
		text-shadow: -5px 9px 8px rgba(0, 0, 0, 1);
	}
	
	#ContinueArrow{
		position: absolute;
		width: 105px;
		height: 74px;
		bottom: -45px;
		right: 119px;
		background-image:url(../Assets/basic/ContinueArrow.png);
		animation:myship 1s infinite;
		-moz-animation:myship 1s infinite; /* Firefox */
		-webkit-animation:myship 1s infinite; /* Safari and Chrome */
	}
	@keyframes myship {
		0%, 100%{
			bottom: -45px;
		}
		50%{
			bottom: -35px;
		}}
	@-moz-keyframes myship {
		0%, 100%{
			bottom: -45px;
		}
		50%{
			bottom: -35px;
		}}
	@-webkit-keyframes myship {
		0%, 100%{
			bottom: -45px;
		}
		50%{
			bottom: -35px;
		}}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#CAM_OptionsFrame {
	position: absolute;
	width: 36%;
	height: auto;
	top: 45%;
	left: 32%;
	background: rgba(51,51,51,0.9);
	z-index: 1001;
	display: none;
	color: #CCC;
	font-size: 35px;
    font-family: 'edmondsans_mediumregular';
	padding: 1%;
}

#CAM_ImgContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
}

#CAM{
	position:absolute;
	width: 480px;
	height: 270px;
	top: 0px;
	left: 0px;
}

.CAMdebug{
	background: rgba(255, 255, 255, 0.3);
	z-index: 9999;
}

#CAMStats {
	position: fixed;
	width: 590px;
	height: 20px;
	bottom: 40px;
	left: 20px;
	z-index: 9998;
	color: #FFF;
	text-align: left;
	background: #333;
}