"resource/layout/gamespage_mini.layout"
{
	controls
	{
		GamesList { controlname=Panel style="DetailsBorderPanel" tabposition=1 }
		CGamesPage_Mini	{ title="#Steam_Root_Title" }
		library_filters	   { ControlName=MenuButton labelText="#steam_library_filter_allgames" style="NavLabel2" showDownArrow=1 group=filters }
		library_search	   { ControlName=TextEntry maxchars=12 hintText="#steam_library_search" style="LibrarySearch" group=library tabposition=2 }
		label_search_icon	{ ControlName=Label style="LibrarySearchIcon" group=filters }
		
		
		"subnavgroup_library"
		{
			"ControlName"		"imagepanel"
			style="grouper"
			group="library"
			zpos="-4"
		}
		
	}

	styles
	{

		
		"CGamesPage_Mini ListPanelColumnSelectButton" // the games list column chooser
			{
				inset="-3 3 0 0"
				render
				{
				// background fill
				1="fill( x0, y0 + 1, x1 - 1, y1, none )"  
				2="image( x0 + 3, y0 + 3, x1, y1, graphics/icon_collapse )"
				}   
			     render_bg {}
			}
	
		"CGamesPage_Mini ListPanel"
			{
				padding-left=4
				padding-right=2
			}
	
		"CGamesPage_Mini ListPanelInterior"
			{     
			inset="3 1 -2 0"
			bgcolor=none
			render
						{
							//gradient to obscure content at top of scrolling region 
							1="gradient( x0+1, y0, x1+1, y0 + 16, BackgroundStartOpaque, none  )"
							
							//gradient to obscure content at bottom of scrolling region 
							2="gradient( x0+1, y1 - 16, x1-1, y1, none, almostblack )"
							
							// single pixel fills in the corners
							6="fill( x0 + 1, y0, x0 + 2, y0 + 1, ButtonBorderDisabled )" //UL
							7="fill( x1 - 2, y0, x1 - 1, y0 + 1, ButtonBorderDisabled )"  //UR
							8="fill( x0 + 1, y1 - 3, x0 + 2, y1 - 2, ButtonBorderDisabled )"
							9="fill( x1 - 2, y1 - 3, x1 - 1, y1 - 2, ButtonBorderDisabled )"
						}
			render_bg {}
			}
	
		"CGamesPage_Mini ListPanelInterior:scrollbar"
			{     
			inset="3 1 -2 0"
			bgcolor=none
			render_bg {}
			}
		
		
		grouper
		{
			bgcolor=none
			render_bg
			{
				// background fill
				0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, dialogbg )"
	                
				
		
				// single pixel fills in the corners
				5="fill( x0 + 1, y0 + 1, x0 + 2, y0 + 2, ClientBG )"
				6="fill( x1 - 2, y0 + 1, x1 - 1, y0 + 2, ClientBG )"
				7="fill( x0 + 1, y1 - 2, x0 + 2, y1 - 1, ClientBG )"
				8="fill( x1 - 2, y1 - 2, x1 - 1, y1 - 1, ClientBG )"
				9="fill( x0, y0 + 1, x0 + 1, y0 + 2, ClientBG )"
				10="fill( x1 - 1, y0 + 1, x1, y0 + 2, ClientBG )"
				11="fill( x0, y1 - 2, x0 + 1, y1 - 1, ClientBG )"
				12="fill( x1 - 1, y1 - 2, x1, y1 - 1, ClientBG )"
				13="fill( x0 + 1, y0, x0 + 2, y0 + 1, ClientBG )"
				14="fill( x1 - 2, y0, x1 - 1, y0 + 1, ClientBG )"
				15="fill( x0 + 1, y1 - 1, x0 + 2, y1, ClientBG )"
				16="fill( x1 - 2, y1 - 1, x1 - 1, y1, ClientBG )"
			}
			
		}
		CGamesPage_Mini 
		{			
			bgcolor="dialogBG"
			render_bg
			{
			
				1="image( x0, y0, x1, y1, graphics/clienttexture2)"
			}
		}	
		
		menubar { bgcolor=none }
		"menubar menubutton" { padding-right=0 padding-left=-4 inset="0 0 0 0" }

		TextEntry
		{
			font-family=basefont
			font-size=14
			textcolor="Text"
			font-weight=400
			bgcolor="none"
			selectedtextcolor="white"
			selectedbgcolor="TextSelectedBG"
			shadowtextcolor="Text"  // this is the cursor color
	
			inset-left=4
			inset-top=0
			render
			{
		        
			}  
	      }   
	      
	      TextEntry:hover
		{

			textcolor="TextHover"

	      }   
	      
	     TextEntry:active
		{

			textcolor="TextHover"

	      }   
	      
	      TextEntry:selected
		{

			textcolor="TextHover"

	      }   
	      LibrarySearch
		{
			padding-left=0
			font-family=basefont
			font-size=14
			font-weight=400	
			textcolor="text"	
		}
		
		LibrarySearch:empty
		{
			font-style=italic
			textcolor="LabelDisabled"
			
		}
			
		LibrarySearch:hover
		{	
			textcolor="texthover"	
		}
		
		LibrarySearch:empty:hover
		{
			font-style=italic
			textcolor="texthover"
			
		}
		LibrarySearchIcon
		{
			bgcolor="none"
			inset="-2 0 0 0"
			render_bg={}
			image="graphics/icon_button_search"
			padding-left=0
			padding-right=-1
		
		}
		
		
		NavLabel2
		{
			font-family=basefont
			font-size=14
			font-weight=400
			textcolor="TextentrySelected"
			font-style="outerglow,uppercase"
			font-outerglow-color="TextGlowHover"
			font-outerglow-offset=1
			font-outerglow-filtersize=3
			inset="2 0 0 0"
		}

		ListPanelColumnheader
		{
			render {}
			bgcolor=none
			render_bg {}	
		}
		
		"CGamesPage_Mini CGameFilterMenuButton"
		{
			inset="3 0 0 0"
			padding-left="-3"
		}
		
		DetailsBorderPanel
		{
			inset="-1 0 0 0"
			bgcolor=none
			render_bg 
			{
				// background gradient
				0="gradient( x0+1, y0+1, x1-2, y0 + 149, none, AlmostBlack )"
				1="fill( x0+1, y0 + 149, x1-2, y1 + 1, AlmostBlack )" 
				2="gradient( x0+1, y0+1, x1-2, y0 + 15, backgroundstartopaque, none )"

				// lines around
				3="fill( x0 + 2, y0, x1 - 3, y0 + 1, ButtonBorderDisabled )"  // top
				4="fill( x0 + 2, y1, x1 - 3, y1 + 1, ButtonBorderDisabled )"  // bottom
				5="fill( x0, y0 + 2, x0 + 1, y1 - 1, ButtonBorderDisabled )"  // left
				6="fill( x1 - 2, y0 + 2, x1 - 1, y1 - 1, ButtonBorderDisabled )"  // right
						
				// single pixel fills in the corners
				7="fill( x0 + 1, y0 + 1, x0 + 2, y0 + 2, ButtonBorderDisabled )"
				8="fill( x1 - 3, y0 + 1, x1 - 2, y0 + 2, ButtonBorderDisabled )"
				9="fill( x0 + 1, y1 - 1, x0 + 2, y1, ButtonBorderDisabled )"
				10="fill( x1 - 3, y1 - 1, x1 - 2, y1, ButtonBorderDisabled )"
				11="fill( x0, y0 + 1, x0 + 1, y0 + 2, ButtonBorderDisabled2 )"
				12="fill( x1 - 2, y0 + 1, x1 - 1, y0 + 2, ButtonBorderDisabled2 )"
				13="fill( x0, y1 - 1, x0 + 1, y1 - 0, ButtonBorderDisabled2 )"
				14="fill( x1 - 3, y1, x1 - 2, y1 + 1, ButtonBorderDisabled2 )"
				15="fill( x0 + 1, y0, x0 + 2, y0 + 1, ButtonBorderDisabled2 )"
				16="fill( x1 - 3, y0, x1 - 2, y0 + 1, ButtonBorderDisabled2 )"
				17="fill( x0 + 1, y1, x0 + 2, y1 + 1, ButtonBorderDisabled2 )"
				18="fill( x1 - 2, y1 - 1, x1 - 1, y1, ButtonBorderDisabled2 )"
			}
		}
	}

 	layout
 	{
		place { control="frame_captiongrip" margin=2 width=max height=38 }
		place [!$OSX] { control="MenuBar" margin-left=0 height=24 margin-top=2 margin-right=44 }
		
		place { control="subnavgroup_library" align=top-center y=28 height=26 width=max margin-right=9 margin-left=9 }
		
		place { control="gameslist" align=left margin-left=10 margin-right=9 margin-top=56 margin-bottom=18 width=max height=max }
		
		place { control="library_search"  width=80 }
		place [!$OSX] { control="label_search_icon,library_search" align=left y=33 height=17 spacing=1 x=14 }
		place  [$OSX] { control="label_search_icon,library_search" align=left y=33 height=17 spacing=1 x=13 }
		
		place { control="library_filters" align=right margin-left=10 margin-right=11 margin-top=31 height=22 spacing=1 }
 	}
}
