 
 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_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_symbol;
+import spark.skins.mobile240.assets.CheckBox_downSymbol;
+import spark.skins.mobile240.assets.CheckBox_downSymbolSelected;
 import spark.skins.mobile240.assets.CheckBox_up;
+import spark.skins.mobile240.assets.CheckBox_upSymbol;
+import spark.skins.mobile240.assets.CheckBox_upSymbolSelected;
+import spark.skins.mobile320.assets.CheckBox_down;
+import spark.skins.mobile320.assets.CheckBox_downSymbol;
+import spark.skins.mobile320.assets.CheckBox_downSymbolSelected;
+import spark.skins.mobile320.assets.CheckBox_up;
+import spark.skins.mobile320.assets.CheckBox_upSymbol;
+import spark.skins.mobile320.assets.CheckBox_upSymbolSelected;
 
 /**
  *  Actionscript based skin for CheckBox on mobile applications. 

    {
        // get the size and position of iconDisplay
        var currentIcon:DisplayObject = getIconDisplay();
        // TODO (jasonsj): layout variables for chrome color shape
        chromeColorGraphics.drawRoundRect(currentIcon.x + 2, currentIcon.y + 2, currentIcon.width - 4, currentIcon.height - 4, 4, 4);
    }
    
    override public function get focusSkinExclusions():Array 

        
        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;
                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;
                layoutMeasuredWidth = 48;
                layoutBorderSize = 2;
                
                break;
            }
            default:
            {
                // default PPI160
                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;
                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 = 10;
                layoutMeasuredWidth = 32;
                layoutBorderSize = 2;
                
                break;
            }
