         
         useChromeColor = true;
         
+        layoutPaddingLeft = 0;
+        layoutPaddingRight = 0;
+        layoutPaddingTop = 0;
+        layoutPaddingBottom = 0;
+        
         switch (authorDensity)
         {
+            case DeviceDensity.PPI_320:
+            {
+                upIconClass = spark.skins.mobile320.assets.CheckBox_up;
+                upSelectedIconClass = spark.skins.mobile320.assets.CheckBox_up;
+                downIconClass = spark.skins.mobile320.assets.CheckBox_down;
+                downSelectedIconClass = spark.skins.mobile320.assets.CheckBox_down;
+                upSymbolIconClass = spark.skins.mobile320.assets.CheckBox_upSymbol;
+                upSymbolIconSelectedClass = spark.skins.mobile320.assets.CheckBox_upSymbolSelected;
+                downSymbolIconClass = spark.skins.mobile320.assets.CheckBox_downSymbol;
+                downSymbolIconSelectedClass = spark.skins.mobile320.assets.CheckBox_downSymbolSelected;
+                
+                layoutGap = 20;
+                layoutMeasuredWidth = 64;
+                layoutBorderSize = 4;
+                
+                break;
+            }
             case DeviceDensity.PPI_240:
             {
                 upIconClass = spark.skins.mobile240.assets.CheckBox_up;
                 upSelectedIconClass = spark.skins.mobile240.assets.CheckBox_up;
                 downIconClass = spark.skins.mobile240.assets.CheckBox_down;
                 downSelectedIconClass = spark.skins.mobile240.assets.CheckBox_down;
-                symbolIconClass = spark.skins.mobile240.assets.CheckBox_symbol;
+                upSymbolIconClass = spark.skins.mobile240.assets.CheckBox_upSymbol;
+                upSymbolIconSelectedClass = spark.skins.mobile240.assets.CheckBox_upSymbolSelected;
+                downSymbolIconClass = spark.skins.mobile240.assets.CheckBox_downSymbol;
+                downSymbolIconSelectedClass = spark.skins.mobile240.assets.CheckBox_downSymbolSelected;
                 
                 layoutGap = 15;
-                layoutPaddingLeft = 15;
-                layoutPaddingRight = 15;
-                layoutPaddingTop = 15;
-                layoutPaddingBottom = 15;
                 layoutMeasuredWidth = 48;
+                layoutBorderSize = 2;
                 
                 break;
             }
             default:
             {
-                // TODO (jasonsj): 160ppi XD spec
                 // default PPI160
-                upIconClass = spark.skins.mobile160.assets.CheckBox_up; 
+                upIconClass = spark.skins.mobile160.assets.CheckBox_up;
                 upSelectedIconClass = spark.skins.mobile160.assets.CheckBox_up;
                 downIconClass = spark.skins.mobile160.assets.CheckBox_down;
                 downSelectedIconClass = spark.skins.mobile160.assets.CheckBox_down;
-                symbolIconClass = spark.skins.mobile160.assets.CheckBox_symbol;
+                upSymbolIconClass = spark.skins.mobile160.assets.CheckBox_upSymbol;
+                upSymbolIconSelectedClass = spark.skins.mobile160.assets.CheckBox_upSymbolSelected;
+                downSymbolIconClass = spark.skins.mobile160.assets.CheckBox_downSymbol;
+                downSymbolIconSelectedClass = spark.skins.mobile160.assets.CheckBox_downSymbolSelected;
                 
-                layoutGap = 15;
-                layoutPaddingLeft = 15;
-                layoutPaddingRight = 15;
-                layoutPaddingTop = 15;
-                layoutPaddingBottom = 15;
-                layoutMeasuredWidth = 48;
+                layoutGap = 10;
+                layoutMeasuredWidth = 32;
+                layoutBorderSize = 2;
                 
                 break;
             }


import spark.skins.mobile.supportClasses.SelectableButtonSkinBase;
import spark.skins.mobile160.assets.CheckBox_down;
import spark.skins.mobile160.assets.CheckBox_symbol;
import spark.skins.mobile160.assets.CheckBox_up;
import spark.skins.mobile240.assets.CheckBox_down;
import spark.skins.mobile240.assets.CheckBox_symbol;
import spark.skins.mobile240.assets.CheckBox_up;

/**
 *  Actionscript based skin for CheckBox on mobile applications. 

    {
        // get the size and position of iconDisplay
        var currentIcon:DisplayObject = getIconDisplay();
        var widthAdjustment:Number = layoutBorderSize * 2;
        
        chromeColorGraphics.drawRoundRect(currentIcon.x + layoutBorderSize,
            currentIcon.y + layoutBorderSize,
            currentIcon.width - widthAdjustment,
            currentIcon.height - widthAdjustment, layoutBorderSize, layoutBorderSize);
    }
    
    override public function get focusSkinExclusions():Array 
