You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by jm...@apache.org on 2013/09/02 01:40:03 UTC

[01/41] git commit: [flex-sdk] [refs/heads/develop] - Added 160 and 640 DPI constants

Updated Branches:
  refs/heads/develop 65c219c11 -> dea298c0d


Added 160 and 640 DPI constants


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/786fc5d0
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/786fc5d0
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/786fc5d0

Branch: refs/heads/develop
Commit: 786fc5d0179bbede32c6de68e1f1bc65f8cc809f
Parents: 22b68de
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 03:48:17 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 03:48:17 2013 +1000

----------------------------------------------------------------------
 .../framework/src/mx/core/DPIClassification.as  | 22 +++++++++++++++++++-
 .../framework/src/mx/core/RuntimeDPIProvider.as | 20 ++++++++++++------
 .../framework/src/mx/utils/DensityUtil.as       |  4 ++--
 3 files changed, 37 insertions(+), 9 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/786fc5d0/frameworks/projects/framework/src/mx/core/DPIClassification.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/framework/src/mx/core/DPIClassification.as b/frameworks/projects/framework/src/mx/core/DPIClassification.as
index f1d09d2..acd4a2d 100644
--- a/frameworks/projects/framework/src/mx/core/DPIClassification.as
+++ b/frameworks/projects/framework/src/mx/core/DPIClassification.as
@@ -35,6 +35,16 @@ package mx.core
  */
 public final class DPIClassification
 {
+	/**
+	 *  Density value for extra-low-density devices.
+	 *  
+	 *  @langversion 3.0
+	 *  @playerversion Flash 10
+	 *  @playerversion AIR 2.5
+	 *  @productversion ApacheFlex 4.11
+	 */
+	public static const DPI_120:Number = 120;
+	
     /**
      *  Density value for low-density devices.
      *  
@@ -66,7 +76,7 @@ public final class DPIClassification
 	public static const DPI_320:Number = 320;
 	
 	/**
-	 *  Density value for high-density devices.
+	 *  Density value for extra-high-density devices.
 	 *  
 	 *  @langversion 3.0
 	 *  @playerversion Flash 10
@@ -74,5 +84,15 @@ public final class DPIClassification
 	 *  @productversion ApacheFlex 4.10
 	 */
 	public static const DPI_480:Number = 480;
+	
+	/**
+	 *  Density value for extra-extra-high-density devices.
+	 *  
+	 *  @langversion 3.0
+	 *  @playerversion Flash 10
+	 *  @playerversion AIR 2.5
+	 *  @productversion ApacheFlex 4.11
+	 */
+	public static const DPI_640:Number = 640;
 }
 }
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/786fc5d0/frameworks/projects/framework/src/mx/core/RuntimeDPIProvider.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/framework/src/mx/core/RuntimeDPIProvider.as b/frameworks/projects/framework/src/mx/core/RuntimeDPIProvider.as
index 6eca5d8..03e3b42 100644
--- a/frameworks/projects/framework/src/mx/core/RuntimeDPIProvider.as
+++ b/frameworks/projects/framework/src/mx/core/RuntimeDPIProvider.as
@@ -39,10 +39,12 @@ use namespace mx_internal;
  * 
  *  <p>Flex's default mappings are:
  *     <table class="innertable">
- *        <tr><td>160 DPI</td><td>&lt;200 DPI</td></tr>
- *        <tr><td>240 DPI</td><td>&gt;=200 DPI and &lt;280 DPI</td></tr>
- *        <tr><td>320 DPI</td><td>&gt;=280 DPI and &lt;400 DPI</td></tr>
- *        <tr><td>480 DPI</td><td>&gt;=400 DPI</td></tr>
+ *        <tr><td>160 DPI</td><td>&lt;140 DPI</td></tr>
+ *        <tr><td>160 DPI</td><td>&gt;=140 DPI and &lt;=200 DPI</td></tr>
+ *        <tr><td>240 DPI</td><td>&gt;=200 DPI and &lt;=280 DPI</td></tr>
+ *        <tr><td>320 DPI</td><td>&gt;=280 DPI and &lt;=400 DPI</td></tr>
+ *        <tr><td>480 DPI</td><td>&gt;=400 DPI and &lt;=560 DPI</td></tr>
+ *        <tr><td>640 DPI</td><td>&gt;=640 DPI</td></tr>
  *     </table>
  *  </p>
  * 
@@ -117,7 +119,10 @@ public class RuntimeDPIProvider
      */
     mx_internal static function classifyDPI(dpi:Number):Number
     {
-        if (dpi < 200)
+		if (dpi <= 140)
+			return DPIClassification.DPI_120;
+		
+        if (dpi <= 200)
             return DPIClassification.DPI_160;
         
         if (dpi <= 280)
@@ -125,8 +130,11 @@ public class RuntimeDPIProvider
 		
 		if (dpi <= 400)
 			return DPIClassification.DPI_320;
+		
+		if (dpi <= 560)
+			return DPIClassification.DPI_480;
         
-        return DPIClassification.DPI_480;
+        return DPIClassification.DPI_640;
     }
 }
 }
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/786fc5d0/frameworks/projects/framework/src/mx/utils/DensityUtil.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/framework/src/mx/utils/DensityUtil.as b/frameworks/projects/framework/src/mx/utils/DensityUtil.as
index d0e1acb..e80bad5 100644
--- a/frameworks/projects/framework/src/mx/utils/DensityUtil.as
+++ b/frameworks/projects/framework/src/mx/utils/DensityUtil.as
@@ -86,8 +86,8 @@ public class DensityUtil
     public static function getDPIScale(sourceDPI:Number, targetDPI:Number):Number
     {
         // Unknown dpi returns NaN
-        if ((sourceDPI != DPIClassification.DPI_160 && sourceDPI != DPIClassification.DPI_240 && sourceDPI != DPIClassification.DPI_320 && sourceDPI != DPIClassification.DPI_480) ||
-            (targetDPI != DPIClassification.DPI_160 && targetDPI != DPIClassification.DPI_240 && targetDPI != DPIClassification.DPI_320 && targetDPI != DPIClassification.DPI_480))
+        if ((sourceDPI != DPIClassification.DPI_120 && sourceDPI != DPIClassification.DPI_160 && sourceDPI != DPIClassification.DPI_240 && sourceDPI != DPIClassification.DPI_320 && sourceDPI != DPIClassification.DPI_480 && sourceDPI != DPIClassification.DPI_640) ||
+            (targetDPI != DPIClassification.DPI_120 && targetDPI != DPIClassification.DPI_160 && targetDPI != DPIClassification.DPI_240 && targetDPI != DPIClassification.DPI_320 && targetDPI != DPIClassification.DPI_480 && targetDPI != DPIClassification.DPI_640))
         {
             return NaN;
         }


[39/41] git commit: [flex-sdk] [refs/heads/develop] - Fixed fxg assets for 120, 480 and 640 dpi Visually tested all the components in all DPIs. They look good. Will attach a sample app (that contains all components whose skins have been generated) to th

Posted by jm...@apache.org.
Fixed fxg assets for 120, 480 and 640 dpi
Visually tested all the components in all DPIs.  They look good.
Will attach a sample app (that contains all components whose skins have been generated) to the JIRA ticket


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/73dd37a6
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/73dd37a6
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/73dd37a6

Branch: refs/heads/develop
Commit: 73dd37a671bc98d58da2cd95a16abf61fd0d99d8
Parents: 5651480
Author: Om <bi...@gmail.com>
Authored: Sat Aug 31 02:56:22 2013 -0700
Committer: Om <bi...@gmail.com>
Committed: Sat Aug 31 02:56:22 2013 -0700

----------------------------------------------------------------------
 .../mobile120/assets/ActionBarBackground.fxg    | 128 +++++++--------
 .../assets/BeveledActionButton_down.fxg         |  71 +++++----
 .../assets/BeveledActionButton_fill.fxg         |  30 ++--
 .../mobile120/assets/BeveledActionButton_up.fxg |  75 +++++----
 .../mobile120/assets/BeveledBackButton_down.fxg |  72 +++++----
 .../mobile120/assets/BeveledBackButton_fill.fxg |  31 ++--
 .../mobile120/assets/BeveledBackButton_up.fxg   |  76 +++++----
 .../assets/ButtonBarFirstButton_down.fxg        |  64 ++++----
 .../assets/ButtonBarFirstButton_selected.fxg    |  64 ++++----
 .../assets/ButtonBarFirstButton_up.fxg          |  49 +++---
 .../assets/ButtonBarLastButton_down.fxg         |  64 ++++----
 .../assets/ButtonBarLastButton_selected.fxg     |  64 ++++----
 .../mobile120/assets/ButtonBarLastButton_up.fxg |  49 +++---
 .../assets/ButtonBarMiddleButton_down.fxg       |  61 +++----
 .../assets/ButtonBarMiddleButton_selected.fxg   |  61 +++----
 .../assets/ButtonBarMiddleButton_up.fxg         |  61 +++----
 .../skins/mobile120/assets/Button_down.fxg      |  57 +++----
 .../spark/skins/mobile120/assets/Button_up.fxg  |  15 +-
 .../assets/CalloutContentBackground.fxg         |  54 ++++---
 .../skins/mobile120/assets/CheckBox_down.fxg    |  73 ++++-----
 .../mobile120/assets/CheckBox_downSymbol.fxg    |  44 +++---
 .../assets/CheckBox_downSymbolSelected.fxg      |  44 +++---
 .../skins/mobile120/assets/CheckBox_up.fxg      |  77 ++++-----
 .../mobile120/assets/CheckBox_upSymbol.fxg      |  44 +++---
 .../assets/CheckBox_upSymbolSelected.fxg        |  43 ++---
 .../mobile120/assets/HSliderThumb_normal.fxg    |  45 +++---
 .../mobile120/assets/HSliderThumb_pressed.fxg   |  69 ++++----
 .../skins/mobile120/assets/HSliderTrack.fxg     |  62 ++++----
 .../skins/mobile120/assets/ImageInvalid.fxg     |  46 +++---
 .../skins/mobile120/assets/RadioButton_down.fxg |  63 ++++----
 .../mobile120/assets/RadioButton_downSymbol.fxg |  27 ++--
 .../assets/RadioButton_downSymbolSelected.fxg   |  27 ++--
 .../skins/mobile120/assets/RadioButton_up.fxg   |  44 +++---
 .../mobile120/assets/RadioButton_upSymbol.fxg   |  27 ++--
 .../assets/RadioButton_upSymbolSelected.fxg     |  27 ++--
 .../assets/SpinnerListContainerBackground.fxg   |  23 +--
 .../SpinnerListContainerSelectionIndicator.fxg  |  98 ++++++------
 .../assets/SpinnerListContainerShadow.fxg       |  24 +--
 .../skins/mobile120/assets/TextInput_border.fxg |  31 ++--
 .../assets/ToggleSwitch_contentShadow.fxg       |  21 ++-
 .../spark/skins/mobile160/assets/Button_up.fxg  |   3 +-
 .../spark/skins/mobile240/assets/Button_up.fxg  |   3 +-
 .../spark/skins/mobile320/assets/Button_up.fxg  |   3 +-
 .../mobile480/assets/ActionBarBackground.fxg    | 158 ++++++++++---------
 .../assets/BeveledActionButton_down.fxg         |  71 +++++----
 .../assets/BeveledActionButton_fill.fxg         |  30 ++--
 .../mobile480/assets/BeveledActionButton_up.fxg |  75 +++++----
 .../mobile480/assets/BeveledBackButton_down.fxg |  73 +++++----
 .../mobile480/assets/BeveledBackButton_fill.fxg |  31 ++--
 .../mobile480/assets/BeveledBackButton_up.fxg   |  77 +++++----
 .../assets/ButtonBarFirstButton_down.fxg        |  64 ++++----
 .../assets/ButtonBarFirstButton_selected.fxg    |  64 ++++----
 .../assets/ButtonBarFirstButton_up.fxg          |  49 +++---
 .../assets/ButtonBarLastButton_down.fxg         |  64 ++++----
 .../assets/ButtonBarLastButton_selected.fxg     |  64 ++++----
 .../mobile480/assets/ButtonBarLastButton_up.fxg |  49 +++---
 .../assets/ButtonBarMiddleButton_down.fxg       |  61 +++----
 .../assets/ButtonBarMiddleButton_selected.fxg   |  61 +++----
 .../assets/ButtonBarMiddleButton_up.fxg         |  61 +++----
 .../skins/mobile480/assets/Button_down.fxg      |  60 +++----
 .../spark/skins/mobile480/assets/Button_up.fxg  |  17 +-
 .../assets/CalloutContentBackground.fxg         |  54 ++++---
 .../skins/mobile480/assets/CheckBox_down.fxg    |  91 +++++------
 .../mobile480/assets/CheckBox_downSymbol.fxg    |  39 ++---
 .../assets/CheckBox_downSymbolSelected.fxg      |  41 ++---
 .../skins/mobile480/assets/CheckBox_up.fxg      |  15 +-
 .../mobile480/assets/CheckBox_upSymbol.fxg      |  39 ++---
 .../assets/CheckBox_upSymbolSelected.fxg        |  39 ++---
 .../mobile480/assets/HSliderThumb_normal.fxg    |  45 +++---
 .../mobile480/assets/HSliderThumb_pressed.fxg   |  71 +++++----
 .../skins/mobile480/assets/HSliderTrack.fxg     |  48 +++---
 .../skins/mobile480/assets/ImageInvalid.fxg     |  46 +++---
 .../skins/mobile480/assets/RadioButton_down.fxg |  56 +++----
 .../mobile480/assets/RadioButton_downSymbol.fxg |  29 ++--
 .../assets/RadioButton_downSymbolSelected.fxg   |  29 ++--
 .../skins/mobile480/assets/RadioButton_up.fxg   |  46 +++---
 .../mobile480/assets/RadioButton_upSymbol.fxg   |  29 ++--
 .../assets/RadioButton_upSymbolSelected.fxg     |  29 ++--
 .../assets/SpinnerListContainerBackground.fxg   |  23 +--
 .../SpinnerListContainerSelectionIndicator.fxg  |  98 ++++++------
 .../assets/SpinnerListContainerShadow.fxg       |  24 +--
 ...edViewNavigatorButtonBarFirstButton_down.fxg |  76 +++++----
 ...ewNavigatorButtonBarFirstButton_selected.fxg |  75 +++++----
 ...bbedViewNavigatorButtonBarFirstButton_up.fxg |  75 +++++----
 ...bedViewNavigatorButtonBarLastButton_down.fxg |  87 +++++-----
 ...iewNavigatorButtonBarLastButton_selected.fxg |  87 +++++-----
 ...abbedViewNavigatorButtonBarLastButton_up.fxg |  87 +++++-----
 .../skins/mobile480/assets/TextInput_border.fxg |  33 ++--
 .../assets/ToggleSwitch_contentShadow.fxg       |  21 ++-
 .../assets/TransparentActionButton_down.fxg     |  89 ++++++-----
 .../assets/TransparentActionButton_up.fxg       |  69 ++++----
 .../assets/TransparentNavigationButton_down.fxg |  89 ++++++-----
 .../assets/TransparentNavigationButton_up.fxg   |  69 ++++----
 .../mobile480/assets/ViewMenuItem_down.fxg      |  61 +++----
 .../assets/ViewMenuItem_showsCaret.fxg          |  30 ++--
 .../skins/mobile480/assets/ViewMenuItem_up.fxg  |  29 ++--
 .../mobile640/assets/ActionBarBackground.fxg    | 158 ++++++++++---------
 .../assets/BeveledActionButton_down.fxg         |  71 +++++----
 .../assets/BeveledActionButton_fill.fxg         |  30 ++--
 .../mobile640/assets/BeveledActionButton_up.fxg |  75 +++++----
 .../mobile640/assets/BeveledBackButton_down.fxg |  73 +++++----
 .../mobile640/assets/BeveledBackButton_fill.fxg |  31 ++--
 .../mobile640/assets/BeveledBackButton_up.fxg   |  77 +++++----
 .../assets/ButtonBarFirstButton_down.fxg        |  64 ++++----
 .../assets/ButtonBarFirstButton_selected.fxg    |  64 ++++----
 .../assets/ButtonBarFirstButton_up.fxg          |  49 +++---
 .../assets/ButtonBarLastButton_down.fxg         |  64 ++++----
 .../assets/ButtonBarLastButton_selected.fxg     |  64 ++++----
 .../mobile640/assets/ButtonBarLastButton_up.fxg |  49 +++---
 .../assets/ButtonBarMiddleButton_down.fxg       |  61 +++----
 .../assets/ButtonBarMiddleButton_selected.fxg   |  61 +++----
 .../assets/ButtonBarMiddleButton_up.fxg         |  61 +++----
 .../skins/mobile640/assets/Button_down.fxg      |  60 +++----
 .../spark/skins/mobile640/assets/Button_up.fxg  |  17 +-
 .../assets/CalloutContentBackground.fxg         |  54 ++++---
 .../skins/mobile640/assets/CheckBox_down.fxg    |  91 +++++------
 .../mobile640/assets/CheckBox_downSymbol.fxg    |  39 ++---
 .../assets/CheckBox_downSymbolSelected.fxg      |  41 ++---
 .../skins/mobile640/assets/CheckBox_up.fxg      |  15 +-
 .../mobile640/assets/CheckBox_upSymbol.fxg      |  39 ++---
 .../assets/CheckBox_upSymbolSelected.fxg        |  39 ++---
 .../mobile640/assets/HSliderThumb_normal.fxg    |  45 +++---
 .../mobile640/assets/HSliderThumb_pressed.fxg   |  71 +++++----
 .../skins/mobile640/assets/HSliderTrack.fxg     |  48 +++---
 .../skins/mobile640/assets/ImageInvalid.fxg     |  46 +++---
 .../skins/mobile640/assets/RadioButton_down.fxg |  56 +++----
 .../mobile640/assets/RadioButton_downSymbol.fxg |  29 ++--
 .../assets/RadioButton_downSymbolSelected.fxg   |  29 ++--
 .../skins/mobile640/assets/RadioButton_up.fxg   |  46 +++---
 .../mobile640/assets/RadioButton_upSymbol.fxg   |  29 ++--
 .../assets/RadioButton_upSymbolSelected.fxg     |  29 ++--
 .../assets/SpinnerListContainerBackground.fxg   |  23 +--
 .../SpinnerListContainerSelectionIndicator.fxg  |  98 ++++++------
 .../assets/SpinnerListContainerShadow.fxg       |  24 +--
 ...edViewNavigatorButtonBarFirstButton_down.fxg |  76 +++++----
 ...ewNavigatorButtonBarFirstButton_selected.fxg |  75 +++++----
 ...bbedViewNavigatorButtonBarFirstButton_up.fxg |  75 +++++----
 ...bedViewNavigatorButtonBarLastButton_down.fxg |  87 +++++-----
 ...iewNavigatorButtonBarLastButton_selected.fxg |  87 +++++-----
 ...abbedViewNavigatorButtonBarLastButton_up.fxg |  87 +++++-----
 .../skins/mobile640/assets/TextInput_border.fxg |  33 ++--
 .../assets/ToggleSwitch_contentShadow.fxg       |  21 ++-
 .../assets/TransparentActionButton_down.fxg     |  89 ++++++-----
 .../assets/TransparentActionButton_up.fxg       |  69 ++++----
 .../assets/TransparentNavigationButton_down.fxg |  89 ++++++-----
 .../assets/TransparentNavigationButton_up.fxg   |  69 ++++----
 .../mobile640/assets/ViewMenuItem_down.fxg      |  61 +++----
 .../assets/ViewMenuItem_showsCaret.fxg          |  30 ++--
 .../skins/mobile640/assets/ViewMenuItem_up.fxg  |  29 ++--
 149 files changed, 4339 insertions(+), 3769 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
index 4442b56..7d6130f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
@@ -18,66 +18,70 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="2" scaleGridTop="2" scaleGridRight="63" scaleGridBottom="64" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- border top -->
-  <Rect x="0" y="0" width="65" height="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="66" width="65" height="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.85"/>
-    </fill>
-  </Rect>
-  <!-- drop shadow (3 filled rects) -->
-  <Rect x="0" y="67" width="65" height="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.35"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="68" width="65" height="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.2"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="69" width="65" height="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.1"/>
-    </fill>
-  </Rect>
-  <!-- highlight border -->
-  <Rect x="1" y="1" width="63" height="1" alpha=".15" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff"/>
-    </fill>
-  </Rect>
-  <Rect x="1" y="65" width="63" height="1" alpha="0.1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="1" width="1" height="65" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="0" scaleX="65" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <Rect x="64" y="1" width="1" height="65" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="0" scaleX="65" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="65" height="70" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="2" scaleGridTop="2" scaleGridRight="63" scaleGridBottom="64">
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="65" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="66" width="65" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.85"/>
+        </fill>
+    </Rect>
+    <!-- drop shadow (3 filled rects) -->
+    <Rect x="0" y="67" width="65" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.35"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="68" width="65" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="69" width="65" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border -->
+    <Rect x="1" y="1" width="63" height="1" alpha=".15">
+        <fill>
+        	<SolidColor color="#ffffff"/>
+        </fill>
+    </Rect>
+    <Rect x="1" y="65" width="63" height="1" alpha="0.1">
+        <fill>
+        	<SolidColor color="#ffffff"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="1" width="1" height="65">
+        <fill>
+            <LinearGradient x="0" scaleX="65" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    <Rect x="64" y="1" width="1" height="65">
+        <fill>
+            <LinearGradient x="0" scaleX="65" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="65" height="70">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
index c1f6003..9c9075f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
@@ -18,35 +18,44 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="42" height="42" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M42 36C42 39.3135 39.3135 42 36 42L6 42C2.68652 42 0 39.3135 0 36L0 5.9541C0 2.64062 2.68652 0 6 0L36 0C39.3135 0 42 2.64062 42 5.9541L42 36ZM41 6C41 3.23877 38.7617 1 36 1L6 1C3.23877 1 1 3.23877 1 6L1 36C1 38.7617 3.23877 41 6 41L36 41C38.7617&#xD;&#xA; 41 41 38.7617 41 36L41 6Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="19.9995" y="0" scaleX="22.6146" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- inner highlight -->
-  <Path x="1" y="1" winding="nonZero" data="M35 1C37.2051 1 39 2.79443 39 5L39 35C39 37.2051 37.2051 39 35 39L5 39C2.79443 39 1 37.2051 1 35L1 5C1 2.79443 2.79443 1 5 1L35 1M35 0 5 0C2.23877 0 0 2.23877 0 5L0 35C0 37.7617 2.23877 40 5 40L35 40C37.7617 40 40 37.7617 40 35L40 5C40 2.23877&#xD;&#xA; 37.7617 0 35 0L35 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="19.9995" y="1" scaleX="38.0005" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="42" height="42">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+
+    <!-- border -->
+      <Path winding="nonZero" data="M42 36C42 39.3135 39.3135 42 36 42L6 42C2.68652 42 0 39.3135 0 36L0 5.9541C0 2.64062 2.68652 0 6 0L36 0C39.3135 0 42 2.64062 42 5.9541L42 36ZM41 6C41 3.23877 38.7617 1 36 1L6 1C3.23877 1 1 3.23877 1 6L1 36C1 38.7617 3.23877 41 6 41L36 41C38.7617
+ 41 41 38.7617 41 36L41 6Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+    <!-- shadow fill -->
+      <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053">
+        <fill>
+          <LinearGradient x="19.9995" y="0" scaleX="22.6146" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+
+    <!-- inner highlight -->
+      <Path x="1" y="1" winding="nonZero" data="M35 1C37.2051 1 39 2.79443 39 5L39 35C39 37.2051 37.2051 39 35 39L5 39C2.79443 39 1 37.2051 1 35L1 5C1 2.79443 2.79443 1 5 1L35 1M35 0 5 0C2.23877 0 0 2.23877 0 5L0 35C0 37.7617 2.23877 40 5 40L35 40C37.7617 40 40 37.7617 40 35L40 5C40 2.23877
+ 37.7617 0 35 0L35 0Z">
+        <fill>
+          <LinearGradient x="19.9995" y="1" scaleX="38.0005" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
index ed6350f..987e634 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
@@ -18,17 +18,21 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="42" height="42" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- chromeColor fill -->
-  <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#484848"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="42" height="42">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+    <!-- chromeColor fill -->
+      <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053">
+        <fill>
+          <SolidColor color="#484848"/>
+        </fill>
+      </Rect>
+      
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
index 620d779..f97a280 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
@@ -18,37 +18,46 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="42" height="42" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M42 36C42 39.3135 39.3135 42 36 42L6 42C2.68652 42 0 39.3135 0 36L0 5.9541C0 2.64062 2.68652 0 6 0L36 0C39.3135 0 42 2.64062 42 5.9541L42 36ZM41 6C41 3.23877 38.7617 1 36 1L6 1C3.23877 1 1 3.23877 1 6L1 36C1 38.7617 3.23877 41 6 41L36 41C38.7617&#xD;&#xA; 41 41 38.7617 41 36L41 6Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="19.9995" y="0" scaleX="40.0005" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- inner highlight -->
-  <Path x="1" y="1" winding="nonZero" data="M35 1C37.2051 1 39 2.79443 39 5L39 35C39 37.2051 37.2051 39 35 39L5 39C2.79443 39 1 37.2051 1 35L1 5C1 2.79443 2.79443 1 5 1L35 1M35 0 5 0C2.23877 0 0 2.23877 0 5L0 35C0 37.7617 2.23877 40 5 40L35 40C37.7617 40 40 37.7617 40 35L40 5C40 2.23877&#xD;&#xA; 37.7617 0 35 0L35 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="19.9995" y="0" scaleX="40.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.35"/>
-        <GradientEntry ratio="0.662577" alpha="0.1"/>
-        <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="42" height="42">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+
+    <!-- border -->
+      <Path winding="nonZero" data="M42 36C42 39.3135 39.3135 42 36 42L6 42C2.68652 42 0 39.3135 0 36L0 5.9541C0 2.64062 2.68652 0 6 0L36 0C39.3135 0 42 2.64062 42 5.9541L42 36ZM41 6C41 3.23877 38.7617 1 36 1L6 1C3.23877 1 1 3.23877 1 6L1 36C1 38.7617 3.23877 41 6 41L36 41C38.7617
+ 41 41 38.7617 41 36L41 6Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+    <!-- shadow fill -->
+      <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053">
+        <fill>
+          <LinearGradient x="19.9995" y="0" scaleX="40.0005" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+
+    <!-- inner highlight -->
+      <Path x="1" y="1" winding="nonZero" data="M35 1C37.2051 1 39 2.79443 39 5L39 35C39 37.2051 37.2051 39 35 39L5 39C2.79443 39 1 37.2051 1 35L1 5C1 2.79443 2.79443 1 5 1L35 1M35 0 5 0C2.23877 0 0 2.23877 0 5L0 35C0 37.7617 2.23877 40 5 40L35 40C37.7617 40 40 37.7617 40 35L40 5C40 2.23877
+ 37.7617 0 35 0L35 0Z">
+        <fill>
+          <LinearGradient x="19.9995" y="0" scaleX="40.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.35"/>
+            <GradientEntry ratio="0.662577" alpha="0.1"/>
+            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
index 41da41a..923f8d3 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
@@ -18,35 +18,45 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="87" height="42" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M81 1C83.7568 1 86 3.24316 86 6L86 36C86 38.7568 83.7568 41 81 41L19.0337 41.001C15.2959 41.001 13.3623 36.8662 12.1064 35.6104 12.0649 35.5498 5.34229 26.6387 1.5 20.8906 5.34668 15.1328 12.1392 6.30762 12.1753 6.25586 14.4209 3.43457 15.813&#xD;&#xA; 1 19 1L81 1 81 1ZM19 0C14.8569 0 14.0151 1.91504 11.3584 5.67871 11.3584 5.67871 4 15 0 21 4 27 11.2847 36.1797 11.2847 36.1797 14.2847 40.1797 15 42 19 42L81 42C84.3135 42 87 39.3135 87 36L87 6C87 2.68652 84.3135 0 81 0L19 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457&#xD;&#xA; 14.5 0 17.5 0L79.5 0 79.5 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="42.2495" y="0" scaleX="22.6145" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- highlight border -->
-  <Path x="1.5" y="0.999023" winding="nonZero" data="M79.5 1C81.7051 1 83.5 2.79395 83.5 5L83.5 35C83.5 37.2061 81.7051 39.001 79.5 39.001L17.5337 39.001C14.7188 39.001 11.3052 33.8457 11.3052 33.8457 8.83691 29.9521 3.33154 23.0889 1.20215 19.8906 3.3042 16.7393 11.4839 5.8457 11.4839 5.8457 11.8906&#xD;&#xA; 5.26562 14.7344 1 17.5 1L79.5 1M17.1719 0C14.375 0 12.313 3.19824 10.6753 5.25586 10.6392 5.30762 3.84668 14.1328 0 19.8906 3.84229 25.6387 10.5649 34.5498 10.6064 34.6104 11.8623 35.8662 13.7959 40.001 17.5337 40.001L79.5 40.001C82.2568 40.001&#xD;&#xA; 84.5 37.7568 84.5 35L84.5 5C84.5 2.24316 82.2568 0 79.375 0L17.1719 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="42.2495" y="0" scaleX="42.7844" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="87" height="42">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- border -->
+      <Path winding="nonZero" data="M81 1C83.7568 1 86 3.24316 86 6L86 36C86 38.7568 83.7568 41 81 41L19.0337 41.001C15.2959 41.001 13.3623 36.8662 12.1064 35.6104 12.0649 35.5498 5.34229 26.6387 1.5 20.8906 5.34668 15.1328 12.1392 6.30762 12.1753 6.25586 14.4209 3.43457 15.813
+ 1 19 1L81 1 81 1ZM19 0C14.8569 0 14.0151 1.91504 11.3584 5.67871 11.3584 5.67871 4 15 0 21 4 27 11.2847 36.1797 11.2847 36.1797 14.2847 40.1797 15 42 19 42L81 42C84.3135 42 87 39.3135 87 36L87 6C87 2.68652 84.3135 0 81 0L19 0Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+	<!-- shadow fill -->
+      <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457
+ 14.5 0 17.5 0L79.5 0 79.5 0Z">
+        <fill>
+          <LinearGradient x="42.2495" y="0" scaleX="22.6145" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+	<!-- highlight border -->
+      <Path x="1.5" y="0.999023" winding="nonZero" data="M79.5 1C81.7051 1 83.5 2.79395 83.5 5L83.5 35C83.5 37.2061 81.7051 39.001 79.5 39.001L17.5337 39.001C14.7188 39.001 11.3052 33.8457 11.3052 33.8457 8.83691 29.9521 3.33154 23.0889 1.20215 19.8906 3.3042 16.7393 11.4839 5.8457 11.4839 5.8457 11.8906
+ 5.26562 14.7344 1 17.5 1L79.5 1M17.1719 0C14.375 0 12.313 3.19824 10.6753 5.25586 10.6392 5.30762 3.84668 14.1328 0 19.8906 3.84229 25.6387 10.5649 34.5498 10.6064 34.6104 11.8623 35.8662 13.7959 40.001 17.5337 40.001L79.5 40.001C82.2568 40.001
+ 84.5 37.7568 84.5 35L84.5 5C84.5 2.24316 82.2568 0 79.375 0L17.1719 0Z">
+        <fill>
+          <LinearGradient x="42.2495" y="0" scaleX="42.7844" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
index 02f69e3..4fb534a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
@@ -18,17 +18,22 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="87" height="42" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- chromeColor fill -->
-  <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457&#xD;&#xA; 14.313 0 17.5 0L79.5 0 79.5 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#484848"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="87" height="42">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- chromeColor fill -->
+      <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457
+ 14.313 0 17.5 0L79.5 0 79.5 0Z">
+        <fill>
+          <SolidColor color="#484848"/>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
index 55ad341..63adf4e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
@@ -18,37 +18,47 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="87" height="42" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M81 1C83.7568 1 86 3.24316 86 6L86 36C86 38.7568 83.7568 41 81 41L19.0337 41.001C15.2959 41.001 13.3623 36.8662 12.1064 35.6104 12.0649 35.5498 5.34229 26.6387 1.5 20.8906 5.34668 15.1328 12.1392 6.30762 12.1753 6.25586 14.4209 3.43457 15.813&#xD;&#xA; 1 19 1L81 1 81 1ZM19 0C14.8569 0 14.0151 1.91504 11.3584 5.67871 11.3584 5.67871 4 15 0 21 4 27 11.2847 36.1797 11.2847 36.1797 14.2847 40.1797 15 42 19 42L81 42C84.3135 42 87 39.3135 87 36L87 6C87 2.68652 84.3135 0 81 0L19 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457&#xD;&#xA; 14.5 0 17.5 0L79.5 0 79.5 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="42.2495" y="-0.784668" scaleX="40.6027" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- highlight border -->
-  <Path x="1.5" y="0.999023" winding="nonZero" data="M79.5 1C81.7051 1 83.5 2.79395 83.5 5L83.5 35C83.5 37.2061 81.7051 39.001 79.5 39.001L17.5337 39.001C14.7188 39.001 11.3052 33.8457 11.3052 33.8457 8.83691 29.9521 3.33154 23.0889 1.20215 19.8906 3.3042 16.7393 11.4839 5.8457 11.4839 5.8457 11.8906&#xD;&#xA; 5.26562 14.7344 1 17.5 1L79.5 1M17.1719 0C14.375 0 12.313 3.19824 10.6753 5.25586 10.6392 5.30762 3.84668 14.1328 0 19.8906 3.84229 25.6387 10.5649 34.5498 10.6064 34.6104 11.8623 35.8662 13.7959 40.001 17.5337 40.001L79.5 40.001C82.2568 40.001&#xD;&#xA; 84.5 37.7568 84.5 35L84.5 5C84.5 2.24316 82.2568 0 79.375 0L17.1719 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="42.2495" y="0" scaleX="40.0015" rotation="90">
-        <GradientEntry ratio="0" alpha="0.35"/>
-        <GradientEntry ratio="0.662577" alpha="0.1"/>
-        <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="87" height="42">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- border -->
+      <Path winding="nonZero" data="M81 1C83.7568 1 86 3.24316 86 6L86 36C86 38.7568 83.7568 41 81 41L19.0337 41.001C15.2959 41.001 13.3623 36.8662 12.1064 35.6104 12.0649 35.5498 5.34229 26.6387 1.5 20.8906 5.34668 15.1328 12.1392 6.30762 12.1753 6.25586 14.4209 3.43457 15.813
+ 1 19 1L81 1 81 1ZM19 0C14.8569 0 14.0151 1.91504 11.3584 5.67871 11.3584 5.67871 4 15 0 21 4 27 11.2847 36.1797 11.2847 36.1797 14.2847 40.1797 15 42 19 42L81 42C84.3135 42 87 39.3135 87 36L87 6C87 2.68652 84.3135 0 81 0L19 0Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+	<!-- shadow fill -->
+      <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457
+ 14.5 0 17.5 0L79.5 0 79.5 0Z">
+        <fill>
+          <LinearGradient x="42.2495" y="-0.784668" scaleX="40.6027" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+	<!-- highlight border -->
+      <Path x="1.5" y="0.999023" winding="nonZero" data="M79.5 1C81.7051 1 83.5 2.79395 83.5 5L83.5 35C83.5 37.2061 81.7051 39.001 79.5 39.001L17.5337 39.001C14.7188 39.001 11.3052 33.8457 11.3052 33.8457 8.83691 29.9521 3.33154 23.0889 1.20215 19.8906 3.3042 16.7393 11.4839 5.8457 11.4839 5.8457 11.8906
+ 5.26562 14.7344 1 17.5 1L79.5 1M17.1719 0C14.375 0 12.313 3.19824 10.6753 5.25586 10.6392 5.30762 3.84668 14.1328 0 19.8906 3.84229 25.6387 10.5649 34.5498 10.6064 34.6104 11.8623 35.8662 13.7959 40.001 17.5337 40.001L79.5 40.001C82.2568 40.001
+ 84.5 37.7568 84.5 35L84.5 5C84.5 2.24316 82.2568 0 79.375 0L17.1719 0Z">
+        <fill>
+          <LinearGradient x="42.2495" y="0" scaleX="40.0015" rotation="90">
+            <GradientEntry ratio="0" alpha="0.35"/>
+            <GradientEntry ratio="0.662577" alpha="0.1"/>
+            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
index c663055..56991b4 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M120 60 8.06641 60C3.6123 60 0 56.3574 0 51.8652L0 8.13525C0 3.64258 3.6123 0 8.06641 0L120 0 120 60Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="59.9995" y="1.03467" scaleX="58.029" rotation="90">
-        <GradientEntry ratio="0" alpha="0.14902"/>
-        <GradientEntry ratio="1" alpha="0.34902"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M118.991 1.01709 118.991 58.9834 8.06641 58.9834C4.1748 58.9834 1.00879 55.7891 1.00879 51.8652L1.00879 8.13525C1.00879 4.21045 4.1748 1.01709 8.06641 1.01709L118.991 1.01709ZM120 0 8.06641 0C3.6123 0 0 3.64258 0 8.13525L0 51.8652C0 56.3574 3.6123&#xD;&#xA; 60 8.06641 60L120 60 120 0 120 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path x="1" y="1.02002" winding="nonZero" data="M116.976 1.0166 116.976 56.9487 7.05859 56.9487C3.72266 56.9487 1.00879 54.2124 1.00879 50.8481L1.00879 7.11816C1.00879 3.75342 3.72266 1.0166 7.05859 1.0166L116.976 1.0166ZM117.983 0 7.05859 0C3.16602 0 0 3.19238 0 7.11816L0 50.8481C0 54.7729&#xD;&#xA; 3.16602 57.9663 7.05859 57.9663L117.983 57.9663 117.983 0 117.983 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="2.0166" y="2.03369" winding="nonZero" data="M114.975 1 114.967 54.9321 6.0498 54.9321C3.26514 54.9321 1 52.644 1 49.8315L1 6.10156C1 3.28857 3.26514 1 6.0498 1L114.975 1ZM115.975 0 115.967 0 6.0498 0C2.71387 0 0 2.73682 0 6.10156L0 49.8315C0 53.1958 2.71387 55.9321 6.0498 55.9321L115.967&#xD;&#xA; 55.9321 115.975 0 115.975 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.1"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51">
+    
+      <!-- shadow fill -->
+      <Path data="M120 60 8.06641 60C3.6123 60 0 56.3574 0 51.8652L0 8.13525C0 3.64258 3.6123 0 8.06641 0L120 0 120 60Z">
+        <fill>
+          <LinearGradient x="59.9995" y="1.03467" scaleX="58.029" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M118.991 1.01709 118.991 58.9834 8.06641 58.9834C4.1748 58.9834 1.00879 55.7891 1.00879 51.8652L1.00879 8.13525C1.00879 4.21045 4.1748 1.01709 8.06641 1.01709L118.991 1.01709ZM120 0 8.06641 0C3.6123 0 0 3.64258 0 8.13525L0 51.8652C0 56.3574 3.6123
+ 60 8.06641 60L120 60 120 0 120 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path x="1" y="1.02002" winding="nonZero" data="M116.976 1.0166 116.976 56.9487 7.05859 56.9487C3.72266 56.9487 1.00879 54.2124 1.00879 50.8481L1.00879 7.11816C1.00879 3.75342 3.72266 1.0166 7.05859 1.0166L116.976 1.0166ZM117.983 0 7.05859 0C3.16602 0 0 3.19238 0 7.11816L0 50.8481C0 54.7729
+ 3.16602 57.9663 7.05859 57.9663L117.983 57.9663 117.983 0 117.983 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="2.0166" y="2.03369" winding="nonZero" data="M114.975 1 114.967 54.9321 6.0498 54.9321C3.26514 54.9321 1 52.644 1 49.8315L1 6.10156C1 3.28857 3.26514 1 6.0498 1L114.975 1ZM115.975 0 115.967 0 6.0498 0C2.71387 0 0 2.73682 0 6.10156L0 49.8315C0 53.1958 2.71387 55.9321 6.0498 55.9321L115.967
+ 55.9321 115.975 0 115.975 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
index 20033bc..612f39b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M120 60 8.06641 60C3.6123 60 0 56.3574 0 51.8652L0 8.13477C0 3.64258 3.6123 0 8.06641 0L120 0 120 60Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="59.9995" y="1.03467" scaleX="58.029" rotation="90">
-        <GradientEntry ratio="0" alpha="0.047059"/>
-        <GradientEntry ratio="1" alpha="0.247059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M118.991 1.01758 118.991 58.9834 8.06641 58.9834C4.1748 58.9834 1.00879 55.7891 1.00879 51.8652L1.00879 8.13477C1.00879 4.21094 4.1748 1.01758 8.06641 1.01758L118.991 1.01758ZM120 0 8.06641 0C3.6123 0 0 3.64258 0 8.13477L0 51.8652C0 56.3574 3.6123&#xD;&#xA; 60 8.06641 60L120 60 120 0 120 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path x="1" y="1.01953" winding="nonZero" data="M116.976 1.01758 116.976 56.9492 7.05859 56.9492C3.72266 56.9492 1.00879 54.2129 1.00879 50.8486L1.00879 7.11914C1.00879 3.75391 3.72266 1.01758 7.05859 1.01758L116.976 1.01758ZM117.983 0 7.05859 0C3.16602 0 0 3.19336 0 7.11914L0 50.8486C0 54.7734&#xD;&#xA; 3.16602 57.9668 7.05859 57.9668L117.983 57.9668 117.983 0 117.983 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="2.0166" y="2.0332" winding="nonZero" data="M114.975 1 114.967 54.9326 6.0498 54.9326C3.26514 54.9326 1 52.6445 1 49.832L1 6.10156C1 3.28857 3.26514 1 6.0498 1L114.975 1ZM115.975 0 6.0498 0C2.71387 0 0 2.7373 0 6.10156L0 49.832C0 53.1963 2.71387 55.9326 6.0498 55.9326L115.967 55.9326 115.975&#xD;&#xA; 0 115.975 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.1"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51">
+    
+      <!-- shadow fill -->
+      <Path data="M120 60 8.06641 60C3.6123 60 0 56.3574 0 51.8652L0 8.13477C0 3.64258 3.6123 0 8.06641 0L120 0 120 60Z">
+        <fill>
+          <LinearGradient x="59.9995" y="1.03467" scaleX="58.029" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M118.991 1.01758 118.991 58.9834 8.06641 58.9834C4.1748 58.9834 1.00879 55.7891 1.00879 51.8652L1.00879 8.13477C1.00879 4.21094 4.1748 1.01758 8.06641 1.01758L118.991 1.01758ZM120 0 8.06641 0C3.6123 0 0 3.64258 0 8.13477L0 51.8652C0 56.3574 3.6123
+ 60 8.06641 60L120 60 120 0 120 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path x="1" y="1.01953" winding="nonZero" data="M116.976 1.01758 116.976 56.9492 7.05859 56.9492C3.72266 56.9492 1.00879 54.2129 1.00879 50.8486L1.00879 7.11914C1.00879 3.75391 3.72266 1.01758 7.05859 1.01758L116.976 1.01758ZM117.983 0 7.05859 0C3.16602 0 0 3.19336 0 7.11914L0 50.8486C0 54.7734
+ 3.16602 57.9668 7.05859 57.9668L117.983 57.9668 117.983 0 117.983 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="2.0166" y="2.0332" winding="nonZero" data="M114.975 1 114.967 54.9326 6.0498 54.9326C3.26514 54.9326 1 52.6445 1 49.832L1 6.10156C1 3.28857 3.26514 1 6.0498 1L114.975 1ZM115.975 0 6.0498 0C2.71387 0 0 2.7373 0 6.10156L0 49.832C0 53.1963 2.71387 55.9326 6.0498 55.9326L115.967 55.9326 115.975
+ 0 115.975 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
index 48cb144..2430a75 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
@@ -18,26 +18,31 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Path data="M120 60 7.93359 60C3.55273 60 0 56.4766 0 52.1309L0 7.86865C0 3.52295 3.55273 0 7.93359 0L120 0 120 60Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="59.9995" y="0.51709" scaleX="32.2191" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M119.008 0.983398 119.008 59.0166 7.93359 59.0166C4.10645 59.0166 0.992188 55.9277 0.992188 52.1309L0.992188 7.86865C0.992188 4.07227 4.10645 0.983398 7.93359 0.983398L119.008 0.983398ZM120 0 7.93359 0C3.55273 0 0 3.52295 0 7.86865L0 52.1309C0&#xD;&#xA; 56.4766 3.55273 60 7.93359 60L120 60 120 0 120 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <!-- right separator highlight -->
-  <Rect x="118" y="1" width="1" height="58" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51">
+    
+      <!-- highlight fill -->
+      <Path data="M120 60 7.93359 60C3.55273 60 0 56.4766 0 52.1309L0 7.86865C0 3.52295 3.55273 0 7.93359 0L120 0 120 60Z">
+        <fill>
+          <LinearGradient x="59.9995" y="0.51709" scaleX="32.2191" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M119.008 0.983398 119.008 59.0166 7.93359 59.0166C4.10645 59.0166 0.992188 55.9277 0.992188 52.1309L0.992188 7.86865C0.992188 4.07227 4.10645 0.983398 7.93359 0.983398L119.008 0.983398ZM120 0 7.93359 0C3.55273 0 0 3.52295 0 7.86865L0 52.1309C0
+ 56.4766 3.55273 60 7.93359 60L120 60 120 0 120 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- right separator highlight -->
+      <Rect x="118" y="1" width="1" height="58">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
index eefd82a..4a8d3f4 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M0 0 111.934 0C116.388 0 120 3.64258 120 8.13525L120 51.8652C120 56.3574 116.388 60 111.934 60L0 60 0 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
-        <GradientEntry ratio="0" alpha="0.14902"/>
-        <GradientEntry ratio="1" alpha="0.34902"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path y="1.02002" winding="nonZero" data="M1 1.0166 111.941 1.0166C115.277 1.0166 117.991 3.75342 117.991 7.11816L117.991 50.8481C117.991 54.2124 115.277 56.9487 111.941 56.9487L1 56.9487M0 0 0 57.9663 111.941 57.9663C115.834 57.9663 119 54.7729 119 50.8481L119 7.11816C119 3.19238 115.834&#xD;&#xA; 0 111.941 0L0 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="1" y="2.03369" winding="nonZero" data="M110.934 1C113.718 1 115.983 3.28857 115.983 6.10156L115.983 49.8315C115.983 52.644 113.718 54.9321 110.934 54.9321L1 54.9321 1 1 110.934 1ZM110.934 0 0 0 0 55.9321 110.934 55.9321C114.27 55.9321 116.983 53.1958 116.983 49.8315L116.983 6.10156&#xD;&#xA;C116.983 2.73682 114.27 0 110.934 0L110.934 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86865L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86865C120 3.52295 116.447&#xD;&#xA; 0 112.066 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51">
+    
+      <!-- shadow fill -->
+      <Path data="M0 0 111.934 0C116.388 0 120 3.64258 120 8.13525L120 51.8652C120 56.3574 116.388 60 111.934 60L0 60 0 0Z">
+        <fill>
+          <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path y="1.02002" winding="nonZero" data="M1 1.0166 111.941 1.0166C115.277 1.0166 117.991 3.75342 117.991 7.11816L117.991 50.8481C117.991 54.2124 115.277 56.9487 111.941 56.9487L1 56.9487M0 0 0 57.9663 111.941 57.9663C115.834 57.9663 119 54.7729 119 50.8481L119 7.11816C119 3.19238 115.834
+ 0 111.941 0L0 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1" y="2.03369" winding="nonZero" data="M110.934 1C113.718 1 115.983 3.28857 115.983 6.10156L115.983 49.8315C115.983 52.644 113.718 54.9321 110.934 54.9321L1 54.9321 1 1 110.934 1ZM110.934 0 0 0 0 55.9321 110.934 55.9321C114.27 55.9321 116.983 53.1958 116.983 49.8315L116.983 6.10156
+C116.983 2.73682 114.27 0 110.934 0L110.934 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86865L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86865C120 3.52295 116.447
+ 0 112.066 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
index 8abf203..b435851 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M0 0 111.934 0C116.388 0 120 3.64258 120 8.13477L120 51.8652C120 56.3574 116.388 60 111.934 60L0 60 0 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
-        <GradientEntry ratio="0" alpha="0.047059"/>
-        <GradientEntry ratio="1" alpha="0.247059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path y="1.01953" winding="nonZero" data="M1.00781 1.01758 111.941 1.01758C115.277 1.01758 117.991 3.75391 117.991 7.11914L117.991 50.8486C117.991 54.2129 115.277 56.9492 111.941 56.9492L1.00781 56.9492 1.00781 1.01758ZM0 57.9668 111.941 57.9668C115.834 57.9668 119 54.7734 119 50.8486&#xD;&#xA;L119 7.11914C119 3.19336 115.834 0 111.941 0L0 0 0 57.9668Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="0.992188" y="2.0332" winding="nonZero" data="M110.941 1C113.726 1 115.991 3.28857 115.991 6.10156L115.991 49.832C115.991 52.6445 113.726 54.9326 110.941 54.9326L1.00781 54.9326 1 1 110.941 1ZM110.941 0 0 0 0.0078125 55.9326 110.941 55.9326C114.277 55.9326 116.991 53.1963 116.991 49.832L116.991&#xD;&#xA; 6.10156C116.991 2.7373 114.277 0 110.941 0L110.941 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86914L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86914C120 3.52344 116.447&#xD;&#xA; 0 112.066 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51">
+    
+      <!-- shadow fill -->
+      <Path data="M0 0 111.934 0C116.388 0 120 3.64258 120 8.13477L120 51.8652C120 56.3574 116.388 60 111.934 60L0 60 0 0Z">
+        <fill>
+          <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path y="1.01953" winding="nonZero" data="M1.00781 1.01758 111.941 1.01758C115.277 1.01758 117.991 3.75391 117.991 7.11914L117.991 50.8486C117.991 54.2129 115.277 56.9492 111.941 56.9492L1.00781 56.9492 1.00781 1.01758ZM0 57.9668 111.941 57.9668C115.834 57.9668 119 54.7734 119 50.8486
+L119 7.11914C119 3.19336 115.834 0 111.941 0L0 0 0 57.9668Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="0.992188" y="2.0332" winding="nonZero" data="M110.941 1C113.726 1 115.991 3.28857 115.991 6.10156L115.991 49.832C115.991 52.6445 113.726 54.9326 110.941 54.9326L1.00781 54.9326 1 1 110.941 1ZM110.941 0 0 0 0.0078125 55.9326 110.941 55.9326C114.277 55.9326 116.991 53.1963 116.991 49.832L116.991
+ 6.10156C116.991 2.7373 114.277 0 110.941 0L110.941 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86914L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86914C120 3.52344 116.447
+ 0 112.066 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
index 5aa665f..d97f02d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
@@ -18,26 +18,31 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Path data="M0 0 112.066 0C116.447 0 120 3.52295 120 7.86865L120 52.1309C120 56.4766 116.447 60 112.066 60L0 60 0 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="60" y="0.51709" scaleX="32.2185" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- left separator highlight -->
-  <Rect y="1" width="1" height="58" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86865L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86865C120 3.52295 116.447&#xD;&#xA; 0 112.066 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51">
+    
+      <!-- highlight fill -->
+      <Path data="M0 0 112.066 0C116.447 0 120 3.52295 120 7.86865L120 52.1309C120 56.4766 116.447 60 112.066 60L0 60 0 0Z">
+        <fill>
+          <LinearGradient x="60" y="0.51709" scaleX="32.2185" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- left separator highlight -->
+      <Rect y="1" width="1" height="58">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86865L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86865C120 3.52295 116.447
+ 0 112.066 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
index 7e2f7fb..8999f79 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
@@ -18,32 +18,37 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Rect width="120" height="60" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
-        <GradientEntry ratio="0" alpha="0.14902"/>
-        <GradientEntry ratio="1" alpha="0.34902"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- outer shadow -->
-  <Path y="1" winding="nonZero" data="M1 1 118 1 118 57 1 57 1 1ZM0 0.0336914 0 58 119 58 119 0 0 0.0336914Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="1" y="2" winding="nonZero" data="M116 1 116 55 1 55 1 1 116 1ZM117 0 0 0 0 56 117 56 117 0 117 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56">
+    
+      <!-- shadow fill -->
+      <Rect width="120" height="60">
+        <fill>
+          <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- outer shadow -->
+      <Path y="1" winding="nonZero" data="M1 1 118 1 118 57 1 57 1 1ZM0 0.0336914 0 58 119 58 119 0 0 0.0336914Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1" y="2" winding="nonZero" data="M116 1 116 55 1 55 1 1 116 1ZM117 0 0 0 0 56 117 56 117 0 117 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
index 9c84120..3f55cc5 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
@@ -18,32 +18,37 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Rect y="1" width="119" height="58" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="59.4995" y="1" scaleX="56.0938" rotation="90">
-        <GradientEntry ratio="0" alpha="0.047059"/>
-        <GradientEntry ratio="1" alpha="0.247059"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- outer shadow -->
-  <Path y="1" winding="nonZero" data="M1 1 118 1 118 57 1 57 1 1ZM0 0.0332031 0 58 119 58 119 0 0 0.0332031 0 0.0332031Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="0.992188" y="2" winding="nonZero" data="M116.008 1 116.008 55 1.00781 55 1 1 116.008 1ZM117.008 0 0 0 0.0078125 56 117.008 56 117.008 0 117.008 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56">
+    
+      <!-- shadow fill -->
+      <Rect y="1" width="119" height="58">
+        <fill>
+          <LinearGradient x="59.4995" y="1" scaleX="56.0938" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- outer shadow -->
+      <Path y="1" winding="nonZero" data="M1 1 118 1 118 57 1 57 1 1ZM0 0.0332031 0 58 119 58 119 0 0 0.0332031 0 0.0332031Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="0.992188" y="2" winding="nonZero" data="M116.008 1 116.008 55 1.00781 55 1 1 116.008 1ZM117.008 0 0 0 0.0078125 56 117.008 56 117.008 0 117.008 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
index 2e27c42..3d8bb7f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
@@ -18,32 +18,37 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect width="120" height="60" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="60" y="0.51709" scaleX="32.2185" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <!-- left separator highlight -->
-  <Rect y="1" width="1" height="58" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
-  <!-- right separator highlight -->
-  <Rect x="118" y="1" width="1" height="58" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56">
+    
+      <!-- highlight fill -->
+      <Rect width="120" height="60">
+        <fill>
+          <LinearGradient x="60" y="0.51709" scaleX="32.2185" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- left separator highlight -->
+      <Rect y="1" width="1" height="58">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+      
+      <!-- right separator highlight -->
+      <Rect x="118" y="1" width="1" height="58">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
index 6687801..dbadc5c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
@@ -18,32 +18,33 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="65" viewWidth="220" scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Border -->
-  <Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
-  <!-- Fill Shadow -->
-  <Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="110" y="1" scaleX="63" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.05"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.25"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- Inner Shadow -->
-  <Path data="M 8 2 C 8 2 212 2 212 2 C 215 2 218 5 218 8 C 218 8 218 57 218 57 C 218 60 215 63 212 63 C 212 63 8 63 8 63 C 5 63 2 60 2 57 C 2 57 2 8 2 8 C 2 5 5 2 8 2 Z M 8 1 C 4 1 1 4 1 8 C 1 8 1 57 1 57 C 1 61 4 64 8 64 C 8 64 212 64 212 64 C 216 64 219 61 219 57 C 219 57 219 8 219 8 C 219 4 216 1 212 1 C 212 1 8 1 8 1 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.25"/>
-    </fill>
-  </Path>
-  <!-- Inner Inner Shadow -->
-  <Path data="M 8 3 C 8 3 212 3 212 3 C 215 3 217 5 217 8 C 217 8 217 57 217 57 C 217 60 215 62 212 62 C 212 62 8 62 8 62 C 5 62 3 60 3 57 C 3 57 3 8 3 8 C 3 5 5 3 8 3 Z M 8 2 C 5 2 2 5 2 8 C 2 8 2 57 2 57 C 2 60 5 63 8 63 C 8 63 212 63 212 63 C 215 63 218 60 218 57 C 218 57 218 8 218 8 C 218 5 215 2 212 2 C 212 2 8 2 8 2 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.1"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "65" viewWidth= "220"
+	scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51">
+	<!-- Border -->
+	<Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z ">
+		<fill>
+			<SolidColor color="#464646"/>
+		</fill>
+	</Path>
+	<!-- Fill Shadow -->
+	<Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z ">
+		<fill>
+			<LinearGradient x = "110" y = "1" scaleX = "63" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.05"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.25"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<!-- Inner Shadow -->
+	<Path data="M 8 2 C 8 2 212 2 212 2 C 215 2 218 5 218 8 C 218 8 218 57 218 57 C 218 60 215 63 212 63 C 212 63 8 63 8 63 C 5 63 2 60 2 57 C 2 57 2 8 2 8 C 2 5 5 2 8 2 Z M 8 1 C 4 1 1 4 1 8 C 1 8 1 57 1 57 C 1 61 4 64 8 64 C 8 64 212 64 212 64 C 216 64 219 61 219 57 C 219 57 219 8 219 8 C 219 4 216 1 212 1 C 212 1 8 1 8 1 Z ">
+		<fill>
+			<SolidColor color="#000000" alpha="0.25"/>
+		</fill>
+	</Path>
+	<!-- Inner Inner Shadow -->
+	<Path data="M 8 3 C 8 3 212 3 212 3 C 215 3 217 5 217 8 C 217 8 217 57 217 57 C 217 60 215 62 212 62 C 212 62 8 62 8 62 C 5 62 3 60 3 57 C 3 57 3 8 3 8 C 3 5 5 3 8 3 Z M 8 2 C 5 2 2 5 2 8 C 2 8 2 57 2 57 C 2 60 5 63 8 63 C 8 63 212 63 212 63 C 215 63 218 60 218 57 C 218 57 218 8 218 8 C 218 5 215 2 212 2 C 212 2 8 2 8 2 Z ">
+		<fill>
+			<SolidColor color="#000000" alpha="0.1"/>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
index 63dc6c6..9a03665 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
@@ -18,11 +18,12 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="65" viewWidth="220" scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Border -->
-  <Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z " alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "65" viewWidth= "220" scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51">
+		
+	<!-- Border -->
+	<Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z " alpha="1">
+		<fill>
+			<SolidColor color="#646464"/>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
index b22499b..582649b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
@@ -18,26 +18,34 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="10" scaleGridRight="440" scaleGridTop="22" scaleGridBottom="292" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="299" width="450" height="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- Content Shading Top -->
-  <Rect x="0" y="0" width="450" height="15" topLeftRadiusX="7" topLeftRadiusY="7" topRightRadiusX="7" topRightRadiusY="7" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0" color="#000000" alpha="0.6"/>
-        <GradientEntry ratio="0.5" color="#000000" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- Content Highlight -->
-  <Rect x="0.5" y="0.5" width="449" height="299" radiusX="7" radiusY="7" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke color="#FFFFFF" alpha="0.8" weight="1"/>
-    </stroke>
-  </Rect>
-</Graphic>
\ No newline at end of file
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="10" scaleGridRight="440" scaleGridTop="22" scaleGridBottom="292">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="299" width="450" height="1">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+    
+	<!-- Content Shading Top -->
+	<Rect x="0" y="0" width="450" height="15"
+			topLeftRadiusX="7" topLeftRadiusY="7"
+			topRightRadiusX="7" topRightRadiusY="7">
+		<fill>
+			<LinearGradient  rotation="90">
+				<GradientEntry ratio="0" color="#000000" alpha="0.6"/>
+				<GradientEntry ratio="0.5" color="#000000" alpha="0"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+	
+	<!-- Content Highlight -->
+	<Rect x="0.5" y="0.5" width="449" height="299"
+			radiusX="7" radiusY="7">
+		<stroke>
+			<SolidColorStroke color="#FFFFFF" alpha="0.8"
+								weight="1"/>
+		</stroke>
+	</Rect>
+</Graphic>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
index 5ea101a..9832741 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version='1.0' encoding='UTF-8'?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,39 +18,40 @@
 
 -->
 
-<Graphic version="2.0" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z M 1 3 C 1 3 1 45 1 45 C 1 46 2 47 3 47 C 3 47 45 47 45 47 C 46 47 47 46 47 45 C 47 45 47 3 47 3 C 47 2 46 1 45 1 C 45 1 3 1 3 1 C 2 1 1 3 1 3 Z " alpha="0.7" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000"/>
-    </fill>
-  </Path>
-  <Path data="M 1 3 C 1 2 2 1 3 1 C 3 1 45 1 45 1 C 46 1 47 2 47 3 C 47 3 47 45 47 45 C 47 46 47 47 46 47 C 46 47 2 47 2 47 C 1 47 1 46 1 45 C 1 45 1 3 1 3 Z M 0 2 C 0 2 0 46 0 46 C 0 47 1 48 2 48 C 2 48 46 48 46 48 C 47 48 48 47 48 46 C 48 46 48 2 48 2 C 48 1 47 0 46 0 C 46 0 2 0 2 0 C 1 0 0 2 0 2 Z " alpha="0.06" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff"/>
-    </fill>
-  </Path>
-  <Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z " alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="24" y="2" scaleX="44" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.11"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.4"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path data="M 3 5 C 3 4 4 3 5 3 C 5 3 43 3 43 3 C 44 3 45 4 45 5 C 45 5 45 43 45 43 C 45 44 45 45 44 45 C 44 45 4 45 4 45 C 3 45 3 44 3 43 C 3 43 3 5 3 5 Z M 2 4 C 2 4 2 44 2 44 C 2 45 2 46 3 46 C 3 46 45 46 45 46 C 46 46 46 45 46 44 C 46 44 46 4 46 4 C 46 3 45 2 44 2 C 44 2 4 2 4 2 C 3 2 2 3 2 4 Z " alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="24" y="2" scaleX="44" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.05"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path data="M 4 6 C 4 5 5 4 6 4 C 6 4 42 4 42 4 C 43 4 44 5 44 6 C 44 6 44 42 44 42 C 44 43 44 44 43 44 C 43 44 5 44 5 44 C 4 44 4 43 4 42 C 4 42 4 6 4 6 Z M 3 5 C 3 5 3 43 3 43 C 3 44 3 45 4 45 C 4 45 44 45 44 45 C 45 45 45 44 45 43 C 45 43 45 5 45 5 C 45 4 44 3 43 3 C 43 3 5 3 5 3 C 4 3 3 4 3 5 Z " alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="25" y="3" scaleX="44" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.12"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+
+<Graphic xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns="http://ns.adobe.com/fxg/2008" version="2.0">
+	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z M 1 3 C 1 3 1 45 1 45 C 1 46 2 47 3 47 C 3 47 45 47 45 47 C 46 47 47 46 47 45 C 47 45 47 3 47 3 C 47 2 46 1 45 1 C 45 1 3 1 3 1 C 2 1 1 3 1 3 Z " alpha="0.7">
+		<fill>
+			<SolidColor color="#000000"/>
+		</fill>
+	</Path>
+	<Path data="M 1 3 C 1 2 2 1 3 1 C 3 1 45 1 45 1 C 46 1 47 2 47 3 C 47 3 47 45 47 45 C 47 46 47 47 46 47 C 46 47 2 47 2 47 C 1 47 1 46 1 45 C 1 45 1 3 1 3 Z M 0 2 C 0 2 0 46 0 46 C 0 47 1 48 2 48 C 2 48 46 48 46 48 C 47 48 48 47 48 46 C 48 46 48 2 48 2 C 48 1 47 0 46 0 C 46 0 2 0 2 0 C 1 0 0 2 0 2 Z " alpha="0.06">
+		<fill>
+			<SolidColor color="#ffffff"/>
+		</fill>
+	</Path>
+	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z " alpha="1">
+		<fill>
+			<LinearGradient x = "24" y = "2" scaleX = "44" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.11"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.4"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<Path data="M 3 5 C 3 4 4 3 5 3 C 5 3 43 3 43 3 C 44 3 45 4 45 5 C 45 5 45 43 45 43 C 45 44 45 45 44 45 C 44 45 4 45 4 45 C 3 45 3 44 3 43 C 3 43 3 5 3 5 Z M 2 4 C 2 4 2 44 2 44 C 2 45 2 46 3 46 C 3 46 45 46 45 46 C 46 46 46 45 46 44 C 46 44 46 4 46 4 C 46 3 45 2 44 2 C 44 2 4 2 4 2 C 3 2 2 3 2 4 Z " alpha="1">
+		<fill>
+			<LinearGradient x = "24" y = "2" scaleX = "44" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.05"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<Path data="M 4 6 C 4 5 5 4 6 4 C 6 4 42 4 42 4 C 43 4 44 5 44 6 C 44 6 44 42 44 42 C 44 43 44 44 43 44 C 43 44 5 44 5 44 C 4 44 4 43 4 42 C 4 42 4 6 4 6 Z M 3 5 C 3 5 3 43 3 43 C 3 44 3 45 4 45 C 4 45 44 45 44 45 C 45 45 45 44 45 43 C 45 43 45 5 45 5 C 45 4 44 3 43 3 C 43 3 5 3 5 3 C 4 3 3 4 3 5 Z " alpha="1">
+		<fill>
+			<LinearGradient x = "25" y = "3" scaleX = "44" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.12"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0"/>
+			</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file


[09/41] git commit: [flex-sdk] [refs/heads/develop] - Added 160 and 640 dpi draft AS skins

Posted by jm...@apache.org.
Added 160 and 640 dpi draft AS skins


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/07289a63
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/07289a63
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/07289a63

Branch: refs/heads/develop
Commit: 07289a631d2a466f8b47b651aca83938cace1097
Parents: 4611721
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 14:55:57 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 14:55:57 2013 +1000

----------------------------------------------------------------------
 .../src/spark/components/Callout.as             | 20 +++--
 .../src/spark/components/IconItemRenderer.as    | 20 +++--
 .../src/spark/components/LabelItemRenderer.as   | 20 +++--
 .../spark/components/SpinnerListItemRenderer.as | 20 +++--
 .../spark/preloaders/SplashScreenImageSource.as |  2 +-
 .../skins/mobile/BeveledActionButtonSkin.as     | 72 ++++++++++++++----
 .../spark/skins/mobile/BeveledBackButtonSkin.as | 72 +++++++++++++-----
 .../skins/mobile/ButtonBarFirstButtonSkin.as    | 46 ++++++++---
 .../skins/mobile/ButtonBarLastButtonSkin.as     | 46 ++++++++---
 .../skins/mobile/ButtonBarMiddleButtonSkin.as   | 42 +++++++---
 .../src/spark/skins/mobile/ButtonSkin.as        | 72 +++++++++++++-----
 .../spark/skins/mobile/CalloutActionBarSkin.as  | 20 +++--
 .../src/spark/skins/mobile/CalloutSkin.as       | 35 +++++++++
 .../skins/mobile/CalloutViewNavigatorSkin.as    | 30 ++++++--
 .../src/spark/skins/mobile/CheckBoxSkin.as      | 54 ++++++++++++-
 .../src/spark/skins/mobile/HScrollBarSkin.as    | 28 +++++--
 .../spark/skins/mobile/HScrollBarThumbSkin.as   |  8 +-
 .../src/spark/skins/mobile/HSliderThumbSkin.as  | 73 +++++++++++++-----
 .../src/spark/skins/mobile/HSliderTrackSkin.as  | 47 +++++++++---
 .../src/spark/skins/mobile/ImageSkin.as         | 22 ++++--
 .../src/spark/skins/mobile/RadioButtonSkin.as   | 80 +++++++++++++++-----
 .../skins/mobile/SpinnerListContainerSkin.as    | 51 ++++++++++---
 .../src/spark/skins/mobile/SpinnerListSkin.as   |  1 +
 .../src/spark/skins/mobile/StageTextAreaSkin.as | 20 +++--
 .../TabbedViewNavigatorTabBarFirstTabSkin.as    |  8 ++
 .../TabbedViewNavigatorTabBarLastTabSkin.as     |  2 +
 .../skins/mobile/TextAreaHScrollBarSkin.as      | 28 +++++--
 .../skins/mobile/TextAreaHScrollBarThumbSkin.as | 33 +++++---
 .../src/spark/skins/mobile/TextAreaSkin.as      | 42 +++++++---
 .../skins/mobile/TextAreaVScrollBarSkin.as      | 28 +++++--
 .../skins/mobile/TextAreaVScrollBarThumbSkin.as | 34 ++++++---
 .../src/spark/skins/mobile/TextInputSkin.as     | 42 +++++++---
 .../src/spark/skins/mobile/ToggleSwitchSkin.as  | 54 +++++++++----
 .../src/spark/skins/mobile/VScrollBarSkin.as    | 28 +++++--
 .../spark/skins/mobile/VScrollBarThumbSkin.as   |  8 +-
 .../src/spark/skins/mobile/ViewMenuItemSkin.as  | 70 +++++++++++++----
 .../src/spark/skins/mobile/ViewMenuSkin.mxml    | 14 ++--
 .../supportClasses/ActionBarButtonSkinBase.as   | 27 ++++++-
 .../skins/mobile/supportClasses/CalloutArrow.as | 34 +++++++--
 .../mobile/supportClasses/HSliderDataTip.as     | 54 +++++++++----
 .../mobile/supportClasses/StageTextSkinBase.as  | 42 ++++++----
 .../TabbedViewNavigatorTabBarTabSkinBase.as     | 48 ++++++++----
 42 files changed, 1154 insertions(+), 343 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobilecomponents/src/spark/components/Callout.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobilecomponents/src/spark/components/Callout.as b/frameworks/projects/mobilecomponents/src/spark/components/Callout.as
index 7443ec2..8615ab5 100644
--- a/frameworks/projects/mobilecomponents/src/spark/components/Callout.as
+++ b/frameworks/projects/mobilecomponents/src/spark/components/Callout.as
@@ -482,6 +482,11 @@ public class Callout extends SkinnablePopUpContainer
             {
                 switch (dpi)
                 {
+					case DPIClassification.DPI_640:
+					{
+						_margin = 32;
+						break;
+					}
 					case DPIClassification.DPI_480:
 					{
 						_margin = 24;
@@ -492,11 +497,16 @@ public class Callout extends SkinnablePopUpContainer
                         _margin = 16;
                         break;
                     }
-                    case DPIClassification.DPI_240:
-                    {
-                        _margin = 12;
-                        break;
-                    }
+					case DPIClassification.DPI_240:
+					{
+						_margin = 12;
+						break;
+					}
+					case DPIClassification.DPI_120:
+					{
+						_margin = 6;
+						break;
+					}
                     default:
                     {
                         // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobilecomponents/src/spark/components/IconItemRenderer.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobilecomponents/src/spark/components/IconItemRenderer.as b/frameworks/projects/mobilecomponents/src/spark/components/IconItemRenderer.as
index ccd11b9..1f34cfc 100644
--- a/frameworks/projects/mobilecomponents/src/spark/components/IconItemRenderer.as
+++ b/frameworks/projects/mobilecomponents/src/spark/components/IconItemRenderer.as
@@ -218,6 +218,11 @@ public class IconItemRenderer extends LabelItemRenderer
         // set default messageDisplay width
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				oldUnscaledWidth = 1280;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				oldUnscaledWidth = 960;
@@ -228,11 +233,16 @@ public class IconItemRenderer extends LabelItemRenderer
                 oldUnscaledWidth = 640;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                oldUnscaledWidth = 480;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				oldUnscaledWidth = 480;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				oldUnscaledWidth = 240;
+				break;
+			}
             default:
             {
                 // default PPI160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobilecomponents/src/spark/components/LabelItemRenderer.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobilecomponents/src/spark/components/LabelItemRenderer.as b/frameworks/projects/mobilecomponents/src/spark/components/LabelItemRenderer.as
index 21d9d45..97ab8ee 100644
--- a/frameworks/projects/mobilecomponents/src/spark/components/LabelItemRenderer.as
+++ b/frameworks/projects/mobilecomponents/src/spark/components/LabelItemRenderer.as
@@ -273,6 +273,11 @@ public class LabelItemRenderer extends UIComponent
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				minHeight = 176;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				minHeight = 132;
@@ -283,11 +288,16 @@ public class LabelItemRenderer extends UIComponent
                 minHeight = 88;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                minHeight = 66;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				minHeight = 66;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				minHeight = 33;
+				break;
+			}
             default:
             {
                 // default PPI160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobilecomponents/src/spark/components/SpinnerListItemRenderer.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobilecomponents/src/spark/components/SpinnerListItemRenderer.as b/frameworks/projects/mobilecomponents/src/spark/components/SpinnerListItemRenderer.as
index d876009..1a5f26a 100644
--- a/frameworks/projects/mobilecomponents/src/spark/components/SpinnerListItemRenderer.as
+++ b/frameworks/projects/mobilecomponents/src/spark/components/SpinnerListItemRenderer.as
@@ -50,6 +50,11 @@ public class SpinnerListItemRenderer extends LabelItemRenderer
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				minHeight = 40;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				minHeight = 30;
@@ -60,11 +65,16 @@ public class SpinnerListItemRenderer extends LabelItemRenderer
                 minHeight = 20;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                minHeight = 15;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				minHeight = 15;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				minHeight = 8;
+				break;
+			}
             default: // default PPI160
             {
                 minHeight = 10;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobilecomponents/src/spark/preloaders/SplashScreenImageSource.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobilecomponents/src/spark/preloaders/SplashScreenImageSource.as b/frameworks/projects/mobilecomponents/src/spark/preloaders/SplashScreenImageSource.as
index 4c28e67..ca20193 100644
--- a/frameworks/projects/mobilecomponents/src/spark/preloaders/SplashScreenImageSource.as
+++ b/frameworks/projects/mobilecomponents/src/spark/preloaders/SplashScreenImageSource.as
@@ -130,7 +130,7 @@ public class SplashScreenImageSource
     //  dpi
     //----------------------------------
 
-    [Inspectable(category="General", enumeration="160,240,320,480")]
+    [Inspectable(category="General", enumeration="120,160,240,320,480,640")]
     
     /**
      *  The required DPI of the device to display the associated image.

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledActionButtonSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledActionButtonSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledActionButtonSkin.as
index 1a45b4b..9cd8745 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledActionButtonSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledActionButtonSkin.as
@@ -26,6 +26,9 @@ import mx.core.DPIClassification;
 import mx.core.mx_internal;
 
 import spark.skins.mobile.supportClasses.MobileSkin;
+import spark.skins.mobile120.assets.BeveledActionButton_down;
+import spark.skins.mobile120.assets.BeveledActionButton_fill;
+import spark.skins.mobile120.assets.BeveledActionButton_up;
 import spark.skins.mobile160.assets.BeveledActionButton_down;
 import spark.skins.mobile160.assets.BeveledActionButton_fill;
 import spark.skins.mobile160.assets.BeveledActionButton_up;
@@ -38,6 +41,9 @@ import spark.skins.mobile320.assets.BeveledActionButton_up;
 import spark.skins.mobile480.assets.BeveledActionButton_down;
 import spark.skins.mobile480.assets.BeveledActionButton_fill;
 import spark.skins.mobile480.assets.BeveledActionButton_up;
+import spark.skins.mobile640.assets.BeveledActionButton_down;
+import spark.skins.mobile640.assets.BeveledActionButton_fill;
+import spark.skins.mobile640.assets.BeveledActionButton_up;
 
 
 use namespace mx_internal;
@@ -77,6 +83,23 @@ public class BeveledActionButtonSkin extends ButtonSkin
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				// Note provisional may need changes
+				layoutBorderSize = 0;
+				layoutPaddingTop = 0;
+				layoutPaddingBottom = 0;
+				layoutPaddingLeft = 40;
+				layoutPaddingRight = 40;
+				measuredDefaultWidth = 108;
+				measuredDefaultHeight = 108;
+				
+				upBorderSkin = spark.skins.mobile640.assets.BeveledActionButton_up;
+				downBorderSkin = spark.skins.mobile640.assets.BeveledActionButton_down;
+				fillClass = spark.skins.mobile640.assets.BeveledActionButton_fill;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -110,22 +133,39 @@ public class BeveledActionButtonSkin extends ButtonSkin
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                layoutBorderSize = 0;
-                layoutPaddingTop = 0;
-                layoutPaddingBottom = 0;
-                layoutPaddingLeft = 15;
-                layoutPaddingRight = 15;
-                measuredDefaultWidth = 42;
-                measuredDefaultHeight = 42;
-                
-                upBorderSkin = spark.skins.mobile240.assets.BeveledActionButton_up;
-                downBorderSkin = spark.skins.mobile240.assets.BeveledActionButton_down;
-                fillClass = spark.skins.mobile240.assets.BeveledActionButton_fill;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				layoutBorderSize = 0;
+				layoutPaddingTop = 0;
+				layoutPaddingBottom = 0;
+				layoutPaddingLeft = 15;
+				layoutPaddingRight = 15;
+				measuredDefaultWidth = 42;
+				measuredDefaultHeight = 42;
+				
+				upBorderSkin = spark.skins.mobile240.assets.BeveledActionButton_up;
+				downBorderSkin = spark.skins.mobile240.assets.BeveledActionButton_down;
+				fillClass = spark.skins.mobile240.assets.BeveledActionButton_fill;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				// Note provisional may need changes
+				layoutBorderSize = 0;
+				layoutPaddingTop = 0;
+				layoutPaddingBottom = 0;
+				layoutPaddingLeft = 8;
+				layoutPaddingRight = 8;
+				measuredDefaultWidth = 21;
+				measuredDefaultHeight = 21;
+				
+				upBorderSkin = spark.skins.mobile120.assets.BeveledActionButton_up;
+				downBorderSkin = spark.skins.mobile120.assets.BeveledActionButton_down;
+				fillClass = spark.skins.mobile120.assets.BeveledActionButton_fill;
+				
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledBackButtonSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledBackButtonSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledBackButtonSkin.as
index 1f397b6..e49403d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledBackButtonSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/BeveledBackButtonSkin.as
@@ -26,6 +26,8 @@ import mx.core.DPIClassification;
 import mx.core.mx_internal;
 
 import spark.skins.mobile.supportClasses.MobileSkin;
+import spark.skins.mobile120.assets.BeveledBackButton_down;
+import spark.skins.mobile120.assets.BeveledBackButton_up;
 import spark.skins.mobile160.assets.BeveledBackButton_down;
 import spark.skins.mobile160.assets.BeveledBackButton_up;
 import spark.skins.mobile240.assets.BeveledBackButton_down;
@@ -35,6 +37,8 @@ import spark.skins.mobile320.assets.BeveledBackButton_down;
 import spark.skins.mobile320.assets.BeveledBackButton_up;
 import spark.skins.mobile480.assets.BeveledBackButton_down;
 import spark.skins.mobile480.assets.BeveledBackButton_up;
+import spark.skins.mobile640.assets.BeveledBackButton_down;
+import spark.skins.mobile640.assets.BeveledBackButton_up;
 
 use namespace mx_internal;
 
@@ -72,6 +76,23 @@ public class BeveledBackButtonSkin extends ButtonSkin
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				// Note provisional may need changes
+				layoutBorderSize = 0;
+				layoutPaddingTop = 0;
+				layoutPaddingBottom = 0;
+				layoutPaddingLeft = 64;
+				layoutPaddingRight = 40;
+				measuredDefaultWidth = 232;
+				measuredDefaultHeight = 108;
+				
+				upBorderSkin = spark.skins.mobile640.assets.BeveledBackButton_up;
+				downBorderSkin = spark.skins.mobile640.assets.BeveledBackButton_down;
+				fillClass = spark.skins.mobile640.assets.BeveledBackButton_fill;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -106,23 +127,40 @@ public class BeveledBackButtonSkin extends ButtonSkin
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                // 240
-                layoutBorderSize = 0;
-                layoutPaddingTop = 0;
-                layoutPaddingBottom = 0;
-                layoutPaddingLeft = 23;
-                layoutPaddingRight = 15;
-                measuredDefaultWidth = 87;
-                measuredDefaultHeight = 42;
-                
-                upBorderSkin = spark.skins.mobile240.assets.BeveledBackButton_up;
-                downBorderSkin = spark.skins.mobile240.assets.BeveledBackButton_down;
-                fillClass = spark.skins.mobile240.assets.BeveledBackButton_fill;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				// 240
+				layoutBorderSize = 0;
+				layoutPaddingTop = 0;
+				layoutPaddingBottom = 0;
+				layoutPaddingLeft = 23;
+				layoutPaddingRight = 15;
+				measuredDefaultWidth = 87;
+				measuredDefaultHeight = 42;
+				
+				upBorderSkin = spark.skins.mobile240.assets.BeveledBackButton_up;
+				downBorderSkin = spark.skins.mobile240.assets.BeveledBackButton_down;
+				fillClass = spark.skins.mobile240.assets.BeveledBackButton_fill;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				// Note provisional may need changes
+				layoutBorderSize = 0;
+				layoutPaddingTop = 0;
+				layoutPaddingBottom = 0;
+				layoutPaddingLeft = 12;
+				layoutPaddingRight = 8;
+				measuredDefaultWidth = 44;
+				measuredDefaultHeight = 21;
+				
+				upBorderSkin = spark.skins.mobile120.assets.BeveledBackButton_up;
+				downBorderSkin = spark.skins.mobile120.assets.BeveledBackButton_down;
+				fillClass = spark.skins.mobile120.assets.BeveledBackButton_fill;
+				
+				break;
+			}
             default:
             {
                 // 160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarFirstButtonSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarFirstButtonSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarFirstButtonSkin.as
index 7f05784..90ed163 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarFirstButtonSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarFirstButtonSkin.as
@@ -22,6 +22,9 @@ package spark.skins.mobile
 import mx.core.DPIClassification;
 
 import spark.skins.mobile.supportClasses.ButtonBarButtonSkinBase;
+import spark.skins.mobile120.assets.ButtonBarFirstButton_down;
+import spark.skins.mobile120.assets.ButtonBarFirstButton_selected;
+import spark.skins.mobile120.assets.ButtonBarFirstButton_up;
 import spark.skins.mobile160.assets.ButtonBarFirstButton_down;
 import spark.skins.mobile160.assets.ButtonBarFirstButton_selected;
 import spark.skins.mobile160.assets.ButtonBarFirstButton_up;
@@ -34,6 +37,9 @@ import spark.skins.mobile320.assets.ButtonBarFirstButton_up;
 import spark.skins.mobile480.assets.ButtonBarFirstButton_down;
 import spark.skins.mobile480.assets.ButtonBarFirstButton_selected;
 import spark.skins.mobile480.assets.ButtonBarFirstButton_up;
+import spark.skins.mobile640.assets.ButtonBarFirstButton_down;
+import spark.skins.mobile640.assets.ButtonBarFirstButton_selected;
+import spark.skins.mobile640.assets.ButtonBarFirstButton_up;
 /**
  *  Button skin for the first Button in a ButtonBar.
  * 
@@ -60,6 +66,16 @@ public class ButtonBarFirstButtonSkin extends ButtonBarButtonSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				upBorderSkin = spark.skins.mobile640.assets.ButtonBarFirstButton_up;
+				downBorderSkin = spark.skins.mobile640.assets.ButtonBarFirstButton_down;
+				selectedBorderSkin = spark.skins.mobile640.assets.ButtonBarFirstButton_selected;
+				
+				cornerRadius = 24;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				upBorderSkin = spark.skins.mobile480.assets.ButtonBarFirstButton_up;
@@ -80,16 +96,26 @@ public class ButtonBarFirstButtonSkin extends ButtonBarButtonSkinBase
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                upBorderSkin = spark.skins.mobile240.assets.ButtonBarFirstButton_up;
-                downBorderSkin = spark.skins.mobile240.assets.ButtonBarFirstButton_down;
-                selectedBorderSkin = spark.skins.mobile240.assets.ButtonBarFirstButton_selected;
-                
-                cornerRadius = 8;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				upBorderSkin = spark.skins.mobile240.assets.ButtonBarFirstButton_up;
+				downBorderSkin = spark.skins.mobile240.assets.ButtonBarFirstButton_down;
+				selectedBorderSkin = spark.skins.mobile240.assets.ButtonBarFirstButton_selected;
+				
+				cornerRadius = 8;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				upBorderSkin = spark.skins.mobile120.assets.ButtonBarFirstButton_up;
+				downBorderSkin = spark.skins.mobile120.assets.ButtonBarFirstButton_down;
+				selectedBorderSkin = spark.skins.mobile120.assets.ButtonBarFirstButton_selected;
+				
+				cornerRadius = 4;
+				
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarLastButtonSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarLastButtonSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarLastButtonSkin.as
index 2019d1a..64248f8 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarLastButtonSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarLastButtonSkin.as
@@ -22,6 +22,9 @@ package spark.skins.mobile
 import mx.core.DPIClassification;
 
 import spark.skins.mobile.supportClasses.ButtonBarButtonSkinBase;
+import spark.skins.mobile120.assets.ButtonBarLastButton_down;
+import spark.skins.mobile120.assets.ButtonBarLastButton_selected;
+import spark.skins.mobile120.assets.ButtonBarLastButton_up;
 import spark.skins.mobile160.assets.ButtonBarLastButton_down;
 import spark.skins.mobile160.assets.ButtonBarLastButton_selected;
 import spark.skins.mobile160.assets.ButtonBarLastButton_up;
@@ -34,6 +37,9 @@ import spark.skins.mobile320.assets.ButtonBarLastButton_up;
 import spark.skins.mobile480.assets.ButtonBarLastButton_down;
 import spark.skins.mobile480.assets.ButtonBarLastButton_selected;
 import spark.skins.mobile480.assets.ButtonBarLastButton_up;
+import spark.skins.mobile640.assets.ButtonBarLastButton_down;
+import spark.skins.mobile640.assets.ButtonBarLastButton_selected;
+import spark.skins.mobile640.assets.ButtonBarLastButton_up;
 
 /**
  *  Button skin for the last Button in a ButtonBar.
@@ -61,6 +67,16 @@ public class ButtonBarLastButtonSkin extends ButtonBarButtonSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				upBorderSkin = spark.skins.mobile640.assets.ButtonBarFirstButton_up;
+				downBorderSkin = spark.skins.mobile640.assets.ButtonBarFirstButton_down;
+				selectedBorderSkin = spark.skins.mobile640.assets.ButtonBarFirstButton_selected;
+				
+				cornerRadius = 24;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				upBorderSkin = spark.skins.mobile480.assets.ButtonBarFirstButton_up;
@@ -81,16 +97,26 @@ public class ButtonBarLastButtonSkin extends ButtonBarButtonSkinBase
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                upBorderSkin = spark.skins.mobile240.assets.ButtonBarLastButton_up;
-                downBorderSkin = spark.skins.mobile240.assets.ButtonBarLastButton_down;
-                selectedBorderSkin = spark.skins.mobile240.assets.ButtonBarLastButton_selected;
-                
-                cornerRadius = 8;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				upBorderSkin = spark.skins.mobile240.assets.ButtonBarLastButton_up;
+				downBorderSkin = spark.skins.mobile240.assets.ButtonBarLastButton_down;
+				selectedBorderSkin = spark.skins.mobile240.assets.ButtonBarLastButton_selected;
+				
+				cornerRadius = 8;
+				
+				break;
+			}
+			case DPIClassification.DPI_160:
+			{
+				upBorderSkin = spark.skins.mobile160.assets.ButtonBarLastButton_up;
+				downBorderSkin = spark.skins.mobile160.assets.ButtonBarLastButton_down;
+				selectedBorderSkin = spark.skins.mobile160.assets.ButtonBarLastButton_selected;
+				
+				cornerRadius = 4;
+				
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarMiddleButtonSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarMiddleButtonSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarMiddleButtonSkin.as
index decc815..888820b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarMiddleButtonSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonBarMiddleButtonSkin.as
@@ -22,6 +22,9 @@ package spark.skins.mobile
 import mx.core.DPIClassification;
 
 import spark.skins.mobile.supportClasses.ButtonBarButtonSkinBase;
+import spark.skins.mobile120.assets.ButtonBarMiddleButton_down;
+import spark.skins.mobile120.assets.ButtonBarMiddleButton_selected;
+import spark.skins.mobile120.assets.ButtonBarMiddleButton_up;
 import spark.skins.mobile160.assets.ButtonBarMiddleButton_down;
 import spark.skins.mobile160.assets.ButtonBarMiddleButton_selected;
 import spark.skins.mobile160.assets.ButtonBarMiddleButton_up;
@@ -34,6 +37,9 @@ import spark.skins.mobile320.assets.ButtonBarMiddleButton_up;
 import spark.skins.mobile480.assets.ButtonBarMiddleButton_down;
 import spark.skins.mobile480.assets.ButtonBarMiddleButton_selected;
 import spark.skins.mobile480.assets.ButtonBarMiddleButton_up;
+import spark.skins.mobile640.assets.ButtonBarMiddleButton_down;
+import spark.skins.mobile640.assets.ButtonBarMiddleButton_selected;
+import spark.skins.mobile640.assets.ButtonBarMiddleButton_up;
 
 /**
  *  Button skin for middle Buttons in a ButtonBar.
@@ -61,14 +67,20 @@ public class ButtonBarMiddleButtonSkin extends ButtonBarButtonSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640: 
+			{
+				upBorderSkin = spark.skins.mobile640.assets.ButtonBarMiddleButton_up;
+				downBorderSkin = spark.skins.mobile640.assets.ButtonBarMiddleButton_down;
+				selectedBorderSkin = spark.skins.mobile640.assets.ButtonBarMiddleButton_selected;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				upBorderSkin = spark.skins.mobile480.assets.ButtonBarFirstButton_up;
 				downBorderSkin = spark.skins.mobile480.assets.ButtonBarFirstButton_down;
 				selectedBorderSkin = spark.skins.mobile480.assets.ButtonBarFirstButton_selected;
-				
-				cornerRadius = 16;
-				
+
 				break;
 			}
             case DPIClassification.DPI_320: 
@@ -79,14 +91,22 @@ public class ButtonBarMiddleButtonSkin extends ButtonBarButtonSkinBase
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                upBorderSkin = spark.skins.mobile240.assets.ButtonBarMiddleButton_up;
-                downBorderSkin = spark.skins.mobile240.assets.ButtonBarMiddleButton_down;
-                selectedBorderSkin = spark.skins.mobile240.assets.ButtonBarMiddleButton_selected;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				upBorderSkin = spark.skins.mobile240.assets.ButtonBarMiddleButton_up;
+				downBorderSkin = spark.skins.mobile240.assets.ButtonBarMiddleButton_down;
+				selectedBorderSkin = spark.skins.mobile240.assets.ButtonBarMiddleButton_selected;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				upBorderSkin = spark.skins.mobile120.assets.ButtonBarMiddleButton_up;
+				downBorderSkin = spark.skins.mobile120.assets.ButtonBarMiddleButton_down;
+				selectedBorderSkin = spark.skins.mobile120.assets.ButtonBarMiddleButton_selected;
+				
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonSkin.as
index c7ec98a..22a0f4f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ButtonSkin.as
@@ -30,6 +30,8 @@ import mx.utils.ColorUtil;
 
 import spark.components.supportClasses.StyleableTextField;
 import spark.skins.mobile.supportClasses.ButtonSkinBase;
+import spark.skins.mobile120.assets.Button_down;
+import spark.skins.mobile120.assets.Button_up;
 import spark.skins.mobile160.assets.Button_down;
 import spark.skins.mobile160.assets.Button_up;
 import spark.skins.mobile240.assets.Button_down;
@@ -38,6 +40,8 @@ import spark.skins.mobile320.assets.Button_down;
 import spark.skins.mobile320.assets.Button_up;
 import spark.skins.mobile480.assets.Button_down;
 import spark.skins.mobile480.assets.Button_up;
+import spark.skins.mobile640.assets.Button_down;
+import spark.skins.mobile640.assets.Button_up;
 
 
 use namespace mx_internal;
@@ -101,6 +105,23 @@ public class ButtonSkin extends ButtonSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				upBorderSkin = spark.skins.mobile640.assets.Button_up;
+				downBorderSkin = spark.skins.mobile640.assets.Button_down;
+				
+				layoutGap = 20;
+				layoutCornerEllipseSize = 40;
+				layoutPaddingLeft = 40;
+				layoutPaddingRight = 40;
+				layoutPaddingTop = 40;
+				layoutPaddingBottom = 40;
+				layoutBorderSize = 2;
+				measuredDefaultWidth = 128;
+				measuredDefaultHeight = 172;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -136,23 +157,40 @@ public class ButtonSkin extends ButtonSkinBase
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                upBorderSkin = spark.skins.mobile240.assets.Button_up;
-                downBorderSkin = spark.skins.mobile240.assets.Button_down;
-                
-                layoutGap = 7;
-                layoutCornerEllipseSize = 15;
-                layoutPaddingLeft = 15;
-                layoutPaddingRight = 15;
-                layoutPaddingTop = 15;
-                layoutPaddingBottom = 15;
-                layoutBorderSize = 1;
-                measuredDefaultWidth = 48;
-                measuredDefaultHeight = 65;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				upBorderSkin = spark.skins.mobile240.assets.Button_up;
+				downBorderSkin = spark.skins.mobile240.assets.Button_down;
+				
+				layoutGap = 7;
+				layoutCornerEllipseSize = 15;
+				layoutPaddingLeft = 15;
+				layoutPaddingRight = 15;
+				layoutPaddingTop = 15;
+				layoutPaddingBottom = 15;
+				layoutBorderSize = 1;
+				measuredDefaultWidth = 48;
+				measuredDefaultHeight = 65;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				upBorderSkin = spark.skins.mobile120.assets.Button_up;
+				downBorderSkin = spark.skins.mobile120.assets.Button_down;
+				
+				layoutGap = 4;
+				layoutCornerEllipseSize = 8;
+				layoutPaddingLeft = 8;
+				layoutPaddingRight = 8;
+				layoutPaddingTop = 8;
+				layoutPaddingBottom = 8;
+				layoutBorderSize = 1;
+				measuredDefaultWidth = 24;
+				measuredDefaultHeight = 33;
+				
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutActionBarSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutActionBarSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutActionBarSkin.as
index ca55693..e130d0b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutActionBarSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutActionBarSkin.as
@@ -51,6 +51,11 @@ public class CalloutActionBarSkin extends ActionBarSkin
         // shorten ActionBar height visual paddingTop comes from CalloutSkin
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				layoutContentGroupHeight = 108;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				layoutContentGroupHeight = 84;
@@ -61,11 +66,16 @@ public class CalloutActionBarSkin extends ActionBarSkin
                 layoutContentGroupHeight = 54;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                layoutContentGroupHeight = 42;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				layoutContentGroupHeight = 42;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				layoutContentGroupHeight = 21;
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutSkin.as
index d77686e..f69de0f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutSkin.as
@@ -41,10 +41,12 @@ import spark.effects.Fade;
 import spark.primitives.RectangularDropShadow;
 import spark.skins.mobile.supportClasses.CalloutArrow;
 import spark.skins.mobile.supportClasses.MobileSkin;
+import spark.skins.mobile120.assets.CalloutContentBackground;
 import spark.skins.mobile160.assets.CalloutContentBackground;
 import spark.skins.mobile240.assets.CalloutContentBackground;
 import spark.skins.mobile320.assets.CalloutContentBackground;
 import spark.skins.mobile480.assets.CalloutContentBackground;
+import spark.skins.mobile640.assets.CalloutContentBackground;
 
 use namespace mx_internal;
 
@@ -96,6 +98,23 @@ public class CalloutSkin extends MobileSkin
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				// Note provisional may need changes  
+				backgroundCornerRadius = 32;
+				contentBackgroundInsetClass = spark.skins.mobile640.assets.CalloutContentBackground;
+				backgroundGradientHeight = 440;
+				frameThickness = 32;
+				arrowWidth = 208;
+				arrowHeight = 104;
+				contentCornerRadius = 20;
+				dropShadowBlurX = 64;
+				dropShadowBlurY = 64;
+				dropShadowDistance = 12;
+				highlightWeight = 2;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -145,6 +164,22 @@ public class CalloutSkin extends MobileSkin
                 
                 break;
             }
+			case DPIClassification.DPI_120:
+			{
+				backgroundCornerRadius = 6;
+				contentBackgroundInsetClass = spark.skins.mobile120.assets.CalloutContentBackground;
+				backgroundGradientHeight = 83;
+				frameThickness = 24;
+				arrowWidth = 156;
+				arrowHeight = 39;
+				contentCornerRadius = 7;
+				dropShadowBlurX = 24;
+				dropShadowBlurY = 24;
+				dropShadowDistance = 4;
+				highlightWeight = 1;
+				
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutViewNavigatorSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutViewNavigatorSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutViewNavigatorSkin.as
index bb7a609..56727bb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutViewNavigatorSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/CalloutViewNavigatorSkin.as
@@ -26,10 +26,12 @@ import mx.core.DPIClassification;
 import mx.core.mx_internal;
 
 import spark.core.SpriteVisualElement;
+import spark.skins.mobile120.assets.CalloutContentBackground;
 import spark.skins.mobile160.assets.CalloutContentBackground;
 import spark.skins.mobile240.assets.CalloutContentBackground;
 import spark.skins.mobile320.assets.CalloutContentBackground;
 import spark.skins.mobile480.assets.CalloutContentBackground;
+import spark.skins.mobile640.assets.CalloutContentBackground;
 
 use namespace mx_internal;
 
@@ -64,6 +66,13 @@ public class CalloutViewNavigatorSkin extends ViewNavigatorSkin
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				contentBackgroundClass = spark.skins.mobile640.assets.CalloutContentBackground;
+				contentCornerRadius = 28;
+				gap = 48;
+				break;
+			}	
 			case DPIClassification.DPI_480:
 			{
 				contentBackgroundClass = spark.skins.mobile480.assets.CalloutContentBackground;
@@ -78,13 +87,20 @@ public class CalloutViewNavigatorSkin extends ViewNavigatorSkin
                 gap = 16;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                contentBackgroundClass = spark.skins.mobile240.assets.CalloutContentBackground;
-                contentCornerRadius = 7;
-                gap = 12;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				contentBackgroundClass = spark.skins.mobile240.assets.CalloutContentBackground;
+				contentCornerRadius = 7;
+				gap = 12;
+				break;
+			}
+			case DPIClassification.DPI_240:
+			{
+				contentBackgroundClass = spark.skins.mobile240.assets.CalloutContentBackground;
+				contentCornerRadius = 4;
+				gap = 6;
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as
index 975c5a0..481a6b3 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as
@@ -30,6 +30,12 @@ import spark.skins.mobile160.assets.CheckBox_downSymbolSelected;
 import spark.skins.mobile160.assets.CheckBox_up;
 import spark.skins.mobile160.assets.CheckBox_upSymbol;
 import spark.skins.mobile160.assets.CheckBox_upSymbolSelected;
+import spark.skins.mobile160.assets.CheckBox_down;
+import spark.skins.mobile160.assets.CheckBox_downSymbol;
+import spark.skins.mobile160.assets.CheckBox_downSymbolSelected;
+import spark.skins.mobile160.assets.CheckBox_up;
+import spark.skins.mobile160.assets.CheckBox_upSymbol;
+import spark.skins.mobile160.assets.CheckBox_upSymbolSelected;
 import spark.skins.mobile240.assets.CheckBox_down;
 import spark.skins.mobile240.assets.CheckBox_downSymbol;
 import spark.skins.mobile240.assets.CheckBox_downSymbolSelected;
@@ -48,6 +54,12 @@ import spark.skins.mobile480.assets.CheckBox_downSymbolSelected;
 import spark.skins.mobile480.assets.CheckBox_up;
 import spark.skins.mobile480.assets.CheckBox_upSymbol;
 import spark.skins.mobile480.assets.CheckBox_upSymbolSelected;
+import spark.skins.mobile640.assets.CheckBox_down;
+import spark.skins.mobile640.assets.CheckBox_downSymbol;
+import spark.skins.mobile640.assets.CheckBox_downSymbolSelected;
+import spark.skins.mobile640.assets.CheckBox_up;
+import spark.skins.mobile640.assets.CheckBox_upSymbol;
+import spark.skins.mobile640.assets.CheckBox_upSymbolSelected;
 
 /**
  *  ActionScript-based skin for CheckBox components in mobile applications. 
@@ -94,6 +106,24 @@ public class CheckBoxSkin extends SelectableButtonSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				upIconClass = spark.skins.mobile640.assets.CheckBox_up;
+				upSelectedIconClass = spark.skins.mobile640.assets.CheckBox_up;
+				downIconClass = spark.skins.mobile640.assets.CheckBox_down;
+				downSelectedIconClass = spark.skins.mobile640.assets.CheckBox_down;
+				upSymbolIconClass = spark.skins.mobile640.assets.CheckBox_upSymbol;
+				upSymbolIconSelectedClass = spark.skins.mobile640.assets.CheckBox_upSymbolSelected;
+				downSymbolIconClass = spark.skins.mobile640.assets.CheckBox_downSymbol;
+				downSymbolIconSelectedClass = spark.skins.mobile640.assets.CheckBox_downSymbolSelected;
+				
+				layoutGap = 40;
+				minWidth = 128;
+				minHeight = 128;
+				layoutBorderSize = 4;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -109,7 +139,7 @@ public class CheckBoxSkin extends SelectableButtonSkinBase
 				layoutGap = 30;
 				minWidth = 96;
 				minHeight = 96;
-				layoutBorderSize = 8;
+				layoutBorderSize = 3;
 				
 				break;
 			}
@@ -123,11 +153,11 @@ public class CheckBoxSkin extends SelectableButtonSkinBase
                 upSymbolIconSelectedClass = spark.skins.mobile320.assets.CheckBox_upSymbolSelected;
                 downSymbolIconClass = spark.skins.mobile320.assets.CheckBox_downSymbol;
                 downSymbolIconSelectedClass = spark.skins.mobile320.assets.CheckBox_downSymbolSelected;
-                
+                 
                 layoutGap = 20;
                 minWidth = 64;
                 minHeight = 64;
-                layoutBorderSize = 4;
+                layoutBorderSize = 3;
                 
                 break;
             }
@@ -149,6 +179,24 @@ public class CheckBoxSkin extends SelectableButtonSkinBase
                 
                 break;
             }
+			case DPIClassification.DPI_120:
+			{
+				upIconClass = spark.skins.mobile120.assets.CheckBox_up;
+				upSelectedIconClass = spark.skins.mobile120.assets.CheckBox_up;
+				downIconClass = spark.skins.mobile120.assets.CheckBox_down;
+				downSelectedIconClass = spark.skins.mobile120.assets.CheckBox_down;
+				upSymbolIconClass = spark.skins.mobile120.assets.CheckBox_upSymbol;
+				upSymbolIconSelectedClass = spark.skins.mobile120.assets.CheckBox_upSymbolSelected;
+				downSymbolIconClass = spark.skins.mobile120.assets.CheckBox_downSymbol;
+				downSymbolIconSelectedClass = spark.skins.mobile120.assets.CheckBox_downSymbolSelected;
+				
+				layoutGap = 8;
+				minWidth = 24;
+				minHeight = 24;
+				layoutBorderSize = 1;
+				
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/HScrollBarSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/HScrollBarSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/HScrollBarSkin.as
index 44e682b..45d2980 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/HScrollBarSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/HScrollBarSkin.as
@@ -64,6 +64,13 @@ public class HScrollBarSkin extends MobileSkin
         // Depending on density set our measured height
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				minHeight = 24;   
+				paddingBottom = HScrollBarThumbSkin.PADDING_BOTTOM_640DPI;
+				paddingHorizontal = HScrollBarThumbSkin.PADDING_HORIZONTAL_640DPI;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				minHeight = 18;   
@@ -78,13 +85,20 @@ public class HScrollBarSkin extends MobileSkin
                 paddingHorizontal = HScrollBarThumbSkin.PADDING_HORIZONTAL_320DPI;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                minHeight = 9;   
-                paddingBottom = HScrollBarThumbSkin.PADDING_BOTTOM_240DPI;
-                paddingHorizontal = HScrollBarThumbSkin.PADDING_HORIZONTAL_240DPI;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				minHeight = 9;   
+				paddingBottom = HScrollBarThumbSkin.PADDING_BOTTOM_240DPI;
+				paddingHorizontal = HScrollBarThumbSkin.PADDING_HORIZONTAL_240DPI;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				minHeight = 5;   
+				paddingBottom = HScrollBarThumbSkin.PADDING_BOTTOM_120DPI;
+				paddingHorizontal = HScrollBarThumbSkin.PADDING_HORIZONTAL_120DPI;
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/HScrollBarThumbSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/HScrollBarThumbSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/HScrollBarThumbSkin.as
index 94e7a86..ebf8a49 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/HScrollBarThumbSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/HScrollBarThumbSkin.as
@@ -49,12 +49,16 @@ public class HScrollBarThumbSkin extends MobileSkin
     //--------------------------------------------------------------------------
     
     // These constants are also accessed from HScrollBarSkin
+	mx_internal static const PADDING_BOTTOM_640DPI:int = 10;
+	mx_internal static const PADDING_HORIZONTAL_640DPI:int = 8;
 	mx_internal static const PADDING_BOTTOM_480DPI:int = 8;
 	mx_internal static const PADDING_HORIZONTAL_480DPI:int = 6;
     mx_internal static const PADDING_BOTTOM_320DPI:int = 5;
     mx_internal static const PADDING_HORIZONTAL_320DPI:int = 4;
-    mx_internal static const PADDING_BOTTOM_240DPI:int = 4;
-    mx_internal static const PADDING_HORIZONTAL_240DPI:int = 3;
+	mx_internal static const PADDING_BOTTOM_240DPI:int = 4;
+	mx_internal static const PADDING_HORIZONTAL_240DPI:int = 3;
+	mx_internal static const PADDING_BOTTOM_120DPI:int = 2;
+	mx_internal static const PADDING_HORIZONTAL_120DPI:int = 2;
     mx_internal static const PADDING_BOTTOM_DEFAULTDPI:int = 3;
     mx_internal static const PADDING_HORIZONTAL_DEFAULTDPI:int = 2;
     

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/HSliderThumbSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/HSliderThumbSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/HSliderThumbSkin.as
index ae8c721..e87f919 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/HSliderThumbSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/HSliderThumbSkin.as
@@ -25,6 +25,8 @@ import mx.core.DPIClassification;
 
 import spark.components.Button;
 import spark.skins.mobile.supportClasses.MobileSkin;
+import spark.skins.mobile120.assets.HSliderThumb_normal;
+import spark.skins.mobile120.assets.HSliderThumb_pressed;
 import spark.skins.mobile160.assets.HSliderThumb_normal;
 import spark.skins.mobile160.assets.HSliderThumb_pressed;
 import spark.skins.mobile240.assets.HSliderThumb_normal;
@@ -33,6 +35,8 @@ import spark.skins.mobile320.assets.HSliderThumb_normal;
 import spark.skins.mobile320.assets.HSliderThumb_pressed;
 import spark.skins.mobile480.assets.HSliderThumb_normal;
 import spark.skins.mobile480.assets.HSliderThumb_pressed;
+import spark.skins.mobile640.assets.HSliderThumb_normal;
+import spark.skins.mobile640.assets.HSliderThumb_pressed;
 
 /**
  *  ActionScript-based skin for the HSlider thumb skin part in mobile applications.
@@ -69,6 +73,24 @@ public class HSliderThumbSkin extends MobileSkin
         // set the right assets and dimensions to use based on the screen density
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				thumbImageWidth = 116;
+				thumbImageHeight = 116;
+				
+				thumbNormalClass = spark.skins.mobile640.assets.HSliderThumb_normal;
+				thumbPressedClass = spark.skins.mobile640.assets.HSliderThumb_pressed;
+				
+				hitZoneOffset = 20;
+				hitZoneSideLength = 160;
+				
+				// chromeColor ellipse goes up to the thumb border
+				chromeColorEllipseWidth = chromeColorEllipseHeight = 112;
+				chromeColorEllipseX = 1;
+				chromeColorEllipseY = 1;
+				
+				break;              
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -105,23 +127,40 @@ public class HSliderThumbSkin extends MobileSkin
                 
                 break;              
             }
-            case DPIClassification.DPI_240:
-            {
-                thumbImageWidth = 44;
-                thumbImageHeight = 44;
-                
-                thumbNormalClass = spark.skins.mobile240.assets.HSliderThumb_normal;
-                thumbPressedClass = spark.skins.mobile240.assets.HSliderThumb_pressed;
-                
-                hitZoneOffset = 10;
-                hitZoneSideLength = 65;
-                
-                // chromeColor ellipse goes up to the thumb border
-                chromeColorEllipseWidth = chromeColorEllipseHeight = 42; 
-                chromeColorEllipseX = chromeColorEllipseY = 1;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				thumbImageWidth = 44;
+				thumbImageHeight = 44;
+				
+				thumbNormalClass = spark.skins.mobile240.assets.HSliderThumb_normal;
+				thumbPressedClass = spark.skins.mobile240.assets.HSliderThumb_pressed;
+				
+				hitZoneOffset = 10;
+				hitZoneSideLength = 65;
+				
+				// chromeColor ellipse goes up to the thumb border
+				chromeColorEllipseWidth = chromeColorEllipseHeight = 42; 
+				chromeColorEllipseX = chromeColorEllipseY = 1;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				thumbImageWidth = 22;
+				thumbImageHeight = 22;
+				
+				thumbNormalClass = spark.skins.mobile120.assets.HSliderThumb_normal;
+				thumbPressedClass = spark.skins.mobile120.assets.HSliderThumb_pressed;
+				
+				hitZoneOffset = 5;
+				hitZoneSideLength = 33;
+				
+				// chromeColor ellipse goes up to the thumb border
+				chromeColorEllipseWidth = chromeColorEllipseHeight = 21; 
+				chromeColorEllipseX = chromeColorEllipseY = 1;
+				
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/HSliderTrackSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/HSliderTrackSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/HSliderTrackSkin.as
index dfd55b9..fe8398d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/HSliderTrackSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/HSliderTrackSkin.as
@@ -25,10 +25,12 @@ import mx.core.DPIClassification;
 
 import spark.components.Button;
 import spark.skins.mobile.supportClasses.MobileSkin;
+import spark.skins.mobile120.assets.HSliderTrack;
 import spark.skins.mobile160.assets.HSliderTrack;
 import spark.skins.mobile240.assets.HSliderTrack;
 import spark.skins.mobile320.assets.HSliderTrack;
 import spark.skins.mobile480.assets.HSliderTrack;
+import spark.skins.mobile640.assets.HSliderTrack;
 
 /**
  *  ActionScript-based skin for the HSlider track skin part in mobile applications. 
@@ -62,6 +64,18 @@ public class HSliderTrackSkin extends MobileSkin
         // set the right assets and dimensions to use based on the screen density
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				// Note provisional may need changes
+				trackWidth = 1200;
+				trackHeight = 36;
+				
+				visibleTrackOffset = 40;
+				
+				trackClass = spark.skins.mobile640.assets.HSliderTrack;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -85,17 +99,28 @@ public class HSliderTrackSkin extends MobileSkin
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                trackWidth = 440;
-                trackHeight = 13;
-                
-                visibleTrackOffset = 16;
-                
-                trackClass = spark.skins.mobile240.assets.HSliderTrack;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				trackWidth = 440;
+				trackHeight = 13;
+				
+				visibleTrackOffset = 16;
+				
+				trackClass = spark.skins.mobile240.assets.HSliderTrack;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				trackWidth = 220;
+				trackHeight = 7;
+				
+				visibleTrackOffset = 8;
+				
+				trackClass = spark.skins.mobile120.assets.HSliderTrack;
+				
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/ImageSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ImageSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ImageSkin.as
index a2d1be8..983d65e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ImageSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ImageSkin.as
@@ -29,10 +29,12 @@ import spark.components.Group;
 import spark.components.Image;
 import spark.primitives.BitmapImage;
 import spark.skins.mobile.supportClasses.MobileSkin;
+import spark.skins.mobile120.assets.ImageInvalid;
 import spark.skins.mobile160.assets.ImageInvalid;
 import spark.skins.mobile240.assets.ImageInvalid;
 import spark.skins.mobile320.assets.ImageInvalid;
 import spark.skins.mobile480.assets.ImageInvalid;
+import spark.skins.mobile640.assets.ImageInvalid;
 
 /**
  *  ActionScript-based skin for the Image component in mobile applications.
@@ -66,6 +68,11 @@ public class ImageSkin extends MobileSkin
         // set the right assets and dimensions to use based on the screen density
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				imageInvalidClass = spark.skins.mobile640.assets.ImageInvalid;
+				break;              
+			}
 			case DPIClassification.DPI_480:
 			{
 				imageInvalidClass = spark.skins.mobile480.assets.ImageInvalid;
@@ -76,11 +83,16 @@ public class ImageSkin extends MobileSkin
                 imageInvalidClass = spark.skins.mobile320.assets.ImageInvalid;
                 break;              
             }
-            case DPIClassification.DPI_240:
-            {
-                imageInvalidClass = spark.skins.mobile240.assets.ImageInvalid;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				imageInvalidClass = spark.skins.mobile240.assets.ImageInvalid;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				imageInvalidClass = spark.skins.mobile120.assets.ImageInvalid;
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/RadioButtonSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/RadioButtonSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/RadioButtonSkin.as
index ce1367b..e530204 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/RadioButtonSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/RadioButtonSkin.as
@@ -25,6 +25,12 @@ import flash.display.DisplayObject;
 import mx.core.DPIClassification;
 
 import spark.skins.mobile.supportClasses.SelectableButtonSkinBase;
+import spark.skins.mobile120.assets.RadioButton_down;
+import spark.skins.mobile120.assets.RadioButton_downSymbol;
+import spark.skins.mobile120.assets.RadioButton_downSymbolSelected;
+import spark.skins.mobile120.assets.RadioButton_up;
+import spark.skins.mobile120.assets.RadioButton_upSymbol;
+import spark.skins.mobile120.assets.RadioButton_upSymbolSelected;
 import spark.skins.mobile160.assets.RadioButton_down;
 import spark.skins.mobile160.assets.RadioButton_downSymbol;
 import spark.skins.mobile160.assets.RadioButton_downSymbolSelected;
@@ -49,6 +55,12 @@ import spark.skins.mobile480.assets.RadioButton_downSymbolSelected;
 import spark.skins.mobile480.assets.RadioButton_up;
 import spark.skins.mobile480.assets.RadioButton_upSymbol;
 import spark.skins.mobile480.assets.RadioButton_upSymbolSelected;
+import spark.skins.mobile640.assets.RadioButton_down;
+import spark.skins.mobile640.assets.RadioButton_downSymbol;
+import spark.skins.mobile640.assets.RadioButton_downSymbolSelected;
+import spark.skins.mobile640.assets.RadioButton_up;
+import spark.skins.mobile640.assets.RadioButton_upSymbol;
+import spark.skins.mobile640.assets.RadioButton_upSymbolSelected;
 /**
  *  ActionScript-based skin for RadioButton controls in mobile applications. 
  * 
@@ -98,6 +110,23 @@ public class RadioButtonSkin extends SelectableButtonSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				upIconClass = spark.skins.mobile640.assets.RadioButton_up;
+				upSelectedIconClass = spark.skins.mobile640.assets.RadioButton_up;
+				downIconClass = spark.skins.mobile640.assets.RadioButton_down;
+				downSelectedIconClass = spark.skins.mobile640.assets.RadioButton_down;
+				upSymbolIconClass =  spark.skins.mobile640.assets.RadioButton_upSymbol;
+				downSymbolIconClass =  spark.skins.mobile640.assets.RadioButton_downSymbol;
+				upSymbolIconSelectedClass = spark.skins.mobile640.assets.RadioButton_upSymbolSelected;
+				downSymbolIconSelectedClass = spark.skins.mobile640.assets.RadioButton_downSymbolSelected;
+				
+				layoutGap = 40;
+				minWidth = 128;
+				minHeight = 128;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -133,23 +162,40 @@ public class RadioButtonSkin extends SelectableButtonSkinBase
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                upIconClass = spark.skins.mobile240.assets.RadioButton_up;
-                upSelectedIconClass = spark.skins.mobile240.assets.RadioButton_up;
-                downIconClass = spark.skins.mobile240.assets.RadioButton_down;
-                downSelectedIconClass = spark.skins.mobile240.assets.RadioButton_down;
-                upSymbolIconClass =  spark.skins.mobile240.assets.RadioButton_upSymbol;
-                downSymbolIconClass =  spark.skins.mobile240.assets.RadioButton_downSymbol;
-                upSymbolIconSelectedClass = spark.skins.mobile240.assets.RadioButton_upSymbolSelected;
-                downSymbolIconSelectedClass = spark.skins.mobile240.assets.RadioButton_downSymbolSelected;
-                
-                layoutGap = 15;
-                minWidth = 48;
-                minHeight = 48;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				upIconClass = spark.skins.mobile240.assets.RadioButton_up;
+				upSelectedIconClass = spark.skins.mobile240.assets.RadioButton_up;
+				downIconClass = spark.skins.mobile240.assets.RadioButton_down;
+				downSelectedIconClass = spark.skins.mobile240.assets.RadioButton_down;
+				upSymbolIconClass =  spark.skins.mobile240.assets.RadioButton_upSymbol;
+				downSymbolIconClass =  spark.skins.mobile240.assets.RadioButton_downSymbol;
+				upSymbolIconSelectedClass = spark.skins.mobile240.assets.RadioButton_upSymbolSelected;
+				downSymbolIconSelectedClass = spark.skins.mobile240.assets.RadioButton_downSymbolSelected;
+				
+				layoutGap = 15;
+				minWidth = 48;
+				minHeight = 48;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				upIconClass = spark.skins.mobile120.assets.RadioButton_up;
+				upSelectedIconClass = spark.skins.mobile120.assets.RadioButton_up;
+				downIconClass = spark.skins.mobile120.assets.RadioButton_down;
+				downSelectedIconClass = spark.skins.mobile120.assets.RadioButton_down;
+				upSymbolIconClass =  spark.skins.mobile120.assets.RadioButton_upSymbol;
+				downSymbolIconClass =  spark.skins.mobile120.assets.RadioButton_downSymbol;
+				upSymbolIconSelectedClass = spark.skins.mobile120.assets.RadioButton_upSymbolSelected;
+				downSymbolIconSelectedClass = spark.skins.mobile120.assets.RadioButton_downSymbolSelected;
+				
+				layoutGap = 7;
+				minWidth = 24;
+				minHeight = 24;
+				
+				break;
+			}
             default:
             {
                 upIconClass = spark.skins.mobile160.assets.RadioButton_up;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListContainerSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListContainerSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListContainerSkin.as
index e8717f4..a1dd77e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListContainerSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListContainerSkin.as
@@ -28,6 +28,9 @@ import spark.components.Group;
 import spark.components.SpinnerListContainer;
 import spark.layouts.HorizontalLayout;
 import spark.skins.mobile.supportClasses.MobileSkin;
+import spark.skins.mobile120.assets.SpinnerListContainerBackground;
+import spark.skins.mobile120.assets.SpinnerListContainerSelectionIndicator;
+import spark.skins.mobile120.assets.SpinnerListContainerShadow;
 import spark.skins.mobile160.assets.SpinnerListContainerBackground;
 import spark.skins.mobile160.assets.SpinnerListContainerSelectionIndicator;
 import spark.skins.mobile160.assets.SpinnerListContainerShadow;
@@ -40,6 +43,9 @@ import spark.skins.mobile320.assets.SpinnerListContainerShadow;
 import spark.skins.mobile480.assets.SpinnerListContainerBackground;
 import spark.skins.mobile480.assets.SpinnerListContainerSelectionIndicator;
 import spark.skins.mobile480.assets.SpinnerListContainerShadow;
+import spark.skins.mobile640.assets.SpinnerListContainerBackground;
+import spark.skins.mobile640.assets.SpinnerListContainerSelectionIndicator;
+import spark.skins.mobile640.assets.SpinnerListContainerShadow;
 /**
  *  ActionScript-based skin for the SpinnerListContainer in mobile applications. 
  * 
@@ -70,6 +76,18 @@ public class SpinnerListContainerSkin extends MobileSkin
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				// Note provisional may need changes
+				borderClass = spark.skins.mobile640.assets.SpinnerListContainerBackground;
+				selectionIndicatorClass = spark.skins.mobile640.assets.SpinnerListContainerSelectionIndicator;
+				shadowClass = spark.skins.mobile40.assets.SpinnerListContainerShadow;
+				
+				cornerRadius = 20;
+				borderThickness = 3;
+				selectionIndicatorHeight = 182;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -93,17 +111,28 @@ public class SpinnerListContainerSkin extends MobileSkin
                 selectionIndicatorHeight = 96;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                borderClass = spark.skins.mobile240.assets.SpinnerListContainerBackground;
-                selectionIndicatorClass = spark.skins.mobile240.assets.SpinnerListContainerSelectionIndicator;
-                shadowClass = spark.skins.mobile240.assets.SpinnerListContainerShadow;
-                
-                cornerRadius = 8;
-                borderThickness = 1;
-                selectionIndicatorHeight = 72;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				borderClass = spark.skins.mobile240.assets.SpinnerListContainerBackground;
+				selectionIndicatorClass = spark.skins.mobile240.assets.SpinnerListContainerSelectionIndicator;
+				shadowClass = spark.skins.mobile240.assets.SpinnerListContainerShadow;
+				
+				cornerRadius = 8;
+				borderThickness = 1;
+				selectionIndicatorHeight = 72;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				borderClass = spark.skins.mobile120.assets.SpinnerListContainerBackground;
+				selectionIndicatorClass = spark.skins.mobile120.assets.SpinnerListContainerSelectionIndicator;
+				shadowClass = spark.skins.mobile10.assets.SpinnerListContainerShadow;
+				
+				cornerRadius = 4;
+				borderThickness = 1;
+				selectionIndicatorHeight = 37;
+				break;
+			}
             default: // default DPI_160
             {
                 borderClass = spark.skins.mobile160.assets.SpinnerListContainerBackground;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListSkin.as
index 45a2626..4bda8ec 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListSkin.as
@@ -55,6 +55,7 @@ public class SpinnerListSkin extends MobileSkin
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
 			case DPIClassification.DPI_480:
 			case DPIClassification.DPI_320:
             {

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/StageTextAreaSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/StageTextAreaSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/StageTextAreaSkin.as
index e4e926b..729eef9 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/StageTextAreaSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/StageTextAreaSkin.as
@@ -78,6 +78,11 @@ public class StageTextAreaSkin extends StageTextSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				measuredDefaultHeight = 212;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				measuredDefaultHeight = 140;
@@ -88,11 +93,16 @@ public class StageTextAreaSkin extends StageTextSkinBase
                 measuredDefaultHeight = 106;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                measuredDefaultHeight = 70;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				measuredDefaultHeight = 70;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				measuredDefaultHeight = 35;
+				break;
+			}
             default:
             {
                 measuredDefaultHeight = 53;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as
index 998e103..781fc3b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as
@@ -28,6 +28,8 @@ import spark.skins.mobile320.assets.TabbedViewNavigatorButtonBarFirstButton_down
 import spark.skins.mobile320.assets.TabbedViewNavigatorButtonBarFirstButton_up;
 import spark.skins.mobile480.assets.TabbedViewNavigatorButtonBarFirstButton_down;
 import spark.skins.mobile480.assets.TabbedViewNavigatorButtonBarFirstButton_up;
+import spark.skins.mobile640.assets.TabbedViewNavigatorButtonBarFirstButton_down;
+import spark.skins.mobile640.assets.TabbedViewNavigatorButtonBarFirstButton_up;
 
 /**
  *  Skin for the left-most button in the TabbedViewNavigator ButtonBar skin
@@ -54,6 +56,12 @@ public class TabbedViewNavigatorTabBarFirstTabSkin extends TabbedViewNavigatorTa
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				upBorderSkin = spark.skins.mobile640.assets.TabbedViewNavigatorButtonBarFirstButton_up;
+				downBorderSkin = spark.skins.mobile640.assets.TabbedViewNavigatorButtonBarFirstButton_down;
+				selectedBorderSkin = spark.skins.mobile640.assets.TabbedViewNavigatorButtonBarFirstButton_selected;
+				
 			case DPIClassification.DPI_480:
 			{
 				upBorderSkin = spark.skins.mobile480.assets.TabbedViewNavigatorButtonBarFirstButton_up;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarLastTabSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarLastTabSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarLastTabSkin.as
index 46efb67..90ae7ae 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarLastTabSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarLastTabSkin.as
@@ -28,6 +28,8 @@ import spark.skins.mobile320.assets.TabbedViewNavigatorButtonBarLastButton_down;
 import spark.skins.mobile320.assets.TabbedViewNavigatorButtonBarLastButton_up;
 import spark.skins.mobile480.assets.TabbedViewNavigatorButtonBarLastButton_down;
 import spark.skins.mobile480.assets.TabbedViewNavigatorButtonBarLastButton_up;
+import spark.skins.mobile640.assets.TabbedViewNavigatorButtonBarLastButton_down;
+import spark.skins.mobile640.assets.TabbedViewNavigatorButtonBarLastButton_up;
 
 /**
  *  Skin for used for middle and the right-most ButtonBarButton in the 

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaHScrollBarSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaHScrollBarSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaHScrollBarSkin.as
index 28e9582..e029621 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaHScrollBarSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaHScrollBarSkin.as
@@ -52,6 +52,13 @@ public class TextAreaHScrollBarSkin extends HScrollBarSkin
 
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				minHeight = 30;
+				paddingBottom = TextAreaHScrollBarThumbSkin.PADDING_BOTTOM_320DPI;
+				paddingHorizontal = TextAreaHScrollBarThumbSkin.PADDING_HORIZONTAL_320DPI;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				minHeight = 22;
@@ -66,13 +73,20 @@ public class TextAreaHScrollBarSkin extends HScrollBarSkin
                 paddingHorizontal = TextAreaHScrollBarThumbSkin.PADDING_HORIZONTAL_320DPI;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                minHeight = 11;
-                paddingBottom = TextAreaHScrollBarThumbSkin.PADDING_BOTTOM_240DPI;
-                paddingHorizontal = TextAreaHScrollBarThumbSkin.PADDING_HORIZONTAL_240DPI;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				minHeight = 11;
+				paddingBottom = TextAreaHScrollBarThumbSkin.PADDING_BOTTOM_240DPI;
+				paddingHorizontal = TextAreaHScrollBarThumbSkin.PADDING_HORIZONTAL_240DPI;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				minHeight = 11;
+				paddingBottom = TextAreaHScrollBarThumbSkin.PADDING_BOTTOM_120DPI;
+				paddingHorizontal = TextAreaHScrollBarThumbSkin.PADDING_HORIZONTAL_120DPI;
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaHScrollBarThumbSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaHScrollBarThumbSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaHScrollBarThumbSkin.as
index 83b2025..2375342 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaHScrollBarThumbSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaHScrollBarThumbSkin.as
@@ -41,12 +41,16 @@ public class TextAreaHScrollBarThumbSkin extends HScrollBarThumbSkin
     //--------------------------------------------------------------------------
     
     // These constants are also accessed from HScrollBarSkin
+	mx_internal static const PADDING_BOTTOM_640DPI:int = 16;
+	mx_internal static const PADDING_HORIZONTAL_640DPI:int = 16;
 	mx_internal static const PADDING_BOTTOM_480DPI:int = 12;
 	mx_internal static const PADDING_HORIZONTAL_480DPI:int = 12;
     mx_internal static const PADDING_BOTTOM_320DPI:int = 8;
     mx_internal static const PADDING_HORIZONTAL_320DPI:int = 12;
-    mx_internal static const PADDING_BOTTOM_240DPI:int = 6;
-    mx_internal static const PADDING_HORIZONTAL_240DPI:int = 6;
+	mx_internal static const PADDING_BOTTOM_240DPI:int = 6;
+	mx_internal static const PADDING_HORIZONTAL_240DPI:int = 6;
+	mx_internal static const PADDING_BOTTOM_120DPI:int = 3;
+	mx_internal static const PADDING_HORIZONTAL_120DPI:int = 3;
     mx_internal static const PADDING_BOTTOM_DEFAULTDPI:int = 4;
     mx_internal static const PADDING_HORIZONTAL_DEFAULTDPI:int = 6;
     
@@ -70,9 +74,14 @@ public class TextAreaHScrollBarThumbSkin extends HScrollBarThumbSkin
         // Depending on density set padding
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				paddingBottom = PADDING_BOTTOM_640DPI;
+				paddingHorizontal = PADDING_HORIZONTAL_640DPI;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
-				minHeight = 11;
 				paddingBottom = TextAreaHScrollBarThumbSkin.PADDING_BOTTOM_480DPI;
 				paddingHorizontal = TextAreaHScrollBarThumbSkin.PADDING_HORIZONTAL_480DPI;
 				break;
@@ -83,12 +92,18 @@ public class TextAreaHScrollBarThumbSkin extends HScrollBarThumbSkin
                 paddingHorizontal = PADDING_HORIZONTAL_320DPI;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                paddingBottom = PADDING_BOTTOM_240DPI;
-                paddingHorizontal = PADDING_HORIZONTAL_240DPI;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				paddingBottom = PADDING_BOTTOM_240DPI;
+				paddingHorizontal = PADDING_HORIZONTAL_240DPI;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				paddingBottom = PADDING_BOTTOM_120DPI;
+				paddingHorizontal = PADDING_HORIZONTAL_120DPI;
+				break;
+			}
             default:
             {
                 paddingBottom = PADDING_BOTTOM_DEFAULTDPI;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaSkin.as
index c553ec5..6ac6a67 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaSkin.as
@@ -42,10 +42,12 @@ import spark.components.TextArea;
 import spark.components.supportClasses.StyleableTextField;
 import spark.events.CaretBoundsChangeEvent;
 import spark.skins.mobile.supportClasses.TextSkinBase;
+import spark.skins.mobile120.assets.TextInput_border;
 import spark.skins.mobile160.assets.TextInput_border;
 import spark.skins.mobile240.assets.TextInput_border;
 import spark.skins.mobile320.assets.TextInput_border;
 import spark.skins.mobile480.assets.TextInput_border;
+import spark.skins.mobile640.assets.TextInput_border;
 
 use namespace mx_internal;
 
@@ -104,6 +106,16 @@ public class TextAreaSkin extends TextSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				borderClass = spark.skins.mobile640.assets.TextInput_border;
+				layoutCornerEllipseSize = 48;
+				measuredDefaultWidth = 1024;
+				measuredDefaultHeight = 212;
+				layoutBorderSize = 2;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -125,16 +137,26 @@ public class TextAreaSkin extends TextSkinBase
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                borderClass = spark.skins.mobile240.assets.TextInput_border;
-                layoutCornerEllipseSize = 12;
-                measuredDefaultWidth = 440;
-                measuredDefaultHeight = 70;
-                layoutBorderSize = 1;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				borderClass = spark.skins.mobile240.assets.TextInput_border;
+				layoutCornerEllipseSize = 12;
+				measuredDefaultWidth = 440;
+				measuredDefaultHeight = 70;
+				layoutBorderSize = 1;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				borderClass = spark.skins.mobile120.assets.TextInput_border;
+				layoutCornerEllipseSize = 6;
+				measuredDefaultWidth = 220;
+				measuredDefaultHeight = 35;
+				layoutBorderSize = 1;
+				
+				break;
+			}
             default:
             {
                 borderClass = spark.skins.mobile160.assets.TextInput_border;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarSkin.as
index 3cc4004..ae52698 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarSkin.as
@@ -52,6 +52,13 @@ public class TextAreaVScrollBarSkin extends VScrollBarSkin
 
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				minWidth = 30;
+				paddingRight = TextAreaVScrollBarThumbSkin.PADDING_RIGHT_640DPI;
+				paddingVertical = TextAreaVScrollBarThumbSkin.PADDING_VERTICAL_640DPI;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				minWidth = 22;
@@ -66,13 +73,20 @@ public class TextAreaVScrollBarSkin extends VScrollBarSkin
                 paddingVertical = TextAreaVScrollBarThumbSkin.PADDING_VERTICAL_320DPI;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                minWidth = 11;
-                paddingRight = TextAreaVScrollBarThumbSkin.PADDING_RIGHT_240DPI;
-                paddingVertical = TextAreaVScrollBarThumbSkin.PADDING_VERTICAL_240DPI;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				minWidth = 11;
+				paddingRight = TextAreaVScrollBarThumbSkin.PADDING_RIGHT_240DPI;
+				paddingVertical = TextAreaVScrollBarThumbSkin.PADDING_VERTICAL_240DPI;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				minWidth = 6;
+				paddingRight = TextAreaVScrollBarThumbSkin.PADDING_RIGHT_120DPI;
+				paddingVertical = TextAreaVScrollBarThumbSkin.PADDING_VERTICAL_120DPI;
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as
index 9b188f9..ce9ceb4 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as
@@ -41,12 +41,16 @@ public class TextAreaVScrollBarThumbSkin extends VScrollBarThumbSkin
     //--------------------------------------------------------------------------
     
     // These constants are also accessed from TextAreaVScrollBarSkin
+	mx_internal static const PADDING_RIGHT_640DPI:int = 16;
+	mx_internal static const PADDING_VERTICAL_640DPI:int = 24;
 	mx_internal static const PADDING_RIGHT_480DPI:int = 12;
-	mx_internal static const PADDING_VERTICAL_480DPI:int = 12;
+	mx_internal static const PADDING_VERTICAL_480DPI:int = 18;
 	mx_internal static const PADDING_RIGHT_320DPI:int = 8;
     mx_internal static const PADDING_VERTICAL_320DPI:int = 12;
-    mx_internal static const PADDING_RIGHT_240DPI:int = 6;
-    mx_internal static const PADDING_VERTICAL_240DPI:int = 6;
+	mx_internal static const PADDING_RIGHT_240DPI:int = 4;
+	mx_internal static const PADDING_VERTICAL_240DPI:int = 6;
+	mx_internal static const PADDING_RIGHT_240DPI:int = 2;
+	mx_internal static const PADDING_VERTICAL_240DPI:int = 3;
     mx_internal static const PADDING_RIGHT_DEFAULTDPI:int = 4;
     mx_internal static const PADDING_VERTICAL_DEFAULTDPI:int = 6;
     
@@ -71,6 +75,12 @@ public class TextAreaVScrollBarThumbSkin extends VScrollBarThumbSkin
         // Depending on density set padding
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				paddingRight = PADDING_RIGHT_640DPI;
+				paddingVertical = PADDING_VERTICAL_640DPI;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				paddingRight = PADDING_RIGHT_480DPI;
@@ -83,12 +93,18 @@ public class TextAreaVScrollBarThumbSkin extends VScrollBarThumbSkin
                 paddingVertical = PADDING_VERTICAL_320DPI;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                paddingRight = PADDING_RIGHT_240DPI;
-                paddingVertical = PADDING_VERTICAL_240DPI;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				paddingRight = PADDING_RIGHT_240DPI;
+				paddingVertical = PADDING_VERTICAL_240DPI;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				paddingRight = PADDING_RIGHT_120DPI;
+				paddingVertical = PADDING_VERTICAL_120DPI;
+				break;
+			}
             default:
             {
                 paddingRight = PADDING_RIGHT_DEFAULTDPI;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextInputSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextInputSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextInputSkin.as
index 667c853..98d5def 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextInputSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextInputSkin.as
@@ -31,10 +31,12 @@ import mx.events.FlexEvent;
 import spark.components.TextInput;
 import spark.components.supportClasses.StyleableTextField;
 import spark.skins.mobile.supportClasses.TextSkinBase;
+import spark.skins.mobile120.assets.TextInput_border;
 import spark.skins.mobile160.assets.TextInput_border;
 import spark.skins.mobile240.assets.TextInput_border;
 import spark.skins.mobile320.assets.TextInput_border;
 import spark.skins.mobile480.assets.TextInput_border;
+import spark.skins.mobile640.assets.TextInput_border;
 
 use namespace mx_internal;
 
@@ -73,6 +75,16 @@ public class TextInputSkin extends TextSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				borderClass = spark.skins.mobile640.assets.TextInput_border;
+				layoutCornerEllipseSize = 48;
+				measuredDefaultWidth = 1200;
+				measuredDefaultHeight = 172;
+				layoutBorderSize = 3;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -94,16 +106,26 @@ public class TextInputSkin extends TextSkinBase
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                borderClass = spark.skins.mobile240.assets.TextInput_border;
-                layoutCornerEllipseSize = 12;
-                measuredDefaultWidth = 440;
-                measuredDefaultHeight = 50;
-                layoutBorderSize = 1;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				borderClass = spark.skins.mobile240.assets.TextInput_border;
+				layoutCornerEllipseSize = 12;
+				measuredDefaultWidth = 440;
+				measuredDefaultHeight = 50;
+				layoutBorderSize = 1;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				borderClass = spark.skins.mobile120.assets.TextInput_border;
+				layoutCornerEllipseSize = 6;
+				measuredDefaultWidth = 220;
+				measuredDefaultHeight = 25;
+				layoutBorderSize = 1;
+				
+				break;
+			}
             default:
             {
                 borderClass = spark.skins.mobile160.assets.TextInput_border;


[21/41] New skin assets for 120dpi and 640dpi

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
index 6ae160d..0ef6c4a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,29 +17,27 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-	
-	<!-- fill -->
-	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
-		<fill>
-			<LinearGradient x = "24" y = "7" scaleX = "22" rotation = "90">
-				<GradientEntry color="#999999" ratio="0" alpha="1"/>
-				<GradientEntry color="#b4b4b4" ratio="1" alpha="1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
-	<!-- checkbox top border -->
-	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.6">
-		<stroke>
-			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
-		</stroke>
-	</Path>
-	<!-- checkbox bottom border -->
-	<Path data="M 3 25 L 18 40 L 45 13" alpha="0.3">
-		<stroke>
-			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
-		</stroke>
-	</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- fill -->
+  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="24" y="7" scaleX="22" rotation="90">
+        <GradientEntry color="#999999" ratio="0" alpha="1"/>
+        <GradientEntry color="#b4b4b4" ratio="1" alpha="1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- checkbox top border -->
+  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.6" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+    </stroke>
+  </Path>
+  <!-- checkbox bottom border -->
+  <Path data="M 3 25 L 18 40 L 45 13" alpha="0.3" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+    </stroke>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
index c7d20ae..1a2dc16 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,29 +17,27 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-	
-	<!-- fill -->
-	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
-		<fill>
-			<LinearGradient x = "20" y = "17" scaleX = "24" rotation = "90">
-				<GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
-				<GradientEntry color="#323232" ratio="1" alpha="1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
-	<!-- checkbox top border -->
-	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.25">
-		<stroke>
-			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
-		</stroke>
-	</Path>
-	<!-- checkbox bottom border -->
-	<Path data="M 3 25 L 18 40 L 45 13" alpha="0.7">
-		<stroke>
-			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
-		</stroke>
-	</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- fill -->
+  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="20" y="17" scaleX="24" rotation="90">
+        <GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
+        <GradientEntry color="#323232" ratio="1" alpha="1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- checkbox top border -->
+  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.25" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+    </stroke>
+  </Path>
+  <!-- checkbox bottom border -->
+  <Path data="M 3 25 L 18 40 L 45 13" alpha="0.7" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+    </stroke>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
index 12fceba..47a0f7a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
@@ -1,4 +1,4 @@
-<?xml version='1.0' encoding='UTF-8'?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,43 +17,42 @@
   limitations under the License.
 
 -->
-
-
-<Graphic xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns="http://ns.adobe.com/fxg/2008" version="2.0">
-	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z " alpha="1">
-		<fill>
-			<LinearGradient x = "24" y = "9" scaleX = "31" rotation = "90">
-				<GradientEntry color="#ffffff" ratio="0" alpha="0.8"/>
-				<GradientEntry color="#ffffff" ratio="1" alpha="0.05"/>
-			</LinearGradient>
-		</fill>
-	</Path>
-	<Path data="M 3 5 C 3 4 4 3 5 3 C 5 3 43 3 43 3 C 44 3 45 4 45 5 C 45 5 45 43 45 43 C 45 44 45 45 44 45 C 44 45 4 45 4 45 C 3 45 3 44 3 43 C 3 43 3 5 3 5 Z M 2 4 C 2 4 2 44 2 44 C 2 45 2 46 3 46 C 3 46 45 46 45 46 C 46 46 46 45 46 44 C 46 44 46 4 46 4 C 46 3 45 2 44 2 C 44 2 4 2 4 2 C 3 2 2 3 2 4 Z " alpha="1">
-		<fill>
-			<LinearGradient x = "24" y = "2" scaleX = "44" rotation = "90">
-				<GradientEntry color="#ffffff" ratio="0" alpha="0.35"/>
-				<GradientEntry color="#000000" ratio="1" alpha="0"/>
-			</LinearGradient>
-		</fill>
-	</Path>
-	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z M 1 3 C 1 3 1 45 1 45 C 1 46 2 47 3 47 C 3 47 45 47 45 47 C 46 47 47 46 47 45 C 47 45 47 3 47 3 C 47 2 46 1 45 1 C 45 1 3 1 3 1 C 2 1 1 3 1 3 Z " alpha="0.6">
-		<fill>
-			<SolidColor color="#000000"/>
-		</fill>
-	</Path>
-	<Path data="M 1 3 C 1 2 2 1 3 1 C 3 1 45 1 45 1 C 46 1 47 2 47 3 C 47 3 47 45 47 45 C 47 46 47 47 46 47 C 46 47 2 47 2 47 C 1 47 1 46 1 45 C 1 45 1 3 1 3 Z M 0 2 C 0 2 0 46 0 46 C 0 47 1 48 2 48 C 2 48 46 48 46 48 C 47 48 48 47 48 46 C 48 46 48 2 48 2 C 48 1 47 0 46 0 C 46 0 2 0 2 0 C 1 0 0 2 0 2 Z " alpha="0.06">
-		<fill>
-			<SolidColor color="#000000"/>
-		</fill>
-	</Path>
-	<Rect x="3" y="2" width="42" height="1" alpha="0.15">
-		<fill>
-			<SolidColor color="#ffffff"/>
-		</fill>
-	</Rect>
-	<Rect x="2" y="47" width="44" height="1" alpha="0.1">
-		<fill>
-			<SolidColor color="#000000"/>
-		</fill>
-	</Rect>
+
+<Graphic version="2.0" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z " alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="24" y="9" scaleX="31" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha="0.8"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha="0.05"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path data="M 3 5 C 3 4 4 3 5 3 C 5 3 43 3 43 3 C 44 3 45 4 45 5 C 45 5 45 43 45 43 C 45 44 45 45 44 45 C 44 45 4 45 4 45 C 3 45 3 44 3 43 C 3 43 3 5 3 5 Z M 2 4 C 2 4 2 44 2 44 C 2 45 2 46 3 46 C 3 46 45 46 45 46 C 46 46 46 45 46 44 C 46 44 46 4 46 4 C 46 3 45 2 44 2 C 44 2 4 2 4 2 C 3 2 2 3 2 4 Z " alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="24" y="2" scaleX="44" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha="0.35"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z M 1 3 C 1 3 1 45 1 45 C 1 46 2 47 3 47 C 3 47 45 47 45 47 C 46 47 47 46 47 45 C 47 45 47 3 47 3 C 47 2 46 1 45 1 C 45 1 3 1 3 1 C 2 1 1 3 1 3 Z " alpha="0.6" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000"/>
+    </fill>
+  </Path>
+  <Path data="M 1 3 C 1 2 2 1 3 1 C 3 1 45 1 45 1 C 46 1 47 2 47 3 C 47 3 47 45 47 45 C 47 46 47 47 46 47 C 46 47 2 47 2 47 C 1 47 1 46 1 45 C 1 45 1 3 1 3 Z M 0 2 C 0 2 0 46 0 46 C 0 47 1 48 2 48 C 2 48 46 48 46 48 C 47 48 48 47 48 46 C 48 46 48 2 48 2 C 48 1 47 0 46 0 C 46 0 2 0 2 0 C 1 0 0 2 0 2 Z " alpha="0.06" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000"/>
+    </fill>
+  </Path>
+  <Rect x="3" y="2" width="42" height="1" alpha="0.15" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff"/>
+    </fill>
+  </Rect>
+  <Rect x="2" y="47" width="44" height="1" alpha="0.1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
index 5ac962b..07ef0ac 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,29 +17,27 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-	
-	<!-- fill -->
-	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
-		<fill>
-			<LinearGradient x = "20" y = "17" scaleX = "24" rotation = "90">
-				<GradientEntry color="#c8c8c8" ratio="0" alpha="1"/>
-				<GradientEntry color="#e1e1e1" ratio="1" alpha="1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
-	<!-- checkbox top border -->
-	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.5">
-		<stroke>
-			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
-		</stroke>
-	</Path>
-	<!-- checkbox bottom border -->
-	<Path data="M 3 25 L 18 40 L 45 13" alpha="0.5">
-		<stroke>
-			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
-		</stroke>
-	</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- fill -->
+  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="20" y="17" scaleX="24" rotation="90">
+        <GradientEntry color="#c8c8c8" ratio="0" alpha="1"/>
+        <GradientEntry color="#e1e1e1" ratio="1" alpha="1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- checkbox top border -->
+  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.5" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+    </stroke>
+  </Path>
+  <!-- checkbox bottom border -->
+  <Path data="M 3 25 L 18 40 L 45 13" alpha="0.5" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+    </stroke>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
index 2a4fff3..a026bc2 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,28 +17,27 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-	<!-- fill -->
-	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
-		<fill>
-			<LinearGradient x = "20" y = "16" scaleX = "24" rotation = "90">
-				<GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
-				<GradientEntry color="#323232" ratio="1" alpha="1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
-	<!-- checkbox top border -->
-	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.7">
-		<stroke>
-			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
-		</stroke>
-	</Path>
-	<!-- checkbox bottom border -->
-	<Path data="M 3 25 L 18 40 L 45 13" alpha="1">
-		<stroke>
-			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
-		</stroke>
-	</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- fill -->
+  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="20" y="16" scaleX="24" rotation="90">
+        <GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
+        <GradientEntry color="#323232" ratio="1" alpha="1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- checkbox top border -->
+  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.7" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+    </stroke>
+  </Path>
+  <!-- checkbox bottom border -->
+  <Path data="M 3 25 L 18 40 L 45 13" alpha="1" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+    </stroke>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
index a5704ba..bbdb0a5 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,28 +17,27 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009"  viewHeight= "44" viewWidth= "44">
-		<Ellipse width="44" height="44" x="0" y="0">
-			<fill>
-				<LinearGradient x = "22" y = "0" scaleX = "44" rotation = "90">
-					<GradientEntry color="#000000" ratio="0" alpha="0.15"/>
-					<GradientEntry color="#000000" ratio="1" alpha="0.25"/>
-				</LinearGradient>
-			</fill>
-		</Ellipse>
-		<Ellipse width="42" height="42" x="1" y="1">
-			<stroke>
-				<SolidColorStroke color="#000000" weight="1"  alpha="0.7" caps="none"/>
-			</stroke>
-		</Ellipse>
-		<Ellipse width="40" height="40" x="2" y="2">
-			<fill>
-				<LinearGradient x = "23" y = "10" scaleX = "19" rotation = "90">
-					<GradientEntry color="#ffffff" ratio="0" alpha="0.5"/>
-					<GradientEntry color="#ffffff" ratio="1" alpha="0.1"/>
-				</LinearGradient>
-			</fill>
-		</Ellipse>
+
+<Graphic version="2.0" viewHeight="44" viewWidth="44" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009">
+  <Ellipse width="44" height="44" x="0" y="0" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="22" y="0" scaleX="44" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.15"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.25"/>
+      </LinearGradient>
+    </fill>
+  </Ellipse>
+  <Ellipse width="42" height="42" x="1" y="1" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" alpha="0.7" caps="none"/>
+    </stroke>
+  </Ellipse>
+  <Ellipse width="40" height="40" x="2" y="2" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="23" y="10" scaleX="19" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha="0.5"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Ellipse>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
index 294b5a9..85031e0 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,40 +17,39 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009"  viewHeight= "44" viewWidth= "44">
-	<!-- outer ellipse -->
-	<Ellipse width="44" height="44" x="0" y="0">
-		<fill>
-			<LinearGradient x = "22" y = "0" scaleX = "44" rotation = "90">
-				<GradientEntry color="#000000" ratio="0" alpha="0.05"/>
-				<GradientEntry color="#000000" ratio="1" alpha="0.15"/>
-			</LinearGradient>
-		</fill>
-	</Ellipse>
-	<!-- outer border -->
-	<Ellipse width="42" height="42" x="1" y="1">
-		<stroke>
-			<SolidColorStroke color="#000000" weight="1" alpha="0.7" caps="none"/>
-		</stroke>
-	</Ellipse>
-	<!-- inner ellipse -->
-	<Ellipse width="42" height="42" x="1" y="1">
-		<fill>
-			<LinearGradient x = "22" y = "2" scaleX = "40" rotation = "90">
-				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
-				<GradientEntry color="#000000" ratio="1" alpha="0.6"/>
-			</LinearGradient>
-		</fill>
-	</Ellipse>
-	<!-- inner border -->
-	<Path data="M 3 22 C 3 12 12 3 22 3 C 32 3 41 12 41 22 C 41 32 32 41 22 41 C 12 41 3 32 3 22 Z M 2 22 C 2 33 11 42 22 42 C 33 42 42 33 42 22 C 42 11 33 2 22 2 C 11 2 2 11 2 22 Z ">
-		<fill>
-			<LinearGradient x = "22" y = "2" scaleX = "40" rotation = "90">
-				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
-				<GradientEntry color="#000000" ratio="1" alpha="0.1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" viewHeight="44" viewWidth="44" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009">
+  <!-- outer ellipse -->
+  <Ellipse width="44" height="44" x="0" y="0" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="22" y="0" scaleX="44" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.05"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.15"/>
+      </LinearGradient>
+    </fill>
+  </Ellipse>
+  <!-- outer border -->
+  <Ellipse width="42" height="42" x="1" y="1" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" alpha="0.7" caps="none"/>
+    </stroke>
+  </Ellipse>
+  <!-- inner ellipse -->
+  <Ellipse width="42" height="42" x="1" y="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="22" y="2" scaleX="40" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.6"/>
+      </LinearGradient>
+    </fill>
+  </Ellipse>
+  <!-- inner border -->
+  <Path data="M 3 22 C 3 12 12 3 22 3 C 32 3 41 12 41 22 C 41 32 32 41 22 41 C 12 41 3 32 3 22 Z M 2 22 C 2 33 11 42 22 42 C 33 42 42 33 42 22 C 42 11 33 2 22 2 C 11 2 2 11 2 22 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="22" y="2" scaleX="40" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
index 0248ffb..42191dc 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,37 +17,35 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "13" viewWidth= "768"
-         scaleGridLeft="23" scaleGridRight="745" scaleGridTop="1" scaleGridBottom="12">
-      <Rect x="16" width="736" height="12" radiusX="5.43198" radiusY="5.43198">
-        <fill>
-          <LinearGradient x="368" y="0" scaleX="12.0005" rotation="90">
-            <GradientEntry ratio="0" alpha="0.5"/>
-            <GradientEntry ratio="1" alpha="0.2"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-      <Path x="16" y="7" data="M0 0C0 3 3 6 6 6L730 6C733 6 736 3 736 0 735 1 733 5 730 5L6 5C3 5 0 2 0 0Z">
-        <fill>
-          <LinearGradient x="368" y="0" scaleX="5" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.1"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.5"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="16" data="M0 6C1 4 3 1 6 1L730 1C733 1 735 4 736 6 736 3 733 0 730 0L6 0C3 0 0 3 0 6Z">
-        <fill>
-          <LinearGradient x="368" y="0" scaleX="6" rotation="90">
-            <GradientEntry ratio="0" alpha="0.4"/>
-            <GradientEntry ratio="1" alpha="0.05"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Rect width="768" height="13">
-        <fill>
-          <SolidColor alpha="0"/>
-        </fill>
-      </Rect>
+
+<Graphic version="2.0" viewHeight="13" viewWidth="768" scaleGridLeft="23" scaleGridRight="745" scaleGridTop="1" scaleGridBottom="12" xmlns="http://ns.adobe.com/fxg/2008">
+  <Rect x="16" width="736" height="12" radiusX="5.43198" radiusY="5.43198" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="368" y="0" scaleX="12.0005" rotation="90">
+        <GradientEntry ratio="0" alpha="0.5"/>
+        <GradientEntry ratio="1" alpha="0.2"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <Path x="16" y="7" data="M0 0C0 3 3 6 6 6L730 6C733 6 736 3 736 0 735 1 733 5 730 5L6 5C3 5 0 2 0 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="368" y="0" scaleX="5" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.1"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.5"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="16" data="M0 6C1 4 3 1 6 1L730 1C733 1 735 4 736 6 736 3 733 0 730 0L6 0C3 0 0 3 0 6Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="368" y="0" scaleX="6" rotation="90">
+        <GradientEntry ratio="0" alpha="0.4"/>
+        <GradientEntry ratio="1" alpha="0.05"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Rect width="768" height="13" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
index 19b0550..2ada449 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,29 +18,25 @@
 
 -->
 
-
 <Graphic version="2.0" viewHeight="50" viewWidth="50" xmlns="http://ns.adobe.com/fxg/2008">
-        <Rect x="0.5" y="0.5" width="49" height="49">
-          <fill>
-            <SolidColor color="#FFFFFF"/>
-          </fill>
-        </Rect>
-        <Path winding="nonZero" data="M49 1 49 49 1 49 1 1 49 1M50 0 0 0 0 50 50 50 50 0 50 0Z">
-          <fill>
-            <SolidColor color="#FFFFFF"/>
-          </fill>
-        </Path>
-      <Path winding="nonZero" data="M0 0 0 50 50 50 50 0 0 0ZM47 47 3 47 3 3 47 3 47 47Z">
-        <fill>
-          <SolidColor color="#969696"/>
-        </fill>
-      </Path>
-      <Path x="6" y="6" winding="nonZero" data="M0 0 0 38 38 38 38 0 0 0ZM19.2524 35.5098C17.3325 35.5098 15.8921 34.2617 15.8921 32.1484 15.8921 30.1328 17.3325 28.8379 19.2524 28.8379 21.2676 28.8379 22.6133 30.2285 22.6133 32.1484 22.6133 34.166 21.3652 35.5098 19.2524 35.5098ZM21.0293 22.0684
-C21.0293 22.9316 21.3652 23.7031 21.8926 24.6152 21.9883 24.8066 21.8926 25 21.6523 25L17.4282 25C17.188 25 17.0923 24.998 16.8521 24.7578 15.9878 23.7988 15.604 22.4541 15.604 21.4932 15.604 17.6533 21.8926 15.3008 21.8926 11.46 21.8926 9.58789
- 20.3555 7.95557 17.4282 7.95557 15.0278 7.95557 13.1572 8.43555 11.4775 9.15625 11.2861 9.25195 11 9.15576 11 8.96338L11 5.17139C11 4.979 11.1416 4.78711 11.333 4.69092 12.5342 4.11523 15.0029 3.20312 18.5557 3.20312 24.1719 3.20312 27.8086 6.41943
- 27.8086 11.0278 27.8086 16.3081 21.0293 19.3325 21.0293 22.0684Z">
-        <fill>
-          <SolidColor color="#969696"/>
-        </fill>
-      </Path>
+  <Rect x="0.5" y="0.5" width="49" height="49" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Rect>
+  <Path winding="nonZero" data="M49 1 49 49 1 49 1 1 49 1M50 0 0 0 0 50 50 50 50 0 50 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Path>
+  <Path winding="nonZero" data="M0 0 0 50 50 50 50 0 0 0ZM47 47 3 47 3 3 47 3 47 47Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#969696"/>
+    </fill>
+  </Path>
+  <Path x="6" y="6" winding="nonZero" data="M0 0 0 38 38 38 38 0 0 0ZM19.2524 35.5098C17.3325 35.5098 15.8921 34.2617 15.8921 32.1484 15.8921 30.1328 17.3325 28.8379 19.2524 28.8379 21.2676 28.8379 22.6133 30.2285 22.6133 32.1484 22.6133 34.166 21.3652 35.5098 19.2524 35.5098ZM21.0293 22.0684&#xD;&#xA;C21.0293 22.9316 21.3652 23.7031 21.8926 24.6152 21.9883 24.8066 21.8926 25 21.6523 25L17.4282 25C17.188 25 17.0923 24.998 16.8521 24.7578 15.9878 23.7988 15.604 22.4541 15.604 21.4932 15.604 17.6533 21.8926 15.3008 21.8926 11.46 21.8926 9.58789&#xD;&#xA; 20.3555 7.95557 17.4282 7.95557 15.0278 7.95557 13.1572 8.43555 11.4775 9.15625 11.2861 9.25195 11 9.15576 11 8.96338L11 5.17139C11 4.979 11.1416 4.78711 11.333 4.69092 12.5342 4.11523 15.0029 3.20312 18.5557 3.20312 24.1719 3.20312 27.8086 6.41943&#xD;&#xA; 27.8086 11.0278 27.8086 16.3081 21.0293 19.3325 21.0293 22.0684Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#969696"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
index 915de70..ec35545 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,38 +17,37 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009">
-	<Path data="M 2 24 C 2 11 12 1 25 1 C 38 1 48 11 48 24 C 48 37 38 47 25 47 C 12 47 2 37 2 24 Z M 1 24 C 1 37 12 48 25 48 C 38 48 49 37 49 24 C 49 11 38 0 25 0 C 12 0 1 11 1 24 Z " blendMode="normal" alpha="1">
-			<fill>
-				<LinearGradient x = "25" y = "0" scaleX = "48" rotation = "90">
-					<GradientEntry color="#ffffff" ratio="0" alpha="0.047058823529411764"/>
-					<GradientEntry color="#ffffff" ratio="1" alpha="0.2"/>
-				</LinearGradient>
-			</fill>
-		</Path>
-		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z " blendMode="normal" alpha="1" d:userLabel="Ellipse">
-			<fill>
-				<LinearGradient x = "25" y = "2" scaleX = "44" rotation = "90">
-					<GradientEntry color="#000000" ratio="0" alpha="0.10980392156862745"/>
-					<GradientEntry color="#000000" ratio="1" alpha="0.4"/>
-				</LinearGradient>
-			</fill>
-		</Path>
-		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z M 2 24 C 2 37 12 47 25 47 C 38 47 48 37 48 24 C 48 11 38 1 25 1 C 12 1 2 11 2 24 Z " blendMode="normal" alpha="0.6509803921568627">
-			<fill>
-				<SolidColor color="#000000"/>
-			</fill>
-		</Path>
-		<Path data="M 4 24 C 4 12 13 3 25 3 C 37 3 46 12 46 24 C 46 36 37 45 25 45 C 13 45 4 36 4 24 Z M 3 24 C 3 37 12 46 25 46 C 38 46 47 37 47 24 C 47 11 38 2 25 2 C 12 2 3 11 3 24 Z " blendMode="normal" alpha="0.25098039215686274">
-			<fill>
-				<SolidColor color="#1e1e1e"/>
-			</fill>
-		</Path>
-		<Path data="M 5 24 C 5 12 13 4 25 4 C 37 4 45 12 45 24 C 45 36 37 44 25 44 C 13 44 5 36 5 24 Z M 4 24 C 4 36 13 45 25 45 C 37 45 46 36 46 24 C 46 12 37 3 25 3 C 13 3 4 12 4 24 Z " blendMode="normal" alpha="0.10196078431372549">
-			<fill>
-				<SolidColor color="#1e1e1e"/>
-			</fill>
-		</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009">
+  <Path data="M 2 24 C 2 11 12 1 25 1 C 38 1 48 11 48 24 C 48 37 38 47 25 47 C 12 47 2 37 2 24 Z M 1 24 C 1 37 12 48 25 48 C 38 48 49 37 49 24 C 49 11 38 0 25 0 C 12 0 1 11 1 24 Z " blendMode="normal" alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="25" y="0" scaleX="48" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha="0.047058823529411764"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha="0.2"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z " blendMode="normal" alpha="1" d:userLabel="Ellipse" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="25" y="2" scaleX="44" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.10980392156862745"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.4"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z M 2 24 C 2 37 12 47 25 47 C 38 47 48 37 48 24 C 48 11 38 1 25 1 C 12 1 2 11 2 24 Z " blendMode="normal" alpha="0.6509803921568627" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000"/>
+    </fill>
+  </Path>
+  <Path data="M 4 24 C 4 12 13 3 25 3 C 37 3 46 12 46 24 C 46 36 37 45 25 45 C 13 45 4 36 4 24 Z M 3 24 C 3 37 12 46 25 46 C 38 46 47 37 47 24 C 47 11 38 2 25 2 C 12 2 3 11 3 24 Z " blendMode="normal" alpha="0.25098039215686274" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#1e1e1e"/>
+    </fill>
+  </Path>
+  <Path data="M 5 24 C 5 12 13 4 25 4 C 37 4 45 12 45 24 C 45 36 37 44 25 44 C 13 44 5 36 5 24 Z M 4 24 C 4 36 13 45 25 45 C 37 45 46 36 46 24 C 46 12 37 3 25 3 C 13 3 4 12 4 24 Z " blendMode="normal" alpha="0.10196078431372549" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#1e1e1e"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
index 363160f..41bc177 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,18 +17,19 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z ">
-		<fill>
-			<SolidColor color="#646464"/>
-		</fill>
-	</Path>
-	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z ">
-		<fill>
-			<LinearGradient x = "25" y = "13" scaleX = "22" rotation = "90">
-				<GradientEntry color="#787878" ratio="0" alpha="1"/>
-				<GradientEntry color="#969696" ratio="1" alpha="1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
+  <Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="25" y="13" scaleX="22" rotation="90">
+        <GradientEntry color="#787878" ratio="0" alpha="1"/>
+        <GradientEntry color="#969696" ratio="1" alpha="1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
index 16fbe1f..e504ef7 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,18 +17,19 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 30 36 24 36 C 18 36 13 30 13 24 Z ">
-		<fill>
-			<SolidColor color="#323232"/>
-		</fill>
-	</Path>
-	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 30 35 24 35 C 18 35 14 30 14 24 Z ">
-		<fill>
-			<LinearGradient x = "24" y = "13" scaleX = "22" rotation = "90">
-				<GradientEntry color="#464646" ratio="0" alpha="1"/>
-				<GradientEntry color="#1e1e1e" ratio="1" alpha="1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 30 36 24 36 C 18 36 13 30 13 24 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 30 35 24 35 C 18 35 14 30 14 24 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="24" y="13" scaleX="22" rotation="90">
+        <GradientEntry color="#464646" ratio="0" alpha="1"/>
+        <GradientEntry color="#1e1e1e" ratio="1" alpha="1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
index ca1ec4a..4dbb4d4 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,29 +17,27 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-	
-		<Path data="M 2 24 C 2 11 12 1 25 1 C 38 1 48 11 48 24 C 48 37 38 47 25 47 C 12 47 2 37 2 24 Z M 1 24 C 1 37 12 48 25 48 C 38 48 49 37 49 24 C 49 11 38 0 25 0 C 12 0 1 11 1 24 Z " blendMode="normal" alpha="1">
-			<fill>
-				<LinearGradient x = "25" y = "0" scaleX = "48" rotation = "90">
-					<GradientEntry color="#000000" ratio="0" alpha="0"/>
-					<GradientEntry color="#000000" ratio="1" alpha="0.14901960784313725"/>
-				</LinearGradient>
-			</fill>
-		</Path>
-		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z " blendMode="normal" alpha="1">
-			<fill>
-				<LinearGradient x = "25" y = "8" scaleX = "21" rotation = "90">
-					<GradientEntry color="#ffffff" ratio="0" alpha="0.8"/>
-					<GradientEntry color="#ffffff" ratio="1" alpha="0"/>
-				</LinearGradient>
-			</fill>
-		</Path>
-		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z M 2 24 C 2 37 12 47 25 47 C 38 47 48 37 48 24 C 48 11 38 1 25 1 C 12 1 2 11 2 24 Z " blendMode="normal" alpha="0.6">
-			<fill>
-				<SolidColor color="#000000"/>
-			</fill>
-		</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path data="M 2 24 C 2 11 12 1 25 1 C 38 1 48 11 48 24 C 48 37 38 47 25 47 C 12 47 2 37 2 24 Z M 1 24 C 1 37 12 48 25 48 C 38 48 49 37 49 24 C 49 11 38 0 25 0 C 12 0 1 11 1 24 Z " blendMode="normal" alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="25" y="0" scaleX="48" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.14901960784313725"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z " blendMode="normal" alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="25" y="8" scaleX="21" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha="0.8"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z M 2 24 C 2 37 12 47 25 47 C 38 47 48 37 48 24 C 48 11 38 1 25 1 C 12 1 2 11 2 24 Z " blendMode="normal" alpha="0.6" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
index 146f64a..31d312e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,18 +17,19 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z ">
-		<fill>
-			<SolidColor color="#969696"/>
-		</fill>
-	</Path>
-	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z ">
-		<fill>
-			<LinearGradient x = "25" y = "13" scaleX = "14" rotation = "90">
-				<GradientEntry color="#999999" ratio="0" alpha="1"/>
-				<GradientEntry color="#b4b4b4" ratio="1" alpha="1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#969696"/>
+    </fill>
+  </Path>
+  <Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="25" y="13" scaleX="14" rotation="90">
+        <GradientEntry color="#999999" ratio="0" alpha="1"/>
+        <GradientEntry color="#b4b4b4" ratio="1" alpha="1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
index c939470..e9f4564 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,18 +17,19 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z ">
-		<fill>
-			<SolidColor color="#323232"/>
-		</fill>
-	</Path>
-	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z ">
-		<fill>
-			<LinearGradient x = "25" y = "13" scaleX = "22" rotation = "90">
-				<GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
-				<GradientEntry color="#323232" ratio="1" alpha="1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="25" y="13" scaleX="22" rotation="90">
+        <GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
+        <GradientEntry color="#323232" ratio="1" alpha="1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
index 0a09b08..f07f0cb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,17 +17,16 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
-	scaleGridLeft="8" scaleGridTop="8" scaleGridRight="92" scaleGridBottom="92">
-
-	<Rect width="100" height="100" radiusX="8" radiusY="8">
-		<fill>
-			<SolidColor color="#4D4D4D"/>
-		</fill>
-	</Rect>
-	<Rect x="1" y="1" width="98" height="98" radiusX="8" radiusY="8">
-		<fill>	
-			<SolidColor color="#F2F2F2"/>
-		</fill>
-	</Rect>
+
+<Graphic version="2.0" viewHeight="100" viewWidth="100" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="92" scaleGridBottom="92" xmlns="http://ns.adobe.com/fxg/2008">
+  <Rect width="100" height="100" radiusX="8" radiusY="8" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#4D4D4D"/>
+    </fill>
+  </Rect>
+  <Rect x="1" y="1" width="98" height="98" radiusX="8" radiusY="8" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#F2F2F2"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
index bd553bd..9ec012c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,51 +17,51 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight="72" viewWidth="100"
-	scaleGridLeft="3" scaleGridTop="8" scaleGridRight="97" scaleGridBottom="63">
-	<!-- Transparent rect used to center the bar -->
-	<Rect x="0" y="0" width="100" height="6">
-		<fill>
-			<SolidColor color="#000000" alpha="0"/>
-		</fill>
-	</Rect>
-	<!-- Border --> 
-	<Path y="6" winding="nonZero" data="M100 60 0 60 0 0 100 0 100 60ZM1 59 99 59 99 1 1 1 1 59Z">
-    	<fill>
-        	<SolidColor color="#666666"/>
-		</fill>
-	</Path>
-	<!-- Two tone gradient background -->
-	<Rect x="1" y="7" width="98" height="58">
-    	<fill>
-        	<LinearGradient rotation="90">
-            	<GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
-				<GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
-				<GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
-				<GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
-				<GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
-			</LinearGradient>
-		</fill>
-	</Rect>
-	<!-- Top highlight -->
-	<Rect x="2" y="7" width="96" height="1">
-    	<fill>
-        	<SolidColor color="#FFFFFF"/>
-        </fill>
-	</Rect>
-	<!-- Bottom highlight -->
-	<Rect x="2" y="64" width="96" height="1">
-    	<fill>
-        	<SolidColor color="#FFFFFF"/>
-        </fill>
-	</Rect>
-	<!-- Shadow -->
-	<Rect x="2" y="66" width="96" height="6">
-		<fill>
-			<LinearGradient rotation="90">
-				<GradientEntry ratio="0" color="#000000" alpha="0.15"/>
-				<GradientEntry ratio="1" color="#000000" alpha="0"/>
-			</LinearGradient>
-        </fill>
-	</Rect>
-</Graphic>
+
+<Graphic version="2.0" viewHeight="72" viewWidth="100" scaleGridLeft="3" scaleGridTop="8" scaleGridRight="97" scaleGridBottom="63" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Transparent rect used to center the bar -->
+  <Rect x="0" y="0" width="100" height="6" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- Border -->
+  <Path y="6" winding="nonZero" data="M100 60 0 60 0 0 100 0 100 60ZM1 59 99 59 99 1 1 1 1 59Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#666666"/>
+    </fill>
+  </Path>
+  <!-- Two tone gradient background -->
+  <Rect x="1" y="7" width="98" height="58" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient rotation="90">
+        <GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
+        <GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
+        <GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
+        <GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
+        <GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- Top highlight -->
+  <Rect x="2" y="7" width="96" height="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Rect>
+  <!-- Bottom highlight -->
+  <Rect x="2" y="64" width="96" height="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Rect>
+  <!-- Shadow -->
+  <Rect x="2" y="66" width="96" height="6" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient rotation="90">
+        <GradientEntry ratio="0" color="#000000" alpha="0.15"/>
+        <GradientEntry ratio="1" color="#000000" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
index 2e5a139..8b31f56 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,16 +17,16 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
-	scaleGridLeft="8" scaleGridTop="8" scaleGridRight="92" scaleGridBottom="92">
-	<Rect width="100" height="100" radiusX="8" radiusY="8">
-		<fill>
-			<LinearGradient rotation="270">
-				<GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
-				<GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
-				<GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
-				<GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
-			</LinearGradient>
-		</fill>
-	</Rect>
+
+<Graphic version="2.0" viewHeight="100" viewWidth="100" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="92" scaleGridBottom="92" xmlns="http://ns.adobe.com/fxg/2008">
+  <Rect width="100" height="100" radiusX="8" radiusY="8" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient rotation="270">
+        <GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
+        <GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
+        <GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
+        <GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
index b5db824..01a567d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,23 +17,18 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" 
-         scaleGridLeft="8" scaleGridTop="8" scaleGridRight="290" scaleGridBottom="42">
-
-    <!-- border -->
-    <Path data="M 7 1 C 7 1 291 1 291 1 C 294 1 297 4 297 7 C 297 7 297 43 297 43 C 297 46 294 49 291 49 C 291 49 7 49 7 49 C 4 49 1 46 1 43 C 1 43 1 7 1 7 C 1 4 4 1 7 1 Z M 7 0 C 3 0 0 3 0 7 C 0 7 0 43 0 43 C 0 47 3 50 7 50 C 7 50 291 50 291 50 C 295 50 298 47 298 43 C 298 43 298 7 298 7 C 298 3 295 0 291 0 C 291 0 7 0 7 0 Z " alpha="1">
-        <fill>
-            <SolidColor color="#505050"/>
-        </fill>
-    </Path>
-    
-    <!-- inner shadow -->
-    <Path data="M 7 3 C 7 3 290 3 290 3 C 293 3 296 4 296 7 C 296 7 296 43 296 43 C 296 46 293 48 290 48 C 290 48 8 48 8 48 C 5 48 2 46 2 43 C 2 43 2 7 2 7 C 2 4 4 3 7 3 Z M 7 1 C 4 1 1 4 1 7 C 1 7 1 43 1 43 C 1 46 4 49 7 49 C 7 49 291 49 291 49 C 294 49 297 46 297 43 C 297 43 297 7 297 7 C 297 4 294 1 291 1 C 291 1 7 1 7 1 Z " alpha="0.2">
-        <fill>
-            <SolidColor color="#030303"/>
-        </fill>
-    </Path>
-    
+
+<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="290" scaleGridBottom="42" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- border -->
+  <Path data="M 7 1 C 7 1 291 1 291 1 C 294 1 297 4 297 7 C 297 7 297 43 297 43 C 297 46 294 49 291 49 C 291 49 7 49 7 49 C 4 49 1 46 1 43 C 1 43 1 7 1 7 C 1 4 4 1 7 1 Z M 7 0 C 3 0 0 3 0 7 C 0 7 0 43 0 43 C 0 47 3 50 7 50 C 7 50 291 50 291 50 C 295 50 298 47 298 43 C 298 43 298 7 298 7 C 298 3 295 0 291 0 C 291 0 7 0 7 0 Z " alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#505050"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path data="M 7 3 C 7 3 290 3 290 3 C 293 3 296 4 296 7 C 296 7 296 43 296 43 C 296 46 293 48 290 48 C 290 48 8 48 8 48 C 5 48 2 46 2 43 C 2 43 2 7 2 7 C 2 4 4 3 7 3 Z M 7 1 C 4 1 1 4 1 7 C 1 7 1 43 1 43 C 1 46 4 49 7 49 C 7 49 291 49 291 49 C 294 49 297 46 297 43 C 297 43 297 7 297 7 C 297 4 294 1 291 1 C 291 1 7 1 7 1 Z " alpha="0.2" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#030303"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
index 2551f8f..46e9d48 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
@@ -17,14 +17,15 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" viewHeight="42" viewWidth="106" xmlns="http://ns.adobe.com/fxg/2008" scaleGridLeft="21" scaleGridTop="10" scaleGridRight="85" scaleGridBottom="21">
-	<Path winding="nonZero" data="M0 0 0 42 21 42C15 42 10.5 37.2993 10.5 31.5 10.5 25.7007 15 21 21 21L85.0005 21C91.0005 21 95.5005 25.7007 95.5005 31.5 95.5005 37.2993 91.0005 42 85.0005 42L106 42 106 0 0 0Z">
-		<fill>
-			<LinearGradient rotation="90">
-				<GradientEntry ratio="0" alpha="0.1"/>
-				<GradientEntry ratio="0.5" alpha="0.2"/>
-				<GradientEntry ratio="1" alpha="0.1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" viewHeight="42" viewWidth="106" scaleGridLeft="21" scaleGridTop="10" scaleGridRight="85" scaleGridBottom="21" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path winding="nonZero" data="M0 0 0 42 21 42C15 42 10.5 37.2993 10.5 31.5 10.5 25.7007 15 21 21 21L85.0005 21C91.0005 21 95.5005 25.7007 95.5005 31.5 95.5005 37.2993 91.0005 42 85.0005 42L106 42 106 0 0 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient rotation="90">
+        <GradientEntry ratio="0" alpha="0.1"/>
+        <GradientEntry ratio="0.5" alpha="0.2"/>
+        <GradientEntry ratio="1" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
index 951ddd2..1aeb28b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,86 +17,82 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="2" scaleGridTop="3" scaleGridRight="88" scaleGridBottom="61">
-    
-    <!-- border top -->
-    <Rect x="0" y="0" width="90" height="2">
-        <fill>
-            <SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    <!-- border bottom -->
-    <Rect x="0" y="62" width="90" height="2">
-        <fill>
-            <SolidColor color="#000000" alpha="0.85"/>
-        </fill>
-    </Rect>
-    <!-- drop shadow (6 filled rects) -->
-    <Rect x="0" y="64" width="90" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.35"/>
-        </fill>
-    </Rect>
-    <Rect x="0" y="65" width="90" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.25"/>
-        </fill>
-    </Rect>
-    <Rect x="0" y="66" width="90" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.2"/>
-        </fill>
-    </Rect>
-    <Rect x="0" y="67" width="90" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.15"/>
-        </fill>
-    </Rect>
-    <Rect x="0" y="68" width="90" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.1"/>
-        </fill>
-    </Rect>
-    <Rect x="0" y="69" width="90" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.05"/>
-        </fill>
-    </Rect>
-    
-    <!-- highlight border -->
-    <Rect x="1" y="2" width="88" height="1" alpha=".25">
-        <fill>
-        	<SolidColor color="#ffffff"/>
-        </fill>
-    </Rect>
-    <Rect x="1" y="61" width="88" height="1" alpha="0.1">
-        <fill>
-        	<SolidColor color="#ffffff"/>
-        </fill>
-    </Rect>
-    <Rect x="0" y="2" width="1" height="60">
-        <fill>
-            <LinearGradient x="0" scaleX="60" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    <Rect x="89" y="2" width="1" height="60">
-        <fill>
-            <LinearGradient x="0" scaleX="60" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- invisible fix for scaling -->
-    <Rect x="0" y="0" width="90" height="70">
-        <fill>
-            <SolidColor color="#ffffff" alpha="0"/>
-        </fill>
-    </Rect>
+
+<Graphic version="2.0" scaleGridLeft="2" scaleGridTop="3" scaleGridRight="88" scaleGridBottom="61" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- border top -->
+  <Rect x="0" y="0" width="90" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="62" width="90" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.85"/>
+    </fill>
+  </Rect>
+  <!-- drop shadow (6 filled rects) -->
+  <Rect x="0" y="64" width="90" height="1" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.35"/>
+    </fill>
+  </Rect>
+  <Rect x="0" y="65" width="90" height="1" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.25"/>
+    </fill>
+  </Rect>
+  <Rect x="0" y="66" width="90" height="1" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.2"/>
+    </fill>
+  </Rect>
+  <Rect x="0" y="67" width="90" height="1" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.15"/>
+    </fill>
+  </Rect>
+  <Rect x="0" y="68" width="90" height="1" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.1"/>
+    </fill>
+  </Rect>
+  <Rect x="0" y="69" width="90" height="1" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.05"/>
+    </fill>
+  </Rect>
+  <!-- highlight border -->
+  <Rect x="1" y="2" width="88" height="1" alpha=".25" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff"/>
+    </fill>
+  </Rect>
+  <Rect x="1" y="61" width="88" height="1" alpha="0.1" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff"/>
+    </fill>
+  </Rect>
+  <Rect x="0" y="2" width="1" height="60" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="60" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <Rect x="89" y="2" width="1" height="60" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="60" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="90" height="70" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
index d1a2abc..37fab30 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,45 +17,36 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
-
-    <!-- invisible fix for scaling -->
-    <Rect x="0" y="0" width="56" height="56">
-        <fill>
-            <SolidColor color="#ffffff" alpha="0"/>
-        </fill>
-    </Rect>
-
-
-    <!-- border -->
-      <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48
-C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z">
-        <fill>
-          <SolidColor color="#323232"/>
-        </fill>
-      </Path>
-
-    <!-- shadow fill -->
-      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
-        <fill>
-          <LinearGradient x="26.667" y="0" scaleX="30.1528" rotation="90">
-            <GradientEntry ratio="0" alpha="0.25"/>
-            <GradientEntry ratio="1" alpha="0"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-
-    <!-- inner highlight -->
-      <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665
- 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z">
-        <fill>
-          <LinearGradient x="26.667" y="1.3335" scaleX="50.6673" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
+
+<Graphic version="2.0" scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="56" height="56" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48&#xD;&#xA;C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <!-- shadow fill -->
+  <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="26.667" y="0" scaleX="30.1528" rotation="90">
+        <GradientEntry ratio="0" alpha="0.25"/>
+        <GradientEntry ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- inner highlight -->
+  <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665&#xD;&#xA; 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="26.667" y="1.3335" scaleX="50.6673" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
index 5ce569a..25a341c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,22 +17,18 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
-
-    <!-- invisible fix for scaling -->
-    <Rect x="0" y="0" width="56" height="56">
-        <fill>
-            <SolidColor color="#ffffff" alpha="0"/>
-        </fill>
-    </Rect>
-
-    <!-- chromeColor fill -->
-      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
-        <fill>
-          <SolidColor color="#484848"/>
-        </fill>
-      </Rect>
-
+
+<Graphic version="2.0" scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="56" height="56" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- chromeColor fill -->
+  <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#484848"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
index fd9f296..4bf9971 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,47 +17,38 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
-
-    <!-- invisible fix for scaling -->
-    <Rect x="0" y="0" width="56" height="56">
-        <fill>
-            <SolidColor color="#ffffff" alpha="0"/>
-        </fill>
-    </Rect>
-
-
-    <!-- border -->
-      <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48
-C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z">
-        <fill>
-          <SolidColor color="#323232"/>
-        </fill>
-      </Path>
-
-    <!-- shadow fill -->
-      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
-        <fill>
-          <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-
-    <!-- inner highlight -->
-      <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665
- 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z">
-        <fill>
-          <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
-            <GradientEntry ratio="0" alpha="0.35"/>
-            <GradientEntry ratio="0.662577" alpha="0.1"/>
-            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
+
+<Graphic version="2.0" scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="56" height="56" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48&#xD;&#xA;C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <!-- shadow fill -->
+  <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- inner highlight -->
+  <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665&#xD;&#xA; 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
+        <GradientEntry ratio="0" alpha="0.35"/>
+        <GradientEntry ratio="0.662577" alpha="0.1"/>
+        <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
index 4806393..7c902c5 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,47 +17,36 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
-
-	<!-- invisible fix for scaling -->
-	<Rect x="0" y="0" width="116" height="56">
-		<fill>
-			<SolidColor color="#ffffff" alpha="0"/>
-		</fill>
-	</Rect>
-
-	<!-- border -->
-      <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32422 114.666 8L114.666 48C114.666 51.6758 111.676 54.667 108 54.667L25.3774 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4805 16.0859 47.3994 7.12305 35.5176 2 27.8545 7.12891 20.1772 16.1851 8.41016 16.2344
- 8.34131 19.2275 4.5791 21.083 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8101 0 18.6875 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 20 0 28 5.33301 36 15.0469 48.2393 15.0469 48.2393 19.0469 53.5732 20 56 25.3335 56L108 56
-C112.418 56 116 52.418 116 48L116 8C116 3.58203 112.418 0 108 0L25.3335 0Z">
-        <fill>
-          <SolidColor color="#323232"/>
-        </fill>
-      </Path>
-
-	<!-- shadow fill -->
-      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99072 112.666 6.6665L112.666 46.6665C112.666 50.3423 109.676 53.3335 106 53.3335L23.3774 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.147 14.0859 46.0659 5.12305 34.1841 0 26.521 5.12891 18.8438 14.1851 7.07666
- 14.2344 7.00781 17.2275 3.24561 18.9585 0 23.3335 0L106 0 106 0Z">
-        <fill>
-          <LinearGradient x="56.3325" y="0" scaleX="30.1525" rotation="90">
-            <GradientEntry ratio="0" alpha="0.25"/>
-            <GradientEntry ratio="1" alpha="0"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
-	<!-- highlight border -->
-      <Path x="2" y="1.33203" winding="nonZero" data="M106 1.33301C108.94 1.33301 111.334 3.7251 111.334 6.66699L111.334 46.666C111.334 49.6074 108.94 52.001 106 52.001L23.3774 52.001C19.625 52.001 15.0728 45.1279 15.0728 45.1279 11.7827 39.9365 4.44189 30.7852 1.60254 26.521 4.40576 22.3188 15.3125
- 7.79443 15.3125 7.79443 15.854 7.02051 19.6455 1.33301 23.3335 1.33301L106 1.33301ZM22.75 0C18.6875 0 16.417 4.26465 14.2344 7.00781 14.1851 7.07715 5.12891 18.8438 0 26.521 5.12305 34.1851 14.0859 46.0664 14.1416 46.1465 15.8164 47.8223 18.3945
- 53.335 23.3774 53.335L106 53.335C109.676 53.335 112.666 50.3428 112.666 46.666L112.666 6.66699C112.666 2.99072 109.676 0 106 0L22.75 0Z">
-        <fill>
-          <LinearGradient x="56.3325" y="0" scaleX="57.0461" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
+
+<Graphic version="2.0" scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="116" height="56" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32422 114.666 8L114.666 48C114.666 51.6758 111.676 54.667 108 54.667L25.3774 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4805 16.0859 47.3994 7.12305 35.5176 2 27.8545 7.12891 20.1772 16.1851 8.41016 16.2344&#xD;&#xA; 8.34131 19.2275 4.5791 21.083 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8101 0 18.6875 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 20 0 28 5.33301 36 15.0469 48.2393 15.0469 48.2393 19.0469 53.5732 20 56 25.3335 56L108 56&#xD;&#xA;C112.418 56 116 52.418 116 48L116 8C116 3.58203 112.418 0 108 0L25.3335 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <!-- shadow fill -->
+  <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99072 112.666 6.6665L112.666 46.6665C112.666 50.3423 109.676 53.3335 106 53.3335L23.3774 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.147 14.0859 46.0659 5.12305 34.1841 0 26.521 5.12891 18.8438 14.1851 7.07666&#xD;&#xA; 14.2344 7.00781 17.2275 3.24561 18.9585 0 23.3335 0L106 0 106 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="56.3325" y="0" scaleX="30.1525" rotation="90">
+        <GradientEntry ratio="0" alpha="0.25"/>
+        <GradientEntry ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- highlight border -->
+  <Path x="2" y="1.33203" winding="nonZero" data="M106 1.33301C108.94 1.33301 111.334 3.7251 111.334 6.66699L111.334 46.666C111.334 49.6074 108.94 52.001 106 52.001L23.3774 52.001C19.625 52.001 15.0728 45.1279 15.0728 45.1279 11.7827 39.9365 4.44189 30.7852 1.60254 26.521 4.40576 22.3188 15.3125&#xD;&#xA; 7.79443 15.3125 7.79443 15.854 7.02051 19.6455 1.33301 23.3335 1.33301L106 1.33301ZM22.75 0C18.6875 0 16.417 4.26465 14.2344 7.00781 14.1851 7.07715 5.12891 18.8438 0 26.521 5.12305 34.1851 14.0859 46.0664 14.1416 46.1465 15.8164 47.8223 18.3945&#xD;&#xA; 53.335 23.3774 53.335L106 53.335C109.676 53.335 112.666 50.3428 112.666 46.666L112.666 6.66699C112.666 2.99072 109.676 0 106 0L22.75 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="56.3325" y="0" scaleX="57.0461" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
index ccb8357..bccb4d9 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,23 +17,18 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
-
-	<!-- invisible fix for scaling -->
-	<Rect x="0" y="0" width="116" height="56">
-		<fill>
-			<SolidColor color="#ffffff" alpha="0"/>
-		</fill>
-	</Rect>
-
-	<!-- chromeColor fill -->
-      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715
- 14.2334 7.0083 17.2275 3.24561 19.084 0 23.3335 0L106 0 106 0Z">
-        <fill>
-          <SolidColor color="#484848"/>
-        </fill>
-      </Path>
-
+
+<Graphic version="2.0" scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="116" height="56" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- chromeColor fill -->
+  <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715&#xD;&#xA; 14.2334 7.0083 17.2275 3.24561 19.084 0 23.3335 0L106 0 106 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#484848"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file


[25/41] git commit: [flex-sdk] [refs/heads/develop] - added missing 640 dpi code

Posted by jm...@apache.org.
added missing 640 dpi code


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/2a5bfeef
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/2a5bfeef
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/2a5bfeef

Branch: refs/heads/develop
Commit: 2a5bfeefdf184783d60ccd6b4c01b4893f5c0d70
Parents: e506ece
Author: Justin Mclean <jm...@apache.org>
Authored: Sun Aug 11 22:51:09 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sun Aug 11 22:51:09 2013 +1000

----------------------------------------------------------------------
 .../src/spark/skins/mobile/TransparentActionButtonSkin.as   | 9 +++++++++
 .../spark/skins/mobile/TransparentNavigationButtonSkin.as   | 9 +++++++++
 2 files changed, 18 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/2a5bfeef/frameworks/projects/mobiletheme/src/spark/skins/mobile/TransparentActionButtonSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TransparentActionButtonSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TransparentActionButtonSkin.as
index c3efbd4..c42c075 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TransparentActionButtonSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TransparentActionButtonSkin.as
@@ -33,6 +33,8 @@ import spark.skins.mobile320.assets.TransparentActionButton_down;
 import spark.skins.mobile320.assets.TransparentActionButton_up;
 import spark.skins.mobile480.assets.TransparentActionButton_down;
 import spark.skins.mobile480.assets.TransparentActionButton_up;
+import spark.skins.mobile640.assets.TransparentActionButton_down;
+import spark.skins.mobile640.assets.TransparentActionButton_up;
 
 use namespace mx_internal;
 
@@ -64,6 +66,13 @@ public class TransparentActionButtonSkin extends ActionBarButtonSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				upBorderSkin = spark.skins.mobile640.assets.TransparentActionButton_up;
+				downBorderSkin = spark.skins.mobile640.assets.TransparentActionButton_down;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				upBorderSkin = spark.skins.mobile480.assets.TransparentActionButton_up;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/2a5bfeef/frameworks/projects/mobiletheme/src/spark/skins/mobile/TransparentNavigationButtonSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TransparentNavigationButtonSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TransparentNavigationButtonSkin.as
index 013d2d5..a19a21c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TransparentNavigationButtonSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TransparentNavigationButtonSkin.as
@@ -33,6 +33,8 @@ import spark.skins.mobile320.assets.TransparentNavigationButton_down;
 import spark.skins.mobile320.assets.TransparentNavigationButton_up;
 import spark.skins.mobile480.assets.TransparentNavigationButton_down;
 import spark.skins.mobile480.assets.TransparentNavigationButton_up;
+import spark.skins.mobile640.assets.TransparentNavigationButton_down;
+import spark.skins.mobile640.assets.TransparentNavigationButton_up;
 
 use namespace mx_internal;
 
@@ -66,6 +68,13 @@ public class TransparentNavigationButtonSkin extends ActionBarButtonSkinBase
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				upBorderSkin = spark.skins.mobile640.assets.TransparentActionButton_up;
+				downBorderSkin = spark.skins.mobile640.assets.TransparentActionButton_down;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				upBorderSkin = spark.skins.mobile480.assets.TransparentActionButton_up;


[23/41] git commit: [flex-sdk] [refs/heads/develop] - support 120 and 640 dpi in mustella tests

Posted by jm...@apache.org.
support 120 and 640 dpi in mustella tests


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/4864b87d
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/4864b87d
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/4864b87d

Branch: refs/heads/develop
Commit: 4864b87d44bcb7bd5413eaa247266e2c45fef99f
Parents: 9122dc7
Author: Justin Mclean <jm...@apache.org>
Authored: Sun Aug 11 22:25:18 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sun Aug 11 22:25:18 2013 +1000

----------------------------------------------------------------------
 mustella/as3/src/mustella/ConditionalValue.as | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/4864b87d/mustella/as3/src/mustella/ConditionalValue.as
----------------------------------------------------------------------
diff --git a/mustella/as3/src/mustella/ConditionalValue.as b/mustella/as3/src/mustella/ConditionalValue.as
index 4e11220..e29c0b1 100644
--- a/mustella/as3/src/mustella/ConditionalValue.as
+++ b/mustella/as3/src/mustella/ConditionalValue.as
@@ -52,7 +52,7 @@ package
 		public var targetOS:String = null;
 
 		// General, "marketing number" pixel density
-		[Inspectable(enumeration="160,240,320,480")]
+		[Inspectable(enumeration="120,160,240,320,480,640")]
 		public var deviceDensity:Number = -1;
 
 		// Exact pixel density reported by AIR's Capabilities.screenDPI


[07/41] git commit: [flex-sdk] [refs/heads/develop] - Added 160 and 640 dpi CSS

Posted by jm...@apache.org.
Added 160 and 640 dpi CSS


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/46117216
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/46117216
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/46117216

Branch: refs/heads/develop
Commit: 461172164fbb7734dc4ce142dbfc6aa7f97aa346
Parents: 70b00d5
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 14:49:18 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 14:49:18 2013 +1000

----------------------------------------------------------------------
 frameworks/projects/mobiletheme/defaults.css | 197 ++++++++++++++++++++++
 1 file changed, 197 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/46117216/frameworks/projects/mobiletheme/defaults.css
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/defaults.css b/frameworks/projects/mobiletheme/defaults.css
index 3a11622..f00c8c4 100644
--- a/frameworks/projects/mobiletheme/defaults.css
+++ b/frameworks/projects/mobiletheme/defaults.css
@@ -419,6 +419,105 @@ global
     touchDelay: 0; /* default to 0 here, but Scroller sets it to 100 */
 }
 
+@media (application-dpi: 120)
+{
+	ActionBar
+	{
+		paddingBottom: 1;
+		paddingLeft: 0;
+		paddingRight: 0;
+		paddingTop: 1;
+	}
+	
+	ActionBar.beveled
+	{
+		paddingLeft: 4;
+		paddingRight: 4;
+	}
+	
+	ActionBar #titleDisplay
+	{
+		fontSize: 14;
+	}
+	
+	ActionBar.beveled Group#navigationGroup Button
+	{
+		fontSize: 9;
+	}
+	
+	ActionBar.beveled Group#actionGroup Button
+	{
+		fontSize: 9;
+	}
+	
+	Callout
+	{
+		gap: 6;
+	}
+	
+	IconItemRenderer
+	{
+		paddingBottom: 6;
+		paddingTop: 6;
+		horizontalGap: 6;
+		verticalGap: 4;
+	}
+	
+	.iconItemRendererMessageStyle
+	{
+		fontSize: 8;
+	}
+	
+	LabelItemRenderer
+	{
+		paddingBottom: 12;
+		paddingLeft: 8;
+		paddingRight: 8;
+		paddingTop: 12;
+	}
+	
+	SpinnerListItemRenderer
+	{
+		paddingTop : 9;
+		paddingBottom : 9;
+		paddingLeft : 6;
+		paddingRight : 6;
+	}
+	
+	TextArea
+	{
+		paddingBottom: 4;
+		paddingLeft: 4;
+		paddingRight: 4;
+		paddingTop: 4;
+	}
+	
+	TextInput
+	{
+		paddingBottom: 4;
+		paddingLeft: 4;
+		paddingRight: 4;
+		paddingTop: 4;
+	}
+	
+	TabbedViewNavigator #tabBar
+	{
+		fontSize: 10;
+	}
+	
+	ToggleSwitch
+	{
+		fontSize: 13;
+	}
+	
+	global
+	{
+		fontSize: 6;
+		focusThickness: 2;
+	}
+}
+
+
 @media (application-dpi: 160)
 {
     ActionBar
@@ -713,6 +812,104 @@ global
 }
 
 
+@media (application-dpi: 640)
+{
+	ActionBar
+	{
+		paddingBottom: 4;
+		paddingLeft: 0;
+		paddingRight: 0;
+		paddingTop: 4;
+	}
+	
+	ActionBar.beveled
+	{
+		paddingLeft: 20;
+		paddingRight: 20;
+	}
+	
+	ActionBar #titleDisplay
+	{
+		fontSize: 72;
+	}
+	
+	ActionBar.beveled Group#navigationGroup Button
+	{
+		fontSize: 48;
+	}
+	
+	ActionBar.beveled Group#actionGroup Button
+	{
+		fontSize: 48;
+	}
+	
+	Callout
+	{
+		gap: 32;
+	}
+	
+	IconItemRenderer
+	{
+		paddingBottom: 32;
+		paddingTop: 32;
+		horizontalGap: 32;
+		verticalGap: 36;
+	}
+	
+	.iconItemRendererMessageStyle
+	{
+		fontSize: 26;
+	}
+	
+	LabelItemRenderer
+	{
+		paddingBottom: 64;
+		paddingLeft: 40;
+		paddingRight: 40;
+		paddingTop: 64;  
+	}
+	
+	SpinnerListItemRenderer
+	{
+		paddingTop : 48;
+		paddingBottom : 48;
+		paddingLeft : 48;
+		paddingRight : 48;
+	}
+	
+	TextArea
+	{
+		paddingBottom: 24;
+		paddingLeft: 24;
+		paddingRight: 24;
+		paddingTop: 24;
+	}
+	
+	TextInput
+	{
+		paddingBottom: 24;
+		paddingLeft: 24;
+		paddingRight: 24;
+		paddingTop: 24;
+	}
+	
+	TabbedViewNavigator #tabBar
+	{
+		fontSize: 56;
+	}
+	
+	ToggleSwitch
+	{
+		fontSize: 72;
+	}
+	
+	global
+	{
+		fontSize: 64;
+	}
+}
+
+
 @media (application-dpi: 160) AND (os-platform:"IOS")
 {
     TextArea


[22/41] git commit: [flex-sdk] [refs/heads/develop] - New skin assets for 120dpi and 640dpi

Posted by jm...@apache.org.
New skin assets for 120dpi and 640dpi


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/9122dc76
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/9122dc76
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/9122dc76

Branch: refs/heads/develop
Commit: 9122dc762e673f3f182fe4053f162e0026dd5670
Parents: ebc7ae0
Author: Om <bi...@gmail.com>
Authored: Sat Aug 10 22:40:11 2013 -0700
Committer: Om <bi...@gmail.com>
Committed: Sat Aug 10 22:40:11 2013 -0700

----------------------------------------------------------------------
 .../mobile120/assets/ActionBarBackground.fxg    | 132 ++++++++-------
 .../assets/BeveledActionButton_down.fxg         |  75 ++++-----
 .../assets/BeveledActionButton_fill.fxg         |  34 ++--
 .../mobile120/assets/BeveledActionButton_up.fxg |  79 ++++-----
 .../mobile120/assets/BeveledBackButton_down.fxg |  76 ++++-----
 .../mobile120/assets/BeveledBackButton_fill.fxg |  35 ++--
 .../mobile120/assets/BeveledBackButton_up.fxg   |  80 ++++-----
 .../assets/ButtonBarFirstButton_down.fxg        |  64 ++++----
 .../assets/ButtonBarFirstButton_selected.fxg    |  64 ++++----
 .../assets/ButtonBarFirstButton_up.fxg          |  49 +++---
 .../assets/ButtonBarLastButton_down.fxg         |  64 ++++----
 .../assets/ButtonBarLastButton_selected.fxg     |  64 ++++----
 .../mobile120/assets/ButtonBarLastButton_up.fxg |  49 +++---
 .../assets/ButtonBarMiddleButton_down.fxg       |  61 ++++---
 .../assets/ButtonBarMiddleButton_selected.fxg   |  61 ++++---
 .../assets/ButtonBarMiddleButton_up.fxg         |  61 ++++---
 .../skins/mobile120/assets/Button_down.fxg      |  61 ++++---
 .../spark/skins/mobile120/assets/Button_up.fxg  |  20 ++-
 .../assets/CalloutContentBackground.fxg         |  54 +++----
 .../skins/mobile120/assets/CheckBox_down.fxg    |  75 +++++----
 .../mobile120/assets/CheckBox_downSymbol.fxg    |  50 +++---
 .../assets/CheckBox_downSymbolSelected.fxg      |  50 +++---
 .../skins/mobile120/assets/CheckBox_up.fxg      |  79 +++++----
 .../mobile120/assets/CheckBox_upSymbol.fxg      |  50 +++---
 .../assets/CheckBox_upSymbolSelected.fxg        |  49 +++---
 .../mobile120/assets/HSliderThumb_normal.fxg    |  49 +++---
 .../mobile120/assets/HSliderThumb_pressed.fxg   |  73 +++++----
 .../skins/mobile120/assets/HSliderTrack.fxg     |  66 ++++----
 .../skins/mobile120/assets/ImageInvalid.fxg     |  46 +++---
 .../skins/mobile120/assets/RadioButton_down.fxg |  69 ++++----
 .../mobile120/assets/RadioButton_downSymbol.fxg |  31 ++--
 .../assets/RadioButton_downSymbolSelected.fxg   |  31 ++--
 .../skins/mobile120/assets/RadioButton_up.fxg   |  50 +++---
 .../mobile120/assets/RadioButton_upSymbol.fxg   |  31 ++--
 .../assets/RadioButton_upSymbolSelected.fxg     |  31 ++--
 .../assets/SpinnerListContainerBackground.fxg   |  27 ++--
 .../SpinnerListContainerSelectionIndicator.fxg  |  98 +++++------
 .../assets/SpinnerListContainerShadow.fxg       |  26 +--
 .../skins/mobile120/assets/TextInput_border.fxg |  35 ++--
 .../assets/ToggleSwitch_contentShadow.fxg       |  21 +--
 .../mobile640/assets/ActionBarBackground.fxg    | 162 +++++++++----------
 .../assets/BeveledActionButton_down.fxg         |  75 ++++-----
 .../assets/BeveledActionButton_fill.fxg         |  34 ++--
 .../mobile640/assets/BeveledActionButton_up.fxg |  79 ++++-----
 .../mobile640/assets/BeveledBackButton_down.fxg |  77 ++++-----
 .../mobile640/assets/BeveledBackButton_fill.fxg |  35 ++--
 .../mobile640/assets/BeveledBackButton_up.fxg   |  81 ++++------
 .../assets/ButtonBarFirstButton_down.fxg        |  64 ++++----
 .../assets/ButtonBarFirstButton_selected.fxg    |  64 ++++----
 .../assets/ButtonBarFirstButton_up.fxg          |  49 +++---
 .../assets/ButtonBarLastButton_down.fxg         |  64 ++++----
 .../assets/ButtonBarLastButton_selected.fxg     |  64 ++++----
 .../mobile640/assets/ButtonBarLastButton_up.fxg |  49 +++---
 .../assets/ButtonBarMiddleButton_down.fxg       |  61 ++++---
 .../assets/ButtonBarMiddleButton_selected.fxg   |  61 ++++---
 .../assets/ButtonBarMiddleButton_up.fxg         |  61 ++++---
 .../skins/mobile640/assets/Button_down.fxg      |  62 ++++---
 .../spark/skins/mobile640/assets/Button_up.fxg  |  20 ++-
 .../assets/CalloutContentBackground.fxg         |  54 +++----
 .../skins/mobile640/assets/CheckBox_down.fxg    |  95 ++++++-----
 .../mobile640/assets/CheckBox_downSymbol.fxg    |  43 +++--
 .../assets/CheckBox_downSymbolSelected.fxg      |  45 +++---
 .../skins/mobile640/assets/CheckBox_up.fxg      |  79 +++++----
 .../mobile640/assets/CheckBox_upSymbol.fxg      |  43 +++--
 .../assets/CheckBox_upSymbolSelected.fxg        |  43 +++--
 .../mobile640/assets/HSliderThumb_normal.fxg    |  49 +++---
 .../mobile640/assets/HSliderThumb_pressed.fxg   |  73 +++++----
 .../skins/mobile640/assets/HSliderTrack.fxg     |  50 +++---
 .../skins/mobile640/assets/ImageInvalid.fxg     |  46 +++---
 .../skins/mobile640/assets/RadioButton_down.fxg |  58 +++----
 .../mobile640/assets/RadioButton_downSymbol.fxg |  31 ++--
 .../assets/RadioButton_downSymbolSelected.fxg   |  31 ++--
 .../skins/mobile640/assets/RadioButton_up.fxg   |  48 +++---
 .../mobile640/assets/RadioButton_upSymbol.fxg   |  31 ++--
 .../assets/RadioButton_upSymbolSelected.fxg     |  31 ++--
 .../assets/SpinnerListContainerBackground.fxg   |  27 ++--
 .../SpinnerListContainerSelectionIndicator.fxg  |  98 +++++------
 .../assets/SpinnerListContainerShadow.fxg       |  26 +--
 ...edViewNavigatorButtonBarFirstButton_down.fxg |  80 +++++----
 ...ewNavigatorButtonBarFirstButton_selected.fxg |  79 +++++----
 ...bbedViewNavigatorButtonBarFirstButton_up.fxg |  79 +++++----
 ...bedViewNavigatorButtonBarLastButton_down.fxg |  91 +++++------
 ...iewNavigatorButtonBarLastButton_selected.fxg |  91 +++++------
 ...abbedViewNavigatorButtonBarLastButton_up.fxg |  91 +++++------
 .../skins/mobile640/assets/TextInput_border.fxg |  35 ++--
 .../assets/ToggleSwitch_contentShadow.fxg       |  21 +--
 .../assets/TransparentActionButton_down.fxg     |  93 +++++------
 .../assets/TransparentActionButton_up.fxg       |  73 ++++-----
 .../assets/TransparentNavigationButton_down.fxg |  93 +++++------
 .../assets/TransparentNavigationButton_up.fxg   |  73 ++++-----
 .../mobile640/assets/ViewMenuItem_down.fxg      |  65 ++++----
 .../assets/ViewMenuItem_showsCaret.fxg          |  32 ++--
 .../skins/mobile640/assets/ViewMenuItem_up.fxg  |  33 ++--
 93 files changed, 2527 insertions(+), 2885 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
index f01b7ad..4442b56 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,71 +17,67 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="2" scaleGridTop="2" scaleGridRight="63" scaleGridBottom="64">
-    
-    <!-- border top -->
-    <Rect x="0" y="0" width="65" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    <!-- border bottom -->
-    <Rect x="0" y="66" width="65" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.85"/>
-        </fill>
-    </Rect>
-    <!-- drop shadow (3 filled rects) -->
-    <Rect x="0" y="67" width="65" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.35"/>
-        </fill>
-    </Rect>
-    <Rect x="0" y="68" width="65" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.2"/>
-        </fill>
-    </Rect>
-    <Rect x="0" y="69" width="65" height="1">
-        <fill>
-            <SolidColor color="#000000" alpha="0.1"/>
-        </fill>
-    </Rect>
-    
-    <!-- highlight border -->
-    <Rect x="1" y="1" width="63" height="1" alpha=".15">
-        <fill>
-        	<SolidColor color="#ffffff"/>
-        </fill>
-    </Rect>
-    <Rect x="1" y="65" width="63" height="1" alpha="0.1">
-        <fill>
-        	<SolidColor color="#ffffff"/>
-        </fill>
-    </Rect>
-    <Rect x="0" y="1" width="1" height="65">
-        <fill>
-            <LinearGradient x="0" scaleX="65" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    <Rect x="64" y="1" width="1" height="65">
-        <fill>
-            <LinearGradient x="0" scaleX="65" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- invisible fix for scaling -->
-    <Rect x="0" y="0" width="65" height="70">
-        <fill>
-            <SolidColor color="#ffffff" alpha="0"/>
-        </fill>
-    </Rect>
+
+<Graphic version="2.0" scaleGridLeft="2" scaleGridTop="2" scaleGridRight="63" scaleGridBottom="64" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- border top -->
+  <Rect x="0" y="0" width="65" height="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="66" width="65" height="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.85"/>
+    </fill>
+  </Rect>
+  <!-- drop shadow (3 filled rects) -->
+  <Rect x="0" y="67" width="65" height="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.35"/>
+    </fill>
+  </Rect>
+  <Rect x="0" y="68" width="65" height="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.2"/>
+    </fill>
+  </Rect>
+  <Rect x="0" y="69" width="65" height="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.1"/>
+    </fill>
+  </Rect>
+  <!-- highlight border -->
+  <Rect x="1" y="1" width="63" height="1" alpha=".15" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff"/>
+    </fill>
+  </Rect>
+  <Rect x="1" y="65" width="63" height="1" alpha="0.1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff"/>
+    </fill>
+  </Rect>
+  <Rect x="0" y="1" width="1" height="65" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="0" scaleX="65" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <Rect x="64" y="1" width="1" height="65" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="0" scaleX="65" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="65" height="70" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
index f2b81e4..c1f6003 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,45 +17,36 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36">
-
-    <!-- invisible fix for scaling -->
-    <Rect x="0" y="0" width="42" height="42">
-        <fill>
-            <SolidColor color="#ffffff" alpha="0"/>
-        </fill>
-    </Rect>
-
-
-    <!-- border -->
-      <Path winding="nonZero" data="M42 36C42 39.3135 39.3135 42 36 42L6 42C2.68652 42 0 39.3135 0 36L0 5.9541C0 2.64062 2.68652 0 6 0L36 0C39.3135 0 42 2.64062 42 5.9541L42 36ZM41 6C41 3.23877 38.7617 1 36 1L6 1C3.23877 1 1 3.23877 1 6L1 36C1 38.7617 3.23877 41 6 41L36 41C38.7617
- 41 41 38.7617 41 36L41 6Z">
-        <fill>
-          <SolidColor color="#323232"/>
-        </fill>
-      </Path>
-
-    <!-- shadow fill -->
-      <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053">
-        <fill>
-          <LinearGradient x="19.9995" y="0" scaleX="22.6146" rotation="90">
-            <GradientEntry ratio="0" alpha="0.25"/>
-            <GradientEntry ratio="1" alpha="0"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-
-    <!-- inner highlight -->
-      <Path x="1" y="1" winding="nonZero" data="M35 1C37.2051 1 39 2.79443 39 5L39 35C39 37.2051 37.2051 39 35 39L5 39C2.79443 39 1 37.2051 1 35L1 5C1 2.79443 2.79443 1 5 1L35 1M35 0 5 0C2.23877 0 0 2.23877 0 5L0 35C0 37.7617 2.23877 40 5 40L35 40C37.7617 40 40 37.7617 40 35L40 5C40 2.23877
- 37.7617 0 35 0L35 0Z">
-        <fill>
-          <LinearGradient x="19.9995" y="1" scaleX="38.0005" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
+
+<Graphic version="2.0" scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="42" height="42" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M42 36C42 39.3135 39.3135 42 36 42L6 42C2.68652 42 0 39.3135 0 36L0 5.9541C0 2.64062 2.68652 0 6 0L36 0C39.3135 0 42 2.64062 42 5.9541L42 36ZM41 6C41 3.23877 38.7617 1 36 1L6 1C3.23877 1 1 3.23877 1 6L1 36C1 38.7617 3.23877 41 6 41L36 41C38.7617&#xD;&#xA; 41 41 38.7617 41 36L41 6Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <!-- shadow fill -->
+  <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="19.9995" y="0" scaleX="22.6146" rotation="90">
+        <GradientEntry ratio="0" alpha="0.25"/>
+        <GradientEntry ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- inner highlight -->
+  <Path x="1" y="1" winding="nonZero" data="M35 1C37.2051 1 39 2.79443 39 5L39 35C39 37.2051 37.2051 39 35 39L5 39C2.79443 39 1 37.2051 1 35L1 5C1 2.79443 2.79443 1 5 1L35 1M35 0 5 0C2.23877 0 0 2.23877 0 5L0 35C0 37.7617 2.23877 40 5 40L35 40C37.7617 40 40 37.7617 40 35L40 5C40 2.23877&#xD;&#xA; 37.7617 0 35 0L35 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="19.9995" y="1" scaleX="38.0005" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
index 18d63dc..ed6350f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,22 +17,18 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36">
-
-    <!-- invisible fix for scaling -->
-    <Rect x="0" y="0" width="42" height="42">
-        <fill>
-            <SolidColor color="#ffffff" alpha="0"/>
-        </fill>
-    </Rect>
-
-    <!-- chromeColor fill -->
-      <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053">
-        <fill>
-          <SolidColor color="#484848"/>
-        </fill>
-      </Rect>
-      
+
+<Graphic version="2.0" scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="42" height="42" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- chromeColor fill -->
+  <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#484848"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
index 03cea5a..620d779 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,47 +17,38 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36">
-
-    <!-- invisible fix for scaling -->
-    <Rect x="0" y="0" width="42" height="42">
-        <fill>
-            <SolidColor color="#ffffff" alpha="0"/>
-        </fill>
-    </Rect>
-
-
-    <!-- border -->
-      <Path winding="nonZero" data="M42 36C42 39.3135 39.3135 42 36 42L6 42C2.68652 42 0 39.3135 0 36L0 5.9541C0 2.64062 2.68652 0 6 0L36 0C39.3135 0 42 2.64062 42 5.9541L42 36ZM41 6C41 3.23877 38.7617 1 36 1L6 1C3.23877 1 1 3.23877 1 6L1 36C1 38.7617 3.23877 41 6 41L36 41C38.7617
- 41 41 38.7617 41 36L41 6Z">
-        <fill>
-          <SolidColor color="#323232"/>
-        </fill>
-      </Path>
-
-    <!-- shadow fill -->
-      <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053">
-        <fill>
-          <LinearGradient x="19.9995" y="0" scaleX="40.0005" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-
-    <!-- inner highlight -->
-      <Path x="1" y="1" winding="nonZero" data="M35 1C37.2051 1 39 2.79443 39 5L39 35C39 37.2051 37.2051 39 35 39L5 39C2.79443 39 1 37.2051 1 35L1 5C1 2.79443 2.79443 1 5 1L35 1M35 0 5 0C2.23877 0 0 2.23877 0 5L0 35C0 37.7617 2.23877 40 5 40L35 40C37.7617 40 40 37.7617 40 35L40 5C40 2.23877
- 37.7617 0 35 0L35 0Z">
-        <fill>
-          <LinearGradient x="19.9995" y="0" scaleX="40.0005" rotation="90">
-            <GradientEntry ratio="0" alpha="0.35"/>
-            <GradientEntry ratio="0.662577" alpha="0.1"/>
-            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
+
+<Graphic version="2.0" scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="42" height="42" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M42 36C42 39.3135 39.3135 42 36 42L6 42C2.68652 42 0 39.3135 0 36L0 5.9541C0 2.64062 2.68652 0 6 0L36 0C39.3135 0 42 2.64062 42 5.9541L42 36ZM41 6C41 3.23877 38.7617 1 36 1L6 1C3.23877 1 1 3.23877 1 6L1 36C1 38.7617 3.23877 41 6 41L36 41C38.7617&#xD;&#xA; 41 41 38.7617 41 36L41 6Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <!-- shadow fill -->
+  <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="19.9995" y="0" scaleX="40.0005" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- inner highlight -->
+  <Path x="1" y="1" winding="nonZero" data="M35 1C37.2051 1 39 2.79443 39 5L39 35C39 37.2051 37.2051 39 35 39L5 39C2.79443 39 1 37.2051 1 35L1 5C1 2.79443 2.79443 1 5 1L35 1M35 0 5 0C2.23877 0 0 2.23877 0 5L0 35C0 37.7617 2.23877 40 5 40L35 40C37.7617 40 40 37.7617 40 35L40 5C40 2.23877&#xD;&#xA; 37.7617 0 35 0L35 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="19.9995" y="0" scaleX="40.0005" rotation="90">
+        <GradientEntry ratio="0" alpha="0.35"/>
+        <GradientEntry ratio="0.662577" alpha="0.1"/>
+        <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
index b80c01a..41da41a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,46 +17,36 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36">
-
-	<!-- invisible fix for scaling -->
-	<Rect x="0" y="0" width="87" height="42">
-		<fill>
-			<SolidColor color="#ffffff" alpha="0"/>
-		</fill>
-	</Rect>
-
-	<!-- border -->
-      <Path winding="nonZero" data="M81 1C83.7568 1 86 3.24316 86 6L86 36C86 38.7568 83.7568 41 81 41L19.0337 41.001C15.2959 41.001 13.3623 36.8662 12.1064 35.6104 12.0649 35.5498 5.34229 26.6387 1.5 20.8906 5.34668 15.1328 12.1392 6.30762 12.1753 6.25586 14.4209 3.43457 15.813
- 1 19 1L81 1 81 1ZM19 0C14.8569 0 14.0151 1.91504 11.3584 5.67871 11.3584 5.67871 4 15 0 21 4 27 11.2847 36.1797 11.2847 36.1797 14.2847 40.1797 15 42 19 42L81 42C84.3135 42 87 39.3135 87 36L87 6C87 2.68652 84.3135 0 81 0L19 0Z">
-        <fill>
-          <SolidColor color="#323232"/>
-        </fill>
-      </Path>
-
-	<!-- shadow fill -->
-      <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457
- 14.5 0 17.5 0L79.5 0 79.5 0Z">
-        <fill>
-          <LinearGradient x="42.2495" y="0" scaleX="22.6145" rotation="90">
-            <GradientEntry ratio="0" alpha="0.25"/>
-            <GradientEntry ratio="1" alpha="0"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
-	<!-- highlight border -->
-      <Path x="1.5" y="0.999023" winding="nonZero" data="M79.5 1C81.7051 1 83.5 2.79395 83.5 5L83.5 35C83.5 37.2061 81.7051 39.001 79.5 39.001L17.5337 39.001C14.7188 39.001 11.3052 33.8457 11.3052 33.8457 8.83691 29.9521 3.33154 23.0889 1.20215 19.8906 3.3042 16.7393 11.4839 5.8457 11.4839 5.8457 11.8906
- 5.26562 14.7344 1 17.5 1L79.5 1M17.1719 0C14.375 0 12.313 3.19824 10.6753 5.25586 10.6392 5.30762 3.84668 14.1328 0 19.8906 3.84229 25.6387 10.5649 34.5498 10.6064 34.6104 11.8623 35.8662 13.7959 40.001 17.5337 40.001L79.5 40.001C82.2568 40.001
- 84.5 37.7568 84.5 35L84.5 5C84.5 2.24316 82.2568 0 79.375 0L17.1719 0Z">
-        <fill>
-          <LinearGradient x="42.2495" y="0" scaleX="42.7844" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
+
+<Graphic version="2.0" scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="87" height="42" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M81 1C83.7568 1 86 3.24316 86 6L86 36C86 38.7568 83.7568 41 81 41L19.0337 41.001C15.2959 41.001 13.3623 36.8662 12.1064 35.6104 12.0649 35.5498 5.34229 26.6387 1.5 20.8906 5.34668 15.1328 12.1392 6.30762 12.1753 6.25586 14.4209 3.43457 15.813&#xD;&#xA; 1 19 1L81 1 81 1ZM19 0C14.8569 0 14.0151 1.91504 11.3584 5.67871 11.3584 5.67871 4 15 0 21 4 27 11.2847 36.1797 11.2847 36.1797 14.2847 40.1797 15 42 19 42L81 42C84.3135 42 87 39.3135 87 36L87 6C87 2.68652 84.3135 0 81 0L19 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <!-- shadow fill -->
+  <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457&#xD;&#xA; 14.5 0 17.5 0L79.5 0 79.5 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="42.2495" y="0" scaleX="22.6145" rotation="90">
+        <GradientEntry ratio="0" alpha="0.25"/>
+        <GradientEntry ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- highlight border -->
+  <Path x="1.5" y="0.999023" winding="nonZero" data="M79.5 1C81.7051 1 83.5 2.79395 83.5 5L83.5 35C83.5 37.2061 81.7051 39.001 79.5 39.001L17.5337 39.001C14.7188 39.001 11.3052 33.8457 11.3052 33.8457 8.83691 29.9521 3.33154 23.0889 1.20215 19.8906 3.3042 16.7393 11.4839 5.8457 11.4839 5.8457 11.8906&#xD;&#xA; 5.26562 14.7344 1 17.5 1L79.5 1M17.1719 0C14.375 0 12.313 3.19824 10.6753 5.25586 10.6392 5.30762 3.84668 14.1328 0 19.8906 3.84229 25.6387 10.5649 34.5498 10.6064 34.6104 11.8623 35.8662 13.7959 40.001 17.5337 40.001L79.5 40.001C82.2568 40.001&#xD;&#xA; 84.5 37.7568 84.5 35L84.5 5C84.5 2.24316 82.2568 0 79.375 0L17.1719 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="42.2495" y="0" scaleX="42.7844" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
index 1ffd314..02f69e3 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,23 +17,18 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36">
-
-	<!-- invisible fix for scaling -->
-	<Rect x="0" y="0" width="87" height="42">
-		<fill>
-			<SolidColor color="#ffffff" alpha="0"/>
-		</fill>
-	</Rect>
-
-	<!-- chromeColor fill -->
-      <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457
- 14.313 0 17.5 0L79.5 0 79.5 0Z">
-        <fill>
-          <SolidColor color="#484848"/>
-        </fill>
-      </Path>
-
+
+<Graphic version="2.0" scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="87" height="42" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- chromeColor fill -->
+  <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457&#xD;&#xA; 14.313 0 17.5 0L79.5 0 79.5 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#484848"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
index 0aab602..55ad341 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,48 +17,38 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36">
-
-	<!-- invisible fix for scaling -->
-	<Rect x="0" y="0" width="87" height="42">
-		<fill>
-			<SolidColor color="#ffffff" alpha="0"/>
-		</fill>
-	</Rect>
-
-	<!-- border -->
-      <Path winding="nonZero" data="M81 1C83.7568 1 86 3.24316 86 6L86 36C86 38.7568 83.7568 41 81 41L19.0337 41.001C15.2959 41.001 13.3623 36.8662 12.1064 35.6104 12.0649 35.5498 5.34229 26.6387 1.5 20.8906 5.34668 15.1328 12.1392 6.30762 12.1753 6.25586 14.4209 3.43457 15.813
- 1 19 1L81 1 81 1ZM19 0C14.8569 0 14.0151 1.91504 11.3584 5.67871 11.3584 5.67871 4 15 0 21 4 27 11.2847 36.1797 11.2847 36.1797 14.2847 40.1797 15 42 19 42L81 42C84.3135 42 87 39.3135 87 36L87 6C87 2.68652 84.3135 0 81 0L19 0Z">
-        <fill>
-          <SolidColor color="#323232"/>
-        </fill>
-      </Path>
-
-	<!-- shadow fill -->
-      <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457
- 14.5 0 17.5 0L79.5 0 79.5 0Z">
-        <fill>
-          <LinearGradient x="42.2495" y="-0.784668" scaleX="40.6027" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
-	<!-- highlight border -->
-      <Path x="1.5" y="0.999023" winding="nonZero" data="M79.5 1C81.7051 1 83.5 2.79395 83.5 5L83.5 35C83.5 37.2061 81.7051 39.001 79.5 39.001L17.5337 39.001C14.7188 39.001 11.3052 33.8457 11.3052 33.8457 8.83691 29.9521 3.33154 23.0889 1.20215 19.8906 3.3042 16.7393 11.4839 5.8457 11.4839 5.8457 11.8906
- 5.26562 14.7344 1 17.5 1L79.5 1M17.1719 0C14.375 0 12.313 3.19824 10.6753 5.25586 10.6392 5.30762 3.84668 14.1328 0 19.8906 3.84229 25.6387 10.5649 34.5498 10.6064 34.6104 11.8623 35.8662 13.7959 40.001 17.5337 40.001L79.5 40.001C82.2568 40.001
- 84.5 37.7568 84.5 35L84.5 5C84.5 2.24316 82.2568 0 79.375 0L17.1719 0Z">
-        <fill>
-          <LinearGradient x="42.2495" y="0" scaleX="40.0015" rotation="90">
-            <GradientEntry ratio="0" alpha="0.35"/>
-            <GradientEntry ratio="0.662577" alpha="0.1"/>
-            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
+
+<Graphic version="2.0" scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="87" height="42" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M81 1C83.7568 1 86 3.24316 86 6L86 36C86 38.7568 83.7568 41 81 41L19.0337 41.001C15.2959 41.001 13.3623 36.8662 12.1064 35.6104 12.0649 35.5498 5.34229 26.6387 1.5 20.8906 5.34668 15.1328 12.1392 6.30762 12.1753 6.25586 14.4209 3.43457 15.813&#xD;&#xA; 1 19 1L81 1 81 1ZM19 0C14.8569 0 14.0151 1.91504 11.3584 5.67871 11.3584 5.67871 4 15 0 21 4 27 11.2847 36.1797 11.2847 36.1797 14.2847 40.1797 15 42 19 42L81 42C84.3135 42 87 39.3135 87 36L87 6C87 2.68652 84.3135 0 81 0L19 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <!-- shadow fill -->
+  <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457&#xD;&#xA; 14.5 0 17.5 0L79.5 0 79.5 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="42.2495" y="-0.784668" scaleX="40.6027" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- highlight border -->
+  <Path x="1.5" y="0.999023" winding="nonZero" data="M79.5 1C81.7051 1 83.5 2.79395 83.5 5L83.5 35C83.5 37.2061 81.7051 39.001 79.5 39.001L17.5337 39.001C14.7188 39.001 11.3052 33.8457 11.3052 33.8457 8.83691 29.9521 3.33154 23.0889 1.20215 19.8906 3.3042 16.7393 11.4839 5.8457 11.4839 5.8457 11.8906&#xD;&#xA; 5.26562 14.7344 1 17.5 1L79.5 1M17.1719 0C14.375 0 12.313 3.19824 10.6753 5.25586 10.6392 5.30762 3.84668 14.1328 0 19.8906 3.84229 25.6387 10.5649 34.5498 10.6064 34.6104 11.8623 35.8662 13.7959 40.001 17.5337 40.001L79.5 40.001C82.2568 40.001&#xD;&#xA; 84.5 37.7568 84.5 35L84.5 5C84.5 2.24316 82.2568 0 79.375 0L17.1719 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="42.2495" y="0" scaleX="40.0015" rotation="90">
+        <GradientEntry ratio="0" alpha="0.35"/>
+        <GradientEntry ratio="0.662577" alpha="0.1"/>
+        <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
index 56991b4..c663055 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
@@ -18,40 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51">
-    
-      <!-- shadow fill -->
-      <Path data="M120 60 8.06641 60C3.6123 60 0 56.3574 0 51.8652L0 8.13525C0 3.64258 3.6123 0 8.06641 0L120 0 120 60Z">
-        <fill>
-          <LinearGradient x="59.9995" y="1.03467" scaleX="58.029" rotation="90">
-            <GradientEntry ratio="0" alpha="0.14902"/>
-            <GradientEntry ratio="1" alpha="0.34902"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M118.991 1.01709 118.991 58.9834 8.06641 58.9834C4.1748 58.9834 1.00879 55.7891 1.00879 51.8652L1.00879 8.13525C1.00879 4.21045 4.1748 1.01709 8.06641 1.01709L118.991 1.01709ZM120 0 8.06641 0C3.6123 0 0 3.64258 0 8.13525L0 51.8652C0 56.3574 3.6123
- 60 8.06641 60L120 60 120 0 120 0Z">
-        <fill>
-          <SolidColor color="#464646"/>
-        </fill>
-      </Path>
-      
-      <!-- outer shadow -->
-      <Path x="1" y="1.02002" winding="nonZero" data="M116.976 1.0166 116.976 56.9487 7.05859 56.9487C3.72266 56.9487 1.00879 54.2124 1.00879 50.8481L1.00879 7.11816C1.00879 3.75342 3.72266 1.0166 7.05859 1.0166L116.976 1.0166ZM117.983 0 7.05859 0C3.16602 0 0 3.19238 0 7.11816L0 50.8481C0 54.7729
- 3.16602 57.9663 7.05859 57.9663L117.983 57.9663 117.983 0 117.983 0Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="2.0166" y="2.03369" winding="nonZero" data="M114.975 1 114.967 54.9321 6.0498 54.9321C3.26514 54.9321 1 52.644 1 49.8315L1 6.10156C1 3.28857 3.26514 1 6.0498 1L114.975 1ZM115.975 0 115.967 0 6.0498 0C2.71387 0 0 2.73682 0 6.10156L0 49.8315C0 53.1958 2.71387 55.9321 6.0498 55.9321L115.967
- 55.9321 115.975 0 115.975 0Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.1"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Path data="M120 60 8.06641 60C3.6123 60 0 56.3574 0 51.8652L0 8.13525C0 3.64258 3.6123 0 8.06641 0L120 0 120 60Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="59.9995" y="1.03467" scaleX="58.029" rotation="90">
+        <GradientEntry ratio="0" alpha="0.14902"/>
+        <GradientEntry ratio="1" alpha="0.34902"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M118.991 1.01709 118.991 58.9834 8.06641 58.9834C4.1748 58.9834 1.00879 55.7891 1.00879 51.8652L1.00879 8.13525C1.00879 4.21045 4.1748 1.01709 8.06641 1.01709L118.991 1.01709ZM120 0 8.06641 0C3.6123 0 0 3.64258 0 8.13525L0 51.8652C0 56.3574 3.6123&#xD;&#xA; 60 8.06641 60L120 60 120 0 120 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#464646"/>
+    </fill>
+  </Path>
+  <!-- outer shadow -->
+  <Path x="1" y="1.02002" winding="nonZero" data="M116.976 1.0166 116.976 56.9487 7.05859 56.9487C3.72266 56.9487 1.00879 54.2124 1.00879 50.8481L1.00879 7.11816C1.00879 3.75342 3.72266 1.0166 7.05859 1.0166L116.976 1.0166ZM117.983 0 7.05859 0C3.16602 0 0 3.19238 0 7.11816L0 50.8481C0 54.7729&#xD;&#xA; 3.16602 57.9663 7.05859 57.9663L117.983 57.9663 117.983 0 117.983 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="2.0166" y="2.03369" winding="nonZero" data="M114.975 1 114.967 54.9321 6.0498 54.9321C3.26514 54.9321 1 52.644 1 49.8315L1 6.10156C1 3.28857 3.26514 1 6.0498 1L114.975 1ZM115.975 0 115.967 0 6.0498 0C2.71387 0 0 2.73682 0 6.10156L0 49.8315C0 53.1958 2.71387 55.9321 6.0498 55.9321L115.967&#xD;&#xA; 55.9321 115.975 0 115.975 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.1"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
index 612f39b..20033bc 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
@@ -18,40 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51">
-    
-      <!-- shadow fill -->
-      <Path data="M120 60 8.06641 60C3.6123 60 0 56.3574 0 51.8652L0 8.13477C0 3.64258 3.6123 0 8.06641 0L120 0 120 60Z">
-        <fill>
-          <LinearGradient x="59.9995" y="1.03467" scaleX="58.029" rotation="90">
-            <GradientEntry ratio="0" alpha="0.047059"/>
-            <GradientEntry ratio="1" alpha="0.247059"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M118.991 1.01758 118.991 58.9834 8.06641 58.9834C4.1748 58.9834 1.00879 55.7891 1.00879 51.8652L1.00879 8.13477C1.00879 4.21094 4.1748 1.01758 8.06641 1.01758L118.991 1.01758ZM120 0 8.06641 0C3.6123 0 0 3.64258 0 8.13477L0 51.8652C0 56.3574 3.6123
- 60 8.06641 60L120 60 120 0 120 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
-      
-      <!-- outer shadow -->
-      <Path x="1" y="1.01953" winding="nonZero" data="M116.976 1.01758 116.976 56.9492 7.05859 56.9492C3.72266 56.9492 1.00879 54.2129 1.00879 50.8486L1.00879 7.11914C1.00879 3.75391 3.72266 1.01758 7.05859 1.01758L116.976 1.01758ZM117.983 0 7.05859 0C3.16602 0 0 3.19336 0 7.11914L0 50.8486C0 54.7734
- 3.16602 57.9668 7.05859 57.9668L117.983 57.9668 117.983 0 117.983 0Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="2.0166" y="2.0332" winding="nonZero" data="M114.975 1 114.967 54.9326 6.0498 54.9326C3.26514 54.9326 1 52.6445 1 49.832L1 6.10156C1 3.28857 3.26514 1 6.0498 1L114.975 1ZM115.975 0 6.0498 0C2.71387 0 0 2.7373 0 6.10156L0 49.832C0 53.1963 2.71387 55.9326 6.0498 55.9326L115.967 55.9326 115.975
- 0 115.975 0Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.1"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Path data="M120 60 8.06641 60C3.6123 60 0 56.3574 0 51.8652L0 8.13477C0 3.64258 3.6123 0 8.06641 0L120 0 120 60Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="59.9995" y="1.03467" scaleX="58.029" rotation="90">
+        <GradientEntry ratio="0" alpha="0.047059"/>
+        <GradientEntry ratio="1" alpha="0.247059"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M118.991 1.01758 118.991 58.9834 8.06641 58.9834C4.1748 58.9834 1.00879 55.7891 1.00879 51.8652L1.00879 8.13477C1.00879 4.21094 4.1748 1.01758 8.06641 1.01758L118.991 1.01758ZM120 0 8.06641 0C3.6123 0 0 3.64258 0 8.13477L0 51.8652C0 56.3574 3.6123&#xD;&#xA; 60 8.06641 60L120 60 120 0 120 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
+  <!-- outer shadow -->
+  <Path x="1" y="1.01953" winding="nonZero" data="M116.976 1.01758 116.976 56.9492 7.05859 56.9492C3.72266 56.9492 1.00879 54.2129 1.00879 50.8486L1.00879 7.11914C1.00879 3.75391 3.72266 1.01758 7.05859 1.01758L116.976 1.01758ZM117.983 0 7.05859 0C3.16602 0 0 3.19336 0 7.11914L0 50.8486C0 54.7734&#xD;&#xA; 3.16602 57.9668 7.05859 57.9668L117.983 57.9668 117.983 0 117.983 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="2.0166" y="2.0332" winding="nonZero" data="M114.975 1 114.967 54.9326 6.0498 54.9326C3.26514 54.9326 1 52.6445 1 49.832L1 6.10156C1 3.28857 3.26514 1 6.0498 1L114.975 1ZM115.975 0 6.0498 0C2.71387 0 0 2.7373 0 6.10156L0 49.832C0 53.1963 2.71387 55.9326 6.0498 55.9326L115.967 55.9326 115.975&#xD;&#xA; 0 115.975 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.1"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
index 2430a75..48cb144 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
@@ -18,31 +18,26 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51">
-    
-      <!-- highlight fill -->
-      <Path data="M120 60 7.93359 60C3.55273 60 0 56.4766 0 52.1309L0 7.86865C0 3.52295 3.55273 0 7.93359 0L120 0 120 60Z">
-        <fill>
-          <LinearGradient x="59.9995" y="0.51709" scaleX="32.2191" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M119.008 0.983398 119.008 59.0166 7.93359 59.0166C4.10645 59.0166 0.992188 55.9277 0.992188 52.1309L0.992188 7.86865C0.992188 4.07227 4.10645 0.983398 7.93359 0.983398L119.008 0.983398ZM120 0 7.93359 0C3.55273 0 0 3.52295 0 7.86865L0 52.1309C0
- 56.4766 3.55273 60 7.93359 60L120 60 120 0 120 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
-      
-      <!-- right separator highlight -->
-      <Rect x="118" y="1" width="1" height="58">
-        <fill>
-          <SolidColor color="#FFFFFF" alpha="0.2"/>
-        </fill>
-      </Rect>
+<Graphic version="2.0" scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Path data="M120 60 7.93359 60C3.55273 60 0 56.4766 0 52.1309L0 7.86865C0 3.52295 3.55273 0 7.93359 0L120 0 120 60Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="59.9995" y="0.51709" scaleX="32.2191" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M119.008 0.983398 119.008 59.0166 7.93359 59.0166C4.10645 59.0166 0.992188 55.9277 0.992188 52.1309L0.992188 7.86865C0.992188 4.07227 4.10645 0.983398 7.93359 0.983398L119.008 0.983398ZM120 0 7.93359 0C3.55273 0 0 3.52295 0 7.86865L0 52.1309C0&#xD;&#xA; 56.4766 3.55273 60 7.93359 60L120 60 120 0 120 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
+  <!-- right separator highlight -->
+  <Rect x="118" y="1" width="1" height="58" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#FFFFFF" alpha="0.2"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
index 4a8d3f4..eefd82a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
@@ -18,40 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51">
-    
-      <!-- shadow fill -->
-      <Path data="M0 0 111.934 0C116.388 0 120 3.64258 120 8.13525L120 51.8652C120 56.3574 116.388 60 111.934 60L0 60 0 0Z">
-        <fill>
-          <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
-            <GradientEntry ratio="0" alpha="0.14902"/>
-            <GradientEntry ratio="1" alpha="0.34902"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- outer shadow -->
-      <Path y="1.02002" winding="nonZero" data="M1 1.0166 111.941 1.0166C115.277 1.0166 117.991 3.75342 117.991 7.11816L117.991 50.8481C117.991 54.2124 115.277 56.9487 111.941 56.9487L1 56.9487M0 0 0 57.9663 111.941 57.9663C115.834 57.9663 119 54.7729 119 50.8481L119 7.11816C119 3.19238 115.834
- 0 111.941 0L0 0Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="1" y="2.03369" winding="nonZero" data="M110.934 1C113.718 1 115.983 3.28857 115.983 6.10156L115.983 49.8315C115.983 52.644 113.718 54.9321 110.934 54.9321L1 54.9321 1 1 110.934 1ZM110.934 0 0 0 0 55.9321 110.934 55.9321C114.27 55.9321 116.983 53.1958 116.983 49.8315L116.983 6.10156
-C116.983 2.73682 114.27 0 110.934 0L110.934 0Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.1"/>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86865L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86865C120 3.52295 116.447
- 0 112.066 0Z">
-        <fill>
-          <SolidColor color="#464646"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Path data="M0 0 111.934 0C116.388 0 120 3.64258 120 8.13525L120 51.8652C120 56.3574 116.388 60 111.934 60L0 60 0 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
+        <GradientEntry ratio="0" alpha="0.14902"/>
+        <GradientEntry ratio="1" alpha="0.34902"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- outer shadow -->
+  <Path y="1.02002" winding="nonZero" data="M1 1.0166 111.941 1.0166C115.277 1.0166 117.991 3.75342 117.991 7.11816L117.991 50.8481C117.991 54.2124 115.277 56.9487 111.941 56.9487L1 56.9487M0 0 0 57.9663 111.941 57.9663C115.834 57.9663 119 54.7729 119 50.8481L119 7.11816C119 3.19238 115.834&#xD;&#xA; 0 111.941 0L0 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="1" y="2.03369" winding="nonZero" data="M110.934 1C113.718 1 115.983 3.28857 115.983 6.10156L115.983 49.8315C115.983 52.644 113.718 54.9321 110.934 54.9321L1 54.9321 1 1 110.934 1ZM110.934 0 0 0 0 55.9321 110.934 55.9321C114.27 55.9321 116.983 53.1958 116.983 49.8315L116.983 6.10156&#xD;&#xA;C116.983 2.73682 114.27 0 110.934 0L110.934 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.1"/>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86865L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86865C120 3.52295 116.447&#xD;&#xA; 0 112.066 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#464646"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
index b435851..8abf203 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
@@ -18,40 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51">
-    
-      <!-- shadow fill -->
-      <Path data="M0 0 111.934 0C116.388 0 120 3.64258 120 8.13477L120 51.8652C120 56.3574 116.388 60 111.934 60L0 60 0 0Z">
-        <fill>
-          <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
-            <GradientEntry ratio="0" alpha="0.047059"/>
-            <GradientEntry ratio="1" alpha="0.247059"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- outer shadow -->
-      <Path y="1.01953" winding="nonZero" data="M1.00781 1.01758 111.941 1.01758C115.277 1.01758 117.991 3.75391 117.991 7.11914L117.991 50.8486C117.991 54.2129 115.277 56.9492 111.941 56.9492L1.00781 56.9492 1.00781 1.01758ZM0 57.9668 111.941 57.9668C115.834 57.9668 119 54.7734 119 50.8486
-L119 7.11914C119 3.19336 115.834 0 111.941 0L0 0 0 57.9668Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="0.992188" y="2.0332" winding="nonZero" data="M110.941 1C113.726 1 115.991 3.28857 115.991 6.10156L115.991 49.832C115.991 52.6445 113.726 54.9326 110.941 54.9326L1.00781 54.9326 1 1 110.941 1ZM110.941 0 0 0 0.0078125 55.9326 110.941 55.9326C114.277 55.9326 116.991 53.1963 116.991 49.832L116.991
- 6.10156C116.991 2.7373 114.277 0 110.941 0L110.941 0Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.1"/>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86914L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86914C120 3.52344 116.447
- 0 112.066 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Path data="M0 0 111.934 0C116.388 0 120 3.64258 120 8.13477L120 51.8652C120 56.3574 116.388 60 111.934 60L0 60 0 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
+        <GradientEntry ratio="0" alpha="0.047059"/>
+        <GradientEntry ratio="1" alpha="0.247059"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- outer shadow -->
+  <Path y="1.01953" winding="nonZero" data="M1.00781 1.01758 111.941 1.01758C115.277 1.01758 117.991 3.75391 117.991 7.11914L117.991 50.8486C117.991 54.2129 115.277 56.9492 111.941 56.9492L1.00781 56.9492 1.00781 1.01758ZM0 57.9668 111.941 57.9668C115.834 57.9668 119 54.7734 119 50.8486&#xD;&#xA;L119 7.11914C119 3.19336 115.834 0 111.941 0L0 0 0 57.9668Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="0.992188" y="2.0332" winding="nonZero" data="M110.941 1C113.726 1 115.991 3.28857 115.991 6.10156L115.991 49.832C115.991 52.6445 113.726 54.9326 110.941 54.9326L1.00781 54.9326 1 1 110.941 1ZM110.941 0 0 0 0.0078125 55.9326 110.941 55.9326C114.277 55.9326 116.991 53.1963 116.991 49.832L116.991&#xD;&#xA; 6.10156C116.991 2.7373 114.277 0 110.941 0L110.941 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.1"/>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86914L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86914C120 3.52344 116.447&#xD;&#xA; 0 112.066 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
index d97f02d..5aa665f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
@@ -18,31 +18,26 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51">
-    
-      <!-- highlight fill -->
-      <Path data="M0 0 112.066 0C116.447 0 120 3.52295 120 7.86865L120 52.1309C120 56.4766 116.447 60 112.066 60L0 60 0 0Z">
-        <fill>
-          <LinearGradient x="60" y="0.51709" scaleX="32.2185" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- left separator highlight -->
-      <Rect y="1" width="1" height="58">
-        <fill>
-          <SolidColor color="#FFFFFF" alpha="0.2"/>
-        </fill>
-      </Rect>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86865L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86865C120 3.52295 116.447
- 0 112.066 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Path data="M0 0 112.066 0C116.447 0 120 3.52295 120 7.86865L120 52.1309C120 56.4766 116.447 60 112.066 60L0 60 0 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="60" y="0.51709" scaleX="32.2185" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- left separator highlight -->
+  <Rect y="1" width="1" height="58" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#FFFFFF" alpha="0.2"/>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86865L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86865C120 3.52295 116.447&#xD;&#xA; 0 112.066 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
index 8999f79..7e2f7fb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
@@ -18,37 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56">
-    
-      <!-- shadow fill -->
-      <Rect width="120" height="60">
-        <fill>
-          <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
-            <GradientEntry ratio="0" alpha="0.14902"/>
-            <GradientEntry ratio="1" alpha="0.34902"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-      
-      <!-- outer shadow -->
-      <Path y="1" winding="nonZero" data="M1 1 118 1 118 57 1 57 1 1ZM0 0.0336914 0 58 119 58 119 0 0 0.0336914Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="1" y="2" winding="nonZero" data="M116 1 116 55 1 55 1 1 116 1ZM117 0 0 0 0 56 117 56 117 0 117 0Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.1"/>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z">
-        <fill>
-          <SolidColor color="#464646"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Rect width="120" height="60" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
+        <GradientEntry ratio="0" alpha="0.14902"/>
+        <GradientEntry ratio="1" alpha="0.34902"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- outer shadow -->
+  <Path y="1" winding="nonZero" data="M1 1 118 1 118 57 1 57 1 1ZM0 0.0336914 0 58 119 58 119 0 0 0.0336914Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="1" y="2" winding="nonZero" data="M116 1 116 55 1 55 1 1 116 1ZM117 0 0 0 0 56 117 56 117 0 117 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.1"/>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#464646"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
index 3f55cc5..9c84120 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
@@ -18,37 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56">
-    
-      <!-- shadow fill -->
-      <Rect y="1" width="119" height="58">
-        <fill>
-          <LinearGradient x="59.4995" y="1" scaleX="56.0938" rotation="90">
-            <GradientEntry ratio="0" alpha="0.047059"/>
-            <GradientEntry ratio="1" alpha="0.247059"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-      
-      <!-- outer shadow -->
-      <Path y="1" winding="nonZero" data="M1 1 118 1 118 57 1 57 1 1ZM0 0.0332031 0 58 119 58 119 0 0 0.0332031 0 0.0332031Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="0.992188" y="2" winding="nonZero" data="M116.008 1 116.008 55 1.00781 55 1 1 116.008 1ZM117.008 0 0 0 0.0078125 56 117.008 56 117.008 0 117.008 0Z">
-        <fill>
-          <SolidColor color="#000000" alpha="0.1"/>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Rect y="1" width="119" height="58" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="59.4995" y="1" scaleX="56.0938" rotation="90">
+        <GradientEntry ratio="0" alpha="0.047059"/>
+        <GradientEntry ratio="1" alpha="0.247059"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- outer shadow -->
+  <Path y="1" winding="nonZero" data="M1 1 118 1 118 57 1 57 1 1ZM0 0.0332031 0 58 119 58 119 0 0 0.0332031 0 0.0332031Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="0.992188" y="2" winding="nonZero" data="M116.008 1 116.008 55 1.00781 55 1 1 116.008 1ZM117.008 0 0 0 0.0078125 56 117.008 56 117.008 0 117.008 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.1"/>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
index 3d8bb7f..2e27c42 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
@@ -18,37 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56">
-    
-      <!-- highlight fill -->
-      <Rect width="120" height="60">
-        <fill>
-          <LinearGradient x="60" y="0.51709" scaleX="32.2185" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
-      
-      <!-- left separator highlight -->
-      <Rect y="1" width="1" height="58">
-        <fill>
-          <SolidColor color="#FFFFFF" alpha="0.2"/>
-        </fill>
-      </Rect>
-      
-      <!-- right separator highlight -->
-      <Rect x="118" y="1" width="1" height="58">
-        <fill>
-          <SolidColor color="#FFFFFF" alpha="0.2"/>
-        </fill>
-      </Rect>
+<Graphic version="2.0" scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect width="120" height="60" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="60" y="0.51709" scaleX="32.2185" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
+  <!-- left separator highlight -->
+  <Rect y="1" width="1" height="58" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#FFFFFF" alpha="0.2"/>
+    </fill>
+  </Rect>
+  <!-- right separator highlight -->
+  <Rect x="118" y="1" width="1" height="58" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#FFFFFF" alpha="0.2"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
index 10f8259..6687801 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,34 +17,33 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "65" viewWidth= "220"
-	scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51">
-	<!-- Border -->
-	<Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z ">
-		<fill>
-			<SolidColor color="#464646"/>
-		</fill>
-	</Path>
-	<!-- Fill Shadow -->
-	<Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z ">
-		<fill>
-			<LinearGradient x = "110" y = "1" scaleX = "63" rotation = "90">
-				<GradientEntry color="#000000" ratio="0" alpha="0.05"/>
-				<GradientEntry color="#000000" ratio="1" alpha="0.25"/>
-			</LinearGradient>
-		</fill>
-	</Path>
-	<!-- Inner Shadow -->
-	<Path data="M 8 2 C 8 2 212 2 212 2 C 215 2 218 5 218 8 C 218 8 218 57 218 57 C 218 60 215 63 212 63 C 212 63 8 63 8 63 C 5 63 2 60 2 57 C 2 57 2 8 2 8 C 2 5 5 2 8 2 Z M 8 1 C 4 1 1 4 1 8 C 1 8 1 57 1 57 C 1 61 4 64 8 64 C 8 64 212 64 212 64 C 216 64 219 61 219 57 C 219 57 219 8 219 8 C 219 4 216 1 212 1 C 212 1 8 1 8 1 Z ">
-		<fill>
-			<SolidColor color="#000000" alpha="0.25"/>
-		</fill>
-	</Path>
-	<!-- Inner Inner Shadow -->
-	<Path data="M 8 3 C 8 3 212 3 212 3 C 215 3 217 5 217 8 C 217 8 217 57 217 57 C 217 60 215 62 212 62 C 212 62 8 62 8 62 C 5 62 3 60 3 57 C 3 57 3 8 3 8 C 3 5 5 3 8 3 Z M 8 2 C 5 2 2 5 2 8 C 2 8 2 57 2 57 C 2 60 5 63 8 63 C 8 63 212 63 212 63 C 215 63 218 60 218 57 C 218 57 218 8 218 8 C 218 5 215 2 212 2 C 212 2 8 2 8 2 Z ">
-		<fill>
-			<SolidColor color="#000000" alpha="0.1"/>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" viewHeight="65" viewWidth="220" scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Border -->
+  <Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#464646"/>
+    </fill>
+  </Path>
+  <!-- Fill Shadow -->
+  <Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="110" y="1" scaleX="63" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.05"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.25"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- Inner Shadow -->
+  <Path data="M 8 2 C 8 2 212 2 212 2 C 215 2 218 5 218 8 C 218 8 218 57 218 57 C 218 60 215 63 212 63 C 212 63 8 63 8 63 C 5 63 2 60 2 57 C 2 57 2 8 2 8 C 2 5 5 2 8 2 Z M 8 1 C 4 1 1 4 1 8 C 1 8 1 57 1 57 C 1 61 4 64 8 64 C 8 64 212 64 212 64 C 216 64 219 61 219 57 C 219 57 219 8 219 8 C 219 4 216 1 212 1 C 212 1 8 1 8 1 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.25"/>
+    </fill>
+  </Path>
+  <!-- Inner Inner Shadow -->
+  <Path data="M 8 3 C 8 3 212 3 212 3 C 215 3 217 5 217 8 C 217 8 217 57 217 57 C 217 60 215 62 212 62 C 212 62 8 62 8 62 C 5 62 3 60 3 57 C 3 57 3 8 3 8 C 3 5 5 3 8 3 Z M 8 2 C 5 2 2 5 2 8 C 2 8 2 57 2 57 C 2 60 5 63 8 63 C 8 63 212 63 212 63 C 215 63 218 60 218 57 C 218 57 218 8 218 8 C 218 5 215 2 212 2 C 212 2 8 2 8 2 Z " scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.1"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
index 991299f..63dc6c6 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,14 +17,12 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "65" viewWidth= "220"
-	scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51">
-		
-	<!-- Border -->
-	<Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z " alpha="1">
-		<fill>
-			<SolidColor color="#646464"/>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" viewHeight="65" viewWidth="220" scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Border -->
+  <Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z " alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
index 582649b..b22499b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
@@ -18,34 +18,26 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="10" scaleGridRight="440" scaleGridTop="22" scaleGridBottom="292">
-
-	<!-- invisible fix for scaling -->
-	<Rect x="0" y="299" width="450" height="1">
-		<fill>
-			<SolidColor color="#ffffff" alpha="0"/>
-		</fill>
-	</Rect>
-    
-	<!-- Content Shading Top -->
-	<Rect x="0" y="0" width="450" height="15"
-			topLeftRadiusX="7" topLeftRadiusY="7"
-			topRightRadiusX="7" topRightRadiusY="7">
-		<fill>
-			<LinearGradient  rotation="90">
-				<GradientEntry ratio="0" color="#000000" alpha="0.6"/>
-				<GradientEntry ratio="0.5" color="#000000" alpha="0"/>
-			</LinearGradient>
-		</fill>
-	</Rect>
-	
-	<!-- Content Highlight -->
-	<Rect x="0.5" y="0.5" width="449" height="299"
-			radiusX="7" radiusY="7">
-		<stroke>
-			<SolidColorStroke color="#FFFFFF" alpha="0.8"
-								weight="1"/>
-		</stroke>
-	</Rect>
-</Graphic>
+<Graphic version="2.0" scaleGridLeft="10" scaleGridRight="440" scaleGridTop="22" scaleGridBottom="292" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="299" width="450" height="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- Content Shading Top -->
+  <Rect x="0" y="0" width="450" height="15" topLeftRadiusX="7" topLeftRadiusY="7" topRightRadiusX="7" topRightRadiusY="7" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient rotation="90">
+        <GradientEntry ratio="0" color="#000000" alpha="0.6"/>
+        <GradientEntry ratio="0.5" color="#000000" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- Content Highlight -->
+  <Rect x="0.5" y="0.5" width="449" height="299" radiusX="7" radiusY="7" scaleX="0.5" scaleY="0.5">
+    <stroke>
+      <SolidColorStroke color="#FFFFFF" alpha="0.8" weight="1"/>
+    </stroke>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
index 35db363..5ea101a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
@@ -1,4 +1,4 @@
-<?xml version='1.0' encoding='UTF-8'?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,41 +17,40 @@
   limitations under the License.
 
 -->
-
-
-<Graphic xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns="http://ns.adobe.com/fxg/2008" version="2.0">
-	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z M 1 3 C 1 3 1 45 1 45 C 1 46 2 47 3 47 C 3 47 45 47 45 47 C 46 47 47 46 47 45 C 47 45 47 3 47 3 C 47 2 46 1 45 1 C 45 1 3 1 3 1 C 2 1 1 3 1 3 Z " alpha="0.7">
-		<fill>
-			<SolidColor color="#000000"/>
-		</fill>
-	</Path>
-	<Path data="M 1 3 C 1 2 2 1 3 1 C 3 1 45 1 45 1 C 46 1 47 2 47 3 C 47 3 47 45 47 45 C 47 46 47 47 46 47 C 46 47 2 47 2 47 C 1 47 1 46 1 45 C 1 45 1 3 1 3 Z M 0 2 C 0 2 0 46 0 46 C 0 47 1 48 2 48 C 2 48 46 48 46 48 C 47 48 48 47 48 46 C 48 46 48 2 48 2 C 48 1 47 0 46 0 C 46 0 2 0 2 0 C 1 0 0 2 0 2 Z " alpha="0.06">
-		<fill>
-			<SolidColor color="#ffffff"/>
-		</fill>
-	</Path>
-	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z " alpha="1">
-		<fill>
-			<LinearGradient x = "24" y = "2" scaleX = "44" rotation = "90">
-				<GradientEntry color="#000000" ratio="0" alpha="0.11"/>
-				<GradientEntry color="#000000" ratio="1" alpha="0.4"/>
-			</LinearGradient>
-		</fill>
-	</Path>
-	<Path data="M 3 5 C 3 4 4 3 5 3 C 5 3 43 3 43 3 C 44 3 45 4 45 5 C 45 5 45 43 45 43 C 45 44 45 45 44 45 C 44 45 4 45 4 45 C 3 45 3 44 3 43 C 3 43 3 5 3 5 Z M 2 4 C 2 4 2 44 2 44 C 2 45 2 46 3 46 C 3 46 45 46 45 46 C 46 46 46 45 46 44 C 46 44 46 4 46 4 C 46 3 45 2 44 2 C 44 2 4 2 4 2 C 3 2 2 3 2 4 Z " alpha="1">
-		<fill>
-			<LinearGradient x = "24" y = "2" scaleX = "44" rotation = "90">
-				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
-				<GradientEntry color="#000000" ratio="1" alpha="0.05"/>
-			</LinearGradient>
-		</fill>
-	</Path>
-	<Path data="M 4 6 C 4 5 5 4 6 4 C 6 4 42 4 42 4 C 43 4 44 5 44 6 C 44 6 44 42 44 42 C 44 43 44 44 43 44 C 43 44 5 44 5 44 C 4 44 4 43 4 42 C 4 42 4 6 4 6 Z M 3 5 C 3 5 3 43 3 43 C 3 44 3 45 4 45 C 4 45 44 45 44 45 C 45 45 45 44 45 43 C 45 43 45 5 45 5 C 45 4 44 3 43 3 C 43 3 5 3 5 3 C 4 3 3 4 3 5 Z " alpha="1">
-		<fill>
-			<LinearGradient x = "25" y = "3" scaleX = "44" rotation = "90">
-				<GradientEntry color="#000000" ratio="0" alpha="0.12"/>
-				<GradientEntry color="#000000" ratio="1" alpha="0"/>
-			</LinearGradient>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z M 1 3 C 1 3 1 45 1 45 C 1 46 2 47 3 47 C 3 47 45 47 45 47 C 46 47 47 46 47 45 C 47 45 47 3 47 3 C 47 2 46 1 45 1 C 45 1 3 1 3 1 C 2 1 1 3 1 3 Z " alpha="0.7" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#000000"/>
+    </fill>
+  </Path>
+  <Path data="M 1 3 C 1 2 2 1 3 1 C 3 1 45 1 45 1 C 46 1 47 2 47 3 C 47 3 47 45 47 45 C 47 46 47 47 46 47 C 46 47 2 47 2 47 C 1 47 1 46 1 45 C 1 45 1 3 1 3 Z M 0 2 C 0 2 0 46 0 46 C 0 47 1 48 2 48 C 2 48 46 48 46 48 C 47 48 48 47 48 46 C 48 46 48 2 48 2 C 48 1 47 0 46 0 C 46 0 2 0 2 0 C 1 0 0 2 0 2 Z " alpha="0.06" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <SolidColor color="#ffffff"/>
+    </fill>
+  </Path>
+  <Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z " alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="24" y="2" scaleX="44" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.11"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.4"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path data="M 3 5 C 3 4 4 3 5 3 C 5 3 43 3 43 3 C 44 3 45 4 45 5 C 45 5 45 43 45 43 C 45 44 45 45 44 45 C 44 45 4 45 4 45 C 3 45 3 44 3 43 C 3 43 3 5 3 5 Z M 2 4 C 2 4 2 44 2 44 C 2 45 2 46 3 46 C 3 46 45 46 45 46 C 46 46 46 45 46 44 C 46 44 46 4 46 4 C 46 3 45 2 44 2 C 44 2 4 2 4 2 C 3 2 2 3 2 4 Z " alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="24" y="2" scaleX="44" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.05"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path data="M 4 6 C 4 5 5 4 6 4 C 6 4 42 4 42 4 C 43 4 44 5 44 6 C 44 6 44 42 44 42 C 44 43 44 44 43 44 C 43 44 5 44 5 44 C 4 44 4 43 4 42 C 4 42 4 6 4 6 Z M 3 5 C 3 5 3 43 3 43 C 3 44 3 45 4 45 C 4 45 44 45 44 45 C 45 45 45 44 45 43 C 45 43 45 5 45 5 C 45 4 44 3 43 3 C 43 3 5 3 5 3 C 4 3 3 4 3 5 Z " alpha="1" scaleX="0.5" scaleY="0.5">
+    <fill>
+      <LinearGradient x="25" y="3" scaleX="44" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.12"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file


[26/41] git commit: [flex-sdk] [refs/heads/develop] - added extra dpi tests for 160 and 640 dpi

Posted by jm...@apache.org.
added extra dpi tests for 160 and 640 dpi


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/43644dc4
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/43644dc4
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/43644dc4

Branch: refs/heads/develop
Commit: 43644dc429b7749be2b201d184366569fae9e11c
Parents: 2a5bfee
Author: Justin Mclean <jm...@apache.org>
Authored: Sun Aug 11 22:54:55 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sun Aug 11 22:54:55 2013 +1000

----------------------------------------------------------------------
 .../integration/ImageScaling_tester.mxml            | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/43644dc4/mustella/tests/mobile/DensityIndependentScaling/integration/ImageScaling_tester.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/ImageScaling_tester.mxml b/mustella/tests/mobile/DensityIndependentScaling/integration/ImageScaling_tester.mxml
index 3a3b234..a060c0b 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/integration/ImageScaling_tester.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/ImageScaling_tester.mxml
@@ -97,10 +97,12 @@
                 <RunCode code="application.navigator.pushView(views.ImageScalingView)" waitTarget="navigator" waitEvent="viewChangeComplete" timeout="6000" />
                 <ChangeState changeTarget="navigator.activeView" toState="referenced" waitEvent="ready" waitTarget="navigator.activeView.image" />
                 <CompareBitmap target="navigator.activeView.image" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />			
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />			
                 </CompareBitmap>
             </body>
         </TestCase>
@@ -131,10 +133,12 @@
                 <RunCode code="application.navigator.pushView(views.ImageScalingView)" waitTarget="navigator" waitEvent="viewChangeComplete" timeout="6000" />
                 <ChangeState changeTarget="navigator.activeView" toState="referenced" waitEvent="ready" waitTarget="navigator.activeView.button.iconDisplay" />
                 <CompareBitmap target="navigator.activeView.button" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />	
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />
 				</CompareBitmap>
             </body>
         </TestCase>
@@ -167,10 +171,12 @@
                 <ChangeState changeTarget="navigator.activeView" toState="referenced" waitEvent="updateComplete" waitTarget="navigator.activeView.tabbedNavigator.tabBar.dataGroup.getElementAt(0)" />
                 <Pause timeout="500" /><!-- must pause as the iconDisplay skin part isn't used in ButtonSkinBase (mobile skins) since it extends UIComponent and not Group -->
                 <CompareBitmap target="navigator.activeView.tabbedNavigator" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />		
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />	
                 </CompareBitmap>
             </body>
         </TestCase>
@@ -202,10 +208,12 @@
                 <RunCode code="application.navigator.pushView(views.ImageScalingView)" waitTarget="navigator" waitEvent="viewChangeComplete" timeout="6000" />
                 <ChangeState changeTarget="navigator.activeView" toState="referenced" waitEvent="itemRenderer0IconReady" waitTarget="navigator.activeView.normalList" />
                 <CompareBitmap target="navigator.activeView.normalList" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />	
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />
 				</CompareBitmap>
             </body>
         </TestCase>


[08/41] Added 160 and 640 dpi draft AS skins

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/ToggleSwitchSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ToggleSwitchSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ToggleSwitchSkin.as
index 5fd3094..2b5ff09 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ToggleSwitchSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ToggleSwitchSkin.as
@@ -36,10 +36,12 @@ import spark.components.ToggleSwitch;
 import spark.components.supportClasses.StyleableTextField;
 import spark.core.SpriteVisualElement;
 import spark.skins.mobile.supportClasses.MobileSkin;
+import spark.skins.mobile120.assets.ToggleSwitch_contentShadow;
 import spark.skins.mobile160.assets.ToggleSwitch_contentShadow;
 import spark.skins.mobile240.assets.ToggleSwitch_contentShadow;
 import spark.skins.mobile320.assets.ToggleSwitch_contentShadow;
 import spark.skins.mobile480.assets.ToggleSwitch_contentShadow;
+import spark.skins.mobile640.assets.ToggleSwitch_contentShadow;
 
 use namespace mx_internal;
 
@@ -74,7 +76,19 @@ public class ToggleSwitchSkin extends MobileSkin
         super();
         
         switch(applicationDPI) 
-        {
+        {	
+			case DPIClassification.DPI_640:
+			{
+				layoutThumbWidth = 94;
+				layoutThumbHeight = 56;
+				layoutStrokeWeight = 2;
+				layoutBorderSize = 2;
+				layoutTextShadowOffset = -2;
+				layoutInnerPadding = 14;
+				layoutOuterPadding = 22;
+				slidingContentOverlayClass = spark.skins.mobile320.assets.ToggleSwitch_contentShadow;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -88,7 +102,6 @@ public class ToggleSwitchSkin extends MobileSkin
 				slidingContentOverlayClass = spark.skins.mobile480.assets.ToggleSwitch_contentShadow;
 				break;
 			}		
-
             case DPIClassification.DPI_320:
             {
                 layoutThumbWidth = 94;
@@ -101,19 +114,30 @@ public class ToggleSwitchSkin extends MobileSkin
                 slidingContentOverlayClass = spark.skins.mobile320.assets.ToggleSwitch_contentShadow;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                layoutThumbWidth = 70;
-                layoutThumbHeight = 42;
-                layoutStrokeWeight = 2;
-                layoutBorderSize = 1;
-                layoutTextShadowOffset = -1;
-                layoutInnerPadding = 10;
-                layoutOuterPadding = 17;
-                slidingContentOverlayClass = spark.skins.mobile240.assets.ToggleSwitch_contentShadow;
-                break;
-            }
-            case DPIClassification.DPI_160:
+			case DPIClassification.DPI_240:
+			{
+				layoutThumbWidth = 70;
+				layoutThumbHeight = 42;
+				layoutStrokeWeight = 2;
+				layoutBorderSize = 1;
+				layoutTextShadowOffset = -1;
+				layoutInnerPadding = 10;
+				layoutOuterPadding = 17;
+				slidingContentOverlayClass = spark.skins.mobile240.assets.ToggleSwitch_contentShadow;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				layoutThumbWidth = 35;
+				layoutThumbHeight = 21;
+				layoutStrokeWeight = 2;
+				layoutBorderSize = 1;
+				layoutTextShadowOffset = -1;
+				layoutInnerPadding = 5;
+				layoutOuterPadding = 9;
+				slidingContentOverlayClass = spark.skins.mobile120.assets.ToggleSwitch_contentShadow;
+				break;
+			}
             default:
             {
                 layoutThumbWidth = 47;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarSkin.as
index 9754455..44c3dcf 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarSkin.as
@@ -66,6 +66,13 @@ public class VScrollBarSkin extends MobileSkin
         // Depending on density set our measured width
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				minWidth = 24;
+				paddingRight = VScrollBarThumbSkin.PADDING_RIGHT_640DPI;
+				paddingVertical = VScrollBarThumbSkin.PADDING_VERTICAL_640DPI;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				minWidth = 18;
@@ -80,13 +87,20 @@ public class VScrollBarSkin extends MobileSkin
                 paddingVertical = VScrollBarThumbSkin.PADDING_VERTICAL_320DPI;
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                minWidth = 9;
-                paddingRight = VScrollBarThumbSkin.PADDING_RIGHT_240DPI;
-                paddingVertical = VScrollBarThumbSkin.PADDING_VERTICAL_240DPI;
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				minWidth = 9;
+				paddingRight = VScrollBarThumbSkin.PADDING_RIGHT_240DPI;
+				paddingVertical = VScrollBarThumbSkin.PADDING_VERTICAL_240DPI;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				minWidth = 9;
+				paddingRight = VScrollBarThumbSkin.PADDING_RIGHT_120DPI;
+				paddingVertical = VScrollBarThumbSkin.PADDING_VERTICAL_120DPI;
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarThumbSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarThumbSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarThumbSkin.as
index 4e95d3f..acf1479 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarThumbSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarThumbSkin.as
@@ -48,12 +48,16 @@ public class VScrollBarThumbSkin extends MobileSkin
     //--------------------------------------------------------------------------
     
     // These constants are also accessed from VScrollBarSkin
+	mx_internal static const PADDING_RIGHT_630DPI:int = 10;
+	mx_internal static const PADDING_VERTICAL_630DPI:int = 8;
 	mx_internal static const PADDING_RIGHT_480DPI:int = 8;
 	mx_internal static const PADDING_VERTICAL_480DPI:int = 6;
     mx_internal static const PADDING_RIGHT_320DPI:int = 5;
     mx_internal static const PADDING_VERTICAL_320DPI:int = 4;
-    mx_internal static const PADDING_RIGHT_240DPI:int = 4;
-    mx_internal static const PADDING_VERTICAL_240DPI:int = 3;
+	mx_internal static const PADDING_RIGHT_240DPI:int = 4;
+	mx_internal static const PADDING_VERTICAL_240DPI:int = 3;
+	mx_internal static const PADDING_RIGHT_120DPI:int = 2;
+	mx_internal static const PADDING_VERTICAL_120DPI:int = 1;
     mx_internal static const PADDING_RIGHT_DEFAULTDPI:int = 3;
     mx_internal static const PADDING_VERTICAL_DEFAULTDPI:int = 2;
     

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/ViewMenuItemSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ViewMenuItemSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ViewMenuItemSkin.as
index 942af6f..c4181a4 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ViewMenuItemSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ViewMenuItemSkin.as
@@ -29,12 +29,18 @@ import spark.skins.mobile.assets.ViewMenuItem_down;
 import spark.skins.mobile.assets.ViewMenuItem_showsCaret;
 import spark.skins.mobile.assets.ViewMenuItem_up;
 import spark.skins.mobile.supportClasses.ButtonSkinBase;
+import spark.skins.mobile120.assets.ViewMenuItem_down;
+import spark.skins.mobile120.assets.ViewMenuItem_showsCaret;
+import spark.skins.mobile120.assets.ViewMenuItem_up;
 import spark.skins.mobile320.assets.ViewMenuItem_down;
 import spark.skins.mobile320.assets.ViewMenuItem_showsCaret;
 import spark.skins.mobile320.assets.ViewMenuItem_up;
 import spark.skins.mobile480.assets.ViewMenuItem_down;
 import spark.skins.mobile480.assets.ViewMenuItem_showsCaret;
 import spark.skins.mobile480.assets.ViewMenuItem_up;
+import spark.skins.mobile640.assets.ViewMenuItem_down;
+import spark.skins.mobile640.assets.ViewMenuItem_showsCaret;
+import spark.skins.mobile640.assets.ViewMenuItem_up;
 
 
 use namespace mx_internal;
@@ -63,6 +69,22 @@ public class ViewMenuItemSkin extends ButtonSkin
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				
+				upBorderSkin = spark.skins.mobile640.assets.ViewMenuItem_up;
+				downBorderSkin = spark.skins.mobile640.assets.ViewMenuItem_down;
+				showsCaretBorderSkin = spark.skins.mobile640.assets.ViewMenuItem_showsCaret;
+				
+				layoutGap = 24;
+				layoutPaddingLeft = 24;
+				layoutPaddingRight = 24;
+				layoutPaddingTop = 24;
+				layoutPaddingBottom = 24;
+				layoutBorderSize = 3;   
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{   
 				// Note provisional may need changes
@@ -97,22 +119,38 @@ public class ViewMenuItemSkin extends ButtonSkin
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {   
-                upBorderSkin = spark.skins.mobile.assets.ViewMenuItem_up;
-                downBorderSkin = spark.skins.mobile.assets.ViewMenuItem_down;
-                showsCaretBorderSkin = spark.skins.mobile.assets.ViewMenuItem_showsCaret;
-                
-                layoutGap = 8;
-                layoutPaddingLeft = 8;
-                layoutPaddingRight = 8;
-                layoutPaddingTop = 8;
-                layoutPaddingBottom = 8;
-                layoutBorderSize = 1;
-                
-                break;
-                
-            }
+			case DPIClassification.DPI_240:
+			{   
+				upBorderSkin = spark.skins.mobile.assets.ViewMenuItem_up;
+				downBorderSkin = spark.skins.mobile.assets.ViewMenuItem_down;
+				showsCaretBorderSkin = spark.skins.mobile.assets.ViewMenuItem_showsCaret;
+				
+				layoutGap = 8;
+				layoutPaddingLeft = 8;
+				layoutPaddingRight = 8;
+				layoutPaddingTop = 8;
+				layoutPaddingBottom = 8;
+				layoutBorderSize = 1;
+				
+				break;
+				
+			}
+			case DPIClassification.DPI_120:
+			{   
+				upBorderSkin = spark.skins.mobile120.assets.ViewMenuItem_up;
+				downBorderSkin = spark.skins.mobile120.assets.ViewMenuItem_down;
+				showsCaretBorderSkin = spark.skins.mobile120.assets.ViewMenuItem_showsCaret;
+				
+				layoutGap = 4;
+				layoutPaddingLeft = 4;
+				layoutPaddingRight = 4;
+				layoutPaddingTop = 4;
+				layoutPaddingBottom = 4;
+				layoutBorderSize = 1;
+				
+				break;
+				
+			}
             default:
             {
                 upBorderSkin = spark.skins.mobile.assets.ViewMenuItem_up;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/ViewMenuSkin.mxml
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ViewMenuSkin.mxml b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ViewMenuSkin.mxml
index 52fb708..d4950c0 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/ViewMenuSkin.mxml
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/ViewMenuSkin.mxml
@@ -88,15 +88,19 @@
             {
                 super.updateDisplayList(unscaledWidth, unscaledHeight);
                 
-                var strokeWeight:Number = (applicationDPI == DPIClassification.DPI_480 || applicationDPI == DPIClassification.DPI_320) ? 2 : 1;
+                var strokeWeight:Number = (applicationDPI == DPIClassification.DPI_640 || applicationDPI == DPIClassification.DPI_480 || applicationDPI == DPIClassification.DPI_320) ? 2 : 1;
                 var separatorWeight:Number = 1;
                 
-				if (applicationDPI == DPIClassification.DPI_480)
+				if (applicationDPI == DPIClassification.DPI_640)
 					separatorWeight = 6;
+				else if (applicationDPI == DPIClassification.DPI_480)
+					separatorWeight = 4;
 				else if (applicationDPI == DPIClassification.DPI_320)
-                    separatorWeight = 4;
-                else if (applicationDPI == DPIClassification.DPI_240)
-                    separatorWeight = 2;          
+                    separatorWeight = 3;
+				else if (applicationDPI == DPIClassification.DPI_240)
+					separatorWeight = 2;  
+				else if (applicationDPI == DPIClassification.DPI_120)
+					separatorWeight = 1;  
                 
                 dividerStroke.weight = strokeWeight;
                 background.top = strokeWeight;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/ActionBarButtonSkinBase.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/ActionBarButtonSkinBase.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/ActionBarButtonSkinBase.as
index 80e8a09..4c7070b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/ActionBarButtonSkinBase.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/ActionBarButtonSkinBase.as
@@ -76,6 +76,18 @@ public class ActionBarButtonSkinBase extends ButtonSkin
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				// Note provisional may need changes
+				layoutBorderSize = 2;
+				layoutPaddingTop = 24;
+				layoutPaddingBottom = 20;
+				layoutPaddingLeft = 40;
+				layoutPaddingRight = 40;
+				measuredDefaultWidth = 2012;
+				measuredDefaultHeight = 172;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -86,7 +98,6 @@ public class ActionBarButtonSkinBase extends ButtonSkin
 				layoutPaddingRight = 32;
 				measuredDefaultWidth = 162;
 				measuredDefaultHeight = 130;
-				
 				break;
 			}
             case DPIClassification.DPI_320:
@@ -98,7 +109,6 @@ public class ActionBarButtonSkinBase extends ButtonSkin
                 layoutPaddingRight = 20;
                 measuredDefaultWidth = 106;
                 measuredDefaultHeight = 86;
-                
                 break;
             }
             case DPIClassification.DPI_240:
@@ -110,9 +120,20 @@ public class ActionBarButtonSkinBase extends ButtonSkin
                 layoutPaddingRight = 16;
                 measuredDefaultWidth = 81;
                 measuredDefaultHeight = 65;
-                
                 break;
             }
+			case DPIClassification.DPI_160:
+			{
+				// Note provisional may need changes
+				layoutBorderSize = 1;
+				layoutPaddingTop = 4;
+				layoutPaddingBottom = 4;
+				layoutPaddingLeft = 8;
+				layoutPaddingRight = 8;
+				measuredDefaultWidth = 40;
+				measuredDefaultHeight = 33;
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/CalloutArrow.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/CalloutArrow.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/CalloutArrow.as
index e21b02c..35f8757 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/CalloutArrow.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/CalloutArrow.as
@@ -63,6 +63,15 @@ public class CalloutArrow extends UIComponent
         // Copy DPI-specific values from CalloutSkin
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_320:
+			{
+				// Note provisional may need changes
+				gap = 32;
+				backgroundGradientHeight = 440;
+				highlightWeight = 4;
+				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -80,14 +89,23 @@ public class CalloutArrow extends UIComponent
                 
                 break;
             }
-            case DPIClassification.DPI_240:
-            {
-                gap = 12;
-                backgroundGradientHeight = 165;
-                highlightWeight = 1;
-                
-                break;
-            }
+			case DPIClassification.DPI_240:
+			{
+				gap = 12;
+				backgroundGradientHeight = 165;
+				highlightWeight = 1;
+				
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				// Note provisional may need changes
+				gap = 6;
+				backgroundGradientHeight = 83;
+				highlightWeight = 1;
+				
+				break;
+			}
             default:
             {
                 // default DPI_160

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/HSliderDataTip.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/HSliderDataTip.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/HSliderDataTip.as
index c2a5ff3..394d8d7 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/HSliderDataTip.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/HSliderDataTip.as
@@ -191,6 +191,18 @@ public class HSliderDataTip extends UIComponent implements IDataRenderer
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_320:
+			{
+				// Note provisional may need changes
+				fontSize = "60";
+				leftTextPadding = 28;
+				leftRightTextPadding = 56;
+				topTextPadding = 16;
+				topBottomTextPadding = 28;
+				tooltipOffset = 44;
+				cornerRadius = 16;	
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -201,7 +213,6 @@ public class HSliderDataTip extends UIComponent implements IDataRenderer
 				topBottomTextPadding = 20;
 				tooltipOffset = 14;
 				cornerRadius = 12;
-				
 				break;
 			}
             case DPIClassification.DPI_320:
@@ -212,20 +223,32 @@ public class HSliderDataTip extends UIComponent implements IDataRenderer
                 topTextPadding = 8;
                 topBottomTextPadding = 14;
                 tooltipOffset = 22;
-                cornerRadius = 8;				
-            }
-            case DPIClassification.DPI_240:
-            {
-                fontSize = "20";
-                leftTextPadding = 11;
-                leftRightTextPadding = 22;
-                topTextPadding = 5;
-                topBottomTextPadding = 10;
-                tooltipOffset = 7;
-                cornerRadius = 6;
-                
-                break;
+                cornerRadius = 8;
+				break;
             }
+			case DPIClassification.DPI_240:
+			{
+				fontSize = "20";
+				leftTextPadding = 11;
+				leftRightTextPadding = 22;
+				topTextPadding = 5;
+				topBottomTextPadding = 10;
+				tooltipOffset = 7;
+				cornerRadius = 6;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				// Note provisional may need changes
+				fontSize = "10";
+				leftTextPadding = 6;
+				leftRightTextPadding = 11;
+				topTextPadding = 3;
+				topBottomTextPadding = 5;
+				tooltipOffset = 4;
+				cornerRadius = 3;
+				break;
+			}
             default:
             {
                 // default DPI_160
@@ -235,8 +258,7 @@ public class HSliderDataTip extends UIComponent implements IDataRenderer
                 topTextPadding = 4;
                 topBottomTextPadding = 7;
                 tooltipOffset = 11;
-                cornerRadius = 4;
-                
+                cornerRadius = 4;           
                 break;
             }
         }

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/StageTextSkinBase.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/StageTextSkinBase.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/StageTextSkinBase.as
index f7abd96..3d08a21 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/StageTextSkinBase.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/StageTextSkinBase.as
@@ -66,6 +66,16 @@ public class StageTextSkinBase extends MobileSkin
 
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				// Note provisional may need changes
+				borderClass = spark.skins.mobile640.assets.TextInput_border;
+				layoutCornerEllipseSize = 48;
+				measuredDefaultWidth = 1200;
+				measuredDefaultHeight = 132;
+				layoutBorderSize = 3;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -74,7 +84,6 @@ public class StageTextSkinBase extends MobileSkin
 				measuredDefaultWidth = 880;
 				measuredDefaultHeight = 100;
 				layoutBorderSize = 2;
-				
 				break;
 			}
             case DPIClassification.DPI_320:
@@ -84,19 +93,27 @@ public class StageTextSkinBase extends MobileSkin
                 measuredDefaultWidth = 600;
                 measuredDefaultHeight = 66;
                 layoutBorderSize = 2;
-                
-                break;
-            }
-            case DPIClassification.DPI_240:
-            {
-                borderClass = spark.skins.mobile240.assets.TextInput_border;
-                layoutCornerEllipseSize = 12;
-                measuredDefaultWidth = 440;
-                measuredDefaultHeight = 50;
-                layoutBorderSize = 1;
-                
                 break;
             }
+			case DPIClassification.DPI_240:
+			{
+				borderClass = spark.skins.mobile240.assets.TextInput_border;
+				layoutCornerEllipseSize = 12;
+				measuredDefaultWidth = 440;
+				measuredDefaultHeight = 50;
+				layoutBorderSize = 1;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				// Note provisional may need changes
+				borderClass = spark.skins.mobile120.assets.TextInput_border;
+				layoutCornerEllipseSize = 6;
+				measuredDefaultWidth = 220;
+				measuredDefaultHeight = 25;
+				layoutBorderSize = 1;
+				break;
+			}
             default:
             {
                 borderClass = spark.skins.mobile160.assets.TextInput_border;
@@ -104,7 +121,6 @@ public class StageTextSkinBase extends MobileSkin
                 measuredDefaultWidth = 300;
                 measuredDefaultHeight = 33;
                 layoutBorderSize = 1;
-                
                 break;
             }
         }

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/07289a63/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/TabbedViewNavigatorTabBarTabSkinBase.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/TabbedViewNavigatorTabBarTabSkinBase.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/TabbedViewNavigatorTabBarTabSkinBase.as
index 14edf06..5fea342 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/TabbedViewNavigatorTabBarTabSkinBase.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/TabbedViewNavigatorTabBarTabSkinBase.as
@@ -68,6 +68,17 @@ public class TabbedViewNavigatorTabBarTabSkinBase extends ButtonBarButtonSkinBas
         
         switch (applicationDPI)
         {
+			case DPIClassification.DPI_640:
+			{
+				layoutBorderSize = 4;
+				layoutPaddingTop = 24;
+				layoutPaddingBottom = 24;
+				layoutPaddingLeft = 24;
+				layoutPaddingRight = 24;
+				layoutGap = 20;
+				measuredDefaultHeight = 204;
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				// Note provisional may need changes
@@ -78,7 +89,6 @@ public class TabbedViewNavigatorTabBarTabSkinBase extends ButtonBarButtonSkinBas
 				layoutPaddingRight = 18;
 				layoutGap = 14;
 				measuredDefaultHeight = 152;
-				
 				break;
 			}
             case DPIClassification.DPI_320:
@@ -90,21 +100,31 @@ public class TabbedViewNavigatorTabBarTabSkinBase extends ButtonBarButtonSkinBas
                 layoutPaddingRight = 12;
                 layoutGap = 10;
                 measuredDefaultHeight = 102;
-                
-                break;
-            }
-            case DPIClassification.DPI_240:
-            {
-                layoutBorderSize = 1;
-                layoutPaddingTop = 9;
-                layoutPaddingBottom = 9;
-                layoutPaddingLeft = 9;
-                layoutPaddingRight = 9;
-                layoutGap = 7;
-                measuredDefaultHeight = 76;
-                
                 break;
             }
+			case DPIClassification.DPI_240:
+			{
+				layoutBorderSize = 1;
+				layoutPaddingTop = 9;
+				layoutPaddingBottom = 9;
+				layoutPaddingLeft = 9;
+				layoutPaddingRight = 9;
+				layoutGap = 7;
+				measuredDefaultHeight = 76;
+				break;
+			}
+			case DPIClassification.DPI_120:
+			{
+				// Note provisional may need changes
+				layoutBorderSize = 1;
+				layoutPaddingTop = 5;
+				layoutPaddingBottom = 5;
+				layoutPaddingLeft = 5;
+				layoutPaddingRight = 5;
+				layoutGap = 4;
+				measuredDefaultHeight = 38;
+				break;
+			}
             default:
             {
                 // default DPI_160


[24/41] git commit: [flex-sdk] [refs/heads/develop] - fix tests for 120 an 640 dpi

Posted by jm...@apache.org.
fix tests for 120 an 640 dpi


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/e506ece1
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/e506ece1
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/e506ece1

Branch: refs/heads/develop
Commit: e506ece14da701ab6dadc99117709abbb10e0ee3
Parents: 4864b87
Author: Justin Mclean <jm...@apache.org>
Authored: Sun Aug 11 22:37:46 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sun Aug 11 22:37:46 2013 +1000

----------------------------------------------------------------------
 .../tests/applicationDPI_120.mxml                   | 16 ++++++++--------
 .../tests/applicationDPI_160.mxml                   |  8 ++++----
 .../tests/applicationDPI_320.mxml                   |  4 ++--
 .../tests/applicationDPI_480.mxml                   |  4 ++--
 .../tests/applicationDPI_640.mxml                   |  6 +++---
 5 files changed, 19 insertions(+), 19 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/e506ece1/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
index 780892f..a626f62 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
@@ -70,11 +70,11 @@
 				
 				<AssertPropertyValue target="" propertyName="scalingFactor" value="1" >
 					<ConditionalValue deviceDensity="120" value="1"/>
-					<ConditionalValue deviceDensity="160" value="1.5"/>
+					<ConditionalValue deviceDensity="160" value="1.33333"/>
 					<ConditionalValue deviceDensity="240" value="2"/>
-					<ConditionalValue deviceDensity="320" value="2.5"/>
+					<ConditionalValue deviceDensity="320" value="2.66667"/>
 					<ConditionalValue deviceDensity="480" value="4"/>
-					<ConditionalValue deviceDensity="640" value="8"/>
+					<ConditionalValue deviceDensity="640" value="5.33333"/>
 				</AssertPropertyValue>	
 			
 			</body>
@@ -87,11 +87,11 @@
 				
 				<AssertPropertyValue target="" propertyName="screenWidth" value="500">
 					<ConditionalValue deviceDensity="120" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
-					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
-					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/1.5"/>
-					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/2"/>
-					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
-					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
+					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/1.33333"/>
+					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/2"/>
+					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/2.66667"/>
+					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/4"/>
+					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/5.33333"/>
 				</AssertPropertyValue>	
 			</body>
 			

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/e506ece1/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_160.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_160.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_160.mxml
index a8c3749..a0e12f6 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_160.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_160.mxml
@@ -73,8 +73,8 @@
 					<ConditionalValue deviceDensity="160" value="1"/>
 					<ConditionalValue deviceDensity="240" value="1.5"/>
 					<ConditionalValue deviceDensity="320" value="2"/>
-					<ConditionalValue deviceDensity="480" value="4"/>
-					<ConditionalValue deviceDensity="640" value="8"/>
+					<ConditionalValue deviceDensity="480" value="3"/>
+					<ConditionalValue deviceDensity="640" value="4"/>
 				</AssertPropertyValue>	
 			
 			</body>
@@ -90,8 +90,8 @@
 					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
 					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/1.5"/>
 					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/2"/>
-					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/4"/>
-					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/8"/>
+					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/3"/>
+					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/4"/>
 				</AssertPropertyValue>	
 			</body>
 			

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/e506ece1/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_320.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_320.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_320.mxml
index 81e3014..5e6faab 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_320.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_320.mxml
@@ -90,8 +90,8 @@
 					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.5"/>
 					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.75"/>
 					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
-					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth*2"/>
-					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth*4"/>
+					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/1.5"/>
+					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/2"/>
 				</AssertPropertyValue>	
 			</body>
 			

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/e506ece1/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_480.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_480.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_480.mxml
index 7bb5740..2a37d38 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_480.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_480.mxml
@@ -74,7 +74,7 @@
 					<ConditionalValue deviceDensity="240" value="0.5"/>
 					<ConditionalValue deviceDensity="320" value="0.75"/>
 					<ConditionalValue deviceDensity="480" value="1"/>
-					<ConditionalValue deviceDensity="640" value="2"/>
+					<ConditionalValue deviceDensity="640" value="1.333333"/>
 				</AssertPropertyValue>	
 			
 			</body>
@@ -91,7 +91,7 @@
 					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.5"/>
 					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.75"/>
 					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
-					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth*2"/>
+					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/1.333333"/>
 				</AssertPropertyValue>	
 			</body>
 			

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/e506ece1/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_640.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_640.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_640.mxml
index cfb6833..3d3f12b 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_640.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_640.mxml
@@ -45,10 +45,10 @@
 	
 	<testCases>
 		
-		<TestCase testID="Get_applicationDPI" description="applicationDPI is set to 320 in MXML" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+		<TestCase testID="Get_applicationDPI" description="applicationDPI is set to 640 in MXML" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
 
 			<body>
-				<AssertPropertyValue target="" propertyName="applicationDPI" value="320" />
+				<AssertPropertyValue target="" propertyName="applicationDPI" value="640" />
 			</body>
 		
 		</TestCase>
@@ -59,7 +59,7 @@
 				<SetProperty target="" propertyName="applicationDPI" value="777" />
 			</setup>
 			<body>
-			<AssertPropertyValue target="" propertyName="applicationDPI" value="320" />
+			<AssertPropertyValue target="" propertyName="applicationDPI" value="640" />
 			</body>
 			
 		</TestCase>


[17/41] git commit: [flex-sdk] [refs/heads/develop] - fix 160/480 path names

Posted by jm...@apache.org.
fix 160/480 path names


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/56c49d2f
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/56c49d2f
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/56c49d2f

Branch: refs/heads/develop
Commit: 56c49d2f63ff03bf03d184215a8e5edc0b8e8b99
Parents: 5bb420d
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 15:29:50 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 15:29:50 2013 +1000

----------------------------------------------------------------------
 .../src/spark/skins/mobile/SpinnerListContainerSkin.as           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56c49d2f/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListContainerSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListContainerSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListContainerSkin.as
index a1dd77e..3954fb9 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListContainerSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/SpinnerListContainerSkin.as
@@ -81,7 +81,7 @@ public class SpinnerListContainerSkin extends MobileSkin
 				// Note provisional may need changes
 				borderClass = spark.skins.mobile640.assets.SpinnerListContainerBackground;
 				selectionIndicatorClass = spark.skins.mobile640.assets.SpinnerListContainerSelectionIndicator;
-				shadowClass = spark.skins.mobile40.assets.SpinnerListContainerShadow;
+				shadowClass = spark.skins.mobile640.assets.SpinnerListContainerShadow;
 				
 				cornerRadius = 20;
 				borderThickness = 3;
@@ -126,7 +126,7 @@ public class SpinnerListContainerSkin extends MobileSkin
 			{
 				borderClass = spark.skins.mobile120.assets.SpinnerListContainerBackground;
 				selectionIndicatorClass = spark.skins.mobile120.assets.SpinnerListContainerSelectionIndicator;
-				shadowClass = spark.skins.mobile10.assets.SpinnerListContainerShadow;
+				shadowClass = spark.skins.mobile120.assets.SpinnerListContainerShadow;
 				
 				cornerRadius = 4;
 				borderThickness = 1;


[02/41] git commit: [flex-sdk] [refs/heads/develop] - added new DPI buckets as valid ones to use.

Posted by jm...@apache.org.
added new DPI buckets as valid ones to use.


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/4becba11
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/4becba11
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/4becba11

Branch: refs/heads/develop
Commit: 4becba111e0cc2b014891a48a65c162cc8f43147
Parents: 786fc5d
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 03:53:56 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 03:53:56 2013 +1000

----------------------------------------------------------------------
 .../projects/spark/src/spark/components/Application.as  | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/4becba11/frameworks/projects/spark/src/spark/components/Application.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/spark/src/spark/components/Application.as b/frameworks/projects/spark/src/spark/components/Application.as
index e4c3c1d..d9a0f72 100644
--- a/frameworks/projects/spark/src/spark/components/Application.as
+++ b/frameworks/projects/spark/src/spark/components/Application.as
@@ -912,7 +912,7 @@ public class Application extends SkinnableContainer
      */
     private var _applicationDPI:Number = NaN;
     
-    [Inspectable(category="General", enumeration="160,240,320,480")]
+    [Inspectable(category="General", enumeration="120,160,240,320,480,640")]
     
     /**
      *  The DPI of the application.
@@ -983,10 +983,12 @@ public class Application extends SkinnableContainer
      * 
      *  <p>Flex's default mappings are:
      *     <table class="innertable">
-     *        <tr><td>160 DPI</td><td>&lt;200 DPI</td></tr>
-     *        <tr><td>240 DPI</td><td>&gt;=200 DPI and &lt;280 DPI</td></tr>
-     *        <tr><td>320 DPI</td><td>&gt;=280 DPI and &lt;400 DPI</td></tr>
-	 *        <tr><td>480 DPI</td><td>&gt;=400 DPI</td></tr>
+     *        <tr><td>160 DPI</td><td>&lt;140 DPI</td></tr>
+     *        <tr><td>160 DPI</td><td>&gt;=140 DPI and &lt;=200 DPI</td></tr>
+     *        <tr><td>240 DPI</td><td>&gt;=200 DPI and &lt;=280 DPI</td></tr>
+     *        <tr><td>320 DPI</td><td>&gt;=280 DPI and &lt;=400 DPI</td></tr>
+     *        <tr><td>480 DPI</td><td>&gt;=400 DPI and &lt;=560 DPI</td></tr>
+     *        <tr><td>640 DPI</td><td>&gt;=640 DPI</td></tr>
      *     </table>
      *  </p>
      * 


[16/41] git commit: [flex-sdk] [refs/heads/develop] - Dummy 120 and 640 dpi skins. 120 is just a copy of the 240 skins and 640 a copy of the 320 skins.

Posted by jm...@apache.org.
Dummy 120 and 640 dpi skins. 120 is just a copy of the 240 skins and 640 a copy of the 320 skins.


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/5bb420d7
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/5bb420d7
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/5bb420d7

Branch: refs/heads/develop
Commit: 5bb420d7b73ca945dcbd57885f861599945a2c84
Parents: 80ba685
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 15:28:32 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 15:28:32 2013 +1000

----------------------------------------------------------------------
 .../mobile120/assets/ActionBarBackground.fxg    |  87 ++++++++++++++++
 .../assets/BeveledActionButton_down.fxg         |  61 +++++++++++
 .../assets/BeveledActionButton_fill.fxg         |  38 +++++++
 .../mobile120/assets/BeveledActionButton_up.fxg |  63 ++++++++++++
 .../mobile120/assets/BeveledBackButton_down.fxg |  62 +++++++++++
 .../mobile120/assets/BeveledBackButton_fill.fxg |  39 +++++++
 .../mobile120/assets/BeveledBackButton_up.fxg   |  64 ++++++++++++
 .../assets/ButtonBarFirstButton_down.fxg        |  57 +++++++++++
 .../assets/ButtonBarFirstButton_selected.fxg    |  57 +++++++++++
 .../assets/ButtonBarFirstButton_up.fxg          |  48 +++++++++
 .../assets/ButtonBarLastButton_down.fxg         |  57 +++++++++++
 .../assets/ButtonBarLastButton_selected.fxg     |  57 +++++++++++
 .../mobile120/assets/ButtonBarLastButton_up.fxg |  48 +++++++++
 .../assets/ButtonBarMiddleButton_down.fxg       |  54 ++++++++++
 .../assets/ButtonBarMiddleButton_selected.fxg   |  54 ++++++++++
 .../assets/ButtonBarMiddleButton_up.fxg         |  54 ++++++++++
 .../skins/mobile120/assets/Button_down.fxg      |  50 +++++++++
 .../spark/skins/mobile120/assets/Button_up.fxg  |  30 ++++++
 .../assets/CalloutContentBackground.fxg         |  51 ++++++++++
 .../skins/mobile120/assets/CheckBox_down.fxg    |  57 +++++++++++
 .../mobile120/assets/CheckBox_downSymbol.fxg    |  45 ++++++++
 .../assets/CheckBox_downSymbolSelected.fxg      |  45 ++++++++
 .../skins/mobile120/assets/CheckBox_up.fxg      |  59 +++++++++++
 .../mobile120/assets/CheckBox_upSymbol.fxg      |  45 ++++++++
 .../assets/CheckBox_upSymbolSelected.fxg        |  44 ++++++++
 .../mobile120/assets/HSliderThumb_normal.fxg    |  44 ++++++++
 .../mobile120/assets/HSliderThumb_pressed.fxg   |  56 ++++++++++
 .../skins/mobile120/assets/HSliderTrack.fxg     |  53 ++++++++++
 .../skins/mobile120/assets/ImageInvalid.fxg     |  46 +++++++++
 .../skins/mobile120/assets/RadioButton_down.fxg |  54 ++++++++++
 .../mobile120/assets/RadioButton_downSymbol.fxg |  34 +++++++
 .../assets/RadioButton_downSymbolSelected.fxg   |  34 +++++++
 .../skins/mobile120/assets/RadioButton_up.fxg   |  45 ++++++++
 .../mobile120/assets/RadioButton_upSymbol.fxg   |  34 +++++++
 .../assets/RadioButton_upSymbolSelected.fxg     |  34 +++++++
 .../assets/SpinnerListContainerBackground.fxg   |  33 ++++++
 .../SpinnerListContainerSelectionIndicator.fxg  |  67 ++++++++++++
 .../assets/SpinnerListContainerShadow.fxg       |  32 ++++++
 .../skins/mobile120/assets/TextInput_border.fxg |  39 +++++++
 .../assets/ToggleSwitch_contentShadow.fxg       |  30 ++++++
 .../mobile640/assets/ActionBarBackground.fxg    | 102 +++++++++++++++++++
 .../assets/BeveledActionButton_down.fxg         |  61 +++++++++++
 .../assets/BeveledActionButton_fill.fxg         |  38 +++++++
 .../mobile640/assets/BeveledActionButton_up.fxg |  63 ++++++++++++
 .../mobile640/assets/BeveledBackButton_down.fxg |  63 ++++++++++++
 .../mobile640/assets/BeveledBackButton_fill.fxg |  39 +++++++
 .../mobile640/assets/BeveledBackButton_up.fxg   |  65 ++++++++++++
 .../assets/ButtonBarFirstButton_down.fxg        |  57 +++++++++++
 .../assets/ButtonBarFirstButton_selected.fxg    |  57 +++++++++++
 .../assets/ButtonBarFirstButton_up.fxg          |  48 +++++++++
 .../assets/ButtonBarLastButton_down.fxg         |  57 +++++++++++
 .../assets/ButtonBarLastButton_selected.fxg     |  57 +++++++++++
 .../mobile640/assets/ButtonBarLastButton_up.fxg |  48 +++++++++
 .../assets/ButtonBarMiddleButton_down.fxg       |  54 ++++++++++
 .../assets/ButtonBarMiddleButton_selected.fxg   |  54 ++++++++++
 .../assets/ButtonBarMiddleButton_up.fxg         |  54 ++++++++++
 .../skins/mobile640/assets/Button_down.fxg      |  51 ++++++++++
 .../spark/skins/mobile640/assets/Button_up.fxg  |  30 ++++++
 .../assets/CalloutContentBackground.fxg         |  51 ++++++++++
 .../skins/mobile640/assets/CheckBox_down.fxg    |  67 ++++++++++++
 .../mobile640/assets/CheckBox_downSymbol.fxg    |  41 ++++++++
 .../assets/CheckBox_downSymbolSelected.fxg      |  41 ++++++++
 .../skins/mobile640/assets/CheckBox_up.fxg      |  59 +++++++++++
 .../mobile640/assets/CheckBox_upSymbol.fxg      |  41 ++++++++
 .../assets/CheckBox_upSymbolSelected.fxg        |  41 ++++++++
 .../mobile640/assets/HSliderThumb_normal.fxg    |  44 ++++++++
 .../mobile640/assets/HSliderThumb_pressed.fxg   |  56 ++++++++++
 .../skins/mobile640/assets/HSliderTrack.fxg     |  45 ++++++++
 .../skins/mobile640/assets/ImageInvalid.fxg     |  46 +++++++++
 .../skins/mobile640/assets/RadioButton_down.fxg |  48 +++++++++
 .../mobile640/assets/RadioButton_downSymbol.fxg |  34 +++++++
 .../assets/RadioButton_downSymbolSelected.fxg   |  34 +++++++
 .../skins/mobile640/assets/RadioButton_up.fxg   |  43 ++++++++
 .../mobile640/assets/RadioButton_upSymbol.fxg   |  34 +++++++
 .../assets/RadioButton_upSymbolSelected.fxg     |  34 +++++++
 .../assets/SpinnerListContainerBackground.fxg   |  33 ++++++
 .../SpinnerListContainerSelectionIndicator.fxg  |  67 ++++++++++++
 .../assets/SpinnerListContainerShadow.fxg       |  32 ++++++
 ...edViewNavigatorButtonBarFirstButton_down.fxg |  63 ++++++++++++
 ...ewNavigatorButtonBarFirstButton_selected.fxg |  62 +++++++++++
 ...bbedViewNavigatorButtonBarFirstButton_up.fxg |  62 +++++++++++
 ...bedViewNavigatorButtonBarLastButton_down.fxg |  68 +++++++++++++
 ...iewNavigatorButtonBarLastButton_selected.fxg |  68 +++++++++++++
 ...abbedViewNavigatorButtonBarLastButton_up.fxg |  68 +++++++++++++
 .../skins/mobile640/assets/TextInput_border.fxg |  39 +++++++
 .../assets/ToggleSwitch_contentShadow.fxg       |  30 ++++++
 .../assets/TransparentActionButton_down.fxg     |  69 +++++++++++++
 .../assets/TransparentActionButton_up.fxg       |  59 +++++++++++
 .../assets/TransparentNavigationButton_down.fxg |  69 +++++++++++++
 .../assets/TransparentNavigationButton_up.fxg   |  59 +++++++++++
 .../mobile640/assets/ViewMenuItem_down.fxg      |  54 ++++++++++
 .../assets/ViewMenuItem_showsCaret.fxg          |  36 +++++++
 .../skins/mobile640/assets/ViewMenuItem_up.fxg  |  37 +++++++
 93 files changed, 4693 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
new file mode 100644
index 0000000..f01b7ad
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ActionBarBackground.fxg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="2" scaleGridTop="2" scaleGridRight="63" scaleGridBottom="64">
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="65" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="66" width="65" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.85"/>
+        </fill>
+    </Rect>
+    <!-- drop shadow (3 filled rects) -->
+    <Rect x="0" y="67" width="65" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.35"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="68" width="65" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="69" width="65" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border -->
+    <Rect x="1" y="1" width="63" height="1" alpha=".15">
+        <fill>
+        	<SolidColor color="#ffffff"/>
+        </fill>
+    </Rect>
+    <Rect x="1" y="65" width="63" height="1" alpha="0.1">
+        <fill>
+        	<SolidColor color="#ffffff"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="1" width="1" height="65">
+        <fill>
+            <LinearGradient x="0" scaleX="65" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    <Rect x="64" y="1" width="1" height="65">
+        <fill>
+            <LinearGradient x="0" scaleX="65" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="65" height="70">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
new file mode 100644
index 0000000..f2b81e4
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_down.fxg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="42" height="42">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+
+    <!-- border -->
+      <Path winding="nonZero" data="M42 36C42 39.3135 39.3135 42 36 42L6 42C2.68652 42 0 39.3135 0 36L0 5.9541C0 2.64062 2.68652 0 6 0L36 0C39.3135 0 42 2.64062 42 5.9541L42 36ZM41 6C41 3.23877 38.7617 1 36 1L6 1C3.23877 1 1 3.23877 1 6L1 36C1 38.7617 3.23877 41 6 41L36 41C38.7617
+ 41 41 38.7617 41 36L41 6Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+    <!-- shadow fill -->
+      <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053">
+        <fill>
+          <LinearGradient x="19.9995" y="0" scaleX="22.6146" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+
+    <!-- inner highlight -->
+      <Path x="1" y="1" winding="nonZero" data="M35 1C37.2051 1 39 2.79443 39 5L39 35C39 37.2051 37.2051 39 35 39L5 39C2.79443 39 1 37.2051 1 35L1 5C1 2.79443 2.79443 1 5 1L35 1M35 0 5 0C2.23877 0 0 2.23877 0 5L0 35C0 37.7617 2.23877 40 5 40L35 40C37.7617 40 40 37.7617 40 35L40 5C40 2.23877
+ 37.7617 0 35 0L35 0Z">
+        <fill>
+          <LinearGradient x="19.9995" y="1" scaleX="38.0005" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
new file mode 100644
index 0000000..18d63dc
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_fill.fxg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="42" height="42">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+    <!-- chromeColor fill -->
+      <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053">
+        <fill>
+          <SolidColor color="#484848"/>
+        </fill>
+      </Rect>
+      
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
new file mode 100644
index 0000000..03cea5a
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledActionButton_up.fxg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="6" scaleGridRight="36" scaleGridTop="6" scaleGridBottom="36">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="42" height="42">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+
+    <!-- border -->
+      <Path winding="nonZero" data="M42 36C42 39.3135 39.3135 42 36 42L6 42C2.68652 42 0 39.3135 0 36L0 5.9541C0 2.64062 2.68652 0 6 0L36 0C39.3135 0 42 2.64062 42 5.9541L42 36ZM41 6C41 3.23877 38.7617 1 36 1L6 1C3.23877 1 1 3.23877 1 6L1 36C1 38.7617 3.23877 41 6 41L36 41C38.7617
+ 41 41 38.7617 41 36L41 6Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+    <!-- shadow fill -->
+      <Rect x="1" y="1" width="40" height="40" radiusX="5.00053" radiusY="5.00053">
+        <fill>
+          <LinearGradient x="19.9995" y="0" scaleX="40.0005" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+
+    <!-- inner highlight -->
+      <Path x="1" y="1" winding="nonZero" data="M35 1C37.2051 1 39 2.79443 39 5L39 35C39 37.2051 37.2051 39 35 39L5 39C2.79443 39 1 37.2051 1 35L1 5C1 2.79443 2.79443 1 5 1L35 1M35 0 5 0C2.23877 0 0 2.23877 0 5L0 35C0 37.7617 2.23877 40 5 40L35 40C37.7617 40 40 37.7617 40 35L40 5C40 2.23877
+ 37.7617 0 35 0L35 0Z">
+        <fill>
+          <LinearGradient x="19.9995" y="0" scaleX="40.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.35"/>
+            <GradientEntry ratio="0.662577" alpha="0.1"/>
+            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
new file mode 100644
index 0000000..b80c01a
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_down.fxg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="87" height="42">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- border -->
+      <Path winding="nonZero" data="M81 1C83.7568 1 86 3.24316 86 6L86 36C86 38.7568 83.7568 41 81 41L19.0337 41.001C15.2959 41.001 13.3623 36.8662 12.1064 35.6104 12.0649 35.5498 5.34229 26.6387 1.5 20.8906 5.34668 15.1328 12.1392 6.30762 12.1753 6.25586 14.4209 3.43457 15.813
+ 1 19 1L81 1 81 1ZM19 0C14.8569 0 14.0151 1.91504 11.3584 5.67871 11.3584 5.67871 4 15 0 21 4 27 11.2847 36.1797 11.2847 36.1797 14.2847 40.1797 15 42 19 42L81 42C84.3135 42 87 39.3135 87 36L87 6C87 2.68652 84.3135 0 81 0L19 0Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+	<!-- shadow fill -->
+      <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457
+ 14.5 0 17.5 0L79.5 0 79.5 0Z">
+        <fill>
+          <LinearGradient x="42.2495" y="0" scaleX="22.6145" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+	<!-- highlight border -->
+      <Path x="1.5" y="0.999023" winding="nonZero" data="M79.5 1C81.7051 1 83.5 2.79395 83.5 5L83.5 35C83.5 37.2061 81.7051 39.001 79.5 39.001L17.5337 39.001C14.7188 39.001 11.3052 33.8457 11.3052 33.8457 8.83691 29.9521 3.33154 23.0889 1.20215 19.8906 3.3042 16.7393 11.4839 5.8457 11.4839 5.8457 11.8906
+ 5.26562 14.7344 1 17.5 1L79.5 1M17.1719 0C14.375 0 12.313 3.19824 10.6753 5.25586 10.6392 5.30762 3.84668 14.1328 0 19.8906 3.84229 25.6387 10.5649 34.5498 10.6064 34.6104 11.8623 35.8662 13.7959 40.001 17.5337 40.001L79.5 40.001C82.2568 40.001
+ 84.5 37.7568 84.5 35L84.5 5C84.5 2.24316 82.2568 0 79.375 0L17.1719 0Z">
+        <fill>
+          <LinearGradient x="42.2495" y="0" scaleX="42.7844" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
new file mode 100644
index 0000000..1ffd314
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_fill.fxg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="87" height="42">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- chromeColor fill -->
+      <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457
+ 14.313 0 17.5 0L79.5 0 79.5 0Z">
+        <fill>
+          <SolidColor color="#484848"/>
+        </fill>
+      </Path>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
new file mode 100644
index 0000000..0aab602
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/BeveledBackButton_up.fxg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="20" scaleGridRight="80" scaleGridTop="6" scaleGridBottom="36">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="87" height="42">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- border -->
+      <Path winding="nonZero" data="M81 1C83.7568 1 86 3.24316 86 6L86 36C86 38.7568 83.7568 41 81 41L19.0337 41.001C15.2959 41.001 13.3623 36.8662 12.1064 35.6104 12.0649 35.5498 5.34229 26.6387 1.5 20.8906 5.34668 15.1328 12.1392 6.30762 12.1753 6.25586 14.4209 3.43457 15.813
+ 1 19 1L81 1 81 1ZM19 0C14.8569 0 14.0151 1.91504 11.3584 5.67871 11.3584 5.67871 4 15 0 21 4 27 11.2847 36.1797 11.2847 36.1797 14.2847 40.1797 15 42 19 42L81 42C84.3135 42 87 39.3135 87 36L87 6C87 2.68652 84.3135 0 81 0L19 0Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+	<!-- shadow fill -->
+      <Path x="1.5" y="1" winding="nonZero" data="M79.5 0C82.2568 0 84.5 2.24316 84.5 5L84.5 35C84.5 37.7568 82.2568 40 79.5 40L17.5337 40.001C13.7959 40.001 11.8623 35.8662 10.6064 34.6104 10.5649 34.5498 3.84229 25.6387 0 19.8906 3.84668 14.1328 10.6392 5.30762 10.6753 5.25586 12.9209 2.43457
+ 14.5 0 17.5 0L79.5 0 79.5 0Z">
+        <fill>
+          <LinearGradient x="42.2495" y="-0.784668" scaleX="40.6027" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+	<!-- highlight border -->
+      <Path x="1.5" y="0.999023" winding="nonZero" data="M79.5 1C81.7051 1 83.5 2.79395 83.5 5L83.5 35C83.5 37.2061 81.7051 39.001 79.5 39.001L17.5337 39.001C14.7188 39.001 11.3052 33.8457 11.3052 33.8457 8.83691 29.9521 3.33154 23.0889 1.20215 19.8906 3.3042 16.7393 11.4839 5.8457 11.4839 5.8457 11.8906
+ 5.26562 14.7344 1 17.5 1L79.5 1M17.1719 0C14.375 0 12.313 3.19824 10.6753 5.25586 10.6392 5.30762 3.84668 14.1328 0 19.8906 3.84229 25.6387 10.5649 34.5498 10.6064 34.6104 11.8623 35.8662 13.7959 40.001 17.5337 40.001L79.5 40.001C82.2568 40.001
+ 84.5 37.7568 84.5 35L84.5 5C84.5 2.24316 82.2568 0 79.375 0L17.1719 0Z">
+        <fill>
+          <LinearGradient x="42.2495" y="0" scaleX="40.0015" rotation="90">
+            <GradientEntry ratio="0" alpha="0.35"/>
+            <GradientEntry ratio="0.662577" alpha="0.1"/>
+            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
new file mode 100644
index 0000000..56991b4
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_down.fxg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51">
+    
+      <!-- shadow fill -->
+      <Path data="M120 60 8.06641 60C3.6123 60 0 56.3574 0 51.8652L0 8.13525C0 3.64258 3.6123 0 8.06641 0L120 0 120 60Z">
+        <fill>
+          <LinearGradient x="59.9995" y="1.03467" scaleX="58.029" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M118.991 1.01709 118.991 58.9834 8.06641 58.9834C4.1748 58.9834 1.00879 55.7891 1.00879 51.8652L1.00879 8.13525C1.00879 4.21045 4.1748 1.01709 8.06641 1.01709L118.991 1.01709ZM120 0 8.06641 0C3.6123 0 0 3.64258 0 8.13525L0 51.8652C0 56.3574 3.6123
+ 60 8.06641 60L120 60 120 0 120 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path x="1" y="1.02002" winding="nonZero" data="M116.976 1.0166 116.976 56.9487 7.05859 56.9487C3.72266 56.9487 1.00879 54.2124 1.00879 50.8481L1.00879 7.11816C1.00879 3.75342 3.72266 1.0166 7.05859 1.0166L116.976 1.0166ZM117.983 0 7.05859 0C3.16602 0 0 3.19238 0 7.11816L0 50.8481C0 54.7729
+ 3.16602 57.9663 7.05859 57.9663L117.983 57.9663 117.983 0 117.983 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="2.0166" y="2.03369" winding="nonZero" data="M114.975 1 114.967 54.9321 6.0498 54.9321C3.26514 54.9321 1 52.644 1 49.8315L1 6.10156C1 3.28857 3.26514 1 6.0498 1L114.975 1ZM115.975 0 115.967 0 6.0498 0C2.71387 0 0 2.73682 0 6.10156L0 49.8315C0 53.1958 2.71387 55.9321 6.0498 55.9321L115.967
+ 55.9321 115.975 0 115.975 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
new file mode 100644
index 0000000..612f39b
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_selected.fxg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51">
+    
+      <!-- shadow fill -->
+      <Path data="M120 60 8.06641 60C3.6123 60 0 56.3574 0 51.8652L0 8.13477C0 3.64258 3.6123 0 8.06641 0L120 0 120 60Z">
+        <fill>
+          <LinearGradient x="59.9995" y="1.03467" scaleX="58.029" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M118.991 1.01758 118.991 58.9834 8.06641 58.9834C4.1748 58.9834 1.00879 55.7891 1.00879 51.8652L1.00879 8.13477C1.00879 4.21094 4.1748 1.01758 8.06641 1.01758L118.991 1.01758ZM120 0 8.06641 0C3.6123 0 0 3.64258 0 8.13477L0 51.8652C0 56.3574 3.6123
+ 60 8.06641 60L120 60 120 0 120 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path x="1" y="1.01953" winding="nonZero" data="M116.976 1.01758 116.976 56.9492 7.05859 56.9492C3.72266 56.9492 1.00879 54.2129 1.00879 50.8486L1.00879 7.11914C1.00879 3.75391 3.72266 1.01758 7.05859 1.01758L116.976 1.01758ZM117.983 0 7.05859 0C3.16602 0 0 3.19336 0 7.11914L0 50.8486C0 54.7734
+ 3.16602 57.9668 7.05859 57.9668L117.983 57.9668 117.983 0 117.983 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="2.0166" y="2.0332" winding="nonZero" data="M114.975 1 114.967 54.9326 6.0498 54.9326C3.26514 54.9326 1 52.6445 1 49.832L1 6.10156C1 3.28857 3.26514 1 6.0498 1L114.975 1ZM115.975 0 6.0498 0C2.71387 0 0 2.7373 0 6.10156L0 49.832C0 53.1963 2.71387 55.9326 6.0498 55.9326L115.967 55.9326 115.975
+ 0 115.975 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
new file mode 100644
index 0000000..2430a75
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarFirstButton_up.fxg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="9" scaleGridTop="9" scaleGridRight="116" scaleGridBottom="51">
+    
+      <!-- highlight fill -->
+      <Path data="M120 60 7.93359 60C3.55273 60 0 56.4766 0 52.1309L0 7.86865C0 3.52295 3.55273 0 7.93359 0L120 0 120 60Z">
+        <fill>
+          <LinearGradient x="59.9995" y="0.51709" scaleX="32.2191" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M119.008 0.983398 119.008 59.0166 7.93359 59.0166C4.10645 59.0166 0.992188 55.9277 0.992188 52.1309L0.992188 7.86865C0.992188 4.07227 4.10645 0.983398 7.93359 0.983398L119.008 0.983398ZM120 0 7.93359 0C3.55273 0 0 3.52295 0 7.86865L0 52.1309C0
+ 56.4766 3.55273 60 7.93359 60L120 60 120 0 120 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- right separator highlight -->
+      <Rect x="118" y="1" width="1" height="58">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
new file mode 100644
index 0000000..4a8d3f4
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_down.fxg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51">
+    
+      <!-- shadow fill -->
+      <Path data="M0 0 111.934 0C116.388 0 120 3.64258 120 8.13525L120 51.8652C120 56.3574 116.388 60 111.934 60L0 60 0 0Z">
+        <fill>
+          <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path y="1.02002" winding="nonZero" data="M1 1.0166 111.941 1.0166C115.277 1.0166 117.991 3.75342 117.991 7.11816L117.991 50.8481C117.991 54.2124 115.277 56.9487 111.941 56.9487L1 56.9487M0 0 0 57.9663 111.941 57.9663C115.834 57.9663 119 54.7729 119 50.8481L119 7.11816C119 3.19238 115.834
+ 0 111.941 0L0 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1" y="2.03369" winding="nonZero" data="M110.934 1C113.718 1 115.983 3.28857 115.983 6.10156L115.983 49.8315C115.983 52.644 113.718 54.9321 110.934 54.9321L1 54.9321 1 1 110.934 1ZM110.934 0 0 0 0 55.9321 110.934 55.9321C114.27 55.9321 116.983 53.1958 116.983 49.8315L116.983 6.10156
+C116.983 2.73682 114.27 0 110.934 0L110.934 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86865L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86865C120 3.52295 116.447
+ 0 112.066 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
new file mode 100644
index 0000000..b435851
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_selected.fxg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51">
+    
+      <!-- shadow fill -->
+      <Path data="M0 0 111.934 0C116.388 0 120 3.64258 120 8.13477L120 51.8652C120 56.3574 116.388 60 111.934 60L0 60 0 0Z">
+        <fill>
+          <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path y="1.01953" winding="nonZero" data="M1.00781 1.01758 111.941 1.01758C115.277 1.01758 117.991 3.75391 117.991 7.11914L117.991 50.8486C117.991 54.2129 115.277 56.9492 111.941 56.9492L1.00781 56.9492 1.00781 1.01758ZM0 57.9668 111.941 57.9668C115.834 57.9668 119 54.7734 119 50.8486
+L119 7.11914C119 3.19336 115.834 0 111.941 0L0 0 0 57.9668Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="0.992188" y="2.0332" winding="nonZero" data="M110.941 1C113.726 1 115.991 3.28857 115.991 6.10156L115.991 49.832C115.991 52.6445 113.726 54.9326 110.941 54.9326L1.00781 54.9326 1 1 110.941 1ZM110.941 0 0 0 0.0078125 55.9326 110.941 55.9326C114.277 55.9326 116.991 53.1963 116.991 49.832L116.991
+ 6.10156C116.991 2.7373 114.277 0 110.941 0L110.941 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86914L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86914C120 3.52344 116.447
+ 0 112.066 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
new file mode 100644
index 0000000..d97f02d
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarLastButton_up.fxg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="111" scaleGridBottom="51">
+    
+      <!-- highlight fill -->
+      <Path data="M0 0 112.066 0C116.447 0 120 3.52295 120 7.86865L120 52.1309C120 56.4766 116.447 60 112.066 60L0 60 0 0Z">
+        <fill>
+          <LinearGradient x="60" y="0.51709" scaleX="32.2185" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- left separator highlight -->
+      <Rect y="1" width="1" height="58">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M112.066 0 0 0 0 0.983398 112.066 0.983398C115.894 0.983398 119.008 4.07227 119.008 7.86865L119.008 52.1309C119.008 55.9277 115.894 59.0166 112.066 59.0166L0 59.0166 0 60 112.066 60C116.447 60 120 56.4766 120 52.1309L120 7.86865C120 3.52295 116.447
+ 0 112.066 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
new file mode 100644
index 0000000..8999f79
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_down.fxg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56">
+    
+      <!-- shadow fill -->
+      <Rect width="120" height="60">
+        <fill>
+          <LinearGradient x="59.9995" y="1.03467" scaleX="58.028" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- outer shadow -->
+      <Path y="1" winding="nonZero" data="M1 1 118 1 118 57 1 57 1 1ZM0 0.0336914 0 58 119 58 119 0 0 0.0336914Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1" y="2" winding="nonZero" data="M116 1 116 55 1 55 1 1 116 1ZM117 0 0 0 0 56 117 56 117 0 117 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
new file mode 100644
index 0000000..3f55cc5
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_selected.fxg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56">
+    
+      <!-- shadow fill -->
+      <Rect y="1" width="119" height="58">
+        <fill>
+          <LinearGradient x="59.4995" y="1" scaleX="56.0938" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- outer shadow -->
+      <Path y="1" winding="nonZero" data="M1 1 118 1 118 57 1 57 1 1ZM0 0.0332031 0 58 119 58 119 0 0 0.0332031 0 0.0332031Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="0.992188" y="2" winding="nonZero" data="M116.008 1 116.008 55 1.00781 55 1 1 116.008 1ZM117.008 0 0 0 0.0078125 56 117.008 56 117.008 0 117.008 0Z">
+        <fill>
+          <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
new file mode 100644
index 0000000..3d8bb7f
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ButtonBarMiddleButton_up.fxg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="4" scaleGridTop="4" scaleGridRight="116" scaleGridBottom="56">
+    
+      <!-- highlight fill -->
+      <Rect width="120" height="60">
+        <fill>
+          <LinearGradient x="60" y="0.51709" scaleX="32.2185" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1 119 1 119 59 0 59 0 60 120 60 120 0 0 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- left separator highlight -->
+      <Rect y="1" width="1" height="58">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+      
+      <!-- right separator highlight -->
+      <Rect x="118" y="1" width="1" height="58">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
new file mode 100644
index 0000000..10f8259
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_down.fxg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "65" viewWidth= "220"
+	scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51">
+	<!-- Border -->
+	<Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z ">
+		<fill>
+			<SolidColor color="#464646"/>
+		</fill>
+	</Path>
+	<!-- Fill Shadow -->
+	<Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z ">
+		<fill>
+			<LinearGradient x = "110" y = "1" scaleX = "63" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.05"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.25"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<!-- Inner Shadow -->
+	<Path data="M 8 2 C 8 2 212 2 212 2 C 215 2 218 5 218 8 C 218 8 218 57 218 57 C 218 60 215 63 212 63 C 212 63 8 63 8 63 C 5 63 2 60 2 57 C 2 57 2 8 2 8 C 2 5 5 2 8 2 Z M 8 1 C 4 1 1 4 1 8 C 1 8 1 57 1 57 C 1 61 4 64 8 64 C 8 64 212 64 212 64 C 216 64 219 61 219 57 C 219 57 219 8 219 8 C 219 4 216 1 212 1 C 212 1 8 1 8 1 Z ">
+		<fill>
+			<SolidColor color="#000000" alpha="0.25"/>
+		</fill>
+	</Path>
+	<!-- Inner Inner Shadow -->
+	<Path data="M 8 3 C 8 3 212 3 212 3 C 215 3 217 5 217 8 C 217 8 217 57 217 57 C 217 60 215 62 212 62 C 212 62 8 62 8 62 C 5 62 3 60 3 57 C 3 57 3 8 3 8 C 3 5 5 3 8 3 Z M 8 2 C 5 2 2 5 2 8 C 2 8 2 57 2 57 C 2 60 5 63 8 63 C 8 63 212 63 212 63 C 215 63 218 60 218 57 C 218 57 218 8 218 8 C 218 5 215 2 212 2 C 212 2 8 2 8 2 Z ">
+		<fill>
+			<SolidColor color="#000000" alpha="0.1"/>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
new file mode 100644
index 0000000..991299f
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/Button_up.fxg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "65" viewWidth= "220"
+	scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51">
+		
+	<!-- Border -->
+	<Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z " alpha="1">
+		<fill>
+			<SolidColor color="#646464"/>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
new file mode 100644
index 0000000..582649b
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CalloutContentBackground.fxg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="10" scaleGridRight="440" scaleGridTop="22" scaleGridBottom="292">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="299" width="450" height="1">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+    
+	<!-- Content Shading Top -->
+	<Rect x="0" y="0" width="450" height="15"
+			topLeftRadiusX="7" topLeftRadiusY="7"
+			topRightRadiusX="7" topRightRadiusY="7">
+		<fill>
+			<LinearGradient  rotation="90">
+				<GradientEntry ratio="0" color="#000000" alpha="0.6"/>
+				<GradientEntry ratio="0.5" color="#000000" alpha="0"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+	
+	<!-- Content Highlight -->
+	<Rect x="0.5" y="0.5" width="449" height="299"
+			radiusX="7" radiusY="7">
+		<stroke>
+			<SolidColorStroke color="#FFFFFF" alpha="0.8"
+								weight="1"/>
+		</stroke>
+	</Rect>
+</Graphic>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
new file mode 100644
index 0000000..35db363
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_down.fxg
@@ -0,0 +1,57 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns="http://ns.adobe.com/fxg/2008" version="2.0">
+	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z M 1 3 C 1 3 1 45 1 45 C 1 46 2 47 3 47 C 3 47 45 47 45 47 C 46 47 47 46 47 45 C 47 45 47 3 47 3 C 47 2 46 1 45 1 C 45 1 3 1 3 1 C 2 1 1 3 1 3 Z " alpha="0.7">
+		<fill>
+			<SolidColor color="#000000"/>
+		</fill>
+	</Path>
+	<Path data="M 1 3 C 1 2 2 1 3 1 C 3 1 45 1 45 1 C 46 1 47 2 47 3 C 47 3 47 45 47 45 C 47 46 47 47 46 47 C 46 47 2 47 2 47 C 1 47 1 46 1 45 C 1 45 1 3 1 3 Z M 0 2 C 0 2 0 46 0 46 C 0 47 1 48 2 48 C 2 48 46 48 46 48 C 47 48 48 47 48 46 C 48 46 48 2 48 2 C 48 1 47 0 46 0 C 46 0 2 0 2 0 C 1 0 0 2 0 2 Z " alpha="0.06">
+		<fill>
+			<SolidColor color="#ffffff"/>
+		</fill>
+	</Path>
+	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z " alpha="1">
+		<fill>
+			<LinearGradient x = "24" y = "2" scaleX = "44" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.11"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.4"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<Path data="M 3 5 C 3 4 4 3 5 3 C 5 3 43 3 43 3 C 44 3 45 4 45 5 C 45 5 45 43 45 43 C 45 44 45 45 44 45 C 44 45 4 45 4 45 C 3 45 3 44 3 43 C 3 43 3 5 3 5 Z M 2 4 C 2 4 2 44 2 44 C 2 45 2 46 3 46 C 3 46 45 46 45 46 C 46 46 46 45 46 44 C 46 44 46 4 46 4 C 46 3 45 2 44 2 C 44 2 4 2 4 2 C 3 2 2 3 2 4 Z " alpha="1">
+		<fill>
+			<LinearGradient x = "24" y = "2" scaleX = "44" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.05"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<Path data="M 4 6 C 4 5 5 4 6 4 C 6 4 42 4 42 4 C 43 4 44 5 44 6 C 44 6 44 42 44 42 C 44 43 44 44 43 44 C 43 44 5 44 5 44 C 4 44 4 43 4 42 C 4 42 4 6 4 6 Z M 3 5 C 3 5 3 43 3 43 C 3 44 3 45 4 45 C 4 45 44 45 44 45 C 45 45 45 44 45 43 C 45 43 45 5 45 5 C 45 4 44 3 43 3 C 43 3 5 3 5 3 C 4 3 3 4 3 5 Z " alpha="1">
+		<fill>
+			<LinearGradient x = "25" y = "3" scaleX = "44" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.12"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
new file mode 100644
index 0000000..6ae160d
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+	
+	<!-- fill -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
+		<fill>
+			<LinearGradient x = "24" y = "7" scaleX = "22" rotation = "90">
+				<GradientEntry color="#999999" ratio="0" alpha="1"/>
+				<GradientEntry color="#b4b4b4" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<!-- checkbox top border -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.6">
+		<stroke>
+			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+		</stroke>
+	</Path>
+	<!-- checkbox bottom border -->
+	<Path data="M 3 25 L 18 40 L 45 13" alpha="0.3">
+		<stroke>
+			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+		</stroke>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
new file mode 100644
index 0000000..c7d20ae
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+	
+	<!-- fill -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
+		<fill>
+			<LinearGradient x = "20" y = "17" scaleX = "24" rotation = "90">
+				<GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
+				<GradientEntry color="#323232" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<!-- checkbox top border -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.25">
+		<stroke>
+			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+		</stroke>
+	</Path>
+	<!-- checkbox bottom border -->
+	<Path data="M 3 25 L 18 40 L 45 13" alpha="0.7">
+		<stroke>
+			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+		</stroke>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
new file mode 100644
index 0000000..12fceba
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
@@ -0,0 +1,59 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns="http://ns.adobe.com/fxg/2008" version="2.0">
+	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z " alpha="1">
+		<fill>
+			<LinearGradient x = "24" y = "9" scaleX = "31" rotation = "90">
+				<GradientEntry color="#ffffff" ratio="0" alpha="0.8"/>
+				<GradientEntry color="#ffffff" ratio="1" alpha="0.05"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<Path data="M 3 5 C 3 4 4 3 5 3 C 5 3 43 3 43 3 C 44 3 45 4 45 5 C 45 5 45 43 45 43 C 45 44 45 45 44 45 C 44 45 4 45 4 45 C 3 45 3 44 3 43 C 3 43 3 5 3 5 Z M 2 4 C 2 4 2 44 2 44 C 2 45 2 46 3 46 C 3 46 45 46 45 46 C 46 46 46 45 46 44 C 46 44 46 4 46 4 C 46 3 45 2 44 2 C 44 2 4 2 4 2 C 3 2 2 3 2 4 Z " alpha="1">
+		<fill>
+			<LinearGradient x = "24" y = "2" scaleX = "44" rotation = "90">
+				<GradientEntry color="#ffffff" ratio="0" alpha="0.35"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z M 1 3 C 1 3 1 45 1 45 C 1 46 2 47 3 47 C 3 47 45 47 45 47 C 46 47 47 46 47 45 C 47 45 47 3 47 3 C 47 2 46 1 45 1 C 45 1 3 1 3 1 C 2 1 1 3 1 3 Z " alpha="0.6">
+		<fill>
+			<SolidColor color="#000000"/>
+		</fill>
+	</Path>
+	<Path data="M 1 3 C 1 2 2 1 3 1 C 3 1 45 1 45 1 C 46 1 47 2 47 3 C 47 3 47 45 47 45 C 47 46 47 47 46 47 C 46 47 2 47 2 47 C 1 47 1 46 1 45 C 1 45 1 3 1 3 Z M 0 2 C 0 2 0 46 0 46 C 0 47 1 48 2 48 C 2 48 46 48 46 48 C 47 48 48 47 48 46 C 48 46 48 2 48 2 C 48 1 47 0 46 0 C 46 0 2 0 2 0 C 1 0 0 2 0 2 Z " alpha="0.06">
+		<fill>
+			<SolidColor color="#000000"/>
+		</fill>
+	</Path>
+	<Rect x="3" y="2" width="42" height="1" alpha="0.15">
+		<fill>
+			<SolidColor color="#ffffff"/>
+		</fill>
+	</Rect>
+	<Rect x="2" y="47" width="44" height="1" alpha="0.1">
+		<fill>
+			<SolidColor color="#000000"/>
+		</fill>
+	</Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
new file mode 100644
index 0000000..5ac962b
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+	
+	<!-- fill -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
+		<fill>
+			<LinearGradient x = "20" y = "17" scaleX = "24" rotation = "90">
+				<GradientEntry color="#c8c8c8" ratio="0" alpha="1"/>
+				<GradientEntry color="#e1e1e1" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<!-- checkbox top border -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.5">
+		<stroke>
+			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+		</stroke>
+	</Path>
+	<!-- checkbox bottom border -->
+	<Path data="M 3 25 L 18 40 L 45 13" alpha="0.5">
+		<stroke>
+			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+		</stroke>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
new file mode 100644
index 0000000..2a4fff3
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+	<!-- fill -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
+		<fill>
+			<LinearGradient x = "20" y = "16" scaleX = "24" rotation = "90">
+				<GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
+				<GradientEntry color="#323232" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<!-- checkbox top border -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.7">
+		<stroke>
+			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+		</stroke>
+	</Path>
+	<!-- checkbox bottom border -->
+	<Path data="M 3 25 L 18 40 L 45 13" alpha="1">
+		<stroke>
+			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+		</stroke>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
new file mode 100644
index 0000000..a5704ba
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009"  viewHeight= "44" viewWidth= "44">
+		<Ellipse width="44" height="44" x="0" y="0">
+			<fill>
+				<LinearGradient x = "22" y = "0" scaleX = "44" rotation = "90">
+					<GradientEntry color="#000000" ratio="0" alpha="0.15"/>
+					<GradientEntry color="#000000" ratio="1" alpha="0.25"/>
+				</LinearGradient>
+			</fill>
+		</Ellipse>
+		<Ellipse width="42" height="42" x="1" y="1">
+			<stroke>
+				<SolidColorStroke color="#000000" weight="1"  alpha="0.7" caps="none"/>
+			</stroke>
+		</Ellipse>
+		<Ellipse width="40" height="40" x="2" y="2">
+			<fill>
+				<LinearGradient x = "23" y = "10" scaleX = "19" rotation = "90">
+					<GradientEntry color="#ffffff" ratio="0" alpha="0.5"/>
+					<GradientEntry color="#ffffff" ratio="1" alpha="0.1"/>
+				</LinearGradient>
+			</fill>
+		</Ellipse>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
new file mode 100644
index 0000000..294b5a9
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009"  viewHeight= "44" viewWidth= "44">
+	<!-- outer ellipse -->
+	<Ellipse width="44" height="44" x="0" y="0">
+		<fill>
+			<LinearGradient x = "22" y = "0" scaleX = "44" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.05"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.15"/>
+			</LinearGradient>
+		</fill>
+	</Ellipse>
+	<!-- outer border -->
+	<Ellipse width="42" height="42" x="1" y="1">
+		<stroke>
+			<SolidColorStroke color="#000000" weight="1" alpha="0.7" caps="none"/>
+		</stroke>
+	</Ellipse>
+	<!-- inner ellipse -->
+	<Ellipse width="42" height="42" x="1" y="1">
+		<fill>
+			<LinearGradient x = "22" y = "2" scaleX = "40" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.6"/>
+			</LinearGradient>
+		</fill>
+	</Ellipse>
+	<!-- inner border -->
+	<Path data="M 3 22 C 3 12 12 3 22 3 C 32 3 41 12 41 22 C 41 32 32 41 22 41 C 12 41 3 32 3 22 Z M 2 22 C 2 33 11 42 22 42 C 33 42 42 33 42 22 C 42 11 33 2 22 2 C 11 2 2 11 2 22 Z ">
+		<fill>
+			<LinearGradient x = "22" y = "2" scaleX = "40" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file


[29/41] New baseline for 120 and 640 dpi tests

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_tabbedViewNavigator_referenced@240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_tabbedViewNavigator_referenced@240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_tabbedViewNavigator_referenced@240ppi.png.xml
new file mode 100644
index 0000000..a323e0d
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_tabbedViewNavigator_referenced@240ppi.png.xml
@@ -0,0 +1,192 @@
+<DisplayList>
+  <ImageScaling width="426.6666666666667" height="640">
+    <spark.skins.spark.ApplicationSkin width="426.6666666666667" height="640" blendMode="auto">
+      <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+        <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+          <comps.QANavigator width="426.6666666666667" height="640">
+            <spark.skins.mobile.ViewNavigatorSkin width="426.6666666666667" height="640">
+              <spark.components.Group y="45" width="426.6666666666667" height="595" blendMode="auto">
+                <views.ImageScalingView width="426.6666666666667" height="595">
+                  <spark.skins.mobile.SkinnableContainerSkin width="426.6666666666667" height="595">
+                    <spark.components.Group width="426.6666666666667" height="595" blendMode="auto">
+                      <spark.components.HGroup x="10" y="10" width="228" height="72" blendMode="auto">
+                        <spark.components.Group width="72" height="72" blendMode="auto"/>
+                        <spark.components.Image x="78" width="72" height="72">
+                          <spark.skins.mobile.ImageSkin width="72" height="72">
+                            <spark.components.Group width="72" height="72" blendMode="auto"/>
+                          </spark.skins.mobile.ImageSkin>
+                        </spark.components.Image>
+                        <spark.components.Button x="156" width="72" height="72">
+                          <comps.SolidButtonSkin width="72" height="72" blendMode="auto"/>
+                        </spark.components.Button>
+                      </spark.components.HGroup>
+                      <spark.components.HGroup x="10" y="88" width="348" height="88" blendMode="auto">
+                        <spark.components.List width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass0 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass0>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="118" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass1 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass1>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="236" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass2 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="8" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass2>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                      </spark.components.HGroup>
+                      <spark.components.TabbedViewNavigator x="10" y="182" width="100" height="100">
+                        <spark.skins.mobile.TabbedViewNavigatorSkin width="100" height="100">
+                          <spark.components.Group width="100" height="16" blendMode="auto">
+                            <spark.components.ViewNavigator width="100" height="16">
+                              <spark.skins.mobile.ViewNavigatorSkin width="100" height="16">
+                                <spark.components.Group width="100" height="16" blendMode="auto">
+                                  <comps.SolidView width="100" height="16">
+                                    <spark.skins.mobile.SkinnableContainerSkin width="100" height="16">
+                                      <spark.components.Group width="100" height="16" blendMode="auto"/>
+                                    </spark.skins.mobile.SkinnableContainerSkin>
+                                  </comps.SolidView>
+                                </spark.components.Group>
+                                <spark.components.ActionBar width="0" height="0">
+                                  <spark.skins.mobile.ActionBarSkin width="0" height="0">
+                                    <spark.skins.mobile160.assets.ActionBarBackground width="0" height="3" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                                      <flash.display.Shape width="65" height="1"/>
+                                      <flash.display.Shape y="44" width="65" height="1"/>
+                                      <flash.display.Shape y="45" width="65" height="1"/>
+                                      <flash.display.Shape y="46" width="65" height="1"/>
+                                      <flash.display.Shape y="47" width="65" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                                      <flash.display.Shape y="1" width="1" height="43"/>
+                                      <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                                      <flash.display.Shape width="65" height="48"/>
+                                    </spark.skins.mobile160.assets.ActionBarBackground>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
+                                      <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-11.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                      <spark.components.supportClasses.StyleableTextField x="-2" y="-12.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                    </ActionBarSkin.as$55.TitleDisplayComponent>
+                                  </spark.skins.mobile.ActionBarSkin>
+                                </spark.components.ActionBar>
+                              </spark.skins.mobile.ViewNavigatorSkin>
+                            </spark.components.ViewNavigator>
+                          </spark.components.Group>
+                          <spark.components.ButtonBar y="16" width="100" height="84">
+                            <spark.skins.mobile.TabbedViewNavigatorTabBarSkin width="100" height="84">
+                              <spark.components.DataGroup width="100" height="84">
+                                <spark.components.ButtonBarButton width="100" height="84">
+                                  <spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin width="100" height="84">
+                                    <spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected width="100" height="84" blendMode="auto" scale9Grid="(x=3, y=3, w=114, h=70)">
+                                      <flash.display.Shape y="1" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="1"/>
+                                      <flash.display.Shape y="75" width="120" height="1"/>
+                                      <flash.display.Shape x="0.5" y="1.5" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="76"/>
+                                    </spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected>
+                                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="48" y="75" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.supportClasses.StyleableTextField x="48" y="74" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.Group x="14" y="6" width="72" height="72" blendMode="auto"/>
+                                  </spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin>
+                                </spark.components.ButtonBarButton>
+                              </spark.components.DataGroup>
+                            </spark.skins.mobile.TabbedViewNavigatorTabBarSkin>
+                          </spark.components.ButtonBar>
+                        </spark.skins.mobile.TabbedViewNavigatorSkin>
+                      </spark.components.TabbedViewNavigator>
+                    </spark.components.Group>
+                  </spark.skins.mobile.SkinnableContainerSkin>
+                </views.ImageScalingView>
+              </spark.components.Group>
+              <spark.components.ActionBar width="426.6666666666667" height="45">
+                <spark.skins.mobile.ActionBarSkin width="426.6666666666667" height="45">
+                  <spark.skins.mobile160.assets.ActionBarBackground width="426.6666666666667" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                    <flash.display.Shape width="65" height="1"/>
+                    <flash.display.Shape y="44" width="65" height="1"/>
+                    <flash.display.Shape y="45" width="65" height="1"/>
+                    <flash.display.Shape y="46" width="65" height="1"/>
+                    <flash.display.Shape y="47" width="65" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                    <flash.display.Shape y="1" width="1" height="43"/>
+                    <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                    <flash.display.Shape width="65" height="48"/>
+                  </spark.skins.mobile160.assets.ActionBarBackground>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group x="312.65" y="1" width="114" height="43" blendMode="auto">
+                    <spark.components.Button y="5" width="114" height="33">
+                      <spark.skins.mobile.TransparentActionButtonSkin width="114" height="33">
+                        <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="115" height="33" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
+                          <flash.display.Shape y="1" width="1" height="63"/>
+                          <flash.display.Shape x="1" width="1" height="65"/>
+                          <flash.display.Shape x="2" y="1" width="1" height="63"/>
+                          <flash.display.Shape width="82" height="65"/>
+                        </spark.skins.mobile.assets.TransparentActionButton_up>
+                        <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="6" y="5" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                        <spark.components.supportClasses.StyleableTextField x="6" y="4" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                      </spark.skins.mobile.TransparentActionButtonSkin>
+                    </spark.components.Button>
+                  </spark.components.Group>
+                  <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="286.6666666666667" height="43">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="9.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="8.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                  </ActionBarSkin.as$55.TitleDisplayComponent>
+                </spark.skins.mobile.ActionBarSkin>
+              </spark.components.ActionBar>
+            </spark.skins.mobile.ViewNavigatorSkin>
+          </comps.QANavigator>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </ImageScaling>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_120@android_240ppi.png
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_120@android_240ppi.png b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_120@android_240ppi.png
new file mode 100644
index 0000000..ce93795
Binary files /dev/null and b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_120@android_240ppi.png differ

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_120@android_240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_120@android_240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_120@android_240ppi.png.xml
new file mode 100644
index 0000000..fd325ff
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_120@android_240ppi.png.xml
@@ -0,0 +1,54 @@
+<DisplayList>
+  <ViewNavigatorApplication120dpi width="320" height="480">
+    <spark.skins.mobile.ViewNavigatorApplicationSkin width="320" height="480">
+      <spark.components.ViewNavigator width="320" height="480">
+        <spark.skins.mobile.ViewNavigatorSkin width="320" height="480">
+          <spark.components.Group y="45" width="320" height="435" blendMode="auto">
+            <views.ViewNavigatorApplication120dpiHomeView width="320" height="435">
+              <spark.skins.mobile.SkinnableContainerSkin width="320" height="435">
+                <spark.components.Group width="320" height="435" blendMode="auto">
+                  <comps.RedSquare x="20" y="20" width="251" height="48" blendMode="auto">
+                    <flash.display.MovieClip width="251" height="48">
+                      <flash.display.MovieClip width="251" height="48">
+                        <flash.display.MovieClip width="251" height="48">
+                          <flash.display.Shape width="251" height="48"/>
+                        </flash.display.MovieClip>
+                      </flash.display.MovieClip>
+                    </flash.display.MovieClip>
+                  </comps.RedSquare>
+                </spark.components.Group>
+              </spark.skins.mobile.SkinnableContainerSkin>
+            </views.ViewNavigatorApplication120dpiHomeView>
+          </spark.components.Group>
+          <spark.components.ActionBar width="320" height="45">
+            <spark.skins.mobile.ActionBarSkin width="320" height="45">
+              <spark.skins.mobile160.assets.ActionBarBackground width="320" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                <flash.display.Shape width="65" height="1"/>
+                <flash.display.Shape y="44" width="65" height="1"/>
+                <flash.display.Shape y="45" width="65" height="1"/>
+                <flash.display.Shape y="46" width="65" height="1"/>
+                <flash.display.Shape y="47" width="65" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                <flash.display.Shape y="1" width="1" height="43"/>
+                <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                <flash.display.Shape width="65" height="48"/>
+              </spark.skins.mobile160.assets.ActionBarBackground>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="294" height="43">
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="13" width="299" height="22" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="14" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+                <spark.components.supportClasses.StyleableTextField x="-2" y="12" width="299" height="22" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="14" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+              </ActionBarSkin.as$55.TitleDisplayComponent>
+            </spark.skins.mobile.ActionBarSkin>
+          </spark.components.ActionBar>
+        </spark.skins.mobile.ViewNavigatorSkin>
+      </spark.components.ViewNavigator>
+    </spark.skins.mobile.ViewNavigatorApplicationSkin>
+  </ViewNavigatorApplication120dpi>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_160@android_240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_160@android_240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_160@android_240ppi.png.xml
new file mode 100644
index 0000000..244a06f
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_160@android_240ppi.png.xml
@@ -0,0 +1,54 @@
+<DisplayList>
+  <ViewNavigatorApplication160dpi width="426.6666666666667" height="640">
+    <spark.skins.mobile.ViewNavigatorApplicationSkin width="426.6666666666667" height="640">
+      <spark.components.ViewNavigator width="426.6666666666667" height="640">
+        <spark.skins.mobile.ViewNavigatorSkin width="426.6666666666667" height="640">
+          <spark.components.Group y="45" width="426.6666666666667" height="595" blendMode="auto">
+            <views.ViewNavigatorApplication160dpiHomeView width="426.6666666666667" height="595">
+              <spark.skins.mobile.SkinnableContainerSkin width="426.6666666666667" height="595">
+                <spark.components.Group width="426.6666666666667" height="595" blendMode="auto">
+                  <comps.RedSquare x="20" y="20" width="251" height="48" blendMode="auto">
+                    <flash.display.MovieClip width="251" height="48">
+                      <flash.display.MovieClip width="251" height="48">
+                        <flash.display.MovieClip width="251" height="48">
+                          <flash.display.Shape width="251" height="48"/>
+                        </flash.display.MovieClip>
+                      </flash.display.MovieClip>
+                    </flash.display.MovieClip>
+                  </comps.RedSquare>
+                </spark.components.Group>
+              </spark.skins.mobile.SkinnableContainerSkin>
+            </views.ViewNavigatorApplication160dpiHomeView>
+          </spark.components.Group>
+          <spark.components.ActionBar width="426.6666666666667" height="45">
+            <spark.skins.mobile.ActionBarSkin width="426.6666666666667" height="45">
+              <spark.skins.mobile160.assets.ActionBarBackground width="426.6666666666667" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                <flash.display.Shape width="65" height="1"/>
+                <flash.display.Shape y="44" width="65" height="1"/>
+                <flash.display.Shape y="45" width="65" height="1"/>
+                <flash.display.Shape y="46" width="65" height="1"/>
+                <flash.display.Shape y="47" width="65" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                <flash.display.Shape y="1" width="1" height="43"/>
+                <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                <flash.display.Shape width="65" height="48"/>
+              </spark.skins.mobile160.assets.ActionBarBackground>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="400.6666666666667" height="43">
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="9.95" width="405.65" height="27" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+                <spark.components.supportClasses.StyleableTextField x="-2" y="8.95" width="405.65" height="27" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+              </ActionBarSkin.as$55.TitleDisplayComponent>
+            </spark.skins.mobile.ActionBarSkin>
+          </spark.components.ActionBar>
+        </spark.skins.mobile.ViewNavigatorSkin>
+      </spark.components.ViewNavigator>
+    </spark.skins.mobile.ViewNavigatorApplicationSkin>
+  </ViewNavigatorApplication160dpi>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_240@android_240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_240@android_240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_240@android_240ppi.png.xml
new file mode 100644
index 0000000..760c9ec
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_240@android_240ppi.png.xml
@@ -0,0 +1,54 @@
+<DisplayList>
+  <ViewNavigatorApplication240dpi width="640" height="960">
+    <spark.skins.mobile.ViewNavigatorApplicationSkin width="640" height="960">
+      <spark.components.ViewNavigator width="640" height="960">
+        <spark.skins.mobile.ViewNavigatorSkin width="640" height="960">
+          <spark.components.Group y="67" width="640" height="893" blendMode="auto">
+            <views.ViewNavigatorApplication240dpiHomeView width="640" height="893">
+              <spark.skins.mobile.SkinnableContainerSkin width="640" height="893">
+                <spark.components.Group width="640" height="893" blendMode="auto">
+                  <comps.RedSquare x="20" y="20" width="251" height="48" blendMode="auto">
+                    <flash.display.MovieClip width="251" height="48">
+                      <flash.display.MovieClip width="251" height="48">
+                        <flash.display.MovieClip width="251" height="48">
+                          <flash.display.Shape width="251" height="48"/>
+                        </flash.display.MovieClip>
+                      </flash.display.MovieClip>
+                    </flash.display.MovieClip>
+                  </comps.RedSquare>
+                </spark.components.Group>
+              </spark.skins.mobile.SkinnableContainerSkin>
+            </views.ViewNavigatorApplication240dpiHomeView>
+          </spark.components.Group>
+          <spark.components.ActionBar width="640" height="67">
+            <spark.skins.mobile.ActionBarSkin width="640" height="67">
+              <spark.skins.mobile240.assets.ActionBarBackground width="640" height="70" blendMode="auto" scale9Grid="(x=2, y=2, w=61, h=62)">
+                <flash.display.Shape width="65" height="1"/>
+                <flash.display.Shape y="66" width="65" height="1"/>
+                <flash.display.Shape y="67" width="65" height="1"/>
+                <flash.display.Shape y="68" width="65" height="1"/>
+                <flash.display.Shape y="69" width="65" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="65" width="63" height="1"/>
+                <flash.display.Shape y="1" width="1" height="65"/>
+                <flash.display.Shape x="64" y="1" width="1" height="65"/>
+                <flash.display.Shape width="65" height="70"/>
+              </spark.skins.mobile240.assets.ActionBarBackground>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <ActionBarSkin.as$55.TitleDisplayComponent x="20" y="1" width="600" height="65">
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="16" width="605" height="38" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="28" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+                <spark.components.supportClasses.StyleableTextField x="-2" y="15" width="605" height="38" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="28" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+              </ActionBarSkin.as$55.TitleDisplayComponent>
+            </spark.skins.mobile.ActionBarSkin>
+          </spark.components.ActionBar>
+        </spark.skins.mobile.ViewNavigatorSkin>
+      </spark.components.ViewNavigator>
+    </spark.skins.mobile.ViewNavigatorApplicationSkin>
+  </ViewNavigatorApplication240dpi>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_320@android_240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_320@android_240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_320@android_240ppi.png.xml
new file mode 100644
index 0000000..686dee2
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_320@android_240ppi.png.xml
@@ -0,0 +1,57 @@
+<DisplayList>
+  <ViewNavigatorApplication320dpi width="853.3333333333334" height="1280">
+    <spark.skins.mobile.ViewNavigatorApplicationSkin width="853.3333333333334" height="1280">
+      <spark.components.ViewNavigator width="853.3333333333334" height="1280">
+        <spark.skins.mobile.ViewNavigatorSkin width="853.3333333333334" height="1280">
+          <spark.components.Group y="90" width="853.3333333333334" height="1190" blendMode="auto">
+            <views.ViewNavigatorApplication320dpiHomeView width="853" height="1190">
+              <spark.skins.mobile.SkinnableContainerSkin width="853" height="1190">
+                <spark.components.Group width="853" height="1190" blendMode="auto">
+                  <comps.RedSquare x="20" y="20" width="251" height="48" blendMode="auto">
+                    <flash.display.MovieClip width="251" height="48">
+                      <flash.display.MovieClip width="251" height="48">
+                        <flash.display.MovieClip width="251" height="48">
+                          <flash.display.Shape width="251" height="48"/>
+                        </flash.display.MovieClip>
+                      </flash.display.MovieClip>
+                    </flash.display.MovieClip>
+                  </comps.RedSquare>
+                </spark.components.Group>
+              </spark.skins.mobile.SkinnableContainerSkin>
+            </views.ViewNavigatorApplication320dpiHomeView>
+          </spark.components.Group>
+          <spark.components.ActionBar width="853.3333333333334" height="90">
+            <spark.skins.mobile.ActionBarSkin width="853.3333333333334" height="90">
+              <spark.skins.mobile320.assets.ActionBarBackground width="853.3333333333334" height="96" blendMode="auto" scale9Grid="(x=2, y=3, w=86, h=58)">
+                <flash.display.Shape width="90" height="2"/>
+                <flash.display.Shape y="62" width="90" height="2"/>
+                <flash.display.Shape y="64" width="90" height="1"/>
+                <flash.display.Shape y="65" width="90" height="1"/>
+                <flash.display.Shape y="66" width="90" height="1"/>
+                <flash.display.Shape y="67" width="90" height="1"/>
+                <flash.display.Shape y="68" width="90" height="1"/>
+                <flash.display.Shape y="69" width="90" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.25, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="2" width="88" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="61" width="88" height="1"/>
+                <flash.display.Shape y="2" width="1" height="60"/>
+                <flash.display.Shape x="89" y="2" width="1" height="60"/>
+                <flash.display.Shape width="90" height="70"/>
+              </spark.skins.mobile320.assets.ActionBarBackground>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <ActionBarSkin.as$55.TitleDisplayComponent x="26" y="2" width="801.3333333333334" height="86">
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="22.3" width="806.3" height="48" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="36" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+                <spark.components.supportClasses.StyleableTextField x="-2" y="21.3" width="806.3" height="48" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="36" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+              </ActionBarSkin.as$55.TitleDisplayComponent>
+            </spark.skins.mobile.ActionBarSkin>
+          </spark.components.ActionBar>
+        </spark.skins.mobile.ViewNavigatorSkin>
+      </spark.components.ViewNavigator>
+    </spark.skins.mobile.ViewNavigatorApplicationSkin>
+  </ViewNavigatorApplication320dpi>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_480@android_240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_480@android_240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_480@android_240ppi.png.xml
new file mode 100644
index 0000000..d748cd8
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_480@android_240ppi.png.xml
@@ -0,0 +1,54 @@
+<DisplayList>
+  <ViewNavigatorApplication480dpi width="1280" height="1920">
+    <spark.skins.mobile.ViewNavigatorApplicationSkin width="1280" height="1920">
+      <spark.components.ViewNavigator width="1280" height="1920">
+        <spark.skins.mobile.ViewNavigatorSkin width="1280" height="1920">
+          <spark.components.Group y="138" width="1280" height="1782" blendMode="auto">
+            <views.ViewNavigatorApplication480dpiHomeView width="1280" height="1782">
+              <spark.skins.mobile.SkinnableContainerSkin width="1280" height="1782">
+                <spark.components.Group width="1280" height="1782" blendMode="auto">
+                  <comps.RedSquare x="20" y="20" width="251" height="48" blendMode="auto">
+                    <flash.display.MovieClip width="251" height="48">
+                      <flash.display.MovieClip width="251" height="48">
+                        <flash.display.MovieClip width="251" height="48">
+                          <flash.display.Shape width="251" height="48"/>
+                        </flash.display.MovieClip>
+                      </flash.display.MovieClip>
+                    </flash.display.MovieClip>
+                  </comps.RedSquare>
+                </spark.components.Group>
+              </spark.skins.mobile.SkinnableContainerSkin>
+            </views.ViewNavigatorApplication480dpiHomeView>
+          </spark.components.Group>
+          <spark.components.ActionBar width="1280" height="138">
+            <spark.skins.mobile.ActionBarSkin width="1280" height="138">
+              <spark.skins.mobile240.assets.ActionBarBackground width="1280" height="147" blendMode="auto" scale9Grid="(x=2, y=2, w=61, h=62)">
+                <flash.display.Shape width="65" height="1"/>
+                <flash.display.Shape y="66" width="65" height="1"/>
+                <flash.display.Shape y="67" width="65" height="1"/>
+                <flash.display.Shape y="68" width="65" height="1"/>
+                <flash.display.Shape y="69" width="65" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="65" width="63" height="1"/>
+                <flash.display.Shape y="1" width="1" height="65"/>
+                <flash.display.Shape x="64" y="1" width="1" height="65"/>
+                <flash.display.Shape width="65" height="70"/>
+              </spark.skins.mobile240.assets.ActionBarBackground>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <ActionBarSkin.as$55.TitleDisplayComponent x="40" y="4" width="1200" height="130">
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="34" width="1205" height="68" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="54" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+                <spark.components.supportClasses.StyleableTextField x="-2" y="33" width="1205" height="68" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="54" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+              </ActionBarSkin.as$55.TitleDisplayComponent>
+            </spark.skins.mobile.ActionBarSkin>
+          </spark.components.ActionBar>
+        </spark.skins.mobile.ViewNavigatorSkin>
+      </spark.components.ViewNavigator>
+    </spark.skins.mobile.ViewNavigatorApplicationSkin>
+  </ViewNavigatorApplication480dpi>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_640@android_240ppi.png
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_640@android_240ppi.png b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_640@android_240ppi.png
new file mode 100644
index 0000000..7afd21a
Binary files /dev/null and b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_640@android_240ppi.png differ

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_640@android_240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_640@android_240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_640@android_240ppi.png.xml
new file mode 100644
index 0000000..265f5ae
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/baselines/Check_bitmap_640@android_240ppi.png.xml
@@ -0,0 +1,54 @@
+<DisplayList>
+  <ViewNavigatorApplication640dpi width="1706.6666666666667" height="2560">
+    <spark.skins.mobile.ViewNavigatorApplicationSkin width="1706.6666666666667" height="2560">
+      <spark.components.ViewNavigator width="1706.6666666666667" height="2560">
+        <spark.skins.mobile.ViewNavigatorSkin width="1706.6666666666667" height="2560">
+          <spark.components.Group y="63.3" width="1706.6666666666667" height="2496.6666662216185" blendMode="auto">
+            <views.ViewNavigatorApplication640dpiHomeView width="1706.6666666666667" height="2496.6666662216185">
+              <spark.skins.mobile.SkinnableContainerSkin width="1706.6666666666667" height="2496.6666662216185">
+                <spark.components.Group width="1706.6666666666667" height="2496.6666662216185" blendMode="auto">
+                  <comps.RedSquare x="20" y="20" width="251" height="48" blendMode="auto">
+                    <flash.display.MovieClip width="251" height="48">
+                      <flash.display.MovieClip width="251" height="48">
+                        <flash.display.MovieClip width="251" height="48">
+                          <flash.display.Shape width="251" height="48"/>
+                        </flash.display.MovieClip>
+                      </flash.display.MovieClip>
+                    </flash.display.MovieClip>
+                  </comps.RedSquare>
+                </spark.components.Group>
+              </spark.skins.mobile.SkinnableContainerSkin>
+            </views.ViewNavigatorApplication640dpiHomeView>
+          </spark.components.Group>
+          <spark.components.ActionBar width="1706.6666666666667" height="63.333333778381345">
+            <spark.skins.mobile.ActionBarSkin width="1706.6666666666667" height="63.333333778381345">
+              <spark.skins.mobile160.assets.ActionBarBackground width="1706.6666666666667" height="66.33333377838134" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                <flash.display.Shape width="65" height="1"/>
+                <flash.display.Shape y="44" width="65" height="1"/>
+                <flash.display.Shape y="45" width="65" height="1"/>
+                <flash.display.Shape y="46" width="65" height="1"/>
+                <flash.display.Shape y="47" width="65" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                <flash.display.Shape y="1" width="1" height="43"/>
+                <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                <flash.display.Shape width="65" height="48"/>
+              </spark.skins.mobile160.assets.ActionBarBackground>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <spark.components.Group width="0" height="0" blendMode="auto"/>
+              <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="4" width="1680.6666666666667" height="55.333333778381345">
+                <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-13" width="1685.65" height="90" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="72" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+                <spark.components.supportClasses.StyleableTextField x="-2" y="-14" width="1685.65" height="90" underline="false">
+                  <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="72" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;HomeView&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                </spark.components.supportClasses.StyleableTextField>
+              </ActionBarSkin.as$55.TitleDisplayComponent>
+            </spark.skins.mobile.ActionBarSkin>
+          </spark.components.ActionBar>
+        </spark.skins.mobile.ViewNavigatorSkin>
+      </spark.components.ViewNavigator>
+    </spark.skins.mobile.ViewNavigatorApplicationSkin>
+  </ViewNavigatorApplication640dpi>
+</DisplayList>
\ No newline at end of file


[05/41] git commit: [flex-sdk] [refs/heads/develop] - Added new 160 and 640 dpi tests

Posted by jm...@apache.org.
Added new 160 and 640 dpi tests


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/9dcffe17
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/9dcffe17
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/9dcffe17

Branch: refs/heads/develop
Commit: 9dcffe17020e746ad3fe3356a944b25f2d1380bd
Parents: 651b2ed
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 04:37:02 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 04:37:02 2013 +1000

----------------------------------------------------------------------
 .../swfs/ViewNavigatorApplication120dpi.mxml    |  29 +++++
 .../swfs/ViewNavigatorApplication640dpi.mxml    |  29 +++++
 .../tests/applicationDPI_120.mxml               | 117 ++++++++++++++++++
 .../tests/applicationDPI_640.mxml               | 123 +++++++++++++++++++
 4 files changed, 298 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9dcffe17/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml b/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
new file mode 100644
index 0000000..a0b4fa8
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
+							xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.ViewNavigatorApplication160dpiHomeView"
+							applicationDPI="160" applicationComplete="init()">
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+	
+	<fx:Script source="MyScript.as" />
+
+</s:ViewNavigatorApplication>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9dcffe17/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication640dpi.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication640dpi.mxml b/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication640dpi.mxml
new file mode 100644
index 0000000..ebd0f49
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication640dpi.mxml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
+							xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.ViewNavigatorApplication320dpiHomeView"
+							applicationDPI="640" applicationComplete="init()">
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+	
+	<fx:Script source="MyScript.as" />
+
+</s:ViewNavigatorApplication>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9dcffe17/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
new file mode 100644
index 0000000..0f7620b
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
@@ -0,0 +1,117 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<UnitTester testDir="mobile/DensityIndependentScaling/tests/"  xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns="*" 
+			testSWF="ViewNavigatorApplication160dpi.mxml">
+	<!-- this set of lines form a template that must be in each unit test -->
+	<fx:Script>
+		<![CDATA[
+			public static function init(o:DisplayObject):void
+			{
+			}           
+		]]>
+	</fx:Script>
+	
+	<fx:Metadata>
+		<![CDATA[
+		[Mixin]
+		]]>
+	</fx:Metadata>  
+	
+	<!-- end of set of lines that must be in each unit test -->
+	
+	<fx:Script>
+		<![CDATA[
+			//import components.*;
+			import mx.core.FlexGlobals;
+		]]>
+	</fx:Script>
+	
+	<testCases>
+		
+		<TestCase testID="Get_applicationDPI" description="applicationDPI is set to 160 in MXML" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+		
+			<body>
+				<AssertPropertyValue target="" propertyName="applicationDPI" value="160" />
+			</body>
+		
+		</TestCase>
+
+		<!-- Set a bogus value. No error but should not be set. -->
+		<TestCase  testID="Set_applicationDPI_at_runtime" description="Should not change the value." keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+			<setup>
+				<SetProperty target="" propertyName="applicationDPI" value="777" />
+			</setup>
+			<body>
+			<AssertPropertyValue target="" propertyName="applicationDPI" value="160" />
+			</body>
+			
+		</TestCase>
+		
+		<TestCase testID="Check_scaling" description="" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+			
+			<body>
+				
+				<AssertPropertyValue target="" propertyName="scalingFactor" value="1" >
+					<ConditionalValue deviceDensity="160" value="1"/>
+					<ConditionalValue deviceDensity="240" value="1.5"/>
+					<ConditionalValue deviceDensity="320" value="2"/>
+					<ConditionalValue deviceDensity="480" value="4"/>
+				</AssertPropertyValue>	
+			
+			</body>
+	
+		</TestCase>
+		
+		<TestCase testID="Check_screen_size" description="" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+			
+			<body>
+				
+				<AssertPropertyValue target="" propertyName="screenWidth" value="500">
+					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
+					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/1.5"/>
+					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/2"/>
+					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
+				</AssertPropertyValue>	
+			</body>
+			
+		</TestCase>
+		
+		
+		<TestCase testID="Check_bitmap_160" description="" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+					
+			<body>
+						
+				<CompareBitmap target="navigator.activeView.redSquare" url="../tests/baselines">
+					<ConditionalValue deviceDensity="240" os="android" />
+					<ConditionalValue deviceDensity="160" os="win" />
+					<ConditionalValue deviceDensity="320" os="win" />
+					<ConditionalValue deviceDensity="320" os="iphone" />
+					<ConditionalValue deviceDensity="160" os="qnx" />
+					<ConditionalValue deviceDensity="320" os="android" />
+					<ConditionalValue deviceDensity="480" os="android" />
+				</CompareBitmap>	
+			</body>
+					
+		</TestCase>
+		
+		
+	</testCases>
+	
+</UnitTester>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9dcffe17/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_640.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_640.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_640.mxml
new file mode 100644
index 0000000..cfb6833
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_640.mxml
@@ -0,0 +1,123 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<UnitTester testDir="mobile/DensityIndependentScaling/tests/"  xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns="*" 
+			testSWF="ViewNavigatorApplication640dpi.mxml">
+	<!-- this set of lines form a template that must be in each unit test -->
+	<fx:Script>
+		<![CDATA[
+			public static function init(o:DisplayObject):void
+			{
+			}           
+		]]>
+	</fx:Script>
+	
+	<fx:Metadata>
+		<![CDATA[
+		[Mixin]
+		]]>
+	</fx:Metadata>  
+	
+	<!-- end of set of lines that must be in each unit test -->
+	
+	<fx:Script>
+		<![CDATA[
+			//import components.*;
+			import mx.core.FlexGlobals;
+		]]>
+	</fx:Script>
+	
+	<testCases>
+		
+		<TestCase testID="Get_applicationDPI" description="applicationDPI is set to 320 in MXML" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+
+			<body>
+				<AssertPropertyValue target="" propertyName="applicationDPI" value="320" />
+			</body>
+		
+		</TestCase>
+
+		<!-- Set a bogus value. No error but should not be set. -->
+		<TestCase  testID="Set_applicationDPI_at_runtime" description="Should not change the value." keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+			<setup>
+				<SetProperty target="" propertyName="applicationDPI" value="777" />
+			</setup>
+			<body>
+			<AssertPropertyValue target="" propertyName="applicationDPI" value="320" />
+			</body>
+			
+		</TestCase>
+		
+		<TestCase testID="Check_scaling" description="" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+			
+			<body>
+				
+				<AssertPropertyValue target="" propertyName="scalingFactor" value="0.500000" >
+					<ConditionalValue deviceDensity="120" value="0.1875"/>
+					<ConditionalValue deviceDensity="160" value="0.25"/>
+					<ConditionalValue deviceDensity="240" value="0.375"/>
+					<ConditionalValue deviceDensity="320" value="0.5"/>
+					<ConditionalValue deviceDensity="480" value="0.75"/>
+					<ConditionalValue deviceDensity="640" value="1"/>
+				</AssertPropertyValue>	
+			
+			</body>
+	
+		</TestCase>
+		
+		<TestCase testID="Check_screen_size" description="" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+			
+			<body>
+				
+				<AssertPropertyValue target="" propertyName="screenWidth" value="1000">
+					<ConditionalValue deviceDensity="120" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.1875"/>
+					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.25"/>
+					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.375"/>
+					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.5"/>
+					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.75"/>
+					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
+				</AssertPropertyValue>	
+			</body>
+			
+		</TestCase>
+
+		<TestCase testID="Check_bitmap_640" description="" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+					
+			<body>
+				<!-- Noticed pixel differences between win 160 and qnx 160. These really shouldn't be happening. -->		
+				<CompareBitmap target="navigator.activeView.redSquare" url="../tests/baselines">
+					<ConditionalValue deviceDensity="240" os="android" />
+					<ConditionalValue deviceDensity="160" os="win" />
+					<ConditionalValue deviceDensity="320" os="win" />
+					<ConditionalValue deviceDensity="320" os="iphone" />
+					<ConditionalValue deviceDensity="160" os="qnx" />
+					<ConditionalValue deviceDensity="320" os="android" />
+					<ConditionalValue deviceDensity="480" os="android" />
+					<ConditionalValue deviceDensity="120" os="android" />
+					<ConditionalValue deviceDensity="640" os="android" />
+				</CompareBitmap>	
+			</body>
+					
+		</TestCase>
+
+		
+		
+	</testCases>
+	
+</UnitTester>


[33/41] git commit: [flex-sdk] [refs/heads/develop] - Added missing skins for 120 dpi

Posted by jm...@apache.org.
Added missing skins for 120 dpi


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/56514800
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/56514800
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/56514800

Branch: refs/heads/develop
Commit: 565148008ce2ab85fc8de4ac861e39331d29fe5d
Parents: 1e1b425
Author: Om <bi...@gmail.com>
Authored: Mon Aug 19 15:56:00 2013 -0700
Committer: Om <bi...@gmail.com>
Committed: Mon Aug 19 15:56:00 2013 -0700

----------------------------------------------------------------------
 flex-sdk-description.xml                                |  2 +-
 .../TabbedViewNavigatorButtonBarFirstButton_down.fxg    | 10 +++++-----
 ...TabbedViewNavigatorButtonBarFirstButton_selected.fxg | 10 +++++-----
 .../TabbedViewNavigatorButtonBarFirstButton_up.fxg      | 10 +++++-----
 .../TabbedViewNavigatorButtonBarLastButton_down.fxg     | 12 ++++++------
 .../TabbedViewNavigatorButtonBarLastButton_selected.fxg | 12 ++++++------
 .../TabbedViewNavigatorButtonBarLastButton_up.fxg       | 12 ++++++------
 .../mobile120/assets/TransparentActionButton_down.fxg   | 12 ++++++------
 .../mobile120/assets/TransparentActionButton_up.fxg     |  8 ++++----
 .../assets/TransparentNavigationButton_down.fxg         | 12 ++++++------
 .../mobile120/assets/TransparentNavigationButton_up.fxg |  8 ++++----
 .../spark/skins/mobile120/assets/ViewMenuItem_down.fxg  |  8 ++++----
 .../skins/mobile120/assets/ViewMenuItem_showsCaret.fxg  |  4 ++--
 .../spark/skins/mobile120/assets/ViewMenuItem_up.fxg    |  4 ++--
 14 files changed, 62 insertions(+), 62 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/flex-sdk-description.xml
----------------------------------------------------------------------
diff --git a/flex-sdk-description.xml b/flex-sdk-description.xml
index 217ef12..c6b937a 100644
--- a/flex-sdk-description.xml
+++ b/flex-sdk-description.xml
@@ -20,6 +20,6 @@
 <flex-sdk-description>
 <name>Apache Flex 4.10.0 FP11.1 AIR3.7 en_US</name>
 <version>4.10.0</version>
-<build>20130801</build>
+<build>20130819</build>
 </flex-sdk-description>
         
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
index 8dfdddb..94c4d2e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
@@ -20,7 +20,7 @@
 
 <Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- highlight fill -->
-  <Rect x="0" y="2" width="120" height="72" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="2" width="120" height="72" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="72" rotation="90">
         <GradientEntry color="#000000" ratio="0" alpha=".3"/>
@@ -29,25 +29,25 @@
     </fill>
   </Rect>
   <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="74" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- highlight stroke -->
-  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="1.5" scaleY="1.5">
+  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
     </stroke>
   </Rect>
   <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="76" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0"/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
index c2b7418..5471186 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
@@ -20,7 +20,7 @@
 
 <Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- highlight fill -->
-  <Rect x="0" y="2" width="120" height="72" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="2" width="120" height="72" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="72" rotation="90">
         <GradientEntry color="#000000" ratio="0" alpha=".05"/>
@@ -29,25 +29,25 @@
     </fill>
   </Rect>
   <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="74" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- highlight stroke -->
-  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="1.5" scaleY="1.5">
+  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
     </stroke>
   </Rect>
   <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="76" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0"/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
index b027be2..f3e199f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
@@ -20,7 +20,7 @@
 
 <Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- highlight fill -->
-  <Rect x="0" y="2" width="120" height="72" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="2" width="120" height="72" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="72" rotation="90">
         <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
@@ -29,25 +29,25 @@
     </fill>
   </Rect>
   <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="74" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- highlight stroke -->
-  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="1.5" scaleY="1.5">
+  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
     </stroke>
   </Rect>
   <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="76" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0"/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
index 4293ab6..255c3a6 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
@@ -20,7 +20,7 @@
 
 <Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- highlight fill -->
-  <Rect x="2" y="2" width="118" height="72" scaleX="1.5" scaleY="1.5">
+  <Rect x="2" y="2" width="118" height="72" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="72" rotation="90">
         <GradientEntry color="#000000" ratio="0" alpha=".3"/>
@@ -29,31 +29,31 @@
     </fill>
   </Rect>
   <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="74" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- border left -->
-  <Rect x="0" y="2" width="2" height="72" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="2" width="2" height="72" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.8"/>
     </fill>
   </Rect>
   <!-- highlight stroke -->
-  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="1.5" scaleY="1.5">
+  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
     </stroke>
   </Rect>
   <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="76" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0"/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
index eb77245..92b3e07 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
@@ -20,7 +20,7 @@
 
 <Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- highlight fill -->
-  <Rect x="2" y="2" width="118" height="72" scaleX="1.5" scaleY="1.5">
+  <Rect x="2" y="2" width="118" height="72" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="72" rotation="90">
         <GradientEntry color="#000000" ratio="0" alpha=".05"/>
@@ -29,31 +29,31 @@
     </fill>
   </Rect>
   <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="74" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- border left -->
-  <Rect x="0" y="2" width="2" height="72" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="2" width="2" height="72" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.8"/>
     </fill>
   </Rect>
   <!-- highlight stroke -->
-  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="1.5" scaleY="1.5">
+  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
     </stroke>
   </Rect>
   <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="76" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0"/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
index 6cde6f0..800b592 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
@@ -20,7 +20,7 @@
 
 <Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- highlight fill -->
-  <Rect x="2" y="2" width="118" height="72" scaleX="1.5" scaleY="1.5">
+  <Rect x="2" y="2" width="118" height="72" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="72" rotation="90">
         <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
@@ -29,31 +29,31 @@
     </fill>
   </Rect>
   <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="74" width="120" height="2" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.75"/>
     </fill>
   </Rect>
   <!-- border left -->
-  <Rect x="0" y="2" width="2" height="72" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="2" width="2" height="72" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.8"/>
     </fill>
   </Rect>
   <!-- highlight stroke -->
-  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="1.5" scaleY="1.5">
+  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
     </stroke>
   </Rect>
   <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="120" height="76" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0"/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_down.fxg
index 7672150..1c1a5ac 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_down.fxg
@@ -20,7 +20,7 @@
 
 <Graphic version="2.0" scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="9" scaleGridRight="76" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- highlight border leading -->
-  <Rect x="0" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="1" width="1" height="63" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="63" rotation="90">
         <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
@@ -29,13 +29,13 @@
     </fill>
   </Rect>
   <!-- separator dark -->
-  <Rect x="1" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
+  <Rect x="1" y="0" width="2" height="65" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.8"/>
     </fill>
   </Rect>
   <!-- inner shaddow -->
-  <Rect x="3" y="0" width="80" height="65" scaleX="1.5" scaleY="1.5">
+  <Rect x="3" y="0" width="80" height="65" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="65" rotation="90">
         <GradientEntry color="#000000" ratio="0" alpha=".05"/>
@@ -43,18 +43,18 @@
       </LinearGradient>
     </fill>
   </Rect>
-  <Rect x="3.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="1.5" scaleY="1.5">
+  <Rect x="3.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
     </stroke>
   </Rect>
-  <Rect x="4.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="1.5" scaleY="1.5">
+  <Rect x="4.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
     </stroke>
   </Rect>
   <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="83" height="65" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="83" height="65" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#ffffff" alpha="0"/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_up.fxg
index 8f3219e..ec9dc8b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_up.fxg
@@ -20,7 +20,7 @@
 
 <Graphic version="2.0" scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="4" scaleGridRight="82" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- highlight border leading -->
-  <Rect x="0" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="1" width="1" height="63" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="63" rotation="90">
         <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
@@ -29,13 +29,13 @@
     </fill>
   </Rect>
   <!-- separator dark -->
-  <Rect x="1" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
+  <Rect x="1" y="0" width="2" height="65" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.8"/>
     </fill>
   </Rect>
   <!-- highlight border left-->
-  <Rect x="3" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+  <Rect x="3" y="1" width="1" height="63" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="63" rotation="90">
         <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
@@ -44,7 +44,7 @@
     </fill>
   </Rect>
   <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="83" height="65" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="83" height="65" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#ffffff" alpha="0"/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_down.fxg
index cd34225..3dc5b49 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_down.fxg
@@ -20,7 +20,7 @@
 
 <Graphic version="2.0" scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="6" scaleGridRight="74" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- inner shaddow -->
-  <Rect x="0" y="0" width="80" height="65" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="80" height="65" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="65" rotation="90">
         <GradientEntry color="#000000" ratio="0" alpha=".05"/>
@@ -28,24 +28,24 @@
       </LinearGradient>
     </fill>
   </Rect>
-  <Rect x="0.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="1.5" scaleY="1.5">
+  <Rect x="0.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
     </stroke>
   </Rect>
-  <Rect x="1.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="1.5" scaleY="1.5">
+  <Rect x="1.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
     </stroke>
   </Rect>
   <!-- separator dark -->
-  <Rect x="80" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
+  <Rect x="80" y="0" width="2" height="65" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.8"/>
     </fill>
   </Rect>
   <!-- highlight border trailing -->
-  <Rect x="82" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+  <Rect x="82" y="1" width="1" height="63" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="63" rotation="90">
         <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
@@ -54,7 +54,7 @@
     </fill>
   </Rect>
   <!-- invisible fix for scaling -->
-  <Rect x="0" y="1" width="83" height="63" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="1" width="83" height="63" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#ffffff" alpha="0"/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_up.fxg
index b08b362..47bd409 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_up.fxg
@@ -20,7 +20,7 @@
 
 <Graphic version="2.0" scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="1" scaleGridRight="79" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- highlight border right -->
-  <Rect x="79" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+  <Rect x="79" y="1" width="1" height="63" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="63" rotation="90">
         <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
@@ -29,13 +29,13 @@
     </fill>
   </Rect>
   <!-- separator dark -->
-  <Rect x="80" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
+  <Rect x="80" y="0" width="2" height="65" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0.8"/>
     </fill>
   </Rect>
   <!-- highlight border trailing -->
-  <Rect x="82" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+  <Rect x="82" y="1" width="1" height="63" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient x="0" scaleX="63" rotation="90">
         <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
@@ -44,7 +44,7 @@
     </fill>
   </Rect>
   <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="83" height="65" scaleX="1.5" scaleY="1.5">
+  <Rect x="0" y="0" width="83" height="65" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#ffffff" alpha="0"/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_down.fxg
index 45216ff..5138ce2 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_down.fxg
@@ -20,13 +20,13 @@
 
 <Graphic version="2.0" scaleGridLeft="6" scaleGridRight="152" scaleGridTop="6" scaleGridBottom="94" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- Transparent Rect to ensure proper scaling -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
+  <Rect width="158" height="100" x="0" y="0" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0"/>
     </fill>
   </Rect>
   <!-- overlay -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
+  <Rect width="158" height="100" x="0" y="0" scaleX="0.5" scaleY="0.5">
     <fill>
       <LinearGradient rotation="90">
         <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
@@ -35,13 +35,13 @@
     </fill>
   </Rect>
   <!-- Outermost border -->
-  <Rect width="156" height="98" x="1" y="1" scaleX="1.5" scaleY="1.5">
+  <Rect width="156" height="98" x="1" y="1" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#000000" weight="2" alpha="0.2" joints="miter"/>
     </stroke>
   </Rect>
   <!-- Middle Outer Border -->
-  <Rect width="152" height="94" x="3" y="3" scaleX="1.5" scaleY="1.5">
+  <Rect width="152" height="94" x="3" y="3" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke color="#000000" weight="2" alpha="0.1" joints="miter"/>
     </stroke>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_showsCaret.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_showsCaret.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_showsCaret.fxg
index 9401d98..215dc29 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_showsCaret.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_showsCaret.fxg
@@ -20,13 +20,13 @@
 
 <Graphic version="2.0" scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- Transparent Rect to ensure proper scaling -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
+  <Rect width="158" height="100" x="0" y="0" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0"/>
     </fill>
   </Rect>
   <!-- Border -->
-  <Rect width="156" height="98" x="1" y="1" scaleX="1.5" scaleY="1.5">
+  <Rect width="156" height="98" x="1" y="1" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
     </stroke>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/56514800/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_up.fxg
index 9401d98..215dc29 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_up.fxg
@@ -20,13 +20,13 @@
 
 <Graphic version="2.0" scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97" xmlns="http://ns.adobe.com/fxg/2008">
   <!-- Transparent Rect to ensure proper scaling -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
+  <Rect width="158" height="100" x="0" y="0" scaleX="0.5" scaleY="0.5">
     <fill>
       <SolidColor color="#000000" alpha="0"/>
     </fill>
   </Rect>
   <!-- Border -->
-  <Rect width="156" height="98" x="1" y="1" scaleX="1.5" scaleY="1.5">
+  <Rect width="156" height="98" x="1" y="1" scaleX="0.5" scaleY="0.5">
     <stroke>
       <SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
     </stroke>


[14/41] Dummy 120 and 640 dpi skins. 120 is just a copy of the 240 skins and 640 a copy of the 320 skins.

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
new file mode 100644
index 0000000..8442b96
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="12" scaleGridRight="588" scaleGridTop="30" scaleGridBottom="388">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="399" width="600" height="1">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+    
+	<!-- Content Shading Top -->
+	<Rect x="0" y="0" width="600" height="20"
+			topLeftRadiusX="10" topLeftRadiusY="10"
+			topRightRadiusX="10" topRightRadiusY="10">
+		<fill>
+			<LinearGradient  rotation="90">
+				<GradientEntry ratio="0" color="#000000" alpha="0.6"/>
+				<GradientEntry ratio="0.5" color="#000000" alpha="0"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+		
+	<!-- Content Highlight -->
+	<Rect x="1" y="1" width="598" height="398"
+			radiusX="10" radiusY="10">
+		<stroke>
+			<SolidColorStroke color="#FFFFFF" alpha="0.8"
+								weight="2"/>
+		</stroke>
+	</Rect>
+</Graphic>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
new file mode 100644
index 0000000..3ce7f57
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+      <Rect x="4" y="62" alpha="0.08" width="56" height="2">
+        <fill>
+          <SolidColor color="#FFFFFF"/>
+        </fill>
+      </Rect>
+      <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z">
+        <fill>
+          <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.1"/>
+            <GradientEntry ratio="1" alpha="0.4"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z">
+        <fill>
+          <LinearGradient x="28" y="0" scaleX="56" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0.05"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="6" y="6" data="M2 6C2 4 4 2 6 2L46 2C48 2 50 4 50 6L50 46C50 48 50 50 48 50L4 50C2 50 2 48 2 46L2 6ZM0 4 0 48C0 50 0 52 2 52L50 52C52 52 52 50 52 48L52 4C52 2 50 0 48 0L4 0C2 0 0 2 0 4Z">
+        <fill>
+          <LinearGradient x="26" y="0" scaleX="52" rotation="90">
+            <GradientEntry ratio="0" alpha="0.1"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="2" y="2" alpha="0.7" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z">
+        <fill>
+          <SolidColor/>
+        </fill>
+      </Path>
+      <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z">
+        <fill>
+          <SolidColor color="#FFFFFF"/>
+        </fill>
+      </Path>
+      <Rect x="4" y="62" alpha="0.1" width="56" height="2">
+        <fill>
+          <SolidColor color="#FFFFFF"/>
+        </fill>
+      </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
new file mode 100644
index 0000000..ae789b6
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="4" scaleX="44.0005" rotation="90">
+            <GradientEntry ratio="0" color="#999999"/>
+            <GradientEntry ratio="1" color="#B4B4B4"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.6" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" alpha="0.3" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
new file mode 100644
index 0000000..b37b730
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="24" scaleX="48" rotation="90">
+            <GradientEntry ratio="0" color="#5A5A5A"/>
+            <GradientEntry ratio="1" color="#323232"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.25" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" alpha="0.7" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
+  </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
new file mode 100644
index 0000000..2daf4a7
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
@@ -0,0 +1,59 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z">
+    <fill>
+      <LinearGradient x="28" y="8" scaleX="40.0004" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.0470588"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z">
+    <fill>
+      <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.35"/>
+        <GradientEntry ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="2" y="2" alpha="0.6" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z">
+    <fill>
+      <SolidColor/>
+    </fill>
+  </Path>
+  <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z">
+    <fill>
+      <SolidColor/>
+    </fill>
+  </Path>
+  <Rect x="6" y="4" alpha="0.15" width="52" height="2">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Rect>
+  <Rect x="4" y="62" alpha="0.1" width="56" height="2">
+    <fill>
+      <SolidColor/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
new file mode 100644
index 0000000..4895199
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="24" scaleX="48" rotation="90">
+            <GradientEntry ratio="0" color="#C8C8C8"/>
+            <GradientEntry ratio="1" color="#E1E1E1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.5" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" alpha="0.5" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
new file mode 100644
index 0000000..7a60ca5
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="12" scaleX="32" rotation="90">
+            <GradientEntry ratio="0" color="#5A5A5A"/>
+            <GradientEntry ratio="1" color="#323232"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.7" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
new file mode 100644
index 0000000..165d5f7
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008">
+      <Ellipse width="58" height="58" x="0" y="0">
+        <fill>
+          <LinearGradient x="30" y="0" scaleX="58" rotation="90">
+            <GradientEntry ratio="0" alpha="0.15"/>
+            <GradientEntry ratio="1" alpha="0.25"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
+      <Ellipse width="58" height="58" x="0" y="0">
+        <stroke>
+          <SolidColorStroke weight="2" caps="none"/>
+        </stroke>
+      </Ellipse>
+      <Ellipse width="58" height="58" x="0" y="0">
+        <fill>
+          <LinearGradient x="26" y="10" scaleX="24" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.5"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
new file mode 100644
index 0000000..fa76fce
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008" >
+	<!-- outer ellipse -->
+      <Ellipse x="0.5" y="0.5" width="58" height="58">
+        <fill>
+          <LinearGradient x="28.9995" y="0" scaleX="58.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.05"/>
+            <GradientEntry ratio="1" alpha="0.15"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
+	<!-- outer border -->
+      <Ellipse x="1.5" y="1.5" width="56" height="56">
+        <stroke>
+          <SolidColorStroke weight="2" caps="none" alpha="0.7"/>
+        </stroke>
+      </Ellipse>
+	<!-- inner ellipse -->
+      <Ellipse x="1.5" y="1.5" width="56" height="56">
+        <fill>
+          <LinearGradient x="28.9995" y="4" scaleX="53.9995" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0.6"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
+	<!-- inner border -->
+      <Path x="1" y="1" data="M2.19238 28.75C2.19238 13.27 13.1533 2.21191 28.5 2.21191 43.8457 2.21191 54.8066 13.27 54.8066 28.75 54.8066 44.2324 43.8457 55.29 28.5 55.29 13.1533 55.29 2.19238 44.2324 2.19238 28.75ZM0 28.75C0 44.2324 13.1533 57.5 28.5 57.5 43.8457 57.5 57 44.2324 57 28.75 57 13.27 43.8457 0 28.5 0 13.1533 0 0 13.27 0 28.75Z">
+        <fill>
+          <LinearGradient x="28.4995" y="4.10693" scaleX="53.3924" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
new file mode 100644
index 0000000..485dc74
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" viewHeight="18" viewWidth="640" xmlns="http://ns.adobe.com/fxg/2008"
+         scaleGridLeft="30" scaleGridRight="610" scaleGridTop="1" scaleGridBottom="17">
+      <Rect x="20" y="0.5" width="600" height="16" radiusX="7.24087" radiusY="7.24087">
+        <fill>
+          <LinearGradient x="300" y="0" scaleX="16.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.5"/>
+            <GradientEntry ratio="1" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      <Path x="20" y="0.5" data="M0 8C2 4 4 2 8 2L592 2C596 2 598 4 600 8 600 4 596 0 592 0L8 0C4 0 0 4 0 8Z">
+        <fill>
+          <LinearGradient x="300" y="0" scaleX="10" rotation="90">
+            <GradientEntry ratio="0" alpha="0.4"/>
+            <GradientEntry ratio="1" alpha="0.05"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Rect width="640" height="18">
+        <fill>
+          <SolidColor alpha="0"/>
+        </fill>
+      </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
new file mode 100644
index 0000000..98d1639
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" viewHeight="68" viewWidth="68" xmlns="http://ns.adobe.com/fxg/2008">
+        <Rect x="0.5" y="0.5" width="67" height="67">
+          <fill>
+            <SolidColor color="#FFFFFF"/>
+          </fill>
+        </Rect>
+        <Path winding="nonZero" data="M67 1 67 67 1 67 1 1 67 1M68 0 0 0 0 68 68 68 68 0 68 0Z">
+          <fill>
+            <SolidColor color="#FFFFFF"/>
+          </fill>
+        </Path>
+      <Path winding="nonZero" data="M0 0 0 68 68 68 68 0 0 0ZM64 64 4 64 4 4 64 4 64 64Z">
+        <fill>
+          <SolidColor color="#969696"/>
+        </fill>
+      </Path>
+      <Path x="8" y="8" winding="nonZero" data="M0 0 0 52 52 52 52 0 0 0ZM26.1396 47.9668C23.5303 47.9668 21.5713 46.2676 21.5713 43.3945 21.5713 40.6543 23.5303 38.8906 26.1396 38.8906 28.8818 38.8906 30.71 40.7832 30.71 43.3945 30.71 46.1367 29.0127 47.9668 26.1396 47.9668ZM28.5557 29.6855
+C28.5557 30.8594 29.0127 32.0713 29.7295 33.3115 29.8623 33.5713 29.7295 34 29.4053 34L23.6592 34C23.333 34 23.2021 33.833 22.876 33.5088 21.7002 32.2002 21.1787 30.291 21.1787 28.9844 21.1787 23.7617 29.7295 20.5225 29.7295 15.2998 29.7295 12.752
+ 27.6396 10.5117 23.6592 10.5117 20.3955 10.5117 18.3911 11.1543 16.1079 12.1338 15.8462 12.2646 16 12.1235 16 11.8618L16 6.70459C16 6.44287 15.6509 6.18213 15.9106 6.05127 17.5454 5.26807 20.6357 4.02881 25.4639 4.02881 33.1045 4.02881 37.9141
+ 8.40186 37.9141 14.6694 37.9141 21.8491 28.5557 25.9644 28.5557 29.6855Z">
+        <fill>
+          <SolidColor color="#969696"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
new file mode 100644
index 0000000..7241c4b
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  
+      <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z">
+        <fill>
+          <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.14902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
+        <fill>
+          <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.109804"/>
+            <GradientEntry ratio="1" alpha="0.4"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="4" alpha="0.14902" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
+        <stroke>
+          <SolidColorStroke weight="1" caps="none"/>
+        </stroke>
+      </Path>
+      <Path x="2" y="2" alpha="0.65098" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z">
+        <fill>
+          <SolidColor/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
new file mode 100644
index 0000000..522716b
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+    	<fill>
+		    <SolidColor color="#646464"/>
+    	</fill>
+	</Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+    	<fill>
+    		<LinearGradient x="14" y="0" scaleX="28" rotation="90">
+    			<GradientEntry ratio="0" color="#787878"/>
+    			<GradientEntry ratio="1" color="#969696"/>
+    		</LinearGradient>
+    	</fill>
+    </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
new file mode 100644
index 0000000..396fe82
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+        <fill>
+        	<SolidColor color="#323232"/>
+        </fill>
+    </Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+        <fill>
+            <LinearGradient x="14" y="0" scaleX="30" rotation="90">
+                <GradientEntry ratio="0" color="#464646"/>
+                <GradientEntry ratio="1" color="#1E1E1E"/>
+            </LinearGradient>
+        </fill>
+    </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
new file mode 100644
index 0000000..ee22d1d
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  
+      <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z">
+        <fill>
+          <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0"/>
+            <GradientEntry ratio="1" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="2" y="2" alpha="0.6" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z">
+        <fill>
+          <SolidColor/>
+        </fill>
+      </Path>
+      <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
+        <fill>
+          <LinearGradient x="28" y="8" scaleX="26.0002" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
new file mode 100644
index 0000000..03cb9d2
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+        <fill>
+        	<SolidColor color="#969696"/>
+        </fill>
+    </Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+        <fill>
+            <LinearGradient x="14" y="0" scaleX="20" rotation="90">
+                <GradientEntry ratio="0" color="#999999"/>
+                <GradientEntry ratio="1" color="#B4B4B4"/>
+            </LinearGradient>
+        </fill>
+    </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
new file mode 100644
index 0000000..fa6e7c6
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+	<Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+    	<fill>
+    		<SolidColor color="#323232"/>
+        </fill>
+	</Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+    	<fill>
+        	<LinearGradient x="14" y="0" scaleX="30" rotation="90">
+            	<GradientEntry ratio="0" color="#5A5A5A"/>
+            	<GradientEntry ratio="1" color="#323232"/>
+          	</LinearGradient>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
new file mode 100644
index 0000000..8abfba6
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
+	scaleGridLeft="12" scaleGridTop="12" scaleGridRight="88" scaleGridBottom="88">
+
+	<Rect width="100" height="100" radiusX="10" radiusY="10">
+		<fill>
+			<SolidColor color="#4D4D4D"/>
+		</fill>
+	</Rect>
+	<Rect x="2" y="2" width="96" height="96" radiusX="10" radiusY="10">
+		<fill>	
+			<SolidColor color="#F2F2F2"/>
+		</fill>
+	</Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
new file mode 100644
index 0000000..421d325
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight="96" viewWidth="100"
+	scaleGridLeft="5" scaleGridTop="12" scaleGridRight="95" scaleGridBottom="83">
+	<!-- Transparent rect used to center the bar -->
+	<Rect x="0" y="0" width="100" height="8">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+	<!-- Border --> 
+	<Path y="8" winding="nonZero" data="M100 80 0 80 0 0 100 0 100 80ZM2 78 98 78 98 2 2 2 2 78Z">
+        <fill>
+           	<SolidColor color="#666666"/>
+    	</fill>
+   	</Path>
+   	<!-- Two tone gradient background -->
+   	<Rect x="2" y="10" width="96" height="76">
+       	<fill>
+   			<LinearGradient rotation="90">
+               	<GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
+   				<GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
+   				<GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
+   				<GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
+   				<GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
+   			</LinearGradient>
+   		</fill>
+   	</Rect>
+   	<!-- Top highlight -->
+   	<Rect x="4" y="10" width="92" height="2">
+       	<fill>
+           	<SolidColor color="#FFFFFF"/>
+        </fill>
+   	</Rect>
+   	<!-- Bottom highlight -->
+   	<Rect x="4" y="84" width="92" height="2">
+       	<fill>
+           	<SolidColor color="#FFFFFF"/>
+		</fill>
+   	</Rect>
+   	<!-- Shadow -->
+    <Rect x="4" y="88" width="92" height="8">
+  		<fill>
+   			<LinearGradient rotation="90">
+   				<GradientEntry ratio="0" color="#000000" alpha="0.15"/>
+   				<GradientEntry ratio="1" color="#000000" alpha="0"/>
+   			</LinearGradient>
+        </fill>
+   	</Rect>
+</Graphic>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
new file mode 100644
index 0000000..b6b55d0
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
+	scaleGridLeft="10" scaleGridTop="10" scaleGridRight="90" scaleGridBottom="90">
+	<Rect width="100" height="100" radiusX="10" radiusY="10">
+		<fill>
+			<LinearGradient rotation="270">
+				<GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
+				<GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
+				<GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
+				<GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
new file mode 100644
index 0000000..0643420
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="0" y="2" width="120" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".3"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".15"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="0.5" y="2.5" width="119" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
new file mode 100644
index 0000000..c726e7f
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="0" y="2" width="120" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="0.5" y="2.5" width="119" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
new file mode 100644
index 0000000..8ef55d2
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="0" y="2" width="120" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="0.5" y="2.5" width="119" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
new file mode 100644
index 0000000..f8945a6
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="2" y="2" width="118" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".3"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".15"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border left -->
+    <Rect x="0" y="2" width="2" height="72">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="2.5" y="2.5" width="117" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
new file mode 100644
index 0000000..eb55d4d
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="2" y="2" width="118" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border left -->
+    <Rect x="0" y="2" width="2" height="72">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="2.5" y="2.5" width="117" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
new file mode 100644
index 0000000..147dfda
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="2" y="2" width="118" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border left -->
+    <Rect x="0" y="2" width="2" height="72">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="2.5" y="2.5" width="117" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
new file mode 100644
index 0000000..b5b56d2
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+         scaleGridLeft="16" scaleGridTop="16" scaleGridRight="504" scaleGridBottom="50">
+         
+    <!-- border -->
+    <Path data="M12 2 508 2C514 2 518 6 518 12L518 54C518 60 514 64 508 64L12 64C6 64 2 60 2 54L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 54C0 60 6 66 12 66L508 66C514 66 520 60 520 54L520 12C520 6 514 0 508 0L12 0Z">
+        <fill>
+            <SolidColor color="#505050"/>
+        </fill>
+    </Path>
+      
+    <!-- inner shadow -->
+    <Path x="2" y="2" alpha="0.2" data="M10 3 506 3C510 3 514 7 514 11L514 52C514 56 510 60 506 60L10 60C6 60 2 56 2 52L2 11C2 7 6 3 10 3ZM10 0C4 0 0 4 0 10L0 52C0 58 4 62 10 62L506 62C512 62 516 58 516 52L516 10C516 4 512 0 506 0L10 0Z">
+        <fill>
+            <SolidColor color="#030303"/>
+        </fill>
+    </Path>
+     
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
new file mode 100644
index 0000000..bd26d9a
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" viewHeight="56" viewWidth="142" xmlns="http://ns.adobe.com/fxg/2008" scaleGridLeft="28" scaleGridTop="20" scaleGridRight="114" scaleGridBottom="28">
+	<Path winding="nonZero" data="M0 0 0 56 28 56C20 56 14 49.7324 14 42 14 34.2676 20 28 28 28L114 28C122 28 128 34.2676 128 42 128 49.7324 122 56 114 56L142 56 142 0 0 0Z">
+		<fill>
+			<LinearGradient rotation="90">
+				<GradientEntry ratio="0" alpha="0.1"/>
+				<GradientEntry ratio="0.5" alpha="0.2"/>
+				<GradientEntry ratio="1" alpha="0.1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
new file mode 100644
index 0000000..123794f
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="9" scaleGridRight="76">
+    
+    <!-- highlight border leading -->
+    <Rect x="0" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="1" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- inner shaddow -->
+    <Rect x="3" y="0" width="80" height="65">
+        <fill>
+            <LinearGradient x="0" scaleX="65" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".25"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <Rect x="3.5" y="0.5" width="79" height="64" alpha="0.2">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+    <Rect x="4.5" y="1.5" width="77" height="62" alpha="0.1">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="83" height="65">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
new file mode 100644
index 0000000..6f816c3
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="4" scaleGridRight="82" >
+    
+    <!-- highlight border leading -->
+    <Rect x="0" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="1" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+	
+	<!-- highlight border left-->
+    <Rect x="3" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="83" height="65">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+	
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
new file mode 100644
index 0000000..33d7dae
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="6" scaleGridRight="74">
+    
+    <!-- inner shaddow -->
+    <Rect x="0" y="0" width="80" height="65">
+        <fill>
+            <LinearGradient x="0" scaleX="65" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".25"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <Rect x="0.5" y="0.5" width="79" height="64" alpha="0.2">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+    <Rect x="1.5" y="1.5" width="77" height="62" alpha="0.1">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="80" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border trailing -->
+    <Rect x="82" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="1" width="83" height="63">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
new file mode 100644
index 0000000..2f57dff
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="1" scaleGridRight="79" >
+    
+	<!-- highlight border right -->
+    <Rect x="79" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="80" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border trailing -->
+    <Rect x="82" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="83" height="65">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+	
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
new file mode 100644
index 0000000..3e54445
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="6" scaleGridRight="152" scaleGridTop="6" scaleGridBottom="94">
+	
+	<!-- Transparent Rect to ensure proper scaling -->
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>	
+	
+	<!-- overlay -->	
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<LinearGradient rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.05"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+
+	<!-- Outermost border -->
+	<Rect width="156" height="98" x="1" y="1">
+		<stroke>
+			<SolidColorStroke color="#000000" weight="2" alpha="0.2" joints="miter"/>
+		</stroke>
+	</Rect>
+	
+	<!-- Middle Outer Border -->
+	<Rect width="152" height="94" x="3" y="3">
+		<stroke>
+			<SolidColorStroke color="#000000" weight="2" alpha="0.1" joints="miter"/>
+		</stroke>
+	</Rect>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
new file mode 100644
index 0000000..4f216d3
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97">
+	
+	<!-- Transparent Rect to ensure proper scaling --> 
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+	
+	<!-- Border -->
+	<Rect width="156" height="98" x="1" y="1">
+		<stroke>
+			<SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
+		</stroke>
+	</Rect>
+</Graphic>
\ No newline at end of file


[37/41] Fixed fxg assets for 120, 480 and 640 dpi Visually tested all the components in all DPIs. They look good. Will attach a sample app (that contains all components whose skins have been generated) to the JIRA ticket

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_up.fxg
index ef73cd0..320f1ab 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_up.fxg
@@ -18,37 +18,48 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="116" height="56" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32373 114.666 8.00049L114.666 48.001C114.666 51.6748 111.676 54.667 108 54.667L25.3784 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4814 16.0869 47.4004 7.12305 35.5176 2 27.855 7.12891 20.1772 16.1855&#xD;&#xA; 8.41064 16.2334 8.34082 19.2275 4.5791 21.084 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8091 0 18.6865 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 19.9995 0 28 5.33301 36 15.0464 48.2393 15.0464 48.2393 19.0464 53.5732 20&#xD;&#xA; 56 25.3335 56L108 56C112.418 56 116 52.418 116 48.001L116 8.00049C116 3.58203 112.418 0 108 0L25.3335 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715&#xD;&#xA; 14.2334 7.0083 17.2275 3.24561 19.3335 0 23.3335 0L106 0 106 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="56.3325" y="-1.04688" scaleX="54.1375" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- highlight border -->
-  <Path x="2" y="1.33252" winding="nonZero" data="M106 1.33252C108.94 1.33252 111.334 3.72412 111.334 6.6665L111.334 46.6665C111.334 49.6069 108.94 52.0015 106 52.0015L23.3784 52.0015C19.625 52.0015 15.0737 45.1274 15.0737 45.1274 11.7827 39.936 4.44189 30.7847 1.60254 26.5205 4.40576 22.3179&#xD;&#xA; 15.312 7.79346 15.312 7.79346 15.854 7.02002 19.6455 1.33252 23.3335 1.33252L106 1.33252ZM22.8955 0C19.167 0 16.417 4.26465 14.2334 7.00732 14.1855 7.07666 5.12891 18.8428 0 26.5205 5.12305 34.1846 14.0869 46.0669 14.1416 46.147 15.8164 47.8208&#xD;&#xA; 18.3945 53.3345 23.3784 53.3345L106 53.3345C109.676 53.3345 112.666 50.3423 112.666 46.6665L112.666 6.6665C112.666 2.99023 109.676 0 105.833 0L22.8955 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="56.3325" y="0" scaleX="53.335" rotation="90">
-        <GradientEntry ratio="0" alpha="0.35"/>
-        <GradientEntry ratio="0.662577" alpha="0.1"/>
-        <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="116" height="56">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- border -->
+      <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32373 114.666 8.00049L114.666 48.001C114.666 51.6748 111.676 54.667 108 54.667L25.3784 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4814 16.0869 47.4004 7.12305 35.5176 2 27.855 7.12891 20.1772 16.1855
+ 8.41064 16.2334 8.34082 19.2275 4.5791 21.084 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8091 0 18.6865 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 19.9995 0 28 5.33301 36 15.0464 48.2393 15.0464 48.2393 19.0464 53.5732 20
+ 56 25.3335 56L108 56C112.418 56 116 52.418 116 48.001L116 8.00049C116 3.58203 112.418 0 108 0L25.3335 0Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+	<!-- shadow fill -->
+      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715
+ 14.2334 7.0083 17.2275 3.24561 19.3335 0 23.3335 0L106 0 106 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="-1.04688" scaleX="54.1375" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+	<!-- highlight border -->
+      <Path x="2" y="1.33252" winding="nonZero" data="M106 1.33252C108.94 1.33252 111.334 3.72412 111.334 6.6665L111.334 46.6665C111.334 49.6069 108.94 52.0015 106 52.0015L23.3784 52.0015C19.625 52.0015 15.0737 45.1274 15.0737 45.1274 11.7827 39.936 4.44189 30.7847 1.60254 26.5205 4.40576 22.3179
+ 15.312 7.79346 15.312 7.79346 15.854 7.02002 19.6455 1.33252 23.3335 1.33252L106 1.33252ZM22.8955 0C19.167 0 16.417 4.26465 14.2334 7.00732 14.1855 7.07666 5.12891 18.8428 0 26.5205 5.12305 34.1846 14.0869 46.0669 14.1416 46.147 15.8164 47.8208
+ 18.3945 53.3345 23.3784 53.3345L106 53.3345C109.676 53.3345 112.666 50.3423 112.666 46.6665L112.666 6.6665C112.666 2.99023 109.676 0 105.833 0L22.8955 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="0" scaleX="53.335" rotation="90">
+            <GradientEntry ratio="0" alpha="0.35"/>
+            <GradientEntry ratio="0.662577" alpha="0.1"/>
+            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_down.fxg
index 1ccdc27..c2e73e8 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_down.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8472C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
-        <GradientEntry ratio="0" alpha="0.14902"/>
-        <GradientEntry ratio="1" alpha="0.34902"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M158.655 1.35596 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8472C1.34521 5.61377 5.56641 1.35596 10.7554 1.35596L158.655 1.35596ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8472L0 69.1533C0 75.1436&#xD;&#xA; 4.81641 80 10.7554 80L160 80 160 0 160 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path x="1.3335" y="1.35986" winding="nonZero" data="M155.967 1.35547 155.967 75.9321 9.41113 75.9321C4.96338 75.9321 1.34473 72.2837 1.34473 67.7974L1.34473 9.49121C1.34473 5.00488 4.96338 1.35547 9.41113 1.35547L155.967 1.35547ZM157.311 0 9.41113 0C4.22119 0 0 4.25684 0 9.49121L0 67.7974C0 73.0308&#xD;&#xA; 4.22119 77.2886 9.41113 77.2886L157.311 77.2886 157.311 0 157.311 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="2.68896" y="2.71143" winding="nonZero" data="M153.299 1.3335 153.289 73.2427 8.06641 73.2427C4.35352 73.2427 1.33301 70.1919 1.33301 66.4419L1.33301 8.13574C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 154.623 0 8.06641 0C3.61816 0 0 3.64941 0 8.13574L0 66.4419&#xD;&#xA;C0 70.9282 3.61816 74.5767 8.06641 74.5767L154.623 74.5767 154.632 0 154.632 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
+    
+      <!-- shadow fill -->
+      <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8472C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M158.655 1.35596 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8472C1.34521 5.61377 5.56641 1.35596 10.7554 1.35596L158.655 1.35596ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8472L0 69.1533C0 75.1436
+ 4.81641 80 10.7554 80L160 80 160 0 160 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path x="1.3335" y="1.35986" winding="nonZero" data="M155.967 1.35547 155.967 75.9321 9.41113 75.9321C4.96338 75.9321 1.34473 72.2837 1.34473 67.7974L1.34473 9.49121C1.34473 5.00488 4.96338 1.35547 9.41113 1.35547L155.967 1.35547ZM157.311 0 9.41113 0C4.22119 0 0 4.25684 0 9.49121L0 67.7974C0 73.0308
+ 4.22119 77.2886 9.41113 77.2886L157.311 77.2886 157.311 0 157.311 0Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="2.68896" y="2.71143" winding="nonZero" data="M153.299 1.3335 153.289 73.2427 8.06641 73.2427C4.35352 73.2427 1.33301 70.1919 1.33301 66.4419L1.33301 8.13574C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 154.623 0 8.06641 0C3.61816 0 0 3.64941 0 8.13574L0 66.4419
+C0 70.9282 3.61816 74.5767 8.06641 74.5767L154.623 74.5767 154.632 0 154.632 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_selected.fxg
index 842b2d1..830c381 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_selected.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8462C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
-        <GradientEntry ratio="0" alpha="0.047059"/>
-        <GradientEntry ratio="1" alpha="0.247059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M158.655 1.35693 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8462C1.34521 5.61475 5.56641 1.35693 10.7554 1.35693L158.655 1.35693ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8462L0 69.1533C0 75.1436&#xD;&#xA; 4.81641 80 10.7554 80L160 80 160 0 160 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path x="1.3335" y="1.35938" winding="nonZero" data="M155.967 1.35693 155.967 75.9326 9.41113 75.9326C4.96338 75.9326 1.34473 72.2842 1.34473 67.7979L1.34473 9.49219C1.34473 5.00537 4.96338 1.35693 9.41113 1.35693L155.967 1.35693ZM157.311 0 9.41113 0C4.22119 0 0 4.25781 0 9.49219L0 67.7979C0 73.0312&#xD;&#xA; 4.22119 77.2891 9.41113 77.2891L157.311 77.2891 157.311 0 157.311 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="2.68896" y="2.71094" winding="nonZero" data="M153.299 1.3335 153.289 73.2432 8.06641 73.2432C4.35352 73.2432 1.33301 70.1924 1.33301 66.4424L1.33301 8.13525C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 8.06641 0C3.61816 0 0 3.6499 0 8.13525L0 66.4424C0 70.9287&#xD;&#xA; 3.61816 74.5771 8.06641 74.5771L154.623 74.5771 154.632 0 154.632 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
+    
+      <!-- shadow fill -->
+      <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8462C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M158.655 1.35693 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8462C1.34521 5.61475 5.56641 1.35693 10.7554 1.35693L158.655 1.35693ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8462L0 69.1533C0 75.1436
+ 4.81641 80 10.7554 80L160 80 160 0 160 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path x="1.3335" y="1.35938" winding="nonZero" data="M155.967 1.35693 155.967 75.9326 9.41113 75.9326C4.96338 75.9326 1.34473 72.2842 1.34473 67.7979L1.34473 9.49219C1.34473 5.00537 4.96338 1.35693 9.41113 1.35693L155.967 1.35693ZM157.311 0 9.41113 0C4.22119 0 0 4.25781 0 9.49219L0 67.7979C0 73.0312
+ 4.22119 77.2891 9.41113 77.2891L157.311 77.2891 157.311 0 157.311 0Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="2.68896" y="2.71094" winding="nonZero" data="M153.299 1.3335 153.289 73.2432 8.06641 73.2432C4.35352 73.2432 1.33301 70.1924 1.33301 66.4424L1.33301 8.13525C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 8.06641 0C3.61816 0 0 3.6499 0 8.13525L0 66.4424C0 70.9287
+ 3.61816 74.5771 8.06641 74.5771L154.623 74.5771 154.632 0 154.632 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_up.fxg
index bc86f01..864eac3 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarFirstButton_up.fxg
@@ -18,26 +18,31 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Path data="M160 80 10.5781 80C4.73682 80 0 75.3018 0 69.5078L0 10.4917C0 4.69727 4.73682 0 10.5781 0L160 0 160 80Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="79.9995" y="0.689453" scaleX="42.9587" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M158.677 1.31104 158.677 78.6885 10.5781 78.6885C5.4751 78.6885 1.32275 74.5703 1.32275 69.5078L1.32275 10.4917C1.32275 5.42969 5.4751 1.31104 10.5781 1.31104L158.677 1.31104ZM160 0 10.5781 0C4.73682 0 0 4.69727 0 10.4917L0 69.5078C0 75.3018 4.73682&#xD;&#xA; 80 10.5781 80L160 80 160 0 160 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <!-- right separator highlight -->
-  <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
+    
+      <!-- highlight fill -->
+      <Path data="M160 80 10.5781 80C4.73682 80 0 75.3018 0 69.5078L0 10.4917C0 4.69727 4.73682 0 10.5781 0L160 0 160 80Z">
+        <fill>
+          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9587" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M158.677 1.31104 158.677 78.6885 10.5781 78.6885C5.4751 78.6885 1.32275 74.5703 1.32275 69.5078L1.32275 10.4917C1.32275 5.42969 5.4751 1.31104 10.5781 1.31104L158.677 1.31104ZM160 0 10.5781 0C4.73682 0 0 4.69727 0 10.4917L0 69.5078C0 75.3018 4.73682
+ 80 10.5781 80L160 80 160 0 160 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- right separator highlight -->
+      <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_down.fxg
index 4c57038..8b303b8 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_down.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8472L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
-        <GradientEntry ratio="0" alpha="0.14902"/>
-        <GradientEntry ratio="1" alpha="0.34902"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path y="1.35986" winding="nonZero" data="M1.3335 1.35547 149.255 1.35547C153.703 1.35547 157.321 5.00488 157.321 9.49121L157.321 67.7974C157.321 72.2837 153.703 75.9321 149.255 75.9321L1.3335 75.9321M0 0 0 77.2886 149.255 77.2886C154.445 77.2886 158.667 73.0308 158.667 67.7974L158.667&#xD;&#xA; 9.49121C158.667 4.25684 154.445 0 149.255 0L0 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="1.3335" y="2.71143" winding="nonZero" data="M147.912 1.3335C151.624 1.3335 154.644 4.38477 154.644 8.13574L154.644 66.4419C154.644 70.1919 151.624 73.2427 147.912 73.2427L1.33301 73.2427 1.33301 1.3335 147.912 1.3335ZM147.912 0 0 0 0 74.5767 147.912 74.5767C152.359 74.5767 155.978 70.9282&#xD;&#xA; 155.978 66.4419L155.978 8.13574C155.978 3.64941 152.359 0 147.912 0L147.912 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263&#xD;&#xA; 0 149.422 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
+    
+      <!-- shadow fill -->
+      <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8472L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path y="1.35986" winding="nonZero" data="M1.3335 1.35547 149.255 1.35547C153.703 1.35547 157.321 5.00488 157.321 9.49121L157.321 67.7974C157.321 72.2837 153.703 75.9321 149.255 75.9321L1.3335 75.9321M0 0 0 77.2886 149.255 77.2886C154.445 77.2886 158.667 73.0308 158.667 67.7974L158.667
+ 9.49121C158.667 4.25684 154.445 0 149.255 0L0 0Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.3335" y="2.71143" winding="nonZero" data="M147.912 1.3335C151.624 1.3335 154.644 4.38477 154.644 8.13574L154.644 66.4419C154.644 70.1919 151.624 73.2427 147.912 73.2427L1.33301 73.2427 1.33301 1.3335 147.912 1.3335ZM147.912 0 0 0 0 74.5767 147.912 74.5767C152.359 74.5767 155.978 70.9282
+ 155.978 66.4419L155.978 8.13574C155.978 3.64941 152.359 0 147.912 0L147.912 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263
+ 0 149.422 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_selected.fxg
index e53940c..61e486a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_selected.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8462L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
-        <GradientEntry ratio="0" alpha="0.047059"/>
-        <GradientEntry ratio="1" alpha="0.247059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path y="1.35938" winding="nonZero" data="M1.34375 1.35693 149.255 1.35693C153.703 1.35693 157.321 5.00537 157.321 9.49219L157.321 67.7979C157.321 72.2842 153.703 75.9326 149.255 75.9326L1.34375 75.9326 1.34375 1.35693ZM0 77.2891 149.255 77.2891C154.445 77.2891 158.667 73.0312 158.667&#xD;&#xA; 67.7979L158.667 9.49219C158.667 4.25781 154.445 0 149.255 0L0 0 0 77.2891Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="1.32275" y="2.71094" winding="nonZero" data="M147.922 1.3335C151.634 1.3335 154.655 4.38477 154.655 8.13525L154.655 66.4424C154.655 70.1924 151.634 73.2432 147.922 73.2432L1.34375 73.2432 1.3335 1.3335 147.922 1.3335ZM147.922 0 0 0 0.0107422 74.5771 147.922 74.5771C152.37 74.5771 155.989&#xD;&#xA; 70.9287 155.989 66.4424L155.989 8.13525C155.989 3.6499 152.37 0 147.922 0L147.922 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4922L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4922C160 4.69775 155.263&#xD;&#xA; 0 149.422 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
+    
+      <!-- shadow fill -->
+      <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8462L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path y="1.35938" winding="nonZero" data="M1.34375 1.35693 149.255 1.35693C153.703 1.35693 157.321 5.00537 157.321 9.49219L157.321 67.7979C157.321 72.2842 153.703 75.9326 149.255 75.9326L1.34375 75.9326 1.34375 1.35693ZM0 77.2891 149.255 77.2891C154.445 77.2891 158.667 73.0312 158.667
+ 67.7979L158.667 9.49219C158.667 4.25781 154.445 0 149.255 0L0 0 0 77.2891Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.32275" y="2.71094" winding="nonZero" data="M147.922 1.3335C151.634 1.3335 154.655 4.38477 154.655 8.13525L154.655 66.4424C154.655 70.1924 151.634 73.2432 147.922 73.2432L1.34375 73.2432 1.3335 1.3335 147.922 1.3335ZM147.922 0 0 0 0.0107422 74.5771 147.922 74.5771C152.37 74.5771 155.989
+ 70.9287 155.989 66.4424L155.989 8.13525C155.989 3.6499 152.37 0 147.922 0L147.922 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4922L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4922C160 4.69775 155.263
+ 0 149.422 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_up.fxg
index baf6123..7d77bc2 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarLastButton_up.fxg
@@ -18,26 +18,31 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Path data="M0 0 149.422 0C155.263 0 160 4.69727 160 10.4917L160 69.5078C160 75.3018 155.263 80 149.422 80L0 80 0 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- left separator highlight -->
-  <Rect y="1.3335" width="1.3335" height="77.3335" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263&#xD;&#xA; 0 149.422 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
+    
+      <!-- highlight fill -->
+      <Path data="M0 0 149.422 0C155.263 0 160 4.69727 160 10.4917L160 69.5078C160 75.3018 155.263 80 149.422 80L0 80 0 0Z">
+        <fill>
+          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- left separator highlight -->
+      <Rect y="1.3335" width="1.3335" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263
+ 0 149.422 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_down.fxg
index f41c20c..c6ace14 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_down.fxg
@@ -18,32 +18,37 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Rect width="160" height="80" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
-        <GradientEntry ratio="0" alpha="0.14902"/>
-        <GradientEntry ratio="1" alpha="0.34902"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- outer shadow -->
-  <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0449219 0 77.3335 158.667 77.3335 158.667 0 0 0.0449219Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="1.3335" y="2.6665" winding="nonZero" data="M154.667 1.3335 154.667 73.3335 1.33301 73.3335 1.33301 1.3335 154.667 1.3335ZM156 0 0 0 0 74.6665 156 74.6665 156 0 156 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
+    
+      <!-- shadow fill -->
+      <Rect width="160" height="80">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- outer shadow -->
+      <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0449219 0 77.3335 158.667 77.3335 158.667 0 0 0.0449219Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.3335" y="2.6665" winding="nonZero" data="M154.667 1.3335 154.667 73.3335 1.33301 73.3335 1.33301 1.3335 154.667 1.3335ZM156 0 0 0 0 74.6665 156 74.6665 156 0 156 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_selected.fxg
index 65d0358..aad6c68 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_selected.fxg
@@ -18,32 +18,37 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Rect y="1.3335" width="158.667" height="77.3335" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="79.3335" y="1.3335" scaleX="74.7917" rotation="90">
-        <GradientEntry ratio="0" alpha="0.047059"/>
-        <GradientEntry ratio="1" alpha="0.247059"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- outer shadow -->
-  <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0439453 0 77.3335 158.667 77.3335 158.667 0 0 0.0439453 0 0.0439453Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="1.32275" y="2.6665" winding="nonZero" data="M154.677 1.3335 154.677 73.3335 1.34375 73.3335 1.3335 1.3335 154.677 1.3335ZM156.01 0 0 0 0.0107422 74.6665 156.01 74.6665 156.01 0 156.01 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
+    
+      <!-- shadow fill -->
+      <Rect y="1.3335" width="158.667" height="77.3335">
+        <fill>
+          <LinearGradient x="79.3335" y="1.3335" scaleX="74.7917" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- outer shadow -->
+      <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0439453 0 77.3335 158.667 77.3335 158.667 0 0 0.0439453 0 0.0439453Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.32275" y="2.6665" winding="nonZero" data="M154.677 1.3335 154.677 73.3335 1.34375 73.3335 1.3335 1.3335 154.677 1.3335ZM156.01 0 0 0 0.0107422 74.6665 156.01 74.6665 156.01 0 156.01 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_up.fxg
index 8da7c87..840b767 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ButtonBarMiddleButton_up.fxg
@@ -18,32 +18,37 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect width="160" height="80" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <!-- left separator highlight -->
-  <Rect y="1.3335" width="1.3335" height="77.3335" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
-  <!-- right separator highlight -->
-  <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
+    
+      <!-- highlight fill -->
+      <Rect width="160" height="80">
+        <fill>
+          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- left separator highlight -->
+      <Rect y="1.3335" width="1.3335" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+      
+      <!-- right separator highlight -->
+      <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/Button_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/Button_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/Button_down.fxg
index f372c21..1d079c2 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/Button_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/Button_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,32 +18,34 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="86" viewWidth="292" scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Border -->
-  <Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
-  <!-- Fill Shadow -->
-  <Path x="2" y="2" data="M10 0 278 0C284 0 288 4 288 10L288 72C288 78 284 82 278 82L10 82C4 82 0 78 0 72L0 10C0 4 4 0 10 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="144" y="0" scaleX="82.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.05"/>
-        <GradientEntry ratio="1" alpha="0.25"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- Inner Shadow -->
-  <Path x="2" y="2" data="M2 10C2 6 6 2 10 2L278 2C282 2 286 6 286 10L286 72C286 76 282 80 278 80L10 80C6 80 2 76 2 72L2 10ZM10 0C4 0 0 4 0 10L0 72C0 78 4 82 10 82L278 82C284 82 288 78 288 72L288 10C288 4 284 0 278 0L10 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- Inner Inner Shadow -->
-  <Path x="4" y="4" data="M2 8C2 4 4 2 8 2L276 2C280 2 282 4 282 8L282 70C282 74 280 76 276 76L8 76C4 76 2 74 2 70L2 8ZM0 8 0 70C0 74 4 78 8 78L276 78C280 78 284 74 284 70L284 8C284 4 280 0 276 0L8 0C4 0 0 4 0 8Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#646464" alpha="0.1"/>
-    </fill>
-  </Path>
+
+<Graphic version="2.0" viewHeight="86" viewWidth="292" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66">
+  	<!-- Border --> 
+	<Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z">
+    	<fill>
+      		<SolidColor color="#464646"/>
+    	</fill>
+  	</Path>
+	<!-- Fill Shadow -->
+  	<Path x="2" y="2" data="M10 0 278 0C284 0 288 4 288 10L288 72C288 78 284 82 278 82L10 82C4 82 0 78 0 72L0 10C0 4 4 0 10 0Z">
+	    <fill>
+      		<LinearGradient x="144" y="0" scaleX="82.0005" rotation="90">
+        		<GradientEntry ratio="0" alpha="0.05"/>
+        		<GradientEntry ratio="1" alpha="0.25"/>
+      		</LinearGradient>
+    	</fill>
+  	</Path>
+  	<!-- Inner Shadow -->
+	<Path x="2" y="2" data="M2 10C2 6 6 2 10 2L278 2C282 2 286 6 286 10L286 72C286 76 282 80 278 80L10 80C6 80 2 76 2 72L2 10ZM10 0C4 0 0 4 0 10L0 72C0 78 4 82 10 82L278 82C284 82 288 78 288 72L288 10C288 4 284 0 278 0L10 0Z">
+	    <fill>
+      		<SolidColor alpha="0.2"/>
+    	</fill>
+  	</Path>
+  	<!-- Inner Inner Shadow -->
+	<Path x="4" y="4" data="M2 8C2 4 4 2 8 2L276 2C280 2 282 4 282 8L282 70C282 74 280 76 276 76L8 76C4 76 2 74 2 70L2 8ZM0 8 0 70C0 74 4 78 8 78L276 78C280 78 284 74 284 70L284 8C284 4 280 0 276 0L8 0C4 0 0 4 0 8Z">
+	    <fill>
+      		<SolidColor color="#646464" alpha="0.1"/>
+    	</fill>
+  	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/Button_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/Button_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/Button_up.fxg
index c4a3d4d..3c917e1 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/Button_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/Button_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,11 +18,12 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="86" viewWidth="292" scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Outer Border -->
-  <Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+
+<Graphic version="2.0" viewHeight="86" viewWidth="292" xmlns="http://ns.adobe.com/fxg/2008" scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66">
+	<!-- Outer Border -->
+	<Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z">
+    	<fill>
+    	  	<SolidColor color="#646464"/>
+    	</fill>
+  	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CalloutContentBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CalloutContentBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CalloutContentBackground.fxg
index e7ea95f..8442b96 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CalloutContentBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CalloutContentBackground.fxg
@@ -18,26 +18,34 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="12" scaleGridRight="588" scaleGridTop="30" scaleGridBottom="388" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="399" width="600" height="1" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- Content Shading Top -->
-  <Rect x="0" y="0" width="600" height="20" topLeftRadiusX="10" topLeftRadiusY="10" topRightRadiusX="10" topRightRadiusY="10" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0" color="#000000" alpha="0.6"/>
-        <GradientEntry ratio="0.5" color="#000000" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- Content Highlight -->
-  <Rect x="1" y="1" width="598" height="398" radiusX="10" radiusY="10" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#FFFFFF" alpha="0.8" weight="2"/>
-    </stroke>
-  </Rect>
-</Graphic>
\ No newline at end of file
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="12" scaleGridRight="588" scaleGridTop="30" scaleGridBottom="388">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="399" width="600" height="1">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+    
+	<!-- Content Shading Top -->
+	<Rect x="0" y="0" width="600" height="20"
+			topLeftRadiusX="10" topLeftRadiusY="10"
+			topRightRadiusX="10" topRightRadiusY="10">
+		<fill>
+			<LinearGradient  rotation="90">
+				<GradientEntry ratio="0" color="#000000" alpha="0.6"/>
+				<GradientEntry ratio="0.5" color="#000000" alpha="0"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+		
+	<!-- Content Highlight -->
+	<Rect x="1" y="1" width="598" height="398"
+			radiusX="10" radiusY="10">
+		<stroke>
+			<SolidColorStroke color="#FFFFFF" alpha="0.8"
+								weight="2"/>
+		</stroke>
+	</Rect>
+</Graphic>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_down.fxg
index 0a5488e..7a2c8a6 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,49 +18,50 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect x="4" y="62" alpha="0.08" width="56" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.1"/>
-        <GradientEntry ratio="1" alpha="0.4"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28" y="0" scaleX="56" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0.05"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="6" y="6" data="M2 6C2 4 4 2 6 2L46 2C48 2 50 4 50 6L50 46C50 48 50 50 48 50L4 50C2 50 2 48 2 46L2 6ZM0 4 0 48C0 50 0 52 2 52L50 52C52 52 52 50 52 48L52 4C52 2 50 0 48 0L4 0C2 0 0 2 0 4Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="26" y="0" scaleX="52" rotation="90">
-        <GradientEntry ratio="0" alpha="0.1"/>
-        <GradientEntry ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="2" y="2" alpha="0.7" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor/>
-    </fill>
-  </Path>
-  <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Path>
-  <Rect x="4" y="62" alpha="0.1" width="56" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
+      <Rect x="4" y="62" alpha="0.08" width="56" height="2">
+        <fill>
+          <SolidColor color="#FFFFFF"/>
+        </fill>
+      </Rect>
+      <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z">
+        <fill>
+          <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.1"/>
+            <GradientEntry ratio="1" alpha="0.4"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z">
+        <fill>
+          <LinearGradient x="28" y="0" scaleX="56" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0.05"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="6" y="6" data="M2 6C2 4 4 2 6 2L46 2C48 2 50 4 50 6L50 46C50 48 50 50 48 50L4 50C2 50 2 48 2 46L2 6ZM0 4 0 48C0 50 0 52 2 52L50 52C52 52 52 50 52 48L52 4C52 2 50 0 48 0L4 0C2 0 0 2 0 4Z">
+        <fill>
+          <LinearGradient x="26" y="0" scaleX="52" rotation="90">
+            <GradientEntry ratio="0" alpha="0.1"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="2" y="2" alpha="0.7" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z">
+        <fill>
+          <SolidColor/>
+        </fill>
+      </Path>
+      <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z">
+        <fill>
+          <SolidColor color="#FFFFFF"/>
+        </fill>
+      </Path>
+      <Rect x="4" y="62" alpha="0.1" width="56" height="2">
+        <fill>
+          <SolidColor color="#FFFFFF"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_downSymbol.fxg
index 8cbbd08..cfe76bf 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_downSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_downSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,23 +18,24 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28" y="4" scaleX="44.0005" rotation="90">
-        <GradientEntry ratio="0" color="#999999"/>
-        <GradientEntry ratio="1" color="#B4B4B4"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="10" alpha="0.6" data="M0 22 10 12 22 24 46 0 56 10" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel"/>
-    </stroke>
-  </Path>
-  <Path x="4" y="20" alpha="0.3" data="M0 12 22 34 56 0" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-    </stroke>
-  </Path>
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="4" scaleX="44.0005" rotation="90">
+            <GradientEntry ratio="0" color="#999999"/>
+            <GradientEntry ratio="1" color="#B4B4B4"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.6" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" alpha="0.3" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_downSymbolSelected.fxg
index d0e3db9..d6843cc 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_downSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_downSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,23 +18,24 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28" y="24" scaleX="48" rotation="90">
-        <GradientEntry ratio="0" color="#5A5A5A"/>
-        <GradientEntry ratio="1" color="#323232"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="10" alpha="0.25" data="M0 22 10 12 22 24 46 0 56 10" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-    </stroke>
-  </Path>
-  <Path x="4" y="20" alpha="0.7" data="M0 12 22 34 56 0" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel"/>
-    </stroke>
-  </Path>
-</Graphic>
\ No newline at end of file
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="24" scaleX="48" rotation="90">
+            <GradientEntry ratio="0" color="#5A5A5A"/>
+            <GradientEntry ratio="1" color="#323232"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.25" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" alpha="0.7" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
+  </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_up.fxg
index e835064..716997d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version='1.0' encoding='UTF-8'?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,8 +18,9 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z" scaleX="1.5" scaleY="1.5">
+  <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z">
     <fill>
       <LinearGradient x="28" y="8" scaleX="40.0004" rotation="90">
         <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
@@ -27,7 +28,7 @@
       </LinearGradient>
     </fill>
   </Path>
-  <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z" scaleX="1.5" scaleY="1.5">
+  <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z">
     <fill>
       <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
         <GradientEntry ratio="0" color="#FFFFFF" alpha="0.35"/>
@@ -35,22 +36,22 @@
       </LinearGradient>
     </fill>
   </Path>
-  <Path x="2" y="2" alpha="0.6" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z" scaleX="1.5" scaleY="1.5">
+  <Path x="2" y="2" alpha="0.6" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z">
     <fill>
       <SolidColor/>
     </fill>
   </Path>
-  <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z" scaleX="1.5" scaleY="1.5">
+  <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z">
     <fill>
       <SolidColor/>
     </fill>
   </Path>
-  <Rect x="6" y="4" alpha="0.15" width="52" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="6" y="4" alpha="0.15" width="52" height="2">
     <fill>
       <SolidColor color="#FFFFFF"/>
     </fill>
   </Rect>
-  <Rect x="4" y="62" alpha="0.1" width="56" height="2" scaleX="1.5" scaleY="1.5">
+  <Rect x="4" y="62" alpha="0.1" width="56" height="2">
     <fill>
       <SolidColor/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_upSymbol.fxg
index acaea44..29219e0 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_upSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_upSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,23 +18,24 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28" y="24" scaleX="48" rotation="90">
-        <GradientEntry ratio="0" color="#C8C8C8"/>
-        <GradientEntry ratio="1" color="#E1E1E1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="10" alpha="0.5" data="M0 22 10 12 22 24 46 0 56 10" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel"/>
-    </stroke>
-  </Path>
-  <Path x="4" y="20" alpha="0.5" data="M0 12 22 34 56 0" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-    </stroke>
-  </Path>
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="24" scaleX="48" rotation="90">
+            <GradientEntry ratio="0" color="#C8C8C8"/>
+            <GradientEntry ratio="1" color="#E1E1E1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.5" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" alpha="0.5" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_upSymbolSelected.fxg
index 12eb7d0..51566c6 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_upSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/CheckBox_upSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,23 +18,24 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28" y="12" scaleX="32" rotation="90">
-        <GradientEntry ratio="0" color="#5A5A5A"/>
-        <GradientEntry ratio="1" color="#323232"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="10" alpha="0.7" data="M0 22 10 12 22 24 46 0 56 10" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-    </stroke>
-  </Path>
-  <Path x="4" y="20" data="M0 12 22 34 56 0" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel"/>
-    </stroke>
-  </Path>
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="12" scaleX="32" rotation="90">
+            <GradientEntry ratio="0" color="#5A5A5A"/>
+            <GradientEntry ratio="1" color="#323232"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.7" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderThumb_normal.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderThumb_normal.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderThumb_normal.fxg
index 6197e22..17569ec 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderThumb_normal.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderThumb_normal.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,26 +18,27 @@
 
 -->
 
+
 <Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008">
-  <Ellipse width="58" height="58" x="0" y="0" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="30" y="0" scaleX="58" rotation="90">
-        <GradientEntry ratio="0" alpha="0.15"/>
-        <GradientEntry ratio="1" alpha="0.25"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
-  <Ellipse width="58" height="58" x="0" y="0" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="2" caps="none"/>
-    </stroke>
-  </Ellipse>
-  <Ellipse width="58" height="58" x="0" y="0" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="26" y="10" scaleX="24" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.5"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
+      <Ellipse width="58" height="58" x="0" y="0">
+        <fill>
+          <LinearGradient x="30" y="0" scaleX="58" rotation="90">
+            <GradientEntry ratio="0" alpha="0.15"/>
+            <GradientEntry ratio="1" alpha="0.25"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
+      <Ellipse width="58" height="58" x="0" y="0">
+        <stroke>
+          <SolidColorStroke weight="2" caps="none"/>
+        </stroke>
+      </Ellipse>
+      <Ellipse width="58" height="58" x="0" y="0">
+        <fill>
+          <LinearGradient x="26" y="10" scaleX="24" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.5"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderThumb_pressed.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderThumb_pressed.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderThumb_pressed.fxg
index 374e935..e4ea710 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderThumb_pressed.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderThumb_pressed.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,38 +18,39 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- outer ellipse -->
-  <Ellipse x="0.5" y="0.5" width="58" height="58" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28.9995" y="0" scaleX="58.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.05"/>
-        <GradientEntry ratio="1" alpha="0.15"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
-  <!-- outer border -->
-  <Ellipse x="1.5" y="1.5" width="56" height="56" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="2" caps="none" alpha="0.7"/>
-    </stroke>
-  </Ellipse>
-  <!-- inner ellipse -->
-  <Ellipse x="1.5" y="1.5" width="56" height="56" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28.9995" y="4" scaleX="53.9995" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0.6"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
-  <!-- inner border -->
-  <Path x="1" y="1" data="M2.19238 28.75C2.19238 13.27 13.1533 2.21191 28.5 2.21191 43.8457 2.21191 54.8066 13.27 54.8066 28.75 54.8066 44.2324 43.8457 55.29 28.5 55.29 13.1533 55.29 2.19238 44.2324 2.19238 28.75ZM0 28.75C0 44.2324 13.1533 57.5 28.5 57.5 43.8457 57.5 57 44.2324 57 28.75 57 13.27 43.8457 0 28.5 0 13.1533 0 0 13.27 0 28.75Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28.4995" y="4.10693" scaleX="53.3924" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+
+<Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008" >
+	<!-- outer ellipse -->
+      <Ellipse x="0.5" y="0.5" width="58" height="58">
+        <fill>
+          <LinearGradient x="28.9995" y="0" scaleX="58.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.05"/>
+            <GradientEntry ratio="1" alpha="0.15"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
+	<!-- outer border -->
+      <Ellipse x="1.5" y="1.5" width="56" height="56">
+        <stroke>
+          <SolidColorStroke weight="2" caps="none" alpha="0.7"/>
+        </stroke>
+      </Ellipse>
+	<!-- inner ellipse -->
+      <Ellipse x="1.5" y="1.5" width="56" height="56">
+        <fill>
+          <LinearGradient x="28.9995" y="4" scaleX="53.9995" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0.6"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
+	<!-- inner border -->
+      <Path x="1" y="1" data="M2.19238 28.75C2.19238 13.27 13.1533 2.21191 28.5 2.21191 43.8457 2.21191 54.8066 13.27 54.8066 28.75 54.8066 44.2324 43.8457 55.29 28.5 55.29 13.1533 55.29 2.19238 44.2324 2.19238 28.75ZM0 28.75C0 44.2324 13.1533 57.5 28.5 57.5 43.8457 57.5 57 44.2324 57 28.75 57 13.27 43.8457 0 28.5 0 13.1533 0 0 13.27 0 28.75Z">
+        <fill>
+          <LinearGradient x="28.4995" y="4.10693" scaleX="53.3924" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderTrack.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderTrack.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderTrack.fxg
index c87ae68..a0f7948 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderTrack.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/HSliderTrack.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,26 +18,28 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="18" viewWidth="640" scaleGridLeft="30" scaleGridRight="610" scaleGridTop="1" scaleGridBottom="17" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect x="20" y="0.5" width="600" height="16" radiusX="7.24087" radiusY="7.24087" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="300" y="0" scaleX="16.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.5"/>
-        <GradientEntry ratio="1" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <Path x="20" y="0.5" data="M0 8C2 4 4 2 8 2L592 2C596 2 598 4 600 8 600 4 596 0 592 0L8 0C4 0 0 4 0 8Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="300" y="0" scaleX="10" rotation="90">
-        <GradientEntry ratio="0" alpha="0.4"/>
-        <GradientEntry ratio="1" alpha="0.05"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Rect width="640" height="18" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" viewHeight="18" viewWidth="640" xmlns="http://ns.adobe.com/fxg/2008"
+         scaleGridLeft="30" scaleGridRight="610" scaleGridTop="1" scaleGridBottom="17">
+      <Rect x="20" y="0.5" width="600" height="16" radiusX="7.24087" radiusY="7.24087">
+        <fill>
+          <LinearGradient x="300" y="0" scaleX="16.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.5"/>
+            <GradientEntry ratio="1" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      <Path x="20" y="0.5" data="M0 8C2 4 4 2 8 2L592 2C596 2 598 4 600 8 600 4 596 0 592 0L8 0C4 0 0 4 0 8Z">
+        <fill>
+          <LinearGradient x="300" y="0" scaleX="10" rotation="90">
+            <GradientEntry ratio="0" alpha="0.4"/>
+            <GradientEntry ratio="1" alpha="0.05"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Rect width="640" height="18">
+        <fill>
+          <SolidColor alpha="0"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ImageInvalid.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ImageInvalid.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ImageInvalid.fxg
index f0ce977..98d1639 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ImageInvalid.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ImageInvalid.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,25 +18,29 @@
 
 -->
 
+
 <Graphic version="2.0" viewHeight="68" viewWidth="68" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect x="0.5" y="0.5" width="67" height="67" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <Path winding="nonZero" data="M67 1 67 67 1 67 1 1 67 1M68 0 0 0 0 68 68 68 68 0 68 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Path>
-  <Path winding="nonZero" data="M0 0 0 68 68 68 68 0 0 0ZM64 64 4 64 4 4 64 4 64 64Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#969696"/>
-    </fill>
-  </Path>
-  <Path x="8" y="8" winding="nonZero" data="M0 0 0 52 52 52 52 0 0 0ZM26.1396 47.9668C23.5303 47.9668 21.5713 46.2676 21.5713 43.3945 21.5713 40.6543 23.5303 38.8906 26.1396 38.8906 28.8818 38.8906 30.71 40.7832 30.71 43.3945 30.71 46.1367 29.0127 47.9668 26.1396 47.9668ZM28.5557 29.6855&#xD;&#xA;C28.5557 30.8594 29.0127 32.0713 29.7295 33.3115 29.8623 33.5713 29.7295 34 29.4053 34L23.6592 34C23.333 34 23.2021 33.833 22.876 33.5088 21.7002 32.2002 21.1787 30.291 21.1787 28.9844 21.1787 23.7617 29.7295 20.5225 29.7295 15.2998 29.7295 12.752&#xD;&#xA; 27.6396 10.5117 23.6592 10.5117 20.3955 10.5117 18.3911 11.1543 16.1079 12.1338 15.8462 12.2646 16 12.1235 16 11.8618L16 6.70459C16 6.44287 15.6509 6.18213 15.9106 6.05127 17.5454 5.26807 20.6357 4.02881 25.4639 4.02881 33.1045 4.02881 37.9141&#xD;&#xA; 8.40186 37.9141 14.6694 37.9141 21.8491 28.5557 25.9644 28.5557 29.6855Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#969696"/>
-    </fill>
-  </Path>
+        <Rect x="0.5" y="0.5" width="67" height="67">
+          <fill>
+            <SolidColor color="#FFFFFF"/>
+          </fill>
+        </Rect>
+        <Path winding="nonZero" data="M67 1 67 67 1 67 1 1 67 1M68 0 0 0 0 68 68 68 68 0 68 0Z">
+          <fill>
+            <SolidColor color="#FFFFFF"/>
+          </fill>
+        </Path>
+      <Path winding="nonZero" data="M0 0 0 68 68 68 68 0 0 0ZM64 64 4 64 4 4 64 4 64 64Z">
+        <fill>
+          <SolidColor color="#969696"/>
+        </fill>
+      </Path>
+      <Path x="8" y="8" winding="nonZero" data="M0 0 0 52 52 52 52 0 0 0ZM26.1396 47.9668C23.5303 47.9668 21.5713 46.2676 21.5713 43.3945 21.5713 40.6543 23.5303 38.8906 26.1396 38.8906 28.8818 38.8906 30.71 40.7832 30.71 43.3945 30.71 46.1367 29.0127 47.9668 26.1396 47.9668ZM28.5557 29.6855
+C28.5557 30.8594 29.0127 32.0713 29.7295 33.3115 29.8623 33.5713 29.7295 34 29.4053 34L23.6592 34C23.333 34 23.2021 33.833 22.876 33.5088 21.7002 32.2002 21.1787 30.291 21.1787 28.9844 21.1787 23.7617 29.7295 20.5225 29.7295 15.2998 29.7295 12.752
+ 27.6396 10.5117 23.6592 10.5117 20.3955 10.5117 18.3911 11.1543 16.1079 12.1338 15.8462 12.2646 16 12.1235 16 11.8618L16 6.70459C16 6.44287 15.6509 6.18213 15.9106 6.05127 17.5454 5.26807 20.6357 4.02881 25.4639 4.02881 33.1045 4.02881 37.9141
+ 8.40186 37.9141 14.6694 37.9141 21.8491 28.5557 25.9644 28.5557 29.6855Z">
+        <fill>
+          <SolidColor color="#969696"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_down.fxg
index 1f88be0..4d7cdea 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,32 +17,32 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.14902"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.109804"/>
-        <GradientEntry ratio="1" alpha="0.4"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="4" alpha="0.14902" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="1" caps="none"/>
-    </stroke>
-  </Path>
-  <Path x="2" y="2" alpha="0.65098" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor/>
-    </fill>
-  </Path>
+  
+      <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z">
+        <fill>
+          <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.14902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
+        <fill>
+          <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.109804"/>
+            <GradientEntry ratio="1" alpha="0.4"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="4" alpha="0.14902" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
+        <stroke>
+          <SolidColorStroke weight="1" caps="none"/>
+        </stroke>
+      </Path>
+      <Path x="2" y="2" alpha="0.65098" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z">
+        <fill>
+          <SolidColor/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_downSymbol.fxg
index e214754..6652cf1 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_downSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_downSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="14" y="0" scaleX="28" rotation="90">
-        <GradientEntry ratio="0" color="#787878"/>
-        <GradientEntry ratio="1" color="#969696"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+    	<fill>
+		    <SolidColor color="#646464"/>
+    	</fill>
+	</Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+    	<fill>
+    		<LinearGradient x="14" y="0" scaleX="28" rotation="90">
+    			<GradientEntry ratio="0" color="#787878"/>
+    			<GradientEntry ratio="1" color="#969696"/>
+    		</LinearGradient>
+    	</fill>
+    </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_downSymbolSelected.fxg
index 6877473..e425a8b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_downSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_downSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="14" y="0" scaleX="30" rotation="90">
-        <GradientEntry ratio="0" color="#464646"/>
-        <GradientEntry ratio="1" color="#1E1E1E"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+        <fill>
+        	<SolidColor color="#323232"/>
+        </fill>
+    </Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+        <fill>
+            <LinearGradient x="14" y="0" scaleX="30" rotation="90">
+                <GradientEntry ratio="0" color="#464646"/>
+                <GradientEntry ratio="1" color="#1E1E1E"/>
+            </LinearGradient>
+        </fill>
+    </Path>
 </Graphic>
\ No newline at end of file


[19/41] New skin assets for 120dpi and 640dpi

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
index 396fe82..2cf1f2b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,18 +17,19 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
-        <fill>
-        	<SolidColor color="#323232"/>
-        </fill>
-    </Path>
-    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
-        <fill>
-            <LinearGradient x="14" y="0" scaleX="30" rotation="90">
-                <GradientEntry ratio="0" color="#464646"/>
-                <GradientEntry ratio="1" color="#1E1E1E"/>
-            </LinearGradient>
-        </fill>
-    </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="14" y="0" scaleX="30" rotation="90">
+        <GradientEntry ratio="0" color="#464646"/>
+        <GradientEntry ratio="1" color="#1E1E1E"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
index ee22d1d..2afc6a5 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,27 +17,27 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  
-      <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z">
-        <fill>
-          <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
-            <GradientEntry ratio="0" alpha="0"/>
-            <GradientEntry ratio="1" alpha="0.2"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="2" y="2" alpha="0.6" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z">
-        <fill>
-          <SolidColor/>
-        </fill>
-      </Path>
-      <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
-        <fill>
-          <LinearGradient x="28" y="8" scaleX="26.0002" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0"/>
-          </LinearGradient>
-        </fill>
-      </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
+        <GradientEntry ratio="0" alpha="0"/>
+        <GradientEntry ratio="1" alpha="0.2"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="2" y="2" alpha="0.6" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor/>
+    </fill>
+  </Path>
+  <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28" y="8" scaleX="26.0002" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
index 03cb9d2..65ea418 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,18 +17,19 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
-        <fill>
-        	<SolidColor color="#969696"/>
-        </fill>
-    </Path>
-    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
-        <fill>
-            <LinearGradient x="14" y="0" scaleX="20" rotation="90">
-                <GradientEntry ratio="0" color="#999999"/>
-                <GradientEntry ratio="1" color="#B4B4B4"/>
-            </LinearGradient>
-        </fill>
-    </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#969696"/>
+    </fill>
+  </Path>
+  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="14" y="0" scaleX="20" rotation="90">
+        <GradientEntry ratio="0" color="#999999"/>
+        <GradientEntry ratio="1" color="#B4B4B4"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
index fa6e7c6..12fc6ca 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,18 +17,19 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-	<Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
-    	<fill>
-    		<SolidColor color="#323232"/>
-        </fill>
-	</Path>
-    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
-    	<fill>
-        	<LinearGradient x="14" y="0" scaleX="30" rotation="90">
-            	<GradientEntry ratio="0" color="#5A5A5A"/>
-            	<GradientEntry ratio="1" color="#323232"/>
-          	</LinearGradient>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="14" y="0" scaleX="30" rotation="90">
+        <GradientEntry ratio="0" color="#5A5A5A"/>
+        <GradientEntry ratio="1" color="#323232"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
index 8abfba6..9936b75 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,17 +17,16 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
-	scaleGridLeft="12" scaleGridTop="12" scaleGridRight="88" scaleGridBottom="88">
-
-	<Rect width="100" height="100" radiusX="10" radiusY="10">
-		<fill>
-			<SolidColor color="#4D4D4D"/>
-		</fill>
-	</Rect>
-	<Rect x="2" y="2" width="96" height="96" radiusX="10" radiusY="10">
-		<fill>	
-			<SolidColor color="#F2F2F2"/>
-		</fill>
-	</Rect>
+
+<Graphic version="2.0" viewHeight="100" viewWidth="100" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="88" scaleGridBottom="88" xmlns="http://ns.adobe.com/fxg/2008">
+  <Rect width="100" height="100" radiusX="10" radiusY="10" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#4D4D4D"/>
+    </fill>
+  </Rect>
+  <Rect x="2" y="2" width="96" height="96" radiusX="10" radiusY="10" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#F2F2F2"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
index 421d325..f0e8415 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,51 +17,51 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight="96" viewWidth="100"
-	scaleGridLeft="5" scaleGridTop="12" scaleGridRight="95" scaleGridBottom="83">
-	<!-- Transparent rect used to center the bar -->
-	<Rect x="0" y="0" width="100" height="8">
-		<fill>
-			<SolidColor color="#000000" alpha="0"/>
-		</fill>
-	</Rect>
-	<!-- Border --> 
-	<Path y="8" winding="nonZero" data="M100 80 0 80 0 0 100 0 100 80ZM2 78 98 78 98 2 2 2 2 78Z">
-        <fill>
-           	<SolidColor color="#666666"/>
-    	</fill>
-   	</Path>
-   	<!-- Two tone gradient background -->
-   	<Rect x="2" y="10" width="96" height="76">
-       	<fill>
-   			<LinearGradient rotation="90">
-               	<GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
-   				<GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
-   				<GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
-   				<GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
-   				<GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
-   			</LinearGradient>
-   		</fill>
-   	</Rect>
-   	<!-- Top highlight -->
-   	<Rect x="4" y="10" width="92" height="2">
-       	<fill>
-           	<SolidColor color="#FFFFFF"/>
-        </fill>
-   	</Rect>
-   	<!-- Bottom highlight -->
-   	<Rect x="4" y="84" width="92" height="2">
-       	<fill>
-           	<SolidColor color="#FFFFFF"/>
-		</fill>
-   	</Rect>
-   	<!-- Shadow -->
-    <Rect x="4" y="88" width="92" height="8">
-  		<fill>
-   			<LinearGradient rotation="90">
-   				<GradientEntry ratio="0" color="#000000" alpha="0.15"/>
-   				<GradientEntry ratio="1" color="#000000" alpha="0"/>
-   			</LinearGradient>
-        </fill>
-   	</Rect>
-</Graphic>
+
+<Graphic version="2.0" viewHeight="96" viewWidth="100" scaleGridLeft="5" scaleGridTop="12" scaleGridRight="95" scaleGridBottom="83" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Transparent rect used to center the bar -->
+  <Rect x="0" y="0" width="100" height="8" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- Border -->
+  <Path y="8" winding="nonZero" data="M100 80 0 80 0 0 100 0 100 80ZM2 78 98 78 98 2 2 2 2 78Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#666666"/>
+    </fill>
+  </Path>
+  <!-- Two tone gradient background -->
+  <Rect x="2" y="10" width="96" height="76" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient rotation="90">
+        <GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
+        <GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
+        <GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
+        <GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
+        <GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- Top highlight -->
+  <Rect x="4" y="10" width="92" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Rect>
+  <!-- Bottom highlight -->
+  <Rect x="4" y="84" width="92" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Rect>
+  <!-- Shadow -->
+  <Rect x="4" y="88" width="92" height="8" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient rotation="90">
+        <GradientEntry ratio="0" color="#000000" alpha="0.15"/>
+        <GradientEntry ratio="1" color="#000000" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
index b6b55d0..912e5c4 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,16 +17,16 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
-	scaleGridLeft="10" scaleGridTop="10" scaleGridRight="90" scaleGridBottom="90">
-	<Rect width="100" height="100" radiusX="10" radiusY="10">
-		<fill>
-			<LinearGradient rotation="270">
-				<GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
-				<GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
-				<GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
-				<GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
-			</LinearGradient>
-		</fill>
-	</Rect>
+
+<Graphic version="2.0" viewHeight="100" viewWidth="100" scaleGridLeft="10" scaleGridTop="10" scaleGridRight="90" scaleGridBottom="90" xmlns="http://ns.adobe.com/fxg/2008">
+  <Rect width="100" height="100" radiusX="10" radiusY="10" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient rotation="270">
+        <GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
+        <GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
+        <GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
+        <GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
index 0643420..da737e6 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,47 +17,39 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
-    
-    <!-- highlight fill -->
-    <Rect x="0" y="2" width="120" height="72">
-        <fill>
-            <LinearGradient x="0" scaleX="72" rotation="90">
-                <GradientEntry color="#000000" ratio="0" alpha=".3"/>
-                <GradientEntry color="#000000" ratio="1" alpha=".15"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- border top -->
-    <Rect x="0" y="0" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    
-    <!-- border bottom -->
-    <Rect x="0" y="74" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    
-    <!-- highlight stroke -->
-    <Rect x="0.5" y="2.5" width="119" height="71">
-    	<stroke>
-    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    	</stroke>
-    </Rect>
-    
-    <!-- scaling fix -->
-    <Rect x="0" y="0" width="120" height="76">
-        <fill>
-    		<SolidColor color="#000000" alpha="0"/>
-        </fill>
-    </Rect>
-    
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="0" y="2" width="120" height="72" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".3"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".15"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
index c726e7f..8cd9fff 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,46 +17,39 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
-    
-    <!-- highlight fill -->
-    <Rect x="0" y="2" width="120" height="72">
-        <fill>
-            <LinearGradient x="0" scaleX="72" rotation="90">
-                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-                <GradientEntry color="#000000" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- border top -->
-    <Rect x="0" y="0" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    <!-- border bottom -->
-    <Rect x="0" y="74" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    
-    <!-- highlight stroke -->
-    <Rect x="0.5" y="2.5" width="119" height="71">
-    	<stroke>
-    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    	</stroke>
-    </Rect>
-    
-    <!-- scaling fix -->
-    <Rect x="0" y="0" width="120" height="76">
-        <fill>
-    		<SolidColor color="#000000" alpha="0"/>
-        </fill>
-    </Rect>
-    
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="0" y="2" width="120" height="72" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
index 8ef55d2..0bd7c98 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,46 +17,39 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
-    
-    <!-- highlight fill -->
-    <Rect x="0" y="2" width="120" height="72">
-        <fill>
-            <LinearGradient x="0" scaleX="72" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- border top -->
-    <Rect x="0" y="0" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    <!-- border bottom -->
-    <Rect x="0" y="74" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    
-    <!-- highlight stroke -->
-    <Rect x="0.5" y="2.5" width="119" height="71">
-    	<stroke>
-    		<SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
-    	</stroke>
-    </Rect>
-    
-    <!-- scaling fix -->
-    <Rect x="0" y="0" width="120" height="76">
-        <fill>
-    		<SolidColor color="#000000" alpha="0"/>
-        </fill>
-    </Rect>
-    
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="0" y="2" width="120" height="72" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
index f8945a6..c65c015 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,52 +17,45 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
-    
-    <!-- highlight fill -->
-    <Rect x="2" y="2" width="118" height="72">
-        <fill>
-            <LinearGradient x="0" scaleX="72" rotation="90">
-                <GradientEntry color="#000000" ratio="0" alpha=".3"/>
-                <GradientEntry color="#000000" ratio="1" alpha=".15"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- border top -->
-    <Rect x="0" y="0" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    <!-- border bottom -->
-    <Rect x="0" y="74" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    <!-- border left -->
-    <Rect x="0" y="2" width="2" height="72">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.8"/>
-        </fill>
-    </Rect>
-    
-    <!-- highlight stroke -->
-    <Rect x="2.5" y="2.5" width="117" height="71">
-    	<stroke>
-    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    	</stroke>
-    </Rect>
-    
-    <!-- scaling fix -->
-    <Rect x="0" y="0" width="120" height="76">
-        <fill>
-    		<SolidColor color="#000000" alpha="0"/>
-        </fill>
-    </Rect>
-    
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="2" y="2" width="118" height="72" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".3"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".15"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border left -->
+  <Rect x="0" y="2" width="2" height="72" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
index eb55d4d..1d121b9 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,52 +17,45 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
-    
-    <!-- highlight fill -->
-    <Rect x="2" y="2" width="118" height="72">
-        <fill>
-            <LinearGradient x="0" scaleX="72" rotation="90">
-                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-                <GradientEntry color="#000000" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- border top -->
-    <Rect x="0" y="0" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    <!-- border bottom -->
-    <Rect x="0" y="74" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    <!-- border left -->
-    <Rect x="0" y="2" width="2" height="72">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.8"/>
-        </fill>
-    </Rect>
-    
-    <!-- highlight stroke -->
-    <Rect x="2.5" y="2.5" width="117" height="71">
-    	<stroke>
-    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    	</stroke>
-    </Rect>
-    
-    <!-- scaling fix -->
-    <Rect x="0" y="0" width="120" height="76">
-        <fill>
-    		<SolidColor color="#000000" alpha="0"/>
-        </fill>
-    </Rect>
-    
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="2" y="2" width="118" height="72" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border left -->
+  <Rect x="0" y="2" width="2" height="72" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
index 147dfda..828e459 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,52 +17,45 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
-    
-    <!-- highlight fill -->
-    <Rect x="2" y="2" width="118" height="72">
-        <fill>
-            <LinearGradient x="0" scaleX="72" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- border top -->
-    <Rect x="0" y="0" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    <!-- border bottom -->
-    <Rect x="0" y="74" width="120" height="2">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.75"/>
-        </fill>
-    </Rect>
-    <!-- border left -->
-    <Rect x="0" y="2" width="2" height="72">
-        <fill>
-    		<SolidColor color="#000000" alpha="0.8"/>
-        </fill>
-    </Rect>
-    
-    <!-- highlight stroke -->
-    <Rect x="2.5" y="2.5" width="117" height="71">
-    	<stroke>
-    		<SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
-    	</stroke>
-    </Rect>
-    
-    <!-- scaling fix -->
-    <Rect x="0" y="0" width="120" height="76">
-        <fill>
-    		<SolidColor color="#000000" alpha="0"/>
-        </fill>
-    </Rect>
-    
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="2" y="2" width="118" height="72" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border left -->
+  <Rect x="0" y="2" width="2" height="72" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
index b5b56d2..1ef91d0 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,23 +17,18 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-         scaleGridLeft="16" scaleGridTop="16" scaleGridRight="504" scaleGridBottom="50">
-         
-    <!-- border -->
-    <Path data="M12 2 508 2C514 2 518 6 518 12L518 54C518 60 514 64 508 64L12 64C6 64 2 60 2 54L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 54C0 60 6 66 12 66L508 66C514 66 520 60 520 54L520 12C520 6 514 0 508 0L12 0Z">
-        <fill>
-            <SolidColor color="#505050"/>
-        </fill>
-    </Path>
-      
-    <!-- inner shadow -->
-    <Path x="2" y="2" alpha="0.2" data="M10 3 506 3C510 3 514 7 514 11L514 52C514 56 510 60 506 60L10 60C6 60 2 56 2 52L2 11C2 7 6 3 10 3ZM10 0C4 0 0 4 0 10L0 52C0 58 4 62 10 62L506 62C512 62 516 58 516 52L516 10C516 4 512 0 506 0L10 0Z">
-        <fill>
-            <SolidColor color="#030303"/>
-        </fill>
-    </Path>
-     
+
+<Graphic version="2.0" scaleGridLeft="16" scaleGridTop="16" scaleGridRight="504" scaleGridBottom="50" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- border -->
+  <Path data="M12 2 508 2C514 2 518 6 518 12L518 54C518 60 514 64 508 64L12 64C6 64 2 60 2 54L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 54C0 60 6 66 12 66L508 66C514 66 520 60 520 54L520 12C520 6 514 0 508 0L12 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#505050"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="2" y="2" alpha="0.2" data="M10 3 506 3C510 3 514 7 514 11L514 52C514 56 510 60 506 60L10 60C6 60 2 56 2 52L2 11C2 7 6 3 10 3ZM10 0C4 0 0 4 0 10L0 52C0 58 4 62 10 62L506 62C512 62 516 58 516 52L516 10C516 4 512 0 506 0L10 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#030303"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
index bd26d9a..2234a7d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
@@ -17,14 +17,15 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" viewHeight="56" viewWidth="142" xmlns="http://ns.adobe.com/fxg/2008" scaleGridLeft="28" scaleGridTop="20" scaleGridRight="114" scaleGridBottom="28">
-	<Path winding="nonZero" data="M0 0 0 56 28 56C20 56 14 49.7324 14 42 14 34.2676 20 28 28 28L114 28C122 28 128 34.2676 128 42 128 49.7324 122 56 114 56L142 56 142 0 0 0Z">
-		<fill>
-			<LinearGradient rotation="90">
-				<GradientEntry ratio="0" alpha="0.1"/>
-				<GradientEntry ratio="0.5" alpha="0.2"/>
-				<GradientEntry ratio="1" alpha="0.1"/>
-			</LinearGradient>
-		</fill>
-	</Path>
+
+<Graphic version="2.0" viewHeight="56" viewWidth="142" scaleGridLeft="28" scaleGridTop="20" scaleGridRight="114" scaleGridBottom="28" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path winding="nonZero" data="M0 0 0 56 28 56C20 56 14 49.7324 14 42 14 34.2676 20 28 28 28L114 28C122 28 128 34.2676 128 42 128 49.7324 122 56 114 56L142 56 142 0 0 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient rotation="90">
+        <GradientEntry ratio="0" alpha="0.1"/>
+        <GradientEntry ratio="0.5" alpha="0.2"/>
+        <GradientEntry ratio="1" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
index 123794f..048061d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,53 +17,46 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="9" scaleGridRight="76">
-    
-    <!-- highlight border leading -->
-    <Rect x="0" y="1" width="1" height="63">
-        <fill>
-            <LinearGradient x="0" scaleX="63" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- separator dark -->
-    <Rect x="1" y="0" width="2" height="65">
-        <fill>
-            <SolidColor color="#000000" alpha="0.8"/>
-        </fill>
-    </Rect>
-    
-    <!-- inner shaddow -->
-    <Rect x="3" y="0" width="80" height="65">
-        <fill>
-            <LinearGradient x="0" scaleX="65" rotation="90">
-                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-                <GradientEntry color="#000000" ratio="1" alpha=".25"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <Rect x="3.5" y="0.5" width="79" height="64" alpha="0.2">
-        <stroke>
-            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-        </stroke>
-    </Rect>
-    <Rect x="4.5" y="1.5" width="77" height="62" alpha="0.1">
-        <stroke>
-            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-        </stroke>
-    </Rect>
-
-    <!-- invisible fix for scaling -->
-    <Rect x="0" y="0" width="83" height="65">
-        <fill>
-            <SolidColor color="#ffffff" alpha="0"/>
-        </fill>
-    </Rect>
+
+<Graphic version="2.0" scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="9" scaleGridRight="76" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight border leading -->
+  <Rect x="0" y="1" width="1" height="63" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- separator dark -->
+  <Rect x="1" y="0" width="2" height="65" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- inner shaddow -->
+  <Rect x="3" y="0" width="80" height="65" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="65" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".25"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <Rect x="3.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+    </stroke>
+  </Rect>
+  <Rect x="4.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+    </stroke>
+  </Rect>
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="83" height="65" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
index 6f816c3..7c653e3 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,43 +17,36 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="4" scaleGridRight="82" >
-    
-    <!-- highlight border leading -->
-    <Rect x="0" y="1" width="1" height="63">
-        <fill>
-            <LinearGradient x="0" scaleX="63" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- separator dark -->
-    <Rect x="1" y="0" width="2" height="65">
-        <fill>
-            <SolidColor color="#000000" alpha="0.8"/>
-        </fill>
-    </Rect>
-	
-	<!-- highlight border left-->
-    <Rect x="3" y="1" width="1" height="63">
-        <fill>
-            <LinearGradient x="0" scaleX="63" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-
-	<!-- invisible fix for scaling -->
-	<Rect x="0" y="0" width="83" height="65">
-		<fill>
-			<SolidColor color="#ffffff" alpha="0"/>
-		</fill>
-	</Rect>
-	
+
+<Graphic version="2.0" scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="4" scaleGridRight="82" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight border leading -->
+  <Rect x="0" y="1" width="1" height="63" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- separator dark -->
+  <Rect x="1" y="0" width="2" height="65" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight border left-->
+  <Rect x="3" y="1" width="1" height="63" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="83" height="65" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
index 33d7dae..1903241 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,53 +17,46 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="6" scaleGridRight="74">
-    
-    <!-- inner shaddow -->
-    <Rect x="0" y="0" width="80" height="65">
-        <fill>
-            <LinearGradient x="0" scaleX="65" rotation="90">
-                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-                <GradientEntry color="#000000" ratio="1" alpha=".25"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <Rect x="0.5" y="0.5" width="79" height="64" alpha="0.2">
-        <stroke>
-            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-        </stroke>
-    </Rect>
-    <Rect x="1.5" y="1.5" width="77" height="62" alpha="0.1">
-        <stroke>
-            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-        </stroke>
-    </Rect>
-    
-    <!-- separator dark -->
-    <Rect x="80" y="0" width="2" height="65">
-        <fill>
-            <SolidColor color="#000000" alpha="0.8"/>
-        </fill>
-    </Rect>
-    
-    <!-- highlight border trailing -->
-    <Rect x="82" y="1" width="1" height="63">
-        <fill>
-            <LinearGradient x="0" scaleX="63" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-
-    <!-- invisible fix for scaling -->
-    <Rect x="0" y="1" width="83" height="63">
-        <fill>
-            <SolidColor color="#ffffff" alpha="0"/>
-        </fill>
-    </Rect>
+
+<Graphic version="2.0" scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="6" scaleGridRight="74" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- inner shaddow -->
+  <Rect x="0" y="0" width="80" height="65" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="65" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".25"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <Rect x="0.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+    </stroke>
+  </Rect>
+  <Rect x="1.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+    </stroke>
+  </Rect>
+  <!-- separator dark -->
+  <Rect x="80" y="0" width="2" height="65" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight border trailing -->
+  <Rect x="82" y="1" width="1" height="63" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="1" width="83" height="63" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
index 2f57dff..ddc552a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,43 +17,36 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="1" scaleGridRight="79" >
-    
-	<!-- highlight border right -->
-    <Rect x="79" y="1" width="1" height="63">
-        <fill>
-            <LinearGradient x="0" scaleX="63" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-    
-    <!-- separator dark -->
-    <Rect x="80" y="0" width="2" height="65">
-        <fill>
-            <SolidColor color="#000000" alpha="0.8"/>
-        </fill>
-    </Rect>
-    
-    <!-- highlight border trailing -->
-    <Rect x="82" y="1" width="1" height="63">
-        <fill>
-            <LinearGradient x="0" scaleX="63" rotation="90">
-                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-            </LinearGradient>
-        </fill>
-    </Rect>
-
-	<!-- invisible fix for scaling -->
-	<Rect x="0" y="0" width="83" height="65">
-		<fill>
-			<SolidColor color="#ffffff" alpha="0"/>
-		</fill>
-	</Rect>
-	
+
+<Graphic version="2.0" scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="1" scaleGridRight="79" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight border right -->
+  <Rect x="79" y="1" width="1" height="63" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- separator dark -->
+  <Rect x="80" y="0" width="2" height="65" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight border trailing -->
+  <Rect x="82" y="1" width="1" height="63" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="83" height="65" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
index 3e54445..f25e287 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,38 +17,33 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="6" scaleGridRight="152" scaleGridTop="6" scaleGridBottom="94">
-	
-	<!-- Transparent Rect to ensure proper scaling -->
-	<Rect width="158" height="100" x="0" y="0">
-		<fill>
-			<SolidColor color="#000000" alpha="0"/>
-		</fill>
-	</Rect>	
-	
-	<!-- overlay -->	
-	<Rect width="158" height="100" x="0" y="0">
-		<fill>
-			<LinearGradient rotation = "90">
-				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
-				<GradientEntry color="#000000" ratio="1" alpha="0.05"/>
-			</LinearGradient>
-		</fill>
-	</Rect>
-
-	<!-- Outermost border -->
-	<Rect width="156" height="98" x="1" y="1">
-		<stroke>
-			<SolidColorStroke color="#000000" weight="2" alpha="0.2" joints="miter"/>
-		</stroke>
-	</Rect>
-	
-	<!-- Middle Outer Border -->
-	<Rect width="152" height="94" x="3" y="3">
-		<stroke>
-			<SolidColorStroke color="#000000" weight="2" alpha="0.1" joints="miter"/>
-		</stroke>
-	</Rect>
-
+
+<Graphic version="2.0" scaleGridLeft="6" scaleGridRight="152" scaleGridTop="6" scaleGridBottom="94" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Transparent Rect to ensure proper scaling -->
+  <Rect width="158" height="100" x="0" y="0" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- overlay -->
+  <Rect width="158" height="100" x="0" y="0" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.05"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- Outermost border -->
+  <Rect width="156" height="98" x="1" y="1" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="2" alpha="0.2" joints="miter"/>
+    </stroke>
+  </Rect>
+  <!-- Middle Outer Border -->
+  <Rect width="152" height="94" x="3" y="3" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="2" alpha="0.1" joints="miter"/>
+    </stroke>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
index 4f216d3..cd38333 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,20 +17,18 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97">
-	
-	<!-- Transparent Rect to ensure proper scaling --> 
-	<Rect width="158" height="100" x="0" y="0">
-		<fill>
-			<SolidColor color="#000000" alpha="0"/>
-		</fill>
-	</Rect>
-	
-	<!-- Border -->
-	<Rect width="156" height="98" x="1" y="1">
-		<stroke>
-			<SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
-		</stroke>
-	</Rect>
+
+<Graphic version="2.0" scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Transparent Rect to ensure proper scaling -->
+  <Rect width="158" height="100" x="0" y="0" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- Border -->
+  <Rect width="156" height="98" x="1" y="1" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
+    </stroke>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
index 52001ea..cd38333 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,21 +17,18 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97">
-
-	<!-- Transparent Rect to ensure proper scaling -->
-	<Rect width="158" height="100" x="0" y="0">
-		<fill>
-			<SolidColor color="#000000" alpha="0"/>
-		</fill>
-	</Rect>
-
-	<!-- Border -->
-	<Rect width="156" height="98" x="1" y="1">
-		<stroke>
-			<SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
-		</stroke>
-	</Rect>
-
+
+<Graphic version="2.0" scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Transparent Rect to ensure proper scaling -->
+  <Rect width="158" height="100" x="0" y="0" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- Border -->
+  <Rect width="156" height="98" x="1" y="1" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
+    </stroke>
+  </Rect>
 </Graphic>
\ No newline at end of file


[20/41] New skin assets for 120dpi and 640dpi

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
index 7d1fe0a..3590044 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,49 +17,38 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
-
-	<!-- invisible fix for scaling -->
-	<Rect x="0" y="0" width="116" height="56">
-		<fill>
-			<SolidColor color="#ffffff" alpha="0"/>
-		</fill>
-	</Rect>
-
-	<!-- border -->
-      <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32373 114.666 8.00049L114.666 48.001C114.666 51.6748 111.676 54.667 108 54.667L25.3784 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4814 16.0869 47.4004 7.12305 35.5176 2 27.855 7.12891 20.1772 16.1855
- 8.41064 16.2334 8.34082 19.2275 4.5791 21.084 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8091 0 18.6865 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 19.9995 0 28 5.33301 36 15.0464 48.2393 15.0464 48.2393 19.0464 53.5732 20
- 56 25.3335 56L108 56C112.418 56 116 52.418 116 48.001L116 8.00049C116 3.58203 112.418 0 108 0L25.3335 0Z">
-        <fill>
-          <SolidColor color="#323232"/>
-        </fill>
-      </Path>
-
-	<!-- shadow fill -->
-      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715
- 14.2334 7.0083 17.2275 3.24561 19.3335 0 23.3335 0L106 0 106 0Z">
-        <fill>
-          <LinearGradient x="56.3325" y="-1.04688" scaleX="54.1375" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
-	<!-- highlight border -->
-      <Path x="2" y="1.33252" winding="nonZero" data="M106 1.33252C108.94 1.33252 111.334 3.72412 111.334 6.6665L111.334 46.6665C111.334 49.6069 108.94 52.0015 106 52.0015L23.3784 52.0015C19.625 52.0015 15.0737 45.1274 15.0737 45.1274 11.7827 39.936 4.44189 30.7847 1.60254 26.5205 4.40576 22.3179
- 15.312 7.79346 15.312 7.79346 15.854 7.02002 19.6455 1.33252 23.3335 1.33252L106 1.33252ZM22.8955 0C19.167 0 16.417 4.26465 14.2334 7.00732 14.1855 7.07666 5.12891 18.8428 0 26.5205 5.12305 34.1846 14.0869 46.0669 14.1416 46.147 15.8164 47.8208
- 18.3945 53.3345 23.3784 53.3345L106 53.3345C109.676 53.3345 112.666 50.3423 112.666 46.6665L112.666 6.6665C112.666 2.99023 109.676 0 105.833 0L22.8955 0Z">
-        <fill>
-          <LinearGradient x="56.3325" y="0" scaleX="53.335" rotation="90">
-            <GradientEntry ratio="0" alpha="0.35"/>
-            <GradientEntry ratio="0.662577" alpha="0.1"/>
-            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-
+
+<Graphic version="2.0" scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="116" height="56" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32373 114.666 8.00049L114.666 48.001C114.666 51.6748 111.676 54.667 108 54.667L25.3784 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4814 16.0869 47.4004 7.12305 35.5176 2 27.855 7.12891 20.1772 16.1855&#xD;&#xA; 8.41064 16.2334 8.34082 19.2275 4.5791 21.084 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8091 0 18.6865 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 19.9995 0 28 5.33301 36 15.0464 48.2393 15.0464 48.2393 19.0464 53.5732 20&#xD;&#xA; 56 25.3335 56L108 56C112.418 56 116 52.418 116 48.001L116 8.00049C116 3.58203 112.418 0 108 0L25.3335 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#323232"/>
+    </fill>
+  </Path>
+  <!-- shadow fill -->
+  <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715&#xD;&#xA; 14.2334 7.0083 17.2275 3.24561 19.3335 0 23.3335 0L106 0 106 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="56.3325" y="-1.04688" scaleX="54.1375" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- highlight border -->
+  <Path x="2" y="1.33252" winding="nonZero" data="M106 1.33252C108.94 1.33252 111.334 3.72412 111.334 6.6665L111.334 46.6665C111.334 49.6069 108.94 52.0015 106 52.0015L23.3784 52.0015C19.625 52.0015 15.0737 45.1274 15.0737 45.1274 11.7827 39.936 4.44189 30.7847 1.60254 26.5205 4.40576 22.3179&#xD;&#xA; 15.312 7.79346 15.312 7.79346 15.854 7.02002 19.6455 1.33252 23.3335 1.33252L106 1.33252ZM22.8955 0C19.167 0 16.417 4.26465 14.2334 7.00732 14.1855 7.07666 5.12891 18.8428 0 26.5205 5.12305 34.1846 14.0869 46.0669 14.1416 46.147 15.8164 47.8208&#xD;&#xA; 18.3945 53.3345 23.3784 53.3345L106 53.3345C109.676 53.3345 112.666 50.3423 112.666 46.6665L112.666 6.6665C112.666 2.99023 109.676 0 105.833 0L22.8955 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="56.3325" y="0" scaleX="53.335" rotation="90">
+        <GradientEntry ratio="0" alpha="0.35"/>
+        <GradientEntry ratio="0.662577" alpha="0.1"/>
+        <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
index c2e73e8..3cb0dfa 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
@@ -18,40 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
-    
-      <!-- shadow fill -->
-      <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8472C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z">
-        <fill>
-          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
-            <GradientEntry ratio="0" alpha="0.14902"/>
-            <GradientEntry ratio="1" alpha="0.34902"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M158.655 1.35596 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8472C1.34521 5.61377 5.56641 1.35596 10.7554 1.35596L158.655 1.35596ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8472L0 69.1533C0 75.1436
- 4.81641 80 10.7554 80L160 80 160 0 160 0Z">
-        <fill>
-          <SolidColor color="#464646"/>
-        </fill>
-      </Path>
-      
-      <!-- outer shadow -->
-      <Path x="1.3335" y="1.35986" winding="nonZero" data="M155.967 1.35547 155.967 75.9321 9.41113 75.9321C4.96338 75.9321 1.34473 72.2837 1.34473 67.7974L1.34473 9.49121C1.34473 5.00488 4.96338 1.35547 9.41113 1.35547L155.967 1.35547ZM157.311 0 9.41113 0C4.22119 0 0 4.25684 0 9.49121L0 67.7974C0 73.0308
- 4.22119 77.2886 9.41113 77.2886L157.311 77.2886 157.311 0 157.311 0Z">
-        <fill>
-          <SolidColor alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="2.68896" y="2.71143" winding="nonZero" data="M153.299 1.3335 153.289 73.2427 8.06641 73.2427C4.35352 73.2427 1.33301 70.1919 1.33301 66.4419L1.33301 8.13574C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 154.623 0 8.06641 0C3.61816 0 0 3.64941 0 8.13574L0 66.4419
-C0 70.9282 3.61816 74.5767 8.06641 74.5767L154.623 74.5767 154.632 0 154.632 0Z">
-        <fill>
-          <SolidColor alpha="0.1"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8472C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
+        <GradientEntry ratio="0" alpha="0.14902"/>
+        <GradientEntry ratio="1" alpha="0.34902"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M158.655 1.35596 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8472C1.34521 5.61377 5.56641 1.35596 10.7554 1.35596L158.655 1.35596ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8472L0 69.1533C0 75.1436&#xD;&#xA; 4.81641 80 10.7554 80L160 80 160 0 160 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#464646"/>
+    </fill>
+  </Path>
+  <!-- outer shadow -->
+  <Path x="1.3335" y="1.35986" winding="nonZero" data="M155.967 1.35547 155.967 75.9321 9.41113 75.9321C4.96338 75.9321 1.34473 72.2837 1.34473 67.7974L1.34473 9.49121C1.34473 5.00488 4.96338 1.35547 9.41113 1.35547L155.967 1.35547ZM157.311 0 9.41113 0C4.22119 0 0 4.25684 0 9.49121L0 67.7974C0 73.0308&#xD;&#xA; 4.22119 77.2886 9.41113 77.2886L157.311 77.2886 157.311 0 157.311 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="2.68896" y="2.71143" winding="nonZero" data="M153.299 1.3335 153.289 73.2427 8.06641 73.2427C4.35352 73.2427 1.33301 70.1919 1.33301 66.4419L1.33301 8.13574C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 154.623 0 8.06641 0C3.61816 0 0 3.64941 0 8.13574L0 66.4419&#xD;&#xA;C0 70.9282 3.61816 74.5767 8.06641 74.5767L154.623 74.5767 154.632 0 154.632 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.1"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
index 830c381..33a7fb0 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
@@ -18,40 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
-    
-      <!-- shadow fill -->
-      <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8462C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z">
-        <fill>
-          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
-            <GradientEntry ratio="0" alpha="0.047059"/>
-            <GradientEntry ratio="1" alpha="0.247059"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M158.655 1.35693 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8462C1.34521 5.61475 5.56641 1.35693 10.7554 1.35693L158.655 1.35693ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8462L0 69.1533C0 75.1436
- 4.81641 80 10.7554 80L160 80 160 0 160 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
-      
-      <!-- outer shadow -->
-      <Path x="1.3335" y="1.35938" winding="nonZero" data="M155.967 1.35693 155.967 75.9326 9.41113 75.9326C4.96338 75.9326 1.34473 72.2842 1.34473 67.7979L1.34473 9.49219C1.34473 5.00537 4.96338 1.35693 9.41113 1.35693L155.967 1.35693ZM157.311 0 9.41113 0C4.22119 0 0 4.25781 0 9.49219L0 67.7979C0 73.0312
- 4.22119 77.2891 9.41113 77.2891L157.311 77.2891 157.311 0 157.311 0Z">
-        <fill>
-          <SolidColor alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="2.68896" y="2.71094" winding="nonZero" data="M153.299 1.3335 153.289 73.2432 8.06641 73.2432C4.35352 73.2432 1.33301 70.1924 1.33301 66.4424L1.33301 8.13525C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 8.06641 0C3.61816 0 0 3.6499 0 8.13525L0 66.4424C0 70.9287
- 3.61816 74.5771 8.06641 74.5771L154.623 74.5771 154.632 0 154.632 0Z">
-        <fill>
-          <SolidColor alpha="0.1"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8462C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
+        <GradientEntry ratio="0" alpha="0.047059"/>
+        <GradientEntry ratio="1" alpha="0.247059"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M158.655 1.35693 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8462C1.34521 5.61475 5.56641 1.35693 10.7554 1.35693L158.655 1.35693ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8462L0 69.1533C0 75.1436&#xD;&#xA; 4.81641 80 10.7554 80L160 80 160 0 160 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
+  <!-- outer shadow -->
+  <Path x="1.3335" y="1.35938" winding="nonZero" data="M155.967 1.35693 155.967 75.9326 9.41113 75.9326C4.96338 75.9326 1.34473 72.2842 1.34473 67.7979L1.34473 9.49219C1.34473 5.00537 4.96338 1.35693 9.41113 1.35693L155.967 1.35693ZM157.311 0 9.41113 0C4.22119 0 0 4.25781 0 9.49219L0 67.7979C0 73.0312&#xD;&#xA; 4.22119 77.2891 9.41113 77.2891L157.311 77.2891 157.311 0 157.311 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="2.68896" y="2.71094" winding="nonZero" data="M153.299 1.3335 153.289 73.2432 8.06641 73.2432C4.35352 73.2432 1.33301 70.1924 1.33301 66.4424L1.33301 8.13525C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 8.06641 0C3.61816 0 0 3.6499 0 8.13525L0 66.4424C0 70.9287&#xD;&#xA; 3.61816 74.5771 8.06641 74.5771L154.623 74.5771 154.632 0 154.632 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.1"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
index 864eac3..92d11b1 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
@@ -18,31 +18,26 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
-    
-      <!-- highlight fill -->
-      <Path data="M160 80 10.5781 80C4.73682 80 0 75.3018 0 69.5078L0 10.4917C0 4.69727 4.73682 0 10.5781 0L160 0 160 80Z">
-        <fill>
-          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9587" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M158.677 1.31104 158.677 78.6885 10.5781 78.6885C5.4751 78.6885 1.32275 74.5703 1.32275 69.5078L1.32275 10.4917C1.32275 5.42969 5.4751 1.31104 10.5781 1.31104L158.677 1.31104ZM160 0 10.5781 0C4.73682 0 0 4.69727 0 10.4917L0 69.5078C0 75.3018 4.73682
- 80 10.5781 80L160 80 160 0 160 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
-      
-      <!-- right separator highlight -->
-      <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335">
-        <fill>
-          <SolidColor color="#FFFFFF" alpha="0.2"/>
-        </fill>
-      </Rect>
+<Graphic version="2.0" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Path data="M160 80 10.5781 80C4.73682 80 0 75.3018 0 69.5078L0 10.4917C0 4.69727 4.73682 0 10.5781 0L160 0 160 80Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="79.9995" y="0.689453" scaleX="42.9587" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M158.677 1.31104 158.677 78.6885 10.5781 78.6885C5.4751 78.6885 1.32275 74.5703 1.32275 69.5078L1.32275 10.4917C1.32275 5.42969 5.4751 1.31104 10.5781 1.31104L158.677 1.31104ZM160 0 10.5781 0C4.73682 0 0 4.69727 0 10.4917L0 69.5078C0 75.3018 4.73682&#xD;&#xA; 80 10.5781 80L160 80 160 0 160 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
+  <!-- right separator highlight -->
+  <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF" alpha="0.2"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
index 8b303b8..25d34e1 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
@@ -18,40 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
-    
-      <!-- shadow fill -->
-      <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8472L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z">
-        <fill>
-          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
-            <GradientEntry ratio="0" alpha="0.14902"/>
-            <GradientEntry ratio="1" alpha="0.34902"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- outer shadow -->
-      <Path y="1.35986" winding="nonZero" data="M1.3335 1.35547 149.255 1.35547C153.703 1.35547 157.321 5.00488 157.321 9.49121L157.321 67.7974C157.321 72.2837 153.703 75.9321 149.255 75.9321L1.3335 75.9321M0 0 0 77.2886 149.255 77.2886C154.445 77.2886 158.667 73.0308 158.667 67.7974L158.667
- 9.49121C158.667 4.25684 154.445 0 149.255 0L0 0Z">
-        <fill>
-          <SolidColor alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="1.3335" y="2.71143" winding="nonZero" data="M147.912 1.3335C151.624 1.3335 154.644 4.38477 154.644 8.13574L154.644 66.4419C154.644 70.1919 151.624 73.2427 147.912 73.2427L1.33301 73.2427 1.33301 1.3335 147.912 1.3335ZM147.912 0 0 0 0 74.5767 147.912 74.5767C152.359 74.5767 155.978 70.9282
- 155.978 66.4419L155.978 8.13574C155.978 3.64941 152.359 0 147.912 0L147.912 0Z">
-        <fill>
-          <SolidColor alpha="0.1"/>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263
- 0 149.422 0Z">
-        <fill>
-          <SolidColor color="#464646"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8472L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+        <GradientEntry ratio="0" alpha="0.14902"/>
+        <GradientEntry ratio="1" alpha="0.34902"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- outer shadow -->
+  <Path y="1.35986" winding="nonZero" data="M1.3335 1.35547 149.255 1.35547C153.703 1.35547 157.321 5.00488 157.321 9.49121L157.321 67.7974C157.321 72.2837 153.703 75.9321 149.255 75.9321L1.3335 75.9321M0 0 0 77.2886 149.255 77.2886C154.445 77.2886 158.667 73.0308 158.667 67.7974L158.667&#xD;&#xA; 9.49121C158.667 4.25684 154.445 0 149.255 0L0 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="1.3335" y="2.71143" winding="nonZero" data="M147.912 1.3335C151.624 1.3335 154.644 4.38477 154.644 8.13574L154.644 66.4419C154.644 70.1919 151.624 73.2427 147.912 73.2427L1.33301 73.2427 1.33301 1.3335 147.912 1.3335ZM147.912 0 0 0 0 74.5767 147.912 74.5767C152.359 74.5767 155.978 70.9282&#xD;&#xA; 155.978 66.4419L155.978 8.13574C155.978 3.64941 152.359 0 147.912 0L147.912 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.1"/>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263&#xD;&#xA; 0 149.422 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#464646"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
index 61e486a..acaea37 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
@@ -18,40 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
-    
-      <!-- shadow fill -->
-      <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8462L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z">
-        <fill>
-          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
-            <GradientEntry ratio="0" alpha="0.047059"/>
-            <GradientEntry ratio="1" alpha="0.247059"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- outer shadow -->
-      <Path y="1.35938" winding="nonZero" data="M1.34375 1.35693 149.255 1.35693C153.703 1.35693 157.321 5.00537 157.321 9.49219L157.321 67.7979C157.321 72.2842 153.703 75.9326 149.255 75.9326L1.34375 75.9326 1.34375 1.35693ZM0 77.2891 149.255 77.2891C154.445 77.2891 158.667 73.0312 158.667
- 67.7979L158.667 9.49219C158.667 4.25781 154.445 0 149.255 0L0 0 0 77.2891Z">
-        <fill>
-          <SolidColor alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="1.32275" y="2.71094" winding="nonZero" data="M147.922 1.3335C151.634 1.3335 154.655 4.38477 154.655 8.13525L154.655 66.4424C154.655 70.1924 151.634 73.2432 147.922 73.2432L1.34375 73.2432 1.3335 1.3335 147.922 1.3335ZM147.922 0 0 0 0.0107422 74.5771 147.922 74.5771C152.37 74.5771 155.989
- 70.9287 155.989 66.4424L155.989 8.13525C155.989 3.6499 152.37 0 147.922 0L147.922 0Z">
-        <fill>
-          <SolidColor alpha="0.1"/>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4922L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4922C160 4.69775 155.263
- 0 149.422 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8462L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+        <GradientEntry ratio="0" alpha="0.047059"/>
+        <GradientEntry ratio="1" alpha="0.247059"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- outer shadow -->
+  <Path y="1.35938" winding="nonZero" data="M1.34375 1.35693 149.255 1.35693C153.703 1.35693 157.321 5.00537 157.321 9.49219L157.321 67.7979C157.321 72.2842 153.703 75.9326 149.255 75.9326L1.34375 75.9326 1.34375 1.35693ZM0 77.2891 149.255 77.2891C154.445 77.2891 158.667 73.0312 158.667&#xD;&#xA; 67.7979L158.667 9.49219C158.667 4.25781 154.445 0 149.255 0L0 0 0 77.2891Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="1.32275" y="2.71094" winding="nonZero" data="M147.922 1.3335C151.634 1.3335 154.655 4.38477 154.655 8.13525L154.655 66.4424C154.655 70.1924 151.634 73.2432 147.922 73.2432L1.34375 73.2432 1.3335 1.3335 147.922 1.3335ZM147.922 0 0 0 0.0107422 74.5771 147.922 74.5771C152.37 74.5771 155.989&#xD;&#xA; 70.9287 155.989 66.4424L155.989 8.13525C155.989 3.6499 152.37 0 147.922 0L147.922 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.1"/>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4922L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4922C160 4.69775 155.263&#xD;&#xA; 0 149.422 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
index 7d77bc2..89ca413 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
@@ -18,31 +18,26 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
-    
-      <!-- highlight fill -->
-      <Path data="M0 0 149.422 0C155.263 0 160 4.69727 160 10.4917L160 69.5078C160 75.3018 155.263 80 149.422 80L0 80 0 0Z">
-        <fill>
-          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      
-      <!-- left separator highlight -->
-      <Rect y="1.3335" width="1.3335" height="77.3335">
-        <fill>
-          <SolidColor color="#FFFFFF" alpha="0.2"/>
-        </fill>
-      </Rect>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263
- 0 149.422 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Path data="M0 0 149.422 0C155.263 0 160 4.69727 160 10.4917L160 69.5078C160 75.3018 155.263 80 149.422 80L0 80 0 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- left separator highlight -->
+  <Rect y="1.3335" width="1.3335" height="77.3335" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF" alpha="0.2"/>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263&#xD;&#xA; 0 149.422 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
index c6ace14..cf3911a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
@@ -18,37 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
-    
-      <!-- shadow fill -->
-      <Rect width="160" height="80">
-        <fill>
-          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
-            <GradientEntry ratio="0" alpha="0.14902"/>
-            <GradientEntry ratio="1" alpha="0.34902"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-      
-      <!-- outer shadow -->
-      <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0449219 0 77.3335 158.667 77.3335 158.667 0 0 0.0449219Z">
-        <fill>
-          <SolidColor alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="1.3335" y="2.6665" winding="nonZero" data="M154.667 1.3335 154.667 73.3335 1.33301 73.3335 1.33301 1.3335 154.667 1.3335ZM156 0 0 0 0 74.6665 156 74.6665 156 0 156 0Z">
-        <fill>
-          <SolidColor alpha="0.1"/>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
-        <fill>
-          <SolidColor color="#464646"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Rect width="160" height="80" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+        <GradientEntry ratio="0" alpha="0.14902"/>
+        <GradientEntry ratio="1" alpha="0.34902"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- outer shadow -->
+  <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0449219 0 77.3335 158.667 77.3335 158.667 0 0 0.0449219Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="1.3335" y="2.6665" winding="nonZero" data="M154.667 1.3335 154.667 73.3335 1.33301 73.3335 1.33301 1.3335 154.667 1.3335ZM156 0 0 0 0 74.6665 156 74.6665 156 0 156 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.1"/>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#464646"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
index aad6c68..cac72bb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
@@ -18,37 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
-    
-      <!-- shadow fill -->
-      <Rect y="1.3335" width="158.667" height="77.3335">
-        <fill>
-          <LinearGradient x="79.3335" y="1.3335" scaleX="74.7917" rotation="90">
-            <GradientEntry ratio="0" alpha="0.047059"/>
-            <GradientEntry ratio="1" alpha="0.247059"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-      
-      <!-- outer shadow -->
-      <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0439453 0 77.3335 158.667 77.3335 158.667 0 0 0.0439453 0 0.0439453Z">
-        <fill>
-          <SolidColor alpha="0.2"/>
-        </fill>
-      </Path>
-      
-      <!-- inner shadow -->
-      <Path x="1.32275" y="2.6665" winding="nonZero" data="M154.677 1.3335 154.677 73.3335 1.34375 73.3335 1.3335 1.3335 154.677 1.3335ZM156.01 0 0 0 0.0107422 74.6665 156.01 74.6665 156.01 0 156.01 0Z">
-        <fill>
-          <SolidColor alpha="0.1"/>
-        </fill>
-      </Path>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
+<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- shadow fill -->
+  <Rect y="1.3335" width="158.667" height="77.3335" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="79.3335" y="1.3335" scaleX="74.7917" rotation="90">
+        <GradientEntry ratio="0" alpha="0.047059"/>
+        <GradientEntry ratio="1" alpha="0.247059"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- outer shadow -->
+  <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0439453 0 77.3335 158.667 77.3335 158.667 0 0 0.0439453 0 0.0439453Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- inner shadow -->
+  <Path x="1.32275" y="2.6665" winding="nonZero" data="M154.677 1.3335 154.677 73.3335 1.34375 73.3335 1.3335 1.3335 154.677 1.3335ZM156.01 0 0 0 0.0107422 74.6665 156.01 74.6665 156.01 0 156.01 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.1"/>
+    </fill>
+  </Path>
+  <!-- border -->
+  <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
index 840b767..12d157f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
@@ -18,37 +18,32 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
-    
-      <!-- highlight fill -->
-      <Rect width="160" height="80">
-        <fill>
-          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-      
-      <!-- border -->
-      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
-        <fill>
-          <SolidColor color="#646464"/>
-        </fill>
-      </Path>
-      
-      <!-- left separator highlight -->
-      <Rect y="1.3335" width="1.3335" height="77.3335">
-        <fill>
-          <SolidColor color="#FFFFFF" alpha="0.2"/>
-        </fill>
-      </Rect>
-      
-      <!-- right separator highlight -->
-      <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335">
-        <fill>
-          <SolidColor color="#FFFFFF" alpha="0.2"/>
-        </fill>
-      </Rect>
+<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect width="160" height="80" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border -->
+  <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
+  <!-- left separator highlight -->
+  <Rect y="1.3335" width="1.3335" height="77.3335" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF" alpha="0.2"/>
+    </fill>
+  </Rect>
+  <!-- right separator highlight -->
+  <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF" alpha="0.2"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
index 9f94174..51d940c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,35 +17,33 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" viewHeight="86" viewWidth="292" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66">
-  	<!-- Border --> 
-	<Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z">
-    	<fill>
-      		<SolidColor color="#464646"/>
-    	</fill>
-  	</Path>
-	<!-- Fill Shadow -->
-  	<Path x="2" y="2" data="M10 0 278 0C284 0 288 4 288 10L288 72C288 78 284 82 278 82L10 82C4 82 0 78 0 72L0 10C0 4 4 0 10 0Z">
-	    <fill>
-      		<LinearGradient x="144" y="0" scaleX="82.0005" rotation="90">
-        		<GradientEntry ratio="0" alpha="0.05"/>
-        		<GradientEntry ratio="1" alpha="0.25"/>
-      		</LinearGradient>
-    	</fill>
-  	</Path>
-  	<!-- Inner Shadow -->
-	<Path x="2" y="2" data="M2 10C2 6 6 2 10 2L278 2C282 2 286 6 286 10L286 72C286 76 282 80 278 80L10 80C6 80 2 76 2 72L2 10ZM10 0C4 0 0 4 0 10L0 72C0 78 4 82 10 82L278 82C284 82 288 78 288 72L288 10C288 4 284 0 278 0L10 0Z">
-	    <fill>
-      		<SolidColor alpha="0.2"/>
-    	</fill>
-  	</Path>
-  	<!-- Inner Inner Shadow -->
-	<Path x="4" y="4" data="M2 8C2 4 4 2 8 2L276 2C280 2 282 4 282 8L282 70C282 74 280 76 276 76L8 76C4 76 2 74 2 70L2 8ZM0 8 0 70C0 74 4 78 8 78L276 78C280 78 284 74 284 70L284 8C284 4 280 0 276 0L8 0C4 0 0 4 0 8Z">
-	    <fill>
-      		<SolidColor color="#646464" alpha="0.1"/>
-    	</fill>
-  	</Path>
+
+<Graphic version="2.0" viewHeight="86" viewWidth="292" scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Border -->
+  <Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#464646"/>
+    </fill>
+  </Path>
+  <!-- Fill Shadow -->
+  <Path x="2" y="2" data="M10 0 278 0C284 0 288 4 288 10L288 72C288 78 284 82 278 82L10 82C4 82 0 78 0 72L0 10C0 4 4 0 10 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="144" y="0" scaleX="82.0005" rotation="90">
+        <GradientEntry ratio="0" alpha="0.05"/>
+        <GradientEntry ratio="1" alpha="0.25"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <!-- Inner Shadow -->
+  <Path x="2" y="2" data="M2 10C2 6 6 2 10 2L278 2C282 2 286 6 286 10L286 72C286 76 282 80 278 80L10 80C6 80 2 76 2 72L2 10ZM10 0C4 0 0 4 0 10L0 72C0 78 4 82 10 82L278 82C284 82 288 78 288 72L288 10C288 4 284 0 278 0L10 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0.2"/>
+    </fill>
+  </Path>
+  <!-- Inner Inner Shadow -->
+  <Path x="4" y="4" data="M2 8C2 4 4 2 8 2L276 2C280 2 282 4 282 8L282 70C282 74 280 76 276 76L8 76C4 76 2 74 2 70L2 8ZM0 8 0 70C0 74 4 78 8 78L276 78C280 78 284 74 284 70L284 8C284 4 280 0 276 0L8 0C4 0 0 4 0 8Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#646464" alpha="0.1"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
index 99040ab..f0623a1 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,14 +17,12 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" viewHeight="86" viewWidth="292" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66">
-	<!-- Outer Border -->
-	<Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z">
-    	<fill>
-    	  	<SolidColor color="#646464"/>
-    	</fill>
-  	</Path>
+
+<Graphic version="2.0" viewHeight="86" viewWidth="292" scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Outer Border -->
+  <Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
index 8442b96..fc6618d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
@@ -18,34 +18,26 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="12" scaleGridRight="588" scaleGridTop="30" scaleGridBottom="388">
-
-	<!-- invisible fix for scaling -->
-	<Rect x="0" y="399" width="600" height="1">
-		<fill>
-			<SolidColor color="#ffffff" alpha="0"/>
-		</fill>
-	</Rect>
-    
-	<!-- Content Shading Top -->
-	<Rect x="0" y="0" width="600" height="20"
-			topLeftRadiusX="10" topLeftRadiusY="10"
-			topRightRadiusX="10" topRightRadiusY="10">
-		<fill>
-			<LinearGradient  rotation="90">
-				<GradientEntry ratio="0" color="#000000" alpha="0.6"/>
-				<GradientEntry ratio="0.5" color="#000000" alpha="0"/>
-			</LinearGradient>
-		</fill>
-	</Rect>
-		
-	<!-- Content Highlight -->
-	<Rect x="1" y="1" width="598" height="398"
-			radiusX="10" radiusY="10">
-		<stroke>
-			<SolidColorStroke color="#FFFFFF" alpha="0.8"
-								weight="2"/>
-		</stroke>
-	</Rect>
-</Graphic>
+<Graphic version="2.0" scaleGridLeft="12" scaleGridRight="588" scaleGridTop="30" scaleGridBottom="388" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="399" width="600" height="1" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- Content Shading Top -->
+  <Rect x="0" y="0" width="600" height="20" topLeftRadiusX="10" topLeftRadiusY="10" topRightRadiusX="10" topRightRadiusY="10" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient rotation="90">
+        <GradientEntry ratio="0" color="#000000" alpha="0.6"/>
+        <GradientEntry ratio="0.5" color="#000000" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- Content Highlight -->
+  <Rect x="1" y="1" width="598" height="398" radiusX="10" radiusY="10" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke color="#FFFFFF" alpha="0.8" weight="2"/>
+    </stroke>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
index 3ce7f57..df9bb55 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,51 +17,50 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-      <Rect x="4" y="62" alpha="0.08" width="56" height="2">
-        <fill>
-          <SolidColor color="#FFFFFF"/>
-        </fill>
-      </Rect>
-      <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z">
-        <fill>
-          <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
-            <GradientEntry ratio="0" alpha="0.1"/>
-            <GradientEntry ratio="1" alpha="0.4"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z">
-        <fill>
-          <LinearGradient x="28" y="0" scaleX="56" rotation="90">
-            <GradientEntry ratio="0" alpha="0.25"/>
-            <GradientEntry ratio="1" alpha="0.05"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="6" y="6" data="M2 6C2 4 4 2 6 2L46 2C48 2 50 4 50 6L50 46C50 48 50 50 48 50L4 50C2 50 2 48 2 46L2 6ZM0 4 0 48C0 50 0 52 2 52L50 52C52 52 52 50 52 48L52 4C52 2 50 0 48 0L4 0C2 0 0 2 0 4Z">
-        <fill>
-          <LinearGradient x="26" y="0" scaleX="52" rotation="90">
-            <GradientEntry ratio="0" alpha="0.1"/>
-            <GradientEntry ratio="1" alpha="0"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="2" y="2" alpha="0.7" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z">
-        <fill>
-          <SolidColor/>
-        </fill>
-      </Path>
-      <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z">
-        <fill>
-          <SolidColor color="#FFFFFF"/>
-        </fill>
-      </Path>
-      <Rect x="4" y="62" alpha="0.1" width="56" height="2">
-        <fill>
-          <SolidColor color="#FFFFFF"/>
-        </fill>
-      </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Rect x="4" y="62" alpha="0.08" width="56" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Rect>
+  <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
+        <GradientEntry ratio="0" alpha="0.1"/>
+        <GradientEntry ratio="1" alpha="0.4"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28" y="0" scaleX="56" rotation="90">
+        <GradientEntry ratio="0" alpha="0.25"/>
+        <GradientEntry ratio="1" alpha="0.05"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="6" y="6" data="M2 6C2 4 4 2 6 2L46 2C48 2 50 4 50 6L50 46C50 48 50 50 48 50L4 50C2 50 2 48 2 46L2 6ZM0 4 0 48C0 50 0 52 2 52L50 52C52 52 52 50 52 48L52 4C52 2 50 0 48 0L4 0C2 0 0 2 0 4Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="26" y="0" scaleX="52" rotation="90">
+        <GradientEntry ratio="0" alpha="0.1"/>
+        <GradientEntry ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="2" y="2" alpha="0.7" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor/>
+    </fill>
+  </Path>
+  <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Path>
+  <Rect x="4" y="62" alpha="0.1" width="56" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
index ae789b6..4703aac 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,25 +17,24 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
-        <fill>
-          <LinearGradient x="28" y="4" scaleX="44.0005" rotation="90">
-            <GradientEntry ratio="0" color="#999999"/>
-            <GradientEntry ratio="1" color="#B4B4B4"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="4" y="10" alpha="0.6" data="M0 22 10 12 22 24 46 0 56 10">
-        <stroke>
-          <SolidColorStroke weight="1" joints="bevel"/>
-        </stroke>
-      </Path>
-      <Path x="4" y="20" alpha="0.3" data="M0 12 22 34 56 0">
-        <stroke>
-          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-        </stroke>
-      </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28" y="4" scaleX="44.0005" rotation="90">
+        <GradientEntry ratio="0" color="#999999"/>
+        <GradientEntry ratio="1" color="#B4B4B4"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="4" y="10" alpha="0.6" data="M0 22 10 12 22 24 46 0 56 10" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="1" joints="bevel"/>
+    </stroke>
+  </Path>
+  <Path x="4" y="20" alpha="0.3" data="M0 12 22 34 56 0" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+    </stroke>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
index b37b730..c25df80 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,25 +17,24 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
-        <fill>
-          <LinearGradient x="28" y="24" scaleX="48" rotation="90">
-            <GradientEntry ratio="0" color="#5A5A5A"/>
-            <GradientEntry ratio="1" color="#323232"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="4" y="10" alpha="0.25" data="M0 22 10 12 22 24 46 0 56 10">
-        <stroke>
-          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-        </stroke>
-      </Path>
-      <Path x="4" y="20" alpha="0.7" data="M0 12 22 34 56 0">
-        <stroke>
-          <SolidColorStroke weight="1" joints="bevel"/>
-        </stroke>
-      </Path>
-  </Graphic>
\ No newline at end of file
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28" y="24" scaleX="48" rotation="90">
+        <GradientEntry ratio="0" color="#5A5A5A"/>
+        <GradientEntry ratio="1" color="#323232"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="4" y="10" alpha="0.25" data="M0 22 10 12 22 24 46 0 56 10" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+    </stroke>
+  </Path>
+  <Path x="4" y="20" alpha="0.7" data="M0 12 22 34 56 0" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="1" joints="bevel"/>
+    </stroke>
+  </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
index 2daf4a7..418fceb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
@@ -1,4 +1,4 @@
-<?xml version='1.0' encoding='UTF-8'?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,43 +17,42 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z">
-    <fill>
-      <LinearGradient x="28" y="8" scaleX="40.0004" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.0470588"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z">
-    <fill>
-      <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.35"/>
-        <GradientEntry ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="2" y="2" alpha="0.6" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z">
-    <fill>
-      <SolidColor/>
-    </fill>
-  </Path>
-  <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z">
-    <fill>
-      <SolidColor/>
-    </fill>
-  </Path>
-  <Rect x="6" y="4" alpha="0.15" width="52" height="2">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <Rect x="4" y="62" alpha="0.1" width="56" height="2">
-    <fill>
-      <SolidColor/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28" y="8" scaleX="40.0004" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.0470588"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.35"/>
+        <GradientEntry ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="2" y="2" alpha="0.6" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor/>
+    </fill>
+  </Path>
+  <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor/>
+    </fill>
+  </Path>
+  <Rect x="6" y="4" alpha="0.15" width="52" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Rect>
+  <Rect x="4" y="62" alpha="0.1" width="56" height="2" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
index 4895199..639ebda 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,25 +17,24 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
-        <fill>
-          <LinearGradient x="28" y="24" scaleX="48" rotation="90">
-            <GradientEntry ratio="0" color="#C8C8C8"/>
-            <GradientEntry ratio="1" color="#E1E1E1"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="4" y="10" alpha="0.5" data="M0 22 10 12 22 24 46 0 56 10">
-        <stroke>
-          <SolidColorStroke weight="1" joints="bevel"/>
-        </stroke>
-      </Path>
-      <Path x="4" y="20" alpha="0.5" data="M0 12 22 34 56 0">
-        <stroke>
-          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-        </stroke>
-      </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28" y="24" scaleX="48" rotation="90">
+        <GradientEntry ratio="0" color="#C8C8C8"/>
+        <GradientEntry ratio="1" color="#E1E1E1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="4" y="10" alpha="0.5" data="M0 22 10 12 22 24 46 0 56 10" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="1" joints="bevel"/>
+    </stroke>
+  </Path>
+  <Path x="4" y="20" alpha="0.5" data="M0 12 22 34 56 0" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+    </stroke>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
index 7a60ca5..24d919a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,25 +17,24 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
-        <fill>
-          <LinearGradient x="28" y="12" scaleX="32" rotation="90">
-            <GradientEntry ratio="0" color="#5A5A5A"/>
-            <GradientEntry ratio="1" color="#323232"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="4" y="10" alpha="0.7" data="M0 22 10 12 22 24 46 0 56 10">
-        <stroke>
-          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-        </stroke>
-      </Path>
-      <Path x="4" y="20" data="M0 12 22 34 56 0">
-        <stroke>
-          <SolidColorStroke weight="1" joints="bevel"/>
-        </stroke>
-      </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28" y="12" scaleX="32" rotation="90">
+        <GradientEntry ratio="0" color="#5A5A5A"/>
+        <GradientEntry ratio="1" color="#323232"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="4" y="10" alpha="0.7" data="M0 22 10 12 22 24 46 0 56 10" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+    </stroke>
+  </Path>
+  <Path x="4" y="20" data="M0 12 22 34 56 0" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="1" joints="bevel"/>
+    </stroke>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
index 165d5f7..a17399c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,28 +17,27 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008">
-      <Ellipse width="58" height="58" x="0" y="0">
-        <fill>
-          <LinearGradient x="30" y="0" scaleX="58" rotation="90">
-            <GradientEntry ratio="0" alpha="0.15"/>
-            <GradientEntry ratio="1" alpha="0.25"/>
-          </LinearGradient>
-        </fill>
-      </Ellipse>
-      <Ellipse width="58" height="58" x="0" y="0">
-        <stroke>
-          <SolidColorStroke weight="2" caps="none"/>
-        </stroke>
-      </Ellipse>
-      <Ellipse width="58" height="58" x="0" y="0">
-        <fill>
-          <LinearGradient x="26" y="10" scaleX="24" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.5"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-          </LinearGradient>
-        </fill>
-      </Ellipse>
+
+<Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008">
+  <Ellipse width="58" height="58" x="0" y="0" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="30" y="0" scaleX="58" rotation="90">
+        <GradientEntry ratio="0" alpha="0.15"/>
+        <GradientEntry ratio="1" alpha="0.25"/>
+      </LinearGradient>
+    </fill>
+  </Ellipse>
+  <Ellipse width="58" height="58" x="0" y="0" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="2" caps="none"/>
+    </stroke>
+  </Ellipse>
+  <Ellipse width="58" height="58" x="0" y="0" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="26" y="10" scaleX="24" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.5"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Ellipse>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
index fa76fce..d564837 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,40 +17,39 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008" >
-	<!-- outer ellipse -->
-      <Ellipse x="0.5" y="0.5" width="58" height="58">
-        <fill>
-          <LinearGradient x="28.9995" y="0" scaleX="58.0005" rotation="90">
-            <GradientEntry ratio="0" alpha="0.05"/>
-            <GradientEntry ratio="1" alpha="0.15"/>
-          </LinearGradient>
-        </fill>
-      </Ellipse>
-	<!-- outer border -->
-      <Ellipse x="1.5" y="1.5" width="56" height="56">
-        <stroke>
-          <SolidColorStroke weight="2" caps="none" alpha="0.7"/>
-        </stroke>
-      </Ellipse>
-	<!-- inner ellipse -->
-      <Ellipse x="1.5" y="1.5" width="56" height="56">
-        <fill>
-          <LinearGradient x="28.9995" y="4" scaleX="53.9995" rotation="90">
-            <GradientEntry ratio="0" alpha="0.25"/>
-            <GradientEntry ratio="1" alpha="0.6"/>
-          </LinearGradient>
-        </fill>
-      </Ellipse>
-	<!-- inner border -->
-      <Path x="1" y="1" data="M2.19238 28.75C2.19238 13.27 13.1533 2.21191 28.5 2.21191 43.8457 2.21191 54.8066 13.27 54.8066 28.75 54.8066 44.2324 43.8457 55.29 28.5 55.29 13.1533 55.29 2.19238 44.2324 2.19238 28.75ZM0 28.75C0 44.2324 13.1533 57.5 28.5 57.5 43.8457 57.5 57 44.2324 57 28.75 57 13.27 43.8457 0 28.5 0 13.1533 0 0 13.27 0 28.75Z">
-        <fill>
-          <LinearGradient x="28.4995" y="4.10693" scaleX="53.3924" rotation="90">
-            <GradientEntry ratio="0" alpha="0.25"/>
-            <GradientEntry ratio="1" alpha="0.1"/>
-          </LinearGradient>
-        </fill>
-      </Path>
+
+<Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- outer ellipse -->
+  <Ellipse x="0.5" y="0.5" width="58" height="58" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28.9995" y="0" scaleX="58.0005" rotation="90">
+        <GradientEntry ratio="0" alpha="0.05"/>
+        <GradientEntry ratio="1" alpha="0.15"/>
+      </LinearGradient>
+    </fill>
+  </Ellipse>
+  <!-- outer border -->
+  <Ellipse x="1.5" y="1.5" width="56" height="56" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="2" caps="none" alpha="0.7"/>
+    </stroke>
+  </Ellipse>
+  <!-- inner ellipse -->
+  <Ellipse x="1.5" y="1.5" width="56" height="56" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28.9995" y="4" scaleX="53.9995" rotation="90">
+        <GradientEntry ratio="0" alpha="0.25"/>
+        <GradientEntry ratio="1" alpha="0.6"/>
+      </LinearGradient>
+    </fill>
+  </Ellipse>
+  <!-- inner border -->
+  <Path x="1" y="1" data="M2.19238 28.75C2.19238 13.27 13.1533 2.21191 28.5 2.21191 43.8457 2.21191 54.8066 13.27 54.8066 28.75 54.8066 44.2324 43.8457 55.29 28.5 55.29 13.1533 55.29 2.19238 44.2324 2.19238 28.75ZM0 28.75C0 44.2324 13.1533 57.5 28.5 57.5 43.8457 57.5 57 44.2324 57 28.75 57 13.27 43.8457 0 28.5 0 13.1533 0 0 13.27 0 28.75Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28.4995" y="4.10693" scaleX="53.3924" rotation="90">
+        <GradientEntry ratio="0" alpha="0.25"/>
+        <GradientEntry ratio="1" alpha="0.1"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
index 485dc74..1f6a0b0 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,29 +17,27 @@
   limitations under the License.
 
 -->
-
-
-<Graphic version="2.0" viewHeight="18" viewWidth="640" xmlns="http://ns.adobe.com/fxg/2008"
-         scaleGridLeft="30" scaleGridRight="610" scaleGridTop="1" scaleGridBottom="17">
-      <Rect x="20" y="0.5" width="600" height="16" radiusX="7.24087" radiusY="7.24087">
-        <fill>
-          <LinearGradient x="300" y="0" scaleX="16.0005" rotation="90">
-            <GradientEntry ratio="0" alpha="0.5"/>
-            <GradientEntry ratio="1" alpha="0.2"/>
-          </LinearGradient>
-        </fill>
-      </Rect>
-      <Path x="20" y="0.5" data="M0 8C2 4 4 2 8 2L592 2C596 2 598 4 600 8 600 4 596 0 592 0L8 0C4 0 0 4 0 8Z">
-        <fill>
-          <LinearGradient x="300" y="0" scaleX="10" rotation="90">
-            <GradientEntry ratio="0" alpha="0.4"/>
-            <GradientEntry ratio="1" alpha="0.05"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Rect width="640" height="18">
-        <fill>
-          <SolidColor alpha="0"/>
-        </fill>
-      </Rect>
+
+<Graphic version="2.0" viewHeight="18" viewWidth="640" scaleGridLeft="30" scaleGridRight="610" scaleGridTop="1" scaleGridBottom="17" xmlns="http://ns.adobe.com/fxg/2008">
+  <Rect x="20" y="0.5" width="600" height="16" radiusX="7.24087" radiusY="7.24087" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="300" y="0" scaleX="16.0005" rotation="90">
+        <GradientEntry ratio="0" alpha="0.5"/>
+        <GradientEntry ratio="1" alpha="0.2"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <Path x="20" y="0.5" data="M0 8C2 4 4 2 8 2L592 2C596 2 598 4 600 8 600 4 596 0 592 0L8 0C4 0 0 4 0 8Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="300" y="0" scaleX="10" rotation="90">
+        <GradientEntry ratio="0" alpha="0.4"/>
+        <GradientEntry ratio="1" alpha="0.05"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Rect width="640" height="18" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor alpha="0"/>
+    </fill>
+  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
index 98d1639..000b581 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,29 +18,25 @@
 
 -->
 
-
 <Graphic version="2.0" viewHeight="68" viewWidth="68" xmlns="http://ns.adobe.com/fxg/2008">
-        <Rect x="0.5" y="0.5" width="67" height="67">
-          <fill>
-            <SolidColor color="#FFFFFF"/>
-          </fill>
-        </Rect>
-        <Path winding="nonZero" data="M67 1 67 67 1 67 1 1 67 1M68 0 0 0 0 68 68 68 68 0 68 0Z">
-          <fill>
-            <SolidColor color="#FFFFFF"/>
-          </fill>
-        </Path>
-      <Path winding="nonZero" data="M0 0 0 68 68 68 68 0 0 0ZM64 64 4 64 4 4 64 4 64 64Z">
-        <fill>
-          <SolidColor color="#969696"/>
-        </fill>
-      </Path>
-      <Path x="8" y="8" winding="nonZero" data="M0 0 0 52 52 52 52 0 0 0ZM26.1396 47.9668C23.5303 47.9668 21.5713 46.2676 21.5713 43.3945 21.5713 40.6543 23.5303 38.8906 26.1396 38.8906 28.8818 38.8906 30.71 40.7832 30.71 43.3945 30.71 46.1367 29.0127 47.9668 26.1396 47.9668ZM28.5557 29.6855
-C28.5557 30.8594 29.0127 32.0713 29.7295 33.3115 29.8623 33.5713 29.7295 34 29.4053 34L23.6592 34C23.333 34 23.2021 33.833 22.876 33.5088 21.7002 32.2002 21.1787 30.291 21.1787 28.9844 21.1787 23.7617 29.7295 20.5225 29.7295 15.2998 29.7295 12.752
- 27.6396 10.5117 23.6592 10.5117 20.3955 10.5117 18.3911 11.1543 16.1079 12.1338 15.8462 12.2646 16 12.1235 16 11.8618L16 6.70459C16 6.44287 15.6509 6.18213 15.9106 6.05127 17.5454 5.26807 20.6357 4.02881 25.4639 4.02881 33.1045 4.02881 37.9141
- 8.40186 37.9141 14.6694 37.9141 21.8491 28.5557 25.9644 28.5557 29.6855Z">
-        <fill>
-          <SolidColor color="#969696"/>
-        </fill>
-      </Path>
+  <Rect x="0.5" y="0.5" width="67" height="67" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Rect>
+  <Path winding="nonZero" data="M67 1 67 67 1 67 1 1 67 1M68 0 0 0 0 68 68 68 68 0 68 0Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#FFFFFF"/>
+    </fill>
+  </Path>
+  <Path winding="nonZero" data="M0 0 0 68 68 68 68 0 0 0ZM64 64 4 64 4 4 64 4 64 64Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#969696"/>
+    </fill>
+  </Path>
+  <Path x="8" y="8" winding="nonZero" data="M0 0 0 52 52 52 52 0 0 0ZM26.1396 47.9668C23.5303 47.9668 21.5713 46.2676 21.5713 43.3945 21.5713 40.6543 23.5303 38.8906 26.1396 38.8906 28.8818 38.8906 30.71 40.7832 30.71 43.3945 30.71 46.1367 29.0127 47.9668 26.1396 47.9668ZM28.5557 29.6855&#xD;&#xA;C28.5557 30.8594 29.0127 32.0713 29.7295 33.3115 29.8623 33.5713 29.7295 34 29.4053 34L23.6592 34C23.333 34 23.2021 33.833 22.876 33.5088 21.7002 32.2002 21.1787 30.291 21.1787 28.9844 21.1787 23.7617 29.7295 20.5225 29.7295 15.2998 29.7295 12.752&#xD;&#xA; 27.6396 10.5117 23.6592 10.5117 20.3955 10.5117 18.3911 11.1543 16.1079 12.1338 15.8462 12.2646 16 12.1235 16 11.8618L16 6.70459C16 6.44287 15.6509 6.18213 15.9106 6.05127 17.5454 5.26807 20.6357 4.02881 25.4639 4.02881 33.1045 4.02881 37.9141&#xD;&#xA; 8.40186 37.9141 14.6694 37.9141 21.8491 28.5557 25.9644 28.5557 29.6855Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#969696"/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
index 7241c4b..803d417 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,32 +17,32 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  
-      <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z">
-        <fill>
-          <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
-            <GradientEntry ratio="0" color="#FFFFFF" alpha="0"/>
-            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.14902"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
-        <fill>
-          <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
-            <GradientEntry ratio="0" alpha="0.109804"/>
-            <GradientEntry ratio="1" alpha="0.4"/>
-          </LinearGradient>
-        </fill>
-      </Path>
-      <Path x="4" y="4" alpha="0.14902" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
-        <stroke>
-          <SolidColorStroke weight="1" caps="none"/>
-        </stroke>
-      </Path>
-      <Path x="2" y="2" alpha="0.65098" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z">
-        <fill>
-          <SolidColor/>
-        </fill>
-      </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
+        <GradientEntry ratio="0" color="#FFFFFF" alpha="0"/>
+        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.14902"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
+        <GradientEntry ratio="0" alpha="0.109804"/>
+        <GradientEntry ratio="1" alpha="0.4"/>
+      </LinearGradient>
+    </fill>
+  </Path>
+  <Path x="4" y="4" alpha="0.14902" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z" scaleX="2" scaleY="2">
+    <stroke>
+      <SolidColorStroke weight="1" caps="none"/>
+    </stroke>
+  </Path>
+  <Path x="2" y="2" alpha="0.65098" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor/>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9122dc76/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
index 522716b..0fe91f5 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,18 +17,19 @@
   limitations under the License.
 
 -->
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
-    	<fill>
-		    <SolidColor color="#646464"/>
-    	</fill>
-	</Path>
-    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
-    	<fill>
-    		<LinearGradient x="14" y="0" scaleX="28" rotation="90">
-    			<GradientEntry ratio="0" color="#787878"/>
-    			<GradientEntry ratio="1" color="#969696"/>
-    		</LinearGradient>
-    	</fill>
-    </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="2" scaleY="2">
+    <fill>
+      <SolidColor color="#646464"/>
+    </fill>
+  </Path>
+  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="2" scaleY="2">
+    <fill>
+      <LinearGradient x="14" y="0" scaleX="28" rotation="90">
+        <GradientEntry ratio="0" color="#787878"/>
+        <GradientEntry ratio="1" color="#969696"/>
+      </LinearGradient>
+    </fill>
+  </Path>
 </Graphic>
\ No newline at end of file


[27/41] git commit: [flex-sdk] [refs/heads/develop] - added extra dpi tests for 160 and 640 dpi

Posted by jm...@apache.org.
added extra dpi tests for 160 and 640 dpi


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/de3d683a
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/de3d683a
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/de3d683a

Branch: refs/heads/develop
Commit: de3d683a7cf4e230bb794cdd18042e504e2bd3f3
Parents: 43644dc
Author: Justin Mclean <jm...@apache.org>
Authored: Sun Aug 11 22:56:34 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sun Aug 11 22:56:34 2013 +1000

----------------------------------------------------------------------
 .../swfs/ViewNavigatorApplication120dpi.mxml    |  2 +-
 .../swfs/ViewNavigatorApplication640dpi.mxml    |  2 +-
 .../ViewNavigatorApplication120dpiHomeView.mxml | 27 ++++++++++++++++++++
 .../ViewNavigatorApplication640dpiHomeView.mxml | 27 ++++++++++++++++++++
 4 files changed, 56 insertions(+), 2 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/de3d683a/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml b/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
index ea822f9..12e420c 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
@@ -18,7 +18,7 @@
 
 -->
 <s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
-							xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.ViewNavigatorApplication160dpiHomeView"
+							xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.ViewNavigatorApplication120dpiHomeView"
 							applicationDPI="120" applicationComplete="init()">
 	<fx:Declarations>
 		<!-- Place non-visual elements (e.g., services, value objects) here -->

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/de3d683a/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication640dpi.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication640dpi.mxml b/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication640dpi.mxml
index ebd0f49..2c9b2ba 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication640dpi.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication640dpi.mxml
@@ -18,7 +18,7 @@
 
 -->
 <s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
-							xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.ViewNavigatorApplication320dpiHomeView"
+							xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.ViewNavigatorApplication640dpiHomeView"
 							applicationDPI="640" applicationComplete="init()">
 	<fx:Declarations>
 		<!-- Place non-visual elements (e.g., services, value objects) here -->

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/de3d683a/mustella/tests/mobile/DensityIndependentScaling/swfs/views/ViewNavigatorApplication120dpiHomeView.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/swfs/views/ViewNavigatorApplication120dpiHomeView.mxml b/mustella/tests/mobile/DensityIndependentScaling/swfs/views/ViewNavigatorApplication120dpiHomeView.mxml
new file mode 100644
index 0000000..63ee9ab
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/swfs/views/ViewNavigatorApplication120dpiHomeView.mxml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
+		xmlns:s="library://ns.adobe.com/flex/spark" 
+		xmlns:comps="comps.*" title="HomeView">
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+	<comps:RedSquare id="redSquare" x="20" y="20"/>
+</s:View>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/de3d683a/mustella/tests/mobile/DensityIndependentScaling/swfs/views/ViewNavigatorApplication640dpiHomeView.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/swfs/views/ViewNavigatorApplication640dpiHomeView.mxml b/mustella/tests/mobile/DensityIndependentScaling/swfs/views/ViewNavigatorApplication640dpiHomeView.mxml
new file mode 100644
index 0000000..63ee9ab
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/swfs/views/ViewNavigatorApplication640dpiHomeView.mxml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
+		xmlns:s="library://ns.adobe.com/flex/spark" 
+		xmlns:comps="comps.*" title="HomeView">
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+	<comps:RedSquare id="redSquare" x="20" y="20"/>
+</s:View>


[12/41] git commit: [flex-sdk] [refs/heads/develop] - fix 480 dpi bitmap source

Posted by jm...@apache.org.
fix 480 dpi bitmap source


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/80ba685b
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/80ba685b
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/80ba685b

Branch: refs/heads/develop
Commit: 80ba685b325595f957eb25b57dc138e69ce62e1d
Parents: 2c6be57
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 15:18:46 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 15:18:46 2013 +1000

----------------------------------------------------------------------
 frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/80ba685b/frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as b/frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as
index dc59010..4de2a4b 100644
--- a/frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as
+++ b/frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as
@@ -88,7 +88,7 @@ public class MultiDPIBitmapSource
 	 *  @playerversion AIR 2.6
 	 *  @productversion ApacheFlex 4.10
 	 */
-	public var source640dpi:Object;
+	public var source480dpi:Object;
 	
 	/**
 	 *  The source to use if the <code>Application.runtimeDPI</code> 


[13/41] Dummy 120 and 640 dpi skins. 120 is just a copy of the 240 skins and 640 a copy of the 320 skins.

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
new file mode 100644
index 0000000..52001ea
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97">
+
+	<!-- Transparent Rect to ensure proper scaling -->
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- Border -->
+	<Rect width="156" height="98" x="1" y="1">
+		<stroke>
+			<SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
+		</stroke>
+	</Rect>
+
+</Graphic>
\ No newline at end of file


[38/41] Fixed fxg assets for 120, 480 and 640 dpi Visually tested all the components in all DPIs. They look good. Will attach a sample app (that contains all components whose skins have been generated) to the JIRA ticket

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
index 0ef6c4a..77ea039 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbol.fxg
@@ -18,26 +18,28 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- fill -->
-  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="24" y="7" scaleX="22" rotation="90">
-        <GradientEntry color="#999999" ratio="0" alpha="1"/>
-        <GradientEntry color="#b4b4b4" ratio="1" alpha="1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- checkbox top border -->
-  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.6" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke weight="0" color="#000000" joints="bevel"/>
-    </stroke>
-  </Path>
-  <!-- checkbox bottom border -->
-  <Path data="M 3 25 L 18 40 L 45 13" alpha="0.3" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
-    </stroke>
-  </Path>
+	
+	<!-- fill -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
+		<fill>
+			<LinearGradient x = "24" y = "7" scaleX = "22" rotation = "90">
+				<GradientEntry color="#999999" ratio="0" alpha="1"/>
+				<GradientEntry color="#b4b4b4" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<!-- checkbox top border -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.6">
+		<stroke>
+			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+		</stroke>
+	</Path>
+	<!-- checkbox bottom border -->
+	<Path data="M 3 25 L 18 40 L 45 13" alpha="0.3">
+		<stroke>
+			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+		</stroke>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
index 1a2dc16..926c4ab 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_downSymbolSelected.fxg
@@ -18,26 +18,28 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- fill -->
-  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="20" y="17" scaleX="24" rotation="90">
-        <GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
-        <GradientEntry color="#323232" ratio="1" alpha="1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- checkbox top border -->
-  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.25" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
-    </stroke>
-  </Path>
-  <!-- checkbox bottom border -->
-  <Path data="M 3 25 L 18 40 L 45 13" alpha="0.7" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke weight="0" color="#000000" joints="bevel"/>
-    </stroke>
-  </Path>
+	
+	<!-- fill -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
+		<fill>
+			<LinearGradient x = "20" y = "17" scaleX = "24" rotation = "90">
+				<GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
+				<GradientEntry color="#323232" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<!-- checkbox top border -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.25">
+		<stroke>
+			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+		</stroke>
+	</Path>
+	<!-- checkbox bottom border -->
+	<Path data="M 3 25 L 18 40 L 45 13" alpha="0.7">
+		<stroke>
+			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+		</stroke>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
index 47a0f7a..ff6ddaa 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version='1.0' encoding='UTF-8'?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,41 +18,42 @@
 
 -->
 
-<Graphic version="2.0" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z " alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="24" y="9" scaleX="31" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha="0.8"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha="0.05"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path data="M 3 5 C 3 4 4 3 5 3 C 5 3 43 3 43 3 C 44 3 45 4 45 5 C 45 5 45 43 45 43 C 45 44 45 45 44 45 C 44 45 4 45 4 45 C 3 45 3 44 3 43 C 3 43 3 5 3 5 Z M 2 4 C 2 4 2 44 2 44 C 2 45 2 46 3 46 C 3 46 45 46 45 46 C 46 46 46 45 46 44 C 46 44 46 4 46 4 C 46 3 45 2 44 2 C 44 2 4 2 4 2 C 3 2 2 3 2 4 Z " alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="24" y="2" scaleX="44" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha="0.35"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z M 1 3 C 1 3 1 45 1 45 C 1 46 2 47 3 47 C 3 47 45 47 45 47 C 46 47 47 46 47 45 C 47 45 47 3 47 3 C 47 2 46 1 45 1 C 45 1 3 1 3 1 C 2 1 1 3 1 3 Z " alpha="0.6" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000"/>
-    </fill>
-  </Path>
-  <Path data="M 1 3 C 1 2 2 1 3 1 C 3 1 45 1 45 1 C 46 1 47 2 47 3 C 47 3 47 45 47 45 C 47 46 47 47 46 47 C 46 47 2 47 2 47 C 1 47 1 46 1 45 C 1 45 1 3 1 3 Z M 0 2 C 0 2 0 46 0 46 C 0 47 1 48 2 48 C 2 48 46 48 46 48 C 47 48 48 47 48 46 C 48 46 48 2 48 2 C 48 1 47 0 46 0 C 46 0 2 0 2 0 C 1 0 0 2 0 2 Z " alpha="0.06" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000"/>
-    </fill>
-  </Path>
-  <Rect x="3" y="2" width="42" height="1" alpha="0.15" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#ffffff"/>
-    </fill>
-  </Rect>
-  <Rect x="2" y="47" width="44" height="1" alpha="0.1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000"/>
-    </fill>
-  </Rect>
+
+<Graphic xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns="http://ns.adobe.com/fxg/2008" version="2.0">
+	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z " alpha="1">
+		<fill>
+			<LinearGradient x = "24" y = "9" scaleX = "31" rotation = "90">
+				<GradientEntry color="#ffffff" ratio="0" alpha="0.8"/>
+				<GradientEntry color="#ffffff" ratio="1" alpha="0.05"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<Path data="M 3 5 C 3 4 4 3 5 3 C 5 3 43 3 43 3 C 44 3 45 4 45 5 C 45 5 45 43 45 43 C 45 44 45 45 44 45 C 44 45 4 45 4 45 C 3 45 3 44 3 43 C 3 43 3 5 3 5 Z M 2 4 C 2 4 2 44 2 44 C 2 45 2 46 3 46 C 3 46 45 46 45 46 C 46 46 46 45 46 44 C 46 44 46 4 46 4 C 46 3 45 2 44 2 C 44 2 4 2 4 2 C 3 2 2 3 2 4 Z " alpha="1">
+		<fill>
+			<LinearGradient x = "24" y = "2" scaleX = "44" rotation = "90">
+				<GradientEntry color="#ffffff" ratio="0" alpha="0.35"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<Path data="M 2 4 C 2 3 3 2 4 2 C 4 2 44 2 44 2 C 45 2 46 3 46 4 C 46 4 46 44 46 44 C 46 45 46 46 45 46 C 45 46 3 46 3 46 C 2 46 2 45 2 44 C 2 44 2 4 2 4 Z M 1 3 C 1 3 1 45 1 45 C 1 46 2 47 3 47 C 3 47 45 47 45 47 C 46 47 47 46 47 45 C 47 45 47 3 47 3 C 47 2 46 1 45 1 C 45 1 3 1 3 1 C 2 1 1 3 1 3 Z " alpha="0.6">
+		<fill>
+			<SolidColor color="#000000"/>
+		</fill>
+	</Path>
+	<Path data="M 1 3 C 1 2 2 1 3 1 C 3 1 45 1 45 1 C 46 1 47 2 47 3 C 47 3 47 45 47 45 C 47 46 47 47 46 47 C 46 47 2 47 2 47 C 1 47 1 46 1 45 C 1 45 1 3 1 3 Z M 0 2 C 0 2 0 46 0 46 C 0 47 1 48 2 48 C 2 48 46 48 46 48 C 47 48 48 47 48 46 C 48 46 48 2 48 2 C 48 1 47 0 46 0 C 46 0 2 0 2 0 C 1 0 0 2 0 2 Z " alpha="0.06">
+		<fill>
+			<SolidColor color="#000000"/>
+		</fill>
+	</Path>
+	<Rect x="3" y="2" width="42" height="1" alpha="0.15">
+		<fill>
+			<SolidColor color="#ffffff"/>
+		</fill>
+	</Rect>
+	<Rect x="2" y="47" width="44" height="1" alpha="0.1">
+		<fill>
+			<SolidColor color="#000000"/>
+		</fill>
+	</Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
index 07ef0ac..082d0d6 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbol.fxg
@@ -18,26 +18,28 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- fill -->
-  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="20" y="17" scaleX="24" rotation="90">
-        <GradientEntry color="#c8c8c8" ratio="0" alpha="1"/>
-        <GradientEntry color="#e1e1e1" ratio="1" alpha="1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- checkbox top border -->
-  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.5" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke weight="0" color="#000000" joints="bevel"/>
-    </stroke>
-  </Path>
-  <!-- checkbox bottom border -->
-  <Path data="M 3 25 L 18 40 L 45 13" alpha="0.5" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
-    </stroke>
-  </Path>
+	
+	<!-- fill -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
+		<fill>
+			<LinearGradient x = "20" y = "17" scaleX = "24" rotation = "90">
+				<GradientEntry color="#c8c8c8" ratio="0" alpha="1"/>
+				<GradientEntry color="#e1e1e1" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<!-- checkbox top border -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.5">
+		<stroke>
+			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+		</stroke>
+	</Path>
+	<!-- checkbox bottom border -->
+	<Path data="M 3 25 L 18 40 L 45 13" alpha="0.5">
+		<stroke>
+			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+		</stroke>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
index a026bc2..501e785 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/CheckBox_upSymbolSelected.fxg
@@ -18,26 +18,27 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- fill -->
-  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="20" y="16" scaleX="24" rotation="90">
-        <GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
-        <GradientEntry color="#323232" ratio="1" alpha="1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- checkbox top border -->
-  <Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.7" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
-    </stroke>
-  </Path>
-  <!-- checkbox bottom border -->
-  <Path data="M 3 25 L 18 40 L 45 13" alpha="1" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke weight="0" color="#000000" joints="bevel"/>
-    </stroke>
-  </Path>
+	<!-- fill -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13 L 18 40 Z" alpha="1">
+		<fill>
+			<LinearGradient x = "20" y = "16" scaleX = "24" rotation = "90">
+				<GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
+				<GradientEntry color="#323232" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+	<!-- checkbox top border -->
+	<Path data="M 3 25 L 10 18 L 18 26 L 38 6 L 45 13" alpha="0.7">
+		<stroke>
+			<SolidColorStroke weight="0" color="#ffffff" joints="bevel"/>
+		</stroke>
+	</Path>
+	<!-- checkbox bottom border -->
+	<Path data="M 3 25 L 18 40 L 45 13" alpha="1">
+		<stroke>
+			<SolidColorStroke weight="0" color="#000000" joints="bevel"/>
+		</stroke>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
index bbdb0a5..0963286 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_normal.fxg
@@ -18,26 +18,27 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="44" viewWidth="44" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009">
-  <Ellipse width="44" height="44" x="0" y="0" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="22" y="0" scaleX="44" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.15"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.25"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
-  <Ellipse width="42" height="42" x="1" y="1" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" alpha="0.7" caps="none"/>
-    </stroke>
-  </Ellipse>
-  <Ellipse width="40" height="40" x="2" y="2" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="23" y="10" scaleX="19" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha="0.5"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009"  viewHeight= "44" viewWidth= "44">
+		<Ellipse width="44" height="44" x="0" y="0">
+			<fill>
+				<LinearGradient x = "22" y = "0" scaleX = "44" rotation = "90">
+					<GradientEntry color="#000000" ratio="0" alpha="0.15"/>
+					<GradientEntry color="#000000" ratio="1" alpha="0.25"/>
+				</LinearGradient>
+			</fill>
+		</Ellipse>
+		<Ellipse width="42" height="42" x="1" y="1">
+			<stroke>
+				<SolidColorStroke color="#000000" weight="1"  alpha="0.7" caps="none"/>
+			</stroke>
+		</Ellipse>
+		<Ellipse width="40" height="40" x="2" y="2">
+			<fill>
+				<LinearGradient x = "23" y = "10" scaleX = "19" rotation = "90">
+					<GradientEntry color="#ffffff" ratio="0" alpha="0.5"/>
+					<GradientEntry color="#ffffff" ratio="1" alpha="0.1"/>
+				</LinearGradient>
+			</fill>
+		</Ellipse>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
index 85031e0..0e63fb5 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderThumb_pressed.fxg
@@ -18,38 +18,39 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="44" viewWidth="44" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009">
-  <!-- outer ellipse -->
-  <Ellipse width="44" height="44" x="0" y="0" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="22" y="0" scaleX="44" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.05"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.15"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
-  <!-- outer border -->
-  <Ellipse width="42" height="42" x="1" y="1" scaleX="0.5" scaleY="0.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" alpha="0.7" caps="none"/>
-    </stroke>
-  </Ellipse>
-  <!-- inner ellipse -->
-  <Ellipse width="42" height="42" x="1" y="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="22" y="2" scaleX="40" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.6"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
-  <!-- inner border -->
-  <Path data="M 3 22 C 3 12 12 3 22 3 C 32 3 41 12 41 22 C 41 32 32 41 22 41 C 12 41 3 32 3 22 Z M 2 22 C 2 33 11 42 22 42 C 33 42 42 33 42 22 C 42 11 33 2 22 2 C 11 2 2 11 2 22 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="22" y="2" scaleX="40" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009"  viewHeight= "44" viewWidth= "44">
+	<!-- outer ellipse -->
+	<Ellipse width="44" height="44" x="0" y="0">
+		<fill>
+			<LinearGradient x = "22" y = "0" scaleX = "44" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.05"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.15"/>
+			</LinearGradient>
+		</fill>
+	</Ellipse>
+	<!-- outer border -->
+	<Ellipse width="42" height="42" x="1" y="1">
+		<stroke>
+			<SolidColorStroke color="#000000" weight="1" alpha="0.7" caps="none"/>
+		</stroke>
+	</Ellipse>
+	<!-- inner ellipse -->
+	<Ellipse width="42" height="42" x="1" y="1">
+		<fill>
+			<LinearGradient x = "22" y = "2" scaleX = "40" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.6"/>
+			</LinearGradient>
+		</fill>
+	</Ellipse>
+	<!-- inner border -->
+	<Path data="M 3 22 C 3 12 12 3 22 3 C 32 3 41 12 41 22 C 41 32 32 41 22 41 C 12 41 3 32 3 22 Z M 2 22 C 2 33 11 42 22 42 C 33 42 42 33 42 22 C 42 11 33 2 22 2 C 11 2 2 11 2 22 Z ">
+		<fill>
+			<LinearGradient x = "22" y = "2" scaleX = "40" rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
index 42191dc..dbb044d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
@@ -18,34 +18,36 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="13" viewWidth="768" scaleGridLeft="23" scaleGridRight="745" scaleGridTop="1" scaleGridBottom="12" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect x="16" width="736" height="12" radiusX="5.43198" radiusY="5.43198" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="368" y="0" scaleX="12.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.5"/>
-        <GradientEntry ratio="1" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <Path x="16" y="7" data="M0 0C0 3 3 6 6 6L730 6C733 6 736 3 736 0 735 1 733 5 730 5L6 5C3 5 0 2 0 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="368" y="0" scaleX="5" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.1"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.5"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="16" data="M0 6C1 4 3 1 6 1L730 1C733 1 735 4 736 6 736 3 733 0 730 0L6 0C3 0 0 3 0 6Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="368" y="0" scaleX="6" rotation="90">
-        <GradientEntry ratio="0" alpha="0.4"/>
-        <GradientEntry ratio="1" alpha="0.05"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Rect width="768" height="13" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "13" viewWidth= "768"
+         scaleGridLeft="23" scaleGridRight="745" scaleGridTop="1" scaleGridBottom="12">
+      <Rect x="16" width="736" height="12" radiusX="5.43198" radiusY="5.43198">
+        <fill>
+          <LinearGradient x="368" y="0" scaleX="12.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.5"/>
+            <GradientEntry ratio="1" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      <Path x="16" y="7" data="M0 0C0 3 3 6 6 6L730 6C733 6 736 3 736 0 735 1 733 5 730 5L6 5C3 5 0 2 0 0Z">
+        <fill>
+          <LinearGradient x="368" y="0" scaleX="5" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.1"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.5"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="16" data="M0 6C1 4 3 1 6 1L730 1C733 1 735 4 736 6 736 3 733 0 730 0L6 0C3 0 0 3 0 6Z">
+        <fill>
+          <LinearGradient x="368" y="0" scaleX="6" rotation="90">
+            <GradientEntry ratio="0" alpha="0.4"/>
+            <GradientEntry ratio="1" alpha="0.05"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Rect width="768" height="13">
+        <fill>
+          <SolidColor alpha="0"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
index 2ada449..19b0550 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,25 +18,29 @@
 
 -->
 
+
 <Graphic version="2.0" viewHeight="50" viewWidth="50" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect x="0.5" y="0.5" width="49" height="49" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <Path winding="nonZero" data="M49 1 49 49 1 49 1 1 49 1M50 0 0 0 0 50 50 50 50 0 50 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Path>
-  <Path winding="nonZero" data="M0 0 0 50 50 50 50 0 0 0ZM47 47 3 47 3 3 47 3 47 47Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#969696"/>
-    </fill>
-  </Path>
-  <Path x="6" y="6" winding="nonZero" data="M0 0 0 38 38 38 38 0 0 0ZM19.2524 35.5098C17.3325 35.5098 15.8921 34.2617 15.8921 32.1484 15.8921 30.1328 17.3325 28.8379 19.2524 28.8379 21.2676 28.8379 22.6133 30.2285 22.6133 32.1484 22.6133 34.166 21.3652 35.5098 19.2524 35.5098ZM21.0293 22.0684&#xD;&#xA;C21.0293 22.9316 21.3652 23.7031 21.8926 24.6152 21.9883 24.8066 21.8926 25 21.6523 25L17.4282 25C17.188 25 17.0923 24.998 16.8521 24.7578 15.9878 23.7988 15.604 22.4541 15.604 21.4932 15.604 17.6533 21.8926 15.3008 21.8926 11.46 21.8926 9.58789&#xD;&#xA; 20.3555 7.95557 17.4282 7.95557 15.0278 7.95557 13.1572 8.43555 11.4775 9.15625 11.2861 9.25195 11 9.15576 11 8.96338L11 5.17139C11 4.979 11.1416 4.78711 11.333 4.69092 12.5342 4.11523 15.0029 3.20312 18.5557 3.20312 24.1719 3.20312 27.8086 6.41943&#xD;&#xA; 27.8086 11.0278 27.8086 16.3081 21.0293 19.3325 21.0293 22.0684Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#969696"/>
-    </fill>
-  </Path>
+        <Rect x="0.5" y="0.5" width="49" height="49">
+          <fill>
+            <SolidColor color="#FFFFFF"/>
+          </fill>
+        </Rect>
+        <Path winding="nonZero" data="M49 1 49 49 1 49 1 1 49 1M50 0 0 0 0 50 50 50 50 0 50 0Z">
+          <fill>
+            <SolidColor color="#FFFFFF"/>
+          </fill>
+        </Path>
+      <Path winding="nonZero" data="M0 0 0 50 50 50 50 0 0 0ZM47 47 3 47 3 3 47 3 47 47Z">
+        <fill>
+          <SolidColor color="#969696"/>
+        </fill>
+      </Path>
+      <Path x="6" y="6" winding="nonZero" data="M0 0 0 38 38 38 38 0 0 0ZM19.2524 35.5098C17.3325 35.5098 15.8921 34.2617 15.8921 32.1484 15.8921 30.1328 17.3325 28.8379 19.2524 28.8379 21.2676 28.8379 22.6133 30.2285 22.6133 32.1484 22.6133 34.166 21.3652 35.5098 19.2524 35.5098ZM21.0293 22.0684
+C21.0293 22.9316 21.3652 23.7031 21.8926 24.6152 21.9883 24.8066 21.8926 25 21.6523 25L17.4282 25C17.188 25 17.0923 24.998 16.8521 24.7578 15.9878 23.7988 15.604 22.4541 15.604 21.4932 15.604 17.6533 21.8926 15.3008 21.8926 11.46 21.8926 9.58789
+ 20.3555 7.95557 17.4282 7.95557 15.0278 7.95557 13.1572 8.43555 11.4775 9.15625 11.2861 9.25195 11 9.15576 11 8.96338L11 5.17139C11 4.979 11.1416 4.78711 11.333 4.69092 12.5342 4.11523 15.0029 3.20312 18.5557 3.20312 24.1719 3.20312 27.8086 6.41943
+ 27.8086 11.0278 27.8086 16.3081 21.0293 19.3325 21.0293 22.0684Z">
+        <fill>
+          <SolidColor color="#969696"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
index ec35545..b4b2b8b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
@@ -18,36 +18,37 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009">
-  <Path data="M 2 24 C 2 11 12 1 25 1 C 38 1 48 11 48 24 C 48 37 38 47 25 47 C 12 47 2 37 2 24 Z M 1 24 C 1 37 12 48 25 48 C 38 48 49 37 49 24 C 49 11 38 0 25 0 C 12 0 1 11 1 24 Z " blendMode="normal" alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="25" y="0" scaleX="48" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha="0.047058823529411764"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z " blendMode="normal" alpha="1" d:userLabel="Ellipse" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="25" y="2" scaleX="44" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.10980392156862745"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.4"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z M 2 24 C 2 37 12 47 25 47 C 38 47 48 37 48 24 C 48 11 38 1 25 1 C 12 1 2 11 2 24 Z " blendMode="normal" alpha="0.6509803921568627" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000"/>
-    </fill>
-  </Path>
-  <Path data="M 4 24 C 4 12 13 3 25 3 C 37 3 46 12 46 24 C 46 36 37 45 25 45 C 13 45 4 36 4 24 Z M 3 24 C 3 37 12 46 25 46 C 38 46 47 37 47 24 C 47 11 38 2 25 2 C 12 2 3 11 3 24 Z " blendMode="normal" alpha="0.25098039215686274" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#1e1e1e"/>
-    </fill>
-  </Path>
-  <Path data="M 5 24 C 5 12 13 4 25 4 C 37 4 45 12 45 24 C 45 36 37 44 25 44 C 13 44 5 36 5 24 Z M 4 24 C 4 36 13 45 25 45 C 37 45 46 36 46 24 C 46 12 37 3 25 3 C 13 3 4 12 4 24 Z " blendMode="normal" alpha="0.10196078431372549" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#1e1e1e"/>
-    </fill>
-  </Path>
+	<Path data="M 2 24 C 2 11 12 1 25 1 C 38 1 48 11 48 24 C 48 37 38 47 25 47 C 12 47 2 37 2 24 Z M 1 24 C 1 37 12 48 25 48 C 38 48 49 37 49 24 C 49 11 38 0 25 0 C 12 0 1 11 1 24 Z " blendMode="normal" alpha="1">
+			<fill>
+				<LinearGradient x = "25" y = "0" scaleX = "48" rotation = "90">
+					<GradientEntry color="#ffffff" ratio="0" alpha="0.047058823529411764"/>
+					<GradientEntry color="#ffffff" ratio="1" alpha="0.2"/>
+				</LinearGradient>
+			</fill>
+		</Path>
+		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z " blendMode="normal" alpha="1" d:userLabel="Ellipse">
+			<fill>
+				<LinearGradient x = "25" y = "2" scaleX = "44" rotation = "90">
+					<GradientEntry color="#000000" ratio="0" alpha="0.10980392156862745"/>
+					<GradientEntry color="#000000" ratio="1" alpha="0.4"/>
+				</LinearGradient>
+			</fill>
+		</Path>
+		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z M 2 24 C 2 37 12 47 25 47 C 38 47 48 37 48 24 C 48 11 38 1 25 1 C 12 1 2 11 2 24 Z " blendMode="normal" alpha="0.6509803921568627">
+			<fill>
+				<SolidColor color="#000000"/>
+			</fill>
+		</Path>
+		<Path data="M 4 24 C 4 12 13 3 25 3 C 37 3 46 12 46 24 C 46 36 37 45 25 45 C 13 45 4 36 4 24 Z M 3 24 C 3 37 12 46 25 46 C 38 46 47 37 47 24 C 47 11 38 2 25 2 C 12 2 3 11 3 24 Z " blendMode="normal" alpha="0.25098039215686274">
+			<fill>
+				<SolidColor color="#1e1e1e"/>
+			</fill>
+		</Path>
+		<Path data="M 5 24 C 5 12 13 4 25 4 C 37 4 45 12 45 24 C 45 36 37 44 25 44 C 13 44 5 36 5 24 Z M 4 24 C 4 36 13 45 25 45 C 37 45 46 36 46 24 C 46 12 37 3 25 3 C 13 3 4 12 4 24 Z " blendMode="normal" alpha="0.10196078431372549">
+			<fill>
+				<SolidColor color="#1e1e1e"/>
+			</fill>
+		</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
index 41bc177..ae586d5 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="25" y="13" scaleX="22" rotation="90">
-        <GradientEntry color="#787878" ratio="0" alpha="1"/>
-        <GradientEntry color="#969696" ratio="1" alpha="1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z ">
+		<fill>
+			<SolidColor color="#646464"/>
+		</fill>
+	</Path>
+	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z ">
+		<fill>
+			<LinearGradient x = "25" y = "13" scaleX = "22" rotation = "90">
+				<GradientEntry color="#787878" ratio="0" alpha="1"/>
+				<GradientEntry color="#969696" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
index e504ef7..591b60e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 30 36 24 36 C 18 36 13 30 13 24 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 30 35 24 35 C 18 35 14 30 14 24 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="24" y="13" scaleX="22" rotation="90">
-        <GradientEntry color="#464646" ratio="0" alpha="1"/>
-        <GradientEntry color="#1e1e1e" ratio="1" alpha="1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 30 36 24 36 C 18 36 13 30 13 24 Z ">
+		<fill>
+			<SolidColor color="#323232"/>
+		</fill>
+	</Path>
+	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 30 35 24 35 C 18 35 14 30 14 24 Z ">
+		<fill>
+			<LinearGradient x = "24" y = "13" scaleX = "22" rotation = "90">
+				<GradientEntry color="#464646" ratio="0" alpha="1"/>
+				<GradientEntry color="#1e1e1e" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
index 4dbb4d4..de1e72e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
@@ -18,26 +18,28 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M 2 24 C 2 11 12 1 25 1 C 38 1 48 11 48 24 C 48 37 38 47 25 47 C 12 47 2 37 2 24 Z M 1 24 C 1 37 12 48 25 48 C 38 48 49 37 49 24 C 49 11 38 0 25 0 C 12 0 1 11 1 24 Z " blendMode="normal" alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="25" y="0" scaleX="48" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.14901960784313725"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z " blendMode="normal" alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="25" y="8" scaleX="21" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha="0.8"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z M 2 24 C 2 37 12 47 25 47 C 38 47 48 37 48 24 C 48 11 38 1 25 1 C 12 1 2 11 2 24 Z " blendMode="normal" alpha="0.6" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000"/>
-    </fill>
-  </Path>
+	
+		<Path data="M 2 24 C 2 11 12 1 25 1 C 38 1 48 11 48 24 C 48 37 38 47 25 47 C 12 47 2 37 2 24 Z M 1 24 C 1 37 12 48 25 48 C 38 48 49 37 49 24 C 49 11 38 0 25 0 C 12 0 1 11 1 24 Z " blendMode="normal" alpha="1">
+			<fill>
+				<LinearGradient x = "25" y = "0" scaleX = "48" rotation = "90">
+					<GradientEntry color="#000000" ratio="0" alpha="0"/>
+					<GradientEntry color="#000000" ratio="1" alpha="0.14901960784313725"/>
+				</LinearGradient>
+			</fill>
+		</Path>
+		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z " blendMode="normal" alpha="1">
+			<fill>
+				<LinearGradient x = "25" y = "8" scaleX = "21" rotation = "90">
+					<GradientEntry color="#ffffff" ratio="0" alpha="0.8"/>
+					<GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+				</LinearGradient>
+			</fill>
+		</Path>
+		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z M 2 24 C 2 37 12 47 25 47 C 38 47 48 37 48 24 C 48 11 38 1 25 1 C 12 1 2 11 2 24 Z " blendMode="normal" alpha="0.6">
+			<fill>
+				<SolidColor color="#000000"/>
+			</fill>
+		</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
index 31d312e..10ac407 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#969696"/>
-    </fill>
-  </Path>
-  <Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="25" y="13" scaleX="14" rotation="90">
-        <GradientEntry color="#999999" ratio="0" alpha="1"/>
-        <GradientEntry color="#b4b4b4" ratio="1" alpha="1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z ">
+		<fill>
+			<SolidColor color="#969696"/>
+		</fill>
+	</Path>
+	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z ">
+		<fill>
+			<LinearGradient x = "25" y = "13" scaleX = "14" rotation = "90">
+				<GradientEntry color="#999999" ratio="0" alpha="1"/>
+				<GradientEntry color="#b4b4b4" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
index e9f4564..f163e69 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z " scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient x="25" y="13" scaleX="22" rotation="90">
-        <GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
-        <GradientEntry color="#323232" ratio="1" alpha="1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z ">
+		<fill>
+			<SolidColor color="#323232"/>
+		</fill>
+	</Path>
+	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z ">
+		<fill>
+			<LinearGradient x = "25" y = "13" scaleX = "22" rotation = "90">
+				<GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
+				<GradientEntry color="#323232" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
index f07f0cb..30a312c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
@@ -17,16 +17,17 @@
   limitations under the License.
 
 -->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
+	scaleGridLeft="8" scaleGridTop="8" scaleGridRight="92" scaleGridBottom="92">
 
-<Graphic version="2.0" viewHeight="100" viewWidth="100" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="92" scaleGridBottom="92" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect width="100" height="100" radiusX="8" radiusY="8" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#4D4D4D"/>
-    </fill>
-  </Rect>
-  <Rect x="1" y="1" width="98" height="98" radiusX="8" radiusY="8" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#F2F2F2"/>
-    </fill>
-  </Rect>
+	<Rect width="100" height="100" radiusX="8" radiusY="8">
+		<fill>
+			<SolidColor color="#4D4D4D"/>
+		</fill>
+	</Rect>
+	<Rect x="1" y="1" width="98" height="98" radiusX="8" radiusY="8">
+		<fill>	
+			<SolidColor color="#F2F2F2"/>
+		</fill>
+	</Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
index 9ec012c..bd553bd 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,51 +17,51 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" viewHeight="72" viewWidth="100" scaleGridLeft="3" scaleGridTop="8" scaleGridRight="97" scaleGridBottom="63" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Transparent rect used to center the bar -->
-  <Rect x="0" y="0" width="100" height="6" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- Border -->
-  <Path y="6" winding="nonZero" data="M100 60 0 60 0 0 100 0 100 60ZM1 59 99 59 99 1 1 1 1 59Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#666666"/>
-    </fill>
-  </Path>
-  <!-- Two tone gradient background -->
-  <Rect x="1" y="7" width="98" height="58" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
-        <GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
-        <GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
-        <GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
-        <GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- Top highlight -->
-  <Rect x="2" y="7" width="96" height="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <!-- Bottom highlight -->
-  <Rect x="2" y="64" width="96" height="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <!-- Shadow -->
-  <Rect x="2" y="66" width="96" height="6" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0" color="#000000" alpha="0.15"/>
-        <GradientEntry ratio="1" color="#000000" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-</Graphic>
\ No newline at end of file
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight="72" viewWidth="100"
+	scaleGridLeft="3" scaleGridTop="8" scaleGridRight="97" scaleGridBottom="63">
+	<!-- Transparent rect used to center the bar -->
+	<Rect x="0" y="0" width="100" height="6">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+	<!-- Border --> 
+	<Path y="6" winding="nonZero" data="M100 60 0 60 0 0 100 0 100 60ZM1 59 99 59 99 1 1 1 1 59Z">
+    	<fill>
+        	<SolidColor color="#666666"/>
+		</fill>
+	</Path>
+	<!-- Two tone gradient background -->
+	<Rect x="1" y="7" width="98" height="58">
+    	<fill>
+        	<LinearGradient rotation="90">
+            	<GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
+				<GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
+				<GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
+				<GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
+				<GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+	<!-- Top highlight -->
+	<Rect x="2" y="7" width="96" height="1">
+    	<fill>
+        	<SolidColor color="#FFFFFF"/>
+        </fill>
+	</Rect>
+	<!-- Bottom highlight -->
+	<Rect x="2" y="64" width="96" height="1">
+    	<fill>
+        	<SolidColor color="#FFFFFF"/>
+        </fill>
+	</Rect>
+	<!-- Shadow -->
+	<Rect x="2" y="66" width="96" height="6">
+		<fill>
+			<LinearGradient rotation="90">
+				<GradientEntry ratio="0" color="#000000" alpha="0.15"/>
+				<GradientEntry ratio="1" color="#000000" alpha="0"/>
+			</LinearGradient>
+        </fill>
+	</Rect>
+</Graphic>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
index 8b31f56..2ee6e4d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
@@ -17,16 +17,16 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" viewHeight="100" viewWidth="100" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="92" scaleGridBottom="92" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect width="100" height="100" radiusX="8" radiusY="8" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient rotation="270">
-        <GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
-        <GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
-        <GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
-        <GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
+	scaleGridLeft="8" scaleGridTop="8" scaleGridRight="92" scaleGridBottom="92">
+	<Rect width="100" height="100" radiusX="8" radiusY="8">
+		<fill>
+			<LinearGradient rotation="270">
+				<GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
+				<GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
+				<GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
+				<GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
index 01a567d..bb3442a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
@@ -18,17 +18,22 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="290" scaleGridBottom="42" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- border -->
-  <Path data="M 7 1 C 7 1 291 1 291 1 C 294 1 297 4 297 7 C 297 7 297 43 297 43 C 297 46 294 49 291 49 C 291 49 7 49 7 49 C 4 49 1 46 1 43 C 1 43 1 7 1 7 C 1 4 4 1 7 1 Z M 7 0 C 3 0 0 3 0 7 C 0 7 0 43 0 43 C 0 47 3 50 7 50 C 7 50 291 50 291 50 C 295 50 298 47 298 43 C 298 43 298 7 298 7 C 298 3 295 0 291 0 C 291 0 7 0 7 0 Z " alpha="1" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#505050"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path data="M 7 3 C 7 3 290 3 290 3 C 293 3 296 4 296 7 C 296 7 296 43 296 43 C 296 46 293 48 290 48 C 290 48 8 48 8 48 C 5 48 2 46 2 43 C 2 43 2 7 2 7 C 2 4 4 3 7 3 Z M 7 1 C 4 1 1 4 1 7 C 1 7 1 43 1 43 C 1 46 4 49 7 49 C 7 49 291 49 291 49 C 294 49 297 46 297 43 C 297 43 297 7 297 7 C 297 4 294 1 291 1 C 291 1 7 1 7 1 Z " alpha="0.2" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <SolidColor color="#030303"/>
-    </fill>
-  </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" 
+         scaleGridLeft="8" scaleGridTop="8" scaleGridRight="290" scaleGridBottom="42">
+
+    <!-- border -->
+    <Path data="M 7 1 C 7 1 291 1 291 1 C 294 1 297 4 297 7 C 297 7 297 43 297 43 C 297 46 294 49 291 49 C 291 49 7 49 7 49 C 4 49 1 46 1 43 C 1 43 1 7 1 7 C 1 4 4 1 7 1 Z M 7 0 C 3 0 0 3 0 7 C 0 7 0 43 0 43 C 0 47 3 50 7 50 C 7 50 291 50 291 50 C 295 50 298 47 298 43 C 298 43 298 7 298 7 C 298 3 295 0 291 0 C 291 0 7 0 7 0 Z " alpha="1">
+        <fill>
+            <SolidColor color="#505050"/>
+        </fill>
+    </Path>
+    
+    <!-- inner shadow -->
+    <Path data="M 7 3 C 7 3 290 3 290 3 C 293 3 296 4 296 7 C 296 7 296 43 296 43 C 296 46 293 48 290 48 C 290 48 8 48 8 48 C 5 48 2 46 2 43 C 2 43 2 7 2 7 C 2 4 4 3 7 3 Z M 7 1 C 4 1 1 4 1 7 C 1 7 1 43 1 43 C 1 46 4 49 7 49 C 7 49 291 49 291 49 C 294 49 297 46 297 43 C 297 43 297 7 297 7 C 297 4 294 1 291 1 C 291 1 7 1 7 1 Z " alpha="0.2">
+        <fill>
+            <SolidColor color="#030303"/>
+        </fill>
+    </Path>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
index 46e9d48..2551f8f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
@@ -17,15 +17,14 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" viewHeight="42" viewWidth="106" scaleGridLeft="21" scaleGridTop="10" scaleGridRight="85" scaleGridBottom="21" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path winding="nonZero" data="M0 0 0 42 21 42C15 42 10.5 37.2993 10.5 31.5 10.5 25.7007 15 21 21 21L85.0005 21C91.0005 21 95.5005 25.7007 95.5005 31.5 95.5005 37.2993 91.0005 42 85.0005 42L106 42 106 0 0 0Z" scaleX="0.5" scaleY="0.5">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0" alpha="0.1"/>
-        <GradientEntry ratio="0.5" alpha="0.2"/>
-        <GradientEntry ratio="1" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" viewHeight="42" viewWidth="106" xmlns="http://ns.adobe.com/fxg/2008" scaleGridLeft="21" scaleGridTop="10" scaleGridRight="85" scaleGridBottom="21">
+	<Path winding="nonZero" data="M0 0 0 42 21 42C15 42 10.5 37.2993 10.5 31.5 10.5 25.7007 15 21 21 21L85.0005 21C91.0005 21 95.5005 25.7007 95.5005 31.5 95.5005 37.2993 91.0005 42 85.0005 42L106 42 106 0 0 0Z">
+		<fill>
+			<LinearGradient rotation="90">
+				<GradientEntry ratio="0" alpha="0.1"/>
+				<GradientEntry ratio="0.5" alpha="0.2"/>
+				<GradientEntry ratio="1" alpha="0.1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile160/assets/Button_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile160/assets/Button_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile160/assets/Button_up.fxg
index 2bb985a..0e30e2e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile160/assets/Button_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile160/assets/Button_up.fxg
@@ -19,8 +19,7 @@
 -->
 
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "43" viewWidth= "146"
-	scaleGridLeft="10" scaleGridTop="10" scaleGridRight="136" scaleGridBottom="33">
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "43" viewWidth= "146" scaleGridLeft="10" scaleGridTop="10" scaleGridRight="136" scaleGridBottom="33">
 	<!-- Outer Border -->
 	<Path data="M 6 1 C 6 1 140 1 140 1 C 143 1 145 3 145 6 C 145 6 145 37 145 37 C 145 40 143 42 140 42 C 140 42 6 42 6 42 C 3 42 1 40 1 37 C 1 37 1 6 1 6 C 1 3 3 1 6 1 Z M 6 0 C 3 0 0 3 0 6 C 0 6 0 37 0 37 C 0 40 3 43 6 43 C 6 43 140 43 140 43 C 143 43 146 40 146 37 C 146 37 146 6 146 6 C 146 3 143 0 140 0 C 140 0 6 0 6 0 Z">
 		<fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile240/assets/Button_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile240/assets/Button_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile240/assets/Button_up.fxg
index 991299f..0463d74 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile240/assets/Button_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile240/assets/Button_up.fxg
@@ -18,8 +18,7 @@
 
 -->
 
-<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "65" viewWidth= "220"
-	scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51">
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "65" viewWidth= "220" scaleGridLeft="14" scaleGridTop="14" scaleGridRight="206" scaleGridBottom="51">
 		
 	<!-- Border -->
 	<Path data="M 8 1 C 8 1 212 1 212 1 C 216 1 219 4 219 8 C 219 8 219 57 219 57 C 219 61 216 64 212 64 C 212 64 8 64 8 64 C 4 64 1 61 1 57 C 1 57 1 8 1 8 C 1 4 4 1 8 1 Z M 0 57 C 0 61 4 65 8 65 C 8 65 212 65 212 65 C 216 65 220 61 220 57 C 220 57 220 8 220 8 C 220 4 216 0 212 0 C 212 0 8 0 8 0 C 4 0 0 4 0 8 C 0 8 0 57 0 57 Z " alpha="1">

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile320/assets/Button_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile320/assets/Button_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile320/assets/Button_up.fxg
index 99040ab..d2e636d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile320/assets/Button_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile320/assets/Button_up.fxg
@@ -19,8 +19,7 @@
 -->
 
 
-<Graphic version="2.0" viewHeight="86" viewWidth="292" xmlns="http://ns.adobe.com/fxg/2008"
-	scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66">
+<Graphic version="2.0" viewHeight="86" viewWidth="292" xmlns="http://ns.adobe.com/fxg/2008" scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66">
 	<!-- Outer Border -->
 	<Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z">
     	<fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ActionBarBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ActionBarBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ActionBarBackground.fxg
index fc86656..b975f7e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ActionBarBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ActionBarBackground.fxg
@@ -18,81 +18,85 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="2" scaleGridTop="3" scaleGridRight="88" scaleGridBottom="61" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- border top -->
-  <Rect x="0" y="0" width="90" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="62" width="90" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.85"/>
-    </fill>
-  </Rect>
-  <!-- drop shadow (6 filled rects) -->
-  <Rect x="0" y="64" width="90" height="1" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.35"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="65" width="90" height="1" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.25"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="66" width="90" height="1" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.2"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="67" width="90" height="1" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.15"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="68" width="90" height="1" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.1"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="69" width="90" height="1" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.05"/>
-    </fill>
-  </Rect>
-  <!-- highlight border -->
-  <Rect x="1" y="2" width="88" height="1" alpha=".25" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff"/>
-    </fill>
-  </Rect>
-  <Rect x="1" y="61" width="88" height="1" alpha="0.1" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="2" width="1" height="60" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="60" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <Rect x="89" y="2" width="1" height="60" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="60" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="90" height="70" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="2" scaleGridTop="3" scaleGridRight="88" scaleGridBottom="61">
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="90" height="2">
+        <fill>
+            <SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="62" width="90" height="2">
+        <fill>
+            <SolidColor color="#000000" alpha="0.85"/>
+        </fill>
+    </Rect>
+    <!-- drop shadow (6 filled rects) -->
+    <Rect x="0" y="64" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.35"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="65" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.25"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="66" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="67" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.15"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="68" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="69" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.05"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border -->
+    <Rect x="1" y="2" width="88" height="1" alpha=".25">
+        <fill>
+        	<SolidColor color="#ffffff"/>
+        </fill>
+    </Rect>
+    <Rect x="1" y="61" width="88" height="1" alpha="0.1">
+        <fill>
+        	<SolidColor color="#ffffff"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="2" width="1" height="60">
+        <fill>
+            <LinearGradient x="0" scaleX="60" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    <Rect x="89" y="2" width="1" height="60">
+        <fill>
+            <LinearGradient x="0" scaleX="60" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="90" height="70">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_down.fxg
index 15098b4..5c894eb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_down.fxg
@@ -18,35 +18,44 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="56" height="56" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48&#xD;&#xA;C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="26.667" y="0" scaleX="30.1528" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- inner highlight -->
-  <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665&#xD;&#xA; 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="26.667" y="1.3335" scaleX="50.6673" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="56" height="56">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+
+    <!-- border -->
+      <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48
+C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+    <!-- shadow fill -->
+      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
+        <fill>
+          <LinearGradient x="26.667" y="0" scaleX="30.1528" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+
+    <!-- inner highlight -->
+      <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665
+ 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z">
+        <fill>
+          <LinearGradient x="26.667" y="1.3335" scaleX="50.6673" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_fill.fxg
index 6c1d735..f42c38c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_fill.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_fill.fxg
@@ -18,17 +18,21 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="56" height="56" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- chromeColor fill -->
-  <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#484848"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="56" height="56">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+    <!-- chromeColor fill -->
+      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
+        <fill>
+          <SolidColor color="#484848"/>
+        </fill>
+      </Rect>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_up.fxg
index 5656eaa..9c35d54 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledActionButton_up.fxg
@@ -18,37 +18,46 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="56" height="56" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48&#xD;&#xA;C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- inner highlight -->
-  <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665&#xD;&#xA; 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
-        <GradientEntry ratio="0" alpha="0.35"/>
-        <GradientEntry ratio="0.662577" alpha="0.1"/>
-        <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="56" height="56">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+
+    <!-- border -->
+      <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48
+C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+    <!-- shadow fill -->
+      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
+        <fill>
+          <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+
+    <!-- inner highlight -->
+      <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665
+ 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z">
+        <fill>
+          <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
+            <GradientEntry ratio="0" alpha="0.35"/>
+            <GradientEntry ratio="0.662577" alpha="0.1"/>
+            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_down.fxg
index 2e90206..f5c5e2e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_down.fxg
@@ -18,35 +18,46 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="116" height="56" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32422 114.666 8L114.666 48C114.666 51.6758 111.676 54.667 108 54.667L25.3774 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4805 16.0859 47.3994 7.12305 35.5176 2 27.8545 7.12891 20.1772 16.1851 8.41016 16.2344&#xD;&#xA; 8.34131 19.2275 4.5791 21.083 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8101 0 18.6875 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 20 0 28 5.33301 36 15.0469 48.2393 15.0469 48.2393 19.0469 53.5732 20 56 25.3335 56L108 56&#xD;&#xA;C112.418 56 116 52.418 116 48L116 8C116 3.58203 112.418 0 108 0L25.3335 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99072 112.666 6.6665L112.666 46.6665C112.666 50.3423 109.676 53.3335 106 53.3335L23.3774 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.147 14.0859 46.0659 5.12305 34.1841 0 26.521 5.12891 18.8438 14.1851 7.07666&#xD;&#xA; 14.2344 7.00781 17.2275 3.24561 18.9585 0 23.3335 0L106 0 106 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="56.3325" y="0" scaleX="30.1525" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- highlight border -->
-  <Path x="2" y="1.33203" winding="nonZero" data="M106 1.33301C108.94 1.33301 111.334 3.7251 111.334 6.66699L111.334 46.666C111.334 49.6074 108.94 52.001 106 52.001L23.3774 52.001C19.625 52.001 15.0728 45.1279 15.0728 45.1279 11.7827 39.9365 4.44189 30.7852 1.60254 26.521 4.40576 22.3188 15.3125&#xD;&#xA; 7.79443 15.3125 7.79443 15.854 7.02051 19.6455 1.33301 23.3335 1.33301L106 1.33301ZM22.75 0C18.6875 0 16.417 4.26465 14.2344 7.00781 14.1851 7.07715 5.12891 18.8438 0 26.521 5.12305 34.1851 14.0859 46.0664 14.1416 46.1465 15.8164 47.8223 18.3945&#xD;&#xA; 53.335 23.3774 53.335L106 53.335C109.676 53.335 112.666 50.3428 112.666 46.666L112.666 6.66699C112.666 2.99072 109.676 0 106 0L22.75 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="56.3325" y="0" scaleX="57.0461" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="116" height="56">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- border -->
+      <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32422 114.666 8L114.666 48C114.666 51.6758 111.676 54.667 108 54.667L25.3774 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4805 16.0859 47.3994 7.12305 35.5176 2 27.8545 7.12891 20.1772 16.1851 8.41016 16.2344
+ 8.34131 19.2275 4.5791 21.083 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8101 0 18.6875 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 20 0 28 5.33301 36 15.0469 48.2393 15.0469 48.2393 19.0469 53.5732 20 56 25.3335 56L108 56
+C112.418 56 116 52.418 116 48L116 8C116 3.58203 112.418 0 108 0L25.3335 0Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+	<!-- shadow fill -->
+      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99072 112.666 6.6665L112.666 46.6665C112.666 50.3423 109.676 53.3335 106 53.3335L23.3774 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.147 14.0859 46.0659 5.12305 34.1841 0 26.521 5.12891 18.8438 14.1851 7.07666
+ 14.2344 7.00781 17.2275 3.24561 18.9585 0 23.3335 0L106 0 106 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="0" scaleX="30.1525" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+	<!-- highlight border -->
+      <Path x="2" y="1.33203" winding="nonZero" data="M106 1.33301C108.94 1.33301 111.334 3.7251 111.334 6.66699L111.334 46.666C111.334 49.6074 108.94 52.001 106 52.001L23.3774 52.001C19.625 52.001 15.0728 45.1279 15.0728 45.1279 11.7827 39.9365 4.44189 30.7852 1.60254 26.521 4.40576 22.3188 15.3125
+ 7.79443 15.3125 7.79443 15.854 7.02051 19.6455 1.33301 23.3335 1.33301L106 1.33301ZM22.75 0C18.6875 0 16.417 4.26465 14.2344 7.00781 14.1851 7.07715 5.12891 18.8438 0 26.521 5.12305 34.1851 14.0859 46.0664 14.1416 46.1465 15.8164 47.8223 18.3945
+ 53.335 23.3774 53.335L106 53.335C109.676 53.335 112.666 50.3428 112.666 46.666L112.666 6.66699C112.666 2.99072 109.676 0 106 0L22.75 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="0" scaleX="57.0461" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_fill.fxg
index f459f86..81d3387 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_fill.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/BeveledBackButton_fill.fxg
@@ -18,17 +18,22 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="116" height="56" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- chromeColor fill -->
-  <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715&#xD;&#xA; 14.2334 7.0083 17.2275 3.24561 19.084 0 23.3335 0L106 0 106 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#484848"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="116" height="56">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- chromeColor fill -->
+      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715
+ 14.2334 7.0083 17.2275 3.24561 19.084 0 23.3335 0L106 0 106 0Z">
+        <fill>
+          <SolidColor color="#484848"/>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file


[28/41] git commit: [flex-sdk] [refs/heads/develop] - fix name of test

Posted by jm...@apache.org.
fix name of test


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/9b7414fa
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/9b7414fa
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/9b7414fa

Branch: refs/heads/develop
Commit: 9b7414faf5034cc7e6a797c10de1c7b5c10dd1f9
Parents: de3d683
Author: Justin Mclean <jm...@apache.org>
Authored: Sun Aug 11 23:09:57 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sun Aug 11 23:09:57 2013 +1000

----------------------------------------------------------------------
 .../mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/9b7414fa/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
index a626f62..bd3ccff 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
@@ -98,7 +98,7 @@
 		</TestCase>
 		
 		
-		<TestCase testID="Check_bitmap_160" description="" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+		<TestCase testID="Check_bitmap_120" description="" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
 					
 			<body>
 						


[31/41] git commit: [flex-sdk] [refs/heads/develop] - New baseline for 120 and 640 dpi tests

Posted by jm...@apache.org.
New baseline for 120 and 640 dpi tests


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/d646653f
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/d646653f
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/d646653f

Branch: refs/heads/develop
Commit: d646653f0ebc7668fc599f6cafae9001163fbbc6
Parents: 9b7414f
Author: Justin Mclean <jm...@apache.org>
Authored: Sun Aug 11 23:16:50 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sun Aug 11 23:16:50 2013 +1000

----------------------------------------------------------------------
 ...eScaling_bitmapImage_embedded@240ppi.png.xml | 192 +++++++++++++++++++
 ...caling_bitmapImage_referenced@240ppi.png.xml | 192 +++++++++++++++++++
 .../ImageScaling_button_embedded@240ppi.png.xml | 192 +++++++++++++++++++
 ...mageScaling_button_referenced@240ppi.png.xml | 192 +++++++++++++++++++
 ...emRenderer_decorator_embedded@240ppi.png.xml | 192 +++++++++++++++++++
 .../ImageScaling_image_embedded@240ppi.png.xml  | 192 +++++++++++++++++++
 ...ImageScaling_image_referenced@240ppi.png.xml | 192 +++++++++++++++++++
 ..._tabbedViewNavigator_embedded@240ppi.png.xml | 192 +++++++++++++++++++
 ...abbedViewNavigator_referenced@240ppi.png.xml | 192 +++++++++++++++++++
 .../Check_bitmap_120@android_240ppi.png         | Bin 0 -> 877 bytes
 .../Check_bitmap_120@android_240ppi.png.xml     |  54 ++++++
 .../Check_bitmap_160@android_240ppi.png.xml     |  54 ++++++
 .../Check_bitmap_240@android_240ppi.png.xml     |  54 ++++++
 .../Check_bitmap_320@android_240ppi.png.xml     |  57 ++++++
 .../Check_bitmap_480@android_240ppi.png.xml     |  54 ++++++
 .../Check_bitmap_640@android_240ppi.png         | Bin 0 -> 209 bytes
 .../Check_bitmap_640@android_240ppi.png.xml     |  54 ++++++
 17 files changed, 2055 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_bitmapImage_embedded@240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_bitmapImage_embedded@240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_bitmapImage_embedded@240ppi.png.xml
new file mode 100644
index 0000000..84fc9ce
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_bitmapImage_embedded@240ppi.png.xml
@@ -0,0 +1,192 @@
+<DisplayList>
+  <ImageScaling width="426.6666666666667" height="640">
+    <spark.skins.spark.ApplicationSkin width="426.6666666666667" height="640" blendMode="auto">
+      <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+        <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+          <comps.QANavigator width="426.6666666666667" height="640">
+            <spark.skins.mobile.ViewNavigatorSkin width="426.6666666666667" height="640">
+              <spark.components.Group y="45" width="426.6666666666667" height="595" blendMode="auto">
+                <views.ImageScalingView width="426.6666666666667" height="595">
+                  <spark.skins.mobile.SkinnableContainerSkin width="426.6666666666667" height="595">
+                    <spark.components.Group width="426.6666666666667" height="595" blendMode="auto">
+                      <spark.components.HGroup x="10" y="10" width="228" height="72" blendMode="auto">
+                        <spark.components.Group width="72" height="72" blendMode="auto"/>
+                        <spark.components.Image x="78" width="72" height="72">
+                          <spark.skins.mobile.ImageSkin width="72" height="72">
+                            <spark.components.Group width="72" height="72" blendMode="auto"/>
+                          </spark.skins.mobile.ImageSkin>
+                        </spark.components.Image>
+                        <spark.components.Button x="156" width="72" height="72">
+                          <comps.SolidButtonSkin width="72" height="72" blendMode="auto"/>
+                        </spark.components.Button>
+                      </spark.components.HGroup>
+                      <spark.components.HGroup x="10" y="88" width="348" height="88" blendMode="auto">
+                        <spark.components.List width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass0 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass0>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="118" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass1 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass1>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="236" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass2 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="8" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass2>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                      </spark.components.HGroup>
+                      <spark.components.TabbedViewNavigator x="10" y="182" width="100" height="100">
+                        <spark.skins.mobile.TabbedViewNavigatorSkin width="100" height="100">
+                          <spark.components.Group width="100" height="16" blendMode="auto">
+                            <spark.components.ViewNavigator width="100" height="16">
+                              <spark.skins.mobile.ViewNavigatorSkin width="100" height="16">
+                                <spark.components.Group width="100" height="16" blendMode="auto">
+                                  <comps.SolidView width="100" height="16">
+                                    <spark.skins.mobile.SkinnableContainerSkin width="100" height="16">
+                                      <spark.components.Group width="100" height="16" blendMode="auto"/>
+                                    </spark.skins.mobile.SkinnableContainerSkin>
+                                  </comps.SolidView>
+                                </spark.components.Group>
+                                <spark.components.ActionBar width="0" height="0">
+                                  <spark.skins.mobile.ActionBarSkin width="0" height="0">
+                                    <spark.skins.mobile160.assets.ActionBarBackground width="0" height="3" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                                      <flash.display.Shape width="65" height="1"/>
+                                      <flash.display.Shape y="44" width="65" height="1"/>
+                                      <flash.display.Shape y="45" width="65" height="1"/>
+                                      <flash.display.Shape y="46" width="65" height="1"/>
+                                      <flash.display.Shape y="47" width="65" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                                      <flash.display.Shape y="1" width="1" height="43"/>
+                                      <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                                      <flash.display.Shape width="65" height="48"/>
+                                    </spark.skins.mobile160.assets.ActionBarBackground>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
+                                      <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-11.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                      <spark.components.supportClasses.StyleableTextField x="-2" y="-12.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                    </ActionBarSkin.as$55.TitleDisplayComponent>
+                                  </spark.skins.mobile.ActionBarSkin>
+                                </spark.components.ActionBar>
+                              </spark.skins.mobile.ViewNavigatorSkin>
+                            </spark.components.ViewNavigator>
+                          </spark.components.Group>
+                          <spark.components.ButtonBar y="16" width="100" height="84">
+                            <spark.skins.mobile.TabbedViewNavigatorTabBarSkin width="100" height="84">
+                              <spark.components.DataGroup width="100" height="84">
+                                <spark.components.ButtonBarButton width="100" height="84">
+                                  <spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin width="100" height="84">
+                                    <spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected width="100" height="84" blendMode="auto" scale9Grid="(x=3, y=3, w=114, h=70)">
+                                      <flash.display.Shape y="1" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="1"/>
+                                      <flash.display.Shape y="75" width="120" height="1"/>
+                                      <flash.display.Shape x="0.5" y="1.5" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="76"/>
+                                    </spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected>
+                                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="48" y="75" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.supportClasses.StyleableTextField x="48" y="74" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <views.ImageScalingView__embed_mxml____icons_icon50x50embedded_png_1552950261 x="14" y="6" width="72" height="72"/>
+                                  </spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin>
+                                </spark.components.ButtonBarButton>
+                              </spark.components.DataGroup>
+                            </spark.skins.mobile.TabbedViewNavigatorTabBarSkin>
+                          </spark.components.ButtonBar>
+                        </spark.skins.mobile.TabbedViewNavigatorSkin>
+                      </spark.components.TabbedViewNavigator>
+                    </spark.components.Group>
+                  </spark.skins.mobile.SkinnableContainerSkin>
+                </views.ImageScalingView>
+              </spark.components.Group>
+              <spark.components.ActionBar width="426.6666666666667" height="45">
+                <spark.skins.mobile.ActionBarSkin width="426.6666666666667" height="45">
+                  <spark.skins.mobile160.assets.ActionBarBackground width="426.6666666666667" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                    <flash.display.Shape width="65" height="1"/>
+                    <flash.display.Shape y="44" width="65" height="1"/>
+                    <flash.display.Shape y="45" width="65" height="1"/>
+                    <flash.display.Shape y="46" width="65" height="1"/>
+                    <flash.display.Shape y="47" width="65" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                    <flash.display.Shape y="1" width="1" height="43"/>
+                    <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                    <flash.display.Shape width="65" height="48"/>
+                  </spark.skins.mobile160.assets.ActionBarBackground>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group x="312.65" y="1" width="114" height="43" blendMode="auto">
+                    <spark.components.Button y="5" width="114" height="33">
+                      <spark.skins.mobile.TransparentActionButtonSkin width="114" height="33">
+                        <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="115" height="33" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
+                          <flash.display.Shape y="1" width="1" height="63"/>
+                          <flash.display.Shape x="1" width="1" height="65"/>
+                          <flash.display.Shape x="2" y="1" width="1" height="63"/>
+                          <flash.display.Shape width="82" height="65"/>
+                        </spark.skins.mobile.assets.TransparentActionButton_up>
+                        <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="6" y="5" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                        <spark.components.supportClasses.StyleableTextField x="6" y="4" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                      </spark.skins.mobile.TransparentActionButtonSkin>
+                    </spark.components.Button>
+                  </spark.components.Group>
+                  <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="286.6666666666667" height="43">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="9.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="8.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                  </ActionBarSkin.as$55.TitleDisplayComponent>
+                </spark.skins.mobile.ActionBarSkin>
+              </spark.components.ActionBar>
+            </spark.skins.mobile.ViewNavigatorSkin>
+          </comps.QANavigator>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </ImageScaling>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_bitmapImage_referenced@240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_bitmapImage_referenced@240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_bitmapImage_referenced@240ppi.png.xml
new file mode 100644
index 0000000..c8b22cc
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_bitmapImage_referenced@240ppi.png.xml
@@ -0,0 +1,192 @@
+<DisplayList>
+  <ImageScaling width="426.6666666666667" height="640">
+    <spark.skins.spark.ApplicationSkin width="426.6666666666667" height="640" blendMode="auto">
+      <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+        <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+          <comps.QANavigator width="426.6666666666667" height="640">
+            <spark.skins.mobile.ViewNavigatorSkin width="426.6666666666667" height="640">
+              <spark.components.Group y="45" width="426.6666666666667" height="595" blendMode="auto">
+                <views.ImageScalingView width="426.6666666666667" height="595">
+                  <spark.skins.mobile.SkinnableContainerSkin width="426.6666666666667" height="595">
+                    <spark.components.Group width="426.6666666666667" height="595" blendMode="auto">
+                      <spark.components.HGroup x="10" y="10" width="228" height="72" blendMode="auto">
+                        <spark.components.Group width="72" height="72" blendMode="auto"/>
+                        <spark.components.Image x="78" width="72" height="72">
+                          <spark.skins.mobile.ImageSkin width="72" height="72">
+                            <spark.components.Group width="72" height="72" blendMode="auto"/>
+                          </spark.skins.mobile.ImageSkin>
+                        </spark.components.Image>
+                        <spark.components.Button x="156" width="72" height="72">
+                          <comps.SolidButtonSkin width="72" height="72" blendMode="auto"/>
+                        </spark.components.Button>
+                      </spark.components.HGroup>
+                      <spark.components.HGroup x="10" y="88" width="348" height="88" blendMode="auto">
+                        <spark.components.List width="112" height="44">
+                          <spark.skins.mobile.ListSkin width="112" height="44">
+                            <spark.components.Scroller width="112" height="44">
+                              <spark.skins.spark.ScrollerSkin width="112" height="44" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="44" scrollRect="(x=0, y=0, w=112, h=44)">
+                                  <views.ImageScalingViewInnerClass0 width="28" height="44" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="16" y="17" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass0>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="118" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass1 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass1>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="236" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass2 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="8" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass2>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                      </spark.components.HGroup>
+                      <spark.components.TabbedViewNavigator x="10" y="182" width="100" height="100">
+                        <spark.skins.mobile.TabbedViewNavigatorSkin width="100" height="100">
+                          <spark.components.Group width="100" height="16" blendMode="auto">
+                            <spark.components.ViewNavigator width="100" height="16">
+                              <spark.skins.mobile.ViewNavigatorSkin width="100" height="16">
+                                <spark.components.Group width="100" height="16" blendMode="auto">
+                                  <comps.SolidView width="100" height="16">
+                                    <spark.skins.mobile.SkinnableContainerSkin width="100" height="16">
+                                      <spark.components.Group width="100" height="16" blendMode="auto"/>
+                                    </spark.skins.mobile.SkinnableContainerSkin>
+                                  </comps.SolidView>
+                                </spark.components.Group>
+                                <spark.components.ActionBar width="0" height="0">
+                                  <spark.skins.mobile.ActionBarSkin width="0" height="0">
+                                    <spark.skins.mobile160.assets.ActionBarBackground width="0" height="3" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                                      <flash.display.Shape width="65" height="1"/>
+                                      <flash.display.Shape y="44" width="65" height="1"/>
+                                      <flash.display.Shape y="45" width="65" height="1"/>
+                                      <flash.display.Shape y="46" width="65" height="1"/>
+                                      <flash.display.Shape y="47" width="65" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                                      <flash.display.Shape y="1" width="1" height="43"/>
+                                      <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                                      <flash.display.Shape width="65" height="48"/>
+                                    </spark.skins.mobile160.assets.ActionBarBackground>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
+                                      <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-11.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                      <spark.components.supportClasses.StyleableTextField x="-2" y="-12.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                    </ActionBarSkin.as$55.TitleDisplayComponent>
+                                  </spark.skins.mobile.ActionBarSkin>
+                                </spark.components.ActionBar>
+                              </spark.skins.mobile.ViewNavigatorSkin>
+                            </spark.components.ViewNavigator>
+                          </spark.components.Group>
+                          <spark.components.ButtonBar y="16" width="100" height="84">
+                            <spark.skins.mobile.TabbedViewNavigatorTabBarSkin width="100" height="84">
+                              <spark.components.DataGroup width="100" height="84">
+                                <spark.components.ButtonBarButton width="100" height="84">
+                                  <spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin width="100" height="84">
+                                    <spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected width="100" height="84" blendMode="auto" scale9Grid="(x=3, y=3, w=114, h=70)">
+                                      <flash.display.Shape y="1" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="1"/>
+                                      <flash.display.Shape y="75" width="120" height="1"/>
+                                      <flash.display.Shape x="0.5" y="1.5" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="76"/>
+                                    </spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected>
+                                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="48" y="75" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.supportClasses.StyleableTextField x="48" y="74" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.Group x="14" y="6" width="72" height="72" blendMode="auto"/>
+                                  </spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin>
+                                </spark.components.ButtonBarButton>
+                              </spark.components.DataGroup>
+                            </spark.skins.mobile.TabbedViewNavigatorTabBarSkin>
+                          </spark.components.ButtonBar>
+                        </spark.skins.mobile.TabbedViewNavigatorSkin>
+                      </spark.components.TabbedViewNavigator>
+                    </spark.components.Group>
+                  </spark.skins.mobile.SkinnableContainerSkin>
+                </views.ImageScalingView>
+              </spark.components.Group>
+              <spark.components.ActionBar width="426.6666666666667" height="45">
+                <spark.skins.mobile.ActionBarSkin width="426.6666666666667" height="45">
+                  <spark.skins.mobile160.assets.ActionBarBackground width="426.6666666666667" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                    <flash.display.Shape width="65" height="1"/>
+                    <flash.display.Shape y="44" width="65" height="1"/>
+                    <flash.display.Shape y="45" width="65" height="1"/>
+                    <flash.display.Shape y="46" width="65" height="1"/>
+                    <flash.display.Shape y="47" width="65" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                    <flash.display.Shape y="1" width="1" height="43"/>
+                    <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                    <flash.display.Shape width="65" height="48"/>
+                  </spark.skins.mobile160.assets.ActionBarBackground>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group x="312.65" y="1" width="114" height="43" blendMode="auto">
+                    <spark.components.Button y="5" width="114" height="33">
+                      <spark.skins.mobile.TransparentActionButtonSkin width="114" height="33">
+                        <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="115" height="33" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
+                          <flash.display.Shape y="1" width="1" height="63"/>
+                          <flash.display.Shape x="1" width="1" height="65"/>
+                          <flash.display.Shape x="2" y="1" width="1" height="63"/>
+                          <flash.display.Shape width="82" height="65"/>
+                        </spark.skins.mobile.assets.TransparentActionButton_up>
+                        <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="6" y="5" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                        <spark.components.supportClasses.StyleableTextField x="6" y="4" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                      </spark.skins.mobile.TransparentActionButtonSkin>
+                    </spark.components.Button>
+                  </spark.components.Group>
+                  <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="286.6666666666667" height="43">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="9.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="8.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                  </ActionBarSkin.as$55.TitleDisplayComponent>
+                </spark.skins.mobile.ActionBarSkin>
+              </spark.components.ActionBar>
+            </spark.skins.mobile.ViewNavigatorSkin>
+          </comps.QANavigator>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </ImageScaling>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_button_embedded@240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_button_embedded@240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_button_embedded@240ppi.png.xml
new file mode 100644
index 0000000..84fc9ce
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_button_embedded@240ppi.png.xml
@@ -0,0 +1,192 @@
+<DisplayList>
+  <ImageScaling width="426.6666666666667" height="640">
+    <spark.skins.spark.ApplicationSkin width="426.6666666666667" height="640" blendMode="auto">
+      <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+        <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+          <comps.QANavigator width="426.6666666666667" height="640">
+            <spark.skins.mobile.ViewNavigatorSkin width="426.6666666666667" height="640">
+              <spark.components.Group y="45" width="426.6666666666667" height="595" blendMode="auto">
+                <views.ImageScalingView width="426.6666666666667" height="595">
+                  <spark.skins.mobile.SkinnableContainerSkin width="426.6666666666667" height="595">
+                    <spark.components.Group width="426.6666666666667" height="595" blendMode="auto">
+                      <spark.components.HGroup x="10" y="10" width="228" height="72" blendMode="auto">
+                        <spark.components.Group width="72" height="72" blendMode="auto"/>
+                        <spark.components.Image x="78" width="72" height="72">
+                          <spark.skins.mobile.ImageSkin width="72" height="72">
+                            <spark.components.Group width="72" height="72" blendMode="auto"/>
+                          </spark.skins.mobile.ImageSkin>
+                        </spark.components.Image>
+                        <spark.components.Button x="156" width="72" height="72">
+                          <comps.SolidButtonSkin width="72" height="72" blendMode="auto"/>
+                        </spark.components.Button>
+                      </spark.components.HGroup>
+                      <spark.components.HGroup x="10" y="88" width="348" height="88" blendMode="auto">
+                        <spark.components.List width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass0 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass0>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="118" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass1 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass1>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="236" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass2 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="8" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass2>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                      </spark.components.HGroup>
+                      <spark.components.TabbedViewNavigator x="10" y="182" width="100" height="100">
+                        <spark.skins.mobile.TabbedViewNavigatorSkin width="100" height="100">
+                          <spark.components.Group width="100" height="16" blendMode="auto">
+                            <spark.components.ViewNavigator width="100" height="16">
+                              <spark.skins.mobile.ViewNavigatorSkin width="100" height="16">
+                                <spark.components.Group width="100" height="16" blendMode="auto">
+                                  <comps.SolidView width="100" height="16">
+                                    <spark.skins.mobile.SkinnableContainerSkin width="100" height="16">
+                                      <spark.components.Group width="100" height="16" blendMode="auto"/>
+                                    </spark.skins.mobile.SkinnableContainerSkin>
+                                  </comps.SolidView>
+                                </spark.components.Group>
+                                <spark.components.ActionBar width="0" height="0">
+                                  <spark.skins.mobile.ActionBarSkin width="0" height="0">
+                                    <spark.skins.mobile160.assets.ActionBarBackground width="0" height="3" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                                      <flash.display.Shape width="65" height="1"/>
+                                      <flash.display.Shape y="44" width="65" height="1"/>
+                                      <flash.display.Shape y="45" width="65" height="1"/>
+                                      <flash.display.Shape y="46" width="65" height="1"/>
+                                      <flash.display.Shape y="47" width="65" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                                      <flash.display.Shape y="1" width="1" height="43"/>
+                                      <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                                      <flash.display.Shape width="65" height="48"/>
+                                    </spark.skins.mobile160.assets.ActionBarBackground>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
+                                      <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-11.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                      <spark.components.supportClasses.StyleableTextField x="-2" y="-12.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                    </ActionBarSkin.as$55.TitleDisplayComponent>
+                                  </spark.skins.mobile.ActionBarSkin>
+                                </spark.components.ActionBar>
+                              </spark.skins.mobile.ViewNavigatorSkin>
+                            </spark.components.ViewNavigator>
+                          </spark.components.Group>
+                          <spark.components.ButtonBar y="16" width="100" height="84">
+                            <spark.skins.mobile.TabbedViewNavigatorTabBarSkin width="100" height="84">
+                              <spark.components.DataGroup width="100" height="84">
+                                <spark.components.ButtonBarButton width="100" height="84">
+                                  <spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin width="100" height="84">
+                                    <spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected width="100" height="84" blendMode="auto" scale9Grid="(x=3, y=3, w=114, h=70)">
+                                      <flash.display.Shape y="1" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="1"/>
+                                      <flash.display.Shape y="75" width="120" height="1"/>
+                                      <flash.display.Shape x="0.5" y="1.5" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="76"/>
+                                    </spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected>
+                                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="48" y="75" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.supportClasses.StyleableTextField x="48" y="74" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <views.ImageScalingView__embed_mxml____icons_icon50x50embedded_png_1552950261 x="14" y="6" width="72" height="72"/>
+                                  </spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin>
+                                </spark.components.ButtonBarButton>
+                              </spark.components.DataGroup>
+                            </spark.skins.mobile.TabbedViewNavigatorTabBarSkin>
+                          </spark.components.ButtonBar>
+                        </spark.skins.mobile.TabbedViewNavigatorSkin>
+                      </spark.components.TabbedViewNavigator>
+                    </spark.components.Group>
+                  </spark.skins.mobile.SkinnableContainerSkin>
+                </views.ImageScalingView>
+              </spark.components.Group>
+              <spark.components.ActionBar width="426.6666666666667" height="45">
+                <spark.skins.mobile.ActionBarSkin width="426.6666666666667" height="45">
+                  <spark.skins.mobile160.assets.ActionBarBackground width="426.6666666666667" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                    <flash.display.Shape width="65" height="1"/>
+                    <flash.display.Shape y="44" width="65" height="1"/>
+                    <flash.display.Shape y="45" width="65" height="1"/>
+                    <flash.display.Shape y="46" width="65" height="1"/>
+                    <flash.display.Shape y="47" width="65" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                    <flash.display.Shape y="1" width="1" height="43"/>
+                    <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                    <flash.display.Shape width="65" height="48"/>
+                  </spark.skins.mobile160.assets.ActionBarBackground>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group x="312.65" y="1" width="114" height="43" blendMode="auto">
+                    <spark.components.Button y="5" width="114" height="33">
+                      <spark.skins.mobile.TransparentActionButtonSkin width="114" height="33">
+                        <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="115" height="33" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
+                          <flash.display.Shape y="1" width="1" height="63"/>
+                          <flash.display.Shape x="1" width="1" height="65"/>
+                          <flash.display.Shape x="2" y="1" width="1" height="63"/>
+                          <flash.display.Shape width="82" height="65"/>
+                        </spark.skins.mobile.assets.TransparentActionButton_up>
+                        <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="6" y="5" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                        <spark.components.supportClasses.StyleableTextField x="6" y="4" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                      </spark.skins.mobile.TransparentActionButtonSkin>
+                    </spark.components.Button>
+                  </spark.components.Group>
+                  <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="286.6666666666667" height="43">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="9.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="8.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                  </ActionBarSkin.as$55.TitleDisplayComponent>
+                </spark.skins.mobile.ActionBarSkin>
+              </spark.components.ActionBar>
+            </spark.skins.mobile.ViewNavigatorSkin>
+          </comps.QANavigator>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </ImageScaling>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_button_referenced@240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_button_referenced@240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_button_referenced@240ppi.png.xml
new file mode 100644
index 0000000..c8b22cc
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_button_referenced@240ppi.png.xml
@@ -0,0 +1,192 @@
+<DisplayList>
+  <ImageScaling width="426.6666666666667" height="640">
+    <spark.skins.spark.ApplicationSkin width="426.6666666666667" height="640" blendMode="auto">
+      <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+        <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+          <comps.QANavigator width="426.6666666666667" height="640">
+            <spark.skins.mobile.ViewNavigatorSkin width="426.6666666666667" height="640">
+              <spark.components.Group y="45" width="426.6666666666667" height="595" blendMode="auto">
+                <views.ImageScalingView width="426.6666666666667" height="595">
+                  <spark.skins.mobile.SkinnableContainerSkin width="426.6666666666667" height="595">
+                    <spark.components.Group width="426.6666666666667" height="595" blendMode="auto">
+                      <spark.components.HGroup x="10" y="10" width="228" height="72" blendMode="auto">
+                        <spark.components.Group width="72" height="72" blendMode="auto"/>
+                        <spark.components.Image x="78" width="72" height="72">
+                          <spark.skins.mobile.ImageSkin width="72" height="72">
+                            <spark.components.Group width="72" height="72" blendMode="auto"/>
+                          </spark.skins.mobile.ImageSkin>
+                        </spark.components.Image>
+                        <spark.components.Button x="156" width="72" height="72">
+                          <comps.SolidButtonSkin width="72" height="72" blendMode="auto"/>
+                        </spark.components.Button>
+                      </spark.components.HGroup>
+                      <spark.components.HGroup x="10" y="88" width="348" height="88" blendMode="auto">
+                        <spark.components.List width="112" height="44">
+                          <spark.skins.mobile.ListSkin width="112" height="44">
+                            <spark.components.Scroller width="112" height="44">
+                              <spark.skins.spark.ScrollerSkin width="112" height="44" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="44" scrollRect="(x=0, y=0, w=112, h=44)">
+                                  <views.ImageScalingViewInnerClass0 width="28" height="44" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="16" y="17" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass0>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="118" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass1 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass1>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="236" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass2 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="8" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass2>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                      </spark.components.HGroup>
+                      <spark.components.TabbedViewNavigator x="10" y="182" width="100" height="100">
+                        <spark.skins.mobile.TabbedViewNavigatorSkin width="100" height="100">
+                          <spark.components.Group width="100" height="16" blendMode="auto">
+                            <spark.components.ViewNavigator width="100" height="16">
+                              <spark.skins.mobile.ViewNavigatorSkin width="100" height="16">
+                                <spark.components.Group width="100" height="16" blendMode="auto">
+                                  <comps.SolidView width="100" height="16">
+                                    <spark.skins.mobile.SkinnableContainerSkin width="100" height="16">
+                                      <spark.components.Group width="100" height="16" blendMode="auto"/>
+                                    </spark.skins.mobile.SkinnableContainerSkin>
+                                  </comps.SolidView>
+                                </spark.components.Group>
+                                <spark.components.ActionBar width="0" height="0">
+                                  <spark.skins.mobile.ActionBarSkin width="0" height="0">
+                                    <spark.skins.mobile160.assets.ActionBarBackground width="0" height="3" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                                      <flash.display.Shape width="65" height="1"/>
+                                      <flash.display.Shape y="44" width="65" height="1"/>
+                                      <flash.display.Shape y="45" width="65" height="1"/>
+                                      <flash.display.Shape y="46" width="65" height="1"/>
+                                      <flash.display.Shape y="47" width="65" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                                      <flash.display.Shape y="1" width="1" height="43"/>
+                                      <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                                      <flash.display.Shape width="65" height="48"/>
+                                    </spark.skins.mobile160.assets.ActionBarBackground>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
+                                      <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-11.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                      <spark.components.supportClasses.StyleableTextField x="-2" y="-12.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                    </ActionBarSkin.as$55.TitleDisplayComponent>
+                                  </spark.skins.mobile.ActionBarSkin>
+                                </spark.components.ActionBar>
+                              </spark.skins.mobile.ViewNavigatorSkin>
+                            </spark.components.ViewNavigator>
+                          </spark.components.Group>
+                          <spark.components.ButtonBar y="16" width="100" height="84">
+                            <spark.skins.mobile.TabbedViewNavigatorTabBarSkin width="100" height="84">
+                              <spark.components.DataGroup width="100" height="84">
+                                <spark.components.ButtonBarButton width="100" height="84">
+                                  <spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin width="100" height="84">
+                                    <spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected width="100" height="84" blendMode="auto" scale9Grid="(x=3, y=3, w=114, h=70)">
+                                      <flash.display.Shape y="1" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="1"/>
+                                      <flash.display.Shape y="75" width="120" height="1"/>
+                                      <flash.display.Shape x="0.5" y="1.5" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="76"/>
+                                    </spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected>
+                                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="48" y="75" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.supportClasses.StyleableTextField x="48" y="74" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.Group x="14" y="6" width="72" height="72" blendMode="auto"/>
+                                  </spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin>
+                                </spark.components.ButtonBarButton>
+                              </spark.components.DataGroup>
+                            </spark.skins.mobile.TabbedViewNavigatorTabBarSkin>
+                          </spark.components.ButtonBar>
+                        </spark.skins.mobile.TabbedViewNavigatorSkin>
+                      </spark.components.TabbedViewNavigator>
+                    </spark.components.Group>
+                  </spark.skins.mobile.SkinnableContainerSkin>
+                </views.ImageScalingView>
+              </spark.components.Group>
+              <spark.components.ActionBar width="426.6666666666667" height="45">
+                <spark.skins.mobile.ActionBarSkin width="426.6666666666667" height="45">
+                  <spark.skins.mobile160.assets.ActionBarBackground width="426.6666666666667" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                    <flash.display.Shape width="65" height="1"/>
+                    <flash.display.Shape y="44" width="65" height="1"/>
+                    <flash.display.Shape y="45" width="65" height="1"/>
+                    <flash.display.Shape y="46" width="65" height="1"/>
+                    <flash.display.Shape y="47" width="65" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                    <flash.display.Shape y="1" width="1" height="43"/>
+                    <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                    <flash.display.Shape width="65" height="48"/>
+                  </spark.skins.mobile160.assets.ActionBarBackground>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group x="312.65" y="1" width="114" height="43" blendMode="auto">
+                    <spark.components.Button y="5" width="114" height="33">
+                      <spark.skins.mobile.TransparentActionButtonSkin width="114" height="33">
+                        <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="115" height="33" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
+                          <flash.display.Shape y="1" width="1" height="63"/>
+                          <flash.display.Shape x="1" width="1" height="65"/>
+                          <flash.display.Shape x="2" y="1" width="1" height="63"/>
+                          <flash.display.Shape width="82" height="65"/>
+                        </spark.skins.mobile.assets.TransparentActionButton_up>
+                        <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="6" y="5" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                        <spark.components.supportClasses.StyleableTextField x="6" y="4" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                      </spark.skins.mobile.TransparentActionButtonSkin>
+                    </spark.components.Button>
+                  </spark.components.Group>
+                  <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="286.6666666666667" height="43">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="9.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="8.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                  </ActionBarSkin.as$55.TitleDisplayComponent>
+                </spark.skins.mobile.ActionBarSkin>
+              </spark.components.ActionBar>
+            </spark.skins.mobile.ViewNavigatorSkin>
+          </comps.QANavigator>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </ImageScaling>
+</DisplayList>
\ No newline at end of file


[34/41] Fixed fxg assets for 120, 480 and 640 dpi Visually tested all the components in all DPIs. They look good. Will attach a sample app (that contains all components whose skins have been generated) to the JIRA ticket

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
index 2afc6a5..f6ea86f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,27 +17,27 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0"/>
-        <GradientEntry ratio="1" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="2" y="2" alpha="0.6" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor/>
-    </fill>
-  </Path>
-  <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28" y="8" scaleX="26.0002" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+  
+      <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z">
+        <fill>
+          <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0"/>
+            <GradientEntry ratio="1" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="2" y="2" alpha="0.6" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z">
+        <fill>
+          <SolidColor/>
+        </fill>
+      </Path>
+      <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
+        <fill>
+          <LinearGradient x="28" y="8" scaleX="26.0002" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
index 65ea418..a9e5b14 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#969696"/>
-    </fill>
-  </Path>
-  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="14" y="0" scaleX="20" rotation="90">
-        <GradientEntry ratio="0" color="#999999"/>
-        <GradientEntry ratio="1" color="#B4B4B4"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+        <fill>
+        	<SolidColor color="#969696"/>
+        </fill>
+    </Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+        <fill>
+            <LinearGradient x="14" y="0" scaleX="20" rotation="90">
+                <GradientEntry ratio="0" color="#999999"/>
+                <GradientEntry ratio="1" color="#B4B4B4"/>
+            </LinearGradient>
+        </fill>
+    </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
index 12fc6ca..449affb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_upSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="14" y="0" scaleX="30" rotation="90">
-        <GradientEntry ratio="0" color="#5A5A5A"/>
-        <GradientEntry ratio="1" color="#323232"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+	<Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+    	<fill>
+    		<SolidColor color="#323232"/>
+        </fill>
+	</Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+    	<fill>
+        	<LinearGradient x="14" y="0" scaleX="30" rotation="90">
+            	<GradientEntry ratio="0" color="#5A5A5A"/>
+            	<GradientEntry ratio="1" color="#323232"/>
+          	</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
index 9936b75..77865dc 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerBackground.fxg
@@ -17,16 +17,17 @@
   limitations under the License.
 
 -->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
+	scaleGridLeft="12" scaleGridTop="12" scaleGridRight="88" scaleGridBottom="88">
 
-<Graphic version="2.0" viewHeight="100" viewWidth="100" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="88" scaleGridBottom="88" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect width="100" height="100" radiusX="10" radiusY="10" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#4D4D4D"/>
-    </fill>
-  </Rect>
-  <Rect x="2" y="2" width="96" height="96" radiusX="10" radiusY="10" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#F2F2F2"/>
-    </fill>
-  </Rect>
+	<Rect width="100" height="100" radiusX="10" radiusY="10">
+		<fill>
+			<SolidColor color="#4D4D4D"/>
+		</fill>
+	</Rect>
+	<Rect x="2" y="2" width="96" height="96" radiusX="10" radiusY="10">
+		<fill>	
+			<SolidColor color="#F2F2F2"/>
+		</fill>
+	</Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
index f0e8415..421d325 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerSelectionIndicator.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,51 +17,51 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" viewHeight="96" viewWidth="100" scaleGridLeft="5" scaleGridTop="12" scaleGridRight="95" scaleGridBottom="83" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Transparent rect used to center the bar -->
-  <Rect x="0" y="0" width="100" height="8" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- Border -->
-  <Path y="8" winding="nonZero" data="M100 80 0 80 0 0 100 0 100 80ZM2 78 98 78 98 2 2 2 2 78Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#666666"/>
-    </fill>
-  </Path>
-  <!-- Two tone gradient background -->
-  <Rect x="2" y="10" width="96" height="76" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
-        <GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
-        <GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
-        <GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
-        <GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- Top highlight -->
-  <Rect x="4" y="10" width="92" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <!-- Bottom highlight -->
-  <Rect x="4" y="84" width="92" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <!-- Shadow -->
-  <Rect x="4" y="88" width="92" height="8" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0" color="#000000" alpha="0.15"/>
-        <GradientEntry ratio="1" color="#000000" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-</Graphic>
\ No newline at end of file
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight="96" viewWidth="100"
+	scaleGridLeft="5" scaleGridTop="12" scaleGridRight="95" scaleGridBottom="83">
+	<!-- Transparent rect used to center the bar -->
+	<Rect x="0" y="0" width="100" height="8">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+	<!-- Border --> 
+	<Path y="8" winding="nonZero" data="M100 80 0 80 0 0 100 0 100 80ZM2 78 98 78 98 2 2 2 2 78Z">
+        <fill>
+           	<SolidColor color="#666666"/>
+    	</fill>
+   	</Path>
+   	<!-- Two tone gradient background -->
+   	<Rect x="2" y="10" width="96" height="76">
+       	<fill>
+   			<LinearGradient rotation="90">
+               	<GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
+   				<GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
+   				<GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
+   				<GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
+   				<GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
+   			</LinearGradient>
+   		</fill>
+   	</Rect>
+   	<!-- Top highlight -->
+   	<Rect x="4" y="10" width="92" height="2">
+       	<fill>
+           	<SolidColor color="#FFFFFF"/>
+        </fill>
+   	</Rect>
+   	<!-- Bottom highlight -->
+   	<Rect x="4" y="84" width="92" height="2">
+       	<fill>
+           	<SolidColor color="#FFFFFF"/>
+		</fill>
+   	</Rect>
+   	<!-- Shadow -->
+    <Rect x="4" y="88" width="92" height="8">
+  		<fill>
+   			<LinearGradient rotation="90">
+   				<GradientEntry ratio="0" color="#000000" alpha="0.15"/>
+   				<GradientEntry ratio="1" color="#000000" alpha="0"/>
+   			</LinearGradient>
+        </fill>
+   	</Rect>
+</Graphic>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
index 912e5c4..7e0835e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/SpinnerListContainerShadow.fxg
@@ -17,16 +17,16 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" viewHeight="100" viewWidth="100" scaleGridLeft="10" scaleGridTop="10" scaleGridRight="90" scaleGridBottom="90" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect width="100" height="100" radiusX="10" radiusY="10" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient rotation="270">
-        <GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
-        <GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
-        <GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
-        <GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
+	scaleGridLeft="10" scaleGridTop="10" scaleGridRight="90" scaleGridBottom="90">
+	<Rect width="100" height="100" radiusX="10" radiusY="10">
+		<fill>
+			<LinearGradient rotation="270">
+				<GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
+				<GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
+				<GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
+				<GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
index da737e6..62e833f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
@@ -18,38 +18,46 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="0" y="2" width="120" height="72" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".3"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".15"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="0" y="2" width="120" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".3"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".15"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="0.5" y="2.5" width="119" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
index 8cd9fff..dd2249c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
@@ -18,38 +18,45 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="0" y="2" width="120" height="72" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="0" y="2" width="120" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="0.5" y="2.5" width="119" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
index 0bd7c98..aaa564d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
@@ -18,38 +18,45 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="0" y="2" width="120" height="72" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="0" y="2" width="120" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="0.5" y="2.5" width="119" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
index c65c015..b47587e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
@@ -18,44 +18,51 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="2" y="2" width="118" height="72" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".3"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".15"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border left -->
-  <Rect x="0" y="2" width="2" height="72" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="2" y="2" width="118" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".3"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".15"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border left -->
+    <Rect x="0" y="2" width="2" height="72">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="2.5" y="2.5" width="117" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
index 1d121b9..173b7eb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
@@ -18,44 +18,51 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="2" y="2" width="118" height="72" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border left -->
-  <Rect x="0" y="2" width="2" height="72" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="2" y="2" width="118" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border left -->
+    <Rect x="0" y="2" width="2" height="72">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="2.5" y="2.5" width="117" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
index 828e459..54d9365 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
@@ -18,44 +18,51 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="2" y="2" width="118" height="72" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border left -->
-  <Rect x="0" y="2" width="2" height="72" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="2" y="2" width="118" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border left -->
+    <Rect x="0" y="2" width="2" height="72">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="2.5" y="2.5" width="117" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
index 1ef91d0..eecb9b9 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TextInput_border.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,17 +18,22 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="16" scaleGridTop="16" scaleGridRight="504" scaleGridBottom="50" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- border -->
-  <Path data="M12 2 508 2C514 2 518 6 518 12L518 54C518 60 514 64 508 64L12 64C6 64 2 60 2 54L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 54C0 60 6 66 12 66L508 66C514 66 520 60 520 54L520 12C520 6 514 0 508 0L12 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#505050"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="2" y="2" alpha="0.2" data="M10 3 506 3C510 3 514 7 514 11L514 52C514 56 510 60 506 60L10 60C6 60 2 56 2 52L2 11C2 7 6 3 10 3ZM10 0C4 0 0 4 0 10L0 52C0 58 4 62 10 62L506 62C512 62 516 58 516 52L516 10C516 4 512 0 506 0L10 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#030303"/>
-    </fill>
-  </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+         scaleGridLeft="16" scaleGridTop="16" scaleGridRight="504" scaleGridBottom="50">
+         
+    <!-- border -->
+    <Path data="M12 2 508 2C514 2 518 6 518 12L518 54C518 60 514 64 508 64L12 64C6 64 2 60 2 54L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 54C0 60 6 66 12 66L508 66C514 66 520 60 520 54L520 12C520 6 514 0 508 0L12 0Z">
+        <fill>
+            <SolidColor color="#505050"/>
+        </fill>
+    </Path>
+      
+    <!-- inner shadow -->
+    <Path x="2" y="2" alpha="0.2" data="M10 3 506 3C510 3 514 7 514 11L514 52C514 56 510 60 506 60L10 60C6 60 2 56 2 52L2 11C2 7 6 3 10 3ZM10 0C4 0 0 4 0 10L0 52C0 58 4 62 10 62L506 62C512 62 516 58 516 52L516 10C516 4 512 0 506 0L10 0Z">
+        <fill>
+            <SolidColor color="#030303"/>
+        </fill>
+    </Path>
+     
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
index 2234a7d..bd26d9a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ToggleSwitch_contentShadow.fxg
@@ -17,15 +17,14 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" viewHeight="56" viewWidth="142" scaleGridLeft="28" scaleGridTop="20" scaleGridRight="114" scaleGridBottom="28" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path winding="nonZero" data="M0 0 0 56 28 56C20 56 14 49.7324 14 42 14 34.2676 20 28 28 28L114 28C122 28 128 34.2676 128 42 128 49.7324 122 56 114 56L142 56 142 0 0 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0" alpha="0.1"/>
-        <GradientEntry ratio="0.5" alpha="0.2"/>
-        <GradientEntry ratio="1" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" viewHeight="56" viewWidth="142" xmlns="http://ns.adobe.com/fxg/2008" scaleGridLeft="28" scaleGridTop="20" scaleGridRight="114" scaleGridBottom="28">
+	<Path winding="nonZero" data="M0 0 0 56 28 56C20 56 14 49.7324 14 42 14 34.2676 20 28 28 28L114 28C122 28 128 34.2676 128 42 128 49.7324 122 56 114 56L142 56 142 0 0 0Z">
+		<fill>
+			<LinearGradient rotation="90">
+				<GradientEntry ratio="0" alpha="0.1"/>
+				<GradientEntry ratio="0.5" alpha="0.2"/>
+				<GradientEntry ratio="1" alpha="0.1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
index 048061d..d6f0fda 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_down.fxg
@@ -18,45 +18,52 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="9" scaleGridRight="76" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight border leading -->
-  <Rect x="0" y="1" width="1" height="63" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- separator dark -->
-  <Rect x="1" y="0" width="2" height="65" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- inner shaddow -->
-  <Rect x="3" y="0" width="80" height="65" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="65" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".25"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <Rect x="3.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-    </stroke>
-  </Rect>
-  <Rect x="4.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-    </stroke>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="83" height="65" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="9" scaleGridRight="76">
+    
+    <!-- highlight border leading -->
+    <Rect x="0" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="1" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- inner shaddow -->
+    <Rect x="3" y="0" width="80" height="65">
+        <fill>
+            <LinearGradient x="0" scaleX="65" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".25"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <Rect x="3.5" y="0.5" width="79" height="64" alpha="0.2">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+    <Rect x="4.5" y="1.5" width="77" height="62" alpha="0.1">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="83" height="65">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
index 7c653e3..d177333 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentActionButton_up.fxg
@@ -18,35 +18,42 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="4" scaleGridRight="82" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight border leading -->
-  <Rect x="0" y="1" width="1" height="63" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- separator dark -->
-  <Rect x="1" y="0" width="2" height="65" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight border left-->
-  <Rect x="3" y="1" width="1" height="63" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="83" height="65" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="4" scaleGridRight="82" >
+    
+    <!-- highlight border leading -->
+    <Rect x="0" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="1" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+	
+	<!-- highlight border left-->
+    <Rect x="3" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="83" height="65">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+	
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
index 1903241..2be2a93 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_down.fxg
@@ -18,45 +18,52 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="6" scaleGridRight="74" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- inner shaddow -->
-  <Rect x="0" y="0" width="80" height="65" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="65" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".25"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <Rect x="0.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-    </stroke>
-  </Rect>
-  <Rect x="1.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-    </stroke>
-  </Rect>
-  <!-- separator dark -->
-  <Rect x="80" y="0" width="2" height="65" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight border trailing -->
-  <Rect x="82" y="1" width="1" height="63" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="1" width="83" height="63" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="6" scaleGridRight="74">
+    
+    <!-- inner shaddow -->
+    <Rect x="0" y="0" width="80" height="65">
+        <fill>
+            <LinearGradient x="0" scaleX="65" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".25"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <Rect x="0.5" y="0.5" width="79" height="64" alpha="0.2">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+    <Rect x="1.5" y="1.5" width="77" height="62" alpha="0.1">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="80" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border trailing -->
+    <Rect x="82" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="1" width="83" height="63">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
index ddc552a..cb3d304 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/TransparentNavigationButton_up.fxg
@@ -18,35 +18,42 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="1" scaleGridRight="79" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight border right -->
-  <Rect x="79" y="1" width="1" height="63" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- separator dark -->
-  <Rect x="80" y="0" width="2" height="65" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight border trailing -->
-  <Rect x="82" y="1" width="1" height="63" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="83" height="65" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="1" scaleGridRight="79" >
+    
+	<!-- highlight border right -->
+    <Rect x="79" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="80" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border trailing -->
+    <Rect x="82" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="83" height="65">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+	
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
index f25e287..5deda34 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_down.fxg
@@ -17,33 +17,38 @@
   limitations under the License.
 
 -->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="6" scaleGridRight="152" scaleGridTop="6" scaleGridBottom="94">
+	
+	<!-- Transparent Rect to ensure proper scaling -->
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>	
+	
+	<!-- overlay -->	
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<LinearGradient rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.05"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+
+	<!-- Outermost border -->
+	<Rect width="156" height="98" x="1" y="1">
+		<stroke>
+			<SolidColorStroke color="#000000" weight="2" alpha="0.2" joints="miter"/>
+		</stroke>
+	</Rect>
+	
+	<!-- Middle Outer Border -->
+	<Rect width="152" height="94" x="3" y="3">
+		<stroke>
+			<SolidColorStroke color="#000000" weight="2" alpha="0.1" joints="miter"/>
+		</stroke>
+	</Rect>
 
-<Graphic version="2.0" scaleGridLeft="6" scaleGridRight="152" scaleGridTop="6" scaleGridBottom="94" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Transparent Rect to ensure proper scaling -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- overlay -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.05"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- Outermost border -->
-  <Rect width="156" height="98" x="1" y="1" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="2" alpha="0.2" joints="miter"/>
-    </stroke>
-  </Rect>
-  <!-- Middle Outer Border -->
-  <Rect width="152" height="94" x="3" y="3" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="2" alpha="0.1" joints="miter"/>
-    </stroke>
-  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
index cd38333..49af087 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_showsCaret.fxg
@@ -17,18 +17,20 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Transparent Rect to ensure proper scaling -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- Border -->
-  <Rect width="156" height="98" x="1" y="1" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
-    </stroke>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97">
+	
+	<!-- Transparent Rect to ensure proper scaling --> 
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+	
+	<!-- Border -->
+	<Rect width="156" height="98" x="1" y="1">
+		<stroke>
+			<SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
+		</stroke>
+	</Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
index cd38333..55ccaf9 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ViewMenuItem_up.fxg
@@ -17,18 +17,21 @@
   limitations under the License.
 
 -->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97">
+
+	<!-- Transparent Rect to ensure proper scaling -->
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- Border -->
+	<Rect width="156" height="98" x="1" y="1">
+		<stroke>
+			<SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
+		</stroke>
+	</Rect>
 
-<Graphic version="2.0" scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Transparent Rect to ensure proper scaling -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- Border -->
-  <Rect width="156" height="98" x="1" y="1" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
-    </stroke>
-  </Rect>
 </Graphic>
\ No newline at end of file


[15/41] Dummy 120 and 640 dpi skins. 120 is just a copy of the 240 skins and 640 a copy of the 320 skins.

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
new file mode 100644
index 0000000..0248ffb
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/HSliderTrack.fxg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "13" viewWidth= "768"
+         scaleGridLeft="23" scaleGridRight="745" scaleGridTop="1" scaleGridBottom="12">
+      <Rect x="16" width="736" height="12" radiusX="5.43198" radiusY="5.43198">
+        <fill>
+          <LinearGradient x="368" y="0" scaleX="12.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.5"/>
+            <GradientEntry ratio="1" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      <Path x="16" y="7" data="M0 0C0 3 3 6 6 6L730 6C733 6 736 3 736 0 735 1 733 5 730 5L6 5C3 5 0 2 0 0Z">
+        <fill>
+          <LinearGradient x="368" y="0" scaleX="5" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.1"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.5"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="16" data="M0 6C1 4 3 1 6 1L730 1C733 1 735 4 736 6 736 3 733 0 730 0L6 0C3 0 0 3 0 6Z">
+        <fill>
+          <LinearGradient x="368" y="0" scaleX="6" rotation="90">
+            <GradientEntry ratio="0" alpha="0.4"/>
+            <GradientEntry ratio="1" alpha="0.05"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Rect width="768" height="13">
+        <fill>
+          <SolidColor alpha="0"/>
+        </fill>
+      </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
new file mode 100644
index 0000000..19b0550
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ImageInvalid.fxg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" viewHeight="50" viewWidth="50" xmlns="http://ns.adobe.com/fxg/2008">
+        <Rect x="0.5" y="0.5" width="49" height="49">
+          <fill>
+            <SolidColor color="#FFFFFF"/>
+          </fill>
+        </Rect>
+        <Path winding="nonZero" data="M49 1 49 49 1 49 1 1 49 1M50 0 0 0 0 50 50 50 50 0 50 0Z">
+          <fill>
+            <SolidColor color="#FFFFFF"/>
+          </fill>
+        </Path>
+      <Path winding="nonZero" data="M0 0 0 50 50 50 50 0 0 0ZM47 47 3 47 3 3 47 3 47 47Z">
+        <fill>
+          <SolidColor color="#969696"/>
+        </fill>
+      </Path>
+      <Path x="6" y="6" winding="nonZero" data="M0 0 0 38 38 38 38 0 0 0ZM19.2524 35.5098C17.3325 35.5098 15.8921 34.2617 15.8921 32.1484 15.8921 30.1328 17.3325 28.8379 19.2524 28.8379 21.2676 28.8379 22.6133 30.2285 22.6133 32.1484 22.6133 34.166 21.3652 35.5098 19.2524 35.5098ZM21.0293 22.0684
+C21.0293 22.9316 21.3652 23.7031 21.8926 24.6152 21.9883 24.8066 21.8926 25 21.6523 25L17.4282 25C17.188 25 17.0923 24.998 16.8521 24.7578 15.9878 23.7988 15.604 22.4541 15.604 21.4932 15.604 17.6533 21.8926 15.3008 21.8926 11.46 21.8926 9.58789
+ 20.3555 7.95557 17.4282 7.95557 15.0278 7.95557 13.1572 8.43555 11.4775 9.15625 11.2861 9.25195 11 9.15576 11 8.96338L11 5.17139C11 4.979 11.1416 4.78711 11.333 4.69092 12.5342 4.11523 15.0029 3.20312 18.5557 3.20312 24.1719 3.20312 27.8086 6.41943
+ 27.8086 11.0278 27.8086 16.3081 21.0293 19.3325 21.0293 22.0684Z">
+        <fill>
+          <SolidColor color="#969696"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
new file mode 100644
index 0000000..915de70
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_down.fxg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009">
+	<Path data="M 2 24 C 2 11 12 1 25 1 C 38 1 48 11 48 24 C 48 37 38 47 25 47 C 12 47 2 37 2 24 Z M 1 24 C 1 37 12 48 25 48 C 38 48 49 37 49 24 C 49 11 38 0 25 0 C 12 0 1 11 1 24 Z " blendMode="normal" alpha="1">
+			<fill>
+				<LinearGradient x = "25" y = "0" scaleX = "48" rotation = "90">
+					<GradientEntry color="#ffffff" ratio="0" alpha="0.047058823529411764"/>
+					<GradientEntry color="#ffffff" ratio="1" alpha="0.2"/>
+				</LinearGradient>
+			</fill>
+		</Path>
+		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z " blendMode="normal" alpha="1" d:userLabel="Ellipse">
+			<fill>
+				<LinearGradient x = "25" y = "2" scaleX = "44" rotation = "90">
+					<GradientEntry color="#000000" ratio="0" alpha="0.10980392156862745"/>
+					<GradientEntry color="#000000" ratio="1" alpha="0.4"/>
+				</LinearGradient>
+			</fill>
+		</Path>
+		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z M 2 24 C 2 37 12 47 25 47 C 38 47 48 37 48 24 C 48 11 38 1 25 1 C 12 1 2 11 2 24 Z " blendMode="normal" alpha="0.6509803921568627">
+			<fill>
+				<SolidColor color="#000000"/>
+			</fill>
+		</Path>
+		<Path data="M 4 24 C 4 12 13 3 25 3 C 37 3 46 12 46 24 C 46 36 37 45 25 45 C 13 45 4 36 4 24 Z M 3 24 C 3 37 12 46 25 46 C 38 46 47 37 47 24 C 47 11 38 2 25 2 C 12 2 3 11 3 24 Z " blendMode="normal" alpha="0.25098039215686274">
+			<fill>
+				<SolidColor color="#1e1e1e"/>
+			</fill>
+		</Path>
+		<Path data="M 5 24 C 5 12 13 4 25 4 C 37 4 45 12 45 24 C 45 36 37 44 25 44 C 13 44 5 36 5 24 Z M 4 24 C 4 36 13 45 25 45 C 37 45 46 36 46 24 C 46 12 37 3 25 3 C 13 3 4 12 4 24 Z " blendMode="normal" alpha="0.10196078431372549">
+			<fill>
+				<SolidColor color="#1e1e1e"/>
+			</fill>
+		</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
new file mode 100644
index 0000000..363160f
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbol.fxg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z ">
+		<fill>
+			<SolidColor color="#646464"/>
+		</fill>
+	</Path>
+	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z ">
+		<fill>
+			<LinearGradient x = "25" y = "13" scaleX = "22" rotation = "90">
+				<GradientEntry color="#787878" ratio="0" alpha="1"/>
+				<GradientEntry color="#969696" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
new file mode 100644
index 0000000..16fbe1f
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_downSymbolSelected.fxg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 30 36 24 36 C 18 36 13 30 13 24 Z ">
+		<fill>
+			<SolidColor color="#323232"/>
+		</fill>
+	</Path>
+	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 30 35 24 35 C 18 35 14 30 14 24 Z ">
+		<fill>
+			<LinearGradient x = "24" y = "13" scaleX = "22" rotation = "90">
+				<GradientEntry color="#464646" ratio="0" alpha="1"/>
+				<GradientEntry color="#1e1e1e" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
new file mode 100644
index 0000000..ca1ec4a
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_up.fxg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+	
+		<Path data="M 2 24 C 2 11 12 1 25 1 C 38 1 48 11 48 24 C 48 37 38 47 25 47 C 12 47 2 37 2 24 Z M 1 24 C 1 37 12 48 25 48 C 38 48 49 37 49 24 C 49 11 38 0 25 0 C 12 0 1 11 1 24 Z " blendMode="normal" alpha="1">
+			<fill>
+				<LinearGradient x = "25" y = "0" scaleX = "48" rotation = "90">
+					<GradientEntry color="#000000" ratio="0" alpha="0"/>
+					<GradientEntry color="#000000" ratio="1" alpha="0.14901960784313725"/>
+				</LinearGradient>
+			</fill>
+		</Path>
+		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z " blendMode="normal" alpha="1">
+			<fill>
+				<LinearGradient x = "25" y = "8" scaleX = "21" rotation = "90">
+					<GradientEntry color="#ffffff" ratio="0" alpha="0.8"/>
+					<GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+				</LinearGradient>
+			</fill>
+		</Path>
+		<Path data="M 3 24 C 3 11 12 2 25 2 C 38 2 47 11 47 24 C 47 37 38 46 25 46 C 12 46 3 37 3 24 Z M 2 24 C 2 37 12 47 25 47 C 38 47 48 37 48 24 C 48 11 38 1 25 1 C 12 1 2 11 2 24 Z " blendMode="normal" alpha="0.6">
+			<fill>
+				<SolidColor color="#000000"/>
+			</fill>
+		</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
new file mode 100644
index 0000000..146f64a
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbol.fxg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z ">
+		<fill>
+			<SolidColor color="#969696"/>
+		</fill>
+	</Path>
+	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z ">
+		<fill>
+			<LinearGradient x = "25" y = "13" scaleX = "14" rotation = "90">
+				<GradientEntry color="#999999" ratio="0" alpha="1"/>
+				<GradientEntry color="#b4b4b4" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
new file mode 100644
index 0000000..c939470
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/RadioButton_upSymbolSelected.fxg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
+	<Path data="M 13 24 C 13 18 19 12 25 12 C 31 12 37 18 37 24 C 37 30 31 36 25 36 C 19 36 13 30 13 24 Z ">
+		<fill>
+			<SolidColor color="#323232"/>
+		</fill>
+	</Path>
+	<Path data="M 14 24 C 14 18 19 13 25 13 C 31 13 36 18 36 24 C 36 30 31 35 25 35 C 19 35 14 30 14 24 Z ">
+		<fill>
+			<LinearGradient x = "25" y = "13" scaleX = "22" rotation = "90">
+				<GradientEntry color="#5a5a5a" ratio="0" alpha="1"/>
+				<GradientEntry color="#323232" ratio="1" alpha="1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
new file mode 100644
index 0000000..0a09b08
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerBackground.fxg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
+	scaleGridLeft="8" scaleGridTop="8" scaleGridRight="92" scaleGridBottom="92">
+
+	<Rect width="100" height="100" radiusX="8" radiusY="8">
+		<fill>
+			<SolidColor color="#4D4D4D"/>
+		</fill>
+	</Rect>
+	<Rect x="1" y="1" width="98" height="98" radiusX="8" radiusY="8">
+		<fill>	
+			<SolidColor color="#F2F2F2"/>
+		</fill>
+	</Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
new file mode 100644
index 0000000..bd553bd
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerSelectionIndicator.fxg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight="72" viewWidth="100"
+	scaleGridLeft="3" scaleGridTop="8" scaleGridRight="97" scaleGridBottom="63">
+	<!-- Transparent rect used to center the bar -->
+	<Rect x="0" y="0" width="100" height="6">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+	<!-- Border --> 
+	<Path y="6" winding="nonZero" data="M100 60 0 60 0 0 100 0 100 60ZM1 59 99 59 99 1 1 1 1 59Z">
+    	<fill>
+        	<SolidColor color="#666666"/>
+		</fill>
+	</Path>
+	<!-- Two tone gradient background -->
+	<Rect x="1" y="7" width="98" height="58">
+    	<fill>
+        	<LinearGradient rotation="90">
+            	<GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
+				<GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
+				<GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
+				<GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
+				<GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+	<!-- Top highlight -->
+	<Rect x="2" y="7" width="96" height="1">
+    	<fill>
+        	<SolidColor color="#FFFFFF"/>
+        </fill>
+	</Rect>
+	<!-- Bottom highlight -->
+	<Rect x="2" y="64" width="96" height="1">
+    	<fill>
+        	<SolidColor color="#FFFFFF"/>
+        </fill>
+	</Rect>
+	<!-- Shadow -->
+	<Rect x="2" y="66" width="96" height="6">
+		<fill>
+			<LinearGradient rotation="90">
+				<GradientEntry ratio="0" color="#000000" alpha="0.15"/>
+				<GradientEntry ratio="1" color="#000000" alpha="0"/>
+			</LinearGradient>
+        </fill>
+	</Rect>
+</Graphic>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
new file mode 100644
index 0000000..2e5a139
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/SpinnerListContainerShadow.fxg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
+	scaleGridLeft="8" scaleGridTop="8" scaleGridRight="92" scaleGridBottom="92">
+	<Rect width="100" height="100" radiusX="8" radiusY="8">
+		<fill>
+			<LinearGradient rotation="270">
+				<GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
+				<GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
+				<GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
+				<GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
new file mode 100644
index 0000000..b5db824
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TextInput_border.fxg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" 
+         scaleGridLeft="8" scaleGridTop="8" scaleGridRight="290" scaleGridBottom="42">
+
+    <!-- border -->
+    <Path data="M 7 1 C 7 1 291 1 291 1 C 294 1 297 4 297 7 C 297 7 297 43 297 43 C 297 46 294 49 291 49 C 291 49 7 49 7 49 C 4 49 1 46 1 43 C 1 43 1 7 1 7 C 1 4 4 1 7 1 Z M 7 0 C 3 0 0 3 0 7 C 0 7 0 43 0 43 C 0 47 3 50 7 50 C 7 50 291 50 291 50 C 295 50 298 47 298 43 C 298 43 298 7 298 7 C 298 3 295 0 291 0 C 291 0 7 0 7 0 Z " alpha="1">
+        <fill>
+            <SolidColor color="#505050"/>
+        </fill>
+    </Path>
+    
+    <!-- inner shadow -->
+    <Path data="M 7 3 C 7 3 290 3 290 3 C 293 3 296 4 296 7 C 296 7 296 43 296 43 C 296 46 293 48 290 48 C 290 48 8 48 8 48 C 5 48 2 46 2 43 C 2 43 2 7 2 7 C 2 4 4 3 7 3 Z M 7 1 C 4 1 1 4 1 7 C 1 7 1 43 1 43 C 1 46 4 49 7 49 C 7 49 291 49 291 49 C 294 49 297 46 297 43 C 297 43 297 7 297 7 C 297 4 294 1 291 1 C 291 1 7 1 7 1 Z " alpha="0.2">
+        <fill>
+            <SolidColor color="#030303"/>
+        </fill>
+    </Path>
+    
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
new file mode 100644
index 0000000..2551f8f
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ToggleSwitch_contentShadow.fxg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+<Graphic version="2.0" viewHeight="42" viewWidth="106" xmlns="http://ns.adobe.com/fxg/2008" scaleGridLeft="21" scaleGridTop="10" scaleGridRight="85" scaleGridBottom="21">
+	<Path winding="nonZero" data="M0 0 0 42 21 42C15 42 10.5 37.2993 10.5 31.5 10.5 25.7007 15 21 21 21L85.0005 21C91.0005 21 95.5005 25.7007 95.5005 31.5 95.5005 37.2993 91.0005 42 85.0005 42L106 42 106 0 0 0Z">
+		<fill>
+			<LinearGradient rotation="90">
+				<GradientEntry ratio="0" alpha="0.1"/>
+				<GradientEntry ratio="0.5" alpha="0.2"/>
+				<GradientEntry ratio="1" alpha="0.1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
new file mode 100644
index 0000000..951ddd2
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="2" scaleGridTop="3" scaleGridRight="88" scaleGridBottom="61">
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="90" height="2">
+        <fill>
+            <SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="62" width="90" height="2">
+        <fill>
+            <SolidColor color="#000000" alpha="0.85"/>
+        </fill>
+    </Rect>
+    <!-- drop shadow (6 filled rects) -->
+    <Rect x="0" y="64" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.35"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="65" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.25"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="66" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="67" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.15"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="68" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="69" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.05"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border -->
+    <Rect x="1" y="2" width="88" height="1" alpha=".25">
+        <fill>
+        	<SolidColor color="#ffffff"/>
+        </fill>
+    </Rect>
+    <Rect x="1" y="61" width="88" height="1" alpha="0.1">
+        <fill>
+        	<SolidColor color="#ffffff"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="2" width="1" height="60">
+        <fill>
+            <LinearGradient x="0" scaleX="60" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    <Rect x="89" y="2" width="1" height="60">
+        <fill>
+            <LinearGradient x="0" scaleX="60" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="90" height="70">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
new file mode 100644
index 0000000..d1a2abc
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="56" height="56">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+
+    <!-- border -->
+      <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48
+C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+    <!-- shadow fill -->
+      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
+        <fill>
+          <LinearGradient x="26.667" y="0" scaleX="30.1528" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+
+    <!-- inner highlight -->
+      <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665
+ 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z">
+        <fill>
+          <LinearGradient x="26.667" y="1.3335" scaleX="50.6673" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
new file mode 100644
index 0000000..5ce569a
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="56" height="56">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+    <!-- chromeColor fill -->
+      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
+        <fill>
+          <SolidColor color="#484848"/>
+        </fill>
+      </Rect>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
new file mode 100644
index 0000000..fd9f296
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="56" height="56">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+
+    <!-- border -->
+      <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48
+C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+    <!-- shadow fill -->
+      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
+        <fill>
+          <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+
+    <!-- inner highlight -->
+      <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665
+ 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z">
+        <fill>
+          <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
+            <GradientEntry ratio="0" alpha="0.35"/>
+            <GradientEntry ratio="0.662577" alpha="0.1"/>
+            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
new file mode 100644
index 0000000..4806393
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="116" height="56">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- border -->
+      <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32422 114.666 8L114.666 48C114.666 51.6758 111.676 54.667 108 54.667L25.3774 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4805 16.0859 47.3994 7.12305 35.5176 2 27.8545 7.12891 20.1772 16.1851 8.41016 16.2344
+ 8.34131 19.2275 4.5791 21.083 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8101 0 18.6875 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 20 0 28 5.33301 36 15.0469 48.2393 15.0469 48.2393 19.0469 53.5732 20 56 25.3335 56L108 56
+C112.418 56 116 52.418 116 48L116 8C116 3.58203 112.418 0 108 0L25.3335 0Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+	<!-- shadow fill -->
+      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99072 112.666 6.6665L112.666 46.6665C112.666 50.3423 109.676 53.3335 106 53.3335L23.3774 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.147 14.0859 46.0659 5.12305 34.1841 0 26.521 5.12891 18.8438 14.1851 7.07666
+ 14.2344 7.00781 17.2275 3.24561 18.9585 0 23.3335 0L106 0 106 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="0" scaleX="30.1525" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+	<!-- highlight border -->
+      <Path x="2" y="1.33203" winding="nonZero" data="M106 1.33301C108.94 1.33301 111.334 3.7251 111.334 6.66699L111.334 46.666C111.334 49.6074 108.94 52.001 106 52.001L23.3774 52.001C19.625 52.001 15.0728 45.1279 15.0728 45.1279 11.7827 39.9365 4.44189 30.7852 1.60254 26.521 4.40576 22.3188 15.3125
+ 7.79443 15.3125 7.79443 15.854 7.02051 19.6455 1.33301 23.3335 1.33301L106 1.33301ZM22.75 0C18.6875 0 16.417 4.26465 14.2344 7.00781 14.1851 7.07715 5.12891 18.8438 0 26.521 5.12305 34.1851 14.0859 46.0664 14.1416 46.1465 15.8164 47.8223 18.3945
+ 53.335 23.3774 53.335L106 53.335C109.676 53.335 112.666 50.3428 112.666 46.666L112.666 6.66699C112.666 2.99072 109.676 0 106 0L22.75 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="0" scaleX="57.0461" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
new file mode 100644
index 0000000..ccb8357
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="116" height="56">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- chromeColor fill -->
+      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715
+ 14.2334 7.0083 17.2275 3.24561 19.084 0 23.3335 0L106 0 106 0Z">
+        <fill>
+          <SolidColor color="#484848"/>
+        </fill>
+      </Path>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
new file mode 100644
index 0000000..7d1fe0a
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="116" height="56">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- border -->
+      <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32373 114.666 8.00049L114.666 48.001C114.666 51.6748 111.676 54.667 108 54.667L25.3784 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4814 16.0869 47.4004 7.12305 35.5176 2 27.855 7.12891 20.1772 16.1855
+ 8.41064 16.2334 8.34082 19.2275 4.5791 21.084 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8091 0 18.6865 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 19.9995 0 28 5.33301 36 15.0464 48.2393 15.0464 48.2393 19.0464 53.5732 20
+ 56 25.3335 56L108 56C112.418 56 116 52.418 116 48.001L116 8.00049C116 3.58203 112.418 0 108 0L25.3335 0Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+	<!-- shadow fill -->
+      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715
+ 14.2334 7.0083 17.2275 3.24561 19.3335 0 23.3335 0L106 0 106 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="-1.04688" scaleX="54.1375" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+	<!-- highlight border -->
+      <Path x="2" y="1.33252" winding="nonZero" data="M106 1.33252C108.94 1.33252 111.334 3.72412 111.334 6.6665L111.334 46.6665C111.334 49.6069 108.94 52.0015 106 52.0015L23.3784 52.0015C19.625 52.0015 15.0737 45.1274 15.0737 45.1274 11.7827 39.936 4.44189 30.7847 1.60254 26.5205 4.40576 22.3179
+ 15.312 7.79346 15.312 7.79346 15.854 7.02002 19.6455 1.33252 23.3335 1.33252L106 1.33252ZM22.8955 0C19.167 0 16.417 4.26465 14.2334 7.00732 14.1855 7.07666 5.12891 18.8428 0 26.5205 5.12305 34.1846 14.0869 46.0669 14.1416 46.147 15.8164 47.8208
+ 18.3945 53.3345 23.3784 53.3345L106 53.3345C109.676 53.3345 112.666 50.3423 112.666 46.6665L112.666 6.6665C112.666 2.99023 109.676 0 105.833 0L22.8955 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="0" scaleX="53.335" rotation="90">
+            <GradientEntry ratio="0" alpha="0.35"/>
+            <GradientEntry ratio="0.662577" alpha="0.1"/>
+            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
new file mode 100644
index 0000000..c2e73e8
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
+    
+      <!-- shadow fill -->
+      <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8472C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M158.655 1.35596 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8472C1.34521 5.61377 5.56641 1.35596 10.7554 1.35596L158.655 1.35596ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8472L0 69.1533C0 75.1436
+ 4.81641 80 10.7554 80L160 80 160 0 160 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path x="1.3335" y="1.35986" winding="nonZero" data="M155.967 1.35547 155.967 75.9321 9.41113 75.9321C4.96338 75.9321 1.34473 72.2837 1.34473 67.7974L1.34473 9.49121C1.34473 5.00488 4.96338 1.35547 9.41113 1.35547L155.967 1.35547ZM157.311 0 9.41113 0C4.22119 0 0 4.25684 0 9.49121L0 67.7974C0 73.0308
+ 4.22119 77.2886 9.41113 77.2886L157.311 77.2886 157.311 0 157.311 0Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="2.68896" y="2.71143" winding="nonZero" data="M153.299 1.3335 153.289 73.2427 8.06641 73.2427C4.35352 73.2427 1.33301 70.1919 1.33301 66.4419L1.33301 8.13574C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 154.623 0 8.06641 0C3.61816 0 0 3.64941 0 8.13574L0 66.4419
+C0 70.9282 3.61816 74.5767 8.06641 74.5767L154.623 74.5767 154.632 0 154.632 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
new file mode 100644
index 0000000..830c381
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
+    
+      <!-- shadow fill -->
+      <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8462C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M158.655 1.35693 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8462C1.34521 5.61475 5.56641 1.35693 10.7554 1.35693L158.655 1.35693ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8462L0 69.1533C0 75.1436
+ 4.81641 80 10.7554 80L160 80 160 0 160 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path x="1.3335" y="1.35938" winding="nonZero" data="M155.967 1.35693 155.967 75.9326 9.41113 75.9326C4.96338 75.9326 1.34473 72.2842 1.34473 67.7979L1.34473 9.49219C1.34473 5.00537 4.96338 1.35693 9.41113 1.35693L155.967 1.35693ZM157.311 0 9.41113 0C4.22119 0 0 4.25781 0 9.49219L0 67.7979C0 73.0312
+ 4.22119 77.2891 9.41113 77.2891L157.311 77.2891 157.311 0 157.311 0Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="2.68896" y="2.71094" winding="nonZero" data="M153.299 1.3335 153.289 73.2432 8.06641 73.2432C4.35352 73.2432 1.33301 70.1924 1.33301 66.4424L1.33301 8.13525C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 8.06641 0C3.61816 0 0 3.6499 0 8.13525L0 66.4424C0 70.9287
+ 3.61816 74.5771 8.06641 74.5771L154.623 74.5771 154.632 0 154.632 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
new file mode 100644
index 0000000..864eac3
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
+    
+      <!-- highlight fill -->
+      <Path data="M160 80 10.5781 80C4.73682 80 0 75.3018 0 69.5078L0 10.4917C0 4.69727 4.73682 0 10.5781 0L160 0 160 80Z">
+        <fill>
+          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9587" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M158.677 1.31104 158.677 78.6885 10.5781 78.6885C5.4751 78.6885 1.32275 74.5703 1.32275 69.5078L1.32275 10.4917C1.32275 5.42969 5.4751 1.31104 10.5781 1.31104L158.677 1.31104ZM160 0 10.5781 0C4.73682 0 0 4.69727 0 10.4917L0 69.5078C0 75.3018 4.73682
+ 80 10.5781 80L160 80 160 0 160 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- right separator highlight -->
+      <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
new file mode 100644
index 0000000..8b303b8
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
+    
+      <!-- shadow fill -->
+      <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8472L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path y="1.35986" winding="nonZero" data="M1.3335 1.35547 149.255 1.35547C153.703 1.35547 157.321 5.00488 157.321 9.49121L157.321 67.7974C157.321 72.2837 153.703 75.9321 149.255 75.9321L1.3335 75.9321M0 0 0 77.2886 149.255 77.2886C154.445 77.2886 158.667 73.0308 158.667 67.7974L158.667
+ 9.49121C158.667 4.25684 154.445 0 149.255 0L0 0Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.3335" y="2.71143" winding="nonZero" data="M147.912 1.3335C151.624 1.3335 154.644 4.38477 154.644 8.13574L154.644 66.4419C154.644 70.1919 151.624 73.2427 147.912 73.2427L1.33301 73.2427 1.33301 1.3335 147.912 1.3335ZM147.912 0 0 0 0 74.5767 147.912 74.5767C152.359 74.5767 155.978 70.9282
+ 155.978 66.4419L155.978 8.13574C155.978 3.64941 152.359 0 147.912 0L147.912 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263
+ 0 149.422 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
new file mode 100644
index 0000000..61e486a
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
+    
+      <!-- shadow fill -->
+      <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8462L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path y="1.35938" winding="nonZero" data="M1.34375 1.35693 149.255 1.35693C153.703 1.35693 157.321 5.00537 157.321 9.49219L157.321 67.7979C157.321 72.2842 153.703 75.9326 149.255 75.9326L1.34375 75.9326 1.34375 1.35693ZM0 77.2891 149.255 77.2891C154.445 77.2891 158.667 73.0312 158.667
+ 67.7979L158.667 9.49219C158.667 4.25781 154.445 0 149.255 0L0 0 0 77.2891Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.32275" y="2.71094" winding="nonZero" data="M147.922 1.3335C151.634 1.3335 154.655 4.38477 154.655 8.13525L154.655 66.4424C154.655 70.1924 151.634 73.2432 147.922 73.2432L1.34375 73.2432 1.3335 1.3335 147.922 1.3335ZM147.922 0 0 0 0.0107422 74.5771 147.922 74.5771C152.37 74.5771 155.989
+ 70.9287 155.989 66.4424L155.989 8.13525C155.989 3.6499 152.37 0 147.922 0L147.922 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4922L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4922C160 4.69775 155.263
+ 0 149.422 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
new file mode 100644
index 0000000..7d77bc2
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
+    
+      <!-- highlight fill -->
+      <Path data="M0 0 149.422 0C155.263 0 160 4.69727 160 10.4917L160 69.5078C160 75.3018 155.263 80 149.422 80L0 80 0 0Z">
+        <fill>
+          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- left separator highlight -->
+      <Rect y="1.3335" width="1.3335" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263
+ 0 149.422 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
new file mode 100644
index 0000000..c6ace14
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
+    
+      <!-- shadow fill -->
+      <Rect width="160" height="80">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- outer shadow -->
+      <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0449219 0 77.3335 158.667 77.3335 158.667 0 0 0.0449219Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.3335" y="2.6665" winding="nonZero" data="M154.667 1.3335 154.667 73.3335 1.33301 73.3335 1.33301 1.3335 154.667 1.3335ZM156 0 0 0 0 74.6665 156 74.6665 156 0 156 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
new file mode 100644
index 0000000..aad6c68
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
+    
+      <!-- shadow fill -->
+      <Rect y="1.3335" width="158.667" height="77.3335">
+        <fill>
+          <LinearGradient x="79.3335" y="1.3335" scaleX="74.7917" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- outer shadow -->
+      <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0439453 0 77.3335 158.667 77.3335 158.667 0 0 0.0439453 0 0.0439453Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.32275" y="2.6665" winding="nonZero" data="M154.677 1.3335 154.677 73.3335 1.34375 73.3335 1.3335 1.3335 154.677 1.3335ZM156.01 0 0 0 0.0107422 74.6665 156.01 74.6665 156.01 0 156.01 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
new file mode 100644
index 0000000..840b767
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
+    
+      <!-- highlight fill -->
+      <Rect width="160" height="80">
+        <fill>
+          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- left separator highlight -->
+      <Rect y="1.3335" width="1.3335" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+      
+      <!-- right separator highlight -->
+      <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
new file mode 100644
index 0000000..9f94174
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" viewHeight="86" viewWidth="292" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66">
+  	<!-- Border --> 
+	<Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z">
+    	<fill>
+      		<SolidColor color="#464646"/>
+    	</fill>
+  	</Path>
+	<!-- Fill Shadow -->
+  	<Path x="2" y="2" data="M10 0 278 0C284 0 288 4 288 10L288 72C288 78 284 82 278 82L10 82C4 82 0 78 0 72L0 10C0 4 4 0 10 0Z">
+	    <fill>
+      		<LinearGradient x="144" y="0" scaleX="82.0005" rotation="90">
+        		<GradientEntry ratio="0" alpha="0.05"/>
+        		<GradientEntry ratio="1" alpha="0.25"/>
+      		</LinearGradient>
+    	</fill>
+  	</Path>
+  	<!-- Inner Shadow -->
+	<Path x="2" y="2" data="M2 10C2 6 6 2 10 2L278 2C282 2 286 6 286 10L286 72C286 76 282 80 278 80L10 80C6 80 2 76 2 72L2 10ZM10 0C4 0 0 4 0 10L0 72C0 78 4 82 10 82L278 82C284 82 288 78 288 72L288 10C288 4 284 0 278 0L10 0Z">
+	    <fill>
+      		<SolidColor alpha="0.2"/>
+    	</fill>
+  	</Path>
+  	<!-- Inner Inner Shadow -->
+	<Path x="4" y="4" data="M2 8C2 4 4 2 8 2L276 2C280 2 282 4 282 8L282 70C282 74 280 76 276 76L8 76C4 76 2 74 2 70L2 8ZM0 8 0 70C0 74 4 78 8 78L276 78C280 78 284 74 284 70L284 8C284 4 280 0 276 0L8 0C4 0 0 4 0 8Z">
+	    <fill>
+      		<SolidColor color="#646464" alpha="0.1"/>
+    	</fill>
+  	</Path>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5bb420d7/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
new file mode 100644
index 0000000..99040ab
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<Graphic version="2.0" viewHeight="86" viewWidth="292" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66">
+	<!-- Outer Border -->
+	<Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z">
+    	<fill>
+    	  	<SolidColor color="#646464"/>
+    	</fill>
+  	</Path>
+</Graphic>
\ No newline at end of file


[18/41] git commit: [flex-sdk] [refs/heads/develop] - fix 120 path names

Posted by jm...@apache.org.
fix 120 path names


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/ebc7ae0c
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/ebc7ae0c
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/ebc7ae0c

Branch: refs/heads/develop
Commit: ebc7ae0cf656d99924d1e43f1058b24ef7b9b751
Parents: 56c49d2
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 15:46:56 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 15:46:56 2013 +1000

----------------------------------------------------------------------
 .../mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as  | 12 ++++++------
 .../src/spark/skins/mobile/VScrollBarThumbSkin.as       |  4 ++--
 .../skins/mobile/supportClasses/StageTextSkinBase.as    |  2 ++
 3 files changed, 10 insertions(+), 8 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/ebc7ae0c/frameworks/projects/mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as
index 481a6b3..dda98a7 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/CheckBoxSkin.as
@@ -24,12 +24,12 @@ import flash.display.DisplayObject;
 import mx.core.DPIClassification;
 
 import spark.skins.mobile.supportClasses.SelectableButtonSkinBase;
-import spark.skins.mobile160.assets.CheckBox_down;
-import spark.skins.mobile160.assets.CheckBox_downSymbol;
-import spark.skins.mobile160.assets.CheckBox_downSymbolSelected;
-import spark.skins.mobile160.assets.CheckBox_up;
-import spark.skins.mobile160.assets.CheckBox_upSymbol;
-import spark.skins.mobile160.assets.CheckBox_upSymbolSelected;
+import spark.skins.mobile120.assets.CheckBox_down;
+import spark.skins.mobile120.assets.CheckBox_downSymbol;
+import spark.skins.mobile120.assets.CheckBox_downSymbolSelected;
+import spark.skins.mobile120.assets.CheckBox_up;
+import spark.skins.mobile120.assets.CheckBox_upSymbol;
+import spark.skins.mobile120.assets.CheckBox_upSymbolSelected;
 import spark.skins.mobile160.assets.CheckBox_down;
 import spark.skins.mobile160.assets.CheckBox_downSymbol;
 import spark.skins.mobile160.assets.CheckBox_downSymbolSelected;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/ebc7ae0c/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarThumbSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarThumbSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarThumbSkin.as
index acf1479..62f7059 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarThumbSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/VScrollBarThumbSkin.as
@@ -48,8 +48,8 @@ public class VScrollBarThumbSkin extends MobileSkin
     //--------------------------------------------------------------------------
     
     // These constants are also accessed from VScrollBarSkin
-	mx_internal static const PADDING_RIGHT_630DPI:int = 10;
-	mx_internal static const PADDING_VERTICAL_630DPI:int = 8;
+	mx_internal static const PADDING_RIGHT_640DPI:int = 10;
+	mx_internal static const PADDING_VERTICAL_640DPI:int = 8;
 	mx_internal static const PADDING_RIGHT_480DPI:int = 8;
 	mx_internal static const PADDING_VERTICAL_480DPI:int = 6;
     mx_internal static const PADDING_RIGHT_320DPI:int = 5;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/ebc7ae0c/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/StageTextSkinBase.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/StageTextSkinBase.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/StageTextSkinBase.as
index 3d08a21..fa0341c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/StageTextSkinBase.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/supportClasses/StageTextSkinBase.as
@@ -30,10 +30,12 @@ import spark.components.supportClasses.SkinnableTextBase;
 import spark.components.supportClasses.StyleableStageText;
 import spark.components.supportClasses.StyleableTextField;
 import spark.core.IDisplayText;
+import spark.skins.mobile120.assets.TextInput_border;
 import spark.skins.mobile160.assets.TextInput_border;
 import spark.skins.mobile240.assets.TextInput_border;
 import spark.skins.mobile320.assets.TextInput_border;
 import spark.skins.mobile480.assets.TextInput_border;
+import spark.skins.mobile640.assets.TextInput_border;
 
 use namespace mx_internal;
 


[30/41] New baseline for 120 and 640 dpi tests

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_iconItemRenderer_decorator_embedded@240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_iconItemRenderer_decorator_embedded@240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_iconItemRenderer_decorator_embedded@240ppi.png.xml
new file mode 100644
index 0000000..84fc9ce
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_iconItemRenderer_decorator_embedded@240ppi.png.xml
@@ -0,0 +1,192 @@
+<DisplayList>
+  <ImageScaling width="426.6666666666667" height="640">
+    <spark.skins.spark.ApplicationSkin width="426.6666666666667" height="640" blendMode="auto">
+      <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+        <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+          <comps.QANavigator width="426.6666666666667" height="640">
+            <spark.skins.mobile.ViewNavigatorSkin width="426.6666666666667" height="640">
+              <spark.components.Group y="45" width="426.6666666666667" height="595" blendMode="auto">
+                <views.ImageScalingView width="426.6666666666667" height="595">
+                  <spark.skins.mobile.SkinnableContainerSkin width="426.6666666666667" height="595">
+                    <spark.components.Group width="426.6666666666667" height="595" blendMode="auto">
+                      <spark.components.HGroup x="10" y="10" width="228" height="72" blendMode="auto">
+                        <spark.components.Group width="72" height="72" blendMode="auto"/>
+                        <spark.components.Image x="78" width="72" height="72">
+                          <spark.skins.mobile.ImageSkin width="72" height="72">
+                            <spark.components.Group width="72" height="72" blendMode="auto"/>
+                          </spark.skins.mobile.ImageSkin>
+                        </spark.components.Image>
+                        <spark.components.Button x="156" width="72" height="72">
+                          <comps.SolidButtonSkin width="72" height="72" blendMode="auto"/>
+                        </spark.components.Button>
+                      </spark.components.HGroup>
+                      <spark.components.HGroup x="10" y="88" width="348" height="88" blendMode="auto">
+                        <spark.components.List width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass0 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass0>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="118" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass1 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass1>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="236" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass2 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="8" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass2>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                      </spark.components.HGroup>
+                      <spark.components.TabbedViewNavigator x="10" y="182" width="100" height="100">
+                        <spark.skins.mobile.TabbedViewNavigatorSkin width="100" height="100">
+                          <spark.components.Group width="100" height="16" blendMode="auto">
+                            <spark.components.ViewNavigator width="100" height="16">
+                              <spark.skins.mobile.ViewNavigatorSkin width="100" height="16">
+                                <spark.components.Group width="100" height="16" blendMode="auto">
+                                  <comps.SolidView width="100" height="16">
+                                    <spark.skins.mobile.SkinnableContainerSkin width="100" height="16">
+                                      <spark.components.Group width="100" height="16" blendMode="auto"/>
+                                    </spark.skins.mobile.SkinnableContainerSkin>
+                                  </comps.SolidView>
+                                </spark.components.Group>
+                                <spark.components.ActionBar width="0" height="0">
+                                  <spark.skins.mobile.ActionBarSkin width="0" height="0">
+                                    <spark.skins.mobile160.assets.ActionBarBackground width="0" height="3" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                                      <flash.display.Shape width="65" height="1"/>
+                                      <flash.display.Shape y="44" width="65" height="1"/>
+                                      <flash.display.Shape y="45" width="65" height="1"/>
+                                      <flash.display.Shape y="46" width="65" height="1"/>
+                                      <flash.display.Shape y="47" width="65" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                                      <flash.display.Shape y="1" width="1" height="43"/>
+                                      <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                                      <flash.display.Shape width="65" height="48"/>
+                                    </spark.skins.mobile160.assets.ActionBarBackground>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
+                                      <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-11.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                      <spark.components.supportClasses.StyleableTextField x="-2" y="-12.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                    </ActionBarSkin.as$55.TitleDisplayComponent>
+                                  </spark.skins.mobile.ActionBarSkin>
+                                </spark.components.ActionBar>
+                              </spark.skins.mobile.ViewNavigatorSkin>
+                            </spark.components.ViewNavigator>
+                          </spark.components.Group>
+                          <spark.components.ButtonBar y="16" width="100" height="84">
+                            <spark.skins.mobile.TabbedViewNavigatorTabBarSkin width="100" height="84">
+                              <spark.components.DataGroup width="100" height="84">
+                                <spark.components.ButtonBarButton width="100" height="84">
+                                  <spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin width="100" height="84">
+                                    <spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected width="100" height="84" blendMode="auto" scale9Grid="(x=3, y=3, w=114, h=70)">
+                                      <flash.display.Shape y="1" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="1"/>
+                                      <flash.display.Shape y="75" width="120" height="1"/>
+                                      <flash.display.Shape x="0.5" y="1.5" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="76"/>
+                                    </spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected>
+                                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="48" y="75" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.supportClasses.StyleableTextField x="48" y="74" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <views.ImageScalingView__embed_mxml____icons_icon50x50embedded_png_1552950261 x="14" y="6" width="72" height="72"/>
+                                  </spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin>
+                                </spark.components.ButtonBarButton>
+                              </spark.components.DataGroup>
+                            </spark.skins.mobile.TabbedViewNavigatorTabBarSkin>
+                          </spark.components.ButtonBar>
+                        </spark.skins.mobile.TabbedViewNavigatorSkin>
+                      </spark.components.TabbedViewNavigator>
+                    </spark.components.Group>
+                  </spark.skins.mobile.SkinnableContainerSkin>
+                </views.ImageScalingView>
+              </spark.components.Group>
+              <spark.components.ActionBar width="426.6666666666667" height="45">
+                <spark.skins.mobile.ActionBarSkin width="426.6666666666667" height="45">
+                  <spark.skins.mobile160.assets.ActionBarBackground width="426.6666666666667" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                    <flash.display.Shape width="65" height="1"/>
+                    <flash.display.Shape y="44" width="65" height="1"/>
+                    <flash.display.Shape y="45" width="65" height="1"/>
+                    <flash.display.Shape y="46" width="65" height="1"/>
+                    <flash.display.Shape y="47" width="65" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                    <flash.display.Shape y="1" width="1" height="43"/>
+                    <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                    <flash.display.Shape width="65" height="48"/>
+                  </spark.skins.mobile160.assets.ActionBarBackground>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group x="312.65" y="1" width="114" height="43" blendMode="auto">
+                    <spark.components.Button y="5" width="114" height="33">
+                      <spark.skins.mobile.TransparentActionButtonSkin width="114" height="33">
+                        <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="115" height="33" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
+                          <flash.display.Shape y="1" width="1" height="63"/>
+                          <flash.display.Shape x="1" width="1" height="65"/>
+                          <flash.display.Shape x="2" y="1" width="1" height="63"/>
+                          <flash.display.Shape width="82" height="65"/>
+                        </spark.skins.mobile.assets.TransparentActionButton_up>
+                        <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="6" y="5" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                        <spark.components.supportClasses.StyleableTextField x="6" y="4" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                      </spark.skins.mobile.TransparentActionButtonSkin>
+                    </spark.components.Button>
+                  </spark.components.Group>
+                  <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="286.6666666666667" height="43">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="9.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="8.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                  </ActionBarSkin.as$55.TitleDisplayComponent>
+                </spark.skins.mobile.ActionBarSkin>
+              </spark.components.ActionBar>
+            </spark.skins.mobile.ViewNavigatorSkin>
+          </comps.QANavigator>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </ImageScaling>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_image_embedded@240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_image_embedded@240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_image_embedded@240ppi.png.xml
new file mode 100644
index 0000000..84fc9ce
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_image_embedded@240ppi.png.xml
@@ -0,0 +1,192 @@
+<DisplayList>
+  <ImageScaling width="426.6666666666667" height="640">
+    <spark.skins.spark.ApplicationSkin width="426.6666666666667" height="640" blendMode="auto">
+      <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+        <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+          <comps.QANavigator width="426.6666666666667" height="640">
+            <spark.skins.mobile.ViewNavigatorSkin width="426.6666666666667" height="640">
+              <spark.components.Group y="45" width="426.6666666666667" height="595" blendMode="auto">
+                <views.ImageScalingView width="426.6666666666667" height="595">
+                  <spark.skins.mobile.SkinnableContainerSkin width="426.6666666666667" height="595">
+                    <spark.components.Group width="426.6666666666667" height="595" blendMode="auto">
+                      <spark.components.HGroup x="10" y="10" width="228" height="72" blendMode="auto">
+                        <spark.components.Group width="72" height="72" blendMode="auto"/>
+                        <spark.components.Image x="78" width="72" height="72">
+                          <spark.skins.mobile.ImageSkin width="72" height="72">
+                            <spark.components.Group width="72" height="72" blendMode="auto"/>
+                          </spark.skins.mobile.ImageSkin>
+                        </spark.components.Image>
+                        <spark.components.Button x="156" width="72" height="72">
+                          <comps.SolidButtonSkin width="72" height="72" blendMode="auto"/>
+                        </spark.components.Button>
+                      </spark.components.HGroup>
+                      <spark.components.HGroup x="10" y="88" width="348" height="88" blendMode="auto">
+                        <spark.components.List width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass0 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass0>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="118" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass1 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass1>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="236" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass2 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="8" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass2>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                      </spark.components.HGroup>
+                      <spark.components.TabbedViewNavigator x="10" y="182" width="100" height="100">
+                        <spark.skins.mobile.TabbedViewNavigatorSkin width="100" height="100">
+                          <spark.components.Group width="100" height="16" blendMode="auto">
+                            <spark.components.ViewNavigator width="100" height="16">
+                              <spark.skins.mobile.ViewNavigatorSkin width="100" height="16">
+                                <spark.components.Group width="100" height="16" blendMode="auto">
+                                  <comps.SolidView width="100" height="16">
+                                    <spark.skins.mobile.SkinnableContainerSkin width="100" height="16">
+                                      <spark.components.Group width="100" height="16" blendMode="auto"/>
+                                    </spark.skins.mobile.SkinnableContainerSkin>
+                                  </comps.SolidView>
+                                </spark.components.Group>
+                                <spark.components.ActionBar width="0" height="0">
+                                  <spark.skins.mobile.ActionBarSkin width="0" height="0">
+                                    <spark.skins.mobile160.assets.ActionBarBackground width="0" height="3" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                                      <flash.display.Shape width="65" height="1"/>
+                                      <flash.display.Shape y="44" width="65" height="1"/>
+                                      <flash.display.Shape y="45" width="65" height="1"/>
+                                      <flash.display.Shape y="46" width="65" height="1"/>
+                                      <flash.display.Shape y="47" width="65" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                                      <flash.display.Shape y="1" width="1" height="43"/>
+                                      <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                                      <flash.display.Shape width="65" height="48"/>
+                                    </spark.skins.mobile160.assets.ActionBarBackground>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
+                                      <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-11.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                      <spark.components.supportClasses.StyleableTextField x="-2" y="-12.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                    </ActionBarSkin.as$55.TitleDisplayComponent>
+                                  </spark.skins.mobile.ActionBarSkin>
+                                </spark.components.ActionBar>
+                              </spark.skins.mobile.ViewNavigatorSkin>
+                            </spark.components.ViewNavigator>
+                          </spark.components.Group>
+                          <spark.components.ButtonBar y="16" width="100" height="84">
+                            <spark.skins.mobile.TabbedViewNavigatorTabBarSkin width="100" height="84">
+                              <spark.components.DataGroup width="100" height="84">
+                                <spark.components.ButtonBarButton width="100" height="84">
+                                  <spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin width="100" height="84">
+                                    <spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected width="100" height="84" blendMode="auto" scale9Grid="(x=3, y=3, w=114, h=70)">
+                                      <flash.display.Shape y="1" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="1"/>
+                                      <flash.display.Shape y="75" width="120" height="1"/>
+                                      <flash.display.Shape x="0.5" y="1.5" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="76"/>
+                                    </spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected>
+                                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="48" y="75" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.supportClasses.StyleableTextField x="48" y="74" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <views.ImageScalingView__embed_mxml____icons_icon50x50embedded_png_1552950261 x="14" y="6" width="72" height="72"/>
+                                  </spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin>
+                                </spark.components.ButtonBarButton>
+                              </spark.components.DataGroup>
+                            </spark.skins.mobile.TabbedViewNavigatorTabBarSkin>
+                          </spark.components.ButtonBar>
+                        </spark.skins.mobile.TabbedViewNavigatorSkin>
+                      </spark.components.TabbedViewNavigator>
+                    </spark.components.Group>
+                  </spark.skins.mobile.SkinnableContainerSkin>
+                </views.ImageScalingView>
+              </spark.components.Group>
+              <spark.components.ActionBar width="426.6666666666667" height="45">
+                <spark.skins.mobile.ActionBarSkin width="426.6666666666667" height="45">
+                  <spark.skins.mobile160.assets.ActionBarBackground width="426.6666666666667" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                    <flash.display.Shape width="65" height="1"/>
+                    <flash.display.Shape y="44" width="65" height="1"/>
+                    <flash.display.Shape y="45" width="65" height="1"/>
+                    <flash.display.Shape y="46" width="65" height="1"/>
+                    <flash.display.Shape y="47" width="65" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                    <flash.display.Shape y="1" width="1" height="43"/>
+                    <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                    <flash.display.Shape width="65" height="48"/>
+                  </spark.skins.mobile160.assets.ActionBarBackground>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group x="312.65" y="1" width="114" height="43" blendMode="auto">
+                    <spark.components.Button y="5" width="114" height="33">
+                      <spark.skins.mobile.TransparentActionButtonSkin width="114" height="33">
+                        <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="115" height="33" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
+                          <flash.display.Shape y="1" width="1" height="63"/>
+                          <flash.display.Shape x="1" width="1" height="65"/>
+                          <flash.display.Shape x="2" y="1" width="1" height="63"/>
+                          <flash.display.Shape width="82" height="65"/>
+                        </spark.skins.mobile.assets.TransparentActionButton_up>
+                        <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="6" y="5" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                        <spark.components.supportClasses.StyleableTextField x="6" y="4" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                      </spark.skins.mobile.TransparentActionButtonSkin>
+                    </spark.components.Button>
+                  </spark.components.Group>
+                  <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="286.6666666666667" height="43">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="9.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="8.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                  </ActionBarSkin.as$55.TitleDisplayComponent>
+                </spark.skins.mobile.ActionBarSkin>
+              </spark.components.ActionBar>
+            </spark.skins.mobile.ViewNavigatorSkin>
+          </comps.QANavigator>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </ImageScaling>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_image_referenced@240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_image_referenced@240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_image_referenced@240ppi.png.xml
new file mode 100644
index 0000000..c8b22cc
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_image_referenced@240ppi.png.xml
@@ -0,0 +1,192 @@
+<DisplayList>
+  <ImageScaling width="426.6666666666667" height="640">
+    <spark.skins.spark.ApplicationSkin width="426.6666666666667" height="640" blendMode="auto">
+      <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+        <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+          <comps.QANavigator width="426.6666666666667" height="640">
+            <spark.skins.mobile.ViewNavigatorSkin width="426.6666666666667" height="640">
+              <spark.components.Group y="45" width="426.6666666666667" height="595" blendMode="auto">
+                <views.ImageScalingView width="426.6666666666667" height="595">
+                  <spark.skins.mobile.SkinnableContainerSkin width="426.6666666666667" height="595">
+                    <spark.components.Group width="426.6666666666667" height="595" blendMode="auto">
+                      <spark.components.HGroup x="10" y="10" width="228" height="72" blendMode="auto">
+                        <spark.components.Group width="72" height="72" blendMode="auto"/>
+                        <spark.components.Image x="78" width="72" height="72">
+                          <spark.skins.mobile.ImageSkin width="72" height="72">
+                            <spark.components.Group width="72" height="72" blendMode="auto"/>
+                          </spark.skins.mobile.ImageSkin>
+                        </spark.components.Image>
+                        <spark.components.Button x="156" width="72" height="72">
+                          <comps.SolidButtonSkin width="72" height="72" blendMode="auto"/>
+                        </spark.components.Button>
+                      </spark.components.HGroup>
+                      <spark.components.HGroup x="10" y="88" width="348" height="88" blendMode="auto">
+                        <spark.components.List width="112" height="44">
+                          <spark.skins.mobile.ListSkin width="112" height="44">
+                            <spark.components.Scroller width="112" height="44">
+                              <spark.skins.spark.ScrollerSkin width="112" height="44" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="44" scrollRect="(x=0, y=0, w=112, h=44)">
+                                  <views.ImageScalingViewInnerClass0 width="28" height="44" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="16" y="17" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass0>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="118" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass1 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass1>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="236" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass2 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="8" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass2>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                      </spark.components.HGroup>
+                      <spark.components.TabbedViewNavigator x="10" y="182" width="100" height="100">
+                        <spark.skins.mobile.TabbedViewNavigatorSkin width="100" height="100">
+                          <spark.components.Group width="100" height="16" blendMode="auto">
+                            <spark.components.ViewNavigator width="100" height="16">
+                              <spark.skins.mobile.ViewNavigatorSkin width="100" height="16">
+                                <spark.components.Group width="100" height="16" blendMode="auto">
+                                  <comps.SolidView width="100" height="16">
+                                    <spark.skins.mobile.SkinnableContainerSkin width="100" height="16">
+                                      <spark.components.Group width="100" height="16" blendMode="auto"/>
+                                    </spark.skins.mobile.SkinnableContainerSkin>
+                                  </comps.SolidView>
+                                </spark.components.Group>
+                                <spark.components.ActionBar width="0" height="0">
+                                  <spark.skins.mobile.ActionBarSkin width="0" height="0">
+                                    <spark.skins.mobile160.assets.ActionBarBackground width="0" height="3" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                                      <flash.display.Shape width="65" height="1"/>
+                                      <flash.display.Shape y="44" width="65" height="1"/>
+                                      <flash.display.Shape y="45" width="65" height="1"/>
+                                      <flash.display.Shape y="46" width="65" height="1"/>
+                                      <flash.display.Shape y="47" width="65" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                                      <flash.display.Shape y="1" width="1" height="43"/>
+                                      <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                                      <flash.display.Shape width="65" height="48"/>
+                                    </spark.skins.mobile160.assets.ActionBarBackground>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
+                                      <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-11.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                      <spark.components.supportClasses.StyleableTextField x="-2" y="-12.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                    </ActionBarSkin.as$55.TitleDisplayComponent>
+                                  </spark.skins.mobile.ActionBarSkin>
+                                </spark.components.ActionBar>
+                              </spark.skins.mobile.ViewNavigatorSkin>
+                            </spark.components.ViewNavigator>
+                          </spark.components.Group>
+                          <spark.components.ButtonBar y="16" width="100" height="84">
+                            <spark.skins.mobile.TabbedViewNavigatorTabBarSkin width="100" height="84">
+                              <spark.components.DataGroup width="100" height="84">
+                                <spark.components.ButtonBarButton width="100" height="84">
+                                  <spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin width="100" height="84">
+                                    <spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected width="100" height="84" blendMode="auto" scale9Grid="(x=3, y=3, w=114, h=70)">
+                                      <flash.display.Shape y="1" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="1"/>
+                                      <flash.display.Shape y="75" width="120" height="1"/>
+                                      <flash.display.Shape x="0.5" y="1.5" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="76"/>
+                                    </spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected>
+                                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="48" y="75" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.supportClasses.StyleableTextField x="48" y="74" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.Group x="14" y="6" width="72" height="72" blendMode="auto"/>
+                                  </spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin>
+                                </spark.components.ButtonBarButton>
+                              </spark.components.DataGroup>
+                            </spark.skins.mobile.TabbedViewNavigatorTabBarSkin>
+                          </spark.components.ButtonBar>
+                        </spark.skins.mobile.TabbedViewNavigatorSkin>
+                      </spark.components.TabbedViewNavigator>
+                    </spark.components.Group>
+                  </spark.skins.mobile.SkinnableContainerSkin>
+                </views.ImageScalingView>
+              </spark.components.Group>
+              <spark.components.ActionBar width="426.6666666666667" height="45">
+                <spark.skins.mobile.ActionBarSkin width="426.6666666666667" height="45">
+                  <spark.skins.mobile160.assets.ActionBarBackground width="426.6666666666667" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                    <flash.display.Shape width="65" height="1"/>
+                    <flash.display.Shape y="44" width="65" height="1"/>
+                    <flash.display.Shape y="45" width="65" height="1"/>
+                    <flash.display.Shape y="46" width="65" height="1"/>
+                    <flash.display.Shape y="47" width="65" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                    <flash.display.Shape y="1" width="1" height="43"/>
+                    <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                    <flash.display.Shape width="65" height="48"/>
+                  </spark.skins.mobile160.assets.ActionBarBackground>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group x="312.65" y="1" width="114" height="43" blendMode="auto">
+                    <spark.components.Button y="5" width="114" height="33">
+                      <spark.skins.mobile.TransparentActionButtonSkin width="114" height="33">
+                        <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="115" height="33" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
+                          <flash.display.Shape y="1" width="1" height="63"/>
+                          <flash.display.Shape x="1" width="1" height="65"/>
+                          <flash.display.Shape x="2" y="1" width="1" height="63"/>
+                          <flash.display.Shape width="82" height="65"/>
+                        </spark.skins.mobile.assets.TransparentActionButton_up>
+                        <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="6" y="5" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                        <spark.components.supportClasses.StyleableTextField x="6" y="4" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                      </spark.skins.mobile.TransparentActionButtonSkin>
+                    </spark.components.Button>
+                  </spark.components.Group>
+                  <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="286.6666666666667" height="43">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="9.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="8.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                  </ActionBarSkin.as$55.TitleDisplayComponent>
+                </spark.skins.mobile.ActionBarSkin>
+              </spark.components.ActionBar>
+            </spark.skins.mobile.ViewNavigatorSkin>
+          </comps.QANavigator>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </ImageScaling>
+</DisplayList>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/d646653f/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_tabbedViewNavigator_embedded@240ppi.png.xml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_tabbedViewNavigator_embedded@240ppi.png.xml b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_tabbedViewNavigator_embedded@240ppi.png.xml
new file mode 100644
index 0000000..84fc9ce
--- /dev/null
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/baselines/ImageScaling_tabbedViewNavigator_embedded@240ppi.png.xml
@@ -0,0 +1,192 @@
+<DisplayList>
+  <ImageScaling width="426.6666666666667" height="640">
+    <spark.skins.spark.ApplicationSkin width="426.6666666666667" height="640" blendMode="auto">
+      <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+        <spark.components.Group width="426.6666666666667" height="640" blendMode="auto">
+          <comps.QANavigator width="426.6666666666667" height="640">
+            <spark.skins.mobile.ViewNavigatorSkin width="426.6666666666667" height="640">
+              <spark.components.Group y="45" width="426.6666666666667" height="595" blendMode="auto">
+                <views.ImageScalingView width="426.6666666666667" height="595">
+                  <spark.skins.mobile.SkinnableContainerSkin width="426.6666666666667" height="595">
+                    <spark.components.Group width="426.6666666666667" height="595" blendMode="auto">
+                      <spark.components.HGroup x="10" y="10" width="228" height="72" blendMode="auto">
+                        <spark.components.Group width="72" height="72" blendMode="auto"/>
+                        <spark.components.Image x="78" width="72" height="72">
+                          <spark.skins.mobile.ImageSkin width="72" height="72">
+                            <spark.components.Group width="72" height="72" blendMode="auto"/>
+                          </spark.skins.mobile.ImageSkin>
+                        </spark.components.Image>
+                        <spark.components.Button x="156" width="72" height="72">
+                          <comps.SolidButtonSkin width="72" height="72" blendMode="auto"/>
+                        </spark.components.Button>
+                      </spark.components.HGroup>
+                      <spark.components.HGroup x="10" y="88" width="348" height="88" blendMode="auto">
+                        <spark.components.List width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass0 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass0>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="118" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass1 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="88" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass1>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                        <spark.components.List x="236" width="112" height="88">
+                          <spark.skins.mobile.ListSkin width="112" height="88">
+                            <spark.components.Scroller width="112" height="88">
+                              <spark.skins.spark.ScrollerSkin width="112" height="88" blendMode="auto">
+                                <spark.components.DataGroup width="112" height="88" scrollRect="(x=0, y=0, w=112, h=88)">
+                                  <views.ImageScalingViewInnerClass2 width="100" height="88" cacheAsBitmap="true" opaqueBackground="true">
+                                    <spark.components.supportClasses.StyleableTextField x="8" y="39" width="21" height="100" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                  </views.ImageScalingViewInnerClass2>
+                                </spark.components.DataGroup>
+                              </spark.skins.spark.ScrollerSkin>
+                            </spark.components.Scroller>
+                          </spark.skins.mobile.ListSkin>
+                        </spark.components.List>
+                      </spark.components.HGroup>
+                      <spark.components.TabbedViewNavigator x="10" y="182" width="100" height="100">
+                        <spark.skins.mobile.TabbedViewNavigatorSkin width="100" height="100">
+                          <spark.components.Group width="100" height="16" blendMode="auto">
+                            <spark.components.ViewNavigator width="100" height="16">
+                              <spark.skins.mobile.ViewNavigatorSkin width="100" height="16">
+                                <spark.components.Group width="100" height="16" blendMode="auto">
+                                  <comps.SolidView width="100" height="16">
+                                    <spark.skins.mobile.SkinnableContainerSkin width="100" height="16">
+                                      <spark.components.Group width="100" height="16" blendMode="auto"/>
+                                    </spark.skins.mobile.SkinnableContainerSkin>
+                                  </comps.SolidView>
+                                </spark.components.Group>
+                                <spark.components.ActionBar width="0" height="0">
+                                  <spark.skins.mobile.ActionBarSkin width="0" height="0">
+                                    <spark.skins.mobile160.assets.ActionBarBackground width="0" height="3" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                                      <flash.display.Shape width="65" height="1"/>
+                                      <flash.display.Shape y="44" width="65" height="1"/>
+                                      <flash.display.Shape y="45" width="65" height="1"/>
+                                      <flash.display.Shape y="46" width="65" height="1"/>
+                                      <flash.display.Shape y="47" width="65" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                                      <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                                      <flash.display.Shape y="1" width="1" height="43"/>
+                                      <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                                      <flash.display.Shape width="65" height="48"/>
+                                    </spark.skins.mobile160.assets.ActionBarBackground>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <spark.components.Group width="0" height="0" blendMode="auto"/>
+                                    <ActionBarSkin.as$55.TitleDisplayComponent width="0" height="0">
+                                      <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="-11.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                      <spark.components.supportClasses.StyleableTextField x="-2" y="-12.5" width="5" height="4" underline="false">
+                                        <htmlText/>
+                                      </spark.components.supportClasses.StyleableTextField>
+                                    </ActionBarSkin.as$55.TitleDisplayComponent>
+                                  </spark.skins.mobile.ActionBarSkin>
+                                </spark.components.ActionBar>
+                              </spark.skins.mobile.ViewNavigatorSkin>
+                            </spark.components.ViewNavigator>
+                          </spark.components.Group>
+                          <spark.components.ButtonBar y="16" width="100" height="84">
+                            <spark.skins.mobile.TabbedViewNavigatorTabBarSkin width="100" height="84">
+                              <spark.components.DataGroup width="100" height="84">
+                                <spark.components.ButtonBarButton width="100" height="84">
+                                  <spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin width="100" height="84">
+                                    <spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected width="100" height="84" blendMode="auto" scale9Grid="(x=3, y=3, w=114, h=70)">
+                                      <flash.display.Shape y="1" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="1"/>
+                                      <flash.display.Shape y="75" width="120" height="1"/>
+                                      <flash.display.Shape x="0.5" y="1.5" width="120" height="74"/>
+                                      <flash.display.Shape width="120" height="76"/>
+                                    </spark.skins.mobile.assets.TabbedViewNavigatorButtonBarFirstButton_selected>
+                                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="48" y="75" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <spark.components.supportClasses.StyleableTextField x="48" y="74" width="5" height="0" underline="false">
+                                      <htmlText/>
+                                    </spark.components.supportClasses.StyleableTextField>
+                                    <views.ImageScalingView__embed_mxml____icons_icon50x50embedded_png_1552950261 x="14" y="6" width="72" height="72"/>
+                                  </spark.skins.mobile.TabbedViewNavigatorTabBarFirstTabSkin>
+                                </spark.components.ButtonBarButton>
+                              </spark.components.DataGroup>
+                            </spark.skins.mobile.TabbedViewNavigatorTabBarSkin>
+                          </spark.components.ButtonBar>
+                        </spark.skins.mobile.TabbedViewNavigatorSkin>
+                      </spark.components.TabbedViewNavigator>
+                    </spark.components.Group>
+                  </spark.skins.mobile.SkinnableContainerSkin>
+                </views.ImageScalingView>
+              </spark.components.Group>
+              <spark.components.ActionBar width="426.6666666666667" height="45">
+                <spark.skins.mobile.ActionBarSkin width="426.6666666666667" height="45">
+                  <spark.skins.mobile160.assets.ActionBarBackground width="426.6666666666667" height="48" blendMode="auto" scale9Grid="(x=1, y=2, w=63, h=40)">
+                    <flash.display.Shape width="65" height="1"/>
+                    <flash.display.Shape y="44" width="65" height="1"/>
+                    <flash.display.Shape y="45" width="65" height="1"/>
+                    <flash.display.Shape y="46" width="65" height="1"/>
+                    <flash.display.Shape y="47" width="65" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.1484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="1" width="63" height="1"/>
+                    <flash.display.Shape concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.09765625, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="1" y="43" width="63" height="1"/>
+                    <flash.display.Shape y="1" width="1" height="43"/>
+                    <flash.display.Shape x="64" y="1" width="1" height="43"/>
+                    <flash.display.Shape width="65" height="48"/>
+                  </spark.skins.mobile160.assets.ActionBarBackground>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group width="0" height="0" blendMode="auto"/>
+                  <spark.components.Group x="312.65" y="1" width="114" height="43" blendMode="auto">
+                    <spark.components.Button y="5" width="114" height="33">
+                      <spark.skins.mobile.TransparentActionButtonSkin width="114" height="33">
+                        <spark.skins.mobile.assets.TransparentActionButton_up x="-1" width="115" height="33" blendMode="auto" scale9Grid="(x=3, y=1, w=78, h=63)">
+                          <flash.display.Shape y="1" width="1" height="63"/>
+                          <flash.display.Shape x="1" width="1" height="65"/>
+                          <flash.display.Shape x="2" y="1" width="1" height="63"/>
+                          <flash.display.Shape width="82" height="65"/>
+                        </spark.skins.mobile.assets.TransparentActionButton_up>
+                        <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="6" y="5" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                        <spark.components.supportClasses.StyleableTextField x="6" y="4" width="103" height="26" underline="false">
+                          <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="CENTER"&gt;&lt;FONT FACE="_sans" SIZE="16" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;change state&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                        </spark.components.supportClasses.StyleableTextField>
+                      </spark.skins.mobile.TransparentActionButtonSkin>
+                    </spark.components.Button>
+                  </spark.components.Group>
+                  <ActionBarSkin.as$55.TitleDisplayComponent x="13" y="1" width="286.6666666666667" height="43">
+                    <spark.components.supportClasses.StyleableTextField concatenatedColorTransform="(redMultiplier=1, greenMultiplier=1, blueMultiplier=1, alphaMultiplier=0.6484375, redOffset=0, greenOffset=0, blueOffset=0, alphaOffset=0)" x="-2" y="9.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#000000" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                    <spark.components.supportClasses.StyleableTextField x="-2" y="8.95" width="291.65" height="27" underline="false">
+                      <htmlText>&lt;TEXTFORMAT LEADING="2"&gt;&lt;P ALIGN="LEFT"&gt;&lt;FONT FACE="_sans" SIZE="18" COLOR="#FFFFFF" LETTERSPACING="0" KERNING="0"&gt;&lt;B&gt;Screen DPI: 240&lt;/B&gt;&lt;/FONT&gt;&lt;/P&gt;&lt;/TEXTFORMAT&gt;</htmlText>
+                    </spark.components.supportClasses.StyleableTextField>
+                  </ActionBarSkin.as$55.TitleDisplayComponent>
+                </spark.skins.mobile.ActionBarSkin>
+              </spark.components.ActionBar>
+            </spark.skins.mobile.ViewNavigatorSkin>
+          </comps.QANavigator>
+        </spark.components.Group>
+      </spark.components.Group>
+    </spark.skins.spark.ApplicationSkin>
+  </ImageScaling>
+</DisplayList>
\ No newline at end of file


[40/41] git commit: [flex-sdk] [refs/heads/develop] - Merge branch 'NewDPIBuckets' into develop

Posted by jm...@apache.org.
Merge branch 'NewDPIBuckets' into develop


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/1b877a7b
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/1b877a7b
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/1b877a7b

Branch: refs/heads/develop
Commit: 1b877a7b7d821e9ba68bdc0d42bf89f9840c9b34
Parents: 65c219c 73dd37a
Author: Justin Mclean <jm...@apache.org>
Authored: Mon Sep 2 09:36:20 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Mon Sep 2 09:36:20 2013 +1000

----------------------------------------------------------------------
 flex-sdk-description.xml                        |   2 +-
 .../framework/src/mx/core/DPIClassification.as  |  22 ++-
 .../framework/src/mx/core/RuntimeDPIProvider.as |  20 +-
 .../framework/src/mx/utils/DensityUtil.as       |   4 +-
 .../src/spark/components/Callout.as             |  20 +-
 .../src/spark/components/IconItemRenderer.as    |  20 +-
 .../src/spark/components/LabelItemRenderer.as   |  20 +-
 .../spark/components/SpinnerListItemRenderer.as |  20 +-
 .../spark/preloaders/SplashScreenImageSource.as |   2 +-
 frameworks/projects/mobiletheme/defaults.css    | 197 +++++++++++++++++++
 .../skins/mobile/BeveledActionButtonSkin.as     |  72 +++++--
 .../spark/skins/mobile/BeveledBackButtonSkin.as |  72 +++++--
 .../skins/mobile/ButtonBarFirstButtonSkin.as    |  46 ++++-
 .../skins/mobile/ButtonBarLastButtonSkin.as     |  46 ++++-
 .../skins/mobile/ButtonBarMiddleButtonSkin.as   |  42 ++--
 .../src/spark/skins/mobile/ButtonSkin.as        |  72 +++++--
 .../spark/skins/mobile/CalloutActionBarSkin.as  |  20 +-
 .../src/spark/skins/mobile/CalloutSkin.as       |  35 ++++
 .../skins/mobile/CalloutViewNavigatorSkin.as    |  30 ++-
 .../src/spark/skins/mobile/CheckBoxSkin.as      |  54 ++++-
 .../src/spark/skins/mobile/HScrollBarSkin.as    |  28 ++-
 .../spark/skins/mobile/HScrollBarThumbSkin.as   |   8 +-
 .../src/spark/skins/mobile/HSliderThumbSkin.as  |  73 +++++--
 .../src/spark/skins/mobile/HSliderTrackSkin.as  |  47 +++--
 .../src/spark/skins/mobile/ImageSkin.as         |  22 ++-
 .../src/spark/skins/mobile/RadioButtonSkin.as   |  80 ++++++--
 .../skins/mobile/SpinnerListContainerSkin.as    |  51 +++--
 .../src/spark/skins/mobile/SpinnerListSkin.as   |   1 +
 .../src/spark/skins/mobile/StageTextAreaSkin.as |  20 +-
 .../TabbedViewNavigatorTabBarFirstTabSkin.as    |   9 +
 .../TabbedViewNavigatorTabBarLastTabSkin.as     |   2 +
 .../skins/mobile/TextAreaHScrollBarSkin.as      |  28 ++-
 .../skins/mobile/TextAreaHScrollBarThumbSkin.as |  33 +++-
 .../src/spark/skins/mobile/TextAreaSkin.as      |  42 +++-
 .../skins/mobile/TextAreaVScrollBarSkin.as      |  28 ++-
 .../skins/mobile/TextAreaVScrollBarThumbSkin.as |  34 +++-
 .../src/spark/skins/mobile/TextInputSkin.as     |  42 +++-
 .../src/spark/skins/mobile/ToggleSwitchSkin.as  |  54 +++--
 .../skins/mobile/TransparentActionButtonSkin.as |   9 +
 .../mobile/TransparentNavigationButtonSkin.as   |   9 +
 .../src/spark/skins/mobile/VScrollBarSkin.as    |  28 ++-
 .../spark/skins/mobile/VScrollBarThumbSkin.as   |   8 +-
 .../src/spark/skins/mobile/ViewMenuItemSkin.as  |  70 +++++--
 .../src/spark/skins/mobile/ViewMenuSkin.mxml    |  14 +-
 .../supportClasses/ActionBarButtonSkinBase.as   |  27 ++-
 .../skins/mobile/supportClasses/CalloutArrow.as |  34 +++-
 .../mobile/supportClasses/HSliderDataTip.as     |  54 +++--
 .../mobile/supportClasses/StageTextSkinBase.as  |  44 +++--
 .../TabbedViewNavigatorTabBarTabSkinBase.as     |  48 +++--
 .../mobile120/assets/ActionBarBackground.fxg    |  87 ++++++++
 .../assets/BeveledActionButton_down.fxg         |  61 ++++++
 .../assets/BeveledActionButton_fill.fxg         |  38 ++++
 .../mobile120/assets/BeveledActionButton_up.fxg |  63 ++++++
 .../mobile120/assets/BeveledBackButton_down.fxg |  62 ++++++
 .../mobile120/assets/BeveledBackButton_fill.fxg |  39 ++++
 .../mobile120/assets/BeveledBackButton_up.fxg   |  64 ++++++
 .../assets/ButtonBarFirstButton_down.fxg        |  57 ++++++
 .../assets/ButtonBarFirstButton_selected.fxg    |  57 ++++++
 .../assets/ButtonBarFirstButton_up.fxg          |  48 +++++
 .../assets/ButtonBarLastButton_down.fxg         |  57 ++++++
 .../assets/ButtonBarLastButton_selected.fxg     |  57 ++++++
 .../mobile120/assets/ButtonBarLastButton_up.fxg |  48 +++++
 .../assets/ButtonBarMiddleButton_down.fxg       |  54 +++++
 .../assets/ButtonBarMiddleButton_selected.fxg   |  54 +++++
 .../assets/ButtonBarMiddleButton_up.fxg         |  54 +++++
 .../skins/mobile120/assets/Button_down.fxg      |  50 +++++
 .../spark/skins/mobile120/assets/Button_up.fxg  |  29 +++
 .../assets/CalloutContentBackground.fxg         |  51 +++++
 .../skins/mobile120/assets/CheckBox_down.fxg    |  57 ++++++
 .../mobile120/assets/CheckBox_downSymbol.fxg    |  45 +++++
 .../assets/CheckBox_downSymbolSelected.fxg      |  45 +++++
 .../skins/mobile120/assets/CheckBox_up.fxg      |  59 ++++++
 .../mobile120/assets/CheckBox_upSymbol.fxg      |  45 +++++
 .../assets/CheckBox_upSymbolSelected.fxg        |  44 +++++
 .../mobile120/assets/HSliderThumb_normal.fxg    |  44 +++++
 .../mobile120/assets/HSliderThumb_pressed.fxg   |  56 ++++++
 .../skins/mobile120/assets/HSliderTrack.fxg     |  53 +++++
 .../skins/mobile120/assets/ImageInvalid.fxg     |  46 +++++
 .../skins/mobile120/assets/RadioButton_down.fxg |  54 +++++
 .../mobile120/assets/RadioButton_downSymbol.fxg |  34 ++++
 .../assets/RadioButton_downSymbolSelected.fxg   |  34 ++++
 .../skins/mobile120/assets/RadioButton_up.fxg   |  45 +++++
 .../mobile120/assets/RadioButton_upSymbol.fxg   |  34 ++++
 .../assets/RadioButton_upSymbolSelected.fxg     |  34 ++++
 .../assets/SpinnerListContainerBackground.fxg   |  33 ++++
 .../SpinnerListContainerSelectionIndicator.fxg  |  67 +++++++
 .../assets/SpinnerListContainerShadow.fxg       |  32 +++
 ...edViewNavigatorButtonBarFirstButton_down.fxg |  55 ++++++
 ...ewNavigatorButtonBarFirstButton_selected.fxg |  55 ++++++
 ...bbedViewNavigatorButtonBarFirstButton_up.fxg |  55 ++++++
 ...bedViewNavigatorButtonBarLastButton_down.fxg |  61 ++++++
 ...iewNavigatorButtonBarLastButton_selected.fxg |  61 ++++++
 ...abbedViewNavigatorButtonBarLastButton_up.fxg |  61 ++++++
 .../skins/mobile120/assets/TextInput_border.fxg |  39 ++++
 .../assets/ToggleSwitch_contentShadow.fxg       |  30 +++
 .../assets/TransparentActionButton_down.fxg     |  62 ++++++
 .../assets/TransparentActionButton_up.fxg       |  52 +++++
 .../assets/TransparentNavigationButton_down.fxg |  62 ++++++
 .../assets/TransparentNavigationButton_up.fxg   |  52 +++++
 .../mobile120/assets/ViewMenuItem_down.fxg      |  49 +++++
 .../assets/ViewMenuItem_showsCaret.fxg          |  34 ++++
 .../skins/mobile120/assets/ViewMenuItem_up.fxg  |  34 ++++
 .../spark/skins/mobile160/assets/Button_up.fxg  |   3 +-
 .../spark/skins/mobile240/assets/Button_up.fxg  |   3 +-
 .../spark/skins/mobile320/assets/Button_up.fxg  |   3 +-
 .../mobile480/assets/ActionBarBackground.fxg    | 158 +++++++--------
 .../assets/BeveledActionButton_down.fxg         |  71 ++++---
 .../assets/BeveledActionButton_fill.fxg         |  30 +--
 .../mobile480/assets/BeveledActionButton_up.fxg |  75 +++----
 .../mobile480/assets/BeveledBackButton_down.fxg |  73 ++++---
 .../mobile480/assets/BeveledBackButton_fill.fxg |  31 +--
 .../mobile480/assets/BeveledBackButton_up.fxg   |  77 ++++----
 .../assets/ButtonBarFirstButton_down.fxg        |  64 +++---
 .../assets/ButtonBarFirstButton_selected.fxg    |  64 +++---
 .../assets/ButtonBarFirstButton_up.fxg          |  49 ++---
 .../assets/ButtonBarLastButton_down.fxg         |  64 +++---
 .../assets/ButtonBarLastButton_selected.fxg     |  64 +++---
 .../mobile480/assets/ButtonBarLastButton_up.fxg |  49 ++---
 .../assets/ButtonBarMiddleButton_down.fxg       |  61 +++---
 .../assets/ButtonBarMiddleButton_selected.fxg   |  61 +++---
 .../assets/ButtonBarMiddleButton_up.fxg         |  61 +++---
 .../skins/mobile480/assets/Button_down.fxg      |  60 +++---
 .../spark/skins/mobile480/assets/Button_up.fxg  |  17 +-
 .../assets/CalloutContentBackground.fxg         |  54 ++---
 .../skins/mobile480/assets/CheckBox_down.fxg    |  91 ++++-----
 .../mobile480/assets/CheckBox_downSymbol.fxg    |  39 ++--
 .../assets/CheckBox_downSymbolSelected.fxg      |  41 ++--
 .../skins/mobile480/assets/CheckBox_up.fxg      |  15 +-
 .../mobile480/assets/CheckBox_upSymbol.fxg      |  39 ++--
 .../assets/CheckBox_upSymbolSelected.fxg        |  39 ++--
 .../mobile480/assets/HSliderThumb_normal.fxg    |  45 ++---
 .../mobile480/assets/HSliderThumb_pressed.fxg   |  71 +++----
 .../skins/mobile480/assets/HSliderTrack.fxg     |  48 ++---
 .../skins/mobile480/assets/ImageInvalid.fxg     |  46 +++--
 .../skins/mobile480/assets/RadioButton_down.fxg |  56 +++---
 .../mobile480/assets/RadioButton_downSymbol.fxg |  29 ++-
 .../assets/RadioButton_downSymbolSelected.fxg   |  29 ++-
 .../skins/mobile480/assets/RadioButton_up.fxg   |  46 ++---
 .../mobile480/assets/RadioButton_upSymbol.fxg   |  29 ++-
 .../assets/RadioButton_upSymbolSelected.fxg     |  29 ++-
 .../assets/SpinnerListContainerBackground.fxg   |  23 +--
 .../SpinnerListContainerSelectionIndicator.fxg  |  98 ++++-----
 .../assets/SpinnerListContainerShadow.fxg       |  24 +--
 ...edViewNavigatorButtonBarFirstButton_down.fxg |  76 +++----
 ...ewNavigatorButtonBarFirstButton_selected.fxg |  75 +++----
 ...bbedViewNavigatorButtonBarFirstButton_up.fxg |  75 +++----
 ...bedViewNavigatorButtonBarLastButton_down.fxg |  87 ++++----
 ...iewNavigatorButtonBarLastButton_selected.fxg |  87 ++++----
 ...abbedViewNavigatorButtonBarLastButton_up.fxg |  87 ++++----
 .../skins/mobile480/assets/TextInput_border.fxg |  33 ++--
 .../assets/ToggleSwitch_contentShadow.fxg       |  21 +-
 .../assets/TransparentActionButton_down.fxg     |  89 +++++----
 .../assets/TransparentActionButton_up.fxg       |  69 ++++---
 .../assets/TransparentNavigationButton_down.fxg |  89 +++++----
 .../assets/TransparentNavigationButton_up.fxg   |  69 ++++---
 .../mobile480/assets/ViewMenuItem_down.fxg      |  61 +++---
 .../assets/ViewMenuItem_showsCaret.fxg          |  30 +--
 .../skins/mobile480/assets/ViewMenuItem_up.fxg  |  29 +--
 .../mobile640/assets/ActionBarBackground.fxg    | 102 ++++++++++
 .../assets/BeveledActionButton_down.fxg         |  61 ++++++
 .../assets/BeveledActionButton_fill.fxg         |  38 ++++
 .../mobile640/assets/BeveledActionButton_up.fxg |  63 ++++++
 .../mobile640/assets/BeveledBackButton_down.fxg |  63 ++++++
 .../mobile640/assets/BeveledBackButton_fill.fxg |  39 ++++
 .../mobile640/assets/BeveledBackButton_up.fxg   |  65 ++++++
 .../assets/ButtonBarFirstButton_down.fxg        |  57 ++++++
 .../assets/ButtonBarFirstButton_selected.fxg    |  57 ++++++
 .../assets/ButtonBarFirstButton_up.fxg          |  48 +++++
 .../assets/ButtonBarLastButton_down.fxg         |  57 ++++++
 .../assets/ButtonBarLastButton_selected.fxg     |  57 ++++++
 .../mobile640/assets/ButtonBarLastButton_up.fxg |  48 +++++
 .../assets/ButtonBarMiddleButton_down.fxg       |  54 +++++
 .../assets/ButtonBarMiddleButton_selected.fxg   |  54 +++++
 .../assets/ButtonBarMiddleButton_up.fxg         |  54 +++++
 .../skins/mobile640/assets/Button_down.fxg      |  51 +++++
 .../spark/skins/mobile640/assets/Button_up.fxg  |  29 +++
 .../assets/CalloutContentBackground.fxg         |  51 +++++
 .../skins/mobile640/assets/CheckBox_down.fxg    |  67 +++++++
 .../mobile640/assets/CheckBox_downSymbol.fxg    |  41 ++++
 .../assets/CheckBox_downSymbolSelected.fxg      |  41 ++++
 .../skins/mobile640/assets/CheckBox_up.fxg      |  59 ++++++
 .../mobile640/assets/CheckBox_upSymbol.fxg      |  41 ++++
 .../assets/CheckBox_upSymbolSelected.fxg        |  41 ++++
 .../mobile640/assets/HSliderThumb_normal.fxg    |  44 +++++
 .../mobile640/assets/HSliderThumb_pressed.fxg   |  56 ++++++
 .../skins/mobile640/assets/HSliderTrack.fxg     |  45 +++++
 .../skins/mobile640/assets/ImageInvalid.fxg     |  46 +++++
 .../skins/mobile640/assets/RadioButton_down.fxg |  48 +++++
 .../mobile640/assets/RadioButton_downSymbol.fxg |  34 ++++
 .../assets/RadioButton_downSymbolSelected.fxg   |  34 ++++
 .../skins/mobile640/assets/RadioButton_up.fxg   |  43 ++++
 .../mobile640/assets/RadioButton_upSymbol.fxg   |  34 ++++
 .../assets/RadioButton_upSymbolSelected.fxg     |  34 ++++
 .../assets/SpinnerListContainerBackground.fxg   |  33 ++++
 .../SpinnerListContainerSelectionIndicator.fxg  |  67 +++++++
 .../assets/SpinnerListContainerShadow.fxg       |  32 +++
 ...edViewNavigatorButtonBarFirstButton_down.fxg |  63 ++++++
 ...ewNavigatorButtonBarFirstButton_selected.fxg |  62 ++++++
 ...bbedViewNavigatorButtonBarFirstButton_up.fxg |  62 ++++++
 ...bedViewNavigatorButtonBarLastButton_down.fxg |  68 +++++++
 ...iewNavigatorButtonBarLastButton_selected.fxg |  68 +++++++
 ...abbedViewNavigatorButtonBarLastButton_up.fxg |  68 +++++++
 .../skins/mobile640/assets/TextInput_border.fxg |  39 ++++
 .../assets/ToggleSwitch_contentShadow.fxg       |  30 +++
 .../assets/TransparentActionButton_down.fxg     |  69 +++++++
 .../assets/TransparentActionButton_up.fxg       |  59 ++++++
 .../assets/TransparentNavigationButton_down.fxg |  69 +++++++
 .../assets/TransparentNavigationButton_up.fxg   |  59 ++++++
 .../mobile640/assets/ViewMenuItem_down.fxg      |  54 +++++
 .../assets/ViewMenuItem_showsCaret.fxg          |  36 ++++
 .../skins/mobile640/assets/ViewMenuItem_up.fxg  |  37 ++++
 .../spark/src/spark/components/Application.as   |  12 +-
 .../spark/src/spark/components/BusyIndicator.as |  22 ++-
 .../src/spark/utils/MultiDPIBitmapSource.as     |  98 +++++++--
 mustella/as3/src/mustella/ConditionalValue.as   |   2 +-
 .../integration/ImageScaling_tester.mxml        |  46 +++--
 ...eScaling_bitmapImage_embedded@240ppi.png.xml | 192 ++++++++++++++++++
 ...caling_bitmapImage_referenced@240ppi.png.xml | 192 ++++++++++++++++++
 .../ImageScaling_button_embedded@240ppi.png.xml | 192 ++++++++++++++++++
 ...mageScaling_button_referenced@240ppi.png.xml | 192 ++++++++++++++++++
 ...emRenderer_decorator_embedded@240ppi.png.xml | 192 ++++++++++++++++++
 .../ImageScaling_image_embedded@240ppi.png.xml  | 192 ++++++++++++++++++
 ...ImageScaling_image_referenced@240ppi.png.xml | 192 ++++++++++++++++++
 ..._tabbedViewNavigator_embedded@240ppi.png.xml | 192 ++++++++++++++++++
 ...abbedViewNavigator_referenced@240ppi.png.xml | 192 ++++++++++++++++++
 .../swfs/ViewNavigatorApplication120dpi.mxml    |  29 +++
 .../swfs/ViewNavigatorApplication640dpi.mxml    |  29 +++
 .../ViewNavigatorApplication120dpiHomeView.mxml |  27 +++
 .../ViewNavigatorApplication640dpiHomeView.mxml |  27 +++
 .../tests/applicationDPI_120.mxml               | 123 ++++++++++++
 .../tests/applicationDPI_160.mxml               |   8 +-
 .../tests/applicationDPI_240.mxml               |   8 +-
 .../tests/applicationDPI_320.mxml               |   8 +-
 .../tests/applicationDPI_480.mxml               |   8 +-
 .../tests/applicationDPI_640.mxml               | 123 ++++++++++++
 .../tests/applicationDPI_none.mxml              |   4 +
 .../Check_bitmap_120@android_240ppi.png         | Bin 0 -> 877 bytes
 .../Check_bitmap_120@android_240ppi.png.xml     |  54 +++++
 .../Check_bitmap_160@android_240ppi.png.xml     |  54 +++++
 .../Check_bitmap_240@android_240ppi.png.xml     |  54 +++++
 .../Check_bitmap_320@android_240ppi.png.xml     |  57 ++++++
 .../Check_bitmap_480@android_240ppi.png.xml     |  54 +++++
 .../Check_bitmap_640@android_240ppi.png         | Bin 0 -> 209 bytes
 .../Check_bitmap_640@android_240ppi.png.xml     |  54 +++++
 244 files changed, 10988 insertions(+), 1794 deletions(-)
----------------------------------------------------------------------



[41/41] git commit: [flex-sdk] [refs/heads/develop] - fix merge issue

Posted by jm...@apache.org.
fix merge issue


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/dea298c0
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/dea298c0
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/dea298c0

Branch: refs/heads/develop
Commit: dea298c0d4e77b295965f82e0dd37cdb366f1e72
Parents: 1b877a7
Author: Justin Mclean <jm...@apache.org>
Authored: Mon Sep 2 09:39:30 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Mon Sep 2 09:39:30 2013 +1000

----------------------------------------------------------------------
 flex-sdk-description.xml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/dea298c0/flex-sdk-description.xml
----------------------------------------------------------------------
diff --git a/flex-sdk-description.xml b/flex-sdk-description.xml
index c6b937a..217ef12 100644
--- a/flex-sdk-description.xml
+++ b/flex-sdk-description.xml
@@ -20,6 +20,6 @@
 <flex-sdk-description>
 <name>Apache Flex 4.10.0 FP11.1 AIR3.7 en_US</name>
 <version>4.10.0</version>
-<build>20130819</build>
+<build>20130801</build>
 </flex-sdk-description>
         
\ No newline at end of file


[10/41] git commit: [flex-sdk] [refs/heads/develop] - added missing test

Posted by jm...@apache.org.
added missing test


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/1b26fcd6
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/1b26fcd6
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/1b26fcd6

Branch: refs/heads/develop
Commit: 1b26fcd6f826b31b7b0844b5f39b33fd50685b47
Parents: 07289a6
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 14:57:00 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 14:57:00 2013 +1000

----------------------------------------------------------------------
 .../integration/ImageScaling_tester.mxml        | 30 +++++++++++++++-----
 .../swfs/ViewNavigatorApplication120dpi.mxml    |  2 +-
 .../tests/applicationDPI_120.mxml               | 20 ++++++++-----
 3 files changed, 37 insertions(+), 15 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1b26fcd6/mustella/tests/mobile/DensityIndependentScaling/integration/ImageScaling_tester.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/integration/ImageScaling_tester.mxml b/mustella/tests/mobile/DensityIndependentScaling/integration/ImageScaling_tester.mxml
index 96eb3f5..3a3b234 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/integration/ImageScaling_tester.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/integration/ImageScaling_tester.mxml
@@ -43,10 +43,12 @@
                 <RunCode code="application.navigator.pushView(views.ImageScalingView)" waitTarget="navigator" waitEvent="viewChangeComplete" timeout="6000" />
                 <ChangeState changeTarget="navigator.activeView" toState="embedded" waitEvent="ready" waitTarget="navigator.activeView.bitmapImage" />
                 <CompareBitmap target="navigator.activeView.bitmapImageHolder" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
                     <ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />		
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />
                 </CompareBitmap>
             </body>
         </TestCase>
@@ -59,10 +61,12 @@
                 <RunCode code="application.navigator.pushView(views.ImageScalingView)" waitTarget="navigator" waitEvent="viewChangeComplete" timeout="6000" />
                 <ChangeState changeTarget="navigator.activeView" toState="referenced" waitEvent="ready" waitTarget="navigator.activeView.bitmapImage" />
                 <CompareBitmap target="navigator.activeView.bitmapImageHolder" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />			
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />
                 </CompareBitmap>
             </body>
         </TestCase>
@@ -75,10 +79,12 @@
                 <RunCode code="application.navigator.pushView(views.ImageScalingView)" waitTarget="navigator" waitEvent="viewChangeComplete" timeout="6000" />
                 <ChangeState changeTarget="navigator.activeView" toState="embedded" waitEvent="ready" waitTarget="navigator.activeView.image" />
                 <CompareBitmap target="navigator.activeView.image" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />				
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />
                 </CompareBitmap>
             </body>
         </TestCase>
@@ -107,10 +113,12 @@
                 <RunCode code="application.navigator.pushView(views.ImageScalingView)" waitTarget="navigator" waitEvent="viewChangeComplete" timeout="10000" />
                 <ChangeState changeTarget="navigator.activeView" toState="embedded" waitEvent="ready" waitTarget="navigator.activeView.button.iconDisplay" />
                 <CompareBitmap target="navigator.activeView.button" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />	
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />
 				</CompareBitmap>
             </body>
         </TestCase>
@@ -140,10 +148,12 @@
                 <ChangeState changeTarget="navigator.activeView" toState="embedded" waitEvent="updateComplete" waitTarget="navigator.activeView.tabbedNavigator.tabBar.dataGroup.getElementAt(0)" />
                 <Pause timeout="500" /><!-- must pause as the iconDisplay skin part isn't used in ButtonSkinBase (mobile skins) since it extends UIComponent and not Group -->
                 <CompareBitmap target="navigator.activeView.tabbedNavigator" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
 					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />
 				</CompareBitmap>
             </body>
         </TestCase>
@@ -174,10 +184,12 @@
                 <RunCode code="application.navigator.pushView(views.ImageScalingView)" waitTarget="navigator" waitEvent="viewChangeComplete" timeout="6000" />
                 <ChangeState changeTarget="navigator.activeView" toState="embedded" waitEvent="itemRenderer0IconReady" waitTarget="navigator.activeView.normalList" />
                 <CompareBitmap target="navigator.activeView.normalList" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />	
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />
 				</CompareBitmap>
             </body>
         </TestCase>
@@ -206,10 +218,12 @@
                 <RunCode code="application.navigator.pushView(views.ImageScalingView)" waitTarget="navigator" waitEvent="viewChangeComplete" timeout="6000" />
                 <ChangeState changeTarget="navigator.activeView" toState="embedded" waitEvent="currentStateChange" waitTarget="navigator.activeView" />
                 <CompareBitmap target="navigator.activeView.loadingList" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />	
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />
 				</CompareBitmap>
             </body>
         </TestCase>
@@ -222,10 +236,12 @@
                 <RunCode code="application.navigator.pushView(views.ImageScalingView)" waitTarget="navigator" waitEvent="viewChangeComplete" timeout="6000" />
                 <ChangeState changeTarget="navigator.activeView" toState="embedded" waitEvent="currentStateChange" waitTarget="navigator.activeView" />
                 <CompareBitmap target="navigator.activeView.decoratorList" url="../integration/baselines/">
+					<ConditionalValue deviceDensity="120" />
 					<ConditionalValue deviceDensity="160" />
 					<ConditionalValue deviceDensity="240" />
 					<ConditionalValue deviceDensity="320" />
-					<ConditionalValue deviceDensity="480" />	
+					<ConditionalValue deviceDensity="480" />
+					<ConditionalValue deviceDensity="640" />
 				</CompareBitmap>
             </body>
         </TestCase>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1b26fcd6/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml b/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
index a0b4fa8..ea822f9 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/swfs/ViewNavigatorApplication120dpi.mxml
@@ -19,7 +19,7 @@
 -->
 <s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
 							xmlns:s="library://ns.adobe.com/flex/spark" firstView="views.ViewNavigatorApplication160dpiHomeView"
-							applicationDPI="160" applicationComplete="init()">
+							applicationDPI="120" applicationComplete="init()">
 	<fx:Declarations>
 		<!-- Place non-visual elements (e.g., services, value objects) here -->
 	</fx:Declarations>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1b26fcd6/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
index 0f7620b..780892f 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_120.mxml
@@ -18,7 +18,7 @@
 
 -->
 <UnitTester testDir="mobile/DensityIndependentScaling/tests/"  xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns="*" 
-			testSWF="ViewNavigatorApplication160dpi.mxml">
+			testSWF="ViewNavigatorApplication120dpi.mxml">
 	<!-- this set of lines form a template that must be in each unit test -->
 	<fx:Script>
 		<![CDATA[
@@ -45,10 +45,10 @@
 	
 	<testCases>
 		
-		<TestCase testID="Get_applicationDPI" description="applicationDPI is set to 160 in MXML" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
+		<TestCase testID="Get_applicationDPI" description="applicationDPI is set to 120 in MXML" keywords="[ViewNavigatorApplication, properties, applicationDPI]">
 		
 			<body>
-				<AssertPropertyValue target="" propertyName="applicationDPI" value="160" />
+				<AssertPropertyValue target="" propertyName="applicationDPI" value="120" />
 			</body>
 		
 		</TestCase>
@@ -59,7 +59,7 @@
 				<SetProperty target="" propertyName="applicationDPI" value="777" />
 			</setup>
 			<body>
-			<AssertPropertyValue target="" propertyName="applicationDPI" value="160" />
+			<AssertPropertyValue target="" propertyName="applicationDPI" value="120" />
 			</body>
 			
 		</TestCase>
@@ -69,10 +69,12 @@
 			<body>
 				
 				<AssertPropertyValue target="" propertyName="scalingFactor" value="1" >
-					<ConditionalValue deviceDensity="160" value="1"/>
-					<ConditionalValue deviceDensity="240" value="1.5"/>
-					<ConditionalValue deviceDensity="320" value="2"/>
+					<ConditionalValue deviceDensity="120" value="1"/>
+					<ConditionalValue deviceDensity="160" value="1.5"/>
+					<ConditionalValue deviceDensity="240" value="2"/>
+					<ConditionalValue deviceDensity="320" value="2.5"/>
 					<ConditionalValue deviceDensity="480" value="4"/>
+					<ConditionalValue deviceDensity="640" value="8"/>
 				</AssertPropertyValue>	
 			
 			</body>
@@ -84,10 +86,12 @@
 			<body>
 				
 				<AssertPropertyValue target="" propertyName="screenWidth" value="500">
+					<ConditionalValue deviceDensity="120" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
 					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
 					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/1.5"/>
 					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/2"/>
 					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
+					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
 				</AssertPropertyValue>	
 			</body>
 			
@@ -106,6 +110,8 @@
 					<ConditionalValue deviceDensity="160" os="qnx" />
 					<ConditionalValue deviceDensity="320" os="android" />
 					<ConditionalValue deviceDensity="480" os="android" />
+					<ConditionalValue deviceDensity="120" os="android" />
+					<ConditionalValue deviceDensity="640" os="android" />
 				</CompareBitmap>	
 			</body>
 					


[03/41] git commit: [flex-sdk] [refs/heads/develop] - update size of busy cursor for new DPI buckets

Posted by jm...@apache.org.
update size of busy cursor for new DPI buckets


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/252e441a
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/252e441a
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/252e441a

Branch: refs/heads/develop
Commit: 252e441a9cf41b63deca1e51779c8e0e03dc2b1a
Parents: 4becba1
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 03:54:30 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 03:54:30 2013 +1000

----------------------------------------------------------------------
 .../spark/src/spark/components/BusyIndicator.as | 22 ++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/252e441a/frameworks/projects/spark/src/spark/components/BusyIndicator.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/spark/src/spark/components/BusyIndicator.as b/frameworks/projects/spark/src/spark/components/BusyIndicator.as
index b2184ae..f4abed1 100644
--- a/frameworks/projects/spark/src/spark/components/BusyIndicator.as
+++ b/frameworks/projects/spark/src/spark/components/BusyIndicator.as
@@ -324,7 +324,12 @@ public class BusyIndicator extends UIComponent
         
         // Set the default measured size depending on the
         // applicationDPI
-		if (applicationDPI == DPIClassification.DPI_480)
+		if (applicationDPI == DPIClassification.DPI_640)
+		{
+			measuredWidth = 104;
+			measuredHeight = 104;
+		}
+		else if (applicationDPI == DPIClassification.DPI_480)
 		{
 			measuredWidth = 80;
 			measuredHeight = 80;
@@ -339,11 +344,16 @@ public class BusyIndicator extends UIComponent
             measuredWidth = 40;
             measuredHeight = 40;
         }
-        else if (applicationDPI == DPIClassification.DPI_160)
-        {
-            measuredWidth = 26;
-            measuredHeight = 26;
-        }
+		else if (applicationDPI == DPIClassification.DPI_160)
+		{
+			measuredWidth = 26;
+			measuredHeight = 26;
+		}
+		else if (applicationDPI == DPIClassification.DPI_120)
+		{
+			measuredWidth = 20;
+			measuredHeight = 20;
+		}
         else
         {
             measuredWidth = DEFAULT_MINIMUM_SIZE;


[06/41] git commit: [flex-sdk] [refs/heads/develop] - updated existing test to also test new 160 and 640 dpi

Posted by jm...@apache.org.
updated existing test to also test new 160 and 640 dpi


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/70b00d5e
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/70b00d5e
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/70b00d5e

Branch: refs/heads/develop
Commit: 70b00d5ec5af3e5628da73e9dbfcf1543dfe2d10
Parents: 9dcffe1
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 04:38:17 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 04:38:17 2013 +1000

----------------------------------------------------------------------
 .../DensityIndependentScaling/tests/applicationDPI_160.mxml  | 6 +++++-
 .../DensityIndependentScaling/tests/applicationDPI_240.mxml  | 8 +++++++-
 .../DensityIndependentScaling/tests/applicationDPI_320.mxml  | 6 ++++++
 .../DensityIndependentScaling/tests/applicationDPI_480.mxml  | 8 +++++++-
 .../DensityIndependentScaling/tests/applicationDPI_none.mxml | 4 ++++
 5 files changed, 29 insertions(+), 3 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/70b00d5e/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_160.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_160.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_160.mxml
index 0f7620b..a8c3749 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_160.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_160.mxml
@@ -69,10 +69,12 @@
 			<body>
 				
 				<AssertPropertyValue target="" propertyName="scalingFactor" value="1" >
+					<ConditionalValue deviceDensity="120" value="0.75"/>
 					<ConditionalValue deviceDensity="160" value="1"/>
 					<ConditionalValue deviceDensity="240" value="1.5"/>
 					<ConditionalValue deviceDensity="320" value="2"/>
 					<ConditionalValue deviceDensity="480" value="4"/>
+					<ConditionalValue deviceDensity="640" value="8"/>
 				</AssertPropertyValue>	
 			
 			</body>
@@ -84,10 +86,12 @@
 			<body>
 				
 				<AssertPropertyValue target="" propertyName="screenWidth" value="500">
+					<ConditionalValue deviceDensity="120" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.75"/>
 					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
 					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/1.5"/>
 					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/2"/>
-					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
+					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/4"/>
+					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/8"/>
 				</AssertPropertyValue>	
 			</body>
 			

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/70b00d5e/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_240.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_240.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_240.mxml
index d82a72d..c060f41 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_240.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_240.mxml
@@ -69,10 +69,12 @@
 			<body>
 				
 				<AssertPropertyValue target="" propertyName="scalingFactor" value="0.666667" >
+					<ConditionalValue deviceDensity="120" value="0.5"/>
 					<ConditionalValue deviceDensity="160" value="0.666667"/>
 					<ConditionalValue deviceDensity="240" value="1"/>
 					<ConditionalValue deviceDensity="320" value="1.333333"/>
 					<ConditionalValue deviceDensity="480" value="2"/>
+					<ConditionalValue deviceDensity="640" value="4"/>
 				</AssertPropertyValue>	
 			
 			</body>
@@ -85,10 +87,12 @@
 			<body>
 				
 				<AssertPropertyValue target="" propertyName="screenWidth" value="750">
+					<ConditionalValue deviceDensity="120" valueExpression="value=Math.round(FlexGlobals.topLevelApplication.stage.stageWidth/0.5)"/>
 					<ConditionalValue deviceDensity="160" valueExpression="value=Math.round(FlexGlobals.topLevelApplication.stage.stageWidth/0.666667)"/>
 					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
 					<ConditionalValue deviceDensity="320" valueExpression="value=Math.round(FlexGlobals.topLevelApplication.stage.stageWidth/1.333333)"/>
-					<ConditionalValue deviceDensity="320" valueExpression="value=Math.round(FlexGlobals.topLevelApplication.stage.stageWidth/2)"/>
+					<ConditionalValue deviceDensity="480" valueExpression="value=Math.round(FlexGlobals.topLevelApplication.stage.stageWidth/2)"/>
+					<ConditionalValue deviceDensity="640" valueExpression="value=Math.round(FlexGlobals.topLevelApplication.stage.stageWidth/4)"/>
 				</AssertPropertyValue>	
 			</body>
 			
@@ -106,6 +110,8 @@
 					<ConditionalValue deviceDensity="160" os="qnx" />
 					<ConditionalValue deviceDensity="320" os="android" />
 					<ConditionalValue deviceDensity="480" os="android" />
+					<ConditionalValue deviceDensity="120" os="android" />
+					<ConditionalValue deviceDensity="640" os="android" />
 				</CompareBitmap>	
 			</body>
 					

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/70b00d5e/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_320.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_320.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_320.mxml
index 7a18630..81e3014 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_320.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_320.mxml
@@ -69,10 +69,12 @@
 			<body>
 				
 				<AssertPropertyValue target="" propertyName="scalingFactor" value="0.500000" >
+					<ConditionalValue deviceDensity="120" value="0.375"/>
 					<ConditionalValue deviceDensity="160" value="0.5"/>
 					<ConditionalValue deviceDensity="240" value="0.75"/>
 					<ConditionalValue deviceDensity="320" value="1"/>
 					<ConditionalValue deviceDensity="480" value="1.5"/>
+					<ConditionalValue deviceDensity="640" value="2"/>
 				</AssertPropertyValue>	
 			
 			</body>
@@ -84,10 +86,12 @@
 			<body>
 				
 				<AssertPropertyValue target="" propertyName="screenWidth" value="1000">
+					<ConditionalValue deviceDensity="120" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.375"/>
 					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.5"/>
 					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.75"/>
 					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
 					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth*2"/>
+					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth*4"/>
 				</AssertPropertyValue>	
 			</body>
 			
@@ -105,6 +109,8 @@
 					<ConditionalValue deviceDensity="160" os="qnx" />
 					<ConditionalValue deviceDensity="320" os="android" />
 					<ConditionalValue deviceDensity="480" os="android" />
+					<ConditionalValue deviceDensity="120" os="android" />
+					<ConditionalValue deviceDensity="640" os="android" />
 				</CompareBitmap>	
 			</body>
 					

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/70b00d5e/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_480.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_480.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_480.mxml
index fe52cb1..7bb5740 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_480.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_480.mxml
@@ -69,10 +69,12 @@
 			<body>
 				
 				<AssertPropertyValue target="" propertyName="scalingFactor" value="0.500000" >
-					<ConditionalValue deviceDensity="160" value="0.25"/>
+					<ConditionalValue deviceDensity="120" value="0.25"/>
+					<ConditionalValue deviceDensity="160" value="0.333333"/>
 					<ConditionalValue deviceDensity="240" value="0.5"/>
 					<ConditionalValue deviceDensity="320" value="0.75"/>
 					<ConditionalValue deviceDensity="480" value="1"/>
+					<ConditionalValue deviceDensity="640" value="2"/>
 				</AssertPropertyValue>	
 			
 			</body>
@@ -85,9 +87,11 @@
 				
 				<AssertPropertyValue target="" propertyName="screenWidth" value="1000">
 					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.25"/>
+					<ConditionalValue deviceDensity="160" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.333333"/>
 					<ConditionalValue deviceDensity="240" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.5"/>
 					<ConditionalValue deviceDensity="320" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth/0.75"/>
 					<ConditionalValue deviceDensity="480" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth"/>
+					<ConditionalValue deviceDensity="640" valueExpression="value=FlexGlobals.topLevelApplication.stage.stageWidth*2"/>
 				</AssertPropertyValue>	
 			</body>
 			
@@ -105,6 +109,8 @@
 					<ConditionalValue deviceDensity="160" os="qnx" />
 					<ConditionalValue deviceDensity="320" os="android" />
 					<ConditionalValue deviceDensity="480" os="android" />
+					<ConditionalValue deviceDensity="120" os="android" />
+					<ConditionalValue deviceDensity="640" os="android" />
 				</CompareBitmap>	
 			</body>
 					

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/70b00d5e/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_none.mxml
----------------------------------------------------------------------
diff --git a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_none.mxml b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_none.mxml
index 5d3ff2e..cfa7ae7 100644
--- a/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_none.mxml
+++ b/mustella/tests/mobile/DensityIndependentScaling/tests/applicationDPI_none.mxml
@@ -49,10 +49,12 @@
 
 			<body>
 				<AssertPropertyValue target="" propertyName="applicationDPI" value="160" >
+					<ConditionalValue deviceDensity="120" value="120"/>
 					<ConditionalValue deviceDensity="160" value="160"/>
 					<ConditionalValue deviceDensity="240" value="240"/>
 					<ConditionalValue deviceDensity="320" value="320"/>
 					<ConditionalValue deviceDensity="480" value="480"/>
+					<ConditionalValue deviceDensity="640" value="640"/>
 				</AssertPropertyValue>
 			</body>
 		
@@ -65,10 +67,12 @@
 			</setup>
 			<body>
 			<AssertPropertyValue target="" propertyName="applicationDPI" value="160" >
+				<ConditionalValue deviceDensity="120" value="120"/>
 				<ConditionalValue deviceDensity="160" value="160"/>
 				<ConditionalValue deviceDensity="240" value="240"/>
 				<ConditionalValue deviceDensity="320" value="320"/>
 				<ConditionalValue deviceDensity="480" value="480"/>
+				<ConditionalValue deviceDensity="640" value="640"/>
 			</AssertPropertyValue>
 		
 		


[32/41] git commit: [flex-sdk] [refs/heads/develop] - Added missing assets - still need to be fixed so that they are modified to work with 120 dpi

Posted by jm...@apache.org.
Added missing assets - still need to be fixed so that they are modified to work with 120 dpi


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/1e1b4250
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/1e1b4250
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/1e1b4250

Branch: refs/heads/develop
Commit: 1e1b42501ebc5ea9ca83db63bcfd2bb47f0656a7
Parents: d646653
Author: Justin Mclean <jm...@apache.org>
Authored: Mon Aug 19 02:52:56 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Mon Aug 19 02:52:56 2013 +1000

----------------------------------------------------------------------
 ...edViewNavigatorButtonBarFirstButton_down.fxg | 55 +++++++++++++++++
 ...ewNavigatorButtonBarFirstButton_selected.fxg | 55 +++++++++++++++++
 ...bbedViewNavigatorButtonBarFirstButton_up.fxg | 55 +++++++++++++++++
 ...bedViewNavigatorButtonBarLastButton_down.fxg | 61 +++++++++++++++++++
 ...iewNavigatorButtonBarLastButton_selected.fxg | 61 +++++++++++++++++++
 ...abbedViewNavigatorButtonBarLastButton_up.fxg | 61 +++++++++++++++++++
 .../assets/TransparentActionButton_down.fxg     | 62 ++++++++++++++++++++
 .../assets/TransparentActionButton_up.fxg       | 52 ++++++++++++++++
 .../assets/TransparentNavigationButton_down.fxg | 62 ++++++++++++++++++++
 .../assets/TransparentNavigationButton_up.fxg   | 52 ++++++++++++++++
 .../mobile120/assets/ViewMenuItem_down.fxg      | 49 ++++++++++++++++
 .../assets/ViewMenuItem_showsCaret.fxg          | 34 +++++++++++
 .../skins/mobile120/assets/ViewMenuItem_up.fxg  | 34 +++++++++++
 13 files changed, 693 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
new file mode 100644
index 0000000..8dfdddb
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="0" y="2" width="120" height="72" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".3"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".15"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
new file mode 100644
index 0000000..c2b7418
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="0" y="2" width="120" height="72" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
new file mode 100644
index 0000000..b027be2
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="0" y="2" width="120" height="72" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
new file mode 100644
index 0000000..4293ab6
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="2" y="2" width="118" height="72" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".3"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".15"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border left -->
+  <Rect x="0" y="2" width="2" height="72" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
new file mode 100644
index 0000000..eb77245
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="2" y="2" width="118" height="72" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border left -->
+  <Rect x="0" y="2" width="2" height="72" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
new file mode 100644
index 0000000..6cde6f0
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight fill -->
+  <Rect x="2" y="2" width="118" height="72" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="72" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- border top -->
+  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border bottom -->
+  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.75"/>
+    </fill>
+  </Rect>
+  <!-- border left -->
+  <Rect x="0" y="2" width="2" height="72" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight stroke -->
+  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
+    </stroke>
+  </Rect>
+  <!-- scaling fix -->
+  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_down.fxg
new file mode 100644
index 0000000..7672150
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_down.fxg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="9" scaleGridRight="76" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight border leading -->
+  <Rect x="0" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- separator dark -->
+  <Rect x="1" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- inner shaddow -->
+  <Rect x="3" y="0" width="80" height="65" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="65" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".25"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <Rect x="3.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+    </stroke>
+  </Rect>
+  <Rect x="4.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+    </stroke>
+  </Rect>
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="83" height="65" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_up.fxg
new file mode 100644
index 0000000..8f3219e
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentActionButton_up.fxg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="4" scaleGridRight="82" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight border leading -->
+  <Rect x="0" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- separator dark -->
+  <Rect x="1" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight border left-->
+  <Rect x="3" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="83" height="65" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_down.fxg
new file mode 100644
index 0000000..cd34225
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_down.fxg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="6" scaleGridRight="74" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- inner shaddow -->
+  <Rect x="0" y="0" width="80" height="65" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="65" rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+        <GradientEntry color="#000000" ratio="1" alpha=".25"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <Rect x="0.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+    </stroke>
+  </Rect>
+  <Rect x="1.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+    </stroke>
+  </Rect>
+  <!-- separator dark -->
+  <Rect x="80" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight border trailing -->
+  <Rect x="82" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="1" width="83" height="63" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_up.fxg
new file mode 100644
index 0000000..b08b362
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/TransparentNavigationButton_up.fxg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="1" scaleGridRight="79" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- highlight border right -->
+  <Rect x="79" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- separator dark -->
+  <Rect x="80" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0.8"/>
+    </fill>
+  </Rect>
+  <!-- highlight border trailing -->
+  <Rect x="82" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient x="0" scaleX="63" rotation="90">
+        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- invisible fix for scaling -->
+  <Rect x="0" y="0" width="83" height="65" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#ffffff" alpha="0"/>
+    </fill>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_down.fxg
new file mode 100644
index 0000000..45216ff
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_down.fxg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridLeft="6" scaleGridRight="152" scaleGridTop="6" scaleGridBottom="94" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Transparent Rect to ensure proper scaling -->
+  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- overlay -->
+  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <LinearGradient rotation="90">
+        <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+        <GradientEntry color="#000000" ratio="1" alpha="0.05"/>
+      </LinearGradient>
+    </fill>
+  </Rect>
+  <!-- Outermost border -->
+  <Rect width="156" height="98" x="1" y="1" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="2" alpha="0.2" joints="miter"/>
+    </stroke>
+  </Rect>
+  <!-- Middle Outer Border -->
+  <Rect width="152" height="94" x="3" y="3" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke color="#000000" weight="2" alpha="0.1" joints="miter"/>
+    </stroke>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_showsCaret.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_showsCaret.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_showsCaret.fxg
new file mode 100644
index 0000000..9401d98
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_showsCaret.fxg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Transparent Rect to ensure proper scaling -->
+  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- Border -->
+  <Rect width="156" height="98" x="1" y="1" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
+    </stroke>
+  </Rect>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/1e1b4250/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_up.fxg
new file mode 100644
index 0000000..9401d98
--- /dev/null
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile120/assets/ViewMenuItem_up.fxg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+<Graphic version="2.0" scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97" xmlns="http://ns.adobe.com/fxg/2008">
+  <!-- Transparent Rect to ensure proper scaling -->
+  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
+    <fill>
+      <SolidColor color="#000000" alpha="0"/>
+    </fill>
+  </Rect>
+  <!-- Border -->
+  <Rect width="156" height="98" x="1" y="1" scaleX="1.5" scaleY="1.5">
+    <stroke>
+      <SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
+    </stroke>
+  </Rect>
+</Graphic>
\ No newline at end of file


[04/41] git commit: [flex-sdk] [refs/heads/develop] - Added 160 and 640 support to multi dpi bitmaps

Posted by jm...@apache.org.
Added 160 and 640 support to multi dpi bitmaps


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/651b2ed8
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/651b2ed8
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/651b2ed8

Branch: refs/heads/develop
Commit: 651b2ed8e99ca5e88ebfe5ff6333d201ee1e3089
Parents: 252e441
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 04:03:00 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 04:03:00 2013 +1000

----------------------------------------------------------------------
 .../src/spark/utils/MultiDPIBitmapSource.as     | 100 +++++++++++++++----
 1 file changed, 82 insertions(+), 18 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/651b2ed8/frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as b/frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as
index 5a44dea..dc59010 100644
--- a/frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as
+++ b/frameworks/projects/spark/src/spark/utils/MultiDPIBitmapSource.as
@@ -35,6 +35,17 @@ public class MultiDPIBitmapSource
 {
     include "../core/Version.as";
 
+	/**
+	 *  The source to use if the <code>Application.runtimeDPI</code> 
+	 *  is <code>DPIClassification.DPI_120</code>.
+	 *  
+	 *  @langversion 3.0
+	 *  @playerversion Flash 10.2
+	 *  @playerversion AIR 2.6
+	 *  @productversion ApacheFlex 4.11
+	 */
+	public var source120dpi:Object;
+	
     /**
      *  The source to use if the <code>Application.runtimeDPI</code> 
      *  is <code>DPIClassification.DPI_160</code>.
@@ -77,7 +88,18 @@ public class MultiDPIBitmapSource
 	 *  @playerversion AIR 2.6
 	 *  @productversion ApacheFlex 4.10
 	 */
-	public var source480dpi:Object;
+	public var source640dpi:Object;
+	
+	/**
+	 *  The source to use if the <code>Application.runtimeDPI</code> 
+	 *  is <code>DPIClassification.DPI_640</code>.
+	 *  
+	 *  @langversion 3.0
+	 *  @playerversion Flash 10.2
+	 *  @playerversion AIR 2.6
+	 *  @productversion ApacheFlex 4.11
+	 */
+	public var source640dpi:Object;
     
     /**
      *  Select one of the sourceXXXdpi properties based on the given DPI.  This
@@ -101,42 +123,84 @@ public class MultiDPIBitmapSource
         var source:Object = source160dpi;
         switch (desiredDPI)
         {
+			case DPIClassification.DPI_640:
+				source = source640dpi;
+				if (!source || source == "")
+					source = source480dpi;
+				if (!source || source == "")
+					source = source320dpi;
+				if (!source || source == "")
+					source = source240dpi;
+				if (!source || source == "")
+					source = source160dpi;
+				if (!source || source == "")
+					source = source120dpi;
+				break;
 			case DPIClassification.DPI_480:
 				source = source480dpi;
 				if (!source || source == "")
+					source = source640dpi;
+				if (!source || source == "")
 					source = source320dpi;
 				if (!source || source == "")
 					source = source240dpi;
 				if (!source || source == "")
 					source = source160dpi;
+				if (!source || source == "")
+					source = source120dpi;
 				break;
-            case DPIClassification.DPI_160:
-                source = source160dpi;
+            case DPIClassification.DPI_320:
+                source = source320dpi;
+				if (!source || source == "")
+					source = source480dpi;
+				if (!source || source == "")
+					source = source640dpi;
                 if (!source || source == "")
                     source = source240dpi;
+                if (!source || source == "")
+                    source = source160dpi;
+				if (!source || source == "")
+					source = source120dpi;
+                break;
+			case DPIClassification.DPI_240:
+				source = source240dpi;
 				if (!source || source == "")
 					source = source320dpi;
 				if (!source || source == "")
 					source = source480dpi;
-                break;
-            case DPIClassification.DPI_240:
-                source = source240dpi;
-                if (!source || source == "")
-                    source = source320dpi;
+				if (!source || source == "")
+					source = source640dpi;
+				if (!source || source == "")
+					source = source160dpi;
+				if (!source || source == "")
+					source = source120dpi;
+				break;
+			case DPIClassification.DPI_160:
+				source = source160dpi;
+				if (!source || source == "")
+					source = source240dpi;
+				if (!source || source == "")
+					source = source320dpi;
 				if (!source || source == "")
 					source = source480dpi;
-                if (!source || source == "")
-                    source = source160dpi;
-                break;
-            case DPIClassification.DPI_320:
-                source = source320dpi;
-                if (!source || source == "")
-                    source = source240dpi;
+				if (!source || source == "")
+					source = source640dpi;
+				if (!source || source == "")
+					source = source120dpi;
+				break;
+			case DPIClassification.DPI_120:
+				source = source120dpi;
+				if (!source || source == "")
+					source = source160dpi;
+				if (!source || source == "")
+					source = source240dpi;
+				if (!source || source == "")
+					source = source320dpi;
 				if (!source || source == "")
 					source = source480dpi;
-                if (!source || source == "")
-                    source = source160dpi;
-                break;
+				if (!source || source == "")
+					source = source640dpi;
+				break;
         }
         return source;
         


[11/41] git commit: [flex-sdk] [refs/heads/develop] - fix errors in draft files

Posted by jm...@apache.org.
fix errors in draft files


Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/2c6be571
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/2c6be571
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/2c6be571

Branch: refs/heads/develop
Commit: 2c6be571b0bb0700097702ace4b02c72a7d4ac97
Parents: 1b26fcd
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 10 15:17:50 2013 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 10 15:17:50 2013 +1000

----------------------------------------------------------------------
 .../spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as  | 3 ++-
 .../src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as        | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/2c6be571/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as
index 781fc3b..bab35b3 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TabbedViewNavigatorTabBarFirstTabSkin.as
@@ -61,7 +61,8 @@ public class TabbedViewNavigatorTabBarFirstTabSkin extends TabbedViewNavigatorTa
 				upBorderSkin = spark.skins.mobile640.assets.TabbedViewNavigatorButtonBarFirstButton_up;
 				downBorderSkin = spark.skins.mobile640.assets.TabbedViewNavigatorButtonBarFirstButton_down;
 				selectedBorderSkin = spark.skins.mobile640.assets.TabbedViewNavigatorButtonBarFirstButton_selected;
-				
+				break;
+			}
 			case DPIClassification.DPI_480:
 			{
 				upBorderSkin = spark.skins.mobile480.assets.TabbedViewNavigatorButtonBarFirstButton_up;

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/2c6be571/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as
index ce9ceb4..0d2b90b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile/TextAreaVScrollBarThumbSkin.as
@@ -49,8 +49,8 @@ public class TextAreaVScrollBarThumbSkin extends VScrollBarThumbSkin
     mx_internal static const PADDING_VERTICAL_320DPI:int = 12;
 	mx_internal static const PADDING_RIGHT_240DPI:int = 4;
 	mx_internal static const PADDING_VERTICAL_240DPI:int = 6;
-	mx_internal static const PADDING_RIGHT_240DPI:int = 2;
-	mx_internal static const PADDING_VERTICAL_240DPI:int = 3;
+	mx_internal static const PADDING_RIGHT_120DPI:int = 2;
+	mx_internal static const PADDING_VERTICAL_120DPI:int = 3;
     mx_internal static const PADDING_RIGHT_DEFAULTDPI:int = 4;
     mx_internal static const PADDING_VERTICAL_DEFAULTDPI:int = 6;
     


[35/41] Fixed fxg assets for 120, 480 and 640 dpi Visually tested all the components in all DPIs. They look good. Will attach a sample app (that contains all components whose skins have been generated) to the JIRA ticket

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
index 3590044..320f1ab 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_up.fxg
@@ -18,37 +18,48 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="116" height="56" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32373 114.666 8.00049L114.666 48.001C114.666 51.6748 111.676 54.667 108 54.667L25.3784 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4814 16.0869 47.4004 7.12305 35.5176 2 27.855 7.12891 20.1772 16.1855&#xD;&#xA; 8.41064 16.2334 8.34082 19.2275 4.5791 21.084 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8091 0 18.6865 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 19.9995 0 28 5.33301 36 15.0464 48.2393 15.0464 48.2393 19.0464 53.5732 20&#xD;&#xA; 56 25.3335 56L108 56C112.418 56 116 52.418 116 48.001L116 8.00049C116 3.58203 112.418 0 108 0L25.3335 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715&#xD;&#xA; 14.2334 7.0083 17.2275 3.24561 19.3335 0 23.3335 0L106 0 106 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="56.3325" y="-1.04688" scaleX="54.1375" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- highlight border -->
-  <Path x="2" y="1.33252" winding="nonZero" data="M106 1.33252C108.94 1.33252 111.334 3.72412 111.334 6.6665L111.334 46.6665C111.334 49.6069 108.94 52.0015 106 52.0015L23.3784 52.0015C19.625 52.0015 15.0737 45.1274 15.0737 45.1274 11.7827 39.936 4.44189 30.7847 1.60254 26.5205 4.40576 22.3179&#xD;&#xA; 15.312 7.79346 15.312 7.79346 15.854 7.02002 19.6455 1.33252 23.3335 1.33252L106 1.33252ZM22.8955 0C19.167 0 16.417 4.26465 14.2334 7.00732 14.1855 7.07666 5.12891 18.8428 0 26.5205 5.12305 34.1846 14.0869 46.0669 14.1416 46.147 15.8164 47.8208&#xD;&#xA; 18.3945 53.3345 23.3784 53.3345L106 53.3345C109.676 53.3345 112.666 50.3423 112.666 46.6665L112.666 6.6665C112.666 2.99023 109.676 0 105.833 0L22.8955 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="56.3325" y="0" scaleX="53.335" rotation="90">
-        <GradientEntry ratio="0" alpha="0.35"/>
-        <GradientEntry ratio="0.662577" alpha="0.1"/>
-        <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="116" height="56">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- border -->
+      <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32373 114.666 8.00049L114.666 48.001C114.666 51.6748 111.676 54.667 108 54.667L25.3784 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4814 16.0869 47.4004 7.12305 35.5176 2 27.855 7.12891 20.1772 16.1855
+ 8.41064 16.2334 8.34082 19.2275 4.5791 21.084 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8091 0 18.6865 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 19.9995 0 28 5.33301 36 15.0464 48.2393 15.0464 48.2393 19.0464 53.5732 20
+ 56 25.3335 56L108 56C112.418 56 116 52.418 116 48.001L116 8.00049C116 3.58203 112.418 0 108 0L25.3335 0Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+	<!-- shadow fill -->
+      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715
+ 14.2334 7.0083 17.2275 3.24561 19.3335 0 23.3335 0L106 0 106 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="-1.04688" scaleX="54.1375" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+	<!-- highlight border -->
+      <Path x="2" y="1.33252" winding="nonZero" data="M106 1.33252C108.94 1.33252 111.334 3.72412 111.334 6.6665L111.334 46.6665C111.334 49.6069 108.94 52.0015 106 52.0015L23.3784 52.0015C19.625 52.0015 15.0737 45.1274 15.0737 45.1274 11.7827 39.936 4.44189 30.7847 1.60254 26.5205 4.40576 22.3179
+ 15.312 7.79346 15.312 7.79346 15.854 7.02002 19.6455 1.33252 23.3335 1.33252L106 1.33252ZM22.8955 0C19.167 0 16.417 4.26465 14.2334 7.00732 14.1855 7.07666 5.12891 18.8428 0 26.5205 5.12305 34.1846 14.0869 46.0669 14.1416 46.147 15.8164 47.8208
+ 18.3945 53.3345 23.3784 53.3345L106 53.3345C109.676 53.3345 112.666 50.3423 112.666 46.6665L112.666 6.6665C112.666 2.99023 109.676 0 105.833 0L22.8955 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="0" scaleX="53.335" rotation="90">
+            <GradientEntry ratio="0" alpha="0.35"/>
+            <GradientEntry ratio="0.662577" alpha="0.1"/>
+            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
index 3cb0dfa..c2e73e8 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_down.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8472C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
-        <GradientEntry ratio="0" alpha="0.14902"/>
-        <GradientEntry ratio="1" alpha="0.34902"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M158.655 1.35596 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8472C1.34521 5.61377 5.56641 1.35596 10.7554 1.35596L158.655 1.35596ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8472L0 69.1533C0 75.1436&#xD;&#xA; 4.81641 80 10.7554 80L160 80 160 0 160 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path x="1.3335" y="1.35986" winding="nonZero" data="M155.967 1.35547 155.967 75.9321 9.41113 75.9321C4.96338 75.9321 1.34473 72.2837 1.34473 67.7974L1.34473 9.49121C1.34473 5.00488 4.96338 1.35547 9.41113 1.35547L155.967 1.35547ZM157.311 0 9.41113 0C4.22119 0 0 4.25684 0 9.49121L0 67.7974C0 73.0308&#xD;&#xA; 4.22119 77.2886 9.41113 77.2886L157.311 77.2886 157.311 0 157.311 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="2.68896" y="2.71143" winding="nonZero" data="M153.299 1.3335 153.289 73.2427 8.06641 73.2427C4.35352 73.2427 1.33301 70.1919 1.33301 66.4419L1.33301 8.13574C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 154.623 0 8.06641 0C3.61816 0 0 3.64941 0 8.13574L0 66.4419&#xD;&#xA;C0 70.9282 3.61816 74.5767 8.06641 74.5767L154.623 74.5767 154.632 0 154.632 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
+    
+      <!-- shadow fill -->
+      <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8472C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M158.655 1.35596 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8472C1.34521 5.61377 5.56641 1.35596 10.7554 1.35596L158.655 1.35596ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8472L0 69.1533C0 75.1436
+ 4.81641 80 10.7554 80L160 80 160 0 160 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path x="1.3335" y="1.35986" winding="nonZero" data="M155.967 1.35547 155.967 75.9321 9.41113 75.9321C4.96338 75.9321 1.34473 72.2837 1.34473 67.7974L1.34473 9.49121C1.34473 5.00488 4.96338 1.35547 9.41113 1.35547L155.967 1.35547ZM157.311 0 9.41113 0C4.22119 0 0 4.25684 0 9.49121L0 67.7974C0 73.0308
+ 4.22119 77.2886 9.41113 77.2886L157.311 77.2886 157.311 0 157.311 0Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="2.68896" y="2.71143" winding="nonZero" data="M153.299 1.3335 153.289 73.2427 8.06641 73.2427C4.35352 73.2427 1.33301 70.1919 1.33301 66.4419L1.33301 8.13574C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 154.623 0 8.06641 0C3.61816 0 0 3.64941 0 8.13574L0 66.4419
+C0 70.9282 3.61816 74.5767 8.06641 74.5767L154.623 74.5767 154.632 0 154.632 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
index 33a7fb0..830c381 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_selected.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8462C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
-        <GradientEntry ratio="0" alpha="0.047059"/>
-        <GradientEntry ratio="1" alpha="0.247059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M158.655 1.35693 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8462C1.34521 5.61475 5.56641 1.35693 10.7554 1.35693L158.655 1.35693ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8462L0 69.1533C0 75.1436&#xD;&#xA; 4.81641 80 10.7554 80L160 80 160 0 160 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path x="1.3335" y="1.35938" winding="nonZero" data="M155.967 1.35693 155.967 75.9326 9.41113 75.9326C4.96338 75.9326 1.34473 72.2842 1.34473 67.7979L1.34473 9.49219C1.34473 5.00537 4.96338 1.35693 9.41113 1.35693L155.967 1.35693ZM157.311 0 9.41113 0C4.22119 0 0 4.25781 0 9.49219L0 67.7979C0 73.0312&#xD;&#xA; 4.22119 77.2891 9.41113 77.2891L157.311 77.2891 157.311 0 157.311 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="2.68896" y="2.71094" winding="nonZero" data="M153.299 1.3335 153.289 73.2432 8.06641 73.2432C4.35352 73.2432 1.33301 70.1924 1.33301 66.4424L1.33301 8.13525C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 8.06641 0C3.61816 0 0 3.6499 0 8.13525L0 66.4424C0 70.9287&#xD;&#xA; 3.61816 74.5771 8.06641 74.5771L154.623 74.5771 154.632 0 154.632 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
+    
+      <!-- shadow fill -->
+      <Path data="M160 80 10.7554 80C4.81641 80 0 75.1436 0 69.1533L0 10.8462C0 4.85693 4.81641 0 10.7554 0L160 0 160 80Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3718" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M158.655 1.35693 158.655 78.6445 10.7554 78.6445C5.56641 78.6445 1.34521 74.3857 1.34521 69.1533L1.34521 10.8462C1.34521 5.61475 5.56641 1.35693 10.7554 1.35693L158.655 1.35693ZM160 0 10.7554 0C4.81641 0 0 4.85693 0 10.8462L0 69.1533C0 75.1436
+ 4.81641 80 10.7554 80L160 80 160 0 160 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path x="1.3335" y="1.35938" winding="nonZero" data="M155.967 1.35693 155.967 75.9326 9.41113 75.9326C4.96338 75.9326 1.34473 72.2842 1.34473 67.7979L1.34473 9.49219C1.34473 5.00537 4.96338 1.35693 9.41113 1.35693L155.967 1.35693ZM157.311 0 9.41113 0C4.22119 0 0 4.25781 0 9.49219L0 67.7979C0 73.0312
+ 4.22119 77.2891 9.41113 77.2891L157.311 77.2891 157.311 0 157.311 0Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="2.68896" y="2.71094" winding="nonZero" data="M153.299 1.3335 153.289 73.2432 8.06641 73.2432C4.35352 73.2432 1.33301 70.1924 1.33301 66.4424L1.33301 8.13525C1.33301 4.38477 4.35352 1.3335 8.06641 1.3335L153.299 1.3335ZM154.632 0 8.06641 0C3.61816 0 0 3.6499 0 8.13525L0 66.4424C0 70.9287
+ 3.61816 74.5771 8.06641 74.5771L154.623 74.5771 154.632 0 154.632 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
index 92d11b1..864eac3 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarFirstButton_up.fxg
@@ -18,26 +18,31 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Path data="M160 80 10.5781 80C4.73682 80 0 75.3018 0 69.5078L0 10.4917C0 4.69727 4.73682 0 10.5781 0L160 0 160 80Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="79.9995" y="0.689453" scaleX="42.9587" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M158.677 1.31104 158.677 78.6885 10.5781 78.6885C5.4751 78.6885 1.32275 74.5703 1.32275 69.5078L1.32275 10.4917C1.32275 5.42969 5.4751 1.31104 10.5781 1.31104L158.677 1.31104ZM160 0 10.5781 0C4.73682 0 0 4.69727 0 10.4917L0 69.5078C0 75.3018 4.73682&#xD;&#xA; 80 10.5781 80L160 80 160 0 160 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <!-- right separator highlight -->
-  <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="12" scaleGridTop="12" scaleGridRight="152" scaleGridBottom="78">
+    
+      <!-- highlight fill -->
+      <Path data="M160 80 10.5781 80C4.73682 80 0 75.3018 0 69.5078L0 10.4917C0 4.69727 4.73682 0 10.5781 0L160 0 160 80Z">
+        <fill>
+          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9587" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M158.677 1.31104 158.677 78.6885 10.5781 78.6885C5.4751 78.6885 1.32275 74.5703 1.32275 69.5078L1.32275 10.4917C1.32275 5.42969 5.4751 1.31104 10.5781 1.31104L158.677 1.31104ZM160 0 10.5781 0C4.73682 0 0 4.69727 0 10.4917L0 69.5078C0 75.3018 4.73682
+ 80 10.5781 80L160 80 160 0 160 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- right separator highlight -->
+      <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
index 25d34e1..8b303b8 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_down.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8472L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
-        <GradientEntry ratio="0" alpha="0.14902"/>
-        <GradientEntry ratio="1" alpha="0.34902"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path y="1.35986" winding="nonZero" data="M1.3335 1.35547 149.255 1.35547C153.703 1.35547 157.321 5.00488 157.321 9.49121L157.321 67.7974C157.321 72.2837 153.703 75.9321 149.255 75.9321L1.3335 75.9321M0 0 0 77.2886 149.255 77.2886C154.445 77.2886 158.667 73.0308 158.667 67.7974L158.667&#xD;&#xA; 9.49121C158.667 4.25684 154.445 0 149.255 0L0 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="1.3335" y="2.71143" winding="nonZero" data="M147.912 1.3335C151.624 1.3335 154.644 4.38477 154.644 8.13574L154.644 66.4419C154.644 70.1919 151.624 73.2427 147.912 73.2427L1.33301 73.2427 1.33301 1.3335 147.912 1.3335ZM147.912 0 0 0 0 74.5767 147.912 74.5767C152.359 74.5767 155.978 70.9282&#xD;&#xA; 155.978 66.4419L155.978 8.13574C155.978 3.64941 152.359 0 147.912 0L147.912 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263&#xD;&#xA; 0 149.422 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
+    
+      <!-- shadow fill -->
+      <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8472L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path y="1.35986" winding="nonZero" data="M1.3335 1.35547 149.255 1.35547C153.703 1.35547 157.321 5.00488 157.321 9.49121L157.321 67.7974C157.321 72.2837 153.703 75.9321 149.255 75.9321L1.3335 75.9321M0 0 0 77.2886 149.255 77.2886C154.445 77.2886 158.667 73.0308 158.667 67.7974L158.667
+ 9.49121C158.667 4.25684 154.445 0 149.255 0L0 0Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.3335" y="2.71143" winding="nonZero" data="M147.912 1.3335C151.624 1.3335 154.644 4.38477 154.644 8.13574L154.644 66.4419C154.644 70.1919 151.624 73.2427 147.912 73.2427L1.33301 73.2427 1.33301 1.3335 147.912 1.3335ZM147.912 0 0 0 0 74.5767 147.912 74.5767C152.359 74.5767 155.978 70.9282
+ 155.978 66.4419L155.978 8.13574C155.978 3.64941 152.359 0 147.912 0L147.912 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263
+ 0 149.422 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
index acaea37..61e486a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_selected.fxg
@@ -18,32 +18,40 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8462L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
-        <GradientEntry ratio="0" alpha="0.047059"/>
-        <GradientEntry ratio="1" alpha="0.247059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- outer shadow -->
-  <Path y="1.35938" winding="nonZero" data="M1.34375 1.35693 149.255 1.35693C153.703 1.35693 157.321 5.00537 157.321 9.49219L157.321 67.7979C157.321 72.2842 153.703 75.9326 149.255 75.9326L1.34375 75.9326 1.34375 1.35693ZM0 77.2891 149.255 77.2891C154.445 77.2891 158.667 73.0312 158.667&#xD;&#xA; 67.7979L158.667 9.49219C158.667 4.25781 154.445 0 149.255 0L0 0 0 77.2891Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="1.32275" y="2.71094" winding="nonZero" data="M147.922 1.3335C151.634 1.3335 154.655 4.38477 154.655 8.13525L154.655 66.4424C154.655 70.1924 151.634 73.2432 147.922 73.2432L1.34375 73.2432 1.3335 1.3335 147.922 1.3335ZM147.922 0 0 0 0.0107422 74.5771 147.922 74.5771C152.37 74.5771 155.989&#xD;&#xA; 70.9287 155.989 66.4424L155.989 8.13525C155.989 3.6499 152.37 0 147.922 0L147.922 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4922L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4922C160 4.69775 155.263&#xD;&#xA; 0 149.422 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
+    
+      <!-- shadow fill -->
+      <Path data="M0 0 149.245 0C155.184 0 160 4.85693 160 10.8462L160 69.1533C160 75.1436 155.184 80 149.245 80L0 80 0 0Z">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- outer shadow -->
+      <Path y="1.35938" winding="nonZero" data="M1.34375 1.35693 149.255 1.35693C153.703 1.35693 157.321 5.00537 157.321 9.49219L157.321 67.7979C157.321 72.2842 153.703 75.9326 149.255 75.9326L1.34375 75.9326 1.34375 1.35693ZM0 77.2891 149.255 77.2891C154.445 77.2891 158.667 73.0312 158.667
+ 67.7979L158.667 9.49219C158.667 4.25781 154.445 0 149.255 0L0 0 0 77.2891Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.32275" y="2.71094" winding="nonZero" data="M147.922 1.3335C151.634 1.3335 154.655 4.38477 154.655 8.13525L154.655 66.4424C154.655 70.1924 151.634 73.2432 147.922 73.2432L1.34375 73.2432 1.3335 1.3335 147.922 1.3335ZM147.922 0 0 0 0.0107422 74.5771 147.922 74.5771C152.37 74.5771 155.989
+ 70.9287 155.989 66.4424L155.989 8.13525C155.989 3.6499 152.37 0 147.922 0L147.922 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4922L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4922C160 4.69775 155.263
+ 0 149.422 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
index 89ca413..7d77bc2 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarLastButton_up.fxg
@@ -18,26 +18,31 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Path data="M0 0 149.422 0C155.263 0 160 4.69727 160 10.4917L160 69.5078C160 75.3018 155.263 80 149.422 80L0 80 0 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- left separator highlight -->
-  <Rect y="1.3335" width="1.3335" height="77.3335" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263&#xD;&#xA; 0 149.422 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="12" scaleGridRight="148" scaleGridBottom="68">
+    
+      <!-- highlight fill -->
+      <Path data="M0 0 149.422 0C155.263 0 160 4.69727 160 10.4917L160 69.5078C160 75.3018 155.263 80 149.422 80L0 80 0 0Z">
+        <fill>
+          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      
+      <!-- left separator highlight -->
+      <Rect y="1.3335" width="1.3335" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M149.422 0 0 0 0 1.31104 149.422 1.31104C154.524 1.31104 158.677 5.42969 158.677 10.4917L158.677 69.5078C158.677 74.5703 154.524 78.6885 149.422 78.6885L0 78.6885 0 80 149.422 80C155.263 80 160 75.3018 160 69.5078L160 10.4917C160 4.69727 155.263
+ 0 149.422 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
index cf3911a..c6ace14 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_down.fxg
@@ -18,32 +18,37 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Rect width="160" height="80" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
-        <GradientEntry ratio="0" alpha="0.14902"/>
-        <GradientEntry ratio="1" alpha="0.34902"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- outer shadow -->
-  <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0449219 0 77.3335 158.667 77.3335 158.667 0 0 0.0449219Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="1.3335" y="2.6665" winding="nonZero" data="M154.667 1.3335 154.667 73.3335 1.33301 73.3335 1.33301 1.3335 154.667 1.3335ZM156 0 0 0 0 74.6665 156 74.6665 156 0 156 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
+    
+      <!-- shadow fill -->
+      <Rect width="160" height="80">
+        <fill>
+          <LinearGradient x="79.9995" y="1.37939" scaleX="77.3705" rotation="90">
+            <GradientEntry ratio="0" alpha="0.14902"/>
+            <GradientEntry ratio="1" alpha="0.34902"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- outer shadow -->
+      <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0449219 0 77.3335 158.667 77.3335 158.667 0 0 0.0449219Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.3335" y="2.6665" winding="nonZero" data="M154.667 1.3335 154.667 73.3335 1.33301 73.3335 1.33301 1.3335 154.667 1.3335ZM156 0 0 0 0 74.6665 156 74.6665 156 0 156 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
+        <fill>
+          <SolidColor color="#464646"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
index cac72bb..aad6c68 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_selected.fxg
@@ -18,32 +18,37 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- shadow fill -->
-  <Rect y="1.3335" width="158.667" height="77.3335" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="79.3335" y="1.3335" scaleX="74.7917" rotation="90">
-        <GradientEntry ratio="0" alpha="0.047059"/>
-        <GradientEntry ratio="1" alpha="0.247059"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- outer shadow -->
-  <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0439453 0 77.3335 158.667 77.3335 158.667 0 0 0.0439453 0 0.0439453Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="1.32275" y="2.6665" winding="nonZero" data="M154.677 1.3335 154.677 73.3335 1.34375 73.3335 1.3335 1.3335 154.677 1.3335ZM156.01 0 0 0 0.0107422 74.6665 156.01 74.6665 156.01 0 156.01 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.1"/>
-    </fill>
-  </Path>
-  <!-- border -->
-  <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
+    
+      <!-- shadow fill -->
+      <Rect y="1.3335" width="158.667" height="77.3335">
+        <fill>
+          <LinearGradient x="79.3335" y="1.3335" scaleX="74.7917" rotation="90">
+            <GradientEntry ratio="0" alpha="0.047059"/>
+            <GradientEntry ratio="1" alpha="0.247059"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- outer shadow -->
+      <Path y="1.3335" winding="nonZero" data="M1.3335 1.33301 157.333 1.33301 157.333 75.9995 1.3335 75.9995 1.3335 1.33301ZM0 0.0439453 0 77.3335 158.667 77.3335 158.667 0 0 0.0439453 0 0.0439453Z">
+        <fill>
+          <SolidColor alpha="0.2"/>
+        </fill>
+      </Path>
+      
+      <!-- inner shadow -->
+      <Path x="1.32275" y="2.6665" winding="nonZero" data="M154.677 1.3335 154.677 73.3335 1.34375 73.3335 1.3335 1.3335 154.677 1.3335ZM156.01 0 0 0 0.0107422 74.6665 156.01 74.6665 156.01 0 156.01 0Z">
+        <fill>
+          <SolidColor alpha="0.1"/>
+        </fill>
+      </Path>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
index 12d157f..840b767 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ButtonBarMiddleButton_up.fxg
@@ -18,32 +18,37 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect width="160" height="80" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <!-- left separator highlight -->
-  <Rect y="1.3335" width="1.3335" height="77.3335" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
-  <!-- right separator highlight -->
-  <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF" alpha="0.2"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridTop="8" scaleGridRight="152" scaleGridBottom="72">
+    
+      <!-- highlight fill -->
+      <Rect width="160" height="80">
+        <fill>
+          <LinearGradient x="79.9995" y="0.689453" scaleX="42.9579" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.698039"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.047059"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      
+      <!-- border -->
+      <Path winding="nonZero" data="M0 0 0 1.3335 158.667 1.3335 158.667 78.667 0 78.667 0 80 160 80 160 0 0 0Z">
+        <fill>
+          <SolidColor color="#646464"/>
+        </fill>
+      </Path>
+      
+      <!-- left separator highlight -->
+      <Rect y="1.3335" width="1.3335" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
+      
+      <!-- right separator highlight -->
+      <Rect x="157.333" y="1.3335" width="1.33398" height="77.3335">
+        <fill>
+          <SolidColor color="#FFFFFF" alpha="0.2"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
index 51d940c..1d079c2 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,32 +18,34 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="86" viewWidth="292" scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Border -->
-  <Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#464646"/>
-    </fill>
-  </Path>
-  <!-- Fill Shadow -->
-  <Path x="2" y="2" data="M10 0 278 0C284 0 288 4 288 10L288 72C288 78 284 82 278 82L10 82C4 82 0 78 0 72L0 10C0 4 4 0 10 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="144" y="0" scaleX="82.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.05"/>
-        <GradientEntry ratio="1" alpha="0.25"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- Inner Shadow -->
-  <Path x="2" y="2" data="M2 10C2 6 6 2 10 2L278 2C282 2 286 6 286 10L286 72C286 76 282 80 278 80L10 80C6 80 2 76 2 72L2 10ZM10 0C4 0 0 4 0 10L0 72C0 78 4 82 10 82L278 82C284 82 288 78 288 72L288 10C288 4 284 0 278 0L10 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0.2"/>
-    </fill>
-  </Path>
-  <!-- Inner Inner Shadow -->
-  <Path x="4" y="4" data="M2 8C2 4 4 2 8 2L276 2C280 2 282 4 282 8L282 70C282 74 280 76 276 76L8 76C4 76 2 74 2 70L2 8ZM0 8 0 70C0 74 4 78 8 78L276 78C280 78 284 74 284 70L284 8C284 4 280 0 276 0L8 0C4 0 0 4 0 8Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#646464" alpha="0.1"/>
-    </fill>
-  </Path>
+
+<Graphic version="2.0" viewHeight="86" viewWidth="292" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66">
+  	<!-- Border --> 
+	<Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z">
+    	<fill>
+      		<SolidColor color="#464646"/>
+    	</fill>
+  	</Path>
+	<!-- Fill Shadow -->
+  	<Path x="2" y="2" data="M10 0 278 0C284 0 288 4 288 10L288 72C288 78 284 82 278 82L10 82C4 82 0 78 0 72L0 10C0 4 4 0 10 0Z">
+	    <fill>
+      		<LinearGradient x="144" y="0" scaleX="82.0005" rotation="90">
+        		<GradientEntry ratio="0" alpha="0.05"/>
+        		<GradientEntry ratio="1" alpha="0.25"/>
+      		</LinearGradient>
+    	</fill>
+  	</Path>
+  	<!-- Inner Shadow -->
+	<Path x="2" y="2" data="M2 10C2 6 6 2 10 2L278 2C282 2 286 6 286 10L286 72C286 76 282 80 278 80L10 80C6 80 2 76 2 72L2 10ZM10 0C4 0 0 4 0 10L0 72C0 78 4 82 10 82L278 82C284 82 288 78 288 72L288 10C288 4 284 0 278 0L10 0Z">
+	    <fill>
+      		<SolidColor alpha="0.2"/>
+    	</fill>
+  	</Path>
+  	<!-- Inner Inner Shadow -->
+	<Path x="4" y="4" data="M2 8C2 4 4 2 8 2L276 2C280 2 282 4 282 8L282 70C282 74 280 76 276 76L8 76C4 76 2 74 2 70L2 8ZM0 8 0 70C0 74 4 78 8 78L276 78C280 78 284 74 284 70L284 8C284 4 280 0 276 0L8 0C4 0 0 4 0 8Z">
+	    <fill>
+      		<SolidColor color="#646464" alpha="0.1"/>
+    	</fill>
+  	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
index f0623a1..3c917e1 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/Button_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,11 +18,12 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="86" viewWidth="292" scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Outer Border -->
-  <Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
+
+<Graphic version="2.0" viewHeight="86" viewWidth="292" xmlns="http://ns.adobe.com/fxg/2008" scaleGridLeft="20" scaleGridRight="272" scaleGridTop="20" scaleGridBottom="66">
+	<!-- Outer Border -->
+	<Path data="M12 2 280 2C286 2 290 6 290 12L290 74C290 80 286 84 280 84L12 84C6 84 2 80 2 74L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 74C0 80 6 86 12 86L280 86C286 86 292 80 292 74L292 12C292 6 286 0 280 0L12 0Z">
+    	<fill>
+    	  	<SolidColor color="#646464"/>
+    	</fill>
+  	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
index fc6618d..8442b96 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CalloutContentBackground.fxg
@@ -18,26 +18,34 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="12" scaleGridRight="588" scaleGridTop="30" scaleGridBottom="388" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="399" width="600" height="1" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- Content Shading Top -->
-  <Rect x="0" y="0" width="600" height="20" topLeftRadiusX="10" topLeftRadiusY="10" topRightRadiusX="10" topRightRadiusY="10" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0" color="#000000" alpha="0.6"/>
-        <GradientEntry ratio="0.5" color="#000000" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- Content Highlight -->
-  <Rect x="1" y="1" width="598" height="398" radiusX="10" radiusY="10" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke color="#FFFFFF" alpha="0.8" weight="2"/>
-    </stroke>
-  </Rect>
-</Graphic>
\ No newline at end of file
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="12" scaleGridRight="588" scaleGridTop="30" scaleGridBottom="388">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="399" width="600" height="1">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+    
+	<!-- Content Shading Top -->
+	<Rect x="0" y="0" width="600" height="20"
+			topLeftRadiusX="10" topLeftRadiusY="10"
+			topRightRadiusX="10" topRightRadiusY="10">
+		<fill>
+			<LinearGradient  rotation="90">
+				<GradientEntry ratio="0" color="#000000" alpha="0.6"/>
+				<GradientEntry ratio="0.5" color="#000000" alpha="0"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+		
+	<!-- Content Highlight -->
+	<Rect x="1" y="1" width="598" height="398"
+			radiusX="10" radiusY="10">
+		<stroke>
+			<SolidColorStroke color="#FFFFFF" alpha="0.8"
+								weight="2"/>
+		</stroke>
+	</Rect>
+</Graphic>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
index df9bb55..7a2c8a6 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,49 +18,50 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect x="4" y="62" alpha="0.08" width="56" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.1"/>
-        <GradientEntry ratio="1" alpha="0.4"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28" y="0" scaleX="56" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0.05"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="6" y="6" data="M2 6C2 4 4 2 6 2L46 2C48 2 50 4 50 6L50 46C50 48 50 50 48 50L4 50C2 50 2 48 2 46L2 6ZM0 4 0 48C0 50 0 52 2 52L50 52C52 52 52 50 52 48L52 4C52 2 50 0 48 0L4 0C2 0 0 2 0 4Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="26" y="0" scaleX="52" rotation="90">
-        <GradientEntry ratio="0" alpha="0.1"/>
-        <GradientEntry ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="2" y="2" alpha="0.7" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor/>
-    </fill>
-  </Path>
-  <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Path>
-  <Rect x="4" y="62" alpha="0.1" width="56" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
+      <Rect x="4" y="62" alpha="0.08" width="56" height="2">
+        <fill>
+          <SolidColor color="#FFFFFF"/>
+        </fill>
+      </Rect>
+      <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z">
+        <fill>
+          <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.1"/>
+            <GradientEntry ratio="1" alpha="0.4"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z">
+        <fill>
+          <LinearGradient x="28" y="0" scaleX="56" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0.05"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="6" y="6" data="M2 6C2 4 4 2 6 2L46 2C48 2 50 4 50 6L50 46C50 48 50 50 48 50L4 50C2 50 2 48 2 46L2 6ZM0 4 0 48C0 50 0 52 2 52L50 52C52 52 52 50 52 48L52 4C52 2 50 0 48 0L4 0C2 0 0 2 0 4Z">
+        <fill>
+          <LinearGradient x="26" y="0" scaleX="52" rotation="90">
+            <GradientEntry ratio="0" alpha="0.1"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="2" y="2" alpha="0.7" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z">
+        <fill>
+          <SolidColor/>
+        </fill>
+      </Path>
+      <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z">
+        <fill>
+          <SolidColor color="#FFFFFF"/>
+        </fill>
+      </Path>
+      <Rect x="4" y="62" alpha="0.1" width="56" height="2">
+        <fill>
+          <SolidColor color="#FFFFFF"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
index 4703aac..cfe76bf 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,23 +18,24 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28" y="4" scaleX="44.0005" rotation="90">
-        <GradientEntry ratio="0" color="#999999"/>
-        <GradientEntry ratio="1" color="#B4B4B4"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="10" alpha="0.6" data="M0 22 10 12 22 24 46 0 56 10" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel"/>
-    </stroke>
-  </Path>
-  <Path x="4" y="20" alpha="0.3" data="M0 12 22 34 56 0" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-    </stroke>
-  </Path>
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="4" scaleX="44.0005" rotation="90">
+            <GradientEntry ratio="0" color="#999999"/>
+            <GradientEntry ratio="1" color="#B4B4B4"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.6" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" alpha="0.3" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
index c25df80..d6843cc 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_downSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,23 +18,24 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28" y="24" scaleX="48" rotation="90">
-        <GradientEntry ratio="0" color="#5A5A5A"/>
-        <GradientEntry ratio="1" color="#323232"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="10" alpha="0.25" data="M0 22 10 12 22 24 46 0 56 10" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-    </stroke>
-  </Path>
-  <Path x="4" y="20" alpha="0.7" data="M0 12 22 34 56 0" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel"/>
-    </stroke>
-  </Path>
-</Graphic>
\ No newline at end of file
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="24" scaleX="48" rotation="90">
+            <GradientEntry ratio="0" color="#5A5A5A"/>
+            <GradientEntry ratio="1" color="#323232"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.25" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" alpha="0.7" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
+  </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
index 418fceb..716997d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version='1.0' encoding='UTF-8'?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,8 +18,9 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z" scaleX="2" scaleY="2">
+  <Path x="4" y="4" data="M0 4C0 2 2 0 4 0L52 0C54 0 56 2 56 4L56 52C56 54 56 56 54 56L2 56C0 56 0 54 0 52L0 4Z">
     <fill>
       <LinearGradient x="28" y="8" scaleX="40.0004" rotation="90">
         <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
@@ -27,7 +28,7 @@
       </LinearGradient>
     </fill>
   </Path>
-  <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z" scaleX="2" scaleY="2">
+  <Path x="4" y="4" data="M2 6C2 4 4 2 6 2L50 2C52 2 54 4 54 6L54 50C54 52 54 54 52 54L4 54C2 54 2 52 2 50L2 6ZM0 4 0 52C0 54 0 56 2 56L54 56C56 56 56 54 56 52L56 4C56 2 54 0 52 0L4 0C2 0 0 2 0 4Z">
     <fill>
       <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
         <GradientEntry ratio="0" color="#FFFFFF" alpha="0.35"/>
@@ -35,22 +36,22 @@
       </LinearGradient>
     </fill>
   </Path>
-  <Path x="2" y="2" alpha="0.6" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z" scaleX="2" scaleY="2">
+  <Path x="2" y="2" alpha="0.6" data="M2 6C2 4 4 2 6 2L54 2C56 2 58 4 58 6L58 54C58 56 58 58 56 58L4 58C2 58 2 56 2 54L2 6ZM0 4 0 56C0 58 2 60 4 60L56 60C58 60 60 58 60 56L60 4C60 2 58 0 56 0L4 0C2 0 0 4 0 4Z">
     <fill>
       <SolidColor/>
     </fill>
   </Path>
-  <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z" scaleX="2" scaleY="2">
+  <Path alpha="0.06" data="M2 6C2 4 4 2 6 2L58 2C60 2 62 4 62 6L62 58C62 60 62 62 60 62L4 62C2 62 2 60 2 58L2 6ZM0 4 0 60C0 62 2 64 4 64L60 64C62 64 64 62 64 60L64 4C64 2 62 0 60 0L4 0C2 0 0 4 0 4Z">
     <fill>
       <SolidColor/>
     </fill>
   </Path>
-  <Rect x="6" y="4" alpha="0.15" width="52" height="2" scaleX="2" scaleY="2">
+  <Rect x="6" y="4" alpha="0.15" width="52" height="2">
     <fill>
       <SolidColor color="#FFFFFF"/>
     </fill>
   </Rect>
-  <Rect x="4" y="62" alpha="0.1" width="56" height="2" scaleX="2" scaleY="2">
+  <Rect x="4" y="62" alpha="0.1" width="56" height="2">
     <fill>
       <SolidColor/>
     </fill>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
index 639ebda..29219e0 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,23 +18,24 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28" y="24" scaleX="48" rotation="90">
-        <GradientEntry ratio="0" color="#C8C8C8"/>
-        <GradientEntry ratio="1" color="#E1E1E1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="10" alpha="0.5" data="M0 22 10 12 22 24 46 0 56 10" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel"/>
-    </stroke>
-  </Path>
-  <Path x="4" y="20" alpha="0.5" data="M0 12 22 34 56 0" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-    </stroke>
-  </Path>
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="24" scaleX="48" rotation="90">
+            <GradientEntry ratio="0" color="#C8C8C8"/>
+            <GradientEntry ratio="1" color="#E1E1E1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.5" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" alpha="0.5" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
index 24d919a..51566c6 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/CheckBox_upSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,23 +18,24 @@
 
 -->
 
+
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28" y="12" scaleX="32" rotation="90">
-        <GradientEntry ratio="0" color="#5A5A5A"/>
-        <GradientEntry ratio="1" color="#323232"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="10" alpha="0.7" data="M0 22 10 12 22 24 46 0 56 10" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
-    </stroke>
-  </Path>
-  <Path x="4" y="20" data="M0 12 22 34 56 0" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="1" joints="bevel"/>
-    </stroke>
-  </Path>
+      <Path x="4" y="10" data="M0 22 10 12 22 24 46 0 56 10 22 44 0 22Z">
+        <fill>
+          <LinearGradient x="28" y="12" scaleX="32" rotation="90">
+            <GradientEntry ratio="0" color="#5A5A5A"/>
+            <GradientEntry ratio="1" color="#323232"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="10" alpha="0.7" data="M0 22 10 12 22 24 46 0 56 10">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel" color="#FFFFFF"/>
+        </stroke>
+      </Path>
+      <Path x="4" y="20" data="M0 12 22 34 56 0">
+        <stroke>
+          <SolidColorStroke weight="1" joints="bevel"/>
+        </stroke>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
index a17399c..17569ec 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_normal.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,26 +18,27 @@
 
 -->
 
+
 <Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008">
-  <Ellipse width="58" height="58" x="0" y="0" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="30" y="0" scaleX="58" rotation="90">
-        <GradientEntry ratio="0" alpha="0.15"/>
-        <GradientEntry ratio="1" alpha="0.25"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
-  <Ellipse width="58" height="58" x="0" y="0" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="2" caps="none"/>
-    </stroke>
-  </Ellipse>
-  <Ellipse width="58" height="58" x="0" y="0" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="26" y="10" scaleX="24" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.5"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
+      <Ellipse width="58" height="58" x="0" y="0">
+        <fill>
+          <LinearGradient x="30" y="0" scaleX="58" rotation="90">
+            <GradientEntry ratio="0" alpha="0.15"/>
+            <GradientEntry ratio="1" alpha="0.25"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
+      <Ellipse width="58" height="58" x="0" y="0">
+        <stroke>
+          <SolidColorStroke weight="2" caps="none"/>
+        </stroke>
+      </Ellipse>
+      <Ellipse width="58" height="58" x="0" y="0">
+        <fill>
+          <LinearGradient x="26" y="10" scaleX="24" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.5"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
index d564837..e4ea710 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderThumb_pressed.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,38 +18,39 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- outer ellipse -->
-  <Ellipse x="0.5" y="0.5" width="58" height="58" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28.9995" y="0" scaleX="58.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.05"/>
-        <GradientEntry ratio="1" alpha="0.15"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
-  <!-- outer border -->
-  <Ellipse x="1.5" y="1.5" width="56" height="56" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="2" caps="none" alpha="0.7"/>
-    </stroke>
-  </Ellipse>
-  <!-- inner ellipse -->
-  <Ellipse x="1.5" y="1.5" width="56" height="56" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28.9995" y="4" scaleX="53.9995" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0.6"/>
-      </LinearGradient>
-    </fill>
-  </Ellipse>
-  <!-- inner border -->
-  <Path x="1" y="1" data="M2.19238 28.75C2.19238 13.27 13.1533 2.21191 28.5 2.21191 43.8457 2.21191 54.8066 13.27 54.8066 28.75 54.8066 44.2324 43.8457 55.29 28.5 55.29 13.1533 55.29 2.19238 44.2324 2.19238 28.75ZM0 28.75C0 44.2324 13.1533 57.5 28.5 57.5 43.8457 57.5 57 44.2324 57 28.75 57 13.27 43.8457 0 28.5 0 13.1533 0 0 13.27 0 28.75Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28.4995" y="4.10693" scaleX="53.3924" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+
+<Graphic version="2.0" viewHeight="60" viewWidth="60" xmlns="http://ns.adobe.com/fxg/2008" >
+	<!-- outer ellipse -->
+      <Ellipse x="0.5" y="0.5" width="58" height="58">
+        <fill>
+          <LinearGradient x="28.9995" y="0" scaleX="58.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.05"/>
+            <GradientEntry ratio="1" alpha="0.15"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
+	<!-- outer border -->
+      <Ellipse x="1.5" y="1.5" width="56" height="56">
+        <stroke>
+          <SolidColorStroke weight="2" caps="none" alpha="0.7"/>
+        </stroke>
+      </Ellipse>
+	<!-- inner ellipse -->
+      <Ellipse x="1.5" y="1.5" width="56" height="56">
+        <fill>
+          <LinearGradient x="28.9995" y="4" scaleX="53.9995" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0.6"/>
+          </LinearGradient>
+        </fill>
+      </Ellipse>
+	<!-- inner border -->
+      <Path x="1" y="1" data="M2.19238 28.75C2.19238 13.27 13.1533 2.21191 28.5 2.21191 43.8457 2.21191 54.8066 13.27 54.8066 28.75 54.8066 44.2324 43.8457 55.29 28.5 55.29 13.1533 55.29 2.19238 44.2324 2.19238 28.75ZM0 28.75C0 44.2324 13.1533 57.5 28.5 57.5 43.8457 57.5 57 44.2324 57 28.75 57 13.27 43.8457 0 28.5 0 13.1533 0 0 13.27 0 28.75Z">
+        <fill>
+          <LinearGradient x="28.4995" y="4.10693" scaleX="53.3924" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
index 1f6a0b0..a0f7948 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/HSliderTrack.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,26 +18,28 @@
 
 -->
 
-<Graphic version="2.0" viewHeight="18" viewWidth="640" scaleGridLeft="30" scaleGridRight="610" scaleGridTop="1" scaleGridBottom="17" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect x="20" y="0.5" width="600" height="16" radiusX="7.24087" radiusY="7.24087" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="300" y="0" scaleX="16.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.5"/>
-        <GradientEntry ratio="1" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <Path x="20" y="0.5" data="M0 8C2 4 4 2 8 2L592 2C596 2 598 4 600 8 600 4 596 0 592 0L8 0C4 0 0 4 0 8Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="300" y="0" scaleX="10" rotation="90">
-        <GradientEntry ratio="0" alpha="0.4"/>
-        <GradientEntry ratio="1" alpha="0.05"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Rect width="640" height="18" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" viewHeight="18" viewWidth="640" xmlns="http://ns.adobe.com/fxg/2008"
+         scaleGridLeft="30" scaleGridRight="610" scaleGridTop="1" scaleGridBottom="17">
+      <Rect x="20" y="0.5" width="600" height="16" radiusX="7.24087" radiusY="7.24087">
+        <fill>
+          <LinearGradient x="300" y="0" scaleX="16.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.5"/>
+            <GradientEntry ratio="1" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+      <Path x="20" y="0.5" data="M0 8C2 4 4 2 8 2L592 2C596 2 598 4 600 8 600 4 596 0 592 0L8 0C4 0 0 4 0 8Z">
+        <fill>
+          <LinearGradient x="300" y="0" scaleX="10" rotation="90">
+            <GradientEntry ratio="0" alpha="0.4"/>
+            <GradientEntry ratio="1" alpha="0.05"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Rect width="640" height="18">
+        <fill>
+          <SolidColor alpha="0"/>
+        </fill>
+      </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
index 000b581..98d1639 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ImageInvalid.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,25 +18,29 @@
 
 -->
 
+
 <Graphic version="2.0" viewHeight="68" viewWidth="68" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect x="0.5" y="0.5" width="67" height="67" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <Path winding="nonZero" data="M67 1 67 67 1 67 1 1 67 1M68 0 0 0 0 68 68 68 68 0 68 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Path>
-  <Path winding="nonZero" data="M0 0 0 68 68 68 68 0 0 0ZM64 64 4 64 4 4 64 4 64 64Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#969696"/>
-    </fill>
-  </Path>
-  <Path x="8" y="8" winding="nonZero" data="M0 0 0 52 52 52 52 0 0 0ZM26.1396 47.9668C23.5303 47.9668 21.5713 46.2676 21.5713 43.3945 21.5713 40.6543 23.5303 38.8906 26.1396 38.8906 28.8818 38.8906 30.71 40.7832 30.71 43.3945 30.71 46.1367 29.0127 47.9668 26.1396 47.9668ZM28.5557 29.6855&#xD;&#xA;C28.5557 30.8594 29.0127 32.0713 29.7295 33.3115 29.8623 33.5713 29.7295 34 29.4053 34L23.6592 34C23.333 34 23.2021 33.833 22.876 33.5088 21.7002 32.2002 21.1787 30.291 21.1787 28.9844 21.1787 23.7617 29.7295 20.5225 29.7295 15.2998 29.7295 12.752&#xD;&#xA; 27.6396 10.5117 23.6592 10.5117 20.3955 10.5117 18.3911 11.1543 16.1079 12.1338 15.8462 12.2646 16 12.1235 16 11.8618L16 6.70459C16 6.44287 15.6509 6.18213 15.9106 6.05127 17.5454 5.26807 20.6357 4.02881 25.4639 4.02881 33.1045 4.02881 37.9141&#xD;&#xA; 8.40186 37.9141 14.6694 37.9141 21.8491 28.5557 25.9644 28.5557 29.6855Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#969696"/>
-    </fill>
-  </Path>
+        <Rect x="0.5" y="0.5" width="67" height="67">
+          <fill>
+            <SolidColor color="#FFFFFF"/>
+          </fill>
+        </Rect>
+        <Path winding="nonZero" data="M67 1 67 67 1 67 1 1 67 1M68 0 0 0 0 68 68 68 68 0 68 0Z">
+          <fill>
+            <SolidColor color="#FFFFFF"/>
+          </fill>
+        </Path>
+      <Path winding="nonZero" data="M0 0 0 68 68 68 68 0 0 0ZM64 64 4 64 4 4 64 4 64 64Z">
+        <fill>
+          <SolidColor color="#969696"/>
+        </fill>
+      </Path>
+      <Path x="8" y="8" winding="nonZero" data="M0 0 0 52 52 52 52 0 0 0ZM26.1396 47.9668C23.5303 47.9668 21.5713 46.2676 21.5713 43.3945 21.5713 40.6543 23.5303 38.8906 26.1396 38.8906 28.8818 38.8906 30.71 40.7832 30.71 43.3945 30.71 46.1367 29.0127 47.9668 26.1396 47.9668ZM28.5557 29.6855
+C28.5557 30.8594 29.0127 32.0713 29.7295 33.3115 29.8623 33.5713 29.7295 34 29.4053 34L23.6592 34C23.333 34 23.2021 33.833 22.876 33.5088 21.7002 32.2002 21.1787 30.291 21.1787 28.9844 21.1787 23.7617 29.7295 20.5225 29.7295 15.2998 29.7295 12.752
+ 27.6396 10.5117 23.6592 10.5117 20.3955 10.5117 18.3911 11.1543 16.1079 12.1338 15.8462 12.2646 16 12.1235 16 11.8618L16 6.70459C16 6.44287 15.6509 6.18213 15.9106 6.05127 17.5454 5.26807 20.6357 4.02881 25.4639 4.02881 33.1045 4.02881 37.9141
+ 8.40186 37.9141 14.6694 37.9141 21.8491 28.5557 25.9644 28.5557 29.6855Z">
+        <fill>
+          <SolidColor color="#969696"/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
index 803d417..4d7cdea 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_down.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,32 +17,32 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.14902"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0.109804"/>
-        <GradientEntry ratio="1" alpha="0.4"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="4" y="4" alpha="0.14902" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z" scaleX="2" scaleY="2">
-    <stroke>
-      <SolidColorStroke weight="1" caps="none"/>
-    </stroke>
-  </Path>
-  <Path x="2" y="2" alpha="0.65098" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor/>
-    </fill>
-  </Path>
+  
+      <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z">
+        <fill>
+          <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.14902"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
+        <fill>
+          <LinearGradient x="28" y="0" scaleX="56.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0.109804"/>
+            <GradientEntry ratio="1" alpha="0.4"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="4" y="4" alpha="0.14902" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
+        <stroke>
+          <SolidColorStroke weight="1" caps="none"/>
+        </stroke>
+      </Path>
+      <Path x="2" y="2" alpha="0.65098" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z">
+        <fill>
+          <SolidColor/>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
index 0fe91f5..6652cf1 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#646464"/>
-    </fill>
-  </Path>
-  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="14" y="0" scaleX="28" rotation="90">
-        <GradientEntry ratio="0" color="#787878"/>
-        <GradientEntry ratio="1" color="#969696"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+    	<fill>
+		    <SolidColor color="#646464"/>
+    	</fill>
+	</Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+    	<fill>
+    		<LinearGradient x="14" y="0" scaleX="28" rotation="90">
+    			<GradientEntry ratio="0" color="#787878"/>
+    			<GradientEntry ratio="1" color="#969696"/>
+    		</LinearGradient>
+    	</fill>
+    </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
index 2cf1f2b..e425a8b 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/RadioButton_downSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="14" y="0" scaleX="30" rotation="90">
-        <GradientEntry ratio="0" color="#464646"/>
-        <GradientEntry ratio="1" color="#1E1E1E"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+        <fill>
+        	<SolidColor color="#323232"/>
+        </fill>
+    </Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+        <fill>
+            <LinearGradient x="14" y="0" scaleX="30" rotation="90">
+                <GradientEntry ratio="0" color="#464646"/>
+                <GradientEntry ratio="1" color="#1E1E1E"/>
+            </LinearGradient>
+        </fill>
+    </Path>
 </Graphic>
\ No newline at end of file


[36/41] Fixed fxg assets for 120, 480 and 640 dpi Visually tested all the components in all DPIs. They look good. Will attach a sample app (that contains all components whose skins have been generated) to the JIRA ticket

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_up.fxg
index c26a7bd..f6ea86f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_up.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,27 +17,27 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
-        <GradientEntry ratio="0" alpha="0"/>
-        <GradientEntry ratio="1" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <Path x="2" y="2" alpha="0.6" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor/>
-    </fill>
-  </Path>
-  <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="28" y="8" scaleX="26.0002" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+  
+      <Path data="M2 32C2 16 16 2 32 2 48 2 62 16 62 32 62 48 48 62 32 62 16 62 2 48 2 32ZM0 32C0 50 14 64 32 64 50 64 64 50 64 32 64 14 50 0 32 0 14 0 0 14 0 32Z">
+        <fill>
+          <LinearGradient x="32" y="0" scaleX="64.0005" rotation="90">
+            <GradientEntry ratio="0" alpha="0"/>
+            <GradientEntry ratio="1" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+      <Path x="2" y="2" alpha="0.6" data="M2 30C2 14 14 2 30 2 46 2 58 14 58 30 58 46 46 58 30 58 14 58 2 46 2 30ZM0 30C0 46 14 60 30 60 46 60 60 46 60 30 60 14 46 0 30 0 14 0 0 14 0 30Z">
+        <fill>
+          <SolidColor/>
+        </fill>
+      </Path>
+      <Path x="4" y="4" data="M0 28C0 12 12 0 28 0 44 0 56 12 56 28 56 44 44 56 28 56 12 56 0 44 0 28Z">
+        <fill>
+          <LinearGradient x="28" y="8" scaleX="26.0002" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.8"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_upSymbol.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_upSymbol.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_upSymbol.fxg
index 7ca6efe..a9e5b14 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_upSymbol.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_upSymbol.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#969696"/>
-    </fill>
-  </Path>
-  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="14" y="0" scaleX="20" rotation="90">
-        <GradientEntry ratio="0" color="#999999"/>
-        <GradientEntry ratio="1" color="#B4B4B4"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+    <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+        <fill>
+        	<SolidColor color="#969696"/>
+        </fill>
+    </Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+        <fill>
+            <LinearGradient x="14" y="0" scaleX="20" rotation="90">
+                <GradientEntry ratio="0" color="#999999"/>
+                <GradientEntry ratio="1" color="#B4B4B4"/>
+            </LinearGradient>
+        </fill>
+    </Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_upSymbolSelected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_upSymbolSelected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_upSymbolSelected.fxg
index 4a05190..449affb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_upSymbolSelected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/RadioButton_upSymbolSelected.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,19 +17,18 @@
   limitations under the License.
 
 -->
-
 <Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="14" y="0" scaleX="30" rotation="90">
-        <GradientEntry ratio="0" color="#5A5A5A"/>
-        <GradientEntry ratio="1" color="#323232"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+	<Path x="16" y="16" data="M0 16C0 8 8 0 16 0 24 0 32 8 32 16 32 24 24 32 16 32 8 32 0 24 0 16Z">
+    	<fill>
+    		<SolidColor color="#323232"/>
+        </fill>
+	</Path>
+    <Path x="18" y="18" data="M0 14C0 6 6 0 14 0 22 0 28 6 28 14 28 22 22 28 14 28 6 28 0 22 0 14Z">
+    	<fill>
+        	<LinearGradient x="14" y="0" scaleX="30" rotation="90">
+            	<GradientEntry ratio="0" color="#5A5A5A"/>
+            	<GradientEntry ratio="1" color="#323232"/>
+          	</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerBackground.fxg
index d6ead46..77865dc 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerBackground.fxg
@@ -17,16 +17,17 @@
   limitations under the License.
 
 -->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
+	scaleGridLeft="12" scaleGridTop="12" scaleGridRight="88" scaleGridBottom="88">
 
-<Graphic version="2.0" viewHeight="100" viewWidth="100" scaleGridLeft="12" scaleGridTop="12" scaleGridRight="88" scaleGridBottom="88" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect width="100" height="100" radiusX="10" radiusY="10" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#4D4D4D"/>
-    </fill>
-  </Rect>
-  <Rect x="2" y="2" width="96" height="96" radiusX="10" radiusY="10" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#F2F2F2"/>
-    </fill>
-  </Rect>
+	<Rect width="100" height="100" radiusX="10" radiusY="10">
+		<fill>
+			<SolidColor color="#4D4D4D"/>
+		</fill>
+	</Rect>
+	<Rect x="2" y="2" width="96" height="96" radiusX="10" radiusY="10">
+		<fill>	
+			<SolidColor color="#F2F2F2"/>
+		</fill>
+	</Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerSelectionIndicator.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerSelectionIndicator.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerSelectionIndicator.fxg
index 7c4220f..421d325 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerSelectionIndicator.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerSelectionIndicator.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,51 +17,51 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" viewHeight="96" viewWidth="100" scaleGridLeft="5" scaleGridTop="12" scaleGridRight="95" scaleGridBottom="83" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Transparent rect used to center the bar -->
-  <Rect x="0" y="0" width="100" height="8" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- Border -->
-  <Path y="8" winding="nonZero" data="M100 80 0 80 0 0 100 0 100 80ZM2 78 98 78 98 2 2 2 2 78Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#666666"/>
-    </fill>
-  </Path>
-  <!-- Two tone gradient background -->
-  <Rect x="2" y="10" width="96" height="76" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
-        <GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
-        <GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
-        <GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
-        <GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- Top highlight -->
-  <Rect x="4" y="10" width="92" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <!-- Bottom highlight -->
-  <Rect x="4" y="84" width="92" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#FFFFFF"/>
-    </fill>
-  </Rect>
-  <!-- Shadow -->
-  <Rect x="4" y="88" width="92" height="8" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0" color="#000000" alpha="0.15"/>
-        <GradientEntry ratio="1" color="#000000" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-</Graphic>
\ No newline at end of file
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight="96" viewWidth="100"
+	scaleGridLeft="5" scaleGridTop="12" scaleGridRight="95" scaleGridBottom="83">
+	<!-- Transparent rect used to center the bar -->
+	<Rect x="0" y="0" width="100" height="8">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+	<!-- Border --> 
+	<Path y="8" winding="nonZero" data="M100 80 0 80 0 0 100 0 100 80ZM2 78 98 78 98 2 2 2 2 78Z">
+        <fill>
+           	<SolidColor color="#666666"/>
+    	</fill>
+   	</Path>
+   	<!-- Two tone gradient background -->
+   	<Rect x="2" y="10" width="96" height="76">
+       	<fill>
+   			<LinearGradient rotation="90">
+               	<GradientEntry ratio="0.0" color="#E6E6E6" alpha="0.2"/>
+   				<GradientEntry ratio="0.2" color="#E6E6E6" alpha="0.4"/>
+   				<GradientEntry ratio="0.5" color="#E6E6E6" alpha="0.3"/>
+   				<GradientEntry ratio="0.5" color="#000000" alpha="0.12"/>
+   				<GradientEntry ratio="1.0" color="#000000" alpha="0.2"/>
+   			</LinearGradient>
+   		</fill>
+   	</Rect>
+   	<!-- Top highlight -->
+   	<Rect x="4" y="10" width="92" height="2">
+       	<fill>
+           	<SolidColor color="#FFFFFF"/>
+        </fill>
+   	</Rect>
+   	<!-- Bottom highlight -->
+   	<Rect x="4" y="84" width="92" height="2">
+       	<fill>
+           	<SolidColor color="#FFFFFF"/>
+		</fill>
+   	</Rect>
+   	<!-- Shadow -->
+    <Rect x="4" y="88" width="92" height="8">
+  		<fill>
+   			<LinearGradient rotation="90">
+   				<GradientEntry ratio="0" color="#000000" alpha="0.15"/>
+   				<GradientEntry ratio="1" color="#000000" alpha="0"/>
+   			</LinearGradient>
+        </fill>
+   	</Rect>
+</Graphic>

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerShadow.fxg
index 342d1aa..7e0835e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerShadow.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/SpinnerListContainerShadow.fxg
@@ -17,16 +17,16 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" viewHeight="100" viewWidth="100" scaleGridLeft="10" scaleGridTop="10" scaleGridRight="90" scaleGridBottom="90" xmlns="http://ns.adobe.com/fxg/2008">
-  <Rect width="100" height="100" radiusX="10" radiusY="10" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient rotation="270">
-        <GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
-        <GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
-        <GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
-        <GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008" viewHeight= "100" viewWidth= "100"
+	scaleGridLeft="10" scaleGridTop="10" scaleGridRight="90" scaleGridBottom="90">
+	<Rect width="100" height="100" radiusX="10" radiusY="10">
+		<fill>
+			<LinearGradient rotation="270">
+				<GradientEntry ratio="0.0" color="#231F20" alpha="0.7"/>
+				<GradientEntry ratio="0.35" color="#FFFFFF" alpha="0"/>
+				<GradientEntry ratio="0.75" color="#EAE9E9" alpha="0"/>
+				<GradientEntry ratio="1.0" color="#231F20" alpha="0.65"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
index 8dfdddb..62e833f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_down.fxg
@@ -18,38 +18,46 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="0" y="2" width="120" height="72" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".3"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".15"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="0" y="2" width="120" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".3"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".15"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="0.5" y="2.5" width="119" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
index c2b7418..dd2249c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_selected.fxg
@@ -18,38 +18,45 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="0" y="2" width="120" height="72" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="0" y="2" width="120" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="0.5" y="2.5" width="119" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
index b027be2..aaa564d 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarFirstButton_up.fxg
@@ -18,38 +18,45 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="0" y="2" width="120" height="72" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="0.5" y="2.5" width="119" height="71" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="0" y="2" width="120" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="0.5" y="2.5" width="119" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
index 4293ab6..b47587e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_down.fxg
@@ -18,44 +18,51 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="2" y="2" width="118" height="72" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".3"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".15"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border left -->
-  <Rect x="0" y="2" width="2" height="72" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="2" y="2" width="118" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".3"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".15"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border left -->
+    <Rect x="0" y="2" width="2" height="72">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="2.5" y="2.5" width="117" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
index eb77245..173b7eb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_selected.fxg
@@ -18,44 +18,51 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="2" y="2" width="118" height="72" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border left -->
-  <Rect x="0" y="2" width="2" height="72" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" alpha=".1"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="2" y="2" width="118" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border left -->
+    <Rect x="0" y="2" width="2" height="72">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="2.5" y="2.5" width="117" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#000000" weight="1" alpha=".1"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
index 6cde6f0..54d9365 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TabbedViewNavigatorButtonBarLastButton_up.fxg
@@ -18,44 +18,51 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight fill -->
-  <Rect x="2" y="2" width="118" height="72" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="72" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- border top -->
-  <Rect x="0" y="0" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="74" width="120" height="2" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border left -->
-  <Rect x="0" y="2" width="2" height="72" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight stroke -->
-  <Rect x="2.5" y="2.5" width="117" height="71" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
-    </stroke>
-  </Rect>
-  <!-- scaling fix -->
-  <Rect x="0" y="0" width="120" height="76" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="4" scaleGridBottom="72" scaleGridLeft="3" scaleGridRight="117">
+    
+    <!-- highlight fill -->
+    <Rect x="2" y="2" width="118" height="72">
+        <fill>
+            <LinearGradient x="0" scaleX="72" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".2"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha="0"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="74" width="120" height="2">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border left -->
+    <Rect x="0" y="2" width="2" height="72">
+        <fill>
+    		<SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight stroke -->
+    <Rect x="2.5" y="2.5" width="117" height="71">
+    	<stroke>
+    		<SolidColorStroke color="#ffffff" weight="1" alpha=".2"/>
+    	</stroke>
+    </Rect>
+    
+    <!-- scaling fix -->
+    <Rect x="0" y="0" width="120" height="76">
+        <fill>
+    		<SolidColor color="#000000" alpha="0"/>
+        </fill>
+    </Rect>
+    
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TextInput_border.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TextInput_border.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TextInput_border.fxg
index 39e6fc1..eecb9b9 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TextInput_border.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TextInput_border.fxg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="utf-8" ?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -18,17 +18,22 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="16" scaleGridTop="16" scaleGridRight="504" scaleGridBottom="50" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- border -->
-  <Path data="M12 2 508 2C514 2 518 6 518 12L518 54C518 60 514 64 508 64L12 64C6 64 2 60 2 54L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 54C0 60 6 66 12 66L508 66C514 66 520 60 520 54L520 12C520 6 514 0 508 0L12 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#505050"/>
-    </fill>
-  </Path>
-  <!-- inner shadow -->
-  <Path x="2" y="2" alpha="0.2" data="M10 3 506 3C510 3 514 7 514 11L514 52C514 56 510 60 506 60L10 60C6 60 2 56 2 52L2 11C2 7 6 3 10 3ZM10 0C4 0 0 4 0 10L0 52C0 58 4 62 10 62L506 62C512 62 516 58 516 52L516 10C516 4 512 0 506 0L10 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#030303"/>
-    </fill>
-  </Path>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+         scaleGridLeft="16" scaleGridTop="16" scaleGridRight="504" scaleGridBottom="50">
+         
+    <!-- border -->
+    <Path data="M12 2 508 2C514 2 518 6 518 12L518 54C518 60 514 64 508 64L12 64C6 64 2 60 2 54L2 12C2 6 6 2 12 2ZM12 0C6 0 0 6 0 12L0 54C0 60 6 66 12 66L508 66C514 66 520 60 520 54L520 12C520 6 514 0 508 0L12 0Z">
+        <fill>
+            <SolidColor color="#505050"/>
+        </fill>
+    </Path>
+      
+    <!-- inner shadow -->
+    <Path x="2" y="2" alpha="0.2" data="M10 3 506 3C510 3 514 7 514 11L514 52C514 56 510 60 506 60L10 60C6 60 2 56 2 52L2 11C2 7 6 3 10 3ZM10 0C4 0 0 4 0 10L0 52C0 58 4 62 10 62L506 62C512 62 516 58 516 52L516 10C516 4 512 0 506 0L10 0Z">
+        <fill>
+            <SolidColor color="#030303"/>
+        </fill>
+    </Path>
+     
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ToggleSwitch_contentShadow.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ToggleSwitch_contentShadow.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ToggleSwitch_contentShadow.fxg
index 994b19a..bd26d9a 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ToggleSwitch_contentShadow.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ToggleSwitch_contentShadow.fxg
@@ -17,15 +17,14 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" viewHeight="56" viewWidth="142" scaleGridLeft="28" scaleGridTop="20" scaleGridRight="114" scaleGridBottom="28" xmlns="http://ns.adobe.com/fxg/2008">
-  <Path winding="nonZero" data="M0 0 0 56 28 56C20 56 14 49.7324 14 42 14 34.2676 20 28 28 28L114 28C122 28 128 34.2676 128 42 128 49.7324 122 56 114 56L142 56 142 0 0 0Z" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry ratio="0" alpha="0.1"/>
-        <GradientEntry ratio="0.5" alpha="0.2"/>
-        <GradientEntry ratio="1" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" viewHeight="56" viewWidth="142" xmlns="http://ns.adobe.com/fxg/2008" scaleGridLeft="28" scaleGridTop="20" scaleGridRight="114" scaleGridBottom="28">
+	<Path winding="nonZero" data="M0 0 0 56 28 56C20 56 14 49.7324 14 42 14 34.2676 20 28 28 28L114 28C122 28 128 34.2676 128 42 128 49.7324 122 56 114 56L142 56 142 0 0 0Z">
+		<fill>
+			<LinearGradient rotation="90">
+				<GradientEntry ratio="0" alpha="0.1"/>
+				<GradientEntry ratio="0.5" alpha="0.2"/>
+				<GradientEntry ratio="1" alpha="0.1"/>
+			</LinearGradient>
+		</fill>
+	</Path>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentActionButton_down.fxg
index 7672150..d6f0fda 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentActionButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentActionButton_down.fxg
@@ -18,45 +18,52 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="9" scaleGridRight="76" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight border leading -->
-  <Rect x="0" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- separator dark -->
-  <Rect x="1" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- inner shaddow -->
-  <Rect x="3" y="0" width="80" height="65" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="65" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".25"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <Rect x="3.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-    </stroke>
-  </Rect>
-  <Rect x="4.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-    </stroke>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="83" height="65" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="9" scaleGridRight="76">
+    
+    <!-- highlight border leading -->
+    <Rect x="0" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".15"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="1" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- inner shaddow -->
+    <Rect x="3" y="0" width="80" height="65">
+        <fill>
+            <LinearGradient x="0" scaleX="65" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".25"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <Rect x="3.5" y="0.5" width="79" height="64" alpha="0.2">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+    <Rect x="4.5" y="1.5" width="77" height="62" alpha="0.1">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="83" height="65">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentActionButton_up.fxg
index 8f3219e..d177333 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentActionButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentActionButton_up.fxg
@@ -18,35 +18,42 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="4" scaleGridRight="82" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight border leading -->
-  <Rect x="0" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- separator dark -->
-  <Rect x="1" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight border left-->
-  <Rect x="3" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="83" height="65" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="4" scaleGridRight="82" >
+    
+    <!-- highlight border leading -->
+    <Rect x="0" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="1" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+	
+	<!-- highlight border left-->
+    <Rect x="3" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="83" height="65">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+	
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentNavigationButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentNavigationButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentNavigationButton_down.fxg
index cd34225..2be2a93 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentNavigationButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentNavigationButton_down.fxg
@@ -18,45 +18,52 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="6" scaleGridRight="74" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- inner shaddow -->
-  <Rect x="0" y="0" width="80" height="65" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="65" rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha=".05"/>
-        <GradientEntry color="#000000" ratio="1" alpha=".25"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <Rect x="0.5" y="0.5" width="79" height="64" alpha="0.2" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-    </stroke>
-  </Rect>
-  <Rect x="1.5" y="1.5" width="77" height="62" alpha="0.1" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
-    </stroke>
-  </Rect>
-  <!-- separator dark -->
-  <Rect x="80" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight border trailing -->
-  <Rect x="82" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="1" width="83" height="63" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="6" scaleGridBottom="59" scaleGridLeft="6" scaleGridRight="74">
+    
+    <!-- inner shaddow -->
+    <Rect x="0" y="0" width="80" height="65">
+        <fill>
+            <LinearGradient x="0" scaleX="65" rotation="90">
+                <GradientEntry color="#000000" ratio="0" alpha=".05"/>
+                <GradientEntry color="#000000" ratio="1" alpha=".25"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <Rect x="0.5" y="0.5" width="79" height="64" alpha="0.2">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+    <Rect x="1.5" y="1.5" width="77" height="62" alpha="0.1">
+        <stroke>
+            <SolidColorStroke color="#000000" weight="1" caps="none" joints="miter"/>
+        </stroke>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="80" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border trailing -->
+    <Rect x="82" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="1" width="83" height="63">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentNavigationButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentNavigationButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentNavigationButton_up.fxg
index b08b362..cb3d304 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentNavigationButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/TransparentNavigationButton_up.fxg
@@ -18,35 +18,42 @@
 
 -->
 
-<Graphic version="2.0" scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="1" scaleGridRight="79" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- highlight border right -->
-  <Rect x="79" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- separator dark -->
-  <Rect x="80" y="0" width="2" height="65" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0.8"/>
-    </fill>
-  </Rect>
-  <!-- highlight border trailing -->
-  <Rect x="82" y="1" width="1" height="63" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient x="0" scaleX="63" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="83" height="65" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridTop="1" scaleGridBottom="64" scaleGridLeft="1" scaleGridRight="79" >
+    
+	<!-- highlight border right -->
+    <Rect x="79" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- separator dark -->
+    <Rect x="80" y="0" width="2" height="65">
+        <fill>
+            <SolidColor color="#000000" alpha="0.8"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border trailing -->
+    <Rect x="82" y="1" width="1" height="63">
+        <fill>
+            <LinearGradient x="0" scaleX="63" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="83" height="65">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+	
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_down.fxg
index 45216ff..5deda34 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_down.fxg
@@ -17,33 +17,38 @@
   limitations under the License.
 
 -->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="6" scaleGridRight="152" scaleGridTop="6" scaleGridBottom="94">
+	
+	<!-- Transparent Rect to ensure proper scaling -->
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>	
+	
+	<!-- overlay -->	
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<LinearGradient rotation = "90">
+				<GradientEntry color="#000000" ratio="0" alpha="0.25"/>
+				<GradientEntry color="#000000" ratio="1" alpha="0.05"/>
+			</LinearGradient>
+		</fill>
+	</Rect>
+
+	<!-- Outermost border -->
+	<Rect width="156" height="98" x="1" y="1">
+		<stroke>
+			<SolidColorStroke color="#000000" weight="2" alpha="0.2" joints="miter"/>
+		</stroke>
+	</Rect>
+	
+	<!-- Middle Outer Border -->
+	<Rect width="152" height="94" x="3" y="3">
+		<stroke>
+			<SolidColorStroke color="#000000" weight="2" alpha="0.1" joints="miter"/>
+		</stroke>
+	</Rect>
 
-<Graphic version="2.0" scaleGridLeft="6" scaleGridRight="152" scaleGridTop="6" scaleGridBottom="94" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Transparent Rect to ensure proper scaling -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- overlay -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <LinearGradient rotation="90">
-        <GradientEntry color="#000000" ratio="0" alpha="0.25"/>
-        <GradientEntry color="#000000" ratio="1" alpha="0.05"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- Outermost border -->
-  <Rect width="156" height="98" x="1" y="1" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="2" alpha="0.2" joints="miter"/>
-    </stroke>
-  </Rect>
-  <!-- Middle Outer Border -->
-  <Rect width="152" height="94" x="3" y="3" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke color="#000000" weight="2" alpha="0.1" joints="miter"/>
-    </stroke>
-  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_showsCaret.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_showsCaret.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_showsCaret.fxg
index 9401d98..49af087 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_showsCaret.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_showsCaret.fxg
@@ -17,18 +17,20 @@
   limitations under the License.
 
 -->
-
-<Graphic version="2.0" scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Transparent Rect to ensure proper scaling -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- Border -->
-  <Rect width="156" height="98" x="1" y="1" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
-    </stroke>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97">
+	
+	<!-- Transparent Rect to ensure proper scaling --> 
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+	
+	<!-- Border -->
+	<Rect width="156" height="98" x="1" y="1">
+		<stroke>
+			<SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
+		</stroke>
+	</Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_up.fxg
index 9401d98..55ccaf9 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile480/assets/ViewMenuItem_up.fxg
@@ -17,18 +17,21 @@
   limitations under the License.
 
 -->
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97">
+
+	<!-- Transparent Rect to ensure proper scaling -->
+	<Rect width="158" height="100" x="0" y="0">
+		<fill>
+			<SolidColor color="#000000" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- Border -->
+	<Rect width="156" height="98" x="1" y="1">
+		<stroke>
+			<SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
+		</stroke>
+	</Rect>
 
-<Graphic version="2.0" scaleGridLeft="3" scaleGridRight="155" scaleGridTop="3" scaleGridBottom="97" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- Transparent Rect to ensure proper scaling -->
-  <Rect width="158" height="100" x="0" y="0" scaleX="1.5" scaleY="1.5">
-    <fill>
-      <SolidColor color="#000000" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- Border -->
-  <Rect width="156" height="98" x="1" y="1" scaleX="1.5" scaleY="1.5">
-    <stroke>
-      <SolidColorStroke weight="2" color="#ffffff" alpha=".25" joints="miter"/>
-    </stroke>
-  </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
index 1aeb28b..b975f7e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/ActionBarBackground.fxg
@@ -18,81 +18,85 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="2" scaleGridTop="3" scaleGridRight="88" scaleGridBottom="61" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- border top -->
-  <Rect x="0" y="0" width="90" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.75"/>
-    </fill>
-  </Rect>
-  <!-- border bottom -->
-  <Rect x="0" y="62" width="90" height="2" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.85"/>
-    </fill>
-  </Rect>
-  <!-- drop shadow (6 filled rects) -->
-  <Rect x="0" y="64" width="90" height="1" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.35"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="65" width="90" height="1" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.25"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="66" width="90" height="1" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.2"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="67" width="90" height="1" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.15"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="68" width="90" height="1" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.1"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="69" width="90" height="1" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#000000" alpha="0.05"/>
-    </fill>
-  </Rect>
-  <!-- highlight border -->
-  <Rect x="1" y="2" width="88" height="1" alpha=".25" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff"/>
-    </fill>
-  </Rect>
-  <Rect x="1" y="61" width="88" height="1" alpha="0.1" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff"/>
-    </fill>
-  </Rect>
-  <Rect x="0" y="2" width="1" height="60" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="60" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <Rect x="89" y="2" width="1" height="60" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="0" scaleX="60" rotation="90">
-        <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
-        <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="90" height="70" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="2" scaleGridTop="3" scaleGridRight="88" scaleGridBottom="61">
+    
+    <!-- border top -->
+    <Rect x="0" y="0" width="90" height="2">
+        <fill>
+            <SolidColor color="#000000" alpha="0.75"/>
+        </fill>
+    </Rect>
+    <!-- border bottom -->
+    <Rect x="0" y="62" width="90" height="2">
+        <fill>
+            <SolidColor color="#000000" alpha="0.85"/>
+        </fill>
+    </Rect>
+    <!-- drop shadow (6 filled rects) -->
+    <Rect x="0" y="64" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.35"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="65" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.25"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="66" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.2"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="67" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.15"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="68" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.1"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="69" width="90" height="1">
+        <fill>
+            <SolidColor color="#000000" alpha="0.05"/>
+        </fill>
+    </Rect>
+    
+    <!-- highlight border -->
+    <Rect x="1" y="2" width="88" height="1" alpha=".25">
+        <fill>
+        	<SolidColor color="#ffffff"/>
+        </fill>
+    </Rect>
+    <Rect x="1" y="61" width="88" height="1" alpha="0.1">
+        <fill>
+        	<SolidColor color="#ffffff"/>
+        </fill>
+    </Rect>
+    <Rect x="0" y="2" width="1" height="60">
+        <fill>
+            <LinearGradient x="0" scaleX="60" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    <Rect x="89" y="2" width="1" height="60">
+        <fill>
+            <LinearGradient x="0" scaleX="60" rotation="90">
+                <GradientEntry color="#ffffff" ratio="0" alpha=".25"/>
+                <GradientEntry color="#ffffff" ratio="1" alpha=".1"/>
+            </LinearGradient>
+        </fill>
+    </Rect>
+    
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="90" height="70">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
index 37fab30..5c894eb 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_down.fxg
@@ -18,35 +18,44 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="56" height="56" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48&#xD;&#xA;C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="26.667" y="0" scaleX="30.1528" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- inner highlight -->
-  <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665&#xD;&#xA; 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="26.667" y="1.3335" scaleX="50.6673" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="56" height="56">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+
+    <!-- border -->
+      <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48
+C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+    <!-- shadow fill -->
+      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
+        <fill>
+          <LinearGradient x="26.667" y="0" scaleX="30.1528" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+
+    <!-- inner highlight -->
+      <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665
+ 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z">
+        <fill>
+          <LinearGradient x="26.667" y="1.3335" scaleX="50.6673" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
index 25a341c..f42c38c 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_fill.fxg
@@ -18,17 +18,21 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="56" height="56" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- chromeColor fill -->
-  <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#484848"/>
-    </fill>
-  </Rect>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="56" height="56">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+    <!-- chromeColor fill -->
+      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
+        <fill>
+          <SolidColor color="#484848"/>
+        </fill>
+      </Rect>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
index 4bf9971..9c35d54 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledActionButton_up.fxg
@@ -18,37 +18,46 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="56" height="56" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48&#xD;&#xA;C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Rect>
-  <!-- inner highlight -->
-  <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665&#xD;&#xA; 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
-        <GradientEntry ratio="0" alpha="0.35"/>
-        <GradientEntry ratio="0.662577" alpha="0.1"/>
-        <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+    scaleGridLeft="8" scaleGridRight="48" scaleGridTop="8" scaleGridBottom="48">
+
+    <!-- invisible fix for scaling -->
+    <Rect x="0" y="0" width="56" height="56">
+        <fill>
+            <SolidColor color="#ffffff" alpha="0"/>
+        </fill>
+    </Rect>
+
+
+    <!-- border -->
+      <Path winding="nonZero" data="M56 48C56 52.418 52.418 56 48 56L8 56C3.58203 56 0 52.418 0 48L0 7.93848C0 3.521 3.58203 0 8 0L48 0C52.418 0 56 3.521 56 7.93848L56 48ZM54.667 8C54.667 4.31836 51.6821 1.3335 48 1.3335L8 1.3335C4.31836 1.3335 1.3335 4.31836 1.3335 8L1.3335 48
+C1.3335 51.6826 4.31836 54.667 8 54.667L48 54.667C51.6821 54.667 54.667 51.6826 54.667 48L54.667 8Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+    <!-- shadow fill -->
+      <Rect x="1.3335" y="1.3335" width="53.3335" height="53.3335" radiusX="6.66885" radiusY="6.66885">
+        <fill>
+          <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.4"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Rect>
+
+    <!-- inner highlight -->
+      <Path x="1.3335" y="1.3335" winding="nonZero" data="M46.6665 1.3335C49.606 1.3335 51.9995 3.72607 51.9995 6.6665L51.9995 46.6665C51.9995 49.606 49.606 51.9995 46.6665 51.9995L6.6665 51.9995C3.72607 51.9995 1.3335 49.606 1.3335 46.6665L1.3335 6.6665C1.3335 3.72607 3.72607 1.3335 6.6665 1.3335L46.6665
+ 1.3335ZM46.6665 0 6.6665 0C2.98486 0 0 2.98486 0 6.6665L0 46.6665C0 50.3491 2.98486 53.3335 6.6665 53.3335L46.6665 53.3335C50.3486 53.3335 53.3335 50.3491 53.3335 46.6665L53.3335 6.6665C53.3335 2.98486 50.3486 0 46.6665 0L46.6665 0Z">
+        <fill>
+          <LinearGradient x="26.667" y="0" scaleX="53.334" rotation="90">
+            <GradientEntry ratio="0" alpha="0.35"/>
+            <GradientEntry ratio="0.662577" alpha="0.1"/>
+            <GradientEntry ratio="0.871166" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.2"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
index 7c902c5..f5c5e2e 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_down.fxg
@@ -18,35 +18,46 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="116" height="56" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- border -->
-  <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32422 114.666 8L114.666 48C114.666 51.6758 111.676 54.667 108 54.667L25.3774 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4805 16.0859 47.3994 7.12305 35.5176 2 27.8545 7.12891 20.1772 16.1851 8.41016 16.2344&#xD;&#xA; 8.34131 19.2275 4.5791 21.083 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8101 0 18.6875 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 20 0 28 5.33301 36 15.0469 48.2393 15.0469 48.2393 19.0469 53.5732 20 56 25.3335 56L108 56&#xD;&#xA;C112.418 56 116 52.418 116 48L116 8C116 3.58203 112.418 0 108 0L25.3335 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#323232"/>
-    </fill>
-  </Path>
-  <!-- shadow fill -->
-  <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99072 112.666 6.6665L112.666 46.6665C112.666 50.3423 109.676 53.3335 106 53.3335L23.3774 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.147 14.0859 46.0659 5.12305 34.1841 0 26.521 5.12891 18.8438 14.1851 7.07666&#xD;&#xA; 14.2344 7.00781 17.2275 3.24561 18.9585 0 23.3335 0L106 0 106 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="56.3325" y="0" scaleX="30.1525" rotation="90">
-        <GradientEntry ratio="0" alpha="0.25"/>
-        <GradientEntry ratio="1" alpha="0"/>
-      </LinearGradient>
-    </fill>
-  </Path>
-  <!-- highlight border -->
-  <Path x="2" y="1.33203" winding="nonZero" data="M106 1.33301C108.94 1.33301 111.334 3.7251 111.334 6.66699L111.334 46.666C111.334 49.6074 108.94 52.001 106 52.001L23.3774 52.001C19.625 52.001 15.0728 45.1279 15.0728 45.1279 11.7827 39.9365 4.44189 30.7852 1.60254 26.521 4.40576 22.3188 15.3125&#xD;&#xA; 7.79443 15.3125 7.79443 15.854 7.02051 19.6455 1.33301 23.3335 1.33301L106 1.33301ZM22.75 0C18.6875 0 16.417 4.26465 14.2344 7.00781 14.1851 7.07715 5.12891 18.8438 0 26.521 5.12305 34.1851 14.0859 46.0664 14.1416 46.1465 15.8164 47.8223 18.3945&#xD;&#xA; 53.335 23.3774 53.335L106 53.335C109.676 53.335 112.666 50.3428 112.666 46.666L112.666 6.66699C112.666 2.99072 109.676 0 106 0L22.75 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <LinearGradient x="56.3325" y="0" scaleX="57.0461" rotation="90">
-        <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
-        <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
-      </LinearGradient>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="116" height="56">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- border -->
+      <Path winding="nonZero" data="M108 1.3335C111.676 1.3335 114.666 4.32422 114.666 8L114.666 48C114.666 51.6758 111.676 54.667 108 54.667L25.3774 54.668C20.3945 54.668 17.8164 49.1543 16.1416 47.4805 16.0859 47.3994 7.12305 35.5176 2 27.8545 7.12891 20.1772 16.1851 8.41016 16.2344
+ 8.34131 19.2275 4.5791 21.083 1.3335 25.3335 1.3335L108 1.3335 108 1.3335ZM25.3335 0C19.8101 0 18.6875 2.55322 15.1445 7.57178 15.1445 7.57178 5.33301 20 0 28 5.33301 36 15.0469 48.2393 15.0469 48.2393 19.0469 53.5732 20 56 25.3335 56L108 56
+C112.418 56 116 52.418 116 48L116 8C116 3.58203 112.418 0 108 0L25.3335 0Z">
+        <fill>
+          <SolidColor color="#323232"/>
+        </fill>
+      </Path>
+
+	<!-- shadow fill -->
+      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99072 112.666 6.6665L112.666 46.6665C112.666 50.3423 109.676 53.3335 106 53.3335L23.3774 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.147 14.0859 46.0659 5.12305 34.1841 0 26.521 5.12891 18.8438 14.1851 7.07666
+ 14.2344 7.00781 17.2275 3.24561 18.9585 0 23.3335 0L106 0 106 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="0" scaleX="30.1525" rotation="90">
+            <GradientEntry ratio="0" alpha="0.25"/>
+            <GradientEntry ratio="1" alpha="0"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
+	<!-- highlight border -->
+      <Path x="2" y="1.33203" winding="nonZero" data="M106 1.33301C108.94 1.33301 111.334 3.7251 111.334 6.66699L111.334 46.666C111.334 49.6074 108.94 52.001 106 52.001L23.3774 52.001C19.625 52.001 15.0728 45.1279 15.0728 45.1279 11.7827 39.9365 4.44189 30.7852 1.60254 26.521 4.40576 22.3188 15.3125
+ 7.79443 15.3125 7.79443 15.854 7.02051 19.6455 1.33301 23.3335 1.33301L106 1.33301ZM22.75 0C18.6875 0 16.417 4.26465 14.2344 7.00781 14.1851 7.07715 5.12891 18.8438 0 26.521 5.12305 34.1851 14.0859 46.0664 14.1416 46.1465 15.8164 47.8223 18.3945
+ 53.335 23.3774 53.335L106 53.335C109.676 53.335 112.666 50.3428 112.666 46.666L112.666 6.66699C112.666 2.99072 109.676 0 106 0L22.75 0Z">
+        <fill>
+          <LinearGradient x="56.3325" y="0" scaleX="57.0461" rotation="90">
+            <GradientEntry ratio="0" color="#FFFFFF" alpha="0.05"/>
+            <GradientEntry ratio="1" color="#FFFFFF" alpha="0.1"/>
+          </LinearGradient>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/73dd37a6/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
index bccb4d9..81d3387 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
+++ b/frameworks/projects/mobiletheme/src/spark/skins/mobile640/assets/BeveledBackButton_fill.fxg
@@ -18,17 +18,22 @@
 
 -->
 
-<Graphic version="2.0" scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46" xmlns="http://ns.adobe.com/fxg/2008">
-  <!-- invisible fix for scaling -->
-  <Rect x="0" y="0" width="116" height="56" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#ffffff" alpha="0"/>
-    </fill>
-  </Rect>
-  <!-- chromeColor fill -->
-  <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715&#xD;&#xA; 14.2334 7.0083 17.2275 3.24561 19.084 0 23.3335 0L106 0 106 0Z" scaleX="2" scaleY="2">
-    <fill>
-      <SolidColor color="#484848"/>
-    </fill>
-  </Path>
+<Graphic version="2.0" xmlns="http://ns.adobe.com/fxg/2008"
+	scaleGridLeft="26" scaleGridRight="108" scaleGridTop="10" scaleGridBottom="46">
+
+	<!-- invisible fix for scaling -->
+	<Rect x="0" y="0" width="116" height="56">
+		<fill>
+			<SolidColor color="#ffffff" alpha="0"/>
+		</fill>
+	</Rect>
+
+	<!-- chromeColor fill -->
+      <Path x="2" y="1.3335" winding="nonZero" data="M106 0C109.676 0 112.666 2.99121 112.666 6.66699L112.666 46.6675C112.666 50.3413 109.676 53.3335 106 53.3335L23.3784 53.3345C18.3945 53.3345 15.8164 47.8208 14.1416 46.1479 14.0869 46.0669 5.12305 34.1841 0 26.5215 5.12891 18.8438 14.1855 7.07715
+ 14.2334 7.0083 17.2275 3.24561 19.084 0 23.3335 0L106 0 106 0Z">
+        <fill>
+          <SolidColor color="#484848"/>
+        </fill>
+      </Path>
+
 </Graphic>
\ No newline at end of file