"resource/layout/musicpage_detail_content.layout"
{
	styles {

		AlbumOrArtistListStyle {
			render_bg { }
		}

		EmptyDatabaseText { }

		CrawlingText { }

		CMusicPage_Details_Content {
			bgcolor=none
			render { }
			render_bg { }
		}

		"CMusicPage_Details_Content ListPanelInterior" {
			minimum-width="262"
			render_bg {
				0="fill( x0, y0, x1, y1, A2.Background )"
			}
		}

		"CMusicPage_Details_Content ListPanel ScrollBar" {
			inset-top=20
		}

		DetailsBorderPanel {
			render_bg {
				0="fill( x0, y0, x1, y1 - 1, Details.Background )"
				1="fill( x0, y1 - 1, x1, y1, A2.Ribbon )" //because semi-transparent pixels at bottom are buggy
				2="fill( x0, y0, x0 + 1, y1, A2.Ribbon )" //left 255 color
				3="fill( x1 - 1, y0, x1, y1, A2.Ribbon )"	//right 255 color
			}
		}
	}

	layout {

		region	{ name=list					y=0 x=0 width=275 height=max }
		region	{ name=details			y=0 x=275 width=max height=max overflow=scroll-vertical }
		region	{ name=headertext		y=40 region=details width=max height=max }
		region	{ name=detailsbody	y=399 region=details width=max overflow=allow-vertical }

		place	{ control=EmptyDatabaseText width=max height=max margin-left=295 margin-top=20 }
		place	{ control=CrawlingText width=max height=max margin-left=295 margin-top=20 }

		place	{ control=DetailsBorder width=max height=max }

		place { control=AlbumList region=list width=275 height=max margin-top=-1 }
		place { control=ArtistList region=list width=275 height=max margin-top=-1 }
		place { control=PlaylistList region=list width=275 height=max margin-top=-1 }
		place { control=*MusicPageDetailsAlbum region=details width=max dir=down spacing=30 }
		place { control=*MusicPageDetailsPlaylist region=details width=max dir=down spacing=30 }

		place { control=BackgroundImageA height=0 width=0 }
		place { control=BackgroundImageB height=0 width=0 }
		place { control=BackgroundImageMask height=0 width=0 }
	}
}
