You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ah...@apache.org on 2013/05/31 06:58:37 UTC

[06/15] add png.xmls to see if tests will pass on other platforms

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/c0a3818c/mustella/tests/gumbo/FCK/integration/baselines/FCK_integration_skin_over.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/gumbo/FCK/integration/baselines/FCK_integration_skin_over.png.xml b/mustella/tests/gumbo/FCK/integration/baselines/FCK_integration_skin_over.png.xml
new file mode 100644
index 0000000..6796c70
--- /dev/null
+++ b/mustella/tests/gumbo/FCK/integration/baselines/FCK_integration_skin_over.png.xml
@@ -0,0 +1,440 @@
+<DisplayList>
+  <FCKBasic width="500" height="375">
+    <spark.skins.spark.ApplicationSkin width="500" height="375" blendMode="auto">
+      <spark.components.Group width="500" height="375" blendMode="auto">
+        <spark.components.Group width="500" height="375" blendMode="auto">
+          <comps.IntegrationGroup width="201" height="208" blendMode="auto">
+            <spark.components.Group width="51" height="51" blendMode="auto">
+              <EventsComponent width="51" height="51">
+                <flash.display.Shape width="51" height="51"/>
+                <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+              </EventsComponent>
+            </spark.components.Group>
+            <spark.components.Group y="57" width="201" height="151" blendMode="auto">
+              <EventsContainer width="201" height="151">
+                <flash.display.Shape width="201" height="151"/>
+                <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                  <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                  <spark.components.Button width="70" height="21">
+                    <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                      <spark.components.Label x="10" y="3" width="50" height="17">
+                        <flash.display.Shape width="50" height="17"/>
+                        <flash.text.engine.TextLine x="1.3" y="13" width="47.4" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="8" hasGraphicElement="false"/>
+                      </spark.components.Label>
+                    </spark.skins.spark.ButtonSkin>
+                  </spark.components.Button>
+                </FlexContentHolder>
+              </EventsContainer>
+            </spark.components.Group>
+          </comps.IntegrationGroup>
+          <comps.CustomSkinGroup y="214" width="173" height="106" blendMode="auto">
+            <spark.components.Group width="173" height="106" blendMode="auto">
+              <spark.components.Group width="153" height="86" blendMode="auto">
+                <mx.controls.Button x="50" y="50" width="103" height="36">
+                  <CustomButtonSkin width="103" height="36">
+                    <flash.display.MovieClip width="96" height="36">
+                      <flash.display.Shape width="96" height="36"/>
+                    </flash.display.MovieClip>
+                    <flash.display.MovieClip matrix="(a=1.208343505859375, b=0, c=0, d=1.5555572509765625, tx=-10, ty=-10)" x="-10" y="-10" width="116" height="56">
+                      <flash.display.Shape width="96" height="36"/>
+                    </flash.display.MovieClip>
+                    <flash.display.Shape width="95.95" height="36"/>
+                  </CustomButtonSkin>
+                  <mx.core.UITextField x="6" y="8" width="91" height="23" underline="false">
+                    <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVerdana" SIZE="12" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;Custom Button&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                  </mx.core.UITextField>
+                </mx.controls.Button>
+              </spark.components.Group>
+            </spark.components.Group>
+          </comps.CustomSkinGroup>
+          <comps.ItemRendererGroup y="326" width="220" height="350" blendMode="auto">
+            <spark.components.Scroller width="220" height="350">
+              <spark.skins.spark.ScrollerSkin width="220" height="350" blendMode="auto">
+                <spark.components.DataGroup width="205" height="350" scrollRect="(x=0, y=0, w=205, h=350)">
+                  <comps.ItemRendererGroupInnerClass0 width="201" height="151" blendMode="auto">
+                    <EventsContainer width="201" height="151">
+                      <flash.display.Shape width="201" height="151"/>
+                      <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                        <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                        <spark.components.HGroup width="97" height="51" blendMode="auto">
+                          <EventsComponent width="51" height="51">
+                            <flash.display.Shape width="51" height="51"/>
+                            <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                          </EventsComponent>
+                          <mx.controls.Label x="57" width="40" height="23">
+                            <mx.core.UITextField width="40" height="23" underline="false">
+                              <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVerdana" SIZE="12" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;item 0&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                            </mx.core.UITextField>
+                          </mx.controls.Label>
+                        </spark.components.HGroup>
+                      </FlexContentHolder>
+                    </EventsContainer>
+                  </comps.ItemRendererGroupInnerClass0>
+                  <comps.ItemRendererGroupInnerClass0 y="157" width="201" height="151" blendMode="auto">
+                    <EventsContainer width="201" height="151">
+                      <flash.display.Shape width="201" height="151"/>
+                      <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                        <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                        <spark.components.HGroup width="97" height="51" blendMode="auto">
+                          <EventsComponent width="51" height="51">
+                            <flash.display.Shape width="51" height="51"/>
+                            <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                          </EventsComponent>
+                          <mx.controls.Label x="57" width="40" height="23">
+                            <mx.core.UITextField width="40" height="23" underline="false">
+                              <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVerdana" SIZE="12" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;item 1&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                            </mx.core.UITextField>
+                          </mx.controls.Label>
+                        </spark.components.HGroup>
+                      </FlexContentHolder>
+                    </EventsContainer>
+                  </comps.ItemRendererGroupInnerClass0>
+                  <comps.ItemRendererGroupInnerClass0 y="314" width="201" height="151" blendMode="auto">
+                    <EventsContainer width="201" height="151">
+                      <flash.display.Shape width="201" height="151"/>
+                      <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                        <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                        <spark.components.HGroup width="97" height="51" blendMode="auto">
+                          <EventsComponent width="51" height="51">
+                            <flash.display.Shape width="51" height="51"/>
+                            <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                          </EventsComponent>
+                          <mx.controls.Label x="57" width="40" height="23">
+                            <mx.core.UITextField width="40" height="23" underline="false">
+                              <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVerdana" SIZE="12" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;item 2&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                            </mx.core.UITextField>
+                          </mx.controls.Label>
+                        </spark.components.HGroup>
+                      </FlexContentHolder>
+                    </EventsContainer>
+                  </comps.ItemRendererGroupInnerClass0>
+                </spark.components.DataGroup>
+                <spark.skins.spark.ScrollerSkinInnerClass1 width="0" height="0">
+                  <spark.skins.spark.HScrollBarSkin concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="0" height="0" blendMode="auto">
+                    <spark.components.Button concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="16" width="15" height="15">
+                      <spark.skins.spark.HScrollBarTrackSkin concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="15" height="15" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="16" width="15" height="15">
+                      <spark.skins.spark.HScrollBarThumbSkin concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="15" height="15" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="18" height="15">
+                      <spark.skins.spark.ScrollBarLeftButtonSkin concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="18" height="15" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-18" width="18" height="15">
+                      <spark.skins.spark.ScrollBarRightButtonSkin concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="18" height="15" blendMode="auto"/>
+                    </spark.components.Button>
+                  </spark.skins.spark.HScrollBarSkin>
+                </spark.skins.spark.ScrollerSkinInnerClass1>
+                <spark.skins.spark.ScrollerSkinInnerClass0 x="205" width="15" height="350">
+                  <spark.skins.spark.VScrollBarSkin width="15" height="350" blendMode="auto">
+                    <spark.components.Button y="16" width="15" height="319">
+                      <spark.skins.spark.VScrollBarTrackSkin width="15" height="319" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button y="16" width="15" height="18">
+                      <spark.skins.spark.VScrollBarThumbSkin width="15" height="18" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button width="15" height="18">
+                      <spark.skins.spark.ScrollBarUpButtonSkin width="15" height="18" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button y="332" width="15" height="18">
+                      <spark.skins.spark.ScrollBarDownButtonSkin width="15" height="18" blendMode="auto"/>
+                    </spark.components.Button>
+                  </spark.skins.spark.VScrollBarSkin>
+                </spark.skins.spark.ScrollerSkinInnerClass0>
+              </spark.skins.spark.ScrollerSkin>
+            </spark.components.Scroller>
+          </comps.ItemRendererGroup>
+          <comps.EventsGroup y="682" width="201" height="151" blendMode="auto">
+            <EventsComponent width="51" height="51">
+              <flash.display.Shape width="51" height="51"/>
+              <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+            </EventsComponent>
+            <EventsContainer width="201" height="151">
+              <flash.display.Shape width="201" height="151"/>
+              <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                <spark.components.Button width="70" height="21">
+                  <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                    <spark.components.Label x="10" y="3" width="50" height="17">
+                      <flash.display.Shape width="50" height="17"/>
+                      <flash.text.engine.TextLine x="3" y="13" width="43.95" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="8" hasGraphicElement="false"/>
+                    </spark.components.Label>
+                  </spark.skins.spark.ButtonSkin>
+                </spark.components.Button>
+              </FlexContentHolder>
+            </EventsContainer>
+          </comps.EventsGroup>
+          <comps.AnimationGroup y="839" width="600" height="400" blendMode="auto">
+            <EventsComponent x="180" y="80" width="51" height="51">
+              <flash.display.Shape width="51" height="51"/>
+              <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+            </EventsComponent>
+            <TransitionsContainer x="255" y="160" width="151" height="151">
+              <flash.display.Shape width="151" height="151"/>
+              <flash.text.StaticText x="2" y="30" width="53" height="11"/>
+              <flash.display.Shape width="150" height="27"/>
+              <flash.text.StaticText x="2" y="6" width="121" height="9"/>
+              <FlexContentHolder x="5" y="48" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                <spark.components.Button width="70" height="21">
+                  <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                    <spark.components.Label x="10" y="3" width="50" height="17">
+                      <flash.display.Shape width="50" height="17"/>
+                      <flash.text.engine.TextLine x="3" y="13" width="43.95" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="8" hasGraphicElement="false"/>
+                    </spark.components.Label>
+                  </spark.skins.spark.ButtonSkin>
+                </spark.components.Button>
+              </FlexContentHolder>
+            </TransitionsContainer>
+          </comps.AnimationGroup>
+          <comps.LayoutGroup y="1245" width="600" height="400" blendMode="auto">
+            <TransitionsComponent width="151" height="151">
+              <flash.display.Shape width="151" height="151"/>
+              <flash.text.StaticText x="2" y="65" width="53" height="11"/>
+              <flash.display.Shape width="150" height="27"/>
+              <flash.text.StaticText x="2" y="6" width="131" height="11"/>
+            </TransitionsComponent>
+            <TransitionsContainer width="151" height="151">
+              <flash.display.Shape width="151" height="151"/>
+              <flash.text.StaticText x="2" y="30" width="53" height="11"/>
+              <flash.display.Shape width="150" height="27"/>
+              <flash.text.StaticText x="2" y="6" width="121" height="9"/>
+              <FlexContentHolder x="5" y="48" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                <spark.components.VGroup width="70" height="50" blendMode="auto">
+                  <spark.components.Button width="70" height="21">
+                    <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                      <spark.components.Label x="10" y="3" width="50" height="17">
+                        <flash.display.Shape width="50" height="17"/>
+                        <flash.text.engine.TextLine x="10.55" y="13" width="28.85" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="5" hasGraphicElement="false"/>
+                      </spark.components.Label>
+                    </spark.skins.spark.ButtonSkin>
+                  </spark.components.Button>
+                  <mx.controls.Button y="27" width="70" height="23">
+                    <mx.skins.spark.ButtonSkin width="70" height="23" blendMode="auto"/>
+                    <mx.core.UITextField x="20" y="1" width="31" height="23" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVerdana" SIZE="12" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;halo&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </mx.core.UITextField>
+                  </mx.controls.Button>
+                </spark.components.VGroup>
+              </FlexContentHolder>
+            </TransitionsContainer>
+          </comps.LayoutGroup>
+          <comps.ExpandingContainerGroup y="1651" width="200" height="56" blendMode="auto">
+            <ExpandingContainer width="200" height="25">
+              <flash.display.MovieClip matrix="(a=4.000244140625, b=0, c=0, d=0.5000152587890625, tx=0, ty=0)" width="200" height="25">
+                <flash.display.Shape width="50" height="50"/>
+              </flash.display.MovieClip>
+              <flash.display.MorphShape width="200" height="25"/>
+              <flash.display.Shape width="200" height="25"/>
+              <flash.text.StaticText x="6" y="5" width="115" height="13"/>
+            </ExpandingContainer>
+            <ExpandingContainer y="31" width="200" height="25">
+              <flash.display.MovieClip matrix="(a=4.000244140625, b=0, c=0, d=0.5000152587890625, tx=0, ty=0)" width="200" height="25">
+                <flash.display.Shape width="50" height="50"/>
+              </flash.display.MovieClip>
+              <flash.display.MorphShape width="200" height="25"/>
+              <flash.display.Shape width="200" height="25"/>
+              <flash.text.StaticText x="6" y="5" width="115" height="13"/>
+            </ExpandingContainer>
+          </comps.ExpandingContainerGroup>
+          <comps.ProgrammaticSizingGroup y="1713" width="200" height="250" blendMode="auto">
+            <SetActualSizeContainer width="200" height="250">
+              <flash.display.Shape width="200" height="250"/>
+              <flash.text.StaticText x="2" y="2" width="173" height="13"/>
+              <FlexContentHolder9048520747258695 y="25" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                <spark.components.Button width="151" height="151">
+                  <spark.skins.spark.ButtonSkin width="151" height="151" blendMode="auto">
+                    <spark.components.Label x="10" y="3" width="131" height="147">
+                      <flash.display.Shape width="131" height="147"/>
+                      <flash.text.engine.TextLine x="38.8" y="78" width="53.4" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="11" hasGraphicElement="false"/>
+                    </spark.components.Label>
+                  </spark.skins.spark.ButtonSkin>
+                </spark.components.Button>
+              </FlexContentHolder9048520747258695>
+            </SetActualSizeContainer>
+          </comps.ProgrammaticSizingGroup>
+          <comps.FixedLayoutGroup y="1969" width="536" height="292" blendMode="auto">
+            <spark.components.HGroup width="536" height="292" blendMode="auto">
+              <spark.components.Group width="240" height="218" blendMode="auto">
+                <spark.components.Button width="70" height="50">
+                  <spark.skins.spark.ButtonSkin width="70" height="50" blendMode="auto">
+                    <spark.components.Label x="10" y="3" width="50" height="46">
+                      <flash.display.Shape width="50" height="46"/>
+                      <flash.text.engine.TextLine x="6.95" y="27.5" width="36.1" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                    </spark.components.Label>
+                  </spark.skins.spark.ButtonSkin>
+                </spark.components.Button>
+                <EventsComponent y="56" width="51" height="50">
+                  <flash.display.Shape width="51" height="51"/>
+                  <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                </EventsComponent>
+                <EventsContainer y="112" width="201" height="50">
+                  <flash.display.Shape width="201" height="151"/>
+                  <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                    <spark.components.VGroup width="70" height="75" blendMode="auto">
+                      <spark.components.Button width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.25" y="13" width="33.45" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                      <spark.components.Button y="27" width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8" y="13" width="33.95" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                      <spark.components.Button y="54" width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.5" y="13" width="33" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                    </spark.components.VGroup>
+                  </FlexContentHolder>
+                </EventsContainer>
+                <FlashMask y="168" width="240" height="50">
+                  <flash.display.Shape width="149" height="149"/>
+                  <flash.display.Shape width="201" height="201"/>
+                  <flash.text.StaticText x="4" y="4" width="87" height="12"/>
+                  <FlexContentHolder x="13.05" y="33" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                    <spark.components.VGroup width="70" height="102" blendMode="auto">
+                      <spark.components.Button width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.1" y="13" width="33.8" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                      <spark.components.Button y="27" width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.1" y="13" width="33.8" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                      <spark.components.Button y="54" width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.1" y="13" width="33.8" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                      <spark.components.Button y="81" width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.1" y="13" width="33.8" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                    </spark.components.VGroup>
+                  </FlexContentHolder>
+                </FlashMask>
+              </spark.components.Group>
+              <spark.components.Group x="246" width="290" height="292" blendMode="auto">
+                <FlashMask x="50" y="50" width="240" height="241.05">
+                  <flash.display.Shape width="149" height="149"/>
+                  <flash.display.Shape width="201" height="201"/>
+                  <flash.text.StaticText x="4" y="4" width="87" height="12"/>
+                  <FlexContentHolder x="13.05" y="33" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                    <spark.components.Button width="100" height="21">
+                      <spark.skins.spark.ButtonSkin width="100" height="21" blendMode="auto">
+                        <spark.components.Label x="10" y="3" width="80" height="17">
+                          <flash.display.Shape width="80" height="17"/>
+                          <flash.text.engine.TextLine x="0.3" y="13" width="79.35" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="15" hasGraphicElement="false"/>
+                        </spark.components.Label>
+                      </spark.skins.spark.ButtonSkin>
+                    </spark.components.Button>
+                  </FlexContentHolder>
+                </FlashMask>
+                <EventsComponent x="10" y="10" width="280" height="29">
+                  <flash.display.Shape width="51" height="51"/>
+                  <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                </EventsComponent>
+                <EventsComponent x="20" y="20" width="51" height="51">
+                  <flash.display.Shape width="51" height="51"/>
+                  <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                </EventsComponent>
+                <FlashMask x="40" y="40" width="240" height="241.05">
+                  <flash.display.Shape width="149" height="149"/>
+                  <flash.display.Shape width="201" height="201"/>
+                  <flash.text.StaticText x="4" y="4" width="87" height="12"/>
+                  <FlexContentHolder x="13.05" y="33" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                    <spark.components.Button width="100" height="21">
+                      <spark.skins.spark.ButtonSkin width="100" height="21" blendMode="auto">
+                        <spark.components.Label x="10" y="3" width="80" height="17">
+                          <flash.display.Shape width="80" height="17"/>
+                          <flash.text.engine.TextLine x="0.3" y="13" width="79.35" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="15" hasGraphicElement="false"/>
+                        </spark.components.Label>
+                      </spark.skins.spark.ButtonSkin>
+                    </spark.components.Button>
+                  </FlexContentHolder>
+                </FlashMask>
+                <FlashMask x="30" y="30" width="240" height="241.05">
+                  <flash.display.Shape width="149" height="149"/>
+                  <flash.display.Shape width="201" height="201"/>
+                  <flash.text.StaticText x="4" y="4" width="87" height="12"/>
+                  <FlexContentHolder x="13.05" y="33" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                    <spark.components.Button width="100" height="21">
+                      <spark.skins.spark.ButtonSkin width="100" height="21" blendMode="auto">
+                        <spark.components.Label x="10" y="3" width="80" height="17">
+                          <flash.display.Shape width="80" height="17"/>
+                          <flash.text.engine.TextLine x="0.3" y="13" width="79.35" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="15" hasGraphicElement="false"/>
+                        </spark.components.Label>
+                      </spark.skins.spark.ButtonSkin>
+                    </spark.components.Button>
+                  </FlexContentHolder>
+                </FlashMask>
+                <EventsComponent width="51" height="51">
+                  <flash.display.Shape width="51" height="51"/>
+                  <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                </EventsComponent>
+              </spark.components.Group>
+            </spark.components.HGroup>
+          </comps.FixedLayoutGroup>
+          <comps.TrackingChangesGroup y="2267" width="600" height="400" blendMode="auto">
+            <AnimateToStateComponent width="200" height="200">
+              <flash.display.Shape width="200" height="200"/>
+              <flash.text.StaticText x="22" y="122" width="29" height="11"/>
+            </AnimateToStateComponent>
+          </comps.TrackingChangesGroup>
+          <comps.ExpandingContainerGroupAutoUpdate y="2673" width="200" height="56" blendMode="auto">
+            <ExpandingContainerAutoUpdate width="200" height="25">
+              <flash.display.MovieClip matrix="(a=4.000244140625, b=0, c=0, d=0.5000152587890625, tx=0, ty=0)" width="200" height="25">
+                <flash.display.Shape width="50" height="50"/>
+              </flash.display.MovieClip>
+              <flash.display.MorphShape width="200" height="25"/>
+              <flash.display.Shape width="200" height="25"/>
+              <flash.text.StaticText x="6" y="5" width="115" height="13"/>
+            </ExpandingContainerAutoUpdate>
+            <ExpandingContainerAutoUpdate y="31" width="200" height="25">
+              <flash.display.MovieClip matrix="(a=4.000244140625, b=0, c=0, d=0.5000152587890625, tx=0, ty=0)" width="200" height="25">
+                <flash.display.Shape width="50" height="50"/>
+              </flash.display.MovieClip>
+              <flash.display.MorphShape width="200" height="25"/>
+              <flash.display.Shape width="200" height="25"/>
+              <flash.text.StaticText x="6" y="5" width="115" height="13"/>
+            </ExpandingContainerAutoUpdate>
+          </comps.ExpandingContainerGroupAutoUpdate>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </FCKBasic>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/c0a3818c/mustella/tests/gumbo/FCK/integration/baselines/FCK_integration_skin_up.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/gumbo/FCK/integration/baselines/FCK_integration_skin_up.png.xml b/mustella/tests/gumbo/FCK/integration/baselines/FCK_integration_skin_up.png.xml
new file mode 100644
index 0000000..d373fde
--- /dev/null
+++ b/mustella/tests/gumbo/FCK/integration/baselines/FCK_integration_skin_up.png.xml
@@ -0,0 +1,440 @@
+<DisplayList>
+  <FCKBasic width="500" height="375">
+    <spark.skins.spark.ApplicationSkin width="500" height="375" blendMode="auto">
+      <spark.components.Group width="500" height="375" blendMode="auto">
+        <spark.components.Group width="500" height="375" blendMode="auto">
+          <comps.IntegrationGroup width="201" height="208" blendMode="auto">
+            <spark.components.Group width="51" height="51" blendMode="auto">
+              <EventsComponent width="51" height="51">
+                <flash.display.Shape width="51" height="51"/>
+                <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+              </EventsComponent>
+            </spark.components.Group>
+            <spark.components.Group y="57" width="201" height="151" blendMode="auto">
+              <EventsContainer width="201" height="151">
+                <flash.display.Shape width="201" height="151"/>
+                <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                  <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                  <spark.components.Button width="70" height="21">
+                    <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                      <spark.components.Label x="10" y="3" width="50" height="17">
+                        <flash.display.Shape width="50" height="17"/>
+                        <flash.text.engine.TextLine x="1.3" y="13" width="47.4" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="8" hasGraphicElement="false"/>
+                      </spark.components.Label>
+                    </spark.skins.spark.ButtonSkin>
+                  </spark.components.Button>
+                </FlexContentHolder>
+              </EventsContainer>
+            </spark.components.Group>
+          </comps.IntegrationGroup>
+          <comps.CustomSkinGroup y="214" width="173" height="106" blendMode="auto">
+            <spark.components.Group width="173" height="106" blendMode="auto">
+              <spark.components.Group width="153" height="86" blendMode="auto">
+                <mx.controls.Button x="50" y="50" width="103" height="36">
+                  <CustomButtonSkin width="103" height="36">
+                    <flash.display.MovieClip width="96" height="36">
+                      <flash.display.Shape width="96" height="36"/>
+                    </flash.display.MovieClip>
+                    <flash.display.MovieClip width="96" height="36">
+                      <flash.display.Shape width="96" height="36"/>
+                    </flash.display.MovieClip>
+                    <flash.display.Shape width="95.95" height="36"/>
+                  </CustomButtonSkin>
+                  <mx.core.UITextField x="6" y="8" width="91" height="23" underline="false">
+                    <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVerdana" SIZE="12" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;Custom Button&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                  </mx.core.UITextField>
+                </mx.controls.Button>
+              </spark.components.Group>
+            </spark.components.Group>
+          </comps.CustomSkinGroup>
+          <comps.ItemRendererGroup y="326" width="220" height="350" blendMode="auto">
+            <spark.components.Scroller width="220" height="350">
+              <spark.skins.spark.ScrollerSkin width="220" height="350" blendMode="auto">
+                <spark.components.DataGroup width="205" height="350" scrollRect="(x=0, y=0, w=205, h=350)">
+                  <comps.ItemRendererGroupInnerClass0 width="201" height="151" blendMode="auto">
+                    <EventsContainer width="201" height="151">
+                      <flash.display.Shape width="201" height="151"/>
+                      <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                        <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                        <spark.components.HGroup width="97" height="51" blendMode="auto">
+                          <EventsComponent width="51" height="51">
+                            <flash.display.Shape width="51" height="51"/>
+                            <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                          </EventsComponent>
+                          <mx.controls.Label x="57" width="40" height="23">
+                            <mx.core.UITextField width="40" height="23" underline="false">
+                              <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVerdana" SIZE="12" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;item 0&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                            </mx.core.UITextField>
+                          </mx.controls.Label>
+                        </spark.components.HGroup>
+                      </FlexContentHolder>
+                    </EventsContainer>
+                  </comps.ItemRendererGroupInnerClass0>
+                  <comps.ItemRendererGroupInnerClass0 y="157" width="201" height="151" blendMode="auto">
+                    <EventsContainer width="201" height="151">
+                      <flash.display.Shape width="201" height="151"/>
+                      <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                        <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                        <spark.components.HGroup width="97" height="51" blendMode="auto">
+                          <EventsComponent width="51" height="51">
+                            <flash.display.Shape width="51" height="51"/>
+                            <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                          </EventsComponent>
+                          <mx.controls.Label x="57" width="40" height="23">
+                            <mx.core.UITextField width="40" height="23" underline="false">
+                              <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVerdana" SIZE="12" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;item 1&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                            </mx.core.UITextField>
+                          </mx.controls.Label>
+                        </spark.components.HGroup>
+                      </FlexContentHolder>
+                    </EventsContainer>
+                  </comps.ItemRendererGroupInnerClass0>
+                  <comps.ItemRendererGroupInnerClass0 y="314" width="201" height="151" blendMode="auto">
+                    <EventsContainer width="201" height="151">
+                      <flash.display.Shape width="201" height="151"/>
+                      <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                        <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                        <spark.components.HGroup width="97" height="51" blendMode="auto">
+                          <EventsComponent width="51" height="51">
+                            <flash.display.Shape width="51" height="51"/>
+                            <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                          </EventsComponent>
+                          <mx.controls.Label x="57" width="40" height="23">
+                            <mx.core.UITextField width="40" height="23" underline="false">
+                              <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="MyVerdana" SIZE="12" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;item 2&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                            </mx.core.UITextField>
+                          </mx.controls.Label>
+                        </spark.components.HGroup>
+                      </FlexContentHolder>
+                    </EventsContainer>
+                  </comps.ItemRendererGroupInnerClass0>
+                </spark.components.DataGroup>
+                <spark.skins.spark.ScrollerSkinInnerClass1 width="0" height="0">
+                  <spark.skins.spark.HScrollBarSkin concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="0" height="0" blendMode="auto">
+                    <spark.components.Button concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="16" width="15" height="15">
+                      <spark.skins.spark.HScrollBarTrackSkin concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="15" height="15" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="16" width="15" height="15">
+                      <spark.skins.spark.HScrollBarThumbSkin concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="15" height="15" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="18" height="15">
+                      <spark.skins.spark.ScrollBarLeftButtonSkin concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="18" height="15" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-18" width="18" height="15">
+                      <spark.skins.spark.ScrollBarRightButtonSkin concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.5, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="18" height="15" blendMode="auto"/>
+                    </spark.components.Button>
+                  </spark.skins.spark.HScrollBarSkin>
+                </spark.skins.spark.ScrollerSkinInnerClass1>
+                <spark.skins.spark.ScrollerSkinInnerClass0 x="205" width="15" height="350">
+                  <spark.skins.spark.VScrollBarSkin width="15" height="350" blendMode="auto">
+                    <spark.components.Button y="16" width="15" height="319">
+                      <spark.skins.spark.VScrollBarTrackSkin width="15" height="319" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button y="16" width="15" height="18">
+                      <spark.skins.spark.VScrollBarThumbSkin width="15" height="18" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button width="15" height="18">
+                      <spark.skins.spark.ScrollBarUpButtonSkin width="15" height="18" blendMode="auto"/>
+                    </spark.components.Button>
+                    <spark.components.Button y="332" width="15" height="18">
+                      <spark.skins.spark.ScrollBarDownButtonSkin width="15" height="18" blendMode="auto"/>
+                    </spark.components.Button>
+                  </spark.skins.spark.VScrollBarSkin>
+                </spark.skins.spark.ScrollerSkinInnerClass0>
+              </spark.skins.spark.ScrollerSkin>
+            </spark.components.Scroller>
+          </comps.ItemRendererGroup>
+          <comps.EventsGroup y="682" width="201" height="151" blendMode="auto">
+            <EventsComponent width="51" height="51">
+              <flash.display.Shape width="51" height="51"/>
+              <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+            </EventsComponent>
+            <EventsContainer width="201" height="151">
+              <flash.display.Shape width="201" height="151"/>
+              <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                <spark.components.Button width="70" height="21">
+                  <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                    <spark.components.Label x="10" y="3" width="50" height="17">
+                      <flash.display.Shape width="50" height="17"/>
+                      <flash.text.engine.TextLine x="3" y="13" width="43.95" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="8" hasGraphicElement="false"/>
+                    </spark.components.Label>
+                  </spark.skins.spark.ButtonSkin>
+                </spark.components.Button>
+              </FlexContentHolder>
+            </EventsContainer>
+          </comps.EventsGroup>
+          <comps.AnimationGroup y="839" width="600" height="400" blendMode="auto">
+            <EventsComponent x="180" y="80" width="51" height="51">
+              <flash.display.Shape width="51" height="51"/>
+              <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+            </EventsComponent>
+            <TransitionsContainer x="255" y="160" width="151" height="151">
+              <flash.display.Shape width="151" height="151"/>
+              <flash.text.StaticText x="2" y="30" width="53" height="11"/>
+              <flash.display.Shape width="150" height="27"/>
+              <flash.text.StaticText x="2" y="6" width="121" height="9"/>
+              <FlexContentHolder x="5" y="48" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                <spark.components.Button width="70" height="21">
+                  <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                    <spark.components.Label x="10" y="3" width="50" height="17">
+                      <flash.display.Shape width="50" height="17"/>
+                      <flash.text.engine.TextLine x="3" y="13" width="43.95" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="8" hasGraphicElement="false"/>
+                    </spark.components.Label>
+                  </spark.skins.spark.ButtonSkin>
+                </spark.components.Button>
+              </FlexContentHolder>
+            </TransitionsContainer>
+          </comps.AnimationGroup>
+          <comps.LayoutGroup y="1245" width="600" height="400" blendMode="auto">
+            <TransitionsComponent width="151" height="151">
+              <flash.display.Shape width="151" height="151"/>
+              <flash.text.StaticText x="2" y="65" width="53" height="11"/>
+              <flash.display.Shape width="150" height="27"/>
+              <flash.text.StaticText x="2" y="6" width="131" height="11"/>
+            </TransitionsComponent>
+            <TransitionsContainer width="151" height="151">
+              <flash.display.Shape width="151" height="151"/>
+              <flash.text.StaticText x="2" y="30" width="53" height="11"/>
+              <flash.display.Shape width="150" height="27"/>
+              <flash.text.StaticText x="2" y="6" width="121" height="9"/>
+              <FlexContentHolder x="5" y="48" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                <spark.components.VGroup width="70" height="50" blendMode="auto">
+                  <spark.components.Button width="70" height="21">
+                    <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                      <spark.components.Label x="10" y="3" width="50" height="17">
+                        <flash.display.Shape width="50" height="17"/>
+                        <flash.text.engine.TextLine x="10.55" y="13" width="28.85" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="5" hasGraphicElement="false"/>
+                      </spark.components.Label>
+                    </spark.skins.spark.ButtonSkin>
+                  </spark.components.Button>
+                  <mx.controls.Button y="27" width="70" height="23">
+                    <mx.skins.spark.ButtonSkin width="70" height="23" blendMode="auto"/>
+                    <mx.core.UITextField x="20" y="1" width="31" height="23" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="MyVerdana" SIZE="12" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;halo&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </mx.core.UITextField>
+                  </mx.controls.Button>
+                </spark.components.VGroup>
+              </FlexContentHolder>
+            </TransitionsContainer>
+          </comps.LayoutGroup>
+          <comps.ExpandingContainerGroup y="1651" width="200" height="56" blendMode="auto">
+            <ExpandingContainer width="200" height="25">
+              <flash.display.MovieClip matrix="(a=4.000244140625, b=0, c=0, d=0.5000152587890625, tx=0, ty=0)" width="200" height="25">
+                <flash.display.Shape width="50" height="50"/>
+              </flash.display.MovieClip>
+              <flash.display.MorphShape width="200" height="25"/>
+              <flash.display.Shape width="200" height="25"/>
+              <flash.text.StaticText x="6" y="5" width="115" height="13"/>
+            </ExpandingContainer>
+            <ExpandingContainer y="31" width="200" height="25">
+              <flash.display.MovieClip matrix="(a=4.000244140625, b=0, c=0, d=0.5000152587890625, tx=0, ty=0)" width="200" height="25">
+                <flash.display.Shape width="50" height="50"/>
+              </flash.display.MovieClip>
+              <flash.display.MorphShape width="200" height="25"/>
+              <flash.display.Shape width="200" height="25"/>
+              <flash.text.StaticText x="6" y="5" width="115" height="13"/>
+            </ExpandingContainer>
+          </comps.ExpandingContainerGroup>
+          <comps.ProgrammaticSizingGroup y="1713" width="200" height="250" blendMode="auto">
+            <SetActualSizeContainer width="200" height="250">
+              <flash.display.Shape width="200" height="250"/>
+              <flash.text.StaticText x="2" y="2" width="173" height="13"/>
+              <FlexContentHolder9048520747258695 y="25" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                <spark.components.Button width="151" height="151">
+                  <spark.skins.spark.ButtonSkin width="151" height="151" blendMode="auto">
+                    <spark.components.Label x="10" y="3" width="131" height="147">
+                      <flash.display.Shape width="131" height="147"/>
+                      <flash.text.engine.TextLine x="38.8" y="78" width="53.4" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="11" hasGraphicElement="false"/>
+                    </spark.components.Label>
+                  </spark.skins.spark.ButtonSkin>
+                </spark.components.Button>
+              </FlexContentHolder9048520747258695>
+            </SetActualSizeContainer>
+          </comps.ProgrammaticSizingGroup>
+          <comps.FixedLayoutGroup y="1969" width="536" height="292" blendMode="auto">
+            <spark.components.HGroup width="536" height="292" blendMode="auto">
+              <spark.components.Group width="240" height="218" blendMode="auto">
+                <spark.components.Button width="70" height="50">
+                  <spark.skins.spark.ButtonSkin width="70" height="50" blendMode="auto">
+                    <spark.components.Label x="10" y="3" width="50" height="46">
+                      <flash.display.Shape width="50" height="46"/>
+                      <flash.text.engine.TextLine x="6.95" y="27.5" width="36.1" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                    </spark.components.Label>
+                  </spark.skins.spark.ButtonSkin>
+                </spark.components.Button>
+                <EventsComponent y="56" width="51" height="50">
+                  <flash.display.Shape width="51" height="51"/>
+                  <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                </EventsComponent>
+                <EventsContainer y="112" width="201" height="50">
+                  <flash.display.Shape width="201" height="151"/>
+                  <FlexContentHolder x="24" y="37.95" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                    <spark.components.VGroup width="70" height="75" blendMode="auto">
+                      <spark.components.Button width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.25" y="13" width="33.45" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                      <spark.components.Button y="27" width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8" y="13" width="33.95" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                      <spark.components.Button y="54" width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.5" y="13" width="33" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                    </spark.components.VGroup>
+                  </FlexContentHolder>
+                </EventsContainer>
+                <FlashMask y="168" width="240" height="50">
+                  <flash.display.Shape width="149" height="149"/>
+                  <flash.display.Shape width="201" height="201"/>
+                  <flash.text.StaticText x="4" y="4" width="87" height="12"/>
+                  <FlexContentHolder x="13.05" y="33" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                    <spark.components.VGroup width="70" height="102" blendMode="auto">
+                      <spark.components.Button width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.1" y="13" width="33.8" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                      <spark.components.Button y="27" width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.1" y="13" width="33.8" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                      <spark.components.Button y="54" width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.1" y="13" width="33.8" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                      <spark.components.Button y="81" width="70" height="21">
+                        <spark.skins.spark.ButtonSkin width="70" height="21" blendMode="auto">
+                          <spark.components.Label x="10" y="3" width="50" height="17">
+                            <flash.display.Shape width="50" height="17"/>
+                            <flash.text.engine.TextLine x="8.1" y="13" width="33.8" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="6" hasGraphicElement="false"/>
+                          </spark.components.Label>
+                        </spark.skins.spark.ButtonSkin>
+                      </spark.components.Button>
+                    </spark.components.VGroup>
+                  </FlexContentHolder>
+                </FlashMask>
+              </spark.components.Group>
+              <spark.components.Group x="246" width="290" height="292" blendMode="auto">
+                <FlashMask x="50" y="50" width="240" height="241.05">
+                  <flash.display.Shape width="149" height="149"/>
+                  <flash.display.Shape width="201" height="201"/>
+                  <flash.text.StaticText x="4" y="4" width="87" height="12"/>
+                  <FlexContentHolder x="13.05" y="33" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                    <spark.components.Button width="100" height="21">
+                      <spark.skins.spark.ButtonSkin width="100" height="21" blendMode="auto">
+                        <spark.components.Label x="10" y="3" width="80" height="17">
+                          <flash.display.Shape width="80" height="17"/>
+                          <flash.text.engine.TextLine x="0.3" y="13" width="79.35" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="15" hasGraphicElement="false"/>
+                        </spark.components.Label>
+                      </spark.skins.spark.ButtonSkin>
+                    </spark.components.Button>
+                  </FlexContentHolder>
+                </FlashMask>
+                <EventsComponent x="10" y="10" width="280" height="29">
+                  <flash.display.Shape width="51" height="51"/>
+                  <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                </EventsComponent>
+                <EventsComponent x="20" y="20" width="51" height="51">
+                  <flash.display.Shape width="51" height="51"/>
+                  <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                </EventsComponent>
+                <FlashMask x="40" y="40" width="240" height="241.05">
+                  <flash.display.Shape width="149" height="149"/>
+                  <flash.display.Shape width="201" height="201"/>
+                  <flash.text.StaticText x="4" y="4" width="87" height="12"/>
+                  <FlexContentHolder x="13.05" y="33" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                    <spark.components.Button width="100" height="21">
+                      <spark.skins.spark.ButtonSkin width="100" height="21" blendMode="auto">
+                        <spark.components.Label x="10" y="3" width="80" height="17">
+                          <flash.display.Shape width="80" height="17"/>
+                          <flash.text.engine.TextLine x="0.3" y="13" width="79.35" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="15" hasGraphicElement="false"/>
+                        </spark.components.Label>
+                      </spark.skins.spark.ButtonSkin>
+                    </spark.components.Button>
+                  </FlexContentHolder>
+                </FlashMask>
+                <FlashMask x="30" y="30" width="240" height="241.05">
+                  <flash.display.Shape width="149" height="149"/>
+                  <flash.display.Shape width="201" height="201"/>
+                  <flash.text.StaticText x="4" y="4" width="87" height="12"/>
+                  <FlexContentHolder x="13.05" y="33" width="151" height="151" scale9Grid="(x=66, y=30, w=68, h=65)">
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" width="151" height="151"/>
+                    <spark.components.Button width="100" height="21">
+                      <spark.skins.spark.ButtonSkin width="100" height="21" blendMode="auto">
+                        <spark.components.Label x="10" y="3" width="80" height="17">
+                          <flash.display.Shape width="80" height="17"/>
+                          <flash.text.engine.TextLine x="0.3" y="13" width="79.35" height="15.95" ascent="12.4677734375" descent="3.43212890625" atomCount="15" hasGraphicElement="false"/>
+                        </spark.components.Label>
+                      </spark.skins.spark.ButtonSkin>
+                    </spark.components.Button>
+                  </FlexContentHolder>
+                </FlashMask>
+                <EventsComponent width="51" height="51">
+                  <flash.display.Shape width="51" height="51"/>
+                  <flash.text.StaticText x="2" y="7" width="14" height="23"/>
+                </EventsComponent>
+              </spark.components.Group>
+            </spark.components.HGroup>
+          </comps.FixedLayoutGroup>
+          <comps.TrackingChangesGroup y="2267" width="600" height="400" blendMode="auto">
+            <AnimateToStateComponent width="200" height="200">
+              <flash.display.Shape width="200" height="200"/>
+              <flash.text.StaticText x="22" y="22" width="84" height="11"/>
+            </AnimateToStateComponent>
+          </comps.TrackingChangesGroup>
+          <comps.ExpandingContainerGroupAutoUpdate y="2673" width="200" height="56" blendMode="auto">
+            <ExpandingContainerAutoUpdate width="200" height="25">
+              <flash.display.MovieClip matrix="(a=4.000244140625, b=0, c=0, d=0.5000152587890625, tx=0, ty=0)" width="200" height="25">
+                <flash.display.Shape width="50" height="50"/>
+              </flash.display.MovieClip>
+              <flash.display.MorphShape width="200" height="25"/>
+              <flash.display.Shape width="200" height="25"/>
+              <flash.text.StaticText x="6" y="5" width="115" height="13"/>
+            </ExpandingContainerAutoUpdate>
+            <ExpandingContainerAutoUpdate y="31" width="200" height="25">
+              <flash.display.MovieClip matrix="(a=4.000244140625, b=0, c=0, d=0.5000152587890625, tx=0, ty=0)" width="200" height="25">
+                <flash.display.Shape width="50" height="50"/>
+              </flash.display.MovieClip>
+              <flash.display.MorphShape width="200" height="25"/>
+              <flash.display.Shape width="200" height="25"/>
+              <flash.text.StaticText x="6" y="5" width="115" height="13"/>
+            </ExpandingContainerAutoUpdate>
+          </comps.ExpandingContainerGroupAutoUpdate>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </FCKBasic>
+</DisplayList>
\ No newline at end of file