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

          "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"
          }
          
          "pauseresumeallbutton"
          {
               "ControlName"       "Button"
               style=PauseButton
          }
     }
     
     styles

     {
     
          CDownloadSummaryPanel
          {
          bgcolor="16 16 16 255"
          inset="0 0 0 0"
          }
     
          
          LabelDwnld
          {
               font-family=basefont
               font-weight=700
               font-size="14"
          }

          container
          {
               bgcolor="none"
          }

          bigtext
          {
               font-family=basefont
               font-size=18
               font-style="uppercase"
               textcolor="text"
          }


          
          bigtextlabel 
          {
               font-family=basefont
               font-size=18
               font-style="uppercase"
               textcolor="propertysheetbg"
          }
           
          bigtextHeader 
          {
               font-family=basefont
               font-size=18
               font-style="uppercase"
               textcolor="label2"
          }


          bigTextNumbers 
          {
               font-family=basefont
               font-size="18"
               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, buttonface2, propertysheetbg )"
          
                    // lines around
		1="fill( x0 + 2, y0, x1 - 2, y0 + 1, ButtonBorder )"  // top
		2="fill( x0 + 2, y1 - 1, x1 - 2, y1, ButtonBorder )"  // bottom
		3="fill( x0, y0 + 2, x0 + 1, y1 - 2, ButtonBorder )"  // left
		4="fill( x1 - 1, y0 + 2, x1, y1 - 2, ButtonBorder )"  // right
		5="fill( x0 + 1, y0 + 1, x0 + 2, y0 + 2, ButtonBorder )"
		6="fill( x1 - 2, y0 + 1, x1 - 1, y0 + 2, ButtonBorder )"
		7="fill( x0 + 1, y1 - 2, x0 + 2, y1 - 1, ButtonBorder )"
		8="fill( x1 - 2, y1 - 2, x1 - 1, y1 - 1, ButtonBorder )"
			9="fill( x0, y0 + 1, x0 + 1, y0 + 2, ButtonFace2 )"
			10="fill( x1 - 1, y0 + 1, x1, y0 + 2, ButtonFace2 )"
			11="fill( x0, y1 - 2, x0 + 1, y1 - 1, ButtonFace2 )"
			12="fill( x1 - 1, y1 - 2, x1, y1 - 1, ButtonFace2 )"
			13="fill( x0 + 1, y0, x0 + 2, y0 + 1, ButtonFace2 )"
			14="fill( x1 - 2, y0, x1 - 1, y0 + 1, ButtonFace2 )"
			15="fill( x0 + 1, y1 - 1, x0 + 2, y1, ButtonFace2 )"
			16="fill( x1 - 2, y1 - 1, x1 - 1, y1, ButtonFace2 )"
               }
          }
     
          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, buttonfaceactive, propertysheetbg )"
          
                    // lines around
		1="fill( x0 + 2, y0, x1 - 2, y0 + 1, ButtonBorderFocus )"  // top
		2="fill( x0 + 2, y1 - 1, x1 - 2, y1, ButtonBorderFocus )"  // bottom
		3="fill( x0, y0 + 2, x0 + 1, y1 - 2, ButtonBorderFocus )"  // left
		4="fill( x1 - 1, y0 + 2, x1, y1 - 2, ButtonBorderFocus )"  // right
		5="fill( x0 + 1, y0 + 1, x0 + 2, y0 + 2, ButtonBorderFocus )"
	   	6="fill( x1 - 2, y0 + 1, x1 - 1, y0 + 2, ButtonBorderFocus )"
	   	7="fill( x0 + 1, y1 - 2, x0 + 2, y1 - 1, ButtonBorderFocus )"
	   	8="fill( x1 - 2, y1 - 2, x1 - 1, y1 - 1, ButtonBorderFocus )"
	   		9="fill( x0, y0 + 1, x0 + 1, y0 + 2, ButtonFace2 )"
			10="fill( x1 - 1, y0 + 1, x1, y0 + 2, ButtonFace2 )"
			11="fill( x0, y1 - 2, x0 + 1, y1 - 1, ButtonFace2 )"
			12="fill( x1 - 1, y1 - 2, x1, y1 - 1, ButtonFace2 )"
			13="fill( x0 + 1, y0, x0 + 2, y0 + 1, ButtonFace2 )"
			14="fill( x1 - 2, y0, x1 - 1, y0 + 1, ButtonFace2 )"
			15="fill( x0 + 1, y1 - 1, x0 + 2, y1, ButtonFace2 )"
			16="fill( x1 - 2, y1 - 1, x1 - 1, y1, ButtonFace2 )"
               }    
          }
          
          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, buttonface2, propertysheetbg )"
				
                    // lines around
		1="fill( x0 + 2, y0, x1 - 2, y0 + 1, ButtonBorder )"  // top
		2="fill( x0 + 2, y1 - 1, x1 - 2, y1, ButtonBorder )"  // bottom
		3="fill( x0, y0 + 2, x0 + 1, y1 - 2, ButtonBorder )"  // left
		4="fill( x1 - 1, y0 + 2, x1, y1 - 2, ButtonBorder )"  // right
		5="fill( x0 + 1, y0 + 1, x0 + 2, y0 + 2, ButtonBorder )"
		6="fill( x1 - 2, y0 + 1, x1 - 1, y0 + 2, ButtonBorder )"
		7="fill( x0 + 1, y1 - 2, x0 + 2, y1 - 1, ButtonBorder )"
		8="fill( x1 - 2, y1 - 2, x1 - 1, y1 - 1, ButtonBorder )"
			9="fill( x0, y0 + 1, x0 + 1, y0 + 2, ButtonFace2 )"
			10="fill( x1 - 1, y0 + 1, x1, y0 + 2, ButtonFace2 )"
			11="fill( x0, y1 - 2, x0 + 1, y1 - 1, ButtonFace2 )"
			12="fill( x1 - 1, y1 - 2, x1, y1 - 1, ButtonFace2 )"
			13="fill( x0 + 1, y0, x0 + 2, y0 + 1, ButtonFace2 )"
			14="fill( x1 - 2, y0, x1 - 1, y0 + 1, ButtonFace2 )"
			15="fill( x0 + 1, y1 - 1, x0 + 2, y1, ButtonFace2 )"
			16="fill( x1 - 2, y1 - 1, x1 - 1, y1, ButtonFace2 )"
               }
          }
     
          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, buttonfaceactive, propertysheetbg )"
          
                    // lines around
		1="fill( x0 + 2, y0, x1 - 2, y0 + 1, ButtonBorderFocus )"  // top
		2="fill( x0 + 2, y1 - 1, x1 - 2, y1, ButtonBorderFocus )"  // bottom
		3="fill( x0, y0 + 2, x0 + 1, y1 - 2, ButtonBorderFocus )"  // left
		4="fill( x1 - 1, y0 + 2, x1, y1 - 2, ButtonBorderFocus )"  // right
		5="fill( x0 + 1, y0 + 1, x0 + 2, y0 + 2, ButtonBorderFocus )"
	   	6="fill( x1 - 2, y0 + 1, x1 - 1, y0 + 2, ButtonBorderFocus )"
	   	7="fill( x0 + 1, y1 - 2, x0 + 2, y1 - 1, ButtonBorderFocus )"
	   	8="fill( x1 - 2, y1 - 2, x1 - 1, y1 - 1, ButtonBorderFocus )"
				9="fill( x0, y0 + 1, x0 + 1, y0 + 2, ButtonFace2 )"
			10="fill( x1 - 1, y0 + 1, x1, y0 + 2, ButtonFace2 )"
			11="fill( x0, y1 - 2, x0 + 1, y1 - 1, ButtonFace2 )"
			12="fill( x1 - 1, y1 - 2, x1, y1 - 1, ButtonFace2 )"
			13="fill( x0 + 1, y0, x0 + 2, y0 + 1, ButtonFace2 )"
			14="fill( x1 - 2, y0, x1 - 1, y0 + 1, ButtonFace2 )"
			15="fill( x0 + 1, y1 - 1, x0 + 2, y1, ButtonFace2 )"
			16="fill( x1 - 2, y1 - 1, x1 - 1, y1, ButtonFace2 )"
               }    
          }
     }
     
     layout
     {
          
          //set aside some room for the header section
          region {  name=head dir=down x=20 y=20 height=124 width=1242 margin-right=0 }
          		
          
          // put CURRENT NETWORK USAGE in the top left
          place { control="header" region=head dir=down x=0 y=0  }
          
          place { control="pauseresumeallbutton" region=head align=right x=490 margin-right=16 margin-top=30 }

          // make a region for the second row
          region { name=row1 x=0 y=22 width=max  region=head }

          // put downstream text to the right of the download rate, in the row1 region
          place { region=row1 control="download_rate_value,download_rate" spacing=4 }
          
          // peak rates in the middle
          place { region=row1 control="peak_download_rate_value, peak_download_rate" spacing=4 y=22 align=top }

          // totals on the right
          place { region=row1 control="total_downloaded_value, total_downloaded" spacing= 4 y=44 align=top }
          
     }
}
