"resource/layout/steamrootdialog_gamespage_details.layout"
{
	controls
	{
		GamesList
		{
			tabposition=1 
		}
		
		DetailsBorder { controlname=Panel style="DetailsBorderPanel" zpos="-1" }

		// Header image, plus overlays 
		headerimagea { controlname="ImagePanel" style="headerimage" zpos="-4" visible=1 scaling="none" horizontal-align=left vertical-align=top }
		headerimageb { controlname="ImagePanel" style="headerimage" zpos="-4" visible=1 scaling="none" horizontal-align=left vertical-align=top }

		// Header text labels
		gametitleheader { controlname="CDetailsGameTitleHeaderPanel" zpos="2" }
		gamesubheader { controlname="CDetailsGameSubHeaderPanel" zpos="2" }
		
		linkslabel { controlname="Label" labeltext="#Steam_Links" style="rightcolumnheadertext" } 
		sendguestpasslink { controlname="URLLabel" labeltext="#steam_send_guestpass" style="rightcolumnlink" tabposition=7 command="SendGuestPass" }
		achievementslink { controlname="URLLabel" labeltext="#Steam_Achievements" style="rightcolumnlink" }
		forumlink { controlname="URLLabel" labeltext="#Steam_Forums" style="rightcolumnlink" }
		ogglink { controlname="URLLabel" labeltext="#Steam_OGG" style="rightcolumnlink" }
		manuallink { controlname="URLLabel" labeltext="#Steam_Game_Manual" style="rightcolumnlink" }
		newslink { controlname="URLLabel" labeltext="#Steam_News" style="rightcolumnlink" }
		storelink { controlname="URLLabel" labeltext="#Steam_Game_SteamStorePage" style="rightcolumnlink" }
		gamehublink { controlname="URLLabel" labeltext="#Steam_Game_GameHub" style="rightcolumnlink" }
		dlclink { controlname="URLLabel" labeltext="#Steam_DLC" style="rightcolumnlink" }
		cdkeylink { controlname="URLLabel" labeltext="#Steam_CDKeyLink" style="rightcolumnlink" }
		guidelink { controlname="URLLabel" labeltext="#Steam_Guide" style="rightcolumnlink" }
		guideslink { controlname="URLLabel" labeltext="#Steam_Guides" style="rightcolumnlink" }
		supportlink { controlname="URLLabel" labeltext="#Steam_Support" style="rightcolumnlink" }
		recommendlink { controlname="URLLabel" labeltext="#Steam_Game_RecommendGame" style="rightcolumnlink" }


		// Right column tags
		tagslabel { controlname="Label" labeltext="#Steam_Tags" style="rightcolumnheadertext" }
		edittagslink { controlname="URLLabel" labeltext="#steam_details_edittags" style="rightcolumnlink" }

		// Body contents
		welcomedetails { controlname="CGamesPage_Details_Welcome" zpos="1" }
		dlcdetails { controlname="CGamesPage_Details_DLC" zpos="1" }
		friendsdetails { controlname="CGamesPage_Details_Friends" zpos="1" }
		clouddetails { controlname="CGamesPage_Details_Cloud" zpos="1" }
		communityfilesdetails { controlname="CGamesPage_Details_CommunityFiles" zpos="1" }
		achievementsdetails { controlname="CGamesPage_Details_Achievements" zpos="1" }
		newsdetails { controlname="CGamesPage_Details_News" zpos="1" }
		nonsteamdetails { controlname="CGamesPage_Details_NonSteam" zpos="1" }
		screenshotsdetails { controlname="CGamesPage_Details_Screenshots" zpos="1" }

		// Empty list contents
		emptylisttext { controlname="RichText" style="emptylisttext" }

	}

	styles
	{
		CGamesListPanel
		{
			render_bg { }
		}

		emptylisttext
		{
			textcolor="Text"
			font-size="15"
			render_bg {}
		}

		CGamesPage_Details
		{
			bgcolor="none"
			inset="0 0 0 1"
			render
						{
							// lines around, to fix a bug
							0="fill( x0 + 3, y0, x1 - 2, y0+1, none )"  // top

							//gradient to obscure content at top of scrolling region 
							1="gradient( x0+2, y0 + 1, x1-1, y0 + 16, none, none  )"
							
							//gradient to obscure content at bottom of scrolling region 
							2="gradient( x0+2, y1 - 16, x1-1, y1-1, none, none )"
							
							// single pixel fills in the corners
							5="fill( x0 + 2, y0 + 1, x0 + 3, y0 + 2, none )"
							6="fill( x1 - 2, y0 + 1, x1 - 1, y0 + 2, none )"
							7="fill( x0 + 2, y1 - 2, x0 + 3, y1 - 1, none )"
							8="fill( x1 - 2, y1 - 2, x1 - 1, y1 - 1, none )"
						}
			render_bg
			{
				 0="gradient( x0+2, y0+2, x1-1, y1 - 1, GamesBGColor, Almostblack )"
				 1="gradient( x0 +2, y0+2, x1-1, y0 + 20, none, none )"
			}
		}

		// Some overrides for our listpanel
		"GamesPage_Details ListPanel"
		{
			bgcolor="none"
			render_bg {}
			render {}
		}

		"GamesPage_Details ListPanel"
			{
				padding-left=4
				padding-right=2
			}
		
		"GamesPage_Details ListPanelInterior"
		{
			bgcolor="none"
			inset="1 1 0 0"
			render {}
			render_bg {} 
		}
		
		"GamesPage_Details ListPanelInterior:scrollbar"
			{     
			inset="1 1 -2 0"
			bgcolor="none"
			
			render_bg {}
			}
			
		ListPanelSectionHeader
		{     
			inset="2 0 0 0"
			textcolor=label
			font-style="uppercase"
			render_bg
			{
				0="gradient_horizontal( x0 - 1, y0, x0 + 250, y1 - 1, launch1, none  )"
			}    
		} 

		"GamesPage_Details ListPanelDragger"
		{
			bgcolor="none"
			render {}
			render_bg {}
		}

		"GamesPage_Details ListPanelColumnHeader" [!$OSX]
		{
			bgcolor="none"
			font-size=14
			inset="2 2 0 0"
			render {}
			render_bg 
			{
				0="gradient_horizontal( x0+1, y0+2, x1, y1 + 1, launch1, none )"
			}

		}
		
		"GamesPage_Details ListPanelColumnHeader" [$OSX]
		{
			bgcolor="none"
			font-size=13
			inset="2 2 0 0"
			render {}


		}
		
		"CGamesListPanel ListPanelColumnSelectButton"   
		{
       		inset="-3 3 0 0"
        		render {
          		5="image( x0 + 3, y0 + 3, x1, y1, graphics/icon_gearoptionsDETAILS )"
        		}   
        		render_bg {
        			1="fill( x0 + 1, y0, x1 - 1, y1, none )"
        		}
		}
		
		headerimage { bgcolor="0 0 0 0" }

		"CGamesListPanel ListPanelColumnSelectButton:hover"   
		{
       		inset="-3 3 0 0"
        		render {
          		5="image( x0 + 3, y0 + 3, x1, y1, graphics/icon_gearoptionsDETAILS_hover )"
        		}   
        		render_bg {
        			1="fill( x0 + 1, y0, x1 - 1, y1, none )"
        		}
		}

		"CGamesListPanel ListPanelColumnSelectButton:selected"   
		{
       		inset="-3 3 0 0"
        		render {
          		5="image( x0 + 3, y0 + 3, x1, y1, graphics/icon_gearoptionsDETAILS_active )"
        		}   
        		render_bg {
        			1="fill( x0 + 1, y0, x1 - 1, y1, none )"
        		}
		}
		
		headerimage { bgcolor="0 0 0 0" }
		
		headerimage { bgcolor="0 0 0 0" }

		rightcolumnheadertext
		{
			inset="-9 0 0 0"
			font-style=uppercase,outerglow
			font-family=basefont
			font-weight=400
			font-size=20
			textcolor=white
			padding-top=12
			padding-left=10
			font-outerglow-color="launch1"
			font-outerglow-offset=1
			font-outerglow-filtersize=2
		}
		
		rightcolumnheadertext-red
		{
			inset="-9 0 0 0"
			font-style=uppercase,outerglow
			font-size=20
			textcolor=white
			font-family=basefont
			font-weight=400
			padding-top=12
			padding-left=10
			font-outerglow-color="launch1"
			font-outerglow-offset=1
			font-outerglow-filtersize=2
		}

		rightcolumnheadertext-green
		{
			
			inset="-9 0 0 0"
			font-style=uppercase,outerglow
			font-size=20
			textcolor=white
			font-family=basefont
			font-weight=400
			padding-top=12
			padding-left=10
			font-outerglow-color="launch1"
			font-outerglow-offset=1
			font-outerglow-filtersize=2
		}

		rightcolumnheadertext-blue
		{
			inset="-9 0 0 0"
			font-style=uppercase,outerglow
			font-size=20
			textcolor=white
			font-family=basefont
			font-weight=400
			padding-top=12
			padding-left=10
			font-outerglow-color="launch1"
			font-outerglow-offset=1
			font-outerglow-filtersize=2
		}

		rightcolumnlink
		{
			inset="-9 0 0 0"
			font-size=15
			inset="-9 0 0 0"
			font-style=normal
			textcolor="240 240 240 255"
			font-family=basefont
			padding-left=10
			padding-top=0
			padding-bottom=0
		}

		rightcolumnlink:hover
		{
			textcolor=White
			font-style=outerglow
			font-outerglow-color="launch1"
			font-outerglow-offset=1
			font-outerglow-filtersize=2
		}

		rightcolumnlink:active
		{
			textcolor="150 150 150 255"
			font-style=outerglow
			font-outerglow-color="launch1"
			font-outerglow-offset=1
			font-outerglow-filtersize=2
		}

		rightcolumnlink:disabled
		{
			textcolor="TextDisabled"
		}
		
		rightcolumntag
		{
			inset="-9 0 0 0"
			font-size=15
			font-style=normal
			textcolor=Label
			padding-left=10
			padding-top=0
			font-family=basefont
			padding-bottom=0
		}
		
		DetailsBorderPanel
		{
			
			bgcolor = none
			render 
			{
				// background gradient

				// lines around
				2="fill( x0 + 2, y1-3, x1 - 2, y1+2, ButtonBorderDisabled )"  // bottom
				3="fill( x0, y0 + 1, x0 + 1, y1 - 2, ButtonBorderDisabled )"  // left
				4="fill( x1 - 1, y0 + 1, x1, y1 - 2, ButtonBorderDisabled )"  // right


			}
		}
	}

	layout
	{
		region	{ name="list" y=2 x=1 width=275 height=max margin-bottom=0 }
		region	{ name="details" y=1 x=275 width=max height=max overflow=scroll-vertical margin-left=1 margin-top=1 margin-bottom=1 margin-right=-1}
		region	{ name="headertext" region=details y=20 x=5 width=max height=max margin-right=20 }
		region	{ name="rightcolumn" region=details y=171 height=max width=1156 margin-right=0 margin-top=1 margin-bottom=1 overflow=allow-vertical }
		region  { name="detailsbody" region=details y=174 height=max width=1156 margin-right=160 overflow=allow-vertical }

		// Empty list text, which goes across regions
		place	{ control=emptylisttext x=0 y=0 width=max height=max margin=10 }

		// Games list on left
		place 	{ control=GamesList region=list width=275 height=max margin=0 }
		
		// Body contents
		place 
		{ 
			control=welcomedetails,dlcdetails,turnnotifications,friendsdetails,clouddetails,communityfilesdetails,achievementsdetails,newsdetails,nonsteamdetails,screenshotsdetails
			region=detailsbody
			dir=down
			width=max
			margin-right=10
			margin-top=0
			margin-left=5
			spacing=10
			margin-bottom=10 
		}

		
		// Details border
		place 	{ control=DetailsBorder y=1 x=1 width=0 height=0 }

		// Main header image is at the bottom, then one of three color overlays is visible, and finally the 
		// horizontal fade out gradient on the top.  We have an a and a b image, which we crossfade between.
		place 	{ control=headerimagea width=1024 height=550 x=120 y=2 }
		place 	{ control=headerimageb width=1024 height=550 x=120 y=2 }

		// Header text
		place 	{ control=gametitleheader region=headertext dir=down height=46 }
		place	{ control=gamesubheader start=gametitleheader region=headertext dir=down margin-top=10 }
		
		// Buttons and links on the right
		place	
		{ 
			control=linkslabel,sendguestpasslink,gamehublink,achievementslink,forumlink,ogglink,manuallink,newslink,storelink,dlclink,cdkeylink,guidelink,guideslink,supportlink,recommendlink,tagslabel,*taglink,edittagslink
			region=rightcolumn 
			dir=down 
			width=150 
			margin=0
			align=right
			spacing=5 

		}

		
	}

}
