You are on page 1of 33

Webtop 6 Cascading Stylesheet Changes

  Purpose of Document    This migration document illuminates key changes in the Cascading Stylesheets of  Webtop 6.x Themes.      Intended Audience    This document is intended for Developers or Designers responsible for Webtop Theme  customizations. Customers with Out‐Of‐Box implementations need not be concerned –  these changes only impact customizations.    Overview    As new features are added and layouts modified to enhance the user experience,  Stylesheet changes are required. Of course efforts are made to minimize the impact of  these changes on customizations for backwards compatibility; however, there are times  when this goal isn’t fully realized.    EMC understands that this impacts customers who may have substantial  customizations, thus are providing this document to assist in migrating these  customizations to minimize the visual impact of changes.    What Changed    o Themes  o Directory Structure  o Additional Stylesheets  o Selectors  o Rules    Theme Changes    Webtop 6 ships with only two themes configured (documentum and high contrast), the  documentum theme remains the default theme. As the majority of customers choose to  customize the theme, maintaining this number of themes didn’t make sense.  Other  theme assets remain in the build for backward compatibility. Previous versions of  Webtop contained:    o 17 wdk themes (see sub‐folders under wdk\theme)  o 11 webcomponent themes (see sub‐folders under webcomponent\theme)  o 13 webtop themes (see sub‐folders under webtop\theme   

  Directory of <application root>\wdk\theme    alltext  coolblue  docublue  documentum  high contrast  iconic  kaleidoscope  lava  mellow  portal  royale  sage  shiny  summer  tahoe  trendy  windowsxpsilver    Directory of <application root>\webcomponent\theme    alltext  coolblue  docublue  documentum  high contrast  iconic  kaleidoscope  mellow  royale  shiny  trendy    Directory of <application root>\webtop\theme    coolblue  docublue  documentum  high contrast  kaleidoscope  lava  mellow 

royale  sage  shiny  summer  tahoe  trendy      Directory Structure Changes    The CSS directory structure under themes has been modified. Sub‐folders have been  added for ie6 and media (print and screen). As ie7 has gained significant support, rules  specific to ie6 were moved to an ie6 sub‐folder.    Directory of wdk\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       Additional Stylesheets    Several new Stylesheets were added to support Webtop 6. These changes were made to  facilitate support for ie7, as well as, right‐to‐left (rtl) support.    Selector Changes    An appendix to this document, enumerates changes to selectors to the main pages that  compose the frameset of a WDK application (e.g. Webtop).             

 Please log a bug with Technical Support  if you should discover rule changes not covered in this document. background. padding and margin short forms were used. final semi‐colons were  removed.     For example:      padding‐top: 10px.    padding‐bottom: 10px.Rule Changes    Style changes were made to re‐skin the wdk applications. General housekeeping was  done ‐ quotes were put around the font "Trebuchet MS". font.    padding‐right: 5px.          How to Debug UI Issues    If you have a highly customized environment.    Disclaimer    This document is by no means comprehensive.    Changed to:      padding: 10px 5px.    padding‐left: 5px.                            . it is advised that you review your  customizations and iterate through the pages using Firefox Developer Tools to inspect  the generated source to zero in on anomalies. Find specific JSP pages that may have  issues and use a DIFF tool to investigate the JSP layout or CSS classes.

css (new)     \media    print.css    richtexteditor.css (new)    webforms_ie6_rtl.css    xforms_styles.css    webtop_rtl.x Stylesheets    wdk\theme\documentum\css      dragdrop.css (new)    screen.css    richtexteditor.css    webforms_rtl.  Appendix of Changes    5.css (new)     \ie6    webforms_ie6.properties      webtop\theme\documentum\css      webtop.css (new)    webtop\theme\documentum\css      webtop.css (new)    xforms.css      6.css    webforms.css    fileSelectorAppletStyle.css    xforms.css (new)  .css    richtexteditor_rtl.x Stylesheets    wdk\theme\documentum\css      dragdrop.css (new)    webforms.

jsp                                                    . the following pages  are reused throughout the application:    o login.jsp  o messagebar.jsp  o toolbar.jsp  o browsertree.    Although there are many other pages that make up the application. titlebar. Webtop).jsp  o menubar. The class/id attribute in elements  of these key pages are of particular importance to customers who have customized the  look & feel of the wdk application (e.jsp.jsp  o attributes_all.g.        Changes in Pages    The main page in a wdk application contains frames.

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

    titlebar.jsp    5.x  webtopMessagebarBackground  spacer  messagebarlabel    6.x  webtopTitlebarBackground  titleLink  searchLink  buttonLink      6.x  webtopTitlebarBackground  titleLink  searchLink  searchGoButtonRightPadding  searchTriangleLeftPadding  button default  floatRightAlignment  rightAlignment    NOTE: buttonLink's are now button      messagebar.x  webtopMessagebarBackground  spacer  messagebarlabel leftAlignment      NOTE: leftAlignment was added            .jsp    5.

x  menubarBackground  headerBackground  leftAlignment  webcomponentBreadcrumb  webcomponentTitle  doclistHeader  contentBackground  buttonLink    NOTE: though the rule (border/background) may have changed the selectors have not.jsp    5.      .x  webtopTreeBackground  webtopMenubarBackground  leftAlignment  browserTreeNormal  browserTreeSelected    NOTE: No changes.  browsertree.x  webtopTreeBackground  webtopMenubarBackground  browserTreeNormal  browserTreeSelected    6.jsp    5.      menubar.x  menubarBackground  headerBackground  webcomponentBreadcrumb  webcomponentTitle  doclistHeader  contentBackground  buttonLink    6.

color: #333333. GillSans. line-height: 14px. font-family: Trebuchet MS. Verdana.buttonDisabledLink { color: #999999. } . . this is the one that handles the majority of the UI  layout and styling    Selectors Removed    .css ‐ of all stylesheets.jsp ‐ no longer visible    NOTE: No changes      attributes_all.x  contentBackground  fieldlabel  defaultDocbaseAttributeStyle  defaultcolumnspacer    6. text-decoration: none. text-decoration: none.    Enumerated Changes to webforms. Verdana.x  contentBackground  fieldlabel rightAlignment  fieldlabel leftAlignment  leftAlignment  defaultDocbaseAttributeStyle  defaultcolumnspacer leftAlignment    NOTE: Some layout differences but no selector changes. Arial.buttonLink { font-family: Trebuchet MS. font-weight: normal.jsp    5.  toolbar. Arial. font-size: 12px. GillSans.css    webforms. line-height: 14px. font-size: 12px.

font-size: 12px.actionButtonLink { font-family: Trebuchet MS. Arial.dialogTitle .bannerbox { background: white url(". text-decoration: none. #modalLocator . font-weight: normal.dialogTitle . font-family: Trebuchet MS. } .defaultLabelStyle. } ./images/banner/top_left. GillSans. } . color: #333333. font-family: "Trebuchet MS". font-weight: bold } #modalLocator . line-height: 14px. Verdana. .dialogFileName { color: #000 } #contentArea . #modalLocator . margin: 0 18px } #contentArea . GillSans. background: none } #modal . Verdana. Arial. line-height: 14px.font-weight: normal.menuBarHighlightAutoComplete. font-size: 13px. font-size: 12px.defaultLabelStyle { color: #fff. Verdana. font-weight: normal. text-decoration: none..subTitle.autoCompleteHighlightSelected . GillSans.dialogFileDetails { color: #000 } .actionButtonDisabledLink { color: #999999.dialogTitle { border: none.subTitle { color: #fff.gif") no-repeat top left. Arial. }   Selectors Added    #modal .

background-color: #c0c0c0. padding-top:0px.gif") repeat-x. font-family: "Trebuchet MS". font-weight: bold. font-size: 11px. cursor: pointer } BUTTON:hover { background: url(". text-decoration: none. } BUTTON./images/button/button_bg. color: #999. height: 22px.accessibleTabbarSelectedStyle { height: 22px. GillSans. padding-bottom: 10px } . padding: 1px 2px.default { } BUTTON[disabled] { font-size: 11px. color: #333. .gif"). text-align: left..accessibleTabbarNormalStyle { background-image: url(". font-size: 12px. Arial. color: #333./images/button/button_bg. text-decoration: none.. vertical-align: top.{ background: #fff. font-weight: bold. text-shadow: #fff 2px 2px 1px. Verdana./images/modal/modal_tab_bg_off.autoCompleteHighlightSelected { background: #ccc } /* button styles */ BUTTON { background: url(".gif") repeat-x. border: 1px solid #a5acb2. padding: 2px } . color: #333. font-weight: bold } . font-weight: bold.. border: 1px solid #a5acb2.

text-decoration: none. #modalLocator. border-top: none. font-weight: bold. padding: 20px. Verdana. vertical-align: top. padding-top:0px.gif"). padding-bottom: 21px./images/modal/modal_tab_bg_off./images/modal/modalpage_bg. GillSans. Arial. top: 0px. Verdana. bottom: 0px } #scrollingcontent { border: 1px solid #a5acb2. height: 22px } .accessibleTabbarDisabledStyle { background-image: url(". padding: 0 } /*D6 modal container styles*/ #modal.. font-size: 12px. color: #666.. width: 85% } #mainPaneset { background: #3b669d. border-color: #383732 #36485D } #rightcolumn { background: url(". color: #333. background: url(". #userorgrouplocator { background: url(".gif") repeat-x #c3c5c7 !important. GillSans. vertical-align: top. font-family: "Trebuchet MS".background-image: url(".gif") top left repeat-y #3b669d . Arial./images/modal/modal_tab_bg_on. border: 1px solid. #persistentobjectlocator.. font-weight: bold. font-family: "Trebuchet MS".gif").gif") 100% 100% norepeat #fff } #scrollingcontent DIV { padding: 10px./images/modal/contentsheet_bg../images/modal/contentsheet_dropshadow_rt.errorSubTitle { color: #333. padding-bottom: 10px } . font-size: 12px. text-decoration: none..

. #modalLocator . height: 41px.*/ margin: 0 18px. display: inline.dialogTitle { color: #fff. top: 10px.modalButtonBar { /*background: url(". font-weight: bold. font-size: 13px.webcomponentTitle. height: 39px.} #leftcolumn { background: #3b669d } #buttonareaPane . overflow: hidden.propertysheetlabelstyle { color:white. margin: 10px 0 0 7px } #modal . padding: 0 0 0 18px. } #buttonareaPane TABLE { float: left.propertysheetdialogtitle { color: #fff./images/modal/contentsheet_dropshadow. } . height: 45px } #buttonareaPane BUTTON { margin: 10px 0 10px 7px. position: relative.dialogTitle. . font-weight: bold. padding: 0 0 0 18px. } #modalLocator . overflow: hidden } .gif") top left repeat-x #667fa3. font-size: 13px. position: relative.webcomponentTitle { color: #fff. display: block. #modal . top: 10px. display: block.

genericPanel { vertical-align: middle } TABLE.options { padding-left: 20px } /* Some controls are double-indented */ .dataTableFieldSetup . padding-right: 5px } TABLE.optionsPanel TD { padding-top: 0px } TABLE.name { padding-right: 0px } TABLE.font-size: 13px.dataTableFieldSetup TR. } /* Generic row has "middle" alignment so input fields line up */ TABLE.dataTableFieldSetup TD { padding: 10px. border-width: 0px 1px. text-align: left } TABLE. text-align: center.dataTableFieldSetup . width: 100px.dataTableFieldSetup .dataTableFieldSetup TR.type { } TABLE. padding-left: 5px.use { border: 1px solid #A5ACB2.buttons { white-space: nowrap } TABLE. margin-left: 10px.dataTableFieldSetup . font-weight: bold } #tabs { margin: 0.dataTableFieldSetup TD.

dataTableFieldSetup DIV.allItemsSelector { display: none. } . display: block.indent.defaultActionLinkStyle { color:#000 } .datagridDesktopUI .selector { display: none } . color: #666.dataTableFieldSetup TD.indent { padding: 0px 0px 0px 30px.datagridDesktopUI { /* Placeholder for rich-ui grid */ } .datagridDesktopUI . padding-top: 0px.selectable .datagridDesktopUI .selectable . TABLE.datagridDesktopUI .datagridDesktopUIFooter { /* Placeholder for rich-ui grid */ } . -khtml-user-select: none.datagridDesktopUI .options INPUT.selectable { -moz-user-select: none.datagridDesktopUI . #scrollingcontent TABLE. } /* Datagrid Row Selection Support */ .dataTableFieldSetup DIV.noteWithoutPadding { font-style: italic.datagridDesktopUI .datagridDesktopUIHeader { /* Placeholder for rich-ui grid */ } . width: auto } /* Text input in Data Table Fields dialog for member names etc.datagridDesktopUIData { /* Placeholder for rich-ui grid */ } .selected . cursor: default } .defaultTextStyle.TABLE. is wider than usual*/ TABLE.datagridDesktopUI .options TEXTAREA { width: 260px } .dataTableFieldSetup TD.

z-index: 100.additionalRow { padding-left: 55px.datagridMinColumnWidth { min-width: 16px } /* datagrid additional row style */ . top: 0px. opacity: 0. width: 6px. position: absolute.7. width: 1px. z-index: 100. padding-bottom: 4px } . padding-bottom: 4px } . margin-right: 5px . } . height: 16px.datagridDesktopUI .colResizerDrag { cursor: default } .colResizerExtent { position: absolute.5. filter: alpha(opacity=70) } .datagridRightmostCell { width: 99% } . background: #000. opacity: 0.datagridDesktopUI .sizecolumn { text-align: right.rightButtonSection { float: right.datagridDesktopUI .{ background: #b5c4d9 } . filter: alpha(opacity=50) } .additionalRowDesktopUI { padding-left: 35px.datagridDesktopUI .colResizer { cursor: w-resize.datagridDesktopUI .

pagerBackground . border: none } button . position: relative.doclistfilenamedatagrid { width: 33%. margin: 10px.helpButtonSection { float: left.pagerContent { border-bottom: 1px solid #a5acb2. margin: 0 } #modal . #modal . margin-top: 10px } .headerRow. padding-right: 3px.} .headerRow TH.columns3 TH. display:inline.pagerBackground { background: #e4e6ea.helpButton:hover { background: none } . text-align: left } . display: block } /*Repeating Attribute Tables*/ #modal .helpButton { background: none.showProperties { padding: 10px. } . padding: 5px 0 } #modal .inlineHelpMessage { color: #999.attributeList { margin-left: 4px } . font-style: italic.headerRow TD { border-bottom: 1px solid #a5acb2. padding: 5px 0 } /* Set some datagrid columns so width is 1/3 of overall table */ #modal .

background: #e4e6ea } #modal .innerContent { padding-bottom: 20px } #modalSmall #mainPaneset . position: relative. padding: 0.gif") repeat-x #c3c5c7 !important. padding: 0. About. } /*D6 Login. padding: 0. width: 99%.defaultDatagridStyle { border: 1px solid #a5acb2. margin: 0. and other smaller dialogs*/ #modalSmall { background: url(". bottom:0px. margin-right: auto.. } /* Tables that contain paging controls should not inherit a width */ /* These tables should be centered via 'auto' margins */ #modal . Logout.defaultDatagridStyle. width: 100%. padding: 0 } #modal .defaultDatagridStyle TABLE./images/modal/modalpage_bg. font-size: 11px.defaultDatagridStyle TABLE { width: 100%.defaultDataPagingStyle { width: auto. border-collapse: collapse. #modal . text-align: center } #modalSmall #leftcolumn { border: 1px solid red } #modalSmall .defaultDatagridStyle A { text-decoration: underline. top:0px./*Datagrid styles for modal containers*/ #modal . border: 0. margin-left: auto. margin: 0. margin: 0.datagridDesktopUI . color: #000. margin: 0.

margin-right: 0 } #modalSmall .rightButtonSection BUTTON { margin: 0 0 0 7px } #modalSmall .{ position: relative. font-size: 22px. font-size: 15px.helpButtonSection { margin-top: 0 } #modalSmall .dialogTitleVersion { color: #bbb } . font-weight: bold. top: 0. margin-bottom: 10px. margin: 0 0 10px 0. width: 400px.rightButtonSection { float:right. display: block. color: #333. font-weight: bold } #modalSmall . margin: 0.showMoreHideMoreLink { .modalSmallButtonBar { padding-bottom: 20px } #modalSmall #logo { text-align: center. text-shadow: #000 2px 2px 1px } #modalSmall . display: block.dialogTitle { color: #fff. margin: 0 auto. padding: 10px 0 0 0 } . position: relative. overflow: hidden. right: 0. text-align: left } #modalSmall #buttonAreaPane { text-align: right.

gif) repeat-x #fff.miniButton. text-decoration: none. float: left. display: inline. display: inline..pagerContent .defaultActionLinkStyle . #modal .pagerContent .defaultDatagridStyle ..miniButton. margin: 0 } . Verdana. font-size: 9px. height: 16px. #modal . font-size: 11px. float: left.pagerBackground . #modal . font-family: Tahoma. padding-right: 3px } . white-space: nowrap.miniButton. font-weight: bold. cursor: pointer./icons/disclosuretriangle/open.defaultActionLinkStyle .miniButton.pagerBackground . #modal .miniButton:hover. width: 16px. width: 16px.gif) no-repeat.miniButton:hover { background: url(./images/button/minibutton/minibutton_bg_over./icons/disclosuretriangle/closed. #modal ..defaultDatagridStyle . text-decoration: none.color: #000.defaultDatagridStyle ./images/button/minibutton/minibutton_bg.miniButton:hover.disclosureTriangleClosed { background: url(. #modal . font-weight: bold } .fieldlabel .miniButtonSearch { . #modal . padding: 1px 2px. margin: 0 } . height: 16px.miniButton { background: url(..fieldlabel .gif) no-repeat.gif) repeat-x #a5acb2.defaultDatagridStyle . #modal . padding-right: 3px } . color: #000.miniButton:hover.miniButton:hover. sans-serif. border: 1px solid #a5acb2. position: relative. position: relative.disclosureTriangleOpen { background: url(.

gif ) repeat-x #fff.floatLeftAlignment { float: left } . #scrollingcontent . sans-serif.leftAlignment { text-align: left } .miniButton.rightAlignment { text-align: right } .defaultDatagridStyle SPAN.gif ) repeat-x #a5acb2.miniButton. #modal ./images/button/minibutton/minibutton_bg_over. #modal .miniButtonSearch:hover { background: url( . font-family: "Trebuchet MS".pagerBackground . text-decoration: none.miniButton. Verdana. white-space: nowrap. margin: 0 } /* Disabled minibuttons (spans) should look disabled */ SPAN.pagerContent DIV. width: auto } /* Alignments to support both LTR and RTL */ .defaultDatagridStyle ..background: url( . color: #000. color: #666 } /* DIVs that contain mini buttons should not inherit width or padding */ #scrollingcontent .defaultDatagridStyle .contentBackground DIV { padding: 0px.floatRightAlignment { float: right } .fieldlabel SPAN. margin: 0 } . border: 1px solid #a5acb2. padding: 1px 1px 1px 1px..miniButton { background: #c4c8cb none.defaultActionLinkStyle SPAN. font-size: 11px.radiopara { . #modal .miniButton. font-weight: bold./images/button/minibutton/minibutton_bg. #modal .pagerContent SPAN.

locatorPatternFilterLeftPadding { padding-left: 8px } . font-size:11px.inboxDrilldownDatagridRowLeftPadding { padding-left: 18px } .padding:0. margin: 0 } /* Locator related padding classes */ .locatorNoDataLabelLeftPadding { padding-left: 8px } .locatorAttributeFilterRightPadding { padding-right: 8px } .inlinehelppara { padding: 0 0 0 5px.radiolabel { padding: 0 0 5px 3px } . margin:0.locatorGoButtonRightPadding { padding-right: 5px } .docbaseIconPadding { padding-left: 3px } .locatorPagingControlRightPadding { padding-right: 8px } .locatorDataPagingLeftPadding { padding-left: 5px } .drilldownLeftPadding { padding-left: 4px } .docbaselockiconLeftPadding { padding-left: 3px } . padding:0 } . font-weight:bold.

breadcrumbContent { width: 100%.iconbutton { background: none. border: 1px solid #999. margin: 0 } #modalLocator . padding: 2px 5px.pagerBackground { background: #ccc . border: none. border: none.errorMsgIconRightPadding { padding-right: 3px } . color: #333.dataGridFileNameLeftPadding { padding-left: 8px } . background-repeat: no-repeat. padding: 0 } /*D6 Modal Locator Styles*/ #modalLocator . position: absolute. font-weight: bold } .. background: #fff. height: 20px. margin: 2px 0 0 0 } #modalLocator #headerareaPane { color: #fff. border: 1px solid #a5acb2. font-weight: bold. right: 0px. border-top: 0. border: 0 0 0 1px } #modalLocator #iconwellarea { height: 100%. margin: 0.dialogTitle { padding: 0 0 0 18px.aboutDialogCloseBtnRightPadding { padding-right: 20px } .

drilldownBodyCelllistLeftPadding { padding-left: 4px } . margin-right: 2px } .smartNavigationLabelLeftPadding { padding-left: 20px } .borderstyle { border: 1px solid #999 } .} #modalLocator .firstDataColumn { padding-left: 16px } . border-left: 0 } #reportnameworkareacontent #workareacontent { border: 0 } #modalLocator #breadcrumbPane .red { border: 1px solid red } . padding-right: 10px } .breadcrumbdestination { padding-left: 20px } #modalLocator .tskMgrContainerLeftPadding { padding-left: 20px } .workFlowSendListRejectCheckBoxLeftPadding { padding-left: 20px } .saveCredentialPadding { padding-left: 10px.smartNavigationSortableListLeftPadding .drilldownBodyClientEnvPanelMargin { margin-left: 2px. #reportnameworkareacontent { border: 1px solid #999.colHeaderBackground { background: #e4e6ea } #workareacontent.

.fileBrowseLeftMargin { margin-left: 2px } . . .lifecycleLocatorButtonRightPadding { padding-right: 5px } .historyReleasedBodyMargin. . margin-right: 0 } . . . . .subscriptionsBodyClassicMargin. .myfilesBodyStreamlineMargin.{ padding-left: 60px } .logoffBodyMargin { margin-left: 0. margin-right: 0 } .streamlineViewBodyMargin. . .homeCabinetClassisBodyMargin.virtuallinkErrorPageBodyMargin { margin-left: 13px.categoryClassicBodyMargin. . .lifecycleLocatorPanelRightPadding { padding-right: 8px } .objectlistBodyMargin.subscriptionsBodyStreamlineMargin. .objectlistThumbnailBodyMargin.homeCabinetThumbnailBodyMargin.inboxBodyMargin.serverBusyBodyMargin. .newRelationContainerLeftPadding { padding-left: 5px } . margin-right: 0 } .searchMonitoringLegende .checkoutProcessBodyMargin { margin-left: 12px.searchSourcePreferencesLeftPadding { padding-left: 20px } .lifecycleLocatorPanelLeftPadding { padding-left: 8px } . . margin-right: 0 } .refreshBodyMargin { margin-left: 8px.myfilesBodyClassicMargin.presetlistBodyMargin.tracingBodyMargin.dmclTraceBodyMargin.timeoutBodyMargin.treeIFrameBodyMargin. . .

recordLocatorGoButtonRightPadding { padding-right: 5px } .roomMemberRoleRadioButtonRightPadding { padding-right: 2em } . padding-top: 8px.recordLocatorItemsDropdownListRightPadding { padding-right: 8px } .5em 0em } . padding-bottom: 0px } .{ position: absolute. padding-left: 8px.topicBodyReplyPanelLeftPadding { padding-left: 32px } . top: 280px } . padding-top: 0px.distributionListCheckBoxLeftPadding .commentRteOkButtonRightMargin { margin-right: 5px } .changeRoomMemberRoleMargin { margin: 0. padding-bottom: 0px } .commentRtePadding { padding-right: 8px.memberDatagridRowLeftPadding { padding-left: 0px } . padding-left: 6px.recordLocatorVersionsDropdownListRightPadding { padding-right: 8px } .recordLocatorNameFilterLeftPadding { padding-left: 8px } . right: 0px.membershipGoButtonPadding { padding-right: 20px. z-index: 117.

padding-right: 10px } . padding-left: 3px } . padding-left: 8px } .startAttachmentDocbaseIconPadding.reportDetailsHeaderDivPadding { padding-top: 8px.reportDetailsShowTasksDropDownPadding { padding-left: 5px } .sendToListPagePadding { padding-left: 10px.startAttachmentSpanImagePadding { padding-right:1px.startAttachmentImagePadding { padding-right: 5px } .reportDetailsContainerDivPadding { . padding-bottom: 6px.reportDetailsLabelPadding { padding-left: 10px. . padding-right: 3px } .taskCommentsPageMargin { margin-left: 42px. padding-top: 10px } .sendToListTdPadding { padding-left: 10px } . .taskCommentsRemoveCommentButtonPadding { padding-right: 10px } . margin-top: 10px } .{ padding-left: 20px } .reportDetailsDatagridRowPadding { padding-top: 6px. } .reportDetailsDocbaseIconPadding.reportDetailsFileInfoPadding { padding-left: 3px.

taskManagerLabelInstructionPadding { padding-left: 10px.repeatLabelPadding { padding-right: 10px } .sendToListLabelPadding { padding-right: 10px } .reportMainRowPadding { padding: 3px.startWorkFlowContainerComponentIncludePadding { padding-left: 10px } . padding-bottom: 6px } .taskManagerPagePadding { padding-left: 10px } .taskManagerImagePadding { padding-left: 10px } .reportMainDrillDownDocbaseIconPadding { padding-right: 5px. padding-left: 18px } . padding-left: 20px.taskManagerDatagridPadding { padding-left: 20px } .padding-top: 8px. padding-left: 20px } . padding-top: 10px } .taskmanagerDrilldownTextPadding { padding-left: 20px } .taskManagerLabelPadding { padding-left: 20px. padding-bottom: 3px } .sendToListDocbaseIconPadding { padding-right: 1px. padding-top: 10px } .

workflowStatusDrilldownIconPadding { padding-right: 5px } . padding-top: 8px } . margin-right: 3px } . padding-top: 10px } .workflowStatusDrilldownclientEnvPanelPadding { padding-right: 3px } .workflowStatusDrilldowndatagridRowpadding { padding-left: 3px } .taskHeaderDivPadding { padding-left:20px.installJVMBodyMargin { margin-left: 12px..startWorkflowPagePadding { padding-left: 10px } #scrollingcontent .taskmanagerDrilldownComponentincludePadding { padding-left: 20px.workflowStatusDrilldownLabelpadding { padding-left: 10px } .workflowStatusDrilldownShowItemsLabelPadding { padding-right: 3px } . margin-right: 0 } .taskManagerWorkflowTaskPadding { padding-left: 20px } . margin-top: 10px } .TaskProgressTableMargin { margin-left: 42px.workflowStatusDrilldownButton { padding-right: 3px } .workflowStatusDrilldownDropdownlistMargin { margin-left: 3px.

} .vdmTreeGridChildTablePadding { padding-top: 0px.workflowStatusListdefaultpadding { padding-left: 3px. padding-bottom: 0px.taskHeaderDivPadding { padding-left: 20px.routerRejectLabelPadding { padding-left: 10px } . } . padding-right: 3px } . padding-left: 5px..newRelationContainerTDLeftPadding { padding-left:20px.routerForwardLabelPadding { padding-left: 10px } . padding-bottom: 0px. } . } .filterdivPadding { padding-bottom: 22px } .searchTriangleLeftPadding { padding-left: 0px.taskProcessvariablesDatagridMargin { margin-left: 10px. padding-right: 5px. } .searchGoButtonRightPadding { padding-right: 0px. padding-top: 8px } .vdmTreeGridTopTablePadding { padding-top: 5px. padding-right: 5px. margin-top: 10px } . padding-left: 5px.

} . } . } .newRelationContainerTDLabelPadding { padding-left:20px.      Xform    Selectors Added    .. background-image: url("..gif")./images/xforms/tab/modal_tab_corner_bottom_right_off. font-size:1px.dialogTitleTopMargin { margin-top:10px. background-image: url(". . font-size:11px. } . padding-top:15px.tabbuffernotselectedleft-bottom{ width:10px.gif").tabbuffernotselectedright-bottom{ width:11px. DIFF the corresponding  CSS files./images/xforms/tab/modal_tab_corner_bottom_left_on. to see what has changed in the rules. top:-12px } . font-size:1px.. } . white-space: nowrap }   Selectors Modified    Many tweaks were made.tabbufferselectedleft-bottom{ width:10px./images/xforms/tab/modal_tab_corner_bottom_left_off.cancelCheckoutLeftPadding { padding-left:10px. background-image: url("..cancelCheckoutTopPosition { position:relative.gif").membershipButtonDivStyle { float: right.

titlebarLogoutButton { position: absolute. right: 5px. }           Webtop    Selectors Added    #messagebar { background: url(./images/xforms/tab/modal_tab_corner_bottom_right_on.gif"). right: 35px. background-image: url(". vertical-align: top }   . padding: 0.tabbufferselectedright-bottom{ width:11px. top: 7px..gif) repeat-x. vertical-align: top } .. margin: 0 } . font-size:1px. background: none. top: 6px. border: none. text-align: center./images/statusbar/shadowbg.titlebarHelpButton { position: absolute.} .