Appendix A. Style classes and skin parameters

Each of the RichFaces™ components are listed below, along with their style classes and skin parameters. For further details on each component, refer to the relevant section in the RichFaces Component Reference .

A.1. Processing management

A.1.1. `<a4j:log>`

Table A.1. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-log` This class defines styles for the log.	`generalTextColor`	`color`
`.rf-log-popup` This class defines styles for the log when it appears as a pop-up.	No skin parameters.
`.rf-log-popup-cnt` This class defines styles for the content of the log pop-up.	No skin parameters.
`.rf-log-inline` This class defines styles for the log when it appears in-line.	No skin parameters.
`.rf-log-contents` This class defines styles for the log contents.	No skin parameters.
`.rf-log-entry-lbl` This class defines styles for a label in the log.	No skin parameters.
`.rf-log-entry-lbl-debug` This class defines styles for the debug label in the log.	No skin parameters.
`.rf-log-entry-lbl-info` This class defines styles for the information label in the log.	No skin parameters.
`.rf-log-entry-lbl-warn` This class defines styles for the warning label in the log.	No skin parameters.
`.rf-log-entry-lbl-error` This class defines styles for the error label in the log.	No skin parameters.
`.rf-log-entry-msg` This class defines styles for a message in the log.	No skin parameters.
`.rf-log-entry-msg-debug` This class defines styles for the debug message in the log.	No skin parameters.
`.rf-log-entry-msg-info` This class defines styles for the information message in the log.	No skin parameters.
`.rf-log-entry-msg-warn` This class defines styles for the warning message in the log.	No skin parameters.
`.rf-log-entry-msg-error` This class defines styles for the error message in the log.	No skin parameters.
`.rf-log-entry-msg-xml` This class defines styles for an XML message in the log.	No skin parameters.

A.2. Rich inputs

A.2.1. `<rich:autocomplete>`

Table A.2. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-au-fnt` This class defines styles for the auto-complete box font.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-au-inp` This class defines styles for the auto-complete input box.	`controlBackgroundColor`	`background-color`
`.rf-au-fld` This class defines styles for the auto-complete field.	`panelBorderColor`	`border-color`
	`controlBackgroundColor`	`background-color`
`.rf-au-fld-btn` This class defines styles for a button in the auto-complete field.	No skin parameters.
`.rf-au-btn` This class defines styles for the auto-complete box button.	`headerBackgroundColor`	`background-color`
	`panelBorderColor`	`border-left-color`
`.rf-au-btn-arrow` This class defines styles for the button arrow.	No skin parameters.
`.rf-au-btn-arrow-dis` This class defines styles for the button arrow when it is disabled.	No skin parameters.
`.rf-au-lst-scrl` This class defines styles for the scrollbar in the auto-complete list.	No skin parameters.
`.rf-au-itm` This class defines styles for an item in the auto-complete list.	No skin parameters.
`.rf-au-itm-sel` This class defines styles for a selected item in the auto-complete list.	`headerBackgroundColor`	`background-color`
	`generalTextColor`	`border-color`
`.rf-au-shdw` This class defines styles for the auto-complete box shadow.	No skin parameters.
`.rf-au-shdw-t`, `.rf-au-shdw-l`, `.rf-au-shdw-r`, `.rf-au-shdw-b` These classes define styles for the top, left, right, and bottom part of the auto-complete box shadow.	No skin parameters.
`.rf-au-tbl` This class defines styles for a table in the auto-complete box.	No skin parameters.

A.2.2. `<rich:calendar>`

Table A.3. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-cal-extr` This class defines the styles for a pop-up calendar exterior.	`panelBorderColor`	`border-color`
`.rf-cal-btn` This class defines styles for a calendar button.	No skin parameters.
`.rf-cal-hdr` This class defines the styles for a calendar header.	`panelBorderColor`	`border-bottom-color`
	`additionalBackgroundColor`	`background-color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-cal-hdr-optnl` This class defines the styles for an optional header.	`panelBorderColor`	`border-bottom-color`
	`additionalBackgroundColor`	`background-color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-cal-hdr-month` This class defines the styles for the month header.	`headerBackgroundColor`	`background-color`
	`headerSizeFont`	`font-size`
	`headerFamilyFont`	`font-family`
	`headerWeightFont`	`font-weight`
	`headerTextColor`	`color`
`.rf-cal-ftr` This class defines the styles for a calendar footer.	`panelBorderColor`	`border-right-color`, `border-bottom-color`
	`additionalBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-cal-ftr-optnl` This class defines the styles for an optional footer.	`panelBorderColor`	`border-right-color`, `border-bottom-color`
	`additionalBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-cal-tl` This class defines the styles for calendar toolbars.	`headerBackgroundColor`	`background-color`
	`headerSizeFont`	`font-size`
	`headerFamilyFont`	`font-family`
	`headerWeightFont`	`font-weight`
	`headerTextColor`	`color`
`.rf-cal-tl-ftr` This class defines the styles for a toolbar item in the calendar footer.	`additionalBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-cal-tl-btn` This class defines styles for a toolbar button.	No skin parameters.
`.rf-cal-tl-btn-dis` This class defines styles for a disabled toolbar button.	No skin parameters.
`.rf-cal-tl-btn-hov` This class defines the styles for toolbar items when it is hovered over with the mouse cursor.	`calendarWeekBackgroundColor`	`background-color`
	`generalTextColor`	`color`
	`tableBackgroundColor`	`border-color`
	`panelBorderColor`	`border-right-color`, `border-bottom-color`
`.rf-cal-tl-btn-press` This class defines the styles for toolbar items when it is pressed.	`panelBorderColor`	`border-color`
	`panelBorderColor`	`border-right-color`, `border-bottom-color`
`.rf-cal-tl-close` This class defines styles for a Close button in a toolbar.	No skin parameters.
`.rf-cal-c` This class defines the styles for regular calendar cells.	`panelBorderColor`	`border-bottom-color`, `border-right-color`
	`tableBackgroundColor`	`background-color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-cal-c-cnt` This class defines styles for the content of a cell.	No skin parameters.
`.rf-cal-today` This class defines the styles for the cell representing today’s date.	`calendarCurrentBackgroundColor`	`background-color`
	`calendarCurrentTextColor`	`color`
`.rf-cal-sel` This class defines the styles for the selected day.	`headerBackgroundColor`	`background-color`
	`headerTextColor`	`color`
`.rf-cal-hov` This class defines the styles for a cell when it is hovered over with the mouse cursor.	`calendarSpecBackgroundColor`	`background-color`
	`calendarSpecTextColor`	`color`
`.rf-cal-dis` This class defines the styles for a disabled cell.	No skin parameters.
`.rf-cal-week` This class defines the styles for week numbers.	`panelBorderColor`	`border-bottom-color`, `border-right-color`
	`calendarWeekBackgroundColor`	`background-color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-cal-holiday` This class defines the styles for weekends and holidays.	`calendarHolidaysBackgroundColor`	`background-color`
	`calendarHolidaysTextColor`	`color`
`.rf-cal-boundary-day` This class defines styles for an active boundary button.	No skin parameters.
`.rf-cal-sp-inp` This class defines the styles for a spinner input field in the pop-up element for time selection.	`buttonSizeFont`	`font-size`
	`buttonFamilyFont`	`font-family`
`.rf-cal-sp-inp-cntr` This class defines the styles for a wrapper `<td>` element for a spinner input field in the pop-up element for time selection.	`controlBackgroundColor`	`background-color`
	`panelBorderColor`	`border-color`
	`subBorderColor`	`border-right-color`, `border-bottom-color`
`.rf-cal-sp-btn` This class defines the styles for a wrapper `<td>` element for spinner buttons in the pop-up element for time selection.	`headerBackgroundColor`	`background-color`, `border-color`
`.rf-cal-sp-up` This class defines styles for the Up spinner button.	No skin parameters.
`.rf-cal-sp-down` This class defines styles for the Down spinner button.	No skin parameters.
`.rf-cal-sp-press` This class defines styles for a spinner button when it is pressed.	No skin parameters.
`.rf-cal-edtr-shdw` This class defines the styles for the calendar editor shadow.	`tableBackgroundColor`	`background`
`.rf-cal-edtr-layout-shdw` This class defines the styles for the layout shadow of a calendar editor.	`shadowBackgroundColor`	`background-color`
`.rf-cal-edtr-btn` This class defines styles for a button in the calendar editor.	No skin parameters.
`.rf-cal-edtr-btn-over` This class defines the styles for the calendar editor button when it is hovered over with the mouse cursor.	`panelBorderColor`	`border-color`
	`calendarSpecBackgroundColor`	`background`
`.rf-cal-edtr-btn-sel` This class defines the styles for the calendar editor button when it is selected.	`calendarCurrentBackgroundColor`	`background-color`
	`calendarCurrentTextColor`	`color`
`.rf-cal-edtr-tl-over` This class defines the styles for a toolbar item in the calendar editor when it is hovered over with the mouse cursor.	`additionalBackgroundColor`	`background`
	`tableBackgroundColor`	`border-color`
	`panelBorderColor`	`border-right-color`, `border-bottom-color`
`.rf-cal-edtr-tl-press` This class defines the styles for a toolbar item in the calendar editor when it is pressed.	`additionalBackgroundColor`	`background`
	`panelBorderColor`	`border-color`
	`tableBackgroundColor`	`border-right-color`, `border-bottom-color`
`.rf-cal-time-inp` This class defines styles for the time input field.	No skin parameters.
`.rf-cal-time-btn` This class defines the styles for a button in the pop-up element for the calendar’s time section.	`tableBackgroundColor`	`border-color`
	`panelBorderColor`	`border-right-color`, `border-bottom-color`
`.rf-cal-time-btn-press` This class defines the styles for a pressed button in the pop-up element for the calendar’s time section.	`tableBackgroundColor`	`border-right-color`, `border-bottom-color`
	`panelBorderColor`	`border-color`
	`calendarWeekBackgroundColor`	`background-color`
`.rf-cal-timepicker-cnt` This class defines the styles for the content of the pop-up element during time selection.	`panelBorderColor`	`border-color`
	`additionalBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-cal-timepicker-inp` This class defines the styles for an input field in the time picker.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-cal-timepicker-ok` This class defines styles for the OK button in the time picker.	No skin parameters.
`.rf-cal-timepicker-cancel` This class defines styles for the Cancel button in the time picker.	No skin parameters.
`.rf-cal-monthpicker-cnt` This class defines the styles for the content of the pop-up element during month or year selection.	`panelBorderColor`	`border-color`
	`tableBackgroundColor`	`background`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-cal-monthpicker-ok` This class defines the styles for the OK button for the month picker.	`additionalBackgroundColor`	`background`
	`panelBorderColor`	`border-top-color`
`.rf-cal-monthpicker-cancel` This class defines the styles for the Cancel button for the month picker.	`additionalBackgroundColor`	`background`
	`panelBorderColor`	`border-top-color`
`.rf-cal-monthpicker-split` This class defines the styles for the splitter in the month picker.	`panelBorderColor`	`border-right-color`

A.2.3. `<rich:editor>`

Table A.4. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.cke_skin_richfaces`	`panelBorderColor`	`border-color`
`.cke_skin_richfaces .cke_wrapper`	`editorMainBackgroundColor`	`background-color`
`.cke_skin_richfaces .cke_dialog_body`	`panelBorderColor`	`border-color`
`.cke_skin_richfaces .cke_dialog_body`	`generalBackgroundColor`	`background`
`.cke_skin_richfaces .cke_dialog_title`	`headerBackgroundColor`	`repeat-x`
	`headerWeightFont`	`font-weight`
	`headerTextColor`	`color`
	`headerFamilyFont`	`font-family`
	`headerSizeFont`	`font-size`
`.cke_skin_richfaces .cke_path a`, `.cke_skin_richfaces .cke_path .cke_empty`	`editorMainTextColor`	`color`
`.cke_skin_richfaces .cke_button a.cke_on`	`additionalBackgroundColor`	`background-color`
`.cke_skin_richfaces .cke_button a.cke_on`	`panelBorderColor`	`border-color`
`.cke_skin_richfaces .cke_button a:hover`, `.cke_skin_richfaces .cke_button a:focus`, `.cke_skin_richfaces .cke_button a:active`	`panelBorderColor`	`border-color`
	`tabBackgroundColor`	`background-color`
`.cke_skin_richfaces .cke_rcombo a`, `.cke_skin_richfaces .cke_rcombo a:active`, `.cke_skin_richfaces .cke_rcombo a:hover`	`panelBorderColor`	`border-color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
	`controlTextColor`	`color`
	`controlBackgroundColor`	`background-color`
`.cke_skin_richfaces .cke_rcombo .cke_openbutton`	`headerBackgroundColor`	`background-color`
`.cke_skin_richfaces .cke_rcombo .cke_openbutton`	`panelBorderColor`	`border-left-color`

A.2.4. `<rich:fileUpload>`

Table A.5. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-fu` This class defines styles for the file upload control.	`generalBackgroundColor`	`background-color`
	`panelBorderColor`	`border-color`
`.rf-fu-hdr` This class defines styles for the header of the file upload control.	`headerBackgroundColor`	`background-color`, `border-color`
`.rf-fu-lst` This class defines styles for lists in the file upload control.	No skin parameters.
`.rf-fu-cntr-hdn` This class defines styles for the file upload container when it is hidden.	No skin parameters.
`.rf-fu-btns-lft`, `.rf-fu-btns-rgh` These classes define styles for buttons on the left and right of the file upload control.	No skin parameters.
`.rf-fu-btn-add` This class defines styles for the Add button in the file upload control.	`trimColor`	`background-color`
	`panelBorderColor`	`border-color`
`.rf-fu-btn-cnt-add` This class defines styles for the content of the Add button in the file upload control.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-fu-btn-add-dis` This class defines styles for the Add button in the file upload control when it is disabled.	`tableFooterBackgroundColor`	`background-color`
	`tableFooterBackgroundColor`	`border-color`
`.rf-fu-btn-cnt-add-dis` This class defines styles for the content of the Add button in the file upload control when it is disabled.	`tabDisabledTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-fu-btn-upl` This class defines styles for the Upload button in the file upload control.	`trimColor`	`background-color`
	`panelBorderColor`	`border-color`
`.rf-fu-btn-cnt-upl` This class defines styles for the content of the Upload button in the file upload control.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-fu-btn-clr` This class defines styles for the Clear button in the file upload control.	`trimColor`	`background-color`
	`panelBorderColor`	`border-color`
`.rf-fu-btn-cnt-clr` This class defines styles for the content of the Clear button in the file upload control.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-fu-itm` This class defines styles for an item in the file upload control.	`panelBorderColor`	`border-bottom-color`
`.rf-fu-itm-lft`, `.rf-fu-itm-rgh` These classes define styles for items on the left and right of the file upload control.	No skin parameters.
`.rf-fu-itm-lbl` This class defines styles for the label of an item in the file upload control.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-fu-itm-st` This class defines styles for the status of an item in the file upload control.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-fu-itm-lnk` This class defines styles for a link item in the file upload control.	`generalLinkColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-fu-inp` This class defines styles for the input field in the file upload control.	No skin parameters.
`.rf-fu-inp-cntr` This class defines styles for the input field container in the file upload control.	No skin parameters.

A.2.5. `<rich:inplaceInput>`

Table A.6. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-ii` This class defines styles for the in-place input when it is in the default state.	`editorBackgroundColor`	`background-color`
	`generalTextColor`	`border-bottom-color`
`.rf-ii-act` This class defines styles for the in-place input when it is in the editing state.	No skin parameters.
`.rf-ii-chng` This class defines styles for the in-place input when it is in the changed state.	No skin parameters.
`.rf-ii-dis` This class defines styles for the in-place input when it is in the disabled state.	No skin parameters.
`.rf-ii-fld` This class defines styles for the in-place input field.	`editBackgroundColor`	`background-color`, `border-bottom-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-ii-lbl` This class defines styles for the label of the in-place input.	`generalTextColor`	`color`
	`generalSizeFont`	`font-size`
`.rf-ii-dflt-lbl` This class defines styles for the default label of the in-place input.	No skin parameters.
`.rf-ii-btn` This class defines styles for the buttons for the in-place input.	`tabBackgroundColor`	`background-color`
	`panelBorderColor`	`border-color`
`.rf-ii-btn-p` This class defines styles for the buttons for the in-place input when they are pressed.	`tabBackgroundColor`	`background-color`
	`panelBorderColor`	`border-color`
`.rf-ii-btn-set`, `.rf-ii-btn-prepos`, `.rf-ii-btn-pos` These classes define the positioning of the buttons.	No skin parameters.
`.rf-ii-btn-shdw` This class defines styles for the button shadows for the in-place input.	No skin parameters.
`.rf-ii-btn-shdw-t`, `.rf-ii-btn-shdw-b`, `.rf-ii-btn-shdw-l`, `.rf-ii-btn-shdw-r` These classes define the top, bottom, left, and right edge of the button shadows.	No skin parameters.
`.rf-ii-none` This class defines styles for the in-place input when it cannot be edited.	No skin parameters.

A.2.6. `<rich:inputNumberSlider>`

Table A.7. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-insl` This class defines styles for the number slider itself.	No skin parameters.
`.rf-insl-trc` This class defines styles for the number slider track.	`controlBackgroundColor`	`background-color`
	`panelBorderColor`	`border-bottom-color`
`.rf-insl-trc-cntr` This class defines styles for the container of the number slider track.	No skin parameters.
`.rf-insl-mn` This class defines styles for the minimum label on the number slider.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
	`generalTextColor`	`color`
	`panelBorderColor`	`border-left-color`
`.rf-insl-mx` This class defines styles for the maximum label on the number slider.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
	`generalTextColor`	`color`
	`panelBorderColor`	`border-right-color`
`.rf-insl-inp` This class defines styles for the input field on the number slider.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
	`generalTextColor`	`color`
`.rf-insl-inp-cntr` This class defines styles for the container of the input field.	No skin parameters.
`.rf-insl-hnd` This class defines styles for the handle on the number slider.	No skin parameters.
`.rf-insl-hnd-cntr` This class defines styles for the container of the handle.	No skin parameters.
`.rf-insl-hnd-sel` This class defines styles for the handle when it is selected.	No skin parameters.
`.rf-insl-hnd-dis` This class defines styles for the handle when it is selected.	No skin parameters.
`.rf-insl-dec`, `.rf-insl-inc` These classes define styles for the step controls to decrease and increase the number.	No skin parameters.
`.rf-insl-dec-sel`, `.rf-insl-inc-sel` These classes define styles for the step controls when they are selected.	No skin parameters.
`.rf-insl-dec-dis`, `.rf-insl-inc-dis` These classes define styles for the step controls when they are disabled.	No skin parameters.
`.rf-insl-tt` This class defines styles for the tool-tip on the number slider.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
	`generalTextColor`	`color`
	`tipBorderColor`	`border`
	`tipBackgroundColor`	`background-color`

A.2.7. `<rich:inputNumberSpinner>`

Table A.8. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-insp` This class defines styles for the number spinner itself.	`panelBorderColor`	`border-color`
`.rf-insp-inp` This class defines styles for the input field on the number spinner.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
	`generalTextColor`	`color`
	`controlBackgroundColor`	`background-color`
`.rf-insp-btns` This class defines styles for the buttons on the number spinner.	`headerBackgroundColor`	`background-color`
	`panelBorderColor`	`border-left-color`
`.rf-insp-dec`, `.rf-insp-inc` These classes define styles for the step controls to decrease and increase the number.	No skin parameters.
`.rf-insp-dec-dis`, `.rf-insp-inc-dis` These classes define styles for the step controls when they are disabled.	No skin parameters.

A.3. Rich selects

A.3.1. `<rich:inplaceSelect>`

Table A.9. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-is` This class defines styles for the in-place select when it is in the default state.	`editorBackgroundColor`	`background-color`
	`generalTextColor`	`border-bottom-color`
`.rf-is-act` This class defines styles for the in-place select when it is in the editing state.	No skin parameters.
`.rf-is-chng` This class defines styles for the in-place select when it is in the changed state.	No skin parameters.
`.rf-is-dis` This class defines styles for the in-place select when it is in the disabled state.	No skin parameters.
`.rf-is-fld` This class defines styles for the in-place select field.	`editBackgroundColor`	`background`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-is-opt` This class defines styles for an option for the in-place select.	`generalTextColor`	`border-color`
`.rf-is-sel` This class defines styles for the selected option of the in-place select.	`generalTextColor`	`border-color`
`.rf-is-lbl` This class defines styles for the label of the in-place select.	No skin parameters.
`.rf-is-dflt-lbl` This class defines styles for the default label of the in-place select.	No skin parameters.
`.rf-is-edit` This class defines styles for the in-place select when it is being edited.	No skin parameters.
`.rf-is-btn` This class defines styles for the buttons for the in-place select.	`tabBackgroundColor`	`background-color`
	`panelBorderColor`	`border-color`
`.rf-is-btn-p` This class defines styles for the buttons for the in-place select when they are pressed.	`tabBackgroundColor`	`background-color`
	`panelBorderColor`	`border-color`
`.rf-is-btn-set`, `.rf-is-btn-prepos`, `.rf-is-btn-pos` These classes define the positioning of the buttons.	No skin parameters.
`.rf-is-lst-pos` This class defines the positioning of the list.	No skin parameters.
`.rf-is-lst-dec` This class defines styles for a decreasing list for the in-place select.	`editBackgroundColor`	`background-color`
	`panelBorderColor`	`border-color`
`.rf-is-lst-scrl` This class defines styles for the list scrollbar.	No skin parameters.
`.rf-is-shdw` This class defines styles for the in-place select shadow.	No skin parameters.
`.rf-is-shdw-t`, `.rf-is-shdw-b`, `.rf-is-shdw-l`, `.rf-is-shdw-r` These classes define the top, bottom, left, and right edge of the in-place select shadows.	No skin parameters.
`.rf-is-btn-shdw` This class defines styles for the button shadows for the in-place select.	No skin parameters.
`.rf-is-none` This class defines styles for the in-place select when it cannot be edited.	No skin parameters.

A.3.2. `<rich:select>`

Table A.10. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-sel` This class defines styles for the select control itself.	No skin parameters.
`.rf-sel-cntr` This class defines styles for the container of the select control.	`panelBorderColor`	`border-color`
`.rf-sel-inp` This class defines styles for the select control input field.	`controlBackgroundColor`	`background-color`
`.rf-sel-fld-err` This class defines styles for the input field when an error occurs.	No skin parameters.
`.rf-sel-opt` This class defines styles for an option in the select control.	`generalTextColor`	`color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-sel-sel` This class defines styles for the selected option of the select control.	`generalTextColor`	`border-color`
`.rf-sel-dflt-lbl` This class defines styles for the default label of the select control.	No skin parameters.
`.rf-sel-btn` This class defines styles for the button of the select control.	`headerBackgroundColor`	`background-color`
	`panelBorderColor`	`border-left-color`
`.rf-sel-btn-arrow` This class defines styles for the arrow on the button.	No skin parameters.
`.rf-sel-btn-dis` This class defines styles for the button of the select control when it is disabled.	No skin parameters.
`.rf-sel-lst-scrl` This class defines styles for the list scrollbar.	No skin parameters.
`.rf-sel-shdw` This class defines styles for the select control shadow.	No skin parameters.
`.rf-sel-shdw-t`, `.rf-sel-shdw-b`, `.rf-sel-shdw-l`, `.rf-sel-shdw-r` These classes define the top, bottom, left, and right edge of the select control shadows.	No skin parameters.

A.3.3. `<rich:orderingList>`

Table A.11. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-ord` This class defines styles for the orderingList control itself.	No skin parameters.
`.rf-ord-cntr` This class defines styles for the container of the orderingList control.	No skin parameters.
`.rf-ord-cptn` This class defines styles for the caption of the orderingList control.	`headerTextColor`	`color`
	`headerSizeFont`	`font-size`
	`headerFamilyFont`	`font-family`
	`headerWeightFont`	`font-weight`
`.rf-ord-lst` This class defines styles for the items list of the orderingList control.	No skin parameters.
`.rf-ord-hdr` This class defines styles for the header of the items list.	`headerBackgroundColor`	`background-color`
	`headerTextColor`	`color`
	`headerSizeFont`	`font-size`
	`headerFamilyFont`	`font-family`
	`headerWeightFont`	`font-weight`
`.rf-ord-opt` This class defines styles for an option in the orderingList control.	`generalTextColor`	`color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-ord-sel` This class defines styles for the selected option of the orderingList control.	`generalTextColor`	`border-color`
`.rf-ord-dflt-lbl` This class defines styles for the default label of the orderingList control.	No skin parameters.
`.rf-ord-btn` This class defines styles for the button of the orderingList control.	`headerBackgroundColor`	`background-color`
	`panelBorderColor`	`border-left-color`
`.rf-ord-btn-dis` This class defines styles for the button of the orderingList control when it is disabled.	No skin parameters.
`.rf-ord-lst-scrl` This class defines styles for the list scrollbar.	No skin parameters.

A.3.4. `<rich:pickList>`

Table A.12. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-pick` This class defines styles for the pickList control itself.	No skin parameters.
`.rf-pick-src-cptn, .rf-pick-tgt-cptn` These classes define styles for the source and target captions of the pickList control.	`headerTextColor`	`color`
	`headerSizeFont`	`font-size`
	`headerFamilyFont`	`font-family`
	`headerWeightFont`	`font-weight`
`.rf-pick-lst` This class defines styles for the items list of the pickList control.	No skin parameters.
`.rf-pick-hdr` This class defines styles for the header of the items list.	`headerBackgroundColor`	`background-color`
	`headerTextColor`	`color`
	`headerSizeFont`	`font-size`
	`headerFamilyFont`	`font-family`
	`headerWeightFont`	`font-weight`
`.rf-pick-opt` This class defines styles for an option in the pickList control.	`generalTextColor`	`color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-pick-sel` This class defines styles for the selected option of the pickList control.	`generalTextColor`	`border-color`
`.rf-pick-dflt-lbl` This class defines styles for the default label of the pickList control.	No skin parameters.
`.rf-pick-btn` This class defines styles for the button of the pickList control.	`headerBackgroundColor`	`background-color`
	`panelBorderColor`	`border-left-color`
`.rf-pick-btn-dis` This class defines styles for the button of the pickList control when it is disabled.	No skin parameters.
`.rf-pick-lst-scrl` This class defines styles for the list scrollbar.	No skin parameters.

A.4. Panels and containers

A.4.1. `<rich:panel>`

Table A.13. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-p` This class defines styles for the panel itself.	`generalBackgroundColor`	`background-color`
`.rf-p` This class defines styles for the panel itself.	`panelBorderColor`	`color`
`.rf-p-hdr` This class defines styles for the header of a panel.	`headerBackgroundColor`	`background-color`, `border-color`
	`headerTextColor`	`color`
	`headerSizeFont`	`font-size`
	`headerWeightFont`	`font-weight`
	`headerFamilyFont`	`font-family`
`.rf-p-b` This class defines styles for the body of a panel.	`generalTextColor`	`color`
	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`

A.4.2. `<rich:accordion>`

Table A.14. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-ac` This class defines styles for the accordion control itself.	`panelBorderColor`	`border-color`
	`generalBackgroundColor`	`background`
`.rf-ac-itm-hdr` This class defines styles for the header of an accordion item.	`panelBorderColor`	`border-bottom-color`
	`headerBackgroundColor`	`background-color`
	`headerTextColor`	`color`
	`headerWeightFont`	`font-weight`
	`headerFamilyFont`	`font-family`
	`headerSizeFont`	`font-size`
`.rf-ac-itm-hdr-act`, `.rf-ac-itm-hdr-inact` These classes define styles for the header when the item is either active (expanded) or inactive (collapsed).	No skin parameters.
`.rf-ac-itm-hdr-dis` This class defines styles for the header when it is disabled.	`tabDisabledTextColor`	`color`
`.rf-ac-itm-gr` This class defines styles for an item group.	No skin parameters.
`.rf-ac-itm-cnt` This class defines styles for the content of an accordion item.	`panelBorderColor`	`border-bottom-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-ac-itm-ico` This class defines styles for the item icon.	No skin parameters.
`.rf-ac-itm-exp-ico` This class defines styles for the expanded icon for an item.	No skin parameters.
`.rf-ac-itm-ico-act`, `.rf-ac-itm-ico-inact` These classes define styles for the icon when the item is either active (expanded) or inactive (collapsed).	No skin parameters.
`.rf-ac-itm-lbl` This class defines styles for the item label.	No skin parameters.
`.rf-ac-itm-lbl-act`, `.rf-ac-itm-lbl-inact` These classes define styles for the label when the item is either active (expanded) or inactive (collapsed).	No skin parameters.

A.4.3. `<rich:collapsiblePanel>`

Table A.15. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-cp` This class defines styles for the collapsible panel itself.	`panelBorderColor`	`color`
	`generalBackgroundColor`	`background`
`.rf-cp-hdr` This class defines styles for the header of a collapsible panel.	`headerBackgroundColor`	`background-color`, `border-color`
	`headerTextColor`	`color`
	`headerWeightFont`	`font-weight`
	`headerFamilyFont`	`font-family`
	`headerSizeFont`	`font-size`
`.rf-cp-hdr-exp`, `.rf-cp-hdr-colps` These classes define styles for the header when the item is either expanded or collapsed.	No skin parameters.
`.rf-cp-gr` This class defines styles for a collapsible panel group.	No skin parameters.
`.rf-cp-b` This class defines styles for the body of a collapsible panel.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-cp-ico` This class defines styles for the panel icon.	No skin parameters.
`.rf-cp-exp-ico` This class defines styles for the expanded icon for a panel.	No skin parameters.
`.rf-cp-ico-exp`, `.rf-cp-ico-colps` These classes define styles for the icon when the panel is either expanded or collapsed.	No skin parameters.
`.rf-cp-lbl` This class defines styles for the panel label.	No skin parameters.
`.rf-cp-lbl-exp`, `.rf-cp-lbl-colps` These classes define styles for the label when the panel is either expanded or collapsed.	No skin parameters.

A.4.4. `<rich:popupPanel>`

Table A.16. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-pp-btn` This class defines styles for the pop-up panel button.	No skin parameters.
`.rf-pp-shade` This class defines styles for the shading that covers the page when presenting a modal pop-up panel.	No skin parameters.
`.rf-pp-cntr` This class defines styles for the container for the pop-up panel.	`panelBorderColor`	`border`
	`generalBackgroundColor`	`background`
`.rf-pp-hdr` This class defines styles for the header of the pop-up panel.	`headerBackgroundColor`	`background`
`.rf-pp-hdr-cnt` This class defines styles for the content of the header.	`headerTextColor`	`color`
	`headerWeightFont`	`font-weight`
	`headerFamilyFont`	`font-family`
	`headerSizeFont`	`font-size`
`.rf-pp-cnt` This class defines styles for the content of the pop-up panel.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-pp-cnt-scrlr` This class defines styles for the scroll bars of the pop-up panel.	`generalBackgroundColor`	`background`
`.rf-pp-hndlr` This class defines styles for borders of the pop-up panel. The border handler is used to re-size the panel.	No skin parameters.
`.rf-pp-hndlr-t`, `.rf-pp-hndlr-b`, `.rf-pp-hndlr-l`, `.rf-pp-hndlr-r`, `.rf-pp-hndlr-tl`, `.rf-pp-hndlr-tr`, `.rf-pp-hndlr-bl`, `.rf-pp-hndlr-br` These classes define styles for the top, bottom, left, right, top-left, top-right, bottom-left, and bottom-right edges of the border handler.	No skin parameters.

A.4.5. `<rich:tabPanel>`

Table A.17. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-tab-hdr` This class defines styles for a tab header.	`panelBorderColor`	`border`
	`tabBackgroundColor`	`background-color`
	`generalTextColor`	`color`
`.rf-tab-hdr-act` This class defines styles for a tab header when it is active.	`additionalBackgroundColor`	`background-color`
`.rf-tab-hdr-inact` This class defines styles for a tab header when it is inactive.	No skin parameters.
`.rf-tab-hdr-dis` This class defines styles for a tab header when it is disabled.	`tabDisabledTextColor`	`color`
`.rf-tab-hdr-tabline-vis` This class defines styles for the header tab line when it is visible.	`additionalBackgroundColor`	`background-color`
	`panelBorderColor`	`border-color`
`.rf-tab-hdr-tabs` This class defines styles for the tabs in the header.	No skin parameters.
`.rf-tab-hdr-spcr` This class defines styles for the tab header spacer.	`panelBorderColor`	`border-bottom`
`.rf-tab-lbl` This class defines styles for the tab label.	`generalFamilyFont`	`font-family`
`.rf-tab-lbl` This class defines styles for the tab label.	`generalSizeFont`	`font-size`
`.rf-tab-hdn` This class defines styles for the tab when it is hidden.	No skin parameters.
`.rf-tab-hdr-scrl-lft`, `.rf-tab-hdr-scrl-rgh` These classes define styles for the left and right controls for the tab header scroller.	`additionalBackgroundColor`	`background`
	`panelBorderColor`	`border`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-tab-hdr-tablst` This class define styles for the tab header list.	`additionalBackgroundColor`	`background`
	`panelBorderColor`	`border`
	`generalFamilyFont`	`font-family`
`.rf-tab-hdr-brd` This class define styles for the tab header border.	`tabBackgroundColor`	`background`
	`panelBorderColor`	`border`
`.rf-tab-cnt` This class define styles for the content of the tab panel.	`generalBackgroundColor`	`background`
	`panelBorderColor`	`border`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`

A.5. Tables and grids

A.5.1. `<rich:dataTable>`

Table A.18. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-dt` This class defines styles for the table.	`tableBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-left-width`, `border-top-width`
	`tableBorderColor`	`border-left-color`, `border-top-color`
`.rf-dt-cap` This class defines styles for the table caption.	No skin parameters.
`.rf-dt-r` This class defines styles for a table row.	No skin parameters.
`.rf-dt-fst-r` This class defines styles for the first row in a table.	No skin parameters.
`.rf-dt-c` This class defines styles for a table cell.	`tableBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-dt-nd` This class defines styles for a node.	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-dt-hdr` This class defines styles for a table header.	No skin parameters.
`.rf-dt-hdr-fst` This class defines styles for the first header.	No skin parameters.
`.rf-dt-hdr-c` This class defines styles for a header cell.	`tableHeaderBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`tableHeaderTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-dt-shdr` This class defines styles for a table sub-header.	No skin parameters.
`.rf-dt-shdr-fst` This class defines styles for the first sub-header.	No skin parameters.
`.rf-dt-shdr-c` This class defines styles for a sub-header cell.	`tableHeaderBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`tableHeaderTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-dt-ftr` This class defines styles for a table footer.	No skin parameters.
`.rf-dt-ftr-fst` This class defines styles for the first footer.	No skin parameters.
`.rf-dt-ftr-c` This class defines styles for a footer cell.	`tableFooterBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-dt-sftr` This class defines styles for a table sub-footer.	No skin parameters.
`.rf-dt-sftr-fst` This class defines styles for the first sub-footer.	No skin parameters.
`.rf-dt-sftr-c` This class defines styles for a sub-footer cell.	`tableFooterBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`

A.5.2. `<rich:collapsibleSubTable>`

Table A.19. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-cst` This class defines styles for the table.	No skin parameters.
`.rf-cst-r` This class defines styles for a table row.	No skin parameters.
`.rf-cst-fst-r` This class defines styles for the first row in a table.	No skin parameters.
`.rf-cst-c` This class defines styles for a table cell.	`tableBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-cst-hdr` This class defines styles for a table header.	No skin parameters.
`.rf-cst-hdr-fst` This class defines styles for the first header.	No skin parameters.
`.rf-cst-hdr-fst-r` This class defines styles for the first row in the header.	No skin parameters.
`.rf-cst-hdr-c` This class defines styles for a header cell.	`tableSubHeaderBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-cst-shdr` This class defines styles for a table sub-header.	No skin parameters.
`.rf-cst-shdr-fst` This class defines styles for the first sub-header.	No skin parameters.
`.rf-cst-shdr-c` This class defines styles for a sub-header cell.	`tableSubHeaderBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-cst-ftr` This class defines styles for a table footer.	No skin parameters.
`.rf-cst-ftr-fst` This class defines styles for the first footer.	No skin parameters.
`.rf-cst-ftr-c` This class defines styles for a footer cell.	`tableSubFooterBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-cst-sftr` This class defines styles for a table sub-footer.	No skin parameters.
`.rf-cst-sftr-fst` This class defines styles for the first sub-footer.	No skin parameters.
`.rf-cst-sftr-c` This class defines styles for a sub-footer cell.	`tableSubFooterBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`

A.5.3. `<rich:collapsibleSubTableToggler>`

Style classes (selectors)

.rf-csttg: This class defines styles for a toggle control.
.rf-csttg-exp: This class defines styles for a toggle control which expands the sub-table.
.rf-csttg-colps: This class defines styles for a toggle control which collapses the sub-table.

A.5.4. `<rich:extendedDataTable>`

Table A.20. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-edt` This class defines styles for the table.	`tableBorderWidth`, `tableBorderColor`	`border`
`.rf-edt` This class defines styles for the table.	`tableBackgroundColor`	`background-color`
`.rich-edt-cnt` This class defines styles for the table content.	No skin parameters.
`.rf-edt-c` This class defines styles for a table cell.	`tableBorderWidth`, `tableBorderColor`	`border-bottom`
`.rf-edt-c` This class defines styles for a table cell.	`tableBorderWidth`, `tableBorderColor`	`border-right`
`.rf-edt-c-cnt` This class defines styles for the contents of a cell.	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-edt-tbl-hdr` This class defines styles for the table header.	`tableBorderWidth`, `tableBorderColor`	`border-bottom`
	`tableHeaderTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
	`tableHeaderTextColor`	`color`
`.rich-edt-hdr` This class defines styles for a header.	No skin parameters.
`.rf-edt-hdr-c` This class defines styles for a table header cell.	`tableBorderWidth`, `tableBorderColor`	`border-bottom`
	`tableBorderWidth`, `tableBorderColor`	`border-right`
`.rf-edt-hdr-c-cnt` This class defines styles for the contents of a header cell.	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
	`tableHeaderTextColor`	`color`
`.rf-edt-tbl-ftr` This class defines styles for the table footer.	`tableBorderWidth`, `tableBorderColor`	`border-top`
	`tableFooterBackgroundColor`	`background-color`
`.rich-edt-ftr` This class defines styles for a footer.	`tableBorderWidth`, `tableBorderColor`	`border-top`
`.rich-edt-ftr` This class defines styles for a footer.	`tableFooterBackgroundColor`	`background-color`
`.rich-edt-ftr-cnt` This class defines styles for the content of a footer.	No skin parameters.
`.rf-edt-ftr-c` This class defines styles for a table footer cell.	`tableBorderWidth`, `tableBorderColor`	`border-bottom`
	`tableBorderWidth`, `tableBorderColor`	`border-right`
`.rf-edt-ftr-c-cnt` This class defines styles for the contents of a footer cell.	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
	`generalTextColor`	`color`
`.rf-edt-ftr-emp` This class defines styles for an empty footer cell.	`tableBorderWidth`, `tableBorderColor`	`border-right`
`.rich-edt-ftr-fzn` This class defines styles for a frozen footer.	No skin parameters.
`.rich-edt-b` This class defines styles for the body of the table.	No skin parameters.
`.rf-edt-r-sel` This class defines styles for the selected row.	`tableBorderWidth`, `tableBorderColor`	`border-right`
`.rich-edt-r-act` This class defines styles for the active row.	No skin parameters.
`.rich-edt-rsz` This class defines styles for the table resizer.	No skin parameters.
`.rich-edt-rsz-cntr` This class defines styles for the resize container.	No skin parameters.
`.rich-edt-rsz-mkr` This class defines styles for the resize marker.	`generalTextColor`	`border-left`
`.rf-edt-rord` This class defines styles for the re-order functionality.	`tableBorderWidth`, `tableBorderColor`	`border`
	`tableHeaderBackgroundColor` / `tableBackgroundColor`	`background-color`
`.rich-edt-rord-mkr` This class defines styles for the re-order marker.	No skin parameters.
`.rich-edt-spcr` This class defines a spacer for Internet Explorer 7compatibility.	No skin parameters.
`.rf-edt-colctrl-btn` This class defines styles for the column control button.	`tableBorderColor`	`border-left`
`.rf-edt-colctrl` This class defines styles for the column control popup.	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
	`additionalBackgroundColor`	`background-color`
	`tableBorderColor`	`border`

A.5.5. `<rich:dataGrid>`

Table A.21. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-dg` This class defines styles for the grid.	`tableBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-left-width`, `border-top-width`
	`tableBorderColor`	`border-left-color`, `border-top-color`
`.rf-dg-cap` This class defines styles for the grid caption.	No skin parameters.
`.rf-dg-r` This class defines styles for a grid row.	No skin parameters.
`.rf-dg-c` This class defines styles for a grid cell.	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-dg-nd-c` This class defines styles for a node cell.	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-dg-th` This class defines styles for the grid header section.	`tableBorderWidth`	`border-bottom-width`
	`tableBorderColor`	`border-bottom-color`
`.rf-dg-h` This class defines styles for a grid header.	No skin parameters.
`.rf-dg-h-f` This class defines styles for the first header.	No skin parameters.
`.rf-dg-h-r` This class defines styles for a header row.	No skin parameters.
`.rf-dg-h-c` This class defines styles for a header cell.	`tableHeaderBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`tableHeaderTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-dg-f` This class defines styles for a grid footer.	No skin parameters.
`.rf-dg-f-f` This class defines styles for the first footer.	No skin parameters.
`.rf-dg-f-c` This class defines styles for a footer cell.	`tableFooterBackgroundColor`	`background-color`
	`tableBorderWidth`	`border-bottom-width`, `border-right-width`
	`tableBorderColor`	`border-bottom-color`, `border-right-color`
	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`

A.5.6. `<rich:list>`

Table A.22. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-ulst-itm` This class defines styles for an item in an unordered list.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-olst-itm` This class defines styles for an item in an unordered list.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-dlst-trm` This class defines styles for the term of an item in a definition list.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-dlst-dfn` This class defines styles for the definition of an item in a definition list.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`

A.5.7. `<rich:dataScroller>`

Table A.23. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-ds` This class defines styles for the data scroller.	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
	`tableBackgroundColor`	`background`
`.rf-ds-btn` This class defines styles for buttons in the data scroller.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
	`tableBorderColor`	`border-color`
	`headerBackgroundColor`	`background-color`
`.rf-ds-btn-first` This class defines styles for the first button.	No skin parameters.
`.rf-ds-btn-fastrwd` This class defines styles for the fast rewind button.	No skin parameters.
`.rf-ds-btn-prev` This class defines styles for the previous button.	No skin parameters.
`.rf-ds-btn-next` This class defines styles for the next button.	No skin parameters.
`.rf-ds-btn-fastfwd` This class defines styles for the fast forward button.	No skin parameters.
`.rf-ds-btn-last` This class defines styles for the last button.	No skin parameters.
`.rf-ds-nmb-btn` This class defines styles for page number buttons in the data scroller.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
	`tableBorderColor`	`border-color`
	`tableBackgroundColor`	`background-color`
`.rf-ds-press` This class defines styles for a data scroller when a control is pressed.	`tableBorderColor`	`border-color`
	`tableBackgroundColor`	`background`
`.rf-ds-act` This class defines styles for an active data scroller.	`tableBorderColor`	`color`
`.rf-ds-dis` This class defines styles for a disabled data scroller.	`tableBorderColor`	`color`

A.6. Trees

A.6.1. `<rich:tree>`

Style classes (selectors)

.rf-tr-nd: This class defines styles for the nodes in a tree.
.rf-tr-nd-last: This class defines styles for last node in a tree.
.rf-tr-nd-colps: This class defines styles for a collapsed tree node.
.rf-tr-nd-exp: This class defines styles for an expanded tree node.

A.6.2. `<rich:treeNode>`

Table A.24. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-trn` This class defines styles for a tree node.	`generalFamilyFont`	`font-family`
`.rf-trn` This class defines styles for a tree node.	`generalSizeFont`	`font-size`
`.rf-trn-lbl` This class defines styles for a tree node label.	No skin parameters.
`.rf-trn-cnt` This class defines styles for tree node content.	No skin parameters.
`.rf-trn-sel` This class defines styles for a selected tree node.	`additionalBackgroundColor`	`background`
`.rf-trn-ldn` This class defines styles for a tree node when it is loading.	`additionalBackgroundColor`	`background`
`.rf-trn-hnd` This class defines styles for a tree node handle.	No skin parameters.
`.rf-trn-hnd-lf` This class defines styles for the handle of a leaf node.	No skin parameters.
`.rf-trn-hnd-colps` This class defines styles for the handle of a collapsed node.	No skin parameters.
`.rf-trn-hnd-exp` This class defines styles for the handle of an expanded node.	No skin parameters.
`.rf-trn-hnd-ldn-fct` This class defines styles for the loading facet of a tree node handle.	No skin parameters.
`.rf-trn-ico` This class defines styles for tree node icon.	No skin parameters.
`.rf-trn-ico-lf` This class defines styles for the icon of a leaf node.	No skin parameters.
`.rf-trn-ico-colps` This class defines styles for the icon of a collapsed node.	No skin parameters.
`.rf-trn-ico-exp` This class defines styles for the icon of an expanded node.	No skin parameters.
`.rf-trn-ico-cst` This class defines styles for a custom node icon.	No skin parameters.

A.7. Menus and toolbars

A.7.1. `<rich:dropDownMenu>`

Table A.25. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-ddm-lbl` This class defines styles for the label of the drop-down menu.	`headerFamilyFont`	`font-family`
`.rf-ddm-dis` This class defines styles for the drop-down menu when it is disabled.	`tabDisabledTextColor`	`color`
`.rf-ddm-lbl-dis` This class defines styles for the label of the drop-down menu when it is disabled.	`headerFamilyFont`	`font-family`
`.rf-ddm-pos` This class defines the positioning of the drop-down menu.	No skin parameters.
`.rf-ddm-lbl-unsel` This class defines styles for the label of the drop-down menu when it is unselected.	No skin parameters.
`.rf-ddm-lst` This class defines styles for the drop-down list.	`panelBorderColor`	`border-color`
	`additionalBackgroundColor`	`background-color`
`.rf-ddm-lst-bg` This class defines styles for the background of the drop-down list.	`additionalBackgroundColor`	`border-color`
`.rf-ddm-sublst` This class defines the positioning of the menu when used as a sub-menu.	No skin parameters.
`.rf-ddm-itm` This class defines styles for a menu item.	`generalFamilyFont`	`font-family`
`.rf-ddm-itm` This class defines styles for a menu item.	`generalSizeFont`	`font-size`
`.rf-ddm-itm-sel` This class defines styles for a menu item when it is selected.	`headerBackgroundColor`	`border-color`
	`tabBackgroundColor`	`background-color`
`.rf-ddm-itm-unsel` This class defines styles for a menu item when it is unselected.	No skin parameters.
`.rf-ddm-itm-dis` This class defines styles for a menu item when it is disabled.	`tabDisabledTextColor`	`color`
`.rf-ddm-itm-lbl` This class defines styles for the label in a menu item.	`generalTextColor`	`color`
`.rf-ddm-itm-ic` This class defines styles for the icon in a menu item.	No skin parameters.
`.rf-ddm-emptyIcon` This class defines styles for an empty icon in a menu item.	No skin parameters.
`.rf-ddm-sep` This class defines styles for a menu separator.	`panelBorderColor`	`border-top-color`
`.rf-ddm-nd` This class defines styles for a menu node.	No skin parameters.

A.7.2. `<rich:contextMenu>`

Table A.26. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-ctx-lbl` This class defines styles for the top level container of the context menu.	`headerFamilyFont`	`font-family`
`.rf-ctx-dis` This class defines styles for the context menu when it is disabled.	`tabDisabledTextColor`	`color`
`.rf-ctx-lbl-dis` This class defines styles for the top level of the context menu when it is disabled.	`headerFamilyFont`	`font-family`
`.rf-ctx-pos` This class defines the positioning of the context menu.	No skin parameters.
`.rf-ctx-lbl-unsel` This class defines styles for the top level of the context menu when it is unselected.	No skin parameters.
`.rf-ctx-lst` This class defines styles for the context list.	`panelBorderColor`	`border-color`
	`additionalBackgroundColor`	`background-color`
`.rf-ctx-lst-bg` This class defines styles for the background of the context list.	`additionalBackgroundColor`	`border-color`
`.rf-ctx-sublst` This class defines the positioning of the menu when used as a sub-menu.	No skin parameters.
`.rf-ctx-itm` This class defines styles for a menu item.	`generalFamilyFont`	`font-family`
`.rf-ctx-itm` This class defines styles for a menu item.	`generalSizeFont`	`font-size`
`.rf-ctx-itm-sel` This class defines styles for a menu item when it is selected.	`headerBackgroundColor`	`border-color`
	`tabBackgroundColor`	`background-color`
`.rf-ctx-itm-unsel` This class defines styles for a menu item when it is unselected.	No skin parameters.
`.rf-ctx-itm-dis` This class defines styles for a menu item when it is disabled.	`tabDisabledTextColor`	`color`
`.rf-ctx-itm-lbl` This class defines styles for the label in a menu item.	`generalTextColor`	`color`
`.rf-ctx-itm-ic` This class defines styles for the icon in a menu item.	No skin parameters.
`.rf-ctx-emptyIcon` This class defines styles for an empty icon in a menu item.	No skin parameters.
`.rf-ctx-sep` This class defines styles for a menu separator.	`panelBorderColor`	`border-top-color`
`.rf-ctx-nd` This class defines styles for a menu node.	No skin parameters.

A.7.3. `<rich:panelMenu>`

Table A.27. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-pm` This class defines styles for the panel menu itself.	No skin parameters.
`.rf-pm-gr` This class defines styles for a panel menu group.	`panelBorderColor`	`border-top-color`
`.rf-pm-exp`, `.rf-pm-colps` These classes define styles for the panel menu when it is expanded or collapsed.	No skin parameters.
`.rf-pm-ico` This class defines styles for the panel menu icons.	No skin parameters.
`.rf-pm-ico-exp`, `.rf-pm-ico-colps` These classes define styles for the panel menu icons when they are expanded or collapsed.	No skin parameters.
`.rf-pm-hdr-exp`, `.rf-pm-hdr-colps` These classes define styles for the panel menu headers when they are expanded or collapsed.	No skin parameters.
`.rf-pm-itm` This class defines styles for a panel menu item.	`panelBorderColor`	`border-top-color`
	`generalTextColor`	`color`
`.rf-pm-itm-gr` This class defines styles for a panel menu item as part of a panel menu group.	No skin parameters.
`.rf-pm-itm:hover` This class defines styles for a panel menu item when the mouse hovers over it.	`additionalBackgroundColor`	`background-color`
`.rf-pm-itm-sel` This class defines styles for a panel menu item when it is selected.	No skin parameters.
`.rf-pm-itm-dis` This class defines styles for a panel menu item when it is disabled.	`tabDisabledTextColor`	`color`
`.rf-pm-itm-ico` This class defines styles for the icon in a panel menu item.	No skin parameters.
`.rf-pm-itm-exp-ico` This class defines styles for the icon in a panel menu item when it is expanded.	No skin parameters.
`.rf-pm-itm-lbl` This class defines styles for the label in a panel menu item.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-pm-gr` This class defines styles for a panel menu group.	`panelBorderColor`	`border-top-color`
`.rf-pm-gr-gr` This class defines styles for a panel menu group as part of another panel menu group.	No skin parameters.
`.rf-pm-gr-sel` This class defines styles for a panel menu group when it is selected.	No skin parameters.
`.rf-pm-gr-hdr` This class defines styles for the header of a panel menu group.	`generalTextColor`	`color`
`.rf-pm-gr-hdr:hover` This class defines styles for the header of a panel menu group when the mouse hovers over it.	`additionalBackgroundColor`	`background`
`.rf-pm-gr-hdr-dis` This class defines styles for the header of a panel menu group when it is disabled.	`tabDisabledTextColor`	`color`
`.rf-pm-gr-ico` This class defines styles for the icon in a panel menu group.	No skin parameters.
`.rf-pm-gr-exp-ico` This class defines styles for the icon in a panel menu group when it is expanded.	No skin parameters.
`.rf-pm-gr-lbl` This class defines styles for the label in a panel menu group.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-pm-gr-cnt` This class defines styles for the content of a panel menu group.	No skin parameters.
`.rf-pm-top-itm` This class defines styles for the top panel menu item.	`panelBorderColor`	`border-color`
	`generalTextColor`	`color`
`.rf-pm-top-itm-gr` This class defines styles for the top panel menu item as part of a panel menu group.	No skin parameters.
`.rf-pm-top-itm:hover` This class defines styles for the top panel menu item when the mouse hovers over it.	`headerTextColor`	`color`
`.rf-pm-top-itm-sel` This class defines styles for the top panel menu item when it is selected.	No skin parameters.
`.rf-pm-top-itm-dis` This class defines styles for the top panel menu item when it is disabled.	`tabDisabledTextColor`	`color`
`.rf-pm-top-itm-ico` This class defines styles for the icon in the top panel menu item.	No skin parameters.
`.rf-pm-top-itm-exp-ico` This class defines styles for the icon in the top panel menu item when it is expanded.	No skin parameters.
`.rf-pm-top-itm-lbl` This class defines styles for the label in the top panel menu item.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-pm-top-gr` This class defines styles for the top panel menu group.	`panelBorderColor`	`border-color`
`.rf-pm-top-gr-gr` This class defines styles for the top panel menu group as part of another panel menu group.	No skin parameters.
`.rf-pm-top-gr-sel` This class defines styles for the top panel menu group when it is selected.	No skin parameters.
`.rf-pm-top-gr-hdr` This class defines styles for the header of the top panel menu group.	`headerTextColor`	`color`
	`headerBackgroundColor`	`background-color`
`.rf-pm-top-gr-hdr-dis` This class defines styles for the header of the top panel menu group when it is disabled.	`tabDisabledTextColor`	`color`
	`additionalBackgroundColor`	`background-color`
`.rf-pm-top-gr-ico` This class defines styles for the icon in the top panel menu group.	No skin parameters.
`.rf-pm-top-gr-exp-ico` This class defines styles for the icon in the top panel menu group when it is expanded.	No skin parameters.
`.rf-pm-top-gr-lbl` This class defines styles for the label in the top panel menu group.	`generalSizeFont`	`font-size`
	`generalFamilyFont`	`font-family`
`.rf-pm-top-gr-cnt` This class defines styles for the content of the top panel menu group.	No skin parameters.

A.7.4. `<rich:toolbar>`

Table A.28. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-tb` This class defines styles for the toolbar itself.	`panelBorderColor`	`border-color`
	`headerTextColor`	`color`
	`headerBackgroundColor`	`background-color`
	`headerFamilyFont`	`font-family`
	`headerSizeFont`	`font-size`
	`headerWeightFont`	`font-weight`
`.rf-tb-itm` This class defines styles for an item in the toolbar.	No skin parameters.
`.rf-tb-sep` This class defines styles for a separator in the toolbar.	No skin parameters.
`.rf-tb-sep-grid`, `.rf-tb-sep-line`, `.rf-tb-sep-disc`, `.rf-tb-sep-square` These classes define styles for grid, line, disc, and square separators.	No skin parameters.
`.rf-tb-cntr` This class defines styles for the container of the toolbar.	No skin parameters.

A.8. Output and messages

A.8.1. `<rich:message>`

Table A.29. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-msg` This class defines styles for the message itself.	`generalFamilyFont`	`font-family`
`.rf-msg` This class defines styles for the message itself.	`generalSizeFont`	`font-size`
`.rf-msg-err` This class defines styles for an error message.	`errorColor`	`color`
`.rf-msg-ftl` This class defines styles for a fatal message.	`errorColor`	`color`
`.rf-msg-inf` This class defines styles for an information message.	`generalTextColor`	`color`
`.rf-msg-wrn` This class defines styles for a warning message.	`warningTextColor`	`color`
`.rf-msg-ok` This class defines styles for a basic OK message.	`generalTextColor`	`color`
`.rf-msg-sum`, `.rf-msg-det` These classes define styles for the summary or details of a message.	No skin parameters.

A.8.2. `<rich:messages>`

Table A.30. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-msgs` This class defines styles for the message itself.	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`
`.rf-msgs-err` This class defines styles for an error message.	`errorColor`	`color`
`.rf-msgs-ftl` This class defines styles for a fatal message.	`errorColor`	`color`
`.rf-msgs-inf` This class defines styles for an information message.	`generalTextColor`	`color`
`.rf-msgs-wrn` This class defines styles for a warning message.	`warningTextColor`	`color`
`.rf-msgs-ok` This class defines styles for a basic OK message.	`generalTextColor`	`color`
`.rf-msgs-sum`, `.rf-msgs-det` These classes define styles for the summary or details of a message.	No skin parameters.

A.8.3. `<rich:notify>`

Table A.31. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-ntf` This class defines styles for notification	No skin parameters.
`.rf-ntf-shdw` This class defines style of the shadow under notification box.	`headerBackgroundColor`	`background-color`
	`headerTextColor`	`color`
`.rf-ntf-cnt` This class defines style of the content of notification box.	`panelBorderColor`	`border-color`
	`generalBackgroundColor`	`background-color`
	`panelTextColor`	`color`
`.rf-ntf-ico` This class defines style for notification icon.	No skin parameters.
`.rf-ntf-sum` This class defines style for notification message summary.	No skin parameters.
`.rf-ntf-det` This class defines style for notification message detail.	No skin parameters.
`.rf-ntf-cls` This class defines style for element wrapping close button.	No skin parameters.
`.rf-ntf-cls-ico` This class defines style for close button icon.	No skin parameters.

A.8.4. `<rich:notifyMessage>`

Table A.32. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-ntf-inf` This class defines styles for an informative message.	`generalTextColor`	`color`
`.rf-ntf-wrn` This class defines styles for a warning notifications.	No skin parameters.
`.rf-ntf-err` This class defines styles for a error notifications.	No skin parameters.
`.rf-ntf-ftl` This class defines styles for a fatal notifications.	No skin parameters.
`.rf-ntf-inf .rf-ntf-ico`, `.rf-ntf-wrn .rf-ntf-ico`, `.rf-ntf-err .rf-ntf-ico`, `.rf-ntf-ftl .rf-ntf-ico` These classes define style for notification icon based on severity of notification message.	No skin parameters.

A.8.5. `<rich:notifyStack>`

Table A.33. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-ntf-pos-tl` This class defines where top-left stack of notification will be positioned	No skin parameters.
`.rf-ntf-pos-tr` This class defines where top-right stack of notification will be positioned	No skin parameters.
`.rf-ntf-pos-bl` This class defines where bottom-left stack of notification will be positioned	No skin parameters.
`.rf-ntf-pos-br` This class defines where bottom-right stack of notification will be positioned	No skin parameters.

A.8.6. `<rich:progressBar>`

Table A.34. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-pb-lbl` This class defines styles for labels on the progress bar.	No skin parameters.
`.rf-pb-prgs` This class defines styles for the progressed portion of the progress bar.	`panelBorderColor`	`border-color`
	`selectControlColor`	`background-color`
`.rf-pb-init`, `.rf-pb-fin` These classes define styles for the initial state and finished state.	`generalTextColor`	`color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`

A.8.7. `<rich:tooltip>`

Table A.35. Style classes (selectors) and corresponding skin parameters

Class (selector)	Skin Parameters	Mapped CSS properties
`.rf-tt` This class defines styles for the tool-tip itself.	No skin parameters.
`.rf-tt-loading` This class defines styles for the tool-tip when it is loading.	No skin parameters.
`.rf-tt-cnt` This class defines styles for the tool-tip content.	No skin parameters.
`.rf-tt-cntr` This class defines styles for the progressed portion of the progress bar.	`tipBorderColor`	`border-color`
	`generalFamilyFont`	`font-family`
	`generalSizeFont`	`font-size`