"resource/layout/gamespage_details_cloud_file.layout"
{
	controls
	{
		cloudfile { controlname="CCloudFilePanel" }
		fileimage { controlname="ImagePanel" image=resource/icon_file zpos=1 style="fileimagestyle" }
		filename { controlname="Label" style="filestyle" }
		syncdate { controlname="Label" labeltext="" style="filestyle" }
		syncstate { controlname="Label" labeltext="" style="filestyle" }
	}
	colors
	{
		// The extra space needed vertical beyond the autocomputed size of the blurb contents
		// this is used in code to make the vertical size of the panel fit the title/author/morelink
		// and should be updated if you change vertical padding/margins/layout.
		GameDetailsCloudFile.ExtraVerticalSpacing "0"
	}
	styles
	{
		filestyle 
		{ 
			padding=4
			font-size=13 [$LINUX]
			font-size=15
		}
		
		CCloudFilePanel:hover
		{
			render_bg {
				0="gradient_horizontal( x0, y0 , x1-1, y1, focus3, none  )"  //top
				1="gradient_horizontal( x0, y0 , x1, y1-1, focus3, none  )"  //fill
				2="gradient_horizontal( x0, y1-1 , x1-1, y1, focus3, none  )"  //btm
				3="fill( x0 - 1, y0 + 7, x0, y1 - 3, focus3 )"  //left
			}	
		}
		
		CCloudFilePanel:selected
		{
			render_bg {
				0="gradient_horizontal( x0, y0 , x1-1, y1, focus3, none  )"  //top
				1="gradient_horizontal( x0, y0 , x1, y1-1, focus3, none  )"  //fill
				2="gradient_horizontal( x0, y1-1 , x1-1, y1, focus3, none  )"  //btm
				3="fill( x0 - 1, y0 + 7, x0, y1 - 3, focus3 )"  //left
			}	
		}
		
		CCloudFilePanel
		{
			bgcolor=GrayBG2
		}
	}

	layout
	{
		region { name=column1 margin=0 x=0 y=0 width=max }
		region { name=column2 margin=0 x=0 y=0 width=190 align=right }
		region { name=column3 margin=0 x=0 y=0 width=100 align=right }
		place { region=column1 control=fileimage,filename x=0 y=0 width=max height=28 }
		place { region=column2 control=syncdate x=0 y=0 width=max height=28 align=right }
		place { region=column3 control=syncstate x=0 y=0 width=max height=28 align=right }
	}
}