     public var navigationGroup:Group;
     public var titleGroup:Group;
     public var actionGroup:Group;
-    public var titleDisplay:IDisplayText;
+    public var titleDisplay:TitleDisplayComponent;
     private var border:SpriteVisualElement;
+    
+    // FIXME (jasonsj): pending mobile styling spec
+    private static const TITLE_PADDING:Number = 25;
     
     //--------------------------------------------------------------------------
     //

        titleGroup = new Group();
        hLayout = new HorizontalLayout();
        hLayout.horizontalAlign = HorizontalAlign.LEFT;
        hLayout.verticalAlign = VerticalAlign.MIDDLE;
        hLayout.gap = 0;
        hLayout.paddingLeft = hLayout.paddingRight = 15;
        titleGroup.layout = hLayout;
        addChild(titleGroup);
        

        titleDisplay.truncateToFit();
        
        titleDisplayShadow.commitStyles();
        titleDisplayShadow.y = titleDisplay.y + 1; // 90 degree drop shadow
        titleDisplayShadow.width = unscaledWidth;
        titleDisplayShadow.height = unscaledHeight;
