"resource/layout/gamespage_details_achievements_locked.layout"
{
	controls
	{
		locked_area { controlname="CAchievementsLockedPanel" style="lockedarea" }

		imageexplanation { controlname="Label" style="infolabel" labeltext="#Steam_AchievementsLocked" }
		achievementlabelmore { controlname="Label" style="achievementlabelmore" labeltext="#Steam_MoreAchievements" textAlignment="center" tooltiptext="#Steam_ViewAllAchievements"}
	}

	colors
	{
		// Note, the below values are used for dynamic layout in code, and must match the values from place
		// commands below for layout to work correctly.

		// ImageAreaSpacing must be the spacing between achievement images
		GameDetailsAchievements.ImageAreaSpacing "7"

		// ImageWidth must be the width of an achievement image in the display
		GameDetailsAchievements.ImageWidth "45"

		// Size of the border around locked achievement images
		GameDetailsAchievements.LockedImageBorder "3"

		Tooltip.Anchor=Parent
	}

	styles
	{
		lockedarea
		{ 
			minimum-height="76"
		}

		infolabel
		{

			font-size=13 [$LINUX]
			font-size=15
		}

		achievementlabelmore
		{
			inset="-3 0 0 0"
			font-size=13 [$LINUX]
			font-size=15
			textcolor=Button.Text
			font-family=basefont
		     	render_bg
		     	{
			        // background fill
			        0="fill( x0, y0 - 2, x1 - 1, y1 + 1, Button.Back )"        
    			}
    		}   
    		   
		achievementlabelmore:hover
		{
			inset="-3 0 0 0"
			font-size=13 [$LINUX]
			font-size=15
			textcolor=Button.Hover.Text
			font-family=basefont
		    	 render_bg
		    	 {
		      	  	// background fill
		       		0="fill( x0, y0 - 2, x1 - 1, y1 + 1, Button.Back )"
					1="fill( x0, y0 - 2, x0 + 2, y1 + 1, Button.Hover )"
					2="fill( x1 - 3, y0 - 2, x1 - 1, y1 + 1, Button.Hover )"
					3="fill( x0, y0, x1 - 1, y0 + 2, Button.Hover )"
					4="fill( x0, y1 - 2, x1 - 1, y1, Button.Hover )"
    			}
    		}     

		achievementimagebg
		{
			bgcolor=none
			inset="1 0 0 0"
      		image="graphics/achievementbg"
		}
	
	}

	layout
	{
		region { name=body margin=0 width=max height=max }
		region { name=images region=body x=0 y=23 margin=2 width=max height=48 }

		place { region=body control=imageexplanation y=0 }

		place 
		{ 
			region=images 
			control=*achievementimage,achievementlabelmore
			dir=right
			width=45
			height=45
			spacing=7
		}
	}
}