He estado haciendo un buen uso de los iconos de jQuery en mi aplicación web, pero he llegado a un punto en el que me gustaría usar un color que no puedo lograr de forma predeterminada. Actualmente estoy usando el tema "State Street", que utiliza principalmente el verde. Pero tengo un cuadro rojo con texto en blanco, y me gustaría usar un ícono que también sea blanco. Hay iconos blancos que se suministran con el tema, pero solo se aplican cuando los iconos están dentro de un div (o algún otro contenedor) que tiene una clase de "ui-state-focus". Esto hará que el icono sea blanco, pero cambiará el color de fondo a verde, que quiero dejar en rojo.

¿Hay alguna forma (probablemente a través de CSS) de anular la imagen de fondo que jQuery usa para los iconos, para que pueda usar un color diferente?

Gracias.

ACLARACIÓN: Supongo que me ayudaría a publicar el html con el que estoy trabajando actualmente:

<!-- currently produces a default 'grey' icon color -->
<!-- this b/c no jquery ui class (like ui-state-focus) given for errorMessage div -->
<div id="errorMessage">
    <span class="ui-icon ui-icon-alert" style="float: left"></span>
    Only 1 Activity can be added at a time 
</div>

También tengo CSS:

.dialog #errorMessage
{
    /*display: none;*/
    background-color: #CC3300;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: bottom;
    bottom: auto;
    font-size: .80em;
    width: 100%
}

"display: none" está actualmente comentado, así que puedo verlo. Lo tengo configurado para fadeIn en captura de error. Gracias de nuevo por la ayuda.