      * @copy spark.skins.spark.ApplicationSkin#hostComponent
      */
     public var hostComponent:Button;
-    
-    //--------------------------------------------------------------------------
-    //
-    //  Variables
-    //
-    //--------------------------------------------------------------------------    
-    /**
-     *  Specifies the FXG class to use for the thumb.
-     *
-     *  @langversion 3.0
-     *  @playerversion Flash 10
-     *  @playerversion AIR 2.5
-     *  @productversion Flex 4.5
-     */    
-    protected var thumbClass:Class;
-    
-    /**
-     *  Specifies the DisplayObject to use for the thumb.
-     *
-     *  @langversion 3.0
-     *  @playerversion Flash 10
-     *  @playerversion AIR 2.5
-     *  @productversion Flex 4.5
-     */ 
-    protected var thumbSkin:DisplayObject;
-    
-    /**
-     *  Width of the visible thumb area.
-     *
-     *  @langversion 3.0
-     *  @playerversion Flash 10
-     *  @playerversion AIR 2.5
-     *  @productversion Flex 4.5
-     */ 
-    protected var thumbWidth:int;
-    
-    
-    //--------------------------------------------------------------------------
-    //
-    //  Overridden methods
-    //
-    //--------------------------------------------------------------------------
-    /**
-     *  @private
-     */
-    override protected function createChildren():void
-    {
-        if (!thumbSkin)
-        {
-            thumbSkin = new thumbClass();
-            addChild(thumbSkin);
-        }
-    }
-    
-    /**
-     *  @private
-     */
-    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
-    {
-        super.updateDisplayList(unscaledWidth, unscaledHeight);
-        setElementSize(thumbSkin, unscaledWidth, unscaledHeight);
-    }
-    
-    
-    /**
-     *  @private
-     */
-    override protected function beginChromeColorFill(chromeColorGraphics:Graphics):void
-    {
-        var chromeColor:uint = getChromeColor();
-        chromeColorGraphics.beginFill(chromeColor, 1);  
-    }
-    
-    /**
-     *  @private
-     */
-    override protected function drawChromeColor(chromeColorGraphics:Graphics, unscaledWidth:Number, unscaledHeight:Number):void
-    {
-        chromeColorGraphics.drawRoundRect(0, 0, 
-                                          thumbWidth, unscaledHeight, 
-                                          thumbWidth, thumbWidth);
-    }
-    
+
+	//--------------------------------------------------------------------------
+	//
+	//  Variables
+	//
+	//--------------------------------------------------------------------------	
+	/**
+	 *  Padding from the right
+	 *
+	 *  @langversion 3.0
+	 *  @playerversion Flash 10
+	 *  @playerversion AIR 2.5
+	 *  @productversion Flex 4.5
+	 */ 
+	protected var paddingRight:int;
+	
+	/**
+	 *  Vertical padding from top and bottom
+	 *
+	 *  @langversion 3.0
+	 *  @playerversion Flash 10
+	 *  @playerversion AIR 2.5
+	 *  @productversion Flex 4.5
+	 */ 
+	protected var paddingVertical:int;
+	
+	
+	//--------------------------------------------------------------------------
+	//
+	//  Overridden methods
+	//
+	//--------------------------------------------------------------------------	
+	/**
+	 *  @protected
+	 */ 
+	override protected function beginChromeColorFill(chromeColorGraphics:Graphics):void
+	{
+		var chromeColor:uint = getChromeColor();
+		chromeColorGraphics.beginFill(chromeColor, 1);
+		chromeColorGraphics.lineStyle(1, 0x000000, 1, false, LineScaleMode.NORMAL, CapsStyle.NONE, JointStyle.ROUND);
+	}
+	
+	/**
+	 *  @protected
+	 */ 
+	override protected function drawChromeColor(chromeColorGraphics:Graphics, unscaledWidth:Number, unscaledHeight:Number):void
+	{
+		var thumbWidth:Number = unscaledWidth - paddingRight;
+		chromeColorGraphics.drawRoundRect(0.5, paddingVertical + 0.5, 
+										 thumbWidth, unscaledHeight - 2 * paddingVertical, 
+										 thumbWidth, thumbWidth);
+	}
+
 }
 }
        super();
		useChromeColor = true;
		
		// Depending on density set asset and visible thumb width
		switch (applicationDPI)
		{
			case DPIClassification.DPI_240:
			{
				thumbClass = spark.skins.mobile240.assets.VScrollThumb;
				thumbWidth = 6;
				break;
			}
			default:
			{
				thumbClass = spark.skins.mobile160.assets.VScrollThumb;
				thumbWidth = 4;
				break;
			}
		}

package spark.skins.mobile
{

import flash.display.CapsStyle;
import flash.display.Graphics;
import flash.display.JointStyle;
import flash.display.LineScaleMode;

import mx.core.DPIClassification;

import spark.components.Button;
import spark.skins.mobile.supportClasses.MobileSkin;

/**
 *  ActionScript-based skin for the VScrollBar thumb skin part in mobile applications. 
