Problem with widgets loosing styling when using

[Andrew Madu <an...@gmail.com>]

Hi,
I have a widget:
                        <fi:group>
                              <fi:styling type="tabs"/>
                                  <fi:state>
                                        <ft:widget id="fname">
                                            <fi:styling listbox-size="22"
class="keyinbox" value="${userGlobal.getFirstName()}"/>
                                        </ft:widget>
                                  </fi:state>
                            </fi:group>

which is associated to css class def:

.keyinbox {
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: #990000;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-image: none;
    background-color: C9C4BD;
}

When the CForm is 'pushed' through the pipeline with <map:select
type="ajax-request" /> it looses its background-color definition and the
widget now returns with a white background color!!! If I use a simple
<map:call resource="serialize"/> the background-color definition is OK! What
gives here? The sitemap section is as follows:

            <map:match pattern="**CreditCardDetails.xml">
                <map:generate type="jx" src="jx/CreditCardDetails.jx"/>
                <map:transform type="browser-update"/>
                <map:transform type="forms"/>
                <map:transform type="i18n">
                  <map:parameter name="locale" value="en-US"/>
                </map:transform>
                <map:transform src="resources/forms-
advanced-field-styling.xsl"/>
                <map:transform type="cinclude"/>
                <map:transform type="xslt-saxon"
src="style/CreditCardDetails.xsl"/>
                <map:transform type="cinclude"/>
                <map:transform type="i18n">
                  <map:parameter name="locale" value="en-US"/>
                </map:transform>
                <map:select type="ajax-request">
                  <map:when test="true">
                    <map:serialize type="xml"/>
                  </map:when>
                  <map:otherwise>
                    <map:serialize type="html"/>
                  </map:otherwise>
                </map:select>
            </map:match>

regards

Andrew