Jquery UI dialog remove blue halo around the close dialog button

Jquery UI Dialog tend to display a blue halo around the close dialog button as shown below.

This can be resolved by using the follwing css code snippet.

.ui-button:focus { 
     outline:none !important ;
}

Cheers,
Samitha