"resource/layout/appdownloadpanel.layout"
{
	controls
	{
		// this just sets the height
		appdownloadpanel	{	tall="110"	style=panelStyle }

		// image
		gameimage		{ controlname="ImagePanel"	 style="gameImagePanel" }		// set the initial size on on the gameimage; it's loaded async, so it may not know the image size immediately
		
		// left-mid column
		namelabel	{ controlname="Label"	labelText="%name%" style="ModuleHeading" }
		dashlabel	{ controlname="Label"	labelText=""	}
		launchbutton		{ controlname="Button"	style="DetailsLaunchButton"	labelText="#Steam_LaunchGame" zpos="1" }
		downloadprogressbar	{ controlname="ProgressBar" style="SlimProgressBar" barinset=0 continuous=1 group="ShowWhileDownloading" style="SlimProgressBar" }
		settingslink		{ controlname="URLlabel"	style="settingslink" }

		// right-mid column
		downloadtotallabel	{ controlname="Label"	labelText="#steam_downloads_gamesize_update" style="label2" }
		downloadtotalfield	{ controlname="Label"	labelText="%download_totals%" style="label" style="label" }
		starttimelabel	{ controlname="Label"	labelText="#steam_downloads_initiated" style=Label2  group="ShowWhileDownloading"}
		starttimefield	{ controlname="Label"	labelText="%time_started%" style=Label  group="ShowWhileDownloading"}
		timeremaininglabel	{ controlname="Label"	labelText="#steam_downloads_timeremaining" style="label2" group="ShowWhileDownloading" }
		timeremainingfield	{ controlname="Label"	labelText="%time_remaining%"  style="label" group="ShowWhileDownloading" }
		timecompletedlabel	{ controlname="Label"	labelText="#steam_downloads_timecompleted" style="label2" group="ShowWhenComplete" }
		timecompletedfield	{ controlname="Label"	labelText="%time_completed%"  style="label" group="ShowWhenComplete" }
		

		// right column
		updatetypelabel	{ controlname="Label"	labelText="#steam_downloads_suspended" style=ModuleHeading2 }
		removefromqueuebutton	{ controlname="Button" style="SmRemoveButton" tooltiptext="#steam_downloads_remove" }
		topofqueuebutton	{ controlname="Button" style="topOfQueueButton" tooltiptext="#steam_downloads_topofqueue" group="HideOnCompletion" }
		newslink			{ controlname="URLlabel"	style="links"		labelText="#steam_downloads_updatenews" }

	
		
	}
	
	colors
	{
		dark_blue_grad = "32 72 102 255"
		light_blue_grad = "32 72 102 255"
                gamedownload = "30 40 56 255"
	}
	
	styles
	{
		panelStyle
		{
			bgcolor=clientbg
			
		}
		
		panelStyleHighlight
		{
			render_bg
			{
				0="gradient( x0, y0, x1, y1, gamedownload, gamedownload )"
			}			
		}

		links
		{
			font-size=14
			font-style=normal
			textcolor="text"
			font-family=basefont
			font-style="uppercase"
			padding-left=0
			padding-top=0
			padding-bottom=0
		}
		
		links:hover
		{
			font-size=14
			font-style=normal
			textcolor="white"
			font-family=basefont
			font-style="uppercase"
			padding-left=0
			padding-top=0
			padding-bottom=0
		}

		links:disabled
		{
			textcolor="TextDisabled"
		}
		
		settingslink
		{
			font-size=14
			font-style=normal
			textcolor="text"
			font-family=basefont
			padding-left=0
			padding-top=0
			padding-bottom=0
		}
		
		settingslink:hover
		{
			font-size=14
			font-style=normal
			textcolor="white"
			font-family=basefont
			padding-left=0
			padding-top=0
			padding-bottom=0
		}

		settingslink:disabled
		{
			textcolor="TextDisabled"
		}

		rightcolumnlink:hover
		{
			textcolor=TextHover
		}
		

		label2
		{
			bgcolor			none
			font-size		"14"
			textcolor		"propertysheetbg"
			padding-top		"0"
			font-style="uppercase"

		}

		ModuleHeading
		{
			font-family	basefont
			bgcolor="none"
			font-size	"18"
			textcolor	"text"
			padding-top	"0"
			font-weight	"400"
			font-style=outerglow
			font-outerglow-color="launch1"
			font-outerglow-offset=1
			font-outerglow-filtersize=2
		}	
		
		ModuleHeading2
		{
			font-family	basefont
			bgcolor="none"
			font-size	"18"
			textcolor	"label"
			padding-top	"0"
			font-weight	"400"
		}								
		
		panelBgColorActive
		{
			bgcolor=		"clientbg"
		}

				
				
				
		gameImagePanel
		{   
			inset="0 0 0 0"
			render_bg
			{
			}
			render
			{
				
			}
		}
		
		gameImagePanelHighlight
		{   
			inset="2 0 0 0"
			bgcolor=none
			render_bg	
			{
			0="image( x0 - 1, y0 - 3, x1 + 0, y1 + 0, graphics/downloads_bg )"
			}		
		}					
		DetailsLaunchButton
		{   

			inset="23 0 0 0"
			font-family=basefont
			font-size=16
			font-weight=400
			textcolor="Text"
			font-style="uppercase"
			bgcolor=none

			render
			{
				1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_play )"
			}
			render_bg
			{
				// background fill
				0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, inactivescrollbar1, normalbutton2 )"

				// lines around

		
			}	
		}
	
		DetailsLaunchButton:Hover
		{   
			inset="23 0 0 0"
			font-family=basefont
			font-size=16
			font-weight=400
			textcolor="TextHover"
			font-style=uppercase
			bgcolor=none   

			render
			{
				0="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_play_hover )"
			}
			render_bg
			{
				// background fill
				0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, inactivescrollbar2, hoverscrollgrad )"


			}	
		}
		
		DetailsLaunchButton:Disabled
		{   
			inset="23 0 0 0"
			font-family=basefont
			font-size=16
			font-weight=400
			textcolor="LabelDisabled"
			font-style=uppercase
			bgcolor=none   

			render
			{
				1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_play )"
			}
			render_bg
			{
				// background fill
				0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, buttonfacedisabled )"

				// lines around

			}
		}

		
				
		topOfQueueButton
		{   
		
			inset="30 0 0 0"
			font-family=basefont
			font-size=16
			font-weight=400
			textcolor="Text"
			font-style=uppercase
			bgcolor=none

			render
			{
				1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_topofqueue )"
			}
		}			
		
		SmRemoveButton
		{   
		
			inset="0 0 0 0"
			font-family=basefont
			font-size=16
			font-weight=400
			textcolor="Text"
			font-style=uppercase
			bgcolor=none

			render
			{
				1="image( x0 + 5, y0 + 4, x1, y1, graphics/icon_close )"
			}
		}
		
		SmRemoveButton:Hover
		{   
			inset="0 0 0 0"
			font-family=basefont
			font-size=16
			font-weight=400
			textcolor="TextHover"
			font-style=uppercase
			bgcolor=none   
			render
			{
				1="image( x0 + 5, y0 + 4, x1, y1, graphics/icon_close_hover )"
			}

		}
		
		
		
		SlimProgressBar
		{
			render_bg
			{
				0="fill( x0, y0, x1, y1, black )"
			}
			render
			{
			}    
		}
	}


	layout
	{
		region	{ name="bottom" width="1262" y=75 height=60 width=400 }
		
		region { name="column1" x=0 width=200 }
		region { name="column2" x=210 width=max }
		region { name="column3" x=500 width=max }
		region { name="column4" x=700 width=max overflow=allow-horizontal }
		
		// left column
		place { control="gameimage" region="column1" margin-left=0 margin-top=16 width=200 height=85 }
		
		// left-mid column
		place { control="namelabel" region="column2" margin-top=16 margin-left=0 }
		place { control="launchbutton" region=column2 start=namelabel dir=down margin-top=10 width=150 }
		place { control="downloadprogressbar" region=column2 start=launchbutton margin-top=5 dir=down spacing=10 height=3 width=150 }
		place { control="settingslink" region=column2 start=downloadprogressbar dir=down margin-top=5 margin-left=0 }

		// right-mid column
		place { control="downloadtotallabel,downloadtotalfield" region="column3" x=0 align=top margin-top=43 spacing=6 }
		place { control="starttimelabel,starttimefield" region="column3" dir="right" align=top spacing=6 margin-top=63 x=0 }
		place { control="timecompletedlabel,timecompletedfield" region="column3" x=0 align=top margin-top=63 spacing=6 }
		place { control="timeremaininglabel,timeremainingfield" region="column3" x=0 align=top margin-top=83 spacing=6 }
				
		// right column
		place { control="updatetypelabel" region="column4" dir=down spacing=10 margin-top=22 align=right	region=top margin-right=16 }
		place { control="topofqueuebutton,removefromqueuebutton" region="column4" height=22 width=26 dir=right spacing=10 margin-top=50 align=right	region=top margin-right=16 }
		place { control="newslink" region="column4" dir=down spacing=10 margin-top=80 align=right	region=top margin-right=16 }

		// put the buttons along the bottom
		
	}
}
