<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" creationComplete="init()" render="setColumnWidth()" paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0">
	<mx:Script>
		<![CDATA[
			import mx.events.DataGridEvent;
			import mx.collections.ArrayCollection;
			
			private function init():void {
				setColumnWidth();
				parentDocument.headerDataGrid.addEventListener( DataGridEvent.COLUMN_STRETCH, setColumnWidth );
			}
			
			private function setColumnWidth( event:DataGridEvent=null ):void {
				var _i:uint = 0;
				var _length:uint = parentDocument.headerDataGrid.columns.length;
				while ( _i < _length ) {
					dgLocal.columns[ _i ].width = parentDocument.headerDataGrid.columns[ _i ].width;
					_i++;
				}
			}
		]]>
	</mx:Script>
	<mx:DataGrid id="dgLocal" x="0" y="0" width="100%" showHeaders="false" height="23" dataProvider="{ data }" backgroundAlpha="0" selectable="false"
		borderSides="{ parentDocument.detailed ? 'bottom top' : 'bottom' }">
		<mx:columns>
			<mx:DataGridColumn headerText="Name" dataField="name" />
			<mx:DataGridColumn headerText="Location" dataField="location" />
			<mx:DataGridColumn headerText="Exp" dataField="exp" />
		</mx:columns>
	</mx:DataGrid>
	<mx:Text visible="{ parentDocument.detailed }" includeInLayout="{ parentDocument.detailed }"
		htmlText="This is where the detailed text will go.&lt;br /&gt;This is not formatted now but can be once it goes live" y="22" width="100%" />
</mx:VBox>