Webtop 6 Cascading Stylesheet Changes

PurposeofDocument ThismigrationdocumentilluminateskeychangesintheCascadingStylesheetsof Webtop6.xThemes. IntendedAudience ThisdocumentisintendedforDevelopersorDesignersresponsibleforWebtopTheme customizations.CustomerswithOutOfBoximplementationsneednotbeconcerned thesechangesonlyimpactcustomizations. Overview Asnewfeaturesareaddedandlayoutsmodifiedtoenhancetheuserexperience, Stylesheetchangesarerequired.Ofcourseeffortsaremadetominimizetheimpactof thesechangesoncustomizationsforbackwardscompatibility;however,therearetimes whenthisgoalisntfullyrealized. EMCunderstandsthatthisimpactscustomerswhomayhavesubstantial customizations,thusareprovidingthisdocumenttoassistinmigratingthese customizationstominimizethevisualimpactofchanges. WhatChanged o Themes o DirectoryStructure o AdditionalStylesheets o Selectors o Rules ThemeChanges Webtop6shipswithonlytwothemesconfigured(documentumandhighcontrast),the documentumthemeremainsthedefaulttheme.Asthemajorityofcustomerschooseto customizethetheme,maintainingthisnumberofthemesdidntmakesense.Other themeassetsremaininthebuildforbackwardcompatibility.Previousversionsof Webtopcontained: o 17wdkthemes(seesubfoldersunderwdk\theme) o 11webcomponentthemes(seesubfoldersunderwebcomponent\theme) o 13webtopthemes(seesubfoldersunderwebtop\theme

 Directoryof<applicationroot>\wdk\theme alltext coolblue docublue documentum highcontrast iconic kaleidoscope lava mellow portal royale sage shiny summer tahoe trendy windowsxpsilver Directoryof<applicationroot>\webcomponent\theme alltext coolblue docublue documentum highcontrast iconic kaleidoscope mellow royale shiny trendy Directoryof<applicationroot>\webtop\theme coolblue docublue documentum highcontrast kaleidoscope lava mellow

royale sage shiny summer tahoe trendy DirectoryStructureChanges TheCSSdirectorystructureunderthemeshasbeenmodified.Subfoldershavebeen addedforie6andmedia(printandscreen).Asie7hasgainedsignificantsupport,rules specifictoie6weremovedtoanie6subfolder. Directoryofwdk\theme\documentum\css dragdrop.css fileSelectorAppletStyle.properties ie6 media richtexteditor.css richtexteditor_rtl.css webforms.bak webforms.css webforms_rtl.css xforms.css xforms_styles.css AdditionalStylesheets SeveralnewStylesheetswereaddedtosupportWebtop6.Thesechangesweremadeto facilitatesupportforie7,aswellas,righttoleft(rtl)support. SelectorChanges Anappendixtothisdocument,enumerateschangestoselectorstothemainpagesthat composetheframesetofaWDKapplication(e.g.Webtop).

RuleChanges Stylechangesweremadetoreskinthewdkapplications.Generalhousekeepingwas donequoteswereputaroundthefont"TrebuchetMS",finalsemicolonswere removed,font,background,paddingandmarginshortformswereused. Forexample: paddingtop:10px; paddingleft:5px; paddingbottom:10px; paddingright:5px; Changedto: padding:10px5px; HowtoDebugUIIssues Ifyouhaveahighlycustomizedenvironment,itisadvisedthatyoureviewyour customizationsanditeratethroughthepagesusingFirefoxDeveloperToolstoinspect thegeneratedsourcetozeroinonanomalies.FindspecificJSPpagesthatmayhave issuesanduseaDIFFtooltoinvestigatetheJSPlayoutorCSSclasses. Disclaimer Thisdocumentisbynomeanscomprehensive.PleaselogabugwithTechnicalSupport ifyoushoulddiscoverrulechangesnotcoveredinthisdocument.

 AppendixofChanges 5.xStylesheets wdk\theme\documentum\css dragdrop.css richtexteditor.css webforms.css xforms.css fileSelectorAppletStyle.properties webtop\theme\documentum\css webtop.css 6.xStylesheets wdk\theme\documentum\css dragdrop.css richtexteditor.css richtexteditor_rtl.css(new) webforms.css webforms_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\css webtop.css webtop_rtl.css(new)

 ChangesinPages Themainpageinawdkapplicationcontainsframes.Theclass/idattributeinelements ofthesekeypagesareofparticularimportancetocustomerswhohavecustomizedthe look&feelofthewdkapplication(e.g.Webtop). Althoughtherearemanyotherpagesthatmakeuptheapplication,thefollowingpages arereusedthroughouttheapplication: o login.jsp,titlebar.jsp o messagebar.jsp o browsertree.jsp o menubar.jsp o toolbar.jsp o attributes_all.jsp

 login.jsp 5.x contentBackground logintopleftedge logintoprightedge logintitletop logintitletext dialogTitle loginleftedge documentumBgColor loginrightedge defaultcolumnspacer fieldlabel spacer loginrightedge modalnavbg buttonbuffer buttonLink loginbgbbtm 6.x mainPaneset dialogTitle innerContent logo dialogTitleVersion fieldlabelrightAlignment defaultcolumnspacer fieldlabelrightAlignment spacer loginerrorspacing buttonareaPane modalSmallButtonBar helpButtonSection

 titlebar.jsp 5.x webtopTitlebarBackground titleLink searchLink buttonLink 6.x webtopTitlebarBackground titleLink searchLink searchGoButtonRightPadding searchTriangleLeftPadding buttondefault floatRightAlignment rightAlignment NOTE:buttonLink'sarenowbutton messagebar.jsp 5.x webtopMessagebarBackground spacer messagebarlabel 6.x webtopMessagebarBackground spacer messagebarlabelleftAlignment NOTE:leftAlignmentwasadded

 browsertree.jsp 5.x webtopTreeBackground webtopMenubarBackground browserTreeNormal browserTreeSelected 6.x webtopTreeBackground webtopMenubarBackground leftAlignment browserTreeNormal browserTreeSelected NOTE:Nochanges. menubar.jsp 5.x menubarBackground headerBackground webcomponentBreadcrumb webcomponentTitle doclistHeader contentBackground buttonLink 6.x menubarBackground headerBackground leftAlignment webcomponentBreadcrumb webcomponentTitle doclistHeader contentBackground buttonLink NOTE:thoughtherule(border/background)mayhavechangedtheselectorshavenot.

 toolbar.jspnolongervisible NOTE:Nochanges attributes_all.jsp 5.x contentBackground fieldlabel defaultDocbaseAttributeStyle defaultcolumnspacer 6.x contentBackground fieldlabelrightAlignment fieldlabelleftAlignment leftAlignment defaultDocbaseAttributeStyle defaultcolumnspacerleftAlignment NOTE:Somelayoutdifferencesbutnoselectorchanges. EnumeratedChangestowebforms.css webforms.cssofallstylesheets,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-family: Trebuchet MS, Verdana, GillSans, Arial; text-decoration: none; font-size: 12px; line-height: 14px;

font-weight: normal; } .actionButtonLink { font-family: Trebuchet MS, Verdana, GillSans, Arial; color: #333333; text-decoration: none; font-size: 12px; line-height: 14px; font-weight: normal; } .actionButtonDisabledLink { color: #999999; font-family: Trebuchet MS, Verdana, GillSans, Arial; text-decoration: none; font-size: 12px; line-height: 14px; font-weight: normal; } .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

{ 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; border: 1px solid #a5acb2; cursor: pointer } BUTTON:hover { background: url("../images/button/button_bg.gif") repeat-x; } BUTTON.default { } BUTTON[disabled] { font-size: 11px; text-decoration: none; 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; text-decoration: none; font-weight: bold; font-size: 12px; vertical-align: top; height: 22px; padding-top:0px; padding-bottom: 10px } .accessibleTabbarSelectedStyle { height: 22px;

background-image: url("../images/modal/modal_tab_bg_on.gif"); font-family: "Trebuchet MS", Verdana, GillSans, Arial; color: #333; text-decoration: none; font-weight: bold; font-size: 12px; vertical-align: top; padding-top:0px; padding-bottom: 10px } .accessibleTabbarDisabledStyle { background-image: url("../images/modal/modal_tab_bg_off.gif"); font-family: "Trebuchet MS", Verdana, GillSans, Arial; color: #666; text-decoration: none; font-weight: bold; font-size: 12px; padding-bottom: 21px; vertical-align: top; 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: 1px solid #a5acb2; border-top: none; background: url("../images/modal/contentsheet_bg.gif") 100% 100% norepeat #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

} #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; padding: 0 0 0 18px; height: 39px; position: relative; top: 10px; overflow: hidden; } .propertysheetlabelstyle { color:white; } #modalLocator .dialogTitle { color: #fff;

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 */

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 { /* Placeholder for rich-ui grid */ } .datagridDesktopUI .datagridDesktopUIData { /* Placeholder for rich-ui grid */ } .datagridDesktopUI .datagridDesktopUIFooter { /* Placeholder for rich-ui grid */ } .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

{ 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

} .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%; }

/*Datagrid styles for modal containers*/ #modal .defaultDatagridStyle, #modal .datagridDesktopUI .defaultDatagridStyle { border: 1px solid #a5acb2; 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 { padding-bottom: 20px } #modalSmall #mainPaneset

{ 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 { padding-bottom: 20px } #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 {

color: #000; text-decoration: none; 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; border: 1px solid #a5acb2; font-size: 9px; font-weight: bold; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; 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 {

background: url( ../images/button/minibutton/minibutton_bg.gif ) repeat-x #a5acb2; padding: 1px 1px 1px 1px; white-space: nowrap; border: 1px solid #a5acb2; font-size: 11px; font-weight: bold; font-family: "Trebuchet MS", Verdana, sans-serif; text-decoration: none; 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 {

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 }

.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 { padding: 0 0 0 18px; 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: 1px solid #a5acb2; border: 0 0 0 1px } #modalLocator #iconwellarea { height: 100%; background: #fff; border: 1px solid #999; border-top: 0; margin: 0 } #modalLocator .pagerBackground { background: #ccc

} #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

{ 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

{ 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

{ 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-bottom: 6px; padding-left: 3px } .reportDetailsFileInfoPadding { padding-left: 3px; padding-right: 3px } .reportDetailsHeaderDivPadding { padding-top: 8px; padding-left: 8px } .reportDetailsShowTasksDropDownPadding { padding-left: 5px } .reportDetailsContainerDivPadding {

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 }

.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 }

.taskHeaderDivPadding { padding-left: 20px; padding-top: 8px } .workflowStatusListdefaultpadding { padding-left: 3px; padding-right: 3px } .filterdivPadding { padding-bottom: 22px } .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-bottom: 0px; padding-left: 5px; } .vdmTreeGridChildTablePadding { padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; } .newRelationContainerTDLeftPadding { padding-left:20px; }

.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 }

SelectorsModified Manytweaksweremade,toseewhathaschangedintherules,DIFFthecorresponding CSSfiles. Xform SelectorsAdded

.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");

} .tabbufferselectedright-bottom{ width:11px; font-size:1px; background-image: url("../images/xforms/tab/modal_tab_corner_bottom_right_on.gif"); }

Webtop SelectorsAdded
#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 }