[flexcoders] Creating a Flex 4 button skin - need examples

[dorkie dork from dorktown]

If my button skin was like this in Flex 3:

        <fx:Style>

                Button.closebutton {
                        upSkin: 
Embed(source="assets/images/close_button_up.png");
                        downSkin: 
Embed(source="assets/images/close_button_over.png");
                        overSkin: 
Embed(source="assets/images/close_button_down.png");
                        selectedUpSkin: 
Embed(source="assets/images/close_button_up.png");
                        selectedDownSkin: 
Embed(source="assets/images/close_button_up.png");
                        selectedOverSkin: 
Embed(source="assets/images/close_button_up.png");
                }
        </fx:Style>

        <s:Button style="closebutton"
                                           left="12"
                                           top="11" buttonMode="true" 
useHandCursor="true" mouseChildren="false"/>

Now, I've tried to do the same thing in a Flex 4 button skin and there
is SOOOO much code and all of it is FXG. I've read it and understand
it but when I've created my own and stripped all the FXG out there are
issues with resizing, issues with positioning (on mouse over) and
more.

Will someone please create an example equivalent to what the Flex 3
code above is doing?

ddfd