"resource/layout/appdownloadpanel.layout"
{
	controls
	{
		// this just sets the height
		appdownloadpanel	{	tall="110"	style=panelStyle }
		downloadprogressbar	{ controlname="ProgressBar" zpos="-1" style="SlimProgressBar" barinset=0 continuous=1 group="ShowWhileDownloading" style="SlimProgressBar" }

		// image
		spacer			{ controlname="Panel" }
		gameimage		{ controlname="ImagePanel" zpos="1" style="gameImagePanel" }		// set the initial size on on the gameimage; it's loaded async, so it may not know the image size immediately
		workshopbanner		{ controlname="ImagePanel" zpos="2" image="resource/workshop_minibanner" }  
		
		// left-mid column
		namelabel	{ controlname="Label"	labelText="#steam_downloads_gamename" style="ModuleHeading" }
		dashlabel	{ controlname="Label"	labelText=""	}
		launchbutton		{ controlname="Button"	style="DetailsLaunchButton"	labelText="#Steam_LaunchGame" zpos="1" }
		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" }
		pausereasonlabel	{ controlname="Label"	labelText="#steam_downloads_pausedreason" style="label2" group="ShowWhenPaused" }
		pausereasonfield	{ controlname="Label"	labelText="" style="label3" group="ShowWhenPaused" }
		

		// right column
		updatetypelabel	{ controlname="Label"	labelText="#steam_downloads_suspended" style=ModuleHeading2 tooltiptext="" }
		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
	{
	}
	
	styles
	{
		panelStyle
		{
			render_bg
			{
				1="fill( x0, y0+10, x1-10, y1, Root.RightCol)"
				//1="fill( x0, y0+10, x1-10, y1, JackMyth.HalfTranslucent)"
			}
			
		}
		
		panelStyleHighlight
		{
			render_bg
			{
				//0="fill(x0, y0+10, x1-10, y1+10, Root.TabBar)"
				0="fill( x0, y0+10, x1-10, y1, Root.RightCol)"
			}
			render
			{
				//Got some real nutty artifacting, just cover that up...
				//1="fill(x0, y0, x1, y0+10, Root.Back)"
			}
		}

		links
		{
			font-style=normal
			font-family=basefont
			font-size=15
		}
		
		links:hover
		{
			textcolor=DefaultText.Hover
		}

		links:disabled
		{
			textcolor=DefaultText.Disabled
		}
		
		settingslink
		{
			font-style=normal
			textcolor=DefaultText
			font-family=basefont
			font-size=15
		}
		
		settingslink:hover
		{
			textcolor=DefaultText.Hover
		}

		settingslink:disabled
		{
			textcolor=DefaultText.Disabled
		}

		rightcolumnlink:hover
		{
			textcolor=DefaultText.Hover
		}
		

		label2
		{
			bgcolor=none
			padding-top="0"
			//font-style="uppercase"
			textcolor=Root.SubLabel.Text
			font-size=13 [$LINUX]
			font-size=15
		}
		
		label3
		{
			bgcolor=none
			textcolor=DefaultText
			padding-top="0"
			//font-style="uppercase"
		}

		ModuleHeading
		{
			font-family=semilight
			bgcolor="none"
			font-size=16 [$LINUX]
			font-size=24
			padding-top	"0"
			font-weight	"400"
		}	
		
		ModuleHeading2
		{
			font-family=basefont
			bgcolor="none"
			font-size=14 [$LINUX]
			font-size=18
			padding-top	"0"
		}								
		
		panelBgColorActive
		{
			//bgcolor="clientbg"
		}

		gameImagePanel
		{   
			inset="0 0 0 0"
			render_bg
			{
			}
			render
			{
				
			}
		}
		
		gameImagePanelHighlight
		{   
			inset="0 0 0 0"
			bgcolor=none
			render_bg	
			{
			
			}		
			padding "4"
		}
		
		DetailsLaunchButton
		{   
			inset="20 0 0 1"
			font-family=basefont
			font-weight=400
			textcolor=Accent.Text
			//font-style=uppercase
			bgcolor=Accent

			render
			{
				1="image( x0 + 9, y0 + 7, x1, y1, graphics/Threshold/icons/play )"
			}
			render_bg {}	
		}
	
		DetailsLaunchButton:Hover
		{
			bgcolor=Accent.Hover
		}
		
		DetailsLaunchButton:Selected
		{ 
			bgcolor=Accent.Hover
		}
		
		
		DetailsLaunchButton:Active
		{
			bgcolor=Accent.Hover
		}
		
		DetailsLaunchButton:Disabled
		{ 
			bgcolor=Button.Disabled
			textcolor=DefaultText
		}

		topOfQueueButton
		{
			inset="4 0 0 0"
			padding-left=0
			padding-right=0
			font-family=basefont
			font-weight=400
			textcolor=DefaultText
			//font-style=uppercase
			image=graphics/Threshold/icons/queue
		}			
		
		SmRemoveButton
		{   	
			inset="5 0 0 0"
			padding-left=0
			padding-right=0
			font-family=basefont
			font-weight=400
			textcolor=DefaultText
			//font-style=uppercase
			image=graphics/Threshold/icons/close
		}
		
		SlimProgressBar
		{
			textcolor="JackMyth.DownloadProgress"
			bgcolor=none
			render_bg
			{
				0="fill( x0, y0, x1, y1, none )"
			}
			render
			{
			}    
		}
	} 


	layout
	{
		
		  
		region { name="column1" x=0 width=200 }
		region { name="column2" x=215 width=max}
		region { name="column3" x=430 width=max margin-right=100}
		region { name="column4" x=0 width=max overflow=allow-horizontal margin-right=10 } //Wierd x setting to account for smallest window size
		region { name="bottom" region=column4 align=bottom height=47 margin-bottom=15 width=max }
		
		// left column
		place { control="spacer" }
		place { control="downloadprogressbar" start= spacer dir=down margin-left=0 height=max width=max }
		place { control="gameimage" 	 margin-left=15 margin-top=30 width=184 height=69 }
		place { control="workshopbanner" margin-left=15 margin-top=30 width=184 height=69 } 
		
		// left-mid column
		place { control="namelabel" 		  region=column2 margin-top=24 margin-left=0 }
		place { control="launchbutton" 		  region=column2 margin-top=53 height=32}
		place { control="newslink" 			  region=column2 align=bottom margin-bottom=15 }
		place { control="settingslink" 		  region=column2 start=newslink dir=right margin-left=15 margin-right=100}

		// right-mid column
		place { control="downloadtotallabel,downloadtotalfield" region="column3" x=0 align=top margin-top=48 spacing=6 }
		place { control="starttimelabel,starttimefield" 		region="column3" x=0 align=top margin-top=68 spacing=6 }
		place { control="timecompletedlabel,timecompletedfield" region="column3" x=0 align=top margin-top=68 spacing=6 }
		place { control="pausereasonlabel,pausereasonfield" 	region="column3" x=0 align=top margin-top=68 spacing=6 }
		place { control="timeremaininglabel,timeremainingfield" region="column3" x=0 align=top margin-top=88 spacing=6 }
				
		// right column
		place { control="updatetypelabel" region="column4" spacing=10 margin-top=40 align=right margin-right=15 }
		place { control="topofqueuebutton,removefromqueuebutton" region="bottom" height=32 width=32 dir=right spacing=10 align=right margin-right=15 }
		
	}
}
