CSS Type selector won't work!!

Question

Hello I am trying to do a simple CSS declaration. However, I got the warning"
Warning: css type selectors are not supported in components ‘sparks.component.TextInput’
and
Warning: css type selectors are not supported in components FormItem
"and not sure how to solve it. I thought s|(type) should declare the style for me :(. Thanks for the reply..
<fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        s|TextInput{  //won't work on my TextInput
        color:#313131;
        mx|FormItem{
        padding-top:5; // won't work on my FormItem either....
    </fx:Style>
<s:Panel width="600" height="480" skinClass="skins.CustomPanel">
        <s:layout>
            <s:VerticalLayout paddingTop="7"/>
        </s:layout>
        <s:TextInput text="TextInput CSS not working"/>
         <mx:Form>
            <mx:FormHeading label="Please Enter The Information"/>
            <s:HGroup>
           <mx:FormItem>
              <s:Label text="Brand"/>
              <s:TextInput id="brand" text="CSS not working" width="156"/>
            </mx:FormItem>
         </mx:form>

Answer 1

I am trying to style my Alert box with the type selector now. mx|Alert still get me the same warning. This problem really bothers me now? I believe the issue comes from the namespace but I already declare them inside my style tag. Any help????
Thanks!