The project I am working on is currently using richfaces 3.3.3. The issue I am having is with the <rich:editor> component, specifically the HTML Source Editor window that opens when the "HTML" tool is clicked. I have been able to remove the default image faces puts in and replace it with my own styles, including the "Maximize" and "Close" buttons. The problem comes in when I try to replace the "Update" and "Cancel" buttons at the bottom of that window. No matter what I do, the faces default remains. See the screenshot below and the css I am trying to use.
I tried this first:
#insert, #cancel, input.button, .updateButton {
background: url("/marketing/customwebsites/basic/assets/img/layout/button_browe-blue-93x24.png") no-repeat !important;
color: #fff;
}
When the above did not work, I tried this:
#insert, #cancel, input.button, .updateButton {
background-image: none !important;
}
.mceActionPanel #insert,
.mceActionPanel #cancel {
background: url("/marketing/customwebsites/basic/assets/img/layout/button_browe-blue-93x24.png") no-repeat !important;
color: #fff;
}
Neither of these two approches worked. I really don't like using !important, but so far it has been the only way I am able to override the richfaces editor defaults.

Does anyone have any thoughts on this? Suggestions?
Thanks