Cascading Style Sheets

This chapter describes cascading style sheets. It includes the following topics:

Overview of Cascading Style Sheets

This chapter describes the class names of the cascading style sheets that Siebel CRM uses and the interface elements that they control. You can find the settings for these cascading style sheet settings in the following files:

main.css for employee applications
dCCmain.css for customer applications

The class names that these style sheets reference typically include level 1 attributes of the style sheet. You typically modify the following items:

Font characteristics
Link characteristics
Background colors

Siebel CRM includes cascading style sheets in the following directory of a Siebel installation:

PUBLIC\lang\FILES

where:

lang is the language code, such as enu.

You can use an HTML editor to modify a cascading style sheet.

For more information about cascading style sheets, see Configuring Siebel Business Applications.

Elements of Cascading Style Sheets

This topic describes elements of cascading style sheets. It includes the following topics:

Applet Elements

This topic describes applet elements.

Applet Layout Style Elements

The following table describes the elements that define applet layout styles.

Table Elements That Define Applet Layout Styles

Element	Description
You can use one of the following elements: LayoutButtonOn LayoutButtonOff	Defines the background color of layout buttons. You can use these elements with a transparent GIF file to create two button states.
You can use one of the following elements: LayoutView LayoutStyleHide LayoutStyleMax LayoutStyleMin	Defines the color and font characteristics of an applet that Siebel CRM displays in layout mode.

Element

Description

You can use one of the following elements:

LayoutButtonOn
LayoutButtonOff

Defines the background color of layout buttons. You can use these elements with a transparent GIF file to create two button states.

You can use one of the following elements:

LayoutView
LayoutStyleHide
LayoutStyleMax
LayoutStyleMin

Defines the color and font characteristics of an applet that Siebel CRM displays in layout mode.

Applet Highlight Elements

The following table describes the elements that define how Siebel CRM highlights an applet that the user chooses.

Table Elements That Define Applet Highlights

Element	Description
Selected TD.AppletHIFormBorder	Defines the border color of a form applet that Siebel CRM sets if the user chooses this applet. If a tag uses the Selected class, and if this tag encloses an applet, then Siebel CRM highlights the applet border.
Selected TD.AppletHIListBorder	Defines the border color of a list applet that Siebel CRM sets if the user chooses this applet. If a tag uses the Selected class, and if this tag encloses an applet, then Siebel CRM highlights the applet border.

Applet Style Elements

The following table describes the elements that define applet styles.

Table Elements That Define Applet Substyles

Element	Description
AppletBlank	Defines the background color of the empty space that Siebel CRM displays in the applet. Siebel CRM uses it to make sure that the area after the applet tab displays plain and not the background color of the form or list.
AppletBorder	Defines the applet border. This border is the rectangle that surrounds the form or list, not including tabs or button bars.
AppletButtons	Defines the font and color of elements that Siebel CRM displays on the button bar.
You can use the following elements: AppletHIFormBorder AppletHIListBorder	Defines the applet highlight color that Siebel CRM displays if the user chooses this applet. For more information, see Applet Highlight Elements.
AppletStyle#	Defines a number of one through eight. The AppletStyle# element is the root class for an applet. If you configure Siebel CRM to switch this root applet style, then it uses the substyles that are associated with this root style.
AppletBack	Defines the background color of the form or list.
AppletTitle	Defines the background color, text, and link characteristics of the applet title. Siebel CRM typically displays this title in a tab at the start of the applet.

List Applet Elements

The following table describes the elements that define a list applet.

Table Elements That Define a Login Page

Element	Description
Header	Defines the font and alignment of field column headers.
You can use the following elements: Header listRowEven listRowOdd	Defines the background color of even or odd rows. Siebel CRM does not use this element in a release template.
ListBorder	Creates a border around a list. Siebel CRM uses this border to highlight this applet.
listRowError	Defines the background color of a row that creates an error. Siebel CRM does not use this element in a release template.
listRowOff	Defines the background color of a dechosen row.
You can use the following elements: Row RowCenter RowRight	Defines the background color, text color, and alignment of field values that Siebel CRM displays in a list row.

Tree Applet Elements

The following table describes the elements that define the styles of a tree applet.

Table Elements That Define Tree Applet Styles

Element	Description
treeActive	Defines the link characteristics for the chosen tree node.
treeBack	Defines the background and border characteristics for a tree applet.
treeInactive	Defines the link characteristics for a nonchosen tree node.

Banner Elements

The following table describes the elements that define the banner. Siebel CRM displays it in the topmost element in the client. It contains global navigation elements and the Oracle logo.

Table Elements That Define Banner Elements

Element	Description
banner	Defines characteristics of the text, line, and background of the banner area.
You can use the following elements: bannerDiv bannerDiv2 bannerDiv3	Defines the color of the bevel that Siebel CRM displays at start of and after the banner elements.

Element

Description

banner

Defines characteristics of the text, line, and background of the banner area.

You can use the following elements:

bannerDiv
bannerDiv2
bannerDiv3

Defines the color of the bevel that Siebel CRM displays at start of and after the banner elements.

Calendar Elements

This topic describes calendar elements.

Calendar Elements

The following table describes the elements that define calendar applets.

Table Elements That Define Calendar Applets

Element	Description
calendarActivity	Defines the characteristics for a single day activity that Siebel CRM displays in the Daily, Weekly, or Monthly calendar.
calendarActivityBack	Defines the characteristics for the border that surrounds a range of activities in the Daily or Weekly calendar.
calendarBorder	Defines the external border for the Calendar applet.
calendarBorder2	Defines the border for the Home Page Calendar applet that includes a different usability.
calendarDay	Defines the external characteristics for the header of a day in the Monthly calendar. This header is one level preceding the CalendarDayBar element and the CalendarDayBarDark element.
calendarDayBar	Defines the characteristics for the header of a day in the Monthly calendar. Siebel CRM uses this element if the day is not the current view day for the Monthly calendar.
calendarDayBarDark	Defines the characteristics for the header of a day in the Monthly calendar. If the day is the current view day for the Monthly calendar, then Siebel CRM uses this element to highlight this day.
calendarInterval	Defines the characteristics for an interval for the following: An hour in the Daily calendar. A day in the Weekly calendar. A week in the Monthly calendar.
calendarMultiDayActivity	Defines the characteristics for a multiday activity that Siebel CRM displays in the Daily, Weekly, or Monthly calendar.

Service Calendar Elements

The following table describes the elements that define the Service Calendar applet.

Table Elements That Define the Service Calendar

Element	Description
calendarServiceActivityOff	Defines an interval that does not contain an activity. It is an empty cell.
calendarServiceActivityOn	Defines an interval that contains an activity.
calendarServiceBorder	Defines a new row in the Service Calendar.
ServiceCalRow	Defines the external border for the Service Calendar.

Control Elements

The following file defines graphical user interface (GUI) controls:

<SIEBEL_ROOT>\PUBLIC\lang\files\jctrls.css

It includes the following controls:

clsJGCTextBox2D
clsJGCTextBox3D
clsJGCComboBox2D
clsJGCComboBox3D
clsJGCPickList2D
clsJGCPickList3D
clsJGCTextArea2D
clsJGCTextArea3D
clsJGCHyperList2D
clsJGCHyperList3D
clsJGCCheckBox2D
clsJGCCheckBox3D
clsJGCButton2D
clsJGCButton3D
clsJGCDropArrow2D
clsJGCDropArrow3D
clsJGCJTime
clsJGCJTimeReadOnly
clsJGCJTimeDisabled
clsJGCJDateFont
clsJGCMain
clsJLCMain
clsScreenBar
clsVisibilityPicker
clsDetailCategory
clsSubDetailView
clsAlphaTab

If you must modify the background color of a subview link, then you can add the following item to the clsDetailCategory control:

NC-LINK-FRAME-BACKGROUND-COLOR

Customer Application Elements

The following table describes the elements that define customer application elements.

Table Elements That Define Customer Application Elements

Element	Description
dCCAppletBorder1	Defines the border characteristics that Siebel CRM displays in a customer applet.
dCCAppletRule1	Defines the size and color that Siebel CRM displays in a customer applet.
dCCAppletShade1	Defines the background characteristics of a customer applet that uses a shaded background.
dCCAppletTitle	Defines the text, line, and background characteristics of the applet title that Siebel CRM displays in a customer applet.
You can use the following elements: dCCItemLabel dCCItemLabelLeft	Defines the text characteristics of product labels that Siebel CRM displays in a form or list. If the user reads the language that Siebel CRM displays from right-to-left, then it reverses the alignments that these classes define.
dCCItemTitle	Defines the text characteristics of a product title.
dCCItemValue	Defines the text characteristics of each product field value.
dCCItemValue150	Defines the text characteristics of each product field value. It sets the field width to 150 pixels.

Dashboard Elements

The following table describes the elements that define the Dashboard.

Table Elements That Define the Dashboard

Element	Description
dashbrdBack	Defines the background color of the dashboard.
dashbrdBorder	Defines the border color and size of the dashboard.

Dialog Box Elements

The following table describes the elements that define a dialog box.

Table Elements That Define a Dialog Box

Element	Description
You can define the following elements: mvgBack mvgBorder	Defines the background color and border of forms and lists that Siebel CRM displays in a dialog box.

Element

Description

You can define the following elements:

mvgBack
mvgBorder

Defines the background color and border of forms and lists that Siebel CRM displays in a dialog box.

Divider Elements

The following table describes the elements that define the divider.

Table Elements That Define the Divider

Element	Description
divider	Defines the border for the divider that Siebel CRM displays between elements on the view bar frame.

ePortal Elements

This topic describes ePortal elements.

Add Info Section Elements

The following table describes the elements that define the Add Info section.

Table Elements That Define the Add Info Section

Element	Description
AddInfoBullet	Defines the style for the bullet in the Additional information section of the Account/Company Briefing object.
AddInfoDescr	Defines the style of the description text for each link in the Additional Info section of the Account/Company Briefing object.
AddInfoHeader	Defines the style for each section heading in the Additional Info section of the Account/Company Briefing object.
AddInfoWebSite	Defines the style for each link in the Additional Info section of the Account/Company Briefing object.

Company Header Elements

The following table describes the elements that define the company header.

Table Elements That Define the Company Header

Element	Description
CompanyLink	Defines the style for the URL of the company home page that Siebel CRM displays in a company briefing.
CompanyName	Defines the style for the company name that Siebel CRM displays in a company briefing.

Company Search Elements

The following table describes the elements that define the company search.

Table Elements That Define the Company Search

Element	Description
CnsHead	Defines the style for the header in the CompanySearch results screen.
CnsLink	Defines the style for the Acct Topic Management link in the D-U-N-S assignment (ATM) screen.
CnsRow	Defines the style for each result line in the CompanySearch results screen.

Profile Data Elements

The following table describes the elements that define profile data.

Table Elements That Define Profile Data

Element	Description
ProfCopyright	Defines the style that Siebel CRM uses for copyright text in the DNB (Dunn & Bradstreet) profile in the Account/Company Briefing object.
ProfData	Defines the style for each data element in the DNB profile.
ProfLabel	Defines the style for each label in the DNB profile.
ProfSection	Defines the style for each section header in the DNB profile.

Search Page Elements

The following table describes the elements that define the Search Page.

Table Elements That Define the Search Page

Element	Description
ExSearchField	Defines the font and width of fields that Siebel CRM displays in search pages, such as Web search, map search, and yellow pages.
ExSearchLabel	Defines the style for each row in the Web search, map search, and yellow pages.
ExSearchTable	Defines the style for table in the Web search, map search, and yellow pages.

Subsidiary Elements

The following table describes the elements that define a subsidiary.

Table Elements That Define a Subsidiary

Element	Description
SubsidCompanyName	Defines the style for the parent company in the Corporate Relations section of the Account/Company Briefing object.
SubsidCompleteList	Defines the style for the link that displays the entire Corporate-Relations section of the Account/Company Briefing object.
SubsidCopyright	Defines the copyright text in the Corporate-Relations section of the Account/Company Briefing object.
SubsidDisclaimer	Defines the disclaimer text in the Corporate-Relations section of the Account/Company Briefing object.
SubsidSubsidName	Defines the style for the child company in the Corporate-Relations section of the Account/Company Briefing object.

External News Elements

The following table describes the elements that define external controls that include news content.

Table Elements That Define External News

Element	Description
NewsBullet	Defines the style for the bullets.
NewsColumnLogo	Defines the style for the logo.
NewsCompanyName A	Defines the style for the company name in the Headlines section.
NewsHeadline	Defines the style for each headline.
NewsPageControl	Defines the style for navigation.
NewsSource	Defines the style for the string that contains the news source description.
NewsSummary	Defines the style for each summary headline.
NewsTable	Defines the style for the table in the Headlines section.
NewsTimeStamp	Defines the style for the time stamp in the Headlines section.
NewsTotalStories	Defines the style for the story count.

Fonts and Link Color Elements

The following elements define font family and size and default link color:

Body
TD
Input
Select
Textarea
A

Form Elements

This topic describes form elements.

Single Column Form Elements

The following table describes the elements that define a single column (sc) form in a customer application where Siebel CRM displays labels adjacent to fields.

Table Elements That Define Single Column Forms

Element	Description
scField	Defines the font characteristics of fields.
scLabel	Defines the label font of a label and field pair.
scLabelRight	Defines the label font of a label and field pair. If Siebel CRM uses a language that the reader reads from: Left to right. The class aligns the second side of the labels. For example, English. Right to left. The class aligns the first side of the labels. For example, Mandarin.

Element

Description

scField

Defines the font characteristics of fields.

scLabel

Defines the label font of a label and field pair.

scLabelRight

Defines the label font of a label and field pair. If Siebel CRM uses a language that the reader reads from:

Left to right. The class aligns the second side of the labels. For example, English.
Right to left. The class aligns the first side of the labels. For example, Mandarin.

Multicolumn Editable Form Elements

Siebel CRM uses the multicolumn editable (mce) element in an employee application to conserve space. It displays labels at start of fields. It displays the same field width for each field.

The following table describes the elements that define a multicolumn editable form.

Table Elements That Define Multicolumn Editable Forms

Element	Description
mceField	Defines the font for a field. It sets the field width to one of the following: 190 pixels wide in an employee application. 120 pixels wide in a customer application.
mceLabel	Defines the label font of the label in a label and field pair.
mceReadOnly	Defines the characteristics of disabled text.
mceWideFields	Defines the font characteristics for a field that Siebel CRM maps to a placeholder that spans two or four columns.

Login Page Elements

This topic describes the elements that define the usability of the HTML login page that Siebel CRM displays when the user logs in to the Siebel Web Server from a supported Web browser. They do not affect the login page if the user logs in through some other context. For example, when starting up the Mobile Web Client.

The following table describes the elements that define the Login Page.

Table Elements That Define a Login Page

Element	Description
loginAppTitle	Defines the font and color of the client title.
loginCopy	Defines the color of the copyright text.
loginError	Defines the color of the error message that Siebel CRM displays if a login attempt creates an error.
loginField	Defines the characteristics of login fields.
You can use the following elements: loginBody loginForm loginText	Defines the text characteristics of the login page.
loginLabel	Defines the label characteristics for login fields.
You can use the following elements: loginBtm loginMid loginTop	Defines the background color of the regions in the HTML login page.

Navigation Elements

This topic describes elements that affect the style of objects that allow the user to navigate Siebel CRM.

Site Map Elements

The following table describes the elements that define the Site Map.

Table Elements That Define the Site Map

Element	Description
fader	Defines the background of the object that divides sections in the Site Map.
screenName1	Defines the characteristics of the screen link that Siebel CRM displays at the start of the Site Map.
screenName2	Defines the characteristics of the screen link that Siebel CRM displays at the lower portion of the Site Map.
viewName	Defines the characteristics of the view link.

Table of Contents Elements

The following table describes the elements that define the table of contents.

Table Elements That Define the Table of Contents

Element	Description
TOCRule	Defines the size and color of the horizontal rule that Siebel CRM displays adjacent to the title in the table of contents categorized applet.
TOCTitle	Defines the title text that Siebel CRM displays on a page that uses the categorized applet for the table of contents.

Menu Bar Elements

The following table describes the elements that define menu bars.

Table Elements That Define Menu Bars

Element	Description
globalMenu	Defines how Siebel CRM displays page item links that reference a page container. Siebel CRM typically displays these links in the banner of a customer application. Siebel CRM hard-codes the background color of the menu bar in the jmenubar.js file.

Element

Description

globalMenu

Defines how Siebel CRM displays page item links that reference a page container. Siebel CRM typically displays these links in the banner of a customer application.

Siebel CRM hard-codes the background color of the menu bar in the jmenubar.js file.

Navigation Tab Elements

Elements that define navigation tabs in the main.css file determine how Siebel CRM displays the following items:

First-level screen tabs
Second-level menu drop-down lists in an applet
Third-level detail tabs

You can use the jctrls.jss file to modify how Siebel CRM displays controls. For more information, see Control Elements.

The following table describes the elements that define navigation tabs.

Table Elements That Define Navigation Tabs

Element	Description
You can define the following elements: tier1Back tier1Rule tier1On tier1Off	Defines the background and link colors for screen tabs.
You can define the following elements: tier2Back tier2Rule tier2On tier2Off	Defines the background and link colors for elements that Siebel CRM displays in the view bar frame, including the following items: Second-level drop-down list History drop-down list Dashboard icon Favorites drop-down list Search Center icon
You can define the following elements: tier3Back tier3Rule tier3On tier3Off	Defines the background and link colors for detail tabs.
You can define the following elements: tier4Back tier4Rule tier4On tier4Off	Defines the background and link colors for subview tabs.

Threadbar Elements

The following table describes the elements that define the threadbar.

Table Elements That Define the Threadbar

Element	Description
threadbar	Defines links in the threadbar that Siebel CRM displays at the start of a view.
threadbarDiv	Defines the separators that Siebel CRM uses between links.

Minibutton Elements

The following table describes the elements that define minibuttons. They define record navigation and other buttons in applets.

Table Elements That Define Minibuttons

Element	Description
You can use the following elements: minibutton minibuttonOn minibuttonOff	Defines the text, link, and background characteristics for On and Off states. For more information, see the documentation in the CCHtmlType.swf file that is located in the following directory: SIEBEL_ROOT\WEBTMPL

Element

Description

You can use the following elements:

minibutton
minibuttonOn
minibuttonOff

Defines the text, link, and background characteristics for On and Off states. For more information, see the documentation in the CCHtmlType.swf file that is located in the following directory:

SIEBEL_ROOT\WEBTMPL

Page Header Elements

The following table describes the elements that define page headers.

Table Elements That Define Navigation Page Headers

Element	Description
PageHeader	Defines the page title text that Siebel CRM displays on some customer home pages.
PageRule	Defines the size of the horizontal rule that Siebel CRM displays adjacent to the page header text.

Rich Text Component Elements

The following table describes the elements that define a container that uses Rich Text Component (RTC).

Table Elements That Rich Text Components

Element	Description
You can use one of the following elements: rtcEmbedded rtcPopup rtcReadOnly rtcTextarea	Defines the dimensions and font characteristics for a container that uses RTC.

Element

Description

You can use one of the following elements:

rtcEmbedded
rtcPopup
rtcReadOnly
rtcTextarea

Defines the dimensions and font characteristics for a container that uses RTC.

Search Center Elements

The following table describes the elements that define the Search Center.

Table Elements That Define Search Center

Element	Description
SrchCntrTitle	Defines the font characteristics of the applet title in the Search Center. It is slightly larger than a typical applet title.

Smart Script Player Elements

The following table describes the elements that define SmartScript Player applets.

Table Elements That Define Smart Script Player

Element	Description
smartDialog	Defines the font and background characteristics of a SmartScript form.

Status Message Elements

The following table describes the elements that define status messages. The Communications toolbar can display lengthy status messages.

Table Elements That Define Status Messages

Element	Description
#MsgLayer	Defines a region that the Document Object Model can access. The toolbar can access this element to insert a text message.
Message	Defines the text and background characteristics of the message.

Text Elements

The following table describes the elements that define various text elements.

Table Elements That Define Text Style

Element	Description
You can use the following elements: CmdTxt CmdTxtNormal	Defines text characteristics of the outside applet text.
error	Defines text characteristics of the error text that Siebel CRM displays in an error message at the start of a form or list.
Required	Defines the color of required text.
Welcome	Defines the text characteristics of the greeting text that Siebel CRM displays in a salutation applet.