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

¿Como saber la version de Jquey y Jquery IU?

Muchas veces cuando estamos trabajando sobre la capa vista, necesitamos saber que versión de Jquery y/o Jquery IU  esta usando nuestra aplicación.

Para Jquery:

$().jquery

jQuery().jquery;

Para Jquery IU:
 
$.ui.version

jQuery.ui.version