<VIEW_GROUP name="Animation Action Editor" width="400px" height="400px" input_style="skin.raised_brushed_metal_style">
  
  
  <STYLE name="label_style" vertical_align="EPF_CENTRE_Y" horizontal_align="EPF_CENTRE_X" text_colour="argb(1,1,1,1)" padding="aabb(vector(2,2),vector(2,2))" margin="aabb(vector(2,2),vector(2,2))" background="null"   />
  <STYLE name="white_label_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_RIGHT" text_colour="argb(0.8,1,0.5,0.5)"/>

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

  <TEXTURE_REF name="transparent_grey" src="UI\WarscapeTwin\transparent_grey.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)"/>

  <TEXTURE_REF name="fish" src="UI\WarscapeTwin\redherring.dds" />
 
  <STYLE name="invisible_style" padding="aabb(vector(4,4),vector(4,4))" margin="aabb(vector(0,0),vector(0,0))" background="fish"  vertical_align="EPF_CENTRE_Y" horizontal_align="EPF_LEFT" line_spacing="64"/>

  <TEXTURE_REF name="animation_slot_gfx"  src="UI\\WarscapeTwin\\animation_slot_gfx.dds" />
  <!--<RENDER_RECT name="animation_slot_style_bg" uv_coords="rect(0,0,224,224)" texture="animation_slot_gfx"/>-->
  <RENDER_BLIT_GRID_3x3_F name="animation_slot_style_bg" data="grid3x3(0,0,224,224,112,2,2,144)" texture="animation_slot_gfx"/>
  <RENDER_BLIT_GRID_3x3_F name="animation_slot_style_fg" data="grid3x3(0,242,16,32,5,15,5,15)" texture="animation_slot_gfx" />
  <RENDER_BLIT_GRID_3x3_F name="label_glyph" data="grid3x3(16,400,64,32,5,5,5,5)" texture="animation_slot_gfx" />
  <RENDER_BLIT_GRID_3x3_F name="drop_down_bg" data="grid3x3(32,240,87,26,8,8,27,8)" texture="animation_slot_gfx" />
  <RENDER_BLIT_GRID_3x3_F name="drop_down_bg_odd" data="grid3x3(32,272,87,26,8,8,27,8)" texture="animation_slot_gfx" />
  <RENDER_BLIT_GRID_3x3_F name="drop_down_fg" data="grid3x3(144,240,87,26,15,10,27,8)" texture="animation_slot_gfx" />

  <STYLE name="animation_slot_style" padding="aabb(vector(3,3),vector(3,3))" margin="aabb(vector(0,0),vector(0,0))" background="animation_slot_style_bg" overlay="animation_slot_style_fg">
    <STYLE name="label_style" padding="aabb(3,3,3,3)" margin="aabb(3,3,3,3)" background="label_glyph" />
   <!-- <STYLE name="drop_down_style" padding="aabb(5,5,15,5)" margin="aabb(3,3,3,3)" background="drop_down_bg" overlay="drop_down_fg" horizontal_align="EPF_RIGHT"/>
    <STYLE name="drop_down_style_odd" padding="aabb(5,5,15,5)" margin="aabb(3,3,3,3)" background="drop_down_bg_odd" overlay="drop_down_fg" horizontal_align="EPF_RIGHT"/>-->
  </STYLE>


  <VECTOR_LIST name='weapons_list' >
    <LIST_ELEM name='gun' attrib='0' image_index='0' offset='0' />
    <LIST_ELEM name='frying pan' attrib='0' image_index='0' offset='0' />
    <LIST_ELEM name='angry stare' attrib='0' image_index='0' offset='0' />
  </VECTOR_LIST>


  <VECTOR_LIST name='category_list' >
    <LIST_ELEM name='Officer' attrib='0' image_index='0' offset='0' />
    <LIST_ELEM name='Musician' attrib='0' image_index='0' offset='0' />
    <LIST_ELEM name='Standard bearer' attrib='0' image_index='0' offset='0' />
    <LIST_ELEM name='Soldier' attrib='0' image_index='0' offset='0' />    
  </VECTOR_LIST>


  <VECTOR_LIST name='slots_list' >

  
  </VECTOR_LIST>
  
  <VECTOR_LIST name='anims_list' >
   
  </VECTOR_LIST>


  <VECTOR_LIST name='units_list' >
   
  </VECTOR_LIST>

  <TABLE  name ="table"  input_style='table_style' width='100%' height='100%' >
    <ROW  name ="row" input_style='table_style' width='100%' height='100%' resize_enabled='true' >
      <CELL  name ="cell"  input_style='table_style' width='150px' height='100%' resize_enabled='true' arranger='skin.vertical_arrange'>
        <TABLE input_style = 'table_style'> 
          <ROW input_style = 'table_style' height='50%'>
	  <CELL input_style = 'table_style'>		
          <TABLE  name ="Units"  input_style='table_style' width='100%' height='100%' >
            <ROW  name ="row" input_style='table_style' width='100%' height='100%' resize_enabled='true' >
              <CELL  name ="cell"  input_style='table_style' width='50%' height='100%' resize_enabled='true' arranger='skin.vertical_arrange'>
                <SCROLL_CONTAINER width='100%' height='100%'>
                  <LIST_VIEW name='ctrl_units_view' input_list='units_list'/>
                </SCROLL_CONTAINER>
              </CELL>
              <CELL  name ="cell"  input_style='table_style' width='100%' height='100%' resize_enabled='true' arranger='skin.vertical_arrange'>
                <SCROLL_CONTAINER width='100%' height='100%'>
                  <LIST_VIEW  name='ctrl_category_view' input_list='category_list'/>
                </SCROLL_CONTAINER>
              </CELL>
            </ROW>
          </TABLE>
	  </CELL>
          </ROW>
          <ROW input_style = 'table_style' height='100%'>
          <CELL input_style = 'table_style'>
          <SCROLL_CONTAINER name='Animation tables' width='100%' height='100%'>
            <LIST_VIEW name='ctrl_animation_tables_view' input_list='units_list'/>
          </SCROLL_CONTAINER>
	  </CELL>
          </ROW>
          </TABLE>
           
      </CELL>
      <CELL  name ="cell"  input_style='table_style' width='100%' height='100%' resize_enabled='true' arranger='skin.vertical_arrange'>
        <SCROLL_CONTAINER width='100%' height='100%'>
                 
      
        <GRID_VIEW name ='ctrl_slots_grid' input_style='animation_slot_style'>

          <SIMPLE_LABEL text ="test"/>
          <SIMPLE_LABEL text ="test"/>
          <SIMPLE_LABEL text ="test"/>
          <SIMPLE_LABEL text ="test"/>
          <SIMPLE_LABEL text ="test"/>
        </GRID_VIEW>
     
    </SCROLL_CONTAINER>

  </CELL>
</ROW>

</TABLE>
<BACK_VIEW width='100%' height='1.0*' name="background" />

</VIEW_GROUP>
<!--
        <SCROLLABLE_VIEW_GROUP width ='1C' height='1C'>
        <TABLE name='ctrl_animation_action_table' equal_column_widths='true'  width ='1000px' height = '100%' input_style='table_style_white'>
          
          <ROW width ='100%' height='250px' input_style='invisible_style'>
            <CELL width='150px' height='100%' arranger='skin.vertical_arrange' input_style='table_style_translucent'>
              <SIMPLE_LABEL text='Animation File' width='100%' height='30px' input_style='label_style' />
              <DROP_BOX height='25px' input_list='anims_list' margin='aabb(5,5,5,5)'/>
              <SIMPLE_LABEL text='Weighting'  width='100%' height='30px'  input_style='label_style' />
              <NUMERIC_SLIDER_F height='25px' min_val='0' max_val='1' val='0.5' margin='aabb(5,5,5,5)'/>
              <SIMPLE_LABEL text='Primary Wep'  width='100%' height='30px'  input_style='label_style' />
              <DROP_BOX height='25px' input_list='weapons_list' margin='aabb(5,5,5,5)'/>
              <SIMPLE_LABEL text='Secondary Wep'  width='100%' height='30px'  input_style='label_style' />
              <DROP_BOX height='25px' input_list='weapons_list' margin='aabb(5,5,5,5)'/>
            </CELL>
          
          

          </ROW>
         

          

        </TABLE>
         </SCROLLABLE_VIEW_GROUP>
         
        -->