##### Supporting Information

# Style Sheets and Catalog Elements

In a style sheet, you can set the style of all elements of a certain type by using the element’s HTML TAG. For example, the user can put a TD section in the style sheet and affect all table columns on a page, or A to affect all anchors. The user can tailor this even more by giving individual elements classes. This allows you to set style using the tag, or for specific elements override the style by providing class specific style information. Some elements have sub styles that describe how the element appears in different situations. An A tag for example has Hover to cover when the mouse is over the element, and Visited to describe how it should appear after it has been visited.

In order to maximize the flexibility of the look and feel of the catalog each element in the catalog has a class name. Following is the list of elements and their class names:

HTML Tag Type | Class Name | Description
TD | WWGCatalogLinkTitle | Optional Current Links Title
TD | WWGCatalogProcessFlowTitle | Non-tree format catalog Process Flow Title
TD | WWGCatalogStreamTitle | Non-tree format catalog Stream Title
TD | WWGCatalogOtherTitle | Optional Other Links Title
A | WWGCatalogCurrentLink | Optional Current Links Anchor
A | WWGCatalogProcessFlow | Tree format Process Flow Anchor
A | WWGCatalogStream | Tree format Stream Anchor
A | WWGCatalogPage | Tree and non-tree format Page Anchor
A | WWGCatalogOtherLink | Optional Other Links Anchor

Here is an excerpt of a style sheet with some of these items set:

A.WWGCatalogOtherLink:hover

{

color:#CC0000;

text-decoration:none;

}

TD.WWGCatalogLinkTitle

{

color: red;

font: bold;

}

TD.WWGCatalogProcessFlowTitle

{

color: green;

font: bold;

}