Cambiar la propiedades CSS cuando ultilizamos tabs (Jquery IU)

Cuando utilizamos los "tabs" ( un Widgets de Jquery IU) vienen propiedades de CSS por default. ¿Como hacemos para cambiar estas propiedades?

Al CSS de nuestra pagina le seteamos la parte (contenedor, contenido, botones, cabecera) del tabs.


Ejemplo:

para el contenedor y los li (cabacera)

.ui-tabs .ui-tabs-nav li {
    width:200px;   
    text-align: center;
    border-width: 2px;
}


Otros pueden ser:

* contenedor: .ui-tabs

* contenido .ui-tabs .ui-widget-content

* botones: .ui-tabs .ui-state-default a

* botones al pasar el mouse sobre ellos: .ui-tabs .ui-state-default a:hover

* botón activo: .ui-tabs .ui-tabs-active a, .ui-tabs .ui-tabs-active a:hover

* cabecera: .ui-tabs .ui-tabs-nav