input, p, canvas {
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
}
td {
	padding: 0px;
}
body {
	position: relative;
	color: #ffffff;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	overflow: hidden;
	touch-action: none;
}
#whiteoutScreen {
	position:absolute;
	opacity: 1;
	width: 100%;
	height: 100%;
	background-color:white;
	pointer-events:all;
}
#instructionsContainer {
	position:absolute;
	width:100%;
	height:100%;
	pointer-events:none;
}
#volatilityeye {
	position:absolute;
	top:-9px;
	opacity:.9;
}
#volatilitytoggle {
	position:absolute;
	cursor:pointer;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	pointer-events: auto;
}
#bottom2ContainerHolder {
	position:absolute;
	bottom: 0px;
	width:100%;
	height:100px;
	pointer-events:none;
}
#credittoggle {
	position:absolute;
	top:-23px;
	left:-10px;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	cursor:pointer;
	pointer-events: auto;
}
#rightSideContainerHolder {
	position:absolute;
	top:0px;
	right:0px;
	width:100%;
	pointer-events:none;
}
#crediteye {
	position:absolute;
	top:-28px;
	right:0px;
	opacity:.9;
}
#marketeye {
	position:absolute;
	top:-28px;
	left:0px;
	opacity:.9;
}
#markettoggle {
	top:-23px;
	left:-50px;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	cursor:pointer;
	pointer-events: auto;
}
#allStrategies {
	width:100%;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	color:white;
	background-color:black;
}
#leftSideContainerHolder {
	position:absolute;
	top:0px;
	width:100%;
	pointer-events:none;
}
#arrowsBtn {
	position: absolute;
	top: 10px;
	right: 5px;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	cursor:pointer;
}
#insBtn {
	position:absolute;
	top: 10px;
	left:20px;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	pointer-events:all;
	cursor:pointer;
}
#info {
	color:#000000;
	position: absolute;
	top: 0px; width: 100%;
	padding: 5px;
}
#logo1 {
	position: absolute;
	top: 23%;
	left: 25%;
	width: 50%;
	height: 50%;
	z-index: -1;
	opacity: .2;
}
#buttonContainer {
	background-color: #e6e6e6;
	position: absolute;
	top: 0px;
	padding: 5px;
	padding-top: 0px;
	border: 1px solid #9e0000;
	left: 0px;
	width: 100%;
	text-align: center;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
}
#bottom2Container {
	position: absolute;
	bottom: 10px;
	left: 34%;
	width: 32%;
	height: 1px;
	opacity: .3;
}
#leftSideContainer {
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	top: 18%;
	left: 19%;
	padding: 0px;
	height: 64%;
	text-align: center;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
}
#rightSideContainer {
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	top: 18%;
	right: 19%;
	padding: 0px;
	height: 64%;
	width: 0px;
	text-align: center;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
}
#marketSlider {
	-webkit-appearance: none;
	position: absolute;
	top: 15%;
	right: 0px;
	height: 70%;
	width: 70px;
	margin: 0px;
	border-radius: 5px;
	background: #ccc;
	outline: none;
	writing-mode: bt-lr;
	-webkit-appearance: slider-vertical;
}
input[type="button"] {outline:0;}
.invTxt {
	position: absolute;
	left: 54px;
	padding: 0px;
	font-weight: bold;
	font-size: 2vw;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	border: 0;
	outline: 0;
	background-color: transparent;
	user-select: none;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.invTxt2 {
	position: absolute;
	padding: 0px;
	font-weight: bold;
	font-size: 2vw;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	border: 0;
	outline: 0;
	background-color: transparent;
	user-select: none;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.invTxt3 {
	position: absolute;
	left: 54px;
	padding: 0px;
	font-weight: bold;
	font-size: 2vw;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	border: 0;
	outline: 0;
	background-color: transparent;
	text-align:left;
	user-select: none;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.creditcheck {
	position: absolute;
	right: 30px;
	height: 100%;
}
.checkbtn {
	position: absolute;
	right: 0px;
	top: 0px;
	pointer-events: all;
}
.optionsBtn {
	position: relative;
	border: 2px solid #000;
	margin-right: 2px;
	padding: 1px 10px;
	border-radius: 3px;
	background-color: white;
	color: #000000;
	font-weight: bold;
	font-size: 1vh;
	font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	cursor: pointer;
}
.optionsBtn:hover {
	background-color:#eeeeee;
}
.slidertrack {
	background-color: #989898;
	border: solid 1px black;
	position: absolute;
	top: 0px;
	left: 24px;
	width: 6px;
	height: 100%;
}
.slidertrackR {
	background-color: #989898;
	border: solid 1px black;
	position: absolute;
	top: 0px;
	right: 24px;
	width: 6px;
	height: 100%;
}
.slidertrackH {
	background-color: #989898;
	border: solid 1px black;
	position: absolute;
	bottom: 10px;
  left: 0px;
	width: 100%;
	height: 6px;
}
.slidermeasure {
	background-color: #555555;
	border: 0;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 1px;
}
.slidermeasureH {
	background-color: #555555;
	border: 0;
	position: absolute;
	top: 0px;
	width: 1px;
	height: 100%;
}
.sliderthumb {
	background-color: rgba(128, 128, 128, 0.55);
	pointer-events: initial;
	border: solid 1px black;
	position: absolute;
	left: -10px;
	width: 24px;
	height: 30%;
	border-radius: 50%;
	cursor: n-resize;
}
.sliderthumb2 {
	background-color: rgba(128, 128, 128, 0.55);
	pointer-events: initial;
	border: solid 1px black;
	position: absolute;
	left: -10px;
	width: 24px;
	height: 33.33%;
	border-radius: 50%;
	cursor: n-resize;
}
.sliderthumbH {
	top:-10px;
	left:41.66%;
	height:24px;
	width:16.66%;
	background-color: rgba(128, 128, 128, 0.55);
	pointer-events: initial;
	border: solid 1px black;
	position: absolute;
	border-radius: 50%;
	cursor: e-resize;
}
.popup {
	position: absolute;
	width: 100%;
	border: 1px solid #9a7777;
	background-color: rgba(239, 239, 239, 1);
	pointer-events: all;
}
#xoutIns {
	position: absolute;
	top: -16px;
	right: 0px;
	border: 0;
	padding: 20px;
	color: #ad9a9a;
	background-color: transparent;
	font: bold 3.5vw Arial;
	pointer-events: all;
	cursor: pointer;
}
#insTitle {
	width: 100%;
	background-color: transparent;
	border: 0;
	color: #a90000;
	font: bold 2vh Garamond;
	margin-top: 1%;
}
.insTxt {
	overflow-y: scroll;
	height: calc(100% - 60px);
	text-align: left;
	padding-left: 9px;
	font: bold 2vh Garamond;
	color: #434343;
}
a {
	color: red;
}
p {
	margin: 2% 2%;
}
@media (min-aspect-ratio: 1/1) {
	#insTitle {
		font: bold 1.5vw Garamond;
	}
	.insTxt {
		font: bold 1vw Garamond;
	}
	.invTxt {
		font-size: 2vh;
	}
	.invTxt2 {
		font-size: 2vh;
	}
	.invTxt3 {
		font-size: 2vh;
	}
	.optionsBtn {
		font-size: 1vw;
	}
	#xoutIns {
		font-size: 3vh;
	}
}