Apply style to Reset button

[oneworld95]

Hi. I've got these two CommandButtons:

<h:commandButton id="btnSubmit" action="/home.xhtml" type="submit" value="Submit" />  
<h:commandButton id="btnReset" value="Reset" type="reset" />

The site uses the blueSky RichFaces skin and the Submit button has that style but the Reset button doesn't. I modified the theme.xcss file to add the reset type:

<u:selector name="input[type=submit], input[type=reset], input[type=button]">
 <u:style name="padding" value="1px 4px"/>
 <u:style name="background-image">
 <f:resource f:key="org.richfaces.renderkit.html.GradientA"/>
 </u:style>
 <u:style name="border" value="1px solid"/>
 <u:style name="border-color" skin="headerBackgroundColor"/>
 <u:style name="color" skin="headerTextColor"/>
 <u:style name="font-weight" value="bold"/>
 </u:selector>

I've also modified the theme.css file to include the reset type button:

input[type=submit],input[type=reset], input[type=button] {
 font-size: 10px;
 margin: 5px 5px 5px 0;
 cursor: pointer;
}

The Reset button is now smaller like the Submit button but doesn't have the blue background; it still has the default gray color. What am I doing wrong? Thanks.