Layout helpers .ui-helper-hidden: Applies display: none to elements. .ui-helper-hidden-accessible: Applies accessible hiding to elements (via abs positioning off the page) .ui-helper-reset: A basic style reset for UI elements. Resets things such as padding, margins, text-decoration, list-style, etc. .ui-helper-clearfix: Applies float wrapping properties to parent elements .ui-helper-zfix: Applies iframe fix css to iframe elements when needed in overlays. Component containers .ui-widget: Class to be applied on outer container of all widgets. Applies font family and font size to widget. Also applies same family and 1em font size to child form elements specifically, to combat inheritance issues in Win browsers. .ui-widget-header: Class to be applied to header containers. Applies header container styles to an element and its child text, links, and icons. .ui-widget-content: Class to be applied to content containers. Applies content container styles to an element and its child text, links, and icons. (can be applied to parent or sibling of header) Interaction states .ui-state-default: Class to be applied to clickable button-like elements. Applies clickable default container styles to an element and its child text, links, and icons. .ui-state-hover: Class to be applied on mouseover to clickable button-like elements. Applies clickable hover container styles to an element and its child text, links, and icons. .ui-state-active: Class to be applied on mousedown to clickable button-like elements. Applies clickable active container styles to an element and its child text, links, and icons. Interaction Cues .ui-state-highlight: Class to be applied to highlighted or selected elements. Applies highlight container styles to an element and its child text, links, and icons. .ui-state-error: Class to be applied to error messaging container elements. Applies error container styles to an element and its child text, links, and icons. .ui-state-error-text: An additional class that applies just the error text color without background. Can be used on form labels for instance. Also applies error icon color to child icons. .ui-state-disabled: Applies a dimmed opacity to disabled UI elements. Meant to be added in addition to an already-styled element. .ui-priority-primary: Class to be applied to a priority-1 button in situations where button hierarchy is needed. Applies bold text. .ui-priority-secondary: Class to be applied to a priority-2 button in situations where button hierarchy is needed. Applies normal weight text and slight transparency to element. Icons States and images .ui-icon: Base class to be applied to an icon element. Sets dimensions to 16px square block, hides inner text, sets background image to content state sprite image. Note: .ui-icon class will be given a different sprite background image depending on its parent container. For example, a ui-icon element within a ui-state-default container will get colored according to the ui-state-defaults icon color.