Layout
.ui-helper-hidden: Aplica display:none a un elemento.
.ui-helper-hidden-accessible: Oculta un elemento conservando su accesibilidad (lo posiciona fuera de los limites de la pagina)
.ui-helper-clearfix: Aplica clearfix a un elemento padre que contenga elementos flotantes en su interior.
.ui-widget: Esta clase debe aplicarse al contenedor principal de un widget. Aplica las propiedades font-family y font-size:1em a los elementos hijos.
.ui-widget-header: Esta clase debe aplicarse al elemento contenedor del encabezado (título) de un widget. Aplica los estilos de encabezado al elemento y a todos sus elementos hijos.
.ui-widget-content: Esta clase debe aplicarse al elemento contenedor del contenido (cuerpo) de un widget. Aplica los estilos de contenido al elemento y a todos sus elementos hijos.
.ui-state-default: Esta clase debe aplicarse a los elementos que sean clickeables (por ej, botones).
.ui-state-hover: Esta clase debe aplicarse en el hover de los elementos que sean clickeables (por ej, botones). Puede utilizarse las funciones de jquery addClass() y removeClass().
.ui-state-focus: Esta clase debe aplicarse en el focus de los elementos que sean clickeables (por ej, botones). Puede utilizarse las funciones de jquery addClass() y removeClass().
.ui-state-active: Esta clase debe aplicarse en el click de los elementos que sean clickeables (por ej, botones). Puede utilizarse las funciones de jquery addClass() y removeClass().
.ui-state-highlight: Esta clase debe aplicarse a elementos resaltados o seleccionados (por ej, filas de una grilla). Puede utilizarse las funciones de jquery addClass() y removeClass().
.ui-corner-all: Aplica bordes redondeados a las 4 esquinas del elemento.
.ui-corner-tl: Aplica bordes redondeados a la esquina superior izquierda del elemento.
.ui-corner-tr: Aplica bordes redondeados a la esquina superior derecha del elemento.
.ui-corner-bl: Aplica bordes redondeados a la esquina inferior izquierda del elemento.
.ui-corner-br: Aplica bordes redondeados a la esquina inferior derecha del elemento.
.ui-corner-top: Aplica bordes redondeados a las esquinas superiores del elemento.
.ui-corner-bottom: Aplica bordes redondeados a las esquinas inferiores del elemento.
.ui-corner-right: Aplica bordes redondeados a las esquinas derechas del elemento.
.ui-corner-left: Aplica bordes redondeados a las esquinas izquierdas del elemento.