Colorbox: Removing the blue outline around images

After spending a bit of time sleuthing around this morning for a solution to removing the blue outline or border that you see around either an image that triggers a Colorbox event or around the close button in an active Colorbox, I finally found a simple piece of CSS that did the trick.

This is the code I used which solved my issue:

a:focus, button:focus {
outline:none;
}