web top 6 css changes

8/2/2019 Web Top 6 Css Changes

1/33

W e b t o p 6 C a s c a d i n g S t y l e s h e e t C h a n g e s

PurposeofDocumentThismigrationdocumentilluminateskeychangesintheCascadingStylesheetsof

Webtop6.x

Themes.

IntendedAudienceThisdocumentisintendedforDevelopersorDesignersresponsibleforWebtopTheme

customizations.CustomerswithOutOfBoximplementationsneednotbeconcerned

thesechangesonlyimpactcustomizations.

OverviewAs

new

features

are

added

and

layouts

modified

to

enhance

the

user

experience,

Stylesheetchangesarerequired.Ofcourseeffortsaremadetominimizetheimpactof

thesechangesoncustomizationsforbackwardscompatibility;however,therearetimes

whenthisgoalisntfullyrealized.

EMCunderstandsthatthisimpactscustomerswhomayhavesubstantial

customizations,thusareprovidingthisdocumenttoassistinmigratingthese

customizationstominimizethevisualimpactofchanges.

WhatChangedo Themeso DirectoryStructureo AdditionalStylesheetso Selectorso Rules

ThemeChangesWebtop6shipswithonlytwothemesconfigured(documentumandhighcontrast),the

documentumthemeremainsthedefaulttheme.Asthemajorityofcustomerschooseto

customizethe

theme,

maintaining

this

number

of

themes

didnt

make

sense.

Other

themeassetsremaininthebuildforbackwardcompatibility.Previousversionsof

Webtopcontained:

o 17wdkthemes(seesubfoldersunderwdk\theme)o 11webcomponentthemes(seesubfoldersunderwebcomponent\theme)o 13webtopthemes(seesubfoldersunderwebtop\theme


2/33

Directoryof\wdk\theme

alltext

coolblue

docublue

documentum

highcontrast

iconic

kaleidoscope

lava

mellow

portal

royale

sage

shiny

summer

tahoe

trendy

windowsxpsilver

Directoryof\webcomponent\theme

alltext

coolblue

docublue

documentum

highcontrast

iconic

kaleidoscope

mellow

royale

shiny

trendy

Directoryof\webtop\theme

coolblue

docublue

documentum

highcontrast

kaleidoscope

lava

mellow


3/33

royale

sage

shiny

summer

tahoe

trendy

DirectoryStructureChangesTheCSSdirectorystructureunderthemeshasbeenmodified.Subfoldershavebeen

addedforie6andmedia(printandscreen).Asie7hasgainedsignificantsupport,rules

specifictoie6weremovedtoanie6subfolder.

Directoryofwdk\theme\documentum\css

dragdrop.css

fileSelectorAppletStyle.properties

ie6mediarichtexteditor.css

richtexteditor_rtl.css

webforms.bak

webforms.css

webforms_rtl.css

xforms.css

xforms_styles.css

AdditionalStylesheetsSeveralnewStylesheetswereaddedtosupportWebtop6.Thesechangesweremadeto

facilitatesupportforie7,aswellas,righttoleft(rtl)support.

SelectorChangesAn

appendix

to

this

document,

enumerates

changes

to

selectors

to

the

main

pages

that

composetheframesetofaWDKapplication(e.g.Webtop).


4/33

RuleChangesStylechangesweremadetoreskinthewdkapplications.Generalhousekeepingwas

done quoteswereputaroundthefont"TrebuchetMS",finalsemicolonswere

removed,font,background,paddingandmarginshortformswereused.

Forexample:

paddingtop:10px;

paddingleft:5px;

paddingbottom:10px;

paddingright:5px;

Changedto:

padding:10px5px;

HowtoDebugUIIssuesIfyouhaveahighlycustomizedenvironment,itisadvisedthatyoureviewyour

customizationsanditeratethroughthepagesusingFirefoxDeveloperToolstoinspect

thegeneratedsourcetozeroinonanomalies.FindspecificJSPpagesthatmayhave

issuesanduseaDIFFtooltoinvestigatetheJSPlayoutorCSSclasses.

DisclaimerThisdocumentisbynomeanscomprehensive.PleaselogabugwithTechnicalSupport

ifyoushoulddiscoverrulechangesnotcoveredinthisdocument.


5/33

AppendixofChanges5.xStylesheetswdk\theme\documentum\cssdragdrop.css

richtexteditor.css

webforms.css

xforms.css

fileSelectorAppletStyle.properties

webtop\theme\documentum\csswebtop.css

6.xStylesheetswdk\theme\documentum\cssdragdrop.css

richtexteditor.css

richtexteditor_rtl.css(new)

webforms.csswebforms_rtl.css(new)

xforms.css

xforms_styles.css(new)

\ie6

webforms_ie6.css(new)

webforms_ie6_rtl.css(new)

\media

print.css(new)

screen.css(new)

webtop\theme\documentum\csswebtop.css

webtop_rtl.css(new)


6/33

ChangesinPagesThemainpageinawdkapplicationcontainsframes.Theclass/idattributeinelements

ofthesekeypagesareofparticularimportancetocustomerswhohavecustomizedthe

look&feelofthewdkapplication(e.g.Webtop).

Althoughtherearemanyotherpagesthatmakeuptheapplication,thefollowingpages

arereusedthroughouttheapplication:

o login.jsp,titlebar.jspo messagebar.jspo browsertree.jspo menubar.jspo toolbar.jspo attributes_all.jsp


7/33

login.jsp5.x

contentBackground

logintopleftedge

logintoprightedge

logintitletop

logintitletext

dialogTitle

loginleftedge

documentumBgColor

loginrightedge

defaultcolumnspacer

fieldlabel

spacer

loginrightedge

modalnavbg

buttonbuffer

buttonLink

loginbgbbtm

6.x

mainPaneset

dialogTitle

innerContent

logodialogTitleVersion

fieldlabelrightAlignment

defaultcolumnspacer

fieldlabelrightAlignment

spacer

loginerrorspacing

buttonareaPane

modalSmallButtonBar

helpButtonSection


8/33

titlebar.jsp5.x

webtopTitlebarBackground

titleLink

searchLink

buttonLink

6.x

webtopTitlebarBackground

titleLink

searchLink

searchGoButtonRightPaddingsearchTriangleLeftPadding

buttondefault

floatRightAlignment

rightAlignment

NOTE:buttonLink'sarenowbutton

messagebar.jsp5.x

webtopMessagebarBackground

spacer

messagebarlabel

6.x

webtopMessagebarBackground

spacer

messagebarlabelleftAlignment

NOTE:leftAlignmentwasadded


9/33

browsertree.jsp5.x

webtopTreeBackground

webtopMenubarBackground

browserTreeNormal

browserTreeSelected

6.x

webtopTreeBackground

webtopMenubarBackground

leftAlignment

browserTreeNormal

browserTreeSelected

NOTE:Nochanges.

menubar.jsp5.x

menubarBackground

headerBackground

webcomponentBreadcrumb

webcomponentTitle

doclistHeader

contentBackground

buttonLink

6.x

menubarBackground

headerBackground

leftAlignment

webcomponentBreadcrumb

webcomponentTitle

doclistHeader

contentBackground

buttonLink

NOTE:thoughtherule(border/background)mayhavechangedtheselectorshavenot.


10/33

toolbar.jsp nolongervisible

NOTE:Nochanges

attributes_all.jsp5.x

contentBackground

fieldlabel

defaultDocbaseAttributeStyle

defaultcolumnspacer

6.x

contentBackgroundfieldlabelrightAlignment

fieldlabelleftAlignment

leftAlignment

defaultDocbaseAttributeStyle

defaultcolumnspacerleftAlignment

NOTE:Somelayoutdifferencesbutnoselectorchanges.

EnumeratedChangestowebforms.csswebforms.css ofallstylesheets,thisistheonethathandlesthemajorityoftheUI

layoutandstyling

SelectorsRemoved.buttonLink

{

font-family: Trebuchet MS, Verdana, GillSans, Arial;

color: #333333;

text-decoration: none;

font-size: 12px;

line-height: 14px;

font-weight: normal;

}

.buttonDisabledLink

{

color: #999999;



font-size: 12px;

line-height: 14px;


11/33


}

.actionButtonLink

{


color: #333333;


font-size: 12px;

line-height: 14px;


}

.actionButtonDisabledLink

{

color: #999999;



font-size: 12px;

line-height: 14px;


}

.bannerbox

{

background: white url("../images/banner/top_left.gif") no-repeat top

left;

}

SelectorsAdded#modal .dialogTitle .defaultLabelStyle, #modalLocator .dialogTitle

.defaultLabelStyle

{

color: #fff;

font-family: "Trebuchet MS", Verdana, GillSans, Arial;font-size: 13px;

font-weight: bold

}

#modalLocator .dialogTitle

{

border: none;

background: none

}

#modal .subTitle, #modalLocator .subTitle

{

color: #fff;

margin: 0 18px

}#contentArea .dialogFileName

{

color: #000

}

#contentArea .dialogFileDetails

{

color: #000

}

.menuBarHighlightAutoComplete, .autoCompleteHighlightSelected


12/33

{

background: #fff;

border: 1px solid #a5acb2;

font-weight: bold;

color: #333;

text-align: left;

padding: 2px

}

.autoCompleteHighlightSelected

{

background: #ccc

}

/* button styles */

BUTTON

{

background: url("../images/button/button_bg.gif") repeat-x;

background-color: #c0c0c0;

font-weight: bold;

font-size: 11px;

color: #333;text-shadow: #fff 2px 2px 1px;

padding: 1px 2px;


cursor: pointer

}

BUTTON:hover

{

background: url("../images/button/button_bg.gif") repeat-x;

}

BUTTON.default

{

}

BUTTON[disabled]

{

font-size: 11px;


color: #999;

font-weight: bold

}

.accessibleTabbarNormalStyle

{

background-image: url("../images/modal/modal_tab_bg_off.gif");

font-family: "Trebuchet MS", Verdana, GillSans, Arial;

color: #333;


font-weight: bold;font-size: 12px;

vertical-align: top;

height: 22px;

padding-top:0px;

padding-bottom: 10px

}

.accessibleTabbarSelectedStyle

{

height: 22px;


13/33

background-image: url("../images/modal/modal_tab_bg_on.gif");


color: #333;


font-weight: bold;

font-size: 12px;


padding-top:0px;


}

.accessibleTabbarDisabledStyle

{

background-image: url("../images/modal/modal_tab_bg_off.gif");


color: #666;


font-weight: bold;

font-size: 12px;

padding-bottom: 21px;


height: 22px}

.errorSubTitle

{

color: #333;

padding: 0

}

/*D6 modal container styles*/

#modal, #modalLocator, #persistentobjectlocator, #userorgrouplocator

{

background: url("../images/modal/modalpage_bg.gif") repeat-x #c3c5c7

!important;

top: 0px;

bottom: 0px

}

#scrollingcontent

{


border-top: none;

background: url("../images/modal/contentsheet_bg.gif") 100% 100% no-

repeat #fff

}

#scrollingcontent DIV

{

padding: 10px;

width: 85%

}

#mainPaneset{

background: #3b669d;

padding: 20px;

border: 1px solid;

border-color: #383732 #36485D

}

#rightcolumn {

background: url("../images/modal/contentsheet_dropshadow_rt.gif")

top left repeat-y #3b669d


14/33

}

#leftcolumn {

background: #3b669d

}

#buttonareaPane .modalButtonBar

{

/*background: url("../images/modal/contentsheet_dropshadow.gif") top

left repeat-x #667fa3;*/

margin: 0 18px;

height: 45px

}

#buttonareaPane BUTTON

{

margin: 10px 0 10px 7px;

}

#buttonareaPane TABLE

{

float: left;

display: inline;

margin: 10px 0 0 7px}

#modal .webcomponentTitle, #modal .dialogTitle, #modalLocator

.webcomponentTitle

{

color: #fff;

font-size: 13px;

font-weight: bold;

display: block;

padding: 0 0 0 18px;

height: 41px;

position: relative;

top: 10px;

overflow: hidden

}

.propertysheetdialogtitle

{

color: #fff;

font-size: 13px;

font-weight: bold;

display: block;


height: 39px;

position: relative;

top: 10px;

overflow: hidden;

}

.propertysheetlabelstyle

{

color:white;

}

#modalLocator .dialogTitle

{

color: #fff;


15/33

font-size: 13px;

font-weight: bold

}

#tabs

{

margin: 0;

margin-left: 10px;

text-align: left

}

TABLE.dataTableFieldSetup TD

{

padding: 10px;

}

/* Generic row has "middle" alignment so input fields line up */

TABLE.dataTableFieldSetup TR.genericPanel

{

vertical-align: middle

}

TABLE.dataTableFieldSetup TR.optionsPanel TD

{

padding-top: 0px

}

TABLE.dataTableFieldSetup .name

{

padding-right: 0px

}

TABLE.dataTableFieldSetup .type

{

}

TABLE.dataTableFieldSetup .use

{

border: 1px solid #A5ACB2;

border-width: 0px 1px;

width: 100px;

text-align: center;

padding-left: 5px;

padding-right: 5px

}

TABLE.dataTableFieldSetup .buttons

{

white-space: nowrap}

TABLE.dataTableFieldSetup TD.options

{

padding-left: 20px

}

/* Some controls are double-indented */


16/33

TABLE.dataTableFieldSetup DIV.indent, #scrollingcontent

TABLE.dataTableFieldSetup DIV.indent

{

padding: 0px 0px 0px 30px;

width: auto

}

/* Text input in Data Table Fields dialog for member names etc. is

wider than usual*/

TABLE.dataTableFieldSetup TD.options INPUT.defaultTextStyle,

TABLE.dataTableFieldSetup TD.options TEXTAREA

{

width: 260px

}

.noteWithoutPadding

{

font-style: italic;

color: #666;

padding-top: 0px;

display: block;

}/* Datagrid Row Selection Support */

.datagridDesktopUI

{

/* Placeholder for rich-ui grid */

}

.datagridDesktopUI .datagridDesktopUIHeader

{


}

.datagridDesktopUI .datagridDesktopUIData

{


}

.datagridDesktopUI .datagridDesktopUIFooter

{


}

.datagridDesktopUI .allItemsSelector

{

display: none;

}

.datagridDesktopUI .selectable

{

-moz-user-select: none;

-khtml-user-select: none;

cursor: default

}.datagridDesktopUI .selectable .defaultActionLinkStyle

{

color:#000

}

.datagridDesktopUI .selectable .selector

{

display: none

}

.datagridDesktopUI .selected


17/33

{

background: #b5c4d9

}

.datagridDesktopUI .colResizer

{

cursor: w-resize;

position: absolute;

height: 16px;

width: 6px;

z-index: 100;

opacity: 0.5;

filter: alpha(opacity=50)

}

.datagridDesktopUI .colResizerDrag

{

cursor: default

}

.datagridDesktopUI .colResizerExtent

{

position: absolute;

top: 0px;width: 1px;

z-index: 100;

background: #000;

opacity: 0.7;

filter: alpha(opacity=70)

}

.datagridDesktopUI .datagridRightmostCell

{

width: 99%

}

.datagridDesktopUI .datagridMinColumnWidth

{

min-width: 16px

}

/* datagrid additional row style */

.additionalRowDesktopUI

{

padding-left: 35px;

padding-bottom: 4px

}

.additionalRow

{

padding-left: 55px;

padding-bottom: 4px

}

.sizecolumn

{

text-align: right;

}

.rightButtonSection

{

float: right;

margin-right: 5px


18/33

}

.helpButtonSection

{

float: left;

position: relative;

display:inline;

margin-top: 10px

}

.helpButton

{

background: none;

border: none

}

button .helpButton:hover

{

background: none

}

.attributeList

{

margin-left: 4px

}.showProperties

{

padding: 10px;

margin: 10px;

text-align: left

}

.inlineHelpMessage

{

color: #999;

font-style: italic;

display: block

}

/*Repeating Attribute Tables*/

#modal .pagerBackground

{

background: #e4e6ea;

padding-right: 3px;

margin: 0

}

#modal .pagerBackground .pagerContent

{

border-bottom: 1px solid #a5acb2;

padding: 5px 0

}

#modal .headerRow TH, #modal .headerRow TD

{border-bottom: 1px solid #a5acb2;

padding: 5px 0

}

/* Set some datagrid columns so width is 1/3 of overall table */

#modal .headerRow.columns3 TH.doclistfilenamedatagrid

{

width: 33%;

}


19/33

/*Datagrid styles for modal containers*/

#modal .defaultDatagridStyle, #modal .datagridDesktopUI

.defaultDatagridStyle

{


width: 99%;

padding: 0;

margin: 0;

position: relative;

background: #e4e6ea

}

#modal .defaultDatagridStyle A

{

text-decoration: underline;

color: #000;

font-size: 11px;

margin: 0;

padding: 0

}

#modal .defaultDatagridStyle TABLE

{width: 100%;

padding: 0;

border: 0;

margin: 0;

border-collapse: collapse;

}

/* Tables that contain paging controls should not inherit a width */

/* These tables should be centered via 'auto' margins */

#modal .defaultDatagridStyle TABLE.defaultDataPagingStyle

{

width: auto;

margin-left: auto;

margin-right: auto;

}

/*D6 Login, Logout, About, and other smaller dialogs*/

#modalSmall

{

background: url("../images/modal/modalpage_bg.gif") repeat-x #c3c5c7

!important;

padding: 0;

margin: 0;

top:0px;

bottom:0px;

width: 100%;

text-align: center

}#modalSmall #leftcolumn

{

border: 1px solid red

}

#modalSmall .innerContent

{


}

#modalSmall #mainPaneset


20/33

{

position: relative;

top: 0;

right: 0;

margin: 0 auto;

width: 400px;

text-align: left

}

#modalSmall #buttonAreaPane

{

text-align: right;

margin: 0;

padding: 10px 0 0 0

}

.modalSmallButtonBar

{


}

#modalSmall #logo

{

text-align: center;margin: 0 0 10px 0;

display: block;

position: relative;

color: #333;

font-size: 22px;

font-weight: bold

}

#modalSmall .dialogTitle

{

color: #fff;

font-size: 15px;

font-weight: bold;

display: block;

overflow: hidden;

margin-bottom: 10px;

text-shadow: #000 2px 2px 1px

}

#modalSmall .rightButtonSection

{

float:right;

margin-right: 0

}

#modalSmall .rightButtonSection BUTTON

{

margin: 0 0 0 7px

}

#modalSmall .helpButtonSection{

margin-top: 0

}

#modalSmall .dialogTitleVersion

{

color: #bbb

}

.showMoreHideMoreLink

{


21/33

color: #000;


cursor: pointer;

font-size: 11px;

font-weight: bold

}

.disclosureTriangleOpen

{

background: url(../icons/disclosuretriangle/open.gif) no-repeat;

height: 16px;

width: 16px;

position: relative;

display: inline;

float: left;

padding-right: 3px

}

.disclosureTriangleClosed

{

background: url(../icons/disclosuretriangle/closed.gif) no-repeat;

height: 16px;

width: 16px;position: relative;

float: left;

display: inline;

padding-right: 3px

}

.miniButton, #modal .defaultDatagridStyle .miniButton, #modal

.fieldlabel .miniButton, #modal .defaultActionLinkStyle .miniButton,

#modal .defaultDatagridStyle

.pagerBackground .pagerContent .miniButton

{

background: url(../images/button/minibutton/minibutton_bg.gif)

repeat-x #a5acb2;

padding: 1px 2px;

white-space: nowrap;


font-size: 9px;

font-weight: bold;

font-family: Tahoma, Verdana, sans-serif;


color: #000;

margin: 0

}

.miniButton:hover, #modal .defaultDatagridStyle .miniButton:hover,

#modal .fieldlabel .miniButton:hover, #modal .defaultActionLinkStyle

.miniButton:hover, #modal

.defaultDatagridStyle .pagerBackground .pagerContent .miniButton:hover

{

background: url(../images/button/minibutton/minibutton_bg_over.gif)

repeat-x #fff;

margin: 0

}

.miniButtonSearch {


22/33

background: url( ../images/button/minibutton/minibutton_bg.gif )

repeat-x #a5acb2;

padding: 1px 1px 1px 1px;

white-space: nowrap;


font-size: 11px;

font-weight: bold;

font-family: "Trebuchet MS", Verdana, sans-serif;


color: #000;

margin: 0

}

.miniButtonSearch:hover {

background: url( ../images/button/minibutton/minibutton_bg_over.gif

) repeat-x #fff;

margin: 0

}

/* Disabled minibuttons (spans) should look disabled */

SPAN.miniButton, #modal .defaultDatagridStyle SPAN.miniButton, #modal.fieldlabel SPAN.miniButton, #modal .defaultActionLinkStyle

SPAN.miniButton, #modal

.defaultDatagridStyle .pagerBackground .pagerContent SPAN.miniButton

{

background: #c4c8cb none;

color: #666

}

/* DIVs that contain mini buttons should not inherit width or padding

*/

#scrollingcontent .defaultDatagridStyle .pagerContent DIV,

#scrollingcontent .contentBackground DIV

{

padding: 0px;

width: auto

}

/* Alignments to support both LTR and RTL */

.leftAlignment

{

text-align: left

}

.rightAlignment

{

text-align: right

}

.floatLeftAlignment{

float: left

}

.floatRightAlignment

{

float: right

}

.radiopara

{


23/33

padding:0;

margin:0;

font-size:11px;

font-weight:bold;

padding:0

}

.radiolabel

{

padding: 0 0 5px 3px

}

.inlinehelppara

{

padding: 0 0 0 5px;

margin: 0

}

/* Locator related padding classes */

.locatorPatternFilterLeftPadding

{

padding-left: 8px

}.locatorGoButtonRightPadding

{

padding-right: 5px

}

.locatorAttributeFilterRightPadding

{

padding-right: 8px

}

.locatorPagingControlRightPadding

{

padding-right: 8px

}

.locatorNoDataLabelLeftPadding

{

padding-left: 8px

}

.locatorDataPagingLeftPadding

{

padding-left: 5px

}

.drilldownLeftPadding

{

padding-left: 4px

}

.inboxDrilldownDatagridRowLeftPadding

{

padding-left: 18px}

.docbaselockiconLeftPadding

{

padding-left: 3px

}

.docbaseIconPadding

{

padding-left: 3px

}


24/33

.dataGridFileNameLeftPadding

{

padding-left: 8px

}

.aboutDialogCloseBtnRightPadding

{

padding-right: 20px

}

.errorMsgIconRightPadding

{

padding-right: 3px

}

.iconbutton

{

background: none;

border: none;

margin: 0;

padding: 0

}

/*D6 Modal Locator Styles*/

#modalLocator .dialogTitle{


margin: 2px 0 0 0

}

#modalLocator #headerareaPane

{

color: #fff;

font-weight: bold

}

.breadcrumbContent

{

width: 100%;

height: 20px;

position: absolute;

right: 0px;

border: none;

background-repeat: no-repeat;

color: #333;

font-weight: bold;

padding: 2px 5px;


border: 0 0 0 1px

}

#modalLocator #iconwellarea

{height: 100%;

background: #fff;

border: 1px solid #999;

border-top: 0;

margin: 0

}

#modalLocator .pagerBackground

{

background: #ccc


25/33

}

#modalLocator .colHeaderBackground

{

background: #e4e6ea

}

#workareacontent, #reportnameworkareacontent

{

border: 1px solid #999;

border-left: 0

}

#reportnameworkareacontent #workareacontent

{

border: 0

}

#modalLocator #breadcrumbPane .breadcrumbdestination

{

padding-left: 20px

}

#modalLocator .borderstyle

{

border: 1px solid #999}

.firstDataColumn

{

padding-left: 16px

}

.red

{

border: 1px solid red

}

.tskMgrContainerLeftPadding

{

padding-left: 20px

}

.drilldownBodyCelllistLeftPadding

{

padding-left: 4px

}

.drilldownBodyClientEnvPanelMargin

{

margin-left: 2px;

margin-right: 2px

}

.workFlowSendListRejectCheckBoxLeftPadding

{

padding-left: 20px

}

.saveCredentialPadding{

padding-left: 10px;

padding-right: 10px

}

.smartNavigationLabelLeftPadding

{

padding-left: 20px

}

.smartNavigationSortableListLeftPadding


26/33

{

padding-left: 60px

}

.searchSourcePreferencesLeftPadding

{

padding-left: 20px

}

.checkoutProcessBodyMargin

{

margin-left: 12px;

margin-right: 0

}

.newRelationContainerLeftPadding

{

padding-left: 5px

}

.inboxBodyMargin, .homeCabinetClassisBodyMargin,

.myfilesBodyClassicMargin, .myfilesBodyStreamlineMargin,

.subscriptionsBodyClassicMargin, .subscriptionsBodyStreamlineMargin,

.streamlineViewBodyMargin,

.categoryClassicBodyMargin, .objectlistBodyMargin,.objectlistThumbnailBodyMargin, .presetlistBodyMargin,

.homeCabinetThumbnailBodyMargin, .logoffBodyMargin

{

margin-left: 0;

margin-right: 0

}

.dmclTraceBodyMargin, .refreshBodyMargin

{

margin-left: 8px;

margin-right: 0

}

.historyReleasedBodyMargin, .serverBusyBodyMargin, .timeoutBodyMargin,

.tracingBodyMargin,

.treeIFrameBodyMargin, .virtuallinkErrorPageBodyMargin

{

margin-left: 13px;

margin-right: 0

}

.fileBrowseLeftMargin

{

margin-left: 2px

}

.lifecycleLocatorPanelLeftPadding

{

padding-left: 8px

}

.lifecycleLocatorButtonRightPadding{

padding-right: 5px

}

.lifecycleLocatorPanelRightPadding

{

padding-right: 8px

}

.searchMonitoringLegende


27/33

{

position: absolute;

z-index: 117;

right: 0px;

top: 280px

}

.commentRtePadding

{

padding-right: 8px;

padding-left: 8px;

padding-top: 8px;

padding-bottom: 0px

}

.commentRteOkButtonRightMargin

{

margin-right: 5px

}

.topicBodyReplyPanelLeftPadding

{

padding-left: 32px

}.changeRoomMemberRoleMargin

{

margin: 0.5em 0em

}

.roomMemberRoleRadioButtonRightPadding

{

padding-right: 2em

}

.membershipGoButtonPadding

{

padding-right: 20px;

padding-left: 6px;

padding-top: 0px;

padding-bottom: 0px

}

.memberDatagridRowLeftPadding

{

padding-left: 0px

}

.recordLocatorNameFilterLeftPadding

{

padding-left: 8px

}

.recordLocatorGoButtonRightPadding

{

padding-right: 5px

}.recordLocatorItemsDropdownListRightPadding

{

padding-right: 8px

}

.recordLocatorVersionsDropdownListRightPadding

{

padding-right: 8px

}

.distributionListCheckBoxLeftPadding


28/33

{

padding-left: 20px

}

.sendToListTdPadding

{

padding-left: 10px

}

.sendToListPagePadding

{

padding-left: 10px;

padding-right: 10px

}

.startAttachmentDocbaseIconPadding, .reportDetailsDocbaseIconPadding,

.startAttachmentImagePadding

{

padding-right: 5px

}

.startAttachmentSpanImagePadding

{

padding-right:1px;

}.taskCommentsPageMargin

{

margin-left: 42px;

margin-top: 10px

}

.taskCommentsRemoveCommentButtonPadding

{

padding-right: 10px

}

.reportDetailsLabelPadding

{

padding-left: 10px;

padding-top: 10px

}

.reportDetailsDatagridRowPadding

{

padding-top: 6px;


padding-left: 3px

}

.reportDetailsFileInfoPadding

{

padding-left: 3px;

padding-right: 3px

}

.reportDetailsHeaderDivPadding

{padding-top: 8px;

padding-left: 8px

}

.reportDetailsShowTasksDropDownPadding

{

padding-left: 5px

}

.reportDetailsContainerDivPadding

{


29/33

padding-top: 8px;

padding-left: 20px

}

.reportMainRowPadding

{

padding: 3px;

padding-left: 20px;

padding-bottom: 6px

}

.reportMainDrillDownDocbaseIconPadding

{

padding-right: 5px;

padding-left: 18px

}

.sendToListDocbaseIconPadding

{

padding-right: 1px;

padding-bottom: 3px

}

.sendToListLabelPadding

{padding-right: 10px

}

.startWorkFlowContainerComponentIncludePadding

{

padding-left: 10px

}

.taskManagerPagePadding

{

padding-left: 10px

}

.repeatLabelPadding

{

padding-right: 10px

}

.taskManagerLabelPadding

{

padding-left: 20px;

padding-top: 10px

}

.taskManagerLabelInstructionPadding

{

padding-left: 10px;

padding-top: 10px

}

.taskManagerDatagridPadding

{

padding-left: 20px}

.taskManagerImagePadding

{

padding-left: 10px

}

.taskmanagerDrilldownTextPadding

{

padding-left: 20px

}


30/33

.taskmanagerDrilldownComponentincludePadding

{

padding-left: 20px;

padding-top: 10px

}

.taskManagerWorkflowTaskPadding

{

padding-left: 20px

}

.TaskProgressTableMargin

{

margin-left: 42px;

margin-top: 10px

}

.installJVMBodyMargin

{

margin-left: 12px;

margin-right: 0

}

.workflowStatusDrilldownclientEnvPanelPadding

{padding-right: 3px

}

.workflowStatusDrilldownButton

{

padding-right: 3px

}

.workflowStatusDrilldowndatagridRowpadding

{

padding-left: 3px

}

.workflowStatusDrilldownIconPadding

{

padding-right: 5px

}

.workflowStatusDrilldownLabelpadding

{

padding-left: 10px

}

.workflowStatusDrilldownDropdownlistMargin

{

margin-left: 3px;

margin-right: 3px

}

.workflowStatusDrilldownShowItemsLabelPadding

{

padding-right: 3px

}.startWorkflowPagePadding

{

padding-left: 10px

}

#scrollingcontent .taskHeaderDivPadding

{

padding-left:20px;

padding-top: 8px

}


31/33

.taskHeaderDivPadding

{

padding-left: 20px;

padding-top: 8px

}

.workflowStatusListdefaultpadding

{

padding-left: 3px;

padding-right: 3px

}

.filterdivPadding

{


}

.routerForwardLabelPadding

{

padding-left: 10px

}

.routerRejectLabelPadding

{

padding-left: 10px}

.taskProcessvariablesDatagridMargin

{

margin-left: 10px;

margin-top: 10px

}

.searchGoButtonRightPadding

{

padding-right: 0px;

}

.searchTriangleLeftPadding

{

padding-left: 0px;

}

.vdmTreeGridTopTablePadding

{

padding-top: 5px;

padding-right: 5px;


padding-left: 5px;

}

.vdmTreeGridChildTablePadding

{

padding-top: 0px;padding-right: 5px;


padding-left: 5px;

}

.newRelationContainerTDLeftPadding

{

padding-left:20px;

}


32/33

.newRelationContainerTDLabelPadding

{

padding-left:20px;

padding-top:15px;

}

.dialogTitleTopMargin

{

margin-top:10px;

}

.cancelCheckoutTopPosition

{

position:relative;

top:-12px

}

.cancelCheckoutLeftPadding

{

padding-left:10px;

}

.membershipButtonDivStyle

{

float: right;white-space: nowrap

}

SelectorsModifiedManytweaksweremade,toseewhathaschangedintherules,DIFFthecorresponding

CSSfiles.

XformSelectorsAdded.tabbuffernotselectedleft-bottom{

width:10px;

font-size:1px;

background-image:

url("../images/xforms/tab/modal_tab_corner_bottom_left_off.gif");

}

.tabbuffernotselectedright-bottom{

width:11px;

font-size:11px;

background-image:url("../images/xforms/tab/modal_tab_corner_bottom_right_off.gif");

}

.tabbufferselectedleft-bottom{

width:10px;

font-size:1px;

background-image:

url("../images/xforms/tab/modal_tab_corner_bottom_left_on.gif");


33/33

}

.tabbufferselectedright-bottom{

width:11px;

font-size:1px;

background-image:

url("../images/xforms/tab/modal_tab_corner_bottom_right_on.gif");

}

WebtopSelectorsAdded#messagebar

{

background: url(../images/statusbar/shadowbg.gif) repeat-x;

text-align: center;

padding: 0;

margin: 0

}

.titlebarHelpButton

{

position: absolute;

top: 6px;

right: 5px;

background: none;

border: none;vertical-align: top

}

.titlebarLogoutButton

{

position: absolute;

top: 7px;

right: 35px;

vertical-align: top

}

web top 6 css changes

Documents