<panel title="Picking Panel">

	<layout class="fit_children_attachment" alignment="vertical" offset="0" />
	<layout class="stick_to_sides_attachment" alignment="horizontal" layout_children="true" inset="0" />
	
   	<container id="pipa">

        <layout class="stick_to_sides_attachment" alignment="vertical" inset="0" layout_children="true"/>
        <layout class="arrange_horizontal_attachment" alignment="left" offset="0" gap="0" />
      
      	<layout class="stick_to_sides_attachment" alignment="bottom" inset="0"/>
      	<layout class="fit_children_attachment" alignment="vertical" offset="0"/>
		<layout class="fit_children_attachment" alignment="horizontal,fill" gap="0" />

		<!-- first eleven -->		
		<widget class="position_picked_button" id="0" width="34" spec="text,small" alignment="centre"/>
		<widget class="position_picked_button" id="1" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="2" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="3" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="4" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="5" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="6" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="7" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="8" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="9" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="10" width="34" spec="text,small" alignment="centre" />

		<!-- up to a max of 12 subs -->
		<widget class="position_picked_button" id="11" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="12" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="13" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="14" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="15" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="16" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="17" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="18" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="19" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="20" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="21" width="34" spec="text,small" alignment="centre" />
		<widget class="position_picked_button" id="22" width="34" spec="text,small" alignment="centre" />
		
	</container>
	
</panel>