<?xml version="1.0" encoding="utf-8"?>
<Context>
  <SlideAnim Style="RundownAnimBG" Speed="5">
    <!-- Title Area -->
    <Grid Anchor="C,T" Size="parent-6,140" Offset="0,50" Texture="Controls_TitleBarDark" SliceCorner="21,17" SliceTextureSize="42,34">
      <!-- ================================================================== -->
      <!--  Tab Container                                                       -->
      <!-- ================================================================== -->
      <Container ID="TabHeader" Anchor="C,T" Offset="0,-10" Size="540,61">
        <Grid Anchor="L,T" Size="parent,61" Texture="Controls_TabLedge2"  SliceCorner="194,18" SliceSize="52,26" SliceTextureSize="438,61">
          <!-- My Routes Button -->
          <GridButton ID="MyRoutesButton" Size="150,34" Offset="30,13" Style="TabButton">
            <GridButton ID="MyRoutesSelected" Size="parent,parent" Style="TabButtonSelected" ConsumeMouseButton="0" ConsumeMouseOver="1" />
            <Label ID="MyRoutesTabLabel" Anchor="C,C" Offset="0,1" Style="TabFont" String="LOC_TRADE_OVERVIEW_MY_ROUTES"/>
            <Image ID="MyRoutesSelectedArrow" Anchor="C,T" Offset="0,0" Texture="Controls_TabSelectArrow.dds"></Image>
            <Label ID="MyRoutesTabSelectedLabel" Anchor="C,C" Offset="0,1" Style="TabSelectedFont" String="LOC_TRADE_OVERVIEW_MY_ROUTES" Hidden="1"/>
          </GridButton>

          <!-- Routes to Cities Button  -->
          <GridButton ID="RoutesToCitiesButton" Size="166,34" Offset="188,13" Style="TabButton">
            <GridButton ID="RoutesToCitiesSelected" Size="parent,parent" Style="TabButtonSelected" ConsumeMouseButton="0" ConsumeMouseOver="1" />
            <Label ID="RoutesToCitiesTabLabel" Anchor="C,C" Offset="0,1" Style="TabFont" String="LOC_TRADE_OVERVIEW_ROUTES_TO_MY_CITIES"/>
            <Image ID="RoutesToCitiesSelectedArrow" Anchor="C,T" Offset="0,0" Texture="Controls_TabSelectArrow.dds"/>
            <Label ID="RoutesToCitiesTabSelectedLabel" Anchor="C,C" Offset="0,1" Style="TabSelectedFont" String="LOC_TRADE_OVERVIEW_ROUTES_TO_MY_CITIES" Hidden="1"/>
          </GridButton>

          <!-- Available Routes Button  -->
          <GridButton ID="AvailableRoutesButton" Size="150,34" Offset="360,13" Style="TabButton">
            <GridButton ID="AvailableRoutesSelected" Size="parent,parent" Style="TabButtonSelected" ConsumeMouseButton="0" ConsumeMouseOver="1" />
            <Label ID="AvailableRoutesTabLabel" Anchor="C,C" Offset="0,1" Style="TabFont" String="LOC_TRADE_OVERVIEW_AVAILABLE_ROUTES"/>
            <Image ID="AvailableRoutesSelectedArrow" Anchor="C,T" Offset="0,0" Texture="Controls_TabSelectArrow.dds"/>
            <Label ID="AvailableRoutesTabSelectedLabel" Anchor="C,C" Offset="0,1" Style="TabSelectedFont" String="LOC_TRADE_OVERVIEW_AVAILABLE_ROUTES" Hidden="1"/>
          </GridButton>
        </Grid>
      </Container>

      <!-- ================================================================== -->
      <!--  Header                                                  -->
      <!-- ================================================================== -->
      <!-- <Label String="BUILDING" Style="FontFlair14" FontStyle="Stroke" SmallCaps="20" SmallCapsType="EveryWord" Color="249, 249, 249, 255" /> -->
      <Grid ID="HeaderFrame" Anchor="C,T" Offset="0,40" Size="parent-20,42" Texture="Controls_DecoFrame" SliceCorner="19,18" SliceSize="1,1" SliceTextureSize="40,38" Color="31,44,53,255">
        <Stack ID="HeaderStack" Anchor="C,C" Offset="0,0" StackGrowth="Right" StackPadding="6">
          <Label ID="HeaderLabel" Style="TradeOverviewHeader"/>
          <Label ID="ActiveRoutesLabel" Style="TradeOverviewActiveRoutes"/>
        </Stack>
      </Grid>

      <!-- ================================================================== -->
      <!--  Sub Header - Contains Column Names, Filter Pulldown, Sort Bar     -->
      <!-- ================================================================== -->

      <!-- Group by Pulldown -->
      <PullDown ID="OverviewGroupByPulldown" ConsumeMouse="0" Anchor="L,B" Offset="18,5" Size="155,26" AutoSizePopUp="1" AutoFlip="1" ScrollThreshold="400">
        <ButtonData>
          <GridButton ID="OverviewGroupByButton" ToolTip="LOC_TRADE_GROUP_SETTINGS" TextAnchor="C,C" TextOffset="8,0" Style="FontNormal12" FontStyle="Shadow" EffectColor="0,0,0,255" Offset="0,-25" Size="parnet,parnet" Texture="Controls_ButtonControl.dds" SliceCorner="10,10" SliceSize="1,1" SliceTextureSize="24,24" />
        </ButtonData>

        <GridData InnerPadding="15,15" Offset="0,0" Anchor="L,T" Style="Drawer"/>

        <ScrollPanelData Anchor="L,C"  Vertical="1" Size="11,14"  Offset="0,0" AutoScrollBar="1">
          <ScrollBar Style="ScrollVerticalBacking" Anchor="L,T" AnchorSide="I,I" Color="28,60,90,255" Offset="-2,2">
            <Thumb Style="ScrollThumbAlt" Color="28,60,90,255" />
          </ScrollBar>
        </ScrollPanelData>

        <StackData StackGrowth="Bottom" Offset="0,0" Size="200,400" Anchor="L,T" />

        <InstanceData Name="OverviewGroupByEntry">
          <GridButton Anchor="L,T" TextOffset="8,0" ID="Button" Size="265,26" Offset="1,0" Style="FontNormal12" FontStyle="Shadow" EffectColor="0,0,0,255" Texture="Controls_ButtonControl.dds" SliceCorner="10,10" SliceSize="1,1" SliceTextureSize="24,24" StateOffsetIncrement="0,24"/>
        </InstanceData>

        <!-- Show Route Text -->
        <Image ID="OverviewGroupByPulldownOpenedArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,0" Size="20,16" Anchor="L,T" Offset="6,-20"/>
        <Image ID="OverviewGroupByPulldownClosedArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,60" Size="20,16" Anchor="L,T" Offset="6,-25"/>
      </PullDown>

      <!-- Filter Pulldown -->
      <PullDown ID="OverviewDestinationFilterPulldown" ConsumeMouse="0" Anchor="C,B" Offset="30,5" Size="220,26" AutoSizePopUp="1" AutoFlip="1" ScrollThreshold="400">
        <ButtonData>
          <GridButton ID="OverviewFilterButton" ToolTip="LOC_TRADE_FILTER_SETTINGS" TextAnchor="C,C" TextOffset="8,0" Style="FontNormal12" FontStyle="Shadow" EffectColor="0,0,0,255" Offset="0,-25" Size="parnet,parnet" Texture="Controls_ButtonControl.dds" SliceCorner="10,10" SliceSize="1,1" SliceTextureSize="24,24" />
        </ButtonData>

        <GridData InnerPadding="15,15" Offset="0,0" Anchor="L,T" Style="Drawer"/>

        <ScrollPanelData Anchor="L,C"  Vertical="1" Size="11,14"  Offset="0,0" AutoScrollBar="1">
          <ScrollBar Style="ScrollVerticalBacking" Anchor="L,T" AnchorSide="I,I" Color="28,60,90,255" Offset="-2,2">
            <Thumb Style="ScrollThumbAlt" Color="28,60,90,255" />
          </ScrollBar>
        </ScrollPanelData>

        <StackData StackGrowth="Bottom" Offset="0,0" Size="200,400" Anchor="L,T" />

        <InstanceData Name="OverviewFilterEntry">
          <GridButton Anchor="L,T" TextOffset="8,0" ID="Button" Size="265,26" Offset="1,0" Style="FontNormal12" FontStyle="Shadow" EffectColor="0,0,0,255" Texture="Controls_ButtonControl.dds" SliceCorner="10,10" SliceSize="1,1" SliceTextureSize="24,24" StateOffsetIncrement="0,24"/>
        </InstanceData>

        <!-- Show Route Text -->
        <Image ID="OverviewFilterPulldownOpenedArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,0" Size="20,16" Anchor="L,T" Offset="6,-20"/>
        <Image ID="OverviewFilterPulldownClosedArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,60" Size="20,16" Anchor="L,T" Offset="6,-25"/>
      </PullDown>

      <!-- Checkbox -->
      <Stack StackGrowth="Left" Anchor="R,B" Offset="-17,24" StackPadding="-8">
        <CheckBox ID="GroupExpandAllCheckBox" String="LOC_TRADE_EXPAND_ALL_BUTTON_TEXT" TextOffset="53,-2" Style="CityPanelCBFaith" IsChecked="0" />
        <CheckBox ID="GroupCollapseAllCheckBox" String="LOC_TRADE_COLLAPSE_ALL_BUTTON_TEXT" TextOffset="53,-2" Style="CityPanelCBFaith" IsChecked="0" />
      </Stack>

      <Container Anchor="C,T" Size="parent-40, 35" Offset="0,88">
        <Grid Style="ColumnHeader" Anchor="C,B" Size="parent+15, 22" Offset="0,-11">
          <Label String="LOC_TRADE_SORT_BY_TEXT" Anchor="L,C" Style="FontNormal11" Offset="15,-1"/>
        </Grid>
        <!-- Sort Yield Stack -->
        <Stack Size="50,50" Anchor="L,B" StackGrowth="Right" Offset="82,-9" StackPadding="2">
          <GridButton ID="FoodSortButton" ToolTip="LOC_TRADE_SORT_BY_FOOD_TOOLTIP" Size="48,parent-17" Color="255,255,255,220" Style="PanelButtonLightweight">
            <Label ID="FoodSortOrder" Hidden="1" Anchor="C,C" Offset="1,0" String="9" Style="FontNormal12"/>
            <Label ID="FoodSortLabel" Anchor="C,C" Offset="15,1" Style="FontNormal12" String="[Icon_Food]"/>
            <Image ID="FoodDescArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,0" Size="20,16" Anchor="C,C" Offset="-12,0"/>
            <Image ID="FoodAscArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,60" Size="20,16" Anchor="C,C" Offset="-12,-4"/>
          </GridButton>

          <GridButton ID="ProductionSortButton" ToolTip="LOC_TRADE_SORT_BY_PRODUCTION_TOOLTIP" Size="48,parent-17" Color="255,255,255,220" Style="PanelButtonLightweight">
            <Label ID="ProductionSortOrder" Hidden="1" Anchor="C,C" Offset="1,0" String="9" Style="FontNormal12"/>
            <Label ID="ProductionSortLabel" Anchor="C,C" Offset="15,1" Style="FontNormal12" String="[Icon_Production]"/>
            <Image ID="ProductionDescArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,0" Size="20,16" Anchor="C,C" Offset="-12,0"/>
            <Image ID="ProductionAscArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,60" Size="20,16" Anchor="C,C" Offset="-12,-4"/>
          </GridButton>

          <GridButton ID="GoldSortButton" ToolTip="LOC_TRADE_SORT_BY_GOLD_TOOLTIP" Size="48,parent-17" Color="255,255,255,220" Style="PanelButtonLightweight">
            <Label ID="GoldSortOrder" Hidden="1" Anchor="C,C" Offset="1,0" String="9" Style="FontNormal12"/>
            <Label ID="GoldSortLabel" Anchor="C,C" Offset="15,1" Style="FontNormal12" String="[Icon_Gold]"/>
            <Image ID="GoldDescArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,0" Size="20,16" Anchor="C,C" Offset="-12,0"/>
            <Image ID="GoldAscArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,60" Size="20,16" Anchor="C,C" Offset="-12,-4"/>
          </GridButton>

          <GridButton ID="ScienceSortButton" ToolTip="LOC_TRADE_SORT_BY_SCIENCE_TOOLTIP" Size="48,parent-17" Color="255,255,255,220" Style="PanelButtonLightweight">
            <Label ID="ScienceSortOrder" Hidden="1" Anchor="C,C" Offset="1,0" String="9" Style="FontNormal12"/>
            <Label ID="ScienceSortLabel" Anchor="C,C" Offset="15,1" Style="FontNormal12" String="[Icon_Science]"/>
            <Image ID="ScienceDescArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,0" Size="20,16" Anchor="C,C" Offset="-12,0"/>
            <Image ID="ScienceAscArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,60" Size="20,16" Anchor="C,C" Offset="-12,-4"/>
          </GridButton>

          <GridButton ID="CultureSortButton" ToolTip="LOC_TRADE_SORT_BY_CULTURE_TOOLTIP" Size="48,parent-17" Color="255,255,255,220" Style="PanelButtonLightweight">
            <Label ID="CultureSortOrder" Hidden="1" Anchor="C,C" Offset="1,0" String="9" Style="FontNormal12"/>
            <Label ID="CultureSortLabel" Anchor="C,C" Offset="15,1" Style="FontNormal12" String="[Icon_Culture]"/>
            <Image ID="CultureDescArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,0" Size="20,16" Anchor="C,C" Offset="-12,0"/>
            <Image ID="CultureAscArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,60" Size="20,16" Anchor="C,C" Offset="-12,-4"/>
          </GridButton>

          <GridButton ID="FaithSortButton" ToolTip="LOC_TRADE_SORT_BY_FAITH_TOOLTIP" Size="48,parent-17" Color="255,255,255,220" Style="PanelButtonLightweight">
            <Label ID="FaithSortOrder" Hidden="1" Anchor="C,C" Offset="1,0" String="9" Style="FontNormal12"/>
            <Label ID="FaithSortLabel" Anchor="C,C" Offset="15,0" Style="FontNormal12" String="[Icon_Faith]"/>
            <Image ID="FaithDescArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,0" Size="20,16" Anchor="C,C" Offset="-12,0"/>
            <Image ID="FaithAscArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,60" Size="20,16" Anchor="C,C" Offset="-12,-4"/>
          </GridButton>

          <GridButton ID="TurnsToCompleteSortButton" ToolTip="LOC_TRADE_SORT_BY_TURNS_REMAINING_TOOLTIP" Size="48,parent-17" Color="255,255,255,220" Style="PanelButtonLightweight" Offset="36,0">
            <Label ID="TurnsToCompleteSortOrder" Hidden="1" Anchor="C,C" Offset="1,0" String="9" Style="FontNormal12"/>
            <Label ID="TurnsToCompleteSortLabel" Anchor="C,C" Offset="15,0" Style="FontNormal12" String="[Icon_Turn]"/>
            <Image ID="TurnsToCompleteDescArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,0" Size="20,16" Anchor="C,C" Offset="-12,0"/>
            <Image ID="TurnsToCompleteAscArrow" Texture="Controls_ButtonExtendSmall2" TextureOffset="0,60" Size="20,16" Anchor="C,C" Offset="-12,-4"/>
          </GridButton>

        </Stack>
        <!-- <Box Size="300,1" Anchor="L,B" Offset="56,4" Color="50,53,54,150"/> -->
      </Container>

      <!-- ================================================================== -->
      <!--  Close Button                                                    -->
      <!-- ================================================================== -->
      <Button ID="CloseButton" Anchor="R,T" Offset="5,40" Style="CloseButtonSmall" />
    </Grid>

    <!-- ================================================================== -->
    <!--  Body Area                                                         -->
    <!-- ================================================================== -->
    <Container Anchor="C,B" Size="parent, parent-195" Offset="0,5">
      <ScrollPanel ID="BodyScrollPanel" Size="495,parent" Vertical="1">
        <ScrollBar Anchor="R,C" AnchorSide="O,I"  Offset="0,0" Style="ScrollVerticalBar"/>

        <!-- Stack -->
        <Stack ID="BodyStack" StackGrowth="Down" StackPadding="4"/>
      </ScrollPanel>
    </Container>

  </SlideAnim>

  <!-- ================================================================== -->
  <!--  Instances                                                         -->
  <!-- ================================================================== -->

  <!-- Section Divider -->
  <Instance Name="SectionDividerInstance">
    <Container ID="Top" Size="parent,25" Anchor="C,C" Offset="8,0">
      <Grid Style="DivHeader" Size="parent,parent" Color="255,255,255,255" Anchor="C,T" Offset="0,0">
        <!-- <Grid Anchor="C,C" Offset="-9,0" Size="parent-60,8" Texture="Controls_Div2" SliceCorner="27,4" SliceTextureSize="54,8" Color="47,63,76,255" /> -->
      </Grid>
    </Container>
  </Instance>

  <!-- Section Header -->
  <Instance Name="HeaderInstance">
    <Container ID="Top" Size="485,42" Offset="10,0">

      <GridButton ID="HeaderGrid" Anchor="C,B" Texture="TradeOverview_Subheader" SliceCorner="12,11" SliceSize="2,2" Color="67,70,72,255" Size="parent,parent">
        <!-- <Grid           ID="CityBannerFill2"           Anchor="C,C"                  Size="Parent-7,Parent-6"  Offset="-1,-1" Texture="Banner_Darker"    SliceTextureSize="196,34" SliceCorner="98,17"/> -->
        <Grid           ID="CityBannerFill"           Anchor="C,C"                  Size="Parent-7,Parent-6"  Offset="-1,-1"  Texture="Banner_Base"     SliceTextureSize="196,34" SliceCorner="98,17"/>

       <!--  <Grid           ID="CityBannerFill3"          Anchor="C,C"                  Size="Parent-7,Parent-6"  Offset="-1,-1"  Texture="Banner_Lighter"  SliceTextureSize="196,34" SliceCorner="98,17"/> -->


        <Label ID="HeaderLabel" Anchor="L,C" Offset="36,0" Style="FontFlair16" SmallCaps="20" SmallCapsType="EveryWord" Color="Beige"/>

        <!-- Expand routes button -->
        <CheckBox ID="RoutesExpand" ButtonSize="41,26" CheckTexture="Controls_ExpandButton" CheckSize="22,22" CheckTextureOffset="0,0" UnCheckTexture="Controls_ExpandButton" UnCheckSize="22,22" UnCheckTextureOffset="0,22" UseSelectedTextures="1" Anchor="R,T" Offset="-7,9" />

        <!-- Info Stack -->
        <Stack StackGrowth="Left" Anchor="R,T" Offset="43,4" StackPadding="5">
          <!-- Number of Routes Info Label -->
          <Label ID="RouteCountLabel" String="99 / 99" Anchor="R,T" Offset="5,8" Style="FontFlair16" FontStyle="shadow" Color="Beige"/>

          <!-- Trading Post Indicator -->
          <Grid ID="TradingPostIndicator" Size="22,22" Align="Center" Anchor="R,T" Offset="0,4" Color="25,33,35,0">
            <Label ID="TradingPostIcon" String="[Icon_TradingPost]" Style="FontNormal20"/>
          </Grid>

          <!-- Visibility Bonus -->
          <Grid ID="VisibilityBonusGrid" Size="23,23" Anchor="R,T" Offset="0,4" Color="25,33,35,0">
            <Button ID="VisibilityBonusIcon" Anchor="C,C" Size="22,22" Offset="0,0" Texture="Diplomacy_VisibilityIcons" StateOffsetIncrement="22,0" Disabled="1"/>
          </Grid>

          <!-- Tourism Bonus -->
          <Grid ID="TourismBonusGrid" Anchor="R,T" Size="66,20" Offset="0,5" Color="25,33,35,0">
            <Image ID="TourismBonusIcon" Anchor="C,C" Size="24,23" Offset="18,1" Texture="Tourism_VisitingSmallGrey"/>
            <Label ID="TourismBonusPercentage" Anchor="C,C" Align="R,C" Size="40,24" Offset="-18,1" Style="FontNormal14" String="LOC_TRADE_OVERVIEW_TOURISM_BONUS" Color="Beige"/>
          </Grid>
        </Stack>
      </Grid>
    </Container>
  </Instance>

  <!-- Route Entry -->
  <Instance Name="RouteInstance">
    <Container ID="Top" Size="485,78" Offset="10,0">
      <GridButton ID="GridButton" Size="parent,parent" Color="255,255,255,150">
          <GridData Texture="Controls_ListButton" SliceCorner="209,29"  SliceTextureSize="417,51" StateOffsetIncrement="0,102"/>

          <!-- Vertical Divider Background -->
          <Stack Size="50,50"  Anchor="C,B" StackGrowth="Right" Offset="0,4">
            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>
            <Image Size="48,parent-34" Anchor="L,B" Texture="Espionage_ColumnShading"/>
            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>

            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>
            <Image Size="48,parent-34" Anchor="L,B" Texture="Espionage_ColumnShading"/>
            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>

            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>
            <Image Size="48,parent-34" Anchor="L,B" Texture="Espionage_ColumnShading"/>
            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>

            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>
            <Image Size="48,parent-34" Anchor="L,B" Texture="Espionage_ColumnShading"/>
            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>

            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>
            <Image Size="48,parent-34" Anchor="L,B" Texture="Espionage_ColumnShading"/>
            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>

            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>
            <Image Size="48,parent-34" Anchor="L,B" Texture="Espionage_ColumnShading"/>
            <Box Size="1,parent-34" Anchor="L,B" Color="50,53,54,150"/>
          </Stack>

          <!-- Route Status Font Icon -->
          <Label ID="RouteStatusFontIcon" Anchor="L,T" Offset="10,8" String="[Icon_TradeRouteLarge]" Hidden="1"/>

          <Grid ID="BannerBase" Size="parent,37" Anchor="C,T" Offset="0,1" Texture="CityPanel_BannerBase"       SliceCorner="20,10" SliceSize="160,1" SliceTextureSize="199,33" Color="150,170,100,255">
            <Grid             ID="BannerDarker"         Anchor="L,T" Offset="4,2"     Size="parent-8,parent-10"   Texture="CityPanel_BannerDarker"      SliceCorner="95,10" SliceSize="1,1" SliceTextureSize="191,23" Color="0,0,0,100" />
              <Grid             ID="BannerLighter"        Anchor="L,T" Offset="4,2"     Size="parent-8,parent-10"   Texture="CityPanel_BannerLighter"     SliceCorner="95,10" SliceSize="1,1" SliceTextureSize="191,23" Color="255,255,255,255" />
          </Grid>

          <!-- Route Label -->
          <Label ID="RouteLabel" Anchor="L,T" Offset="33,10" Style="FontFlair16" SmallCaps="20" SmallCapsType="EveryWord" Color="Beige"/>

          <!-- Info Stack -->
          <Stack StackGrowth="Left" Anchor="R,T" Offset="70,0" StackPadding="5">
            <!-- Trading Post Indicator -->
            <Grid ID="TradingPostIndicator" Size="22,22" Anchor="R,T" Offset="0,4" Color="25,33,35,0">
              <Label ID="TradingPostIcon" String="[Icon_TradingPost]" Anchor="C,C"/>
            </Grid>

            <!-- Visibility Bonus -->
            <Grid ID="VisibilityBonusGrid" Size="22,22" Anchor="R,T" Offset="0,4" Color="25,33,35,0">
              <Button ID="VisibilityBonusIcon" Anchor="L,T" Size="22,22" Offset="0,0" Texture="Diplomacy_VisibilityIcons" StateOffsetIncrement="22,0" Disabled="1"/>
            </Grid>

            <!-- Tourism Bonus -->
            <Grid ID="TourismBonusGrid" Anchor="R,T" Size="66,20" Offset="0,5" Color="25,33,35,0">
              <Image ID="TourismBonusIcon" Anchor="C,C" Size="24,20" Offset="18,0" Texture="Tourism_VisitingSmallGrey"/>
              <Label ID="TourismBonusPercentage" Anchor="C,C" Align="R,C" Size="40,24" Offset="-18,1" Style="FontNormal14" String="LOC_TRADE_OVERVIEW_TOURISM_BONUS" Color="Beige"/>
            </Grid>
          </Stack>

          <!-- City State Quest Icon -->
          <Label ID="CityStateQuestIcon" Anchor="R,B" Offset="40,28" Style="FontNormal16" FontStyle="Shadow" String="[ICON_CityStateQuest]" Color="255,0,0,255" EffectColor="255,0,0,255" GradientColor="255,0,0,255" />

          <!-- Route Distance -->
          <Stack ID="RouteDistanceStack" Anchor="R,T" Offset="12,4" StackGrowth="Right" StackPadding="2">
            <Label ID="TurnsToCompleteIcon"  String="[ICON_Turn]" Anchor="C,C" Offset="0,0"  Style="FontFlair16" FontStyle="Stroke" EffectColor="0,0,0,25" />
            <Label ID="TurnsToComplete" Offset="0,4" Style="FontNormal16" String="00" ToolTip="LOC_TRADE_OVERVIEW_TOOLTIP_TOTAL_ROUTE_TURNS"/>
          </Stack>

          <!-- Route Duration -->
          <Label Anchor="R,T" Offset="26,7" Style="FontNormal16" String="[Icon_Turn]" Hidden="1"/>
          <Label Anchor="R,T" Offset="10,8" Style="FontNormal16" String="00" Hidden="1"/>

          <!-- Origin Civ Icon -->
          <Image ID="OriginCivIconBacking" Anchor="L,B" Size="30,30" Offset="8,12" Texture="CircleBacking30" Color="100,100,100,255">
            <Image ID="OriginCivIcon" Anchor="C,C" Size="30,30" Offset="0,0" Icon="ICON_CIVILIZATION_UNKNOWN" IconSize="30"/>
          </Image>

          <!-- Origin Civ Arrow -->
          <Image ID="OriginCivArrow" Anchor="L,B" Size="20,19" Offset="46,25" FlipX="1" Texture="TradeOverview_Benefactor"/>

           <!-- Destination Civ Icon -->
           <Image ID="DestinationCivIconBacking" Anchor="R,B" Size="30,30" Offset="8,12" Texture="CircleBacking30" Color="100,100,100,255">
             <Image ID="DestinationCivIcon" Anchor="C,C" Size="30,30" Offset="0,0" Icon="ICON_CIVILIZATION_UNKNOWN" IconSize="30"/>
           </Image>

          <!-- Destination Civ Arrow -->
          <Image ID="DestinationCivArrow" Anchor="R,B" Size="20,19" Offset="45,3" Texture="TradeOverview_Benefactor"/>

          <!-- Origin/Destination Divider Box -->
          <Box Size="300,2" Anchor="C,C" Offset="0,13" Color="50,53,54,255"/>

          <!-- Resource Stack -->
          <Stack ID="ResourceStack" StackGrowth="Down" Anchor="C,T" Offset="0,31" StackPadding="4">
            <Stack ID="OriginYields" Anchor="C,T" StackGrowth="Right" StackPadding="2">
              <Container Size="48,20">
                <Label ID="OriginYieldFoodLabel" Color="Food" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Food]"/>
              </Container>

              <Container Size="48,20">
                <Label ID="OriginYieldProductionLabel" Color="Production" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Production]"/>
              </Container>

              <Container Size="48,20">
                <Label ID="OriginYieldGoldLabel" Color="Gold" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Gold]"/>
              </Container>

              <Container Size="48,20">
                <Label ID="OriginYieldScienceLabel" Color="Science" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Science]"/>
              </Container>

              <Container Size="48,20">
                <Label ID="OriginYieldCultureLabel" Color="Culture" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Culture]"/>
              </Container>

              <Container Size="48,20">
                <Label ID="OriginYieldFaithLabel" Color="Faith" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Faith]"/>
              </Container>
            </Stack>

            <Stack ID="DestinationYields" Anchor="C,T" StackGrowth="Right" StackPadding="2">
              <Container Size="48,20">
                <Label ID="DestinationYieldFoodLabel" Color="Food" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Food]"/>
              </Container>

              <Container Size="48,20">
                <Label ID="DestinationYieldProductionLabel" Color="Production" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Production]"/>
              </Container>

              <Container Size="48,20">
                <Label ID="DestinationYieldGoldLabel" Color="Gold" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Gold]"/>
              </Container>

              <Container Size="48,20">
                <Label ID="DestinationYieldScienceLabel" Color="Science" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Science]"/>
              </Container>

              <Container Size="48,20">
                <Label ID="DestinationYieldCultureLabel" Color="Culture" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Culture]"/>
              </Container>

              <Container Size="48,20">
                <Label ID="DestinationYieldFaithLabel" Color="Faith" Anchor="C,C" Offset="0,0" Style="FontNormal14" FontStyle="Shadow" String="+15[Icon_Faith]"/>
              </Container>
            </Stack>
          </Stack>

          <Button ID="CancelAutomation" Anchor="L,T" Offset="6,6" Size="21,21" Texture="Controls_CloseButtonAltSmall" StateOffsetIncrement="0,21" ToolTip="LOC_TRADE_CANCEL_AUTOMATION_TOOLTIP" Hidden="1"/>
      </GridButton>
    </Container>
  </Instance>

  <!-- Simple Button -->
  <Instance Name="SimpleButtonInstance">
    <Container ID="Top" Size="485,78" Offset="10,2">
      <GridButton ID="GridButton" Size="parent,parent" Color="255,255,255,150" Style="FontNormal18">
        <GridData Texture="Controls_ListButton" SliceCorner="209,29"  SliceTextureSize="417,51" StateOffsetIncrement="0,51"/>
      </GridButton>
    </Container>
  </Instance>

    <!-- Dialog Support -->
  <Box Style="PopupDialogBox" TutorialActive="1" />
  <Instance Name="PopupButtonInstance">
    <GridButton ID="Button" Style="MainButton" Size="200,41" />
  </Instance>
  <Instance Name="PopupButtonAltInstance">
    <GridButton ID="Button" Style="ButtonRed" Size="200,41" />
  </Instance>
  <Instance Name="PopupButtonAltInstancePositive">
    <GridButton ID="Button" Style="ButtonConfirm" Size="200,41" />
  </Instance>
  <Instance Name="PopupTextInstance">
    <Label        ID="Text"       Anchor="C,T" Style="BodyTextDark18" Align="Center" WrapWidth="400"/>
  </Instance>
  <Instance Name="RowInstance">
    <Stack ID="Row" Anchor="C,T" StackGrowth="Right" StackWrap="Bottom" StackPadding="10" />
  </Instance>

</Context>
