@charset "utf-8";
/* CSS Document */

#OuterDiv{
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
	user-select: none;
	background-color: blueviolet
}

#InnerDiv{
	width: 1920px;
	height: 1080px;
	margin: 0 auto;
	border-radius: 15px;
    position: relative;
    background-color: #FBBF13;
}

p{
	position: absolute;
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#Bools{
	position: absolute;
	top: 70%;
	left: 80%;
	opacity: 0;
}

#Coordinates{
	position: absolute;
	top: 60%;
	left: 80%;
	opacity: 0;
}

#logo{
	left: 76.5%;
	top: 65%;
}

img{
	position: absolute;
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

#HandsetButton{
	left: 1%;
	top: 3%;
}

#HandsetButtonSense{
	left: 1%;
	top: 3%;
	opacity: 0;
	cursor: pointer;
}

#VHFBase{
	left: 2%;
	top: 5%;
}

/*INTERACTABLES*/

#TopKnob{
	left: 48.9%;
	top: 62.25%;
	transform-origin: center;
}

#BottomKnob{
	left: 48.9%;
	top: 81.5%;
	transform-origin: center;
}

#DistressSlider{
	left: 48.75%;
	top: 72%;
}

/*TOP ROW*/
#Down1Button{
	left: 38.9%;
	top: 67.8%;
	opacity: 0;
}

#Down2Button{
	left: 42.2%;
	top: 67.8%;
	opacity: 0;
}

#Down3Button{
	left: 45.6%;
	top: 67.8%;
	opacity: 0;
}

/*2ND ROW*/
#Down4Button{
	left: 38.9%;
	top: 73.7%;
	opacity: 0;
}

#Down5Button{
	left: 42.2%;
	top: 73.7%;
	opacity: 0;
}

#Down6Button{
	left: 45.6%;
	top: 73.7%;
	opacity: 0;
}

/*3RD ROW*/
#Down7Button{
	left: 38.9%;
	top: 79.6%;
	opacity: 0;
}

#Down8Button{
	left: 42.2%;
	top: 79.6%;
	opacity: 0;
}

#Down9Button{
	left: 45.6%;
	top: 79.6%;
	opacity: 0;
}

/*BOTTOM ROW*/
#DownCButton{
	left: 38.9%;
	top: 85.7%;
	opacity: 0;
}

#Down0Button{
	left: 42.2%;
	top: 85.7%;
	opacity: 0;
}

#DownEButton{
	left: 45.6%;
	top: 85.7%;
	opacity: 0;
}

/*UNDER SCREEN*/
#DownDWButton{
	left: 28.55%;
	top: 83.15%;
	opacity: 0;
}

#Down125Button{
	left: 25.25%;
	top: 86.7%;
	opacity: 0;
}

#Down16Button{
	left: 22.2%;
	top: 83.15%;
	opacity: 0;
}

#DownLightButton{
	left: 31.65%;
	top: 86.7%;
	opacity: 0;
}

/*DISTRESS*/
#DownDistressButton{
	left: 49.95%;
	top: 74.6%;
	opacity: 0;
}

/*MENU BUTTONS*/
#DownMenuAButton{
	left: 34.75%;
	top: 64.5%;
	opacity: 0;
}

#DownMenuBButton{
	left: 34.75%;
	top: 71%;
	opacity: 0;
}

#DownMenuCButton{
	left: 34.75%;
	top: 77.5%;
	opacity: 0;
}

#DownMenuDButton{
	left: 34.75%;
	top: 84.2%;
	opacity: 0;
}

/*BACK SCREEN*/
#Screen{
	left: 19.75%;
	top: 65.7%;
	opacity: 0;
}

.UI{
	font-family: 'Press Start 2P', cursive;
	position: absolute;
}

#ChannelNumber{
	font-size: 3pt;
	left: 19.5%;
	top: 67.5%;
	opacity: 0;
	letter-spacing: -1px;
}

#INT{
	left: 24.6%;
	top: 64.25%;
	text-align: left;
}

#DSC{
	left: 29.25%;
	top: 64.25%;
	text-align: right;
}

#Hi{
	left: 24.6%;
	top: 68%;
	text-align: left;
}

#TW{
	left: 29.25%;
	top: 68%;
	text-align: right;
}

#Lite{
	left: 24.5%;
	top: 72%;
	text-align: left;
	opacity: 0;
}

#Ms{
	left: 29.25%;
	top: 72%;
	text-align: right;
}

#Rx{
	left: 24.75%;
	top: 75%;
	text-align: left;
}

#Scan{
	left: 28.5%;
	top: 75%;
	text-align: right;
}

/*DSC MENUS*/

#coordinates{
	font-size: 12pt;
	left: 20%;
	top: 64.5%;
	opacity: 0;
}

#callTypes{
	left: 20%;
	top: 65%;
	font-size:5pt;
	opacity: 0;
}
	
#pointer{
	left: 19.7%;
	top: 68.5%;
	transform: rotate(90deg);
	font-size: 6pt;
	opacity:0;
}

#MMSINumber{
	left: 20%;
	top: 65.5%;
	font-size: 4pt;
	opacity: 0;
}

#Contrast{
	left: 20%;
	top: 65.5%;
	font-size: 5pt;
	opacity: 0;
	text-align: center;
}

#directory{
	left: 20%;
	top: 65.5%;
	font-size: 4pt;
	opacity: 0;
}

#UTC{
	left: 20%;
	top: 75%;
	font-size: 5pt;
	opacity: 0;
}

#distressText{
	left: 20%;
	top: 67%;
	font-size: 4pt;
	opacity: 0;
}

#distressMenuOptions{
	left: 20%;
	top: 75%;
	font-size: 6pt;

	opacity: 0;
}

#distressTimer{
	left: 20.75%;
	top: 70%;
	font-size: 5pt;
	text-align: center;
	opacity: 0;
}

#distressAlert{
	left: 20.25%;
	top: 67.5%;
	font-size: 4pt;
	opacity: 0;
}

/*CONTRAST SCREEN*/
#ContrastScreen{
	left: 19.75%;
	top: 65.7%;
	opacity: 0;
}

/*Scaling*/

.mainmenu{
	font-size: 1.5pt;
	opacity: 0;
	letter-spacing: -1px;
}

#Lite{
	letter-spacing: -2px;
}

.fours{
	font-size: .5pt;
	letter-spacing: -1px;
}

.fives{
	font-size: 1.5pt;
	letter-spacing: -1px;
}

.six{
	font-size: 2pt;
	letter-spacing: -1px;
}

#questionbox{
	position: absolute;
	background: #162c53;
	width: 75%;
	height: 50%;
	top: 1%;
	left: 20%;
	border:solid #fbbf13;
}

#prompt{
	left: 4.5%;
	font-weight: bold;
	text-align: left;
	font-size: 3pt;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: white;
}

#question{
	left: 4.5%;
	top: 10%;
	text-align: left;
	font-size: 3pt;
	margin-right: 3%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #FBBF13;
}

#correctLight{
	position: absolute;
	width: 5%;
	top: 64%;
	left: 3%;
	opacity: 0;
}

#incorrectLight{
	position: absolute;
	width: 5%;
	top: 82.5%;
	left: 3%;
	opacity: 0;
}

#correctLightOff{
	position: absolute;
	width: 5%;
	top: 64%;
	left: 3%;
	opacity: 0;
}

#incorrectLightOff{
	position: absolute;
	width: 5%;
	top: 82.5%;
	left: 3%;
	opacity: 0;
}

#correct{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 4.5pt;
	top: 53%;
	left: 10%;
	color: white;
	opacity: 0;
}

#incorrect{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 4.5pt;
	top: 71%;
	left: 10%;
	font-weight: bold;
	color: white;
	opacity: 0;
}