     {
         super.createChildren();
         
-		contents = new SpriteVisualElement();
-		addChild(contents);
-		
-		// SlidingContent: background, overlay, labels
+        contents = new UIComponent();
+        addChild(contents);
+        
+        // SlidingContent: background, overlay, labels
         slidingContentBackground = new SpriteVisualElement();
         contents.addChild(slidingContentBackground);
-
+        
         slidingContentOverlay = new slidingContentOverlayClass();
         contents.addChild(slidingContentOverlay);
         
-        slidingContentForeground = new SpriteVisualElement();
+        slidingContentForeground = new UIComponent(); //SpriteVisualElement();
         contents.addChild(slidingContentForeground);
         
-        selectedLabelDisplayShadow = StyleableTextField(createInFontContext(StyleableTextField));
-        selectedLabelDisplayShadow.styleName = this;
-        selectedLabelDisplayShadow.colorName = "textShadowColor";
-        selectedLabelDisplayShadow.text = selectedLabelText;
-        slidingContentForeground.addChild(selectedLabelDisplayShadow);
-        
-        selectedLabelDisplay = StyleableTextField(createInFontContext(StyleableTextField));
-        selectedLabelDisplay.styleName = this;
-        selectedLabelDisplay.text = selectedLabelText;
-        slidingContentForeground.addChild(selectedLabelDisplay);			
-        
-        unselectedLabelDisplayShadow = StyleableTextField(createInFontContext(StyleableTextField));
-        unselectedLabelDisplayShadow.styleName = this;
-        unselectedLabelDisplayShadow.colorName = "textShadowColor";
-        unselectedLabelDisplayShadow.text = unselectedLabelText;
-        slidingContentForeground.addChild(unselectedLabelDisplayShadow);
-        
-        unselectedLabelDisplay = StyleableTextField(createInFontContext(StyleableTextField));
-        unselectedLabelDisplay.styleName = this;
-        unselectedLabelDisplay.text = unselectedLabelText;
+        selectedLabelDisplay = new LabelDisplayComponent();
+        selectedLabelDisplay.id = "selectedLabelDisplay";
+        selectedLabelDisplay.text = selectedLabel;
+        selectedLabelDisplay.shadowYOffset = layoutTextShadowOffset;
+        slidingContentForeground.addChild(selectedLabelDisplay);
+        
+        unselectedLabelDisplay = new LabelDisplayComponent();
+        unselectedLabelDisplay.id = "unselectedLabelDisplay";
+        unselectedLabelDisplay.text = unselectedLabel;
+        unselectedLabelDisplay.shadowYOffset = layoutTextShadowOffset;
         slidingContentForeground.addChild(unselectedLabelDisplay);
-
+        
         // Track
         track = new SpriteVisualElement();
         contents.addChild(SpriteVisualElement(track));

     *  shadow, foreground.
     */
    private var slidingContentBackground:SpriteVisualElement;
    private var slidingContentForeground:SpriteVisualElement;
    private var slidingContentOverlayClass:Class;
    private var slidingContentOverlay:DisplayObject;
    
	/**
	 *  The contents inside the skin, not including the outline
	 *  stroke
	 */
	private var contents:SpriteVisualElement;
	
    //----------------------------------------------------------------------------------------------
    //
    //  Skin parts

                layoutThumbWidth = 47;
                layoutThumbHeight = 28;
                layoutStrokeWeight = 1;
                layoutBorderSize = 1;
                layoutTextShadowOffset = -1;
                layoutInnerPadding = 7;
                layoutOuterPadding = 11;
