<root>
	<styles>		
		<include src="file://{resources}/styles/steamstyles.css" />
		<include src="file://{resources}/styles/msgbox.css" />
		<include src="file://{resources}/styles/tenfootcontroller_calibration.css"  /> 
	</styles> 
  <Panel class="TenfootMsgBox TenfootControllerPadCalibrationPopup" tabindex="auto" selectionpos="auto">
	  <Panel class="TenfootControllerPadCalibrationPopupBody" tabindex="auto">
		  <Label class="TitleFont" text="#ControllerCalibration_Title" />
			<Label class="TextFont" text="#ControllerCalibration_Instructions" />	
			<Label id="JoystickMsg" class="TextFont" text="#ControllerCalibration_Joystick_Instructions" />
      <Label id="IMUMsg" class="TextFont" text="#ControllerCalibration_IMU_Instructions" />
      <Panel id="ButtonPanel">
        <Panel id="StickVisualization">
          <Panel id="LeftStickImage" class="StickImage">
            <Panel class="row">
              <Panel id="q1" class="quarter"></Panel>
              <Panel id="q2" class="quarter"></Panel>
            </Panel>
            <Panel class="row">
              <Panel id="q3" class="quarter"></Panel>
              <Panel id="q4" class="quarter"></Panel>
            </Panel>
          </Panel>
          <Panel id="LeftStickDeadzone" class="StickDeadzone"></Panel>
          <Panel id="LeftStickCursor" class="StickCursor"></Panel>
          <Panel id="RightStickImage" class="StickImage RightStick">
            <Panel class="row RightStick">
              <Panel id="q1" class="quarter"></Panel>
              <Panel id="q2" class="quarter"></Panel>
            </Panel>
            <Panel class="row RightStick">
              <Panel id="q3" class="quarter"></Panel>
              <Panel id="q4" class="quarter"></Panel>
            </Panel>
          </Panel>
          <Panel id="RightStickDeadzone" class="StickDeadzone RightStick"></Panel>
          <Panel id="RightStickCursor" class="StickCursor RightStick"></Panel>
        </Panel>
        <Button id="LockJoystickButton" class="Button CalibrationButton" tabindex="auto" selectionpos="auto" onactivate="CalibrationLockJoysticks()">
          <Label class="CalibrationButtonText" text="#ControllerCalibration_LockSticks" />
        </Button>
        <Panel class="CalibrationButton LeftStick" id="LeftStickSliderContainer">
          <Label class="SliderLabel" text="#ControllerCalibration_Left_Deadzone" />
          <Slider id="ControllerCalibration_Left_Deadzone" direction="horizontal" />
        </Panel>
        <Panel class="CalibrationButton RightStick" id="RightStickSliderContainer">
          <Label class="SliderLabel" text="#ControllerCalibration_Right_Deadzone" />
          <Slider id="ControllerCalibration_Right_Deadzone" direction="horizontal" />
        </Panel>
        <Button class="Button CalibrationButton" tabindex="auto" selectionpos="auto" onactivate="CalibrationStart()">
          <Label id="CalibrationStatusText" class="CalibrationButtonText" text="#ControllerCalibration_Start" />
        </Button>
        <Button id="GyroButton" class="Button CalibrationButton" tabindex="auto" selectionpos="auto" onactivate="GyroCalibrationStart()">
          <Label class="CalibrationButtonText" text="#ControllerCalibration_Gyro" />
        </Button>
        <ToggleButton class="CheckBox CalibrationButton" selectionpos="auto" id="GyroAutoCalCheckbox" onactivate="GyroCalibrationSettingToggle()" text="#SettingsController_AutoCalibrateDuringUse"/>
        <Button class="Button CalibrationButton OKButton" id="OKButton" tabindex="auto" selectionpos="auto" onactivate="AcceptButton()">
          <Label class="CalibrationButtonText" text="#UI_OK" />
        </Button>
        <Button class="Button CalibrationButton" id="CancelButton" tabindex="auto" selectionpos="auto" onactivate="CancelButton()">
          <Label class="CalibrationButtonText" text="#UI_CANCEL" />
        </Button>
      </Panel>
    </Panel>
  </Panel>
</root>
