@media screen{
body {
  font-family:sans-serif;
  /*min-width:1380px;*/
}

body.tcuAccess {
  position:absolute;
  left:0px;
  top:0px;
  width:640px;
  height:480px;
  overflow:hidden;
  min-width:0;
}

html{background-color:#1d1d1d;}

/*======================= Panel Placement / images =======================*/

.tcuPanel {
  margin:0 auto;
  //background:url(/images/faceplate/TCU_faceplate.png) no-repeat center #1d1d1d;
  background:url(/images/faceplate/background.png) repeat-x #1d1d1d;
}

.tcuAccess .tcuPanel,
.tcuAccess .tcuPanelClean {
  margin:0;
  background:none;
}

.tcuPanelInner {
  margin:0 auto;
  width:1255px;
  height:712px;
  position:relative;
  background-image:url(/images/harris-logo-lcd.gif);
  background-repeat:no-repeat;
  background-position:96px 120px;
}

.tcuAccess .tcuPanelInner {
  margin:0;
  width:640px;
  height:480px;
  position:relative;
  overflow:hidden;
  background:none;
}

.exciter1 {
  margin:2px auto;
  background:url(/images/exciter_faceplate.gif) no-repeat center #fff;
}
.exciter2 {
  margin:0 auto;
  position:relative;
  width:1380px;
  height:484px;
}

/*======================= Faceplate =======================*/

#screenBorder { position:absolute; top:44px; left:5px; }
#imgScreenBorder { width:811px; }

#GatesAirLogo{
  left:40px;
  top:66px;
  position:absolute;
  width:86px;
}

#imgGALogo {
 width:86px;
}

#ModelLogo{
 left:647px;
 top:78px;
 position:absolute;
 width:120px;
}
#imgMdlLogo {
  width:120px;
}




#tcuPanelLeds {
  width:150px;
  height:712px;
  position:absolute;
  left:804px;
}

#panel_logout {
  font-size:30px;
  position:absolute;
  left:648px;
  top:66px;
}

#panel_logout a {
  color: #fff;
  text-decoration: underline;
}

#tcuPanelLeds .ledLabel{
  position:absolute;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:16px;
  color: #fff;
  overflow:hidden;
  width:150px;
  height:20px;
  left: 0px;
}

#driveChainLedLabel{top:98px;}
#powerAmpLedLabel{top:204px;}
#outputLedLabel {top:310px;}
#powerSupplyLedLabel{top:416px;}
#systemLedLabel {top:522px;}

#tcuPanelLeds div {
  position:absolute;
  width:40px;
  height:40px;
  left:54px;
}

#driveChainLed {top:128px;}
#powerAmpLed {top:234px;}
#outputLed {top:340px;}
#powerSupplyLed {top:446px;}
#systemLed {top:552px;}

#tcuPanelLeds .ok, #tcuPanelLeds .on {background: transparent url(/images/faceplate/led_sprite.gif) 0px -40px no-repeat;}
#tcuPanelLeds .fault {background:transparent url(/images/faceplate/led_sprite.gif) 0px -120px  no-repeat;}
#tcuPanelLeds .warn {background: transparent url(/images/faceplate/led_sprite.gif) 0px -80px  no-repeat;}
#tcuPanelLeds .default, #tcuPanelLeds .off {background: transparent url(/images/faceplate/led_sprite.gif) 0px 0px  no-repeat;}

#excLeds {
  width:1000px;
  height:484px;
  position:absolute;
}

#excLeds div {
  position:absolute;
  width:40px;
  height:40px;
}

#adaptLedTop {left:340px;top:142px;}
#adaptLedBot {left:340px;top:308px;}
#holdLedTop {left:396px;top:142px;}
#holdLedBot {left:396px;top:308px;}
#storedLedTop {left:454px;top:142px;}
#storedLedBot {left:454px;top:308px;}
#bypassLedTop {left:510px;top:142px;}
#bypassLedBot {left:510px;top:308px;}
#faultLedTop {left:566px;top:142px;}
#faultLedBot {left:566px;top:308px;}
#rfLedTop {left:624px;top:142px;}
#rfLedBot {left:624px;top:308px;}

#sig1HPLed {left:850px;top:58px;}
#sig2HPLed {left:908px;top:58px;}
#sig1LPLed {left:850px;top:114px;}
#sig2LPLed {left:908px;top:114px;}
#muteLed {left:908px;top:170px;}
#gpsLed {left:908px;top:228px;}
#warningLed {left:908px;top:284px;}
#rfLed {left:908px;top:340px;}
#powerLed {left:908px;top:398px;}

#excLeds .off {background:transparent url(/images/faceplate/exciter_led_sprite.gif) 0px 0px  no-repeat;}
#excLeds .on, #excLeds .green {background:transparent url(/images/faceplate/exciter_led_sprite.gif) 0px -40px  no-repeat;}
#excLeds .red {background:transparent url(/images/faceplate/exciter_led_sprite.gif) 0px -80px  no-repeat;}
#excLeds .yellow {background:transparent url(/images/faceplate/exciter_led_sprite.gif) 0px -120px  no-repeat;}
#excLeds .orange {background:transparent url(/images/faceplate/exciter_led_sprite.gif) 0px -160px  no-repeat;}


#linearBtn, #nonLinearBtn {
  position:absolute;
  width:90px;
  height:82px;
  display:block;
}

#linearBtn {left:208px;top:124px;}
#nonLinearBtn {left:208px;top:284px;}

#excButtons .off {background:transparent url(/images/faceplate/exciter_btn_sprite.gif) 0px 0px no-repeat;}
#excButtons .on {background:transparent url(/images/faceplate/exciter_btn_sprite.gif) 0px -82px no-repeat;}

#panelButtons {
  position:absolute;
  width:340px;
  height:720px;
  left:950px;
}

#panelButtons div {position:absolute;}
#panelButtons a {
  color:#000;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  text-align:center;
  line-height:82px;
  font-size:18px;
}

#panelButtons a.disabled,
#panelButtons a.small[disabled="disabled"],
#panelButtons a.large[disabled="disabled"]{
  color:#777; 
  cursor:default; 
}

#panelButtons a.small {
  display:block;
  width:90px;
  height:82px;
}

#panelButtons a.large {
  display:block;
  width:188px;
  height:82px;
  text-transform:uppercase;
}

#powerControlBtnLabel {left:10px;top:35px;width:90px;}
#remoteBtnLabel {left:130px;top:35px;width:90px;}
#powerBtnLabel {left:234px;top:35px;width:90px;}
#exciterBtnLabel {left:10px;top:245px;width:90px;}
#driverBtnLabel {left:10px;top:455px;width:90px;}
#transFilamentBtnLabel {left:136px;top:455px; width:188px;}
#transPlateBtnLabel {left:136px;top:245px; width:188px;}

#panelButtons .buttonsLabel{
  position:absolute;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:16px;
  text-transform:uppercase;
  color: #fff;
  overflow:hidden;
  height:40px;
  z-index: 1;
}

#powerControlBtnAuto {left:10px;top:68px;}
#powerControlBtnMan {left:10px;top:150px;}

#remoteBtnEnable {left:130px;top:68px;}
#remoteBtnDisable {left:130px;top:150px;}

#pwrLowerBtn a {letter-spacing:-0.16px;}
#pwrRaiseBtn {left:234px;top:68px;}
#pwrLowerBtn {left:234px;top:150px;}

#exciterBtnA {left:10px;top:278px;}
#exciterBtnB {left:10px;top:360px;}

#txPlateOnBtn {left:136px;top:282px;}
#txPlateOffBtn {left:136px;top:362px;}

#driverBtnA {left:10px;top:488px;}
#driverBtnB {left:10px;top:570px;}

#txOnBtn {left:136px;top:490px;}
#txOffBtn {left:136px;top:570px;}

#cabTabs {
  position:absolute;
  left:854px;
  top:660px;
  width:430px;
  height:40px;
  visibility:hidden;
}

.cabTabbedList { list-style:none; }

.tabbedButton {
  width:78px;
  float:left;
  text-align:center;
  border-style:solid;
  border-width: 2px;
  margin-right:2px;
  border-color:#333333;
  background:#666666;
}

.tabSelected {
  width:78px;
  float:left;
  text-align:center;
  border-style:solid;
  border-width: 2px;
  margin-right:2px;
  border-color:#666666;
  background:#cccccc;
}

.tabbedButton a, .tabSelected a { line-height:30px; color:#000000; }

.tabbedButton a:link, .tabSelected a:link {
  width:78px;
  display:block;
}

#panel_cab {
  position:absolute;
  color:#FFFFFF;
  font-size:26px;
  font-weight:bold;
  left:30px;
  text-align:center;
  top:38px;
  width:100px;
  visibility:hidden;
}

#multiCabBoarder {
  position:absolute;
  border-style:solid;
  border-width:0px 0 0 0px;
  top:19px;
  width:452px;
  height:673px;
  left:819px;
  visibility:hidden;
}

#panelButtons div#txOnBtn {background:url(/images/faceplate/large_sprite.gif) 0px 0px no-repeat transparent;}
#panelButtons div#txOffBtn {background:url(/images/faceplate/large_sprite.gif) 0px -82px no-repeat transparent;}

#panelButtons div a.small {background-image:url(/images/faceplate/small_sprite.gif);}

#panelButtons .green_off a.small, #panelButtons .yellow_off a.small {background-position:0px 0px;}
#panelButtons .green_on a.small {background-position:0px -82px;}
#panelButtons .yellow_on a.small {background-position:0px -164px;}

#panelButtons div a.large {background-image:url(/images/faceplate/large_sprite.gif);}
#txOffBtn a.large {background-position:0px -82px;}

#panelButtons .green_off a.large {background-position:0px 0px;}
#panelButtons .yellow_off a.large {background-position:0px -82px;}
#panelButtons .green_on a.large {background-position:0px -164px;}
#panelButtons .yellow_on a.large {background-position:0px -246px;}
}

@media print {
#multiCabBoarder,#tcuPanelLeds,#panelButtons,
#cabTabs {
  display:none;
}
}
