Mudar cor de componente richfaces

Front-end
#1

Pessoal,

Preciso alterar a cor de fundo do componente rich:separator e segundo o site http://docs.jboss.org/richfaces/3.3.1.GA/en/devguide/html/rich_separator.html#sepC, eu só precisaria sobrescrever a classe do componente.

Criei um arquivo css do seguinte jeito:

.rich-separator {
	background-color: #ff7700;
}

E importei ele no meu template.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich">

	<head>
		<link rel="stylesheet" type="text/css" href="/RRHH/recursos/css/estilos.css" />
	</head>
	
	<body>
		<table>
			<tr>
				<td colspan="2" align="left"><h:graphicImage value="/recursos/imagens/logo.jpg" /> </td>
			</tr>
			<tr>
				<td colspan="2"><rich:separator width="100%"></rich:separator> </td>
			</tr>
			<tr>
				<td valign="top" class="label">[Menu]</td>
				<td><ui:insert name="corpo"></ui:insert> </td>
			</tr>
		</table>
	</body>

</html>

O problema é que a cor não está sendo mudada. Continua sempre o azul padrão.

Como que eu posso corrigir isso?

Obrigado

#2

Já tentou setar o atributo lineType da tag?

<td colspan="2"><rich:separator lineType="solid" width="100%"></rich:separator> </td>
#3

Sim…ele não muda a cor :frowning:

#4

tenta

<rich:separator styleClass=“rich-separator”>

No meu caso eu estou fazendo dinamicamente, eu defini no meu css:

.rich-separator {
background-color: yellow;
}

e no controla:

separator.setStyleClass(“rich-separator”);

mas não deu certo…alguém sabe???

#5