The markupfor this template has been copied and reformatted for readability from a page in the current POC production site.

The css file contents can be viewed/copied from:
http://dev-buywww01.dev.cingular.net:65180css/global.css

Sample CSS Elements:

Text:
Standard text is Verdana 11px #666666 as described in the styleguide.
Bold text is <strong>.
Link Text is colored #0A94D6 as required in the styleguide. Links are underlined on :hover.

H1 Headline

H2 Subhead

H3 Subhead

Lists:

• Bulletted list
• Sample list item
• Sample list item

• Unmarked List
• Sample list item
• Sample list item

Tables:

Sample Table thead	Sample Table thead	Sample Table thead
Table body data displays in "zebra stripes" with borders around cells
Sample data tbody	Sample data tbody	Sample data tbody
Sample data tbody	Sample data tbody	Sample data tbody
Sample data tbody	Sample data tbody	Sample data tbody

Form Elements:

 

Wireless User Information

Wireless Number: (612) 669-3821

 

Wireless Service Status: ACTIVE

 

Billing Account Number: 876242869

 

*First Name:

 

*Last Name:

 

*Address Line 1:   (Street Address)

 

Address Line 2:   (Suite, Apt#, etc.)

 

*City:

 

*State: Select Alabama Alaska Arizona Arkansas California Colorado Connecticut Delaware District of Columbia Florida Georgia Hawaii Idaho Illinois Indiana Iowa Kansas Kentucky Louisiana Maine Maryland Massachusetts Michigan Minnesota Mississippi Missouri Montana Nebraska Nevada New Hampshire New Jersey New Mexico New York North Carolina North Dakota Ohio Oklahoma Oregon Pennsylvania Puerto Rico Rhode Island South Carolina South Dakota Tennessee Texas Utah Vermont Virginia Washington West Virginia Wisconsin Wyoming

 

*ZIP Code:

 

Company Required Information (User Defined Labels)

Currently, there are no User Defined Labels specified for this Employee Group in Premier.

Page contents Page areas are defined within divs and may use class="container" to define content area further with a grey border.

NON Production classes for prototyping:

Notes: Use this class to place in page notes. They will disappear from page with the ALT-N toggle which also hides the notes pane on the right of the page.

Highlight: Use this class to indicate content or elements that are new in an existing page. This is a good way to show an existing page with newly added items. The highlight disappears with the notes ALT-N toggle.

Delete: Use this to indicate content or elements that are to be remove from an existing page. The Delete class also works with the ALT-N toggle. Sample of deleted text.