Live Tabs comes with 25 themes out of the box; each supporting 4 different orientations for both horizontal and vertical tabs: Left, Top, Right, & Bottom
 

It's easy to create your own themes using jQuery Theme Roller or build them from scratch. 

Creating a New Theme is easy

The easiest way to create a new theme is to copy an existing one. By default themes are located at /DesktopModules/LiveTabs/Themes

Let's examine the Themes and Skins structure. We'll look at the Default theme and skin which is located at /DesktopModules/LiveTabs/Themes/Default

Any folder in /DesktopModules/LiveTabs/Themes is treated as a theme. In this case, we have the Default folder and hence the Default Theme.

How Do I Create a New Theme

Simply copy and paste an existing Theme folder and rename it. That's it! Of course, you'll need to edit the CSS files as necessary.

Important: The final step to ensure that you're newly created theme works is to edit the MyTheme.css located at /DesktopModules/LiveTabs/Themes/MyTheme/ and ensure that all css declarations begin with .livetabsmytheme

You must inherit all IDs, Classes, any other CSS Tags in your newly created MyTheme.css from class .livetabsmytheme(where this is your new theme name in lowercase)

Example:

.livetabsdefault .ui-helper-hidden { display: none; }

The above markup would change to:

.livetabsmytheme .ui-helper-hidden { display: none; }