             }
             else
             {
-                titleDisplay.setStyle("textAlign", titleAlign);
-                
                 // implement padding by adjusting width and position
                 titleCompX += titlePaddingLeft;
                 titleCompWidth = titleCompWidth - titlePaddingLeft - titlePaddingRight;

            else if (titleAlign == "center")
            { 
                // use LEFT instead of CENTER
                titleDisplay.setStyle("textAlign", TextFormatAlign.LEFT);
                titleCompWidth = titleDisplay.getExplicitOrMeasuredWidth();
                
                // use x position of titleDisplay to implement CENTER

    /**
     *  @private
     */
    override public function styleChanged(styleProp:String):void
    {
        super.styleChanged(styleProp);
        
        if (styleProp == "textAlign")
        {
            var titleAlign:String = getStyle("textAlign");
            
            if (titleAlign == "center")
            { 
                // If the title align is set to center, the alignment is set to LEFT
                // so that the skin can manually center the component in layoutContents
                titleDisplay.setStyle("textAlign", TextFormatAlign.LEFT);
            }
            else
            {
                titleDisplay.setStyle("textAlign", titleAlign);
            }
        }
    }
    
    /**
     *  @private
     */
    override protected function layoutContents(unscaledWidth:Number, unscaledHeight:Number):void
    {
        super.layoutContents(unscaledWidth, unscaledHeight);
