<root>
	<styles>		
		<include src="file://{resources}/styles/steamstyles.css" />
		<include src="file://{resources}/styles/test/backgroundimagetest.css" />
	</styles>
	
	<BackgroundImageTest>
		<Label text="Single Image - Default (repeat x/y, aligned top left)" />
		<Panel id="SingleDefault" class="SingleImageDefault" />
		
		<Label text="Single Image - RepeatX center both (left edge should not line up, aligned with centered image)" />
		<Panel id="SingleCenter" class="SingleImageCenter" />

		<Label text="Single Image - RepeatY align top right" />
		<Panel id="SingleRight" class="SingleImageRight" />
		
		<Label text="Single Image - Percent Position (75% 50%'s should line up)" />
		<Panel id="SinglePercent" class="SinglePercent" />

		<Label text="Multiple Images - Offest (top left, bottom right)" />
		<Panel id="MultipleOffset" class="MultipleOffset" />

		<Label text="Single Image - Round" /> 
		<Panel id="SingleRound" class="SingleImageRound" />
		
		<Label text="Single Image - Space 30% 30%" /> 
		<Panel id="SingleSpace" class="SingleImageSpace" />
		
		<Label text="Mutliple Images - Each keyword aligment" /> 
		<Panel id="MultipleKeywordAlign" class="MultipleKeywordAlign" />
		
		<Label text="Image and a movie - Image on top, movie 4x tiled behind" /> 
		<Panel id="ImageAndMovie" class="ImageAndMovie" />
	</BackgroundImageTest>	
</root>
