<?xml version="1.0" encoding="utf-8"?>
<Context >

  <Grid						ID="Backing"				Anchor="C,T" Size="parent+100,29" Texture="TopBar_Bar" SliceCorner="28,8" SliceTextureSize="57,29">
    <Image Texture="Controls_GradientSmall" Color="0,0,0,255" AnchorSide="I,O" Size="parent,21" Anchor="L,B"/>
    <Grid Texture="SelectionPanel_TopRim" TextureSize="14,5" Anchor="L,B" Size="parent,5" SliceCorner="7,2" AnchorSide="I,O" Offset="0,-1" Color="255,255,255,200"/>
  </Grid>
  <Image					ID="Backing2"				Style="DropShadow3" Size="300,120" Offset="-50,-80" Anchor="R,T"/>
  <Stack					ID="RightContents"	StackGrowth="Left" Anchor="R,T" Padding="3">
    <Button				ID="MenuButton"			Size="29,29" Texture="TopBar_MenuButton" ToolTip="LOC_TOP_PANEL_MENU_TOOLTIP"  />
    <Button				ID="CivpediaButton" Size="29,29" Texture="TopBar_CivilopediaButton" ToolTip="LOC_TOP_PANEL_HELP_TOOLTIP" />
    <Container												Size="2,1" />
    <Stack				ID="TimeArea"				Anchor="R,T" Offset="14,8"		StackGrowth="Right" >
      <AlphaAnim	ID="TimeCallback" Cycle="Once" Speed="0.5" />
      <Label			ID="Time" Style="TopBarMeta" String="1" />
    </Stack>
    <Stack StackGrowth="Down" Offset="0,2">
      <Stack StackGrowth="Right" Padding="3">
        <Label  Style="TopBarMeta" String="{LOC_TOP_PANEL_CURRENT_TURN:upper}"  />
        <Label	ID="Turns"   Style="TopBarMeta" String="1" />
      </Stack>
      <Label	ID="CurrentDate"		 Style="TopBarMeta" String="LOC_TOP_PANEL_CURRENT_DATE"/>
    </Stack>
  </Stack>
  
  <!-- Civ Yields Display -->
  <Stack					ID="InfoStack" Offset="10,2"  StackGrowth="Right" Padding="2">
    <Stack				ID="YieldStack"						  StackGrowth="Right" Padding="2"/>
    <Stack ID="StaticInfoStack" StackGrowth="Right" Padding="2">
	
      <!-- lockstep -->
      <Grid			ID="Happiness"				Style="SubContainerSmall2" Size="48,24">
        <Stack		ID="HappinessStack"				Anchor="L,C" StackGrowth="Right">
          <Label	ID="HappinessIcon"					Anchor="L,C" Style="FontNormal14" ColorSet="Dark_Gray_Black" String="[ICON_Amenities]" />
          <Label	ID="HappinessVariation"				Anchor="L,C" Style="FontNormal14" ColorSet="TopBarValueCS" String="?" />
        </Stack>
      </Grid>
	 
      <Grid			ID="Growth"					Style="SubContainerSmall2" Size="48,24">
        <Stack		ID="GrowthStack"				Anchor="L,C" StackGrowth="Right">
          <Label	ID="GrowthIcon"						Anchor="L,C" Style="FontNormal14" ColorSet="Dark_Gray_Black" String="[ICON_Housing]" />
          <Label	ID="GrowthVariation"				Anchor="L,C" Style="FontNormal14" ColorSet="TopBarValueCS" String="?" />
        </Stack>
      </Grid>
	  <!-- /lockstep -->
	  
      <Grid				ID="TradeRoutes"					Style="SubContainerSmall2" Size="48,24" ToolTip="LOC_HUD_TRADEROUTES_TOOLTIP">
        <Stack		ID="TradeStack"						Anchor="L,C"	Offset="0,4" StackGrowth="Right">
          <Label	ID="TradeIcon"						Anchor="L,C"	Style="FontNormal10" ColorSet="ResGoldLabelCS" String="[ICON_TradeRouteLarge]" />
          <Label	ID="TradeRoutesActive"									Offset="0,-3" Style="FontNormal14" ColorSet="TopBarValueCS" String="?"	WrapWidth="45" />
          <Label																					Offset="0,-3" Style="FontNormal14" ColorSet="TopBarValueCS" String="/"	WrapWidth="45" />
          <Label	ID="TradeRoutesCapacity"								Offset="0,-3"	Style="FontNormal14" ColorSet="TopBarValueCS" String="?"	WrapWidth="45" />
        </Stack>

        <Tutorial  ID="TutTradeRoutes" Style="TutorialContainer" Anchor="C,B" AnchorSide="I,O" Offset="0,24" TriggerBy="TutorialTradeRoutes" >
          <SlideAnim Anchor="C,T" Start="0,-30" EndOffset="0,10" Cycle="Bounce" Function="OutQuad" >
            <Image Texture="Tutorial_ArrowV" Offset="-22,0" Size="44,58" FlipY="true"/>
          </SlideAnim>
        </Tutorial>
      </Grid>

      <Grid		ID="Envoys" Style="SubContainerSmall2" Size="48,24" ToolTip="LOC_TOP_PANEL_INFLUENCE">
        <Stack			ID="EnvoysStack"				Anchor="L,C"	Offset="0,0" StackGrowth="Right" >
          <Image	  ID="EnvoysBacking" Size="24,24" Texture="Controls_MeterTinyBacking">
            <Label	Offset="1,1" Anchor="L,C"	Style="FontNormal14" ColorSet="TopBarValueCS" String="[ICON_Envoy]" />
            <Meter  ID="EnvoysMeter" Size="24,24" Texture="Controls_MeterTinyFill" Speed="1" Follow="1"/>
          </Image>
          <Label	ID="EnvoysNumber"	Offset="1,0" Anchor="L,C"	Style="FontNormal14" ColorSet="TopBarValueCS" String="0" />
        </Stack>
      </Grid>

      <Grid ID="NuclearDevices" Style="SubContainerSmall2" Size="48,24" ToolTip="LOC_WMD_NUCLEAR_DEVICE_NAME">
        <Stack StackGrowth="Right" Anchor="L,C">
          <Label String="[ICON_Nuclear]" Anchor="C,C" Offset="0,-1" />
          <Label ID="NuclearDeviceCount" Offset="2,2" String="0" Style="FontNormal14" Align="C,C" />
        </Stack>
      </Grid>

      <Grid ID="ThermoNuclearDevices"  Style="SubContainerSmall2" Size="48,24" ToolTip="LOC_WMD_THERMONUCLEAR_DEVICE_NAME">
        <Stack StackGrowth="Right" Anchor="L,C">
          <Label String="[ICON_ThermoNuclear]" Anchor="C,C" />
          <Label ID="ThermoNuclearDeviceCount" Offset="1,2" String="0" Style="FontNormal14"  Align="C,C" />
        </Stack>
      </Grid>
    </Stack>

    <Grid    ID="Resources" Style="SubContainerSmall2"  Size="48,24">
      <Stack ID="ResourceStack" StackGrowth="Right" StackPadding="4" Anchor="L,C" />
    </Grid>

    <!-- lockstep -->
	<Grid ID="LuxuryResources" Style="SubContainerSmall2"  Size="48,24">
	  <Stack ID="LuxuryResourcesStack"  StackGrowth="Right" Anchor="L,C">
		<Image  ID="LuxuryResourcesIcon" Size="22,22"/>
	    <Label  ID="LuxuryResourcesTypesPlusTotal"  Anchor="L,C"  Style="FontNormal14" ColorSet="TopBarValueCS" String="?" />
	  </Stack>
 	</Grid>
	<!-- /lockstep -->
		
		<GridButton ID="ViewReports" Style="FontNormal16"  FontStyle="Glow" TextAnchor="C,C" TextOffset="-1,0" Texture="Controls_ButtonControl_Reports"	SliceCorner="12,12"	SliceSize="1,1"	SliceTextureSize="29,29" StateOffsetIncrement="0,29" String="LOC_HUD_REPORTS_VIEW_REPORTS" ToolTip="LOC_HUD_REPORTS_VIEW_REPORTS_TT" Size="29,29" Offset="1,-2" />
	</Stack>

	<Tutorial ID="TechYieldPointer" Style="TutorialContainer" Anchor="L,T" Offset="46, 70" TriggerBy="TutorialTechYieldPointer">
		<SlideAnim Anchor="L,T" Start="0,-30" EndOffset="0,10" Cycle="Bounce" Function="OutQuad" >
			<Image Texture="Tutorial_ArrowV" Offset="-22,-20" Size="44,58" FlipY="true"/>
		</SlideAnim>
	</Tutorial>

	<Tutorial ID="FaithYieldPointer" Style="TutorialContainer" Anchor="L,T" Offset="46, 70" TriggerBy="TutorialFaithYieldPointer">
		<SlideAnim Anchor="L,T" Start="0,-30" EndOffset="0,10" Cycle="Bounce" Function="OutQuad" >
			<Image Texture="Tutorial_ArrowV" Offset="110,-20" Size="44,58" FlipY="true"/>
		</SlideAnim>
	</Tutorial>

	<Tutorial ID="TutCivilopediaPointer" Style="TutorialContainer" Anchor="R,T" Offset="46, 70" TriggerBy="TutorialCivilopediaPointer">
		<SlideAnim Anchor="R,T" Start="0,-30" EndOffset="0,10" Cycle="Bounce" Function="OutQuad" >
			<Image Texture="Tutorial_ArrowV" Offset="-24,-20" Size="44,58" FlipY="true"/>
		</SlideAnim>
	</Tutorial>
	
	<ToolTipType Name="TooltipTypeTopPanel" >
		<Grid Size="530,90" Offset="8.0" Padding="8,8" Style="TTGrid"  ID="TopPanelMouseover" NoClip="1" >
			<Label Offset="12,12" Style="FontNormal16" ID="TooltipLabel" String="LOC_TOP_PANEL_TOOLTIP_DESCRIPTION" LeadingOffset="-5" WrapWidth="512" />
		</Grid>
	</ToolTipType>

	<Instance Name="ResourceInstance">
		<Label	ID="ResourceText" Style="FontNormal14" ColorSet="TopBarValueCS"/>
	</Instance>
	
	<Instance Name="TopBarButtonInstance">
		<Container	ID="Top"																		Size="50,36" > 
			<Image									Anchor="C,C" Offset="0,2"			Size="39,39"		Texture="TopBarRingOtherBG.dds"		/>
			<Image									Anchor="C,C" Offset="0,0"			Size="49,53"		Texture="TopBarRingOther.dds"		/>
		</Container>
	</Instance>
  
  <Instance Name="YieldButton_SingleLabel">
    <Container ID="Top" Size="auto,auto">
      <GridButton	ID="YieldBacking" Size="auto,24" AutoSizePadding="1,0" Style="YieldBacking" Color="24,156,216,255">
        <Stack		ID="YieldButtonStack" Anchor="L,C" Offset="0,2"	StackGrowth="Right">
          <Label	ID="YieldIconString" Anchor="L,B" Offset="0,4"/>
          <Label	ID="YieldPerTurn" Anchor="C,T" Style="FontNormal18" ColorSet="ResScienceLabelCS" FontStyle="Stroke" String="0"/>
        </Stack>
      </GridButton>
    </Container>
  </Instance>

  <Instance Name="YieldButton_DoubleLabel">
    <Container ID="Top" Size="auto,auto">
      <Image Anchor="C,C" Offset="45,0" Size="auto,24" Texture="TopBar_YieldBacking.dds"		/>
      <GridButton	ID="YieldBacking" Size="auto,24" AutoSizePadding="1,0" Style="YieldBacking" Color="24,156,216,255">
        <Stack		ID="YieldButtonStack" Anchor="L,C" Offset="0,2"	StackGrowth="Right">
          <Label	ID="YieldIconString" Anchor="L,B" Offset="0,4"/>
          <Label	ID="YieldBalance" Anchor="C,T" Style="FontNormal18" ColorSet="ResFaithLabelCS" String="?"/>
          <Label	ID="YieldPerTurn" Offset="2,-2" Style="FontNormal14" ColorSet="ResFaithLabelCS" FontStyle="Stroke" String="0"/>
        </Stack>
      </GridButton>
    </Container>
  </Instance>
  
</Context>
