<VIEW_GROUP width="400px" height="70%" >

  <STYLE name="test_style" padding="aabb(vector(2,2),vector(2,2))" margin="aabb(vector(2,2),vector(2,2))" background="skin.hscroll_bg"  vertical_align="EPF_CENTRE_Y" horizontal_align="EPF_LEFT"/>


  <STYLE name ="table_style" padding="aabb(vector(2,2),vector(2,2))" margin="aabb(vector(2,2),vector(2,2))" background="null"  vertical_align="EPF_CENTRE_Y" horizontal_align="EPF_LEFT" line_spacing="64"/>
  <STYLE name ="borderless_style" padding="aabb(vector(0,0),vector(0,0))" margin="aabb(vector(0,0),vector(0,0))" background="null"  vertical_align="EPF_CENTRE_Y" horizontal_align="EPF_LEFT" line_spacing="64"/>
  <STYLE name ="borderless_paper_style" padding="aabb(vector(2,2),vector(2,2))" margin="aabb(vector(0,0),vector(0,0))" background="skin.paper"  vertical_align="EPF_CENTRE_Y" horizontal_align="EPF_LEFT" line_spacing="64"/>


  <TEXTURE_REF name="transparent_grey" src="UI\WarscapeTwin\file_colour_legend.dds" />
  <STYLE name ="table_style_translucent" padding="aabb(vector(0,0),vector(0,0))" margin="aabb(vector(2,2),vector(2,2))" background="transparent_grey"  vertical_align="EPF_CENTRE_Y" horizontal_align="EPF_LEFT" line_spacing="64" textcol ="argb(0.8,1,1,1)"/>

 
   <STYLE name="invisible_style" padding="aabb(vector(0,0),vector(0,0))" margin="aabb(vector(0,0),vector(0,0))" background="null"  vertical_align="EPF_CENTRE_Y" horizontal_align="EPF_LEFT" line_spacing="64"/>

  <TEXTURE_REF name="file_colour_legend"  src="UI\\WarscapeTwin\\file_colour_legend.dds" />  
  <RENDER_RECT name="checked_in_file_glyph" 		   uv_coords="rect(1,1,7,7)"   texture="file_colour_legend"/>
  <RENDER_RECT name="checked_out_file_glyph" 		   uv_coords="rect(1,9,7,7)"   texture="file_colour_legend"/>
  <RENDER_RECT name="checked_out_read_only_file_glyph" uv_coords="rect(1,17,7,7)"  texture="file_colour_legend"/>
  <STYLE name="checked_in_file_style" 			 margin="aabb(vector(2,4),vector(10,2))" background="checked_in_file_glyph" />
  <STYLE name="checked_out_file_style" 			 margin="aabb(vector(2,4),vector(10,2))" background="checked_out_file_glyph" />
  <STYLE name="checked_out_read_only_file_style" margin="aabb(vector(2,4),vector(10,2))" background="checked_out_read_only_file_glyph" />
  

  <TABLE  name ="table"  input_style='table_style' width='100%' height='100%' >
    <ROW  name ="row" input_style='borderless_style' width='100%' height='25px' resize_enabled='true' >
      <CELL input_style='borderless_style' arranger='skin.vertical_arrange' >
        <SIMPLE_LABEL text='Load directory' input_style='borderless_style' height='20px' valign='EPF_CENTRE_Y' margin="aabb(vector(0,0),vector(0,3))" />        
      </CELL>
    </ROW>
    <ROW  name ="row" input_style='borderless_style' width='100%' height='45px' resize_enabled='true' >
      <CELL input_style='borderless_style' arranger='skin.vertical_arrange' >
        <SIMPLE_LABEL text='File name:' input_style='borderless_style' height='20px' valign='EPF_CENTRE_Y' margin="aabb(vector(0,0),vector(0,3))" />
        <EDIT_TEXT_BOX text='' name='ctrl_filename' height='20px' valign='EPF_CENTRE_Y' />
      </CELL>
    </ROW>
    <ROW  name ="row" input_style='borderless_style' width='100%' height='20px' resize_enabled='true' >
      <CELL input_style='borderless_style' >
        <SIMPLE_LABEL text='Directory List:' input_style='borderless_style' height='20px' valign='EPF_CENTRE_Y' />
      </CELL>
    </ROW>
    <ROW height='100%'>
      <CELL arranger='skin.horizontal_arrange' input_style='borderless_style' height ='100%' >
        <SCROLL_CONTAINER width='100%' height='100%'>
          <LIST_VIEW name ='ctrl_directory_view' width='100%' height='100%' margin='aabb(vector(5,0),vector(5,0))' margin="aabb(vector(0,0),vector(0,0))"/>
        </SCROLL_CONTAINER>
      </CELL>
    </ROW>
    <ROW height ='50px' input_style='borderless_style'>
      <CELL arranger='skin.horizontal_arrange' input_style='table_style' input_style='borderless_style'>
        <BUTTON name ='ctrl_load' text='Load'  width='100px' height='35px' margin='aabb(vector(5,0),vector(5,0))'/>
        <BUTTON name ='ctrl_cancel' text='Cancel' width='100px' height='35px' margin='aabb(vector(5,0),vector(5,0))'/>
      </CELL>
    </ROW>
	
	<ROW name ="row" input_style='borderless_style' width='100%' height='35px' resize_enabled='true' >
      <CELL input_style='borderless_style' arranger='skin.horizontal_arrange' >	 
		<BACK_VIEW width='7px' height='7px' input_style='checked_in_file_style' margin="aabb(vector(3,3),vector(3,0))"/>  
        <SIMPLE_LABEL text='Checked in file' width="30%" input_style='borderless_style' height='20px' valign='EPF_CENTRE_Y' margin="aabb(vector(3,0),vector(0,3))" />
		<BACK_VIEW width='7px' height='7px' input_style='checked_out_file_style' margin="aabb(vector(3,3),vector(3,0))"/>		
		<SIMPLE_LABEL text='Checked out file' width="30%" input_style='borderless_style' height='20px' valign='EPF_CENTRE_Y' margin="aabb(vector(3,0),vector(0,3))" />        
		<BACK_VIEW width='7px' height='7px' input_style='checked_out_read_only_file_style' margin="aabb(vector(3,3),vector(3,0))"/>
		<SIMPLE_LABEL text='Read Only file' width="30%" input_style='borderless_style' height='20px' valign='EPF_CENTRE_Y' margin="aabb(vector(3,0),vector(0,3))" />        
      </CELL>
    </ROW>
  </TABLE>
  <BACK_VIEW width='100%' height='1.0*' name="background" />

</VIEW_GROUP>
