@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;
}

#InnerDiv{
	width: 1920px;
	height: 1080px;
	margin: 0 auto;
	position: relative;
}

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

.UI{
	font-family: 'Press Start 2P', cursive;
	 opacity: 0;
	-webkit-touch-callout: none;
}

.blah{
	font-family: 'Press Start 2P', cursive;
}

.Tens{
	font-size: 10pt;
}

.Nines{
	font-size: 9pt;
}

.Sevens{
	font-size: 7pt;
}

.Sixes{
	font-size: 6pt;
}

#RX{
	top: 51%;
	left: 21.95%;
	color: white;
	background-color: black;
	padding: 0.15% 0.5% 0.15% 0.4%;
}

#MMSI{
	top: 51.4%;
	left: 30%;
}

#SQL{
	top: 57%;
	left: 21%;
}

#NB{
	top: 57%;
	left: 24.25%;
}

#Scan{
	top: 59.5%;
	left: 26%;
}

#AGC{
	top: 57%;
	left: 26.75%;
/*	text-decoration: line-through;*/
}

#Coordinates{
	text-align: right;
	letter-spacing: -1px;
	top: 65.5%;
	left: 21.5%;
}

#Date{
	text-align: center;
	letter-spacing: -1px;
	top: 70.5%;
	left: 21.5%;
}

#ChannelNumber{
	top: 53%;
	left: 40%;
	font-size: 28pt;
}

#ChannelType{
	text-align: center;
	top: 61%;
	left: 35%;
}

#ChanMode{
	top: 58.25%;
	left: 43.15%;
}

#OpMode{
	top: 64%;
	left: 30.1%;
}

#Dup{
	top: 66.5%;
	left: 30.1%;
}

#Receiving{
	top: 64.4%;
	left: 34%;
}

#ReceivingFreq{
	top: 63.75%;
	left: 36.5%;
	letter-spacing: -1px;
}

#Transmitting{
	top: 67.7%;
	left: 34%;
}

#TransmittingFreq{
	top: 67%;
	left: 36.5%;
	letter-spacing: -1px;
}

#LOW{
	top: 71.75%;
	left: 35.25%;
}

#HIGH{
	top: 71.75%;
	left: 44.4%;
}

#OptionLeft{
	top:74%;
	left: 20.75%;
	transform: rotate(90deg);
}

#OptionA{
	top: 73.4%;
	left: 22%;
	text-align: center;
	line-height: 1.4;
}

#OptionB{
	top: 73.4%;
	left: 28%;
	text-align: center;
	line-height: 1.4;
}

#OptionC{
	top: 73.4%;
	left: 33.5%;
	text-align: center;
	line-height: 1.4;
}

#OptionD{
	top: 73.4%;
	left: 40%;
	text-align: center;
	line-height: 1.4;
}

#OptionRight{
	top:74%;
	left: 44.4%;
	transform: rotate(-90deg);
}
/*KEYBOARD*/
#Header{
	font-family: 'Press Start 2P', cursive;
	top:51.75%;
	left:26%;
}

#Entering{
	font-family: 'Press Start 2P', cursive;
	top:55.5%;
	left:21.5%;
}

#Form{
	font-family: 'Press Start 2P', cursive;
	top:54.7%;
	left:33.75%;
	padding: 0.35% 0.15% 0.25% 0.2%;
	border: 1px #000000 solid;
}

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

#questionbox{
	position: absolute;
	background: #162c53;
	width: 60%;
	height: 42.5%;
	top: 1%;
	left:2.5%;
	border:solid #fbbf13;
}

#prompt{
	left: 4.5%;
	top: -7.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: 2.5%;
	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: 66%;
	left: 3%;
	opacity: 0;
}

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

#correctLightOff{
	position: absolute;
	width: 5%;
	top: 66%;
	left: 3%;
}

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

#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: 50%;
	left: 10%;
	color: white;
}

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

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

#HandsetButton{
	width: 5%;
	left: 66.75%;
	top: 31%;
}

#Base{
	width: 80%;
	left: 0%;
	top: 32.5%;
}

.hov{
	opacity: 0;
	-webkit-touch-callout: none;
}

.hov:hover{
	opacity: 1;
	cursor: pointer;
	-webkit-touch-callout: none;
}

#Handsensor{
	position: absolute;
	width: 8%;
	height: 10%;
	left: 66%;
	top: 31%;
}

#Distress{
	width: 1.75%;
	left: 15.85%;
	top: 82.5%;
}

#DistressCover{
	width: 3.5%;
	left: 15%;
	top: 77%;
	opacity: 1;
}

#DistressHelper{
	width: 4.5%;
	left: -1000px;
/*	left: 14.75%;*/
	top: 92.5%;
	opacity: 0;
}

#DistressTT {
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
 color: #162c53;
 position: absolute;
 left: 7.5%;
 top: 92.5%;
 width: 5%;
 height: 5%;
}

.softkeys{
	width: 4.4%;
	top: 81.5%;
}

#MenuA{
	left: 22.6%;
}

#MenuB{
	left: 28.1%;
}

#MenuC{
	left: 33.75%;
}

#MenuD{
	left: 39.25%;
}

.dpad{
	width: 3.2%;
	left: 48.75%;
	top: 56%;
}

#Up{
	top: 50.75%;
}

#Down{
	top: 61%;
	transform: rotate(180deg);
}

#Left{
	left: 46%;
	transform: rotate(-90deg);
}

#Right{
	left: 51.5%;
	transform: rotate(90deg);
}

#Enter{
	left: 48.75%;
	top: 54.75%;
}

#Menu{
	width: 3.5%;
	left: 46.5%;
	top: 67.25%;
}

#Clear{
	width: 3.5%;
	left: 50.6%;
	top: 67.25%;
}

.nmbr{
	width: 2.5%;
	left: 55.9%;
	top: 50.25%;
}

#k1{
	left: 55.9%;
	top: 50.25%;
}

#k2{
	left: 59.15%;
	top: 50.25%;
}

#k3{
	left: 62.35%;
	top: 50.25%;
}

#k4{
	left: 55.9%; 
	top: 56%;
}

#k5{
	left: 59.15%;
	top: 56%;
}

#k6{
	left: 62.35%;
	top: 56%;
}

#k7{
	left: 55.9%;
	top: 61.7%;
}

#k8{
	left: 59.15%;
	top: 61.7%;
}

#k9{
	left: 62.35%;
	top: 61.7%;
}

#TxMntr{
	left: 55.9%;
	top: 67.35%;
}

#k0{
	left: 59.15%;
	top: 67.35%;
	
}

#Mute{
	left: 62.35%;
	top: 67.35%;
}

#DScan{
	width: 3.75%; 
	left: 55.45%; 
	top: 74.5%;
}

#Power{
	width: 3.25%;
	left: 62%;
	top: 74.55%;
}

#VolumeDial{
	width: 5%; 
	left: 59.75%;
	top: 79.5%; 
	opacity: 1;
}

#VolumeButton{
	width: 2.75%;
	left: 60.9%; 
	top:81.6%;
}

#ChGrpDial{
	width: 7.5%; 
	left: 46.75%;
	top: 75%;
	opacity: 1;
}

#ChGrpButton{
	width: 4.25%; 
	left: 48.35%;
	top: 78%;
}

#rotatesensor1{
	width: 5%;
}

#Screen{
	opacity: 0; 
}

.Screens{
	width: 24.5%;
	left: 20.675%;
	top: 52.5%;
}

#PopupScreen{
	top:55%;
}

#ScanCurrent{
	width: 2.4%; 
	height: 2.5%;
	left: 30.9%; 
	top: 60.6%;
}

#ScanCurrent2{
	width: 5.9%; 
	height: 2.3%;
	left: 38.25%; 
	top: 60.5%;
}

#ScanTitle{
	top:54.2%; 
	left:34%;
}

#ScanDis{
	top:57.25%; 
	left:30.5%;
}

#s2M{
	top:59.8%; 
	left:31.25%;	
}

#s4M{
	top:59.8%; 
	left:35.15%;
}

#s6M{
	top:64.9%; 
	left:35.15%;
}

#s8M{
	top:69.9%; 
	left:35.15%;
}

#s12M{
	top:69.9%; 
	left:31%;
}

#s16M{
	top:64.9%; 
	left:31%;
}

#ScanFreqs{
	top:57.25%; 
	left:38.5%;
}

#Scan2MHz{
	top:60%; 
	left: 39.5%;
}

#Scan4MHz{
	top:62.25%; 
	left: 39.5%;
}

#Scan6MHz{
	top:64.5%; 
	left: 39.5%;
}

#Scan8MHz{
	top:66.5%;
	left: 39.5%;
}

#Scan12MHz{
	top:68.6%; 
	left: 39%;
}

#Scan16MHz{
	top:70.75%; 
	left: 39%;
}

#VolThumb{
	width: 1.25%;
	left: 23%; 
	top: 63%;
}

#volLine1{
	width: 1.75%; 
	height: 0.75%;
	top: 63.75%; 
	left: 20.75%; 
	transform: rotate(-45deg); 
	opacity: 0;
}

#volLine2{
	width: 1.75%; 
	height: 0.75%;
	top: 63.75%; 
	left: 20.75%; 
	transform: rotate(45deg); 
	opacity: 0;
}

#ChanModeBG{
	width: 2%;
	left:43%;
	top:59%;
}

.pip{
	width: 1%;
	top:71.6%;
}

#Pip1{left: 35.75%;}
#Pip2{left: 36.9%;}
#Pip3{left: 38%;}
#Pip4{left: 39.05%;}
#Pip5{left: 40.1%;}
#Pip6{left: 41.15%;}
#Pip7{left: 42.25%;}
#Pip8{left: 43.35%;}

#agcline{
	width: 3%; 
	height: 0.5%; 
	top: 59%; 
	left: 26.75%;
	transform: rotate(15deg);
}

.tabbox{
	width: 18.75%;
	left: 20.75%;
	top: 54.75%;
}

.envelope{
	width: 1%;
	top: 55.1%;
}

#Envelope1{left: 20.9%;}
#Envelope2{left:22.25%;}
#Envelope3{left:23.6%;}
#Envelope4{left:24.85%;}
#Envelope5{left:26.15%;}
#Envelope6{left:27.5%;}
#Envelope7{left:28.85%;}

#TabCallType{
	top: 56.75%; 
	left: 22%; 
	z-index: 2;
}

.tInfo{
	left: 21.5%; 
	z-index: 2;
}

#TabCallInfo1{top: 60.25%;}
#TabCallInfo2{top: 63%;}
#TabCallInfo3{top: 65.75%;}
#TabCallInfo4{top: 68.5%;}

.tInfo2{ 
	left: 39.75%; 
	z-index: 2;
}

#TabCN{top: 56.5%;}
#TabDUP{top: 60%;}
#TabOM{
	top: 60%; 
	left: 42.75%;
}
#TabRX{top: 62.5%;}
#TabRF{top: 64.25%;}
#TabTX{top: 66%;}
#TabTF{top: 67.75%;}

.UIKeys{height: 2.5%;}

.row1{top: 63.55%;}
.txtrow1{top: 62.3%;}

#A0Key{left: 21%;}
#A0Keytxt{left: 21.5%;}

#B1Key{left: 22.85%;}
#B1Keytxt{left: 23.3%;}

#C2Key{left: 24.7%;}
#C2Keytxt{left: 25.1%;}

#D3Key{left: 26.45%;}
#D3Keytxt{left: 27%;}

#E4Key{left:28.3%;}
#E4Keytxt{left:28.8%;}

#F5Key{left:30.2%;}
#F5Keytxt{left:30.75%;}

#G6Key{left:32.1%;}
#G6Keytxt{left:32.5%;}

#H7Key{left:33.9%;}
#H7Keytxt{left:34.35%;}

#I8Key{left:35.8%;}
#I8Keytxt{left:36.15%;}

#J9Key{left:37.65%;}
#J9Keytxt{left:37.95%;}

#KKey{left:39.5%;}
#KKeytxt{left:39.9%;}

#LKey{left:41.3%;}
#LKeytxt{left:41.6%;}

#MKey{left:43.15%;}
#MKeytxt{left:43.5%;}

.row2{top: 66.15%;}
.txtrow2{top:65%;}

#NNWKey{left:21%;}
#NNWKeytxt{left:21.5%;}

#OSEKey{left:22.85%;}
#OSEKeytxt{left:23.3%;}

#PKey{left:24.75%;}
#PKeytxt{left:25.1%;}

#QKey{left:26.45%;}
#QKeytxt{left:27%;}

#RKey{left:28.3%;}
#RKeytxt{left:28.8%;}

#SKey{left:30.2%;}
#SKeytxt{left:30.75%;}

#TKey{left:32.1%;}
#TKeytxt{left:32.4%;}

#UKey{left:33.9%;}
#UKeytxt{left:34.35%;}

#VKey{left:35.8%;}
#VKeytxt{left:36.15%;}

#WKey{left:37.65%;}
#WKeytxt{left:38%;}

#XKey{left:39.5%;}
#XKeytxt{left:39.85%;}

#YKey{left:41.3%;}
#YKeytxt{left:41.65%;}

#ZKey{left:43.15%;}
#ZKeytxt{left:43.5%;}

.row3{top: 68.86%;}
.txtrow3{top:67.7%;}

#0Key{left:21%;}
#0Keytxt{left:21.5%;}

#1Key{left:22.85%;}
#1Keytxt{left:23.3%;}

#2Key{left:24.75%;}
#2Keytxt{left:25.1%;}

#3Key{left:26.45%;}
#3Keytxt{left:27%;}

#4Key{left:28.3%;}
#4Keytxt{left:28.8%;}

#5Key{left:30.2%;}
#5Keytxt{left:30.75%;}

#6Key{left:32.1%;}
#6Keytxt{left:32.4%;}

#7Key{left:33.9%;}
#7Keytxt{left:34.35%;}

#8Key{left:35.8%;}
#8Keytxt{left:36.15%;}

#9Key{left:37.65%;}
#9Keytxt{left:38%;}

#LeftKey{
	height: 2.35%;
	top:71.56%;
	left:21.2%;
}
#LeftKeytxt{
	top:70.25%;
	left:21.5%;
}

#RightKey{
	height: 2.35%;
	top:71.56%;
	left:24%;
}
#RightKeytxt{
	top:70.25%;
	left:24.5%;
}

#SpaceKey{
	height: 2.4%; 
	top: 71.5%; 
	left:26.75%;
}
#SpaceKeytxt{
	top:70.75%; 
	left:27.5%;
}

#DeleteKey{
	height: 2.4%;
	top: 71.5%; 
	left:32.1%;
}
#DeleteKeytxt{
	top:70.75%;
	left:32.5%;
}

#DoneKey{
	height: 2.35%;
	top: 71.5%;
	left:37.45%;
}
#DoneKeytxt{
	top:70.75%;
	left:39.5%;
}

#Selected{
	width: 20.75%;
	height: 3.5%;
	top: 56%;
	left: 23.5%;
}

#Scroller{
	height: 17.5%;
	width: 1%;
	top: 56%;
	left: 44.1%;
}

#MenuItem1{
	top:55.5%; 
	left:24%;
}
#MenuItem1Arrow{
	top:55.5%; 
	left:43%;
}

#MenuItem2{
	top:59%; 
	left:24%;
}
#MenuItem2Arrow{
	top:59%;
	left:43%;
}

#MenuItem3{
	top:62.5%;
	left:24%;
}
#MenuItem3Arrow{
	top:62.5%;
	left:43%;
}

#MenuItem4{
	top:66%;
	left:24%;
}
#MenuItem4Arrow{
	top:66%; 
	left:43%;
}

#MenuItem5{
	top:69.5%;
	left:24%;
}
#MenuItem5Arrow{
	top:69.5%;
	left:43%;
}

#MenuItem6{
	top:73%;
	left:24%;
}
#MenuItem6Arrow{
	top:73%;
	left:43%;
}

#DistressCounter{
	top:58.5%; 
	left:27.5%;
}

#CallPrompt{
	top:55%;
	left:22%;
}

#SelectedCall{
	width: 23.5%;
	height: 3.5%;
	top: 59.25%; 
	left: 20.75%;
}

#CallScroller{
	height:10%;
	width:1%;
	top: 59.25%;
	left:44.1%;
}

#CallItem1{
	top:58.5%;
	left:21.5%;
}
#CallFilled1{
	top:58.5%;
	left:35.75%;
}

#CallItem2{
	top:62.25%;
	left:21.5%;
}
#CallFilled2{
	top:62.25%;
	left:43.25%;
}

#CallItem3{
	top:66%; 
	left:21.5%;
}
#CallFilled3{
	top:66%;
	left:33.5%;
}

#CallItem4{
	top:69.75%;
	left:21.5%;
}
#CallFilled4{
	top:69.75%;
	left:32.5%;
}

#PopupTitle{
	top: 57.75%; 
	left: 24.5%;
}

#PopupInfo1{
	top: 61%; 
	left: 25.5%;
}

#PopupInfo2{
	top: 65%;
	left: 24.75%;
}

#pointerArrow{
	top: 57.25%; 
	left: 34.25%; 
	transform: rotate(-90deg);
}

.mobilearrows{
	width: 5%; 
	top: 92%;
}

#VolLeft{
	left: 57.5%;
}

#VolRight{
	left: 63%;
	transform: rotate(180deg);
}

#ChGrpLeft{
	left:45%;
}

#ChGrpRight{
	left:51%;
	transform: rotate(180deg);
}

#logo{
	 width: 20%;
}