"resource/layout/downloadsummarypanel.layout"
{
	controls
	{
		"downloadsummarypanel"
		{
			style=CDownloadSummaryPanel
			tall="130"
		
		}
		
		"header"
		{
			"ControlName"		"Label"
			"labelText"		"#steam_downloads_networkusage"
			style=bigtext
		}

		"download_rate"
		{
			"ControlName"	    "Label"
			"labelText"	    "#steam_downloads_downloadrate"
			style=bigtextlabel		  
	    }
	
	    "download_rate_value"
	    {
			"ControlName"	    "Label"
			"labelText"	    "%CurrentDLRate%"
			style=bigtext
	    }
	
		"peak_download_rate"
		{
			"ControlName"	 "Label"
			"labelText"		 "#steam_downloads_peakdownloadrate"
			style="bigtextlabel"
		}
	
		"peak_download_rate_value"
		{
			"ControlName"	    "Label"
			"labelText"	    "%PeakDLRate%"
			style="bigtext"
		}
	
		"total_downloaded"
		{
			"ControlName"	    "Label"
			"labelText"	    "#steam_downloads_totaldownloaded"
			style="bigtextlabel"
		}
		"total_downloaded_value"
		{
			"ControlName"	    "Label"
			"labelText"	    "%TotalDownloaded%"
			style="bigtext"
		}
		
		"disk_status_image"
		{
			"ControlName"	    "ImagePanel"
			"image"		"graphics/icon_disk_activity_idle.tga"
		}
		"disk_status_label"
		{
			"ControlName"	    "Label"
			"labelText"	    "#steam_downloads_diskstatus_idle"
			style="bigtextlabel"
		}		
		
		"pauseresumeallbutton"
		{
			"ControlName"	    "Button"
			style=PauseButton
		}
	    
		"throttling_label"
		{
			"ControlName"	    "Label"
			"labelText"	    "#steam_downloads_throttling"
			style="throttleLabel"
			group = "ShowWhenThrottled"
	    }
	
		"throttling_value"
		{
			"ControlName"	    "URLLabel"
			"URLText"		"steam://settings/downloads"
			"labelText"	    "%throttle_value%"
			style="throttleValue"
			group = "ShowWhenThrottled"
		}		
		
		"blackout_label"
		{
			"ControlName"	    "Label"
			"labelText"	    "#steam_downloads_autoupdate_window_label"
			style="throttleLabel"
			group = "ShowWhenAutoUpdateWindow"
	    }
	
		"blackout_value"
		{
			"ControlName"	    "URLLabel"
			"URLText"		"steam://settings/downloads"
			"labelText"	    "#steam_downloads_autoupdate_window_value"
			style="throttleValue"
			group = "ShowWhenAutoUpdateWindow"
		}			
	    
		graphpanel {	controlname="GraphPanel"	 style="infoGraphic" group="HideOnCompletion"  zpos="-1" }		
		net_graphpanel { controlname="GraphPanel" style="NetGraphPanel" group="HideOnCompletion"  zpos="-2" }
		disc_graphpanel { controlname="GraphPanel" style="DiscGraphPanel" group="HideOnCompletion"  zpos="-1" }		 
		
		"disk_legend_label" { ControlName="Label" labelText="#steam_downloads_legenddisk" style="throttleLabel" }
		"net_legend_label" { ControlName="Label" labelText="#steam_downloads_legendnet" style="throttleLabel" }
		"disk_legend_panel" { ControlName="Panel" style="diskLegendPanel" }
		"net_legend_panel" { ControlName="Panel" style="netLegendPanel" }   
	}
    
    
	colors
	{
		//panelBackground="42 57 78 255"
		panelBackground = "30 40 56 255"
		panelBackgroundTransparent = "0 0 0 0"
		green7="30 160 43 255"
	}
  
	styles
	{
		CDownloadSummaryPanel
		{
			bgcolor=panelBackground
			inset="0	0 0 0"
	  	}
	   
		throttleLabel
		{
			bgcolor	   none
			font-size   "15"
			textcolor   "propertysheetbg"
			padding-top	"0"
			font-style="uppercase"
	    } 
		throttleValue
		{
			bgcolor	   none
			font-size   "15"
			textcolor   "text"
			padding-top	"0"
			font-style="uppercase"
		}
		
		container
		{
			bgcolor="none"
	   	}
	
		bigtext
		{
		 font-family=basefont
		 font-size=17
		 font-style="uppercase"
		 textcolor="text"
		}
		
		bigtextlabel 
		{
		 font-family=basefont
		 font-size=17
		 font-style="uppercase"
		 textcolor="propertysheetbg"
		}
		
		bigtextHeader 
		{
		 font-family=basefont
		 font-size=17
		 font-style="uppercase"
		 textcolor="label2"
		}
	
	
		bigTextNumbers 
		{
		 font-family=basefont
		 font-size="17"
		 textcolor="text"
		 font-style="uppercase"
		}
	
	
		
		PauseButton
		{   
	
			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_pause )"
			}
			render_bg
			{
				// background fill
				0="gradient( x0 + 1, y0	+ 1,	x1 -	1, y1 - 1, inactivescrollbar1, normalbutton2	)"
		   
				// lines around

			}
		}
	   
		PauseButton:Hover
		{	  
			inset="23 0	0 0"
			font-family=basefont
			font-size=16
			font-weight=400
			textcolor="TextHover"
			font-style=uppercase
			bgcolor=none   
		   
			render
			{
				1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_pause_hover )"
			}
			render_bg
			{
				// background fill
		 		0="gradient( x0 + 1, y0	+ 1,	x1 -	1, y1 - 1, inactivescrollbar2, hoverscrollgrad	)"
		  

			}	   
		}
			
		ResumeButton
		{	  

			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_install )"
			}
			render_bg
			{
				// background fill
	 			0="gradient( x0 + 1, y0	+ 1,	x1 -	1, y1 - 1, inactivescrollbar1, normalbutton2	)"
	 

			}
		}
	   
		ResumeButton:Hover
		{	  
			inset="23 0	0 0"
			font-family=basefont
			font-size=16
			font-weight=400
			textcolor="TextHover"
			font-style=uppercase
			bgcolor=none   
		   
			render
			{
				1="image( x0 + 6, y0 + 4, x1, y1, graphics/icon_install_hover	)"
			}
			render_bg
			{
				// background fill
		 		0="gradient( x0 + 1, y0	+ 1,	x1 -	1, y1 - 1, inactivescrollbar2, hoverscrollgrad	)"
		   

			   }	   
		   }
		  
		infoGraphic
		{
			bgcolor   "none"
			textcolor "highlight5"
			inset="0 3 3 3"
			render_bg
			{
				// no background
			}
			render
			{
				0="fill( x0, y0, x0+170,	y1, panelBackground	)"
				1="gradient_horizontal( x0+170, y0, x0+375, y1, panelBackground,	panelBackgroundTransparent )"
			}
		}
		NetGraphPanel
		{
			bgcolor   "almostblack"	
			textcolor "highlight5"
			render_bg
			{
				// no background
				// 0="fill( x0, y0, x1,	y1, red	)"
			}
			render
			{
				0="fill( x0, y0, x0+300,	y1, panelBackground	)"
				1="gradient_horizontal( x0+300, y0, x0+350, y1, panelBackground,	panelBackgroundTransparent )"
			}
		}
		
		DiscGraphPanel
		{
			bgcolor   "none"	
			textcolor="green7"
			render_bg
			{
				// no background
				// 0="fill( x0, y0, x1,	y1, red	)"
			}
			render
			{
				0="fill( x0, y0, x0+300,	y1, panelBackground	)"
				1="gradient_horizontal( x0+300, y0, x0+350, y1, panelBackground,	panelBackgroundTransparent )"
			}
		}
		
		DiskLegendPanel
		{
			render_bg
			{
				// background fill
				0="fill( x0, y0, x1,y1, green7 )"
			}
		}
		
		NetLegendPanel
		{
			render_bg
			{
				// background fill
				0="fill( x0, y0, x1,y1, highlight5 )"
			}
		}
	}
	
	layout
	{
		
		//set aside some room for the	header section
		region { name=head	dir=down x=10 y=10 height=max	width=max	margin-right=0	}
		
		region { name=legend align=right width=90 margin-top=60	}
		
		region { name=left_column x=0	y=21	 width=max  region=head }
		region { name=middle_column x=200 y=0 width=max  region=head }
		
		// graph
		place { control="net_graphpanel" region=head x=182 y=0 width="max" height="104" margin-right=112 }				   
		place { control="disc_graphpanel" region=head x=182 y=0 width="max" height="104" margin-right=112 }
		
		// graph legend
		place { control="net_legend_panel" region=legend y=3 x=0 width=9 height=9 }
		place { control="net_legend_label" region=legend y=0 x=12 }
		
		place { control="disk_legend_panel" region=legend y=16 x=0  width=9 height=9 }
		place { control="disk_legend_label" region=legend y=13 x=12 }
					
		// put NETWORK	USAGE in the top left
		place { control="header"	region=head dir=down x=0	y=0	}
		
		// top right
		place { control="pauseresumeallbutton" region=head align=right margin-right=10	margin-top=0 }
		
		// three rows of network	usage underneath the header
		place { region=left_column  control="download_rate_value,download_rate" spacing=4 }
		place { region=left_column  control="peak_download_rate_value, peak_download_rate" spacing=4 y=22 align=top }
		place { region=left_column  control="total_downloaded_value, total_downloaded" spacing=4 y=44	align=top	}
		place { region=left_column  control="disk_status_value, disk_status_label" spacing=4 y=66 align=top	}
		
		// throttling info
		place { region=middle_column controls="blackout_label, blackout_value" spacing=4 }
		place { region=middle_column control="throttling_label" start=blackout_label dir=down margin-top=4 }
		place { region=middle_column control="throttling_value" start=throttling_label dir=right margin-left=4 }
		
		
	}
}
