Now, I want to get the app aligned to the visuals. To achieve this I add a css file to the AIR project. Here I will define different elements of the application. Here you can find a good description on how you can style and skin UI elements within FlexBuilder.

The code in the main mxml file for the layout looks like this.

I dont know if it is best practice to use the canvas tag to seperate the diffenrent application areas - it looks like I wanted it to be.

And in the css file I added this:

The header and content area got their colours the lable got a type-face and I skinned the close button.

And the app looks like this: