<?xml version="1.0" encoding="utf-8"?>
<!-- Mods Browser primary screen -->
<Context ColorSet="Beige_Black" Font="TwCenMT20" FontStyle="Shadow" >
	<Container ID="Scrap" Hidden="1"/>

	<Grid Size="960,650" Anchor="C,C" Offset="0,39" Style="Grid9DetailFive140" ConsumeMouse="1" >
		<Label ID="TitleLabel" Style="MenuTitleCaption" String="{TXT_KEY_MODDING_BROWSER_TITLE:upper}"/>

		<!-- Trims -->
		<Image Anchor="C,B" Offset="0,110" Texture="HorizontalTrim.dds" Size="926.5" />
		<Box Style="MenuLeftSideTreatment"/>
		<Box Style="MenuRightSideTreatment"/>
		<Box Style="MenuTopTreatment"/>
		<Box Style="MenuBottomTreatment"/>

		<Container ID="ListingsPanel" Size="930,590" >

			<Label Anchor="R,T" Offset="10,56" ColorSet="Beige_Black_Alpha" Font="TwCenMT18" String="TXT_KEY_MODDING_ENABLEINSTRUCTIONS" />

			<CheckBox ID="ShowDLCMods" Offset="10,49" Size="110,32" ButtonTexture="CheckBox2TheBox.dds" TextAnchorSide="Right" Font="TwCenMT20" TextOffset="40,0" IsChecked="0" String="TXT_KEY_MODDING_SHOWDLCMODS" ConsumeMouse="1" />

			<Container Size="922,450" Offset="19,88">

				<Image Texture="HorizontalTrim.dds" Size="926.2" />


				<Container ID="ListingsEmpty" Size="904,422">
					<Label Anchor="C,C" String="{TXT_KEY_MODDING_NOMODSINSTALLED:upper}" Font="TwCenMT22" FontStyle="Shadow" ColorSet="Beige_Black_Alpha" />
				</Container>

				<Container ID="ListingsResults" Size="904,422">
					<Stack StackGrowth="Right" >

						<Container Size="526,24">
							<TextButton ID="SortbyName" Offset="0,1" Anchor="C.C" Font="TwCenMT16" ColorSet="Beige_Black_Alpha" String="TXT_KEY_MODDING_SORT_TITLE" FontStyle="Shadow" MouseOverStyle="SoftShadow" ConsumeMouse="1" Hidden="0" >
								<Image ID="SortbyNameImage" Anchor="L,C" AnchorSide="O.I" Offset="2,0" Texture="assets/UI/Art/Controls/9 Grids/SelectedUp.dds" Size="18,18" />
							</TextButton>
						</Container>
						<Container Size="400,24">
							<TextButton ID="SortByEnabled" Offset="0,1" Anchor="C.C" Font="TwCenMT16" ColorSet="Beige_Black_Alpha" String="TXT_KEY_MODDING_SORT_ENABLED" FontStyle="Shadow" MouseOverStyle="SoftShadow" ConsumeMouse="1" Hidden="0" >
								<Image ID="SortbyEnabledImage" Anchor="L,C" AnchorSide="O.I" Offset="2,0" Texture="assets/UI/Art/Controls/9 Grids/SelectedUp.dds" Size="18,18" />
							</TextButton>
						</Container>

					</Stack>

					<Image Texture="HorizontalTrim.dds" Size="926.2" />

					<!-- Listings Box -->
					<ScrollPanel ID="ListingScrollPanel" Vertical="1" Size="904,422" Offset="0,24" AutoScrollBar="1">

						<!-- Scroll Controls -->
						<ScrollBar Anchor="R,C" AnchorSide="O,I" Length="388" Style="VertSlider"/>
						<UpButton Anchor="R,T" AnchorSide="O,I" Style="ScrollBarUp"/>
						<DownButton Anchor="R,B" AnchorSide="O,I" Style="ScrollBarDown"/>

						<!-- Listing Stack (Dynamic) -->
						<Stack ID="ListingStack" StackGrowth="B" Offset="4,0" />
					</ScrollPanel>
				</Container>
			</Container>

			<Stack Anchor="R,B" StackGrowth="Left" Padding="10" >
				<GridButton ID="SinglePlayerButton" Style="SmallButton" Size="150,32" String="TXT_KEY_MODDING_SINGLE_PLAYER" />
				<GridButton ID="HotSeatButton" Style="SmallButton" Size="150,32" String="{TXT_KEY_MULTIPLAYER_HOTSEAT_GAME:upper}" ToolTip="TXT_KEY_MULTIPLAYER_HOTSEAT_GAME_TT" />
				<GridButton ID="LoadGameButton" Style="SmallButton" Size="150,32" String="TXT_KEY_MODDING_LOADGAME" />
				<GridButton ID="CivilopediaButton" Style="SmallButton" Size="150,32" String="TXT_KEY_CIVILOPEDIA" />
			</Stack>

		</Container>

		<Container ID="DetailsResults" Size="930,590" Hidden="1">

			<ScrollPanel ID="DescriptionScrollPanel" Offset="20,45" Size="900,490" Vertical="1" AutoScrollBar="1" >

				<!-- Scroll Controls -->
				<ScrollBar Anchor="R,C" AnchorSide="O,I" Length="454" Style="VertSlider"/>
				<UpButton Anchor="R,T" AnchorSide="O,I" Style="ScrollBarUp"/>
				<DownButton Anchor="R,B" AnchorSide="O,I" Style="ScrollBarDown"/>

				<Stack Anchor="C,T" StackGrowth="Bottom" Padding="6" >
					<Container Size="900,50" Anchor="L,C" >
						<Label ID="SelectedModName" Anchor="C,C" Font="TwCenMT24" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" String="Mod Title 1" />
						<Label ID="SelectedModID" Anchor="C,C" Offset="0,20" Font="TwCenMT14" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" String="111111111111111" />
					</Container>
					<Image Anchor="C,C" Texture="bar500x2.dds" Size="500.1" />

					<Container ID="DetailsBox" Size="900,140" Anchor="C,T" >
						<!-- Listing Stack (Dynamic) -->
						<Stack ID="DetailLabelsStack" StackGrowth="Bottom" Padding="6" />
						<Stack ID="DetailValuesStack" StackGrowth="Bottom" Padding="6" />
					</Container>
					<Label Anchor="C,T" WrapWidth="660" LeadingOffset="-2" Font="TwCenMT20" Color="255,255,200,255" FontStyle="Base" String="TXT_KEY_MODDING_DESCRIPTION" />
					<Image Anchor="C,C" Texture="bar500x2.dds" Size="500.1" />
					<Container Size="10,10" />
					<Label ID="SelectedModDescription" Anchor="C,T" WrapWidth="660" LeadingOffset="-2" Font="TwCenMT16" Color="255,255,200,255" FontStyle="Base" String="" />
					<Container Size="10,20" />
					<Label Anchor="C,T" WrapWidth="660" LeadingOffset="-2" Font="TwCenMT20" Color="255,255,200,255" FontStyle="Base" String="TXT_KEY_MODDING_DEPENDENCIES_HEADER" />
					<Image Anchor="C,C" Texture="bar500x2.dds" Size="500.1" />
					<Container Size="10,10"/>
					<Stack ID="DetailsDependentModStack" StackGrowth="Bottom" Padding="6" />
					<Container Size="10,10" />
				</Stack>
			</ScrollPanel>

			<Stack Anchor="R,B" StackGrowth="Left" Padding="10" >
				<GridButton ID="UnsubscribeButton" Style="SmallButton" Size="120,32" String="TXT_KEY_MODDING_UNSUBSCRIBE_MOD" ToolTip="TXT_KEY_MODDING_UNSUBSCRIBE_MOD_TT" />
				<GridButton ID="DeleteButton" Style="SmallButton" Size="120,32" String="TXT_KEY_MODDING_DELETEMOD" ToolTip="TXT_KEY_MODDING_DELETEMOD_TT" />
			</Stack>

		</Container>

		<!-- Buttons -->
		<Stack StackGrowth="Right" Offset="30,558" Padding="10" >
			<GridButton ID="BackButton" Style="SmallButton" Size="100,32" String="TXT_KEY_MODDING_MENU_BACK" />
			<GridButton ID="WorkshopButton" Style="SmallButton" Size="150,32" String="TXT_KEY_MODDING_WORKSHOP" ToolTip="TXT_KEY_MODDING_WORKSHOP_TT" Hidden="1" />
		</Stack>

		<Box ID="DeleteConfirm" Color="Black.200" Size="Full.Full" Hidden="1"  ConsumeMouse="1" >
			<Grid Size="500,360" Anchor="C,C" Padding="0,20" Style="Grid9DetailFive140" Hidden="0" >

				<!-- Side treatments -->
				<Box Style="PopupLeftSideTreatment"/>
				<Box Style="PopupRightSideTreatment"/>
				<Box Style="PopupNotificationTopTreatment"/>

				<Label ID="ConfirmText" Offset="25,54" WrapWidth="440" String="TXT_KEY_DELETE_MOD_TXT" Font="TwCenMT20" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" />
				<!-- dependent mod ScrollPanel -->
				<Container ID="EffectedModsElements" Size="430,160" Offset="25,84">
					<Label ID="EffectedModsLabel" WrapWidth="360" String="TXT_KEY_EFFECTED_MODS_TXT" Font="TwCenMT18" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" />
					<Image Anchor="C,T" Offset="0,22" Texture="bar340x2.dds" Size="340.1" />
					<ScrollPanel ID="DependentModScroll" Offset="0,28" Size="430,140" Vertical="1" AutoScrollBar="1" >

						<!-- Scroll Controls -->
						<ScrollBar Anchor="R,C" AnchorSide="O,I" Length="104" Style="VertSlider"/>
						<UpButton Anchor="R,T" AnchorSide="O,I" Style="ScrollBarUp"/>
						<DownButton Anchor="R,B" AnchorSide="O,I" Style="ScrollBarDown"/>

						<!-- Listing Stack (Dynamic) -->
						<Stack ID="DependentModStack" StackGrowth="B" Padding="4" />
					</ScrollPanel>
				</Container>

				<CheckBox ID="DeleteUserData" ButtonTexture="assets/UI/Art/Controls/CheckBox2TheBox.dds" TextAnchorSide="Right" Font="TwCenMT20" Offset="30,220" TextOffset="40,0" IsChecked="0" String="Delete Userdata" />
				<Container Size="400,42" Anchor="C,B" Offset="0,50">
					<GridButton ID="Yes" Anchor="R,T" Style="BaseButton" Size="150,42">
						<Label Anchor="C,C" String="TXT_KEY_YES_BUTTON" ColorSet="Beige_Black" Font="TwCenMT18" FontStyle="Shadow" />
					</GridButton>

					<GridButton ID="No" Anhor="L,T" Style="BaseButton" Size="150,42">
						<Label Anchor="C,C" String="TXT_KEY_NO_BUTTON" ColorSet="Beige_Black" Font="TwCenMT18" FontStyle="Shadow" />
					</GridButton>
				</Container>
			</Grid>
		</Box>
	</Grid>

	<Instance Name="ListingButtonInstance">
		<Button ID="Button" Size="896,72" Color="Black.0" StateOffsetIncrement="0,0">

			<ShowOnMouseOver>
				<AlphaAnim ID="SelectHighlight" Size="896,72" Offset="0,-3" Pause="0" Cycle="Bounce" Speed="1" AlphaStart="1.5" AlphaEnd="1" >
					<Grid Size="896,77" Padding="0,0" Style="Grid9FrameTurnsHL" />
				</AlphaAnim>
			</ShowOnMouseOver>

			<Stack StackGrowth="Right" >
				<Container Offset="8,8" Size="175,24">
					<Label ID="Title" Offset="10,0" Font="TwCenMT18" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" String="MOD TITLE" />
				</Container>
				<Container Size="100,24" >
					<Label ID="Rating" Anchor="C,C" Font="TwCenMT14" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" String="5" Hidden="1" />
				</Container>
			</Stack>

			<Grid ID="ProgressBarGrid" Size="390,27" Style="Grid9Frame27SquareBlack" Anchor="C,B" Offset="0,6" Hidden="0">
				<AlphaAnim Size="390.27" Anchor="L,C" Pause="0" Cycle="Bounce" Speed="1" AlphaStart="1" AlphaEnd=".6" Hidden="0">
					<Image ID="ProgressBar" Anchor="L,C" Offset="1,0" Texture="DownloadingMeter.dds" Size="390,25" Hidden="0"/>
					<Label ID="StatusLabel" Anchor="C,C" Offset="0,-1" Font="TwCenMT20" Color0="Beige.255" Color1="Black.255" FontStyle="Stroke" String="" Hidden="0"/>
					<Label ID="RedStatusLabel" Anchor="C,C" Offset="0,-1" Font="TwCenMT20" Color0="Red.255" Color1="Black.255" FontStyle="Stroke" String="" Hidden="1"/>
				</AlphaAnim>

			</Grid>

			<Stack StackGrowth="Left" Anchor="R,B" Offset="3,4" Size="32,32">
				<Button ID="EnableButton" Anchor="L,C" Size="32,32" Texture="assets/UI/Art/Icons/IconFrame32CheckOff.DDS" ToolTip="TXT_KEY_MODDING_ENABLEMOD" ConsumeMouse="1" />
				<Button ID="DisableButton" Anchor="L,C" Size="32,32" Texture="assets/UI/Art/Icons/IconFrame32Check.DDS" ToolTip="TXT_KEY_MODDING_DISABLEMOD" Hidden="1" ConsumeMouse="1" />
				<GridButton ID="UpdateButton" Anchor="L,C" Style="SmallButton2" Size="100,27" StateOffsetIncrement="0,0" ToolTip="TXT_KEY_MODDING_UPDATEMOD" ConsumeMouse="1" >
					<Label Anchor="C,C" String="TXT_KEY_MODDING_UPDATEMOD" Font="TwCenMT18" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" />
				</GridButton>
			</Stack>

			<Label ID="Teaser" Offset="18,26" WrapWidth="800" LeadingOffset="-6" Font="TwCenMT14" Color="255,255,200,160" FontStyle="Base" String="The term mod derives from modernist, which was a term used in the 1950s to describe modern jazz musicians and fans. This usage contrasted with the term trad, which described traditional jazz players and fans." />
			<Image Anchor="L,B" Texture="bar900x2.dds" Size="900.1" />
		</Button>
	</Instance>

	<Instance Name="DetailLabelInstance">
		<Label ID="Label" Anchor="R,C" Font="TwCenMT16" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" String="Detail" />
	</Instance>

	<Instance Name="DetailValueInstance">
		<Label ID="Label" Anchor="L,C" Font="TwCenMT16" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" String="Detail" />
	</Instance>

	<Instance Name="DetailsDependentModInstance">
		<Label ID="Label" Offset="200,0" WrapWidth="660" LeadingOffset="-2" Font="TwCenMT16" Color="255,255,200,255" FontStyle="Base" String="This mod is exclusive." />
	</Instance>

	<Instance Name="DependentModInstance">
		<Label ID="Label" Font="TwCenMT18" WrapWidth="360" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" String="Detail" />
	</Instance>

</Context>
