<root>
	<styles>
		<include src="file://{resources}/styles/steamstyles.css" />
		<include src="file://{resources}/styles/fileselector.css" />
	</styles>

	<TenfootFileSelector tabindex="auto" selectionpos="auto" onmouseactivate="CloseModalDialog();" >
		<Panel id="FileSelectorBodyRegion" class="FileSelectorBodyRegion">

			<Panel id="FileSelectorColumn" class="FileSelectorColumn">
				<Label id="FileSelectorHeaderLabel" class="FileSelectorHeaderLabel" text="Header"/>
	
				<Panel id="DefaultOption">
					<Button class="Button" onactivate="SelectDefaultOption()" onfocus="ShowPreviewForDefault()">
						<Label id="DefaultButtonLabel" />
					</Button>
				</Panel>
	
				<Label id="FileSelectorTextLabel" class="FileSelectorBoxText" text="Description"/>			

				<Panel id="FileSelectorButtonTopRow" class="FileSelectorButtonTopRow">				
			
					<DropDown id="FileSelectorLocationDropDown" class="FileSelectorLocationDropDown"
						onfocus="FileSelectorChangedFocus();">
					</DropDown>
				
					<Button id="GoBackButton" class="GoBackButton MsgBoxButton" 
						onactivate="GoBackButton();"
						onfocus="FileSelectorChangedFocus();">
						<Image src="file://{images}/icon_folder_up.png" class="UpFolder" />
					</Button>
			
				</Panel>
			
			
				<Panel id="FileSelectorFileListArea" class="FileSelectorFileListArea">
					<Panel class="FileSelectorFileListContainer" id="FileSelectorFileListContainer" childfocusonhover="false" />
				</Panel>
			
			</Panel>
				
			<Panel class="VerticalRule" />
		
			<Panel id="FileSelectorPreviewColumn" class="FileSelectorPreviewColumn">
				<Label id="PreviewLabel" class="PreviewLabel" text="#FileSelector_NoPreview"/>
				<Image id="PreviewImage" class="PreviewImage" scaling="stretch-to-fit-preserve-aspect"/>
			</Panel>		
		</Panel>
		
	</TenfootFileSelector>
</root>
