Style declaration in mobile app problems (not working)

Question

Hello,
In a simple mobile Flex app, I have a simple View that has a styleName assigned to a VGroup within it. The decleration is within the same view (for sake of trying to make this work, but it's in an external css if I figure out a way to make this work).
The padding's I'm assigning are just NOT working at all. Nothing. While if I specify in the VGroup directly it's paddingTop or another style, it works fine
Weird behavior.
Here's the View:
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Style>
        .myGroup {
            paddingTop:200;
            paddingLeft:300;
            paddingRight:30;
    </fx:Style>
    <s:VGroup styleName="myGroup">
        <s:Label text="Hello" />
    </s:VGroup>
</s:View>
Anyone have an idea why ?
I'm using Flex 4.6/AIR 3.6 at the moment, tried it with Flex 4.9.1/AIR 3.4 too, same behavior.
Is this a bug ? Am I doing something wrong ? Is there a hack/trick to make this work other than specifying the styles directly in the MXML ?
Thanks.

Answer 1

Just realized that the paddings in the VGroup aren't styles anymore but are properties. Damn those spark components
I guess that's why, and I find it's a bummer. I know I could hack this, but damn me!