CSS + TabView primefaces nao funciona

Front-end
#1

Galera é o seguinte

eu tenho um conteudo em uma pagina denominada bean.xhtml que contem o seguinte codigo:


<style>
.teste .ui-spinner-input,#spinnerBasic3 .ui-spinner-input {
	color: blue;
}
</style>

<p:spinner styleClass="teste" value="#{bean.a6pd}"
				style="width:50px;" size="1" />

Aqui ele funciona normalmente a troca de cor do input para Azul.
Porem eu importo esta pagina para uma outra que contem o seguinte codigo:

<h:body>
<p:tabView id="tabView">
		<p:tab id="tab1" title="Definições Ataque">
			<h:form id="form">
                                        <ui:include src="bean.xhtml">
						<ui:param value="#{spinnerController.principal}" name="bean" />
					</ui:include>
                          </h:form>
                 </p:tab>
   
                  <p:tab id="tab2" title="Gráfico Ataque">  
        	        <ui:include src="GraficoAtaque.xhtml">
			</ui:include>  
                 </p:tab>

ai o conteudo CSS da pagina bean.xhtml nao funciona mais… oq posso fazer?

obrigado

#2