/* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /****************************************************************************** defaultTheme.css is created by including content from the following files, which must be in the order specified: baseTheme.css componentsTheme.css sprites.css (contains styles for creating image sprites using background images) layoutTheme.css (this is the layout, with overrides to component styles based on where they sit on the page) companion files are base.css components.css layout.css ******************************************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*this file contains contains namespaced default styles*/ /*companion file is base.css*/ /******************************/ /*** B A S E S T Y L E S ****/ /******************************/ /*** R E S E T ***/ /*redefinitions*/ .lotusui dt{background-color:#eee;font-weight:bold}/*used in metrics screen*/ /***********************************************************/ /*** S P E C I A L L I N K S ***/ a.lotusPerson, a.lotusPerson:visited{color:#578cca;}/*person links pop up a related menu*/ .lotusTags a:link, .lotusTags a:visited, a.lotusTag:link, a.lotusTag:visited{color:#578cca;}/*tag*/ .lotusRelatedTags a{background-image:url(../images/iconRelatedTag.png);border-color:transparent/*to keep related tags from jumping*/} .lotusui_ie6 .lotusRelatedTags a{border-color:#fff}/*ie6 doesn't support transparent border color*/ /*[sprite]*/ .lotusSpritesOn .lotusRelatedTags a{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2987px} /*[/sprite]*/ /*my links indicate bookmarks you have created - add this onto people and tag class links*/ a.lotusMyLink, a.lotusMyLink:visited, .lotusMyLinks a, .lotusMyLinks a:visited{color:#44a244 !important} a.lotusDelete{background-image:url(../images/iconDelete.png);} /*[sprite]*/.lotusSpritesOn a.lotusDelete{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2331px}/*[/sprite]*/ /*link hover styles*/ .lotusTags a:hover, .lotusTags a:focus, .lotusTags a:active, a.lotusTag:hover, a.lotusTag:focus, a.lotusTag:active, a.lotusPerson:hover, a.lotusPerson:focus, a.lotusPerson:active{border-bottom-color:#05386b;color:#05386b;} a.lotusMyLink:hover, a.lotusMyLink:focus, .lotusMyLinks a:hover, .lotusMyLinks a:focus {color:#05386b !important;border-bottom-color:#05386b;} /*single and group action links*/ /*this is to provide a class for overriding link colors in groups of links to indicate that the link is an action link (like the "Tag this" link in a tag group*/ a.lotusAction, a.lotusAction:visited{color:#105cb6 !important;} a.lotusAction:hover, a.lotusAction:focus, a.lotusAction:active, .lotusActions a:hover, .lotusActions a:focus, .lotusActions a:active, .lotusTags a.lotusAction:hover, .lotusTags a.lotusAction:focus, .lotusTags a.lotusAction:active{color:#05386b !important;} /*to assign an icon to an action link, you need to assign a unique id to the link and give it a background image. The rest of the code is in this css declaration*/ .lotusActions a, .lotusActions a:visited{color:#105cb6;} a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{background-color:transparent;background-image: url(../images/btnDropDown.png)} /*[sprite]*/ a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{background-color:transparent;background-image: url(themeImages/lotusSprite-8bit.png);background-position:0 -728px} /*[/sprite]*/ a.lotusDelete:hover, a.lotusDelete:active{background-image:url(../images/iconDeleteHover.png);} /*[sprite]*/.lotusSpritesOn a.lotusDelete:hover, a.lotusDelete:active{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2383px}/*[/sprite]*/ /*general class for 16 pixel icons created as background images, where a link surrounds blank.gif*/ /*NOTES: assign the lotusIcon16 class along with one of the following classes to your link tag classes match the icon graphic name with a lotus prefix*/ .lotusIconShow{background-image:url(../images/iconShow.png)} .lotusIconHide{background-image:url(../images/iconHide.png)} /*[sprite]*/ .lotusSpritesOn .lotusIcon16{background-image:url(themeImages/lotusSprite-8bit.png);} .lotusSpritesOn .lotusIconShow{background-position:0 -3257px} .lotusSpritesOn .lotusIconHide{background-position:0 -2547px} /*[/sprite]*/ /***********************************************************/ /*** G E N E R A L S T Y L E S ***/ .lotusui .lotusBorderTop, .lotusui .lotusBorderBottom{border-color:#e5e5e5} .lotusui .lotusLoading{background-image:url(../images/loading.gif)} .lotusui .lotusRequired{color:#efa229} .lotusui .lotusMeta{color:#666} .lotusui .lotusHighlighted{color:#f00}/*red*/ .lotusui .lotusInactive{color:#999} .lotusui .lotusLogo, .lotusLoginLogo{height:18px;width:126px;background-image:url(../images/logo.png);background-repeat:no-repeat;}/*height, width values are in this file to aid in retheming*/ .lotusui .lotusIBMLogo {width:94px;height:37px;background-image:url(../images/ibmLogo.png);background-repeat:no-repeat;}/*height, width values are in this file to aid in retheming*/ .lotusImagesOff .lotusIBMLogo {display:none} .lotusui .lotusIBMLogoFooter {width:66px;height:28px;background-image:url(../images/ibmLogoFooter.png);background-repeat:no-repeat;}/*height, width values are in this file to aid in retheming*/ .lotusImagesOff .lotusIBMLogoFooter {display:none} /*[sprite]*/ .lotusSpritesOn .lotusIBMLogo {background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -1782px} .lotusSpritesOn .lotusIBMLogoFooter {background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -1859px} /*[/sprite]*/ /***********************************************************/ /*** I N L I N E L I S T S ***/ /***********************************************************/ /*** A R R O W S ***/ /*drop-down arrows*/ .lotusDropDownSprite{background-image:url(../images/btnDropDown.png)} .lotusDropDownActionSprite{background-image:url(../images/btnDropDownAction.png)} /*scrolling arrows*/ .lotusScrollUp{background-image:url(../images/arrowScrollUp.png)} .lotusScrollDown{background-image:url(../images/arrowScrollDown.png)} /*[sprite]*/ .lotusSpritesOn .lotusDropDownSprite{background-position:0 -728px} .lotusSpritesOn .lotusDropDownActionSprite{background-position:0 -814px} .lotusSpritesOn .lotusScrollUp{background-position:0 -683px} .lotusSpritesOn .lotusScrollDown{background-position:0 -638px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /****************************************************************************** This file contains styles for components componentsTheme.css is created by including content from css files located in the components directory. companion file is components.css ******************************************************************************/ /****************************************/ /*** C O M P O N E N T S T Y L E S ****/ /****************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for drop-down menus*/ /*companion file is actionMenu.css*/ /*****************************/ /*** A C T I O N M E N U ***/ /*****************************/ ul.lotusActionMenu{background-color:#fff;border-color:#919090;background-image:url(../images/actionMenuBkgd.png)} ul.lotusActionMenu.lotusPlain{background-image:none} .lotusActionMenu li{background-color:transparent} .lotusActionMenu li.lotusSelected a{background-image:url(../images/checkmark.png);} .lotusActionMenu li.lotusMenuSeparator{border-top-color:#C0C1C1 !important} .lotusActionMenu a{color:#000;} .lotusActionMenu a:hover, .lotusActionMenu a:focus, .lotusActionMenu a:active{color:#fff !important;background-color:#2e5a90;} /*[sprite]*/ .lotusSpritesOn .lotusActionMenu li.lotusSelected a, .lotusSpritesOn .lotusActionMenu li.lotusSelected a:visited, .lotusSpritesOn .lotusActionMenu li.lotusSelected a:hover, .lotusSpritesOn .lotusActionMenu li.lotusSelected a:active, .lotusSpritesOn .lotusActionMenu li.lotusSelected a:focus {background-image:url(themeImages/lotusSprite-8bit.png);background-position:4px -1026px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for breadcrumbs*/ /*companion file is breadcrumbs.css*/ /*** B R E A D C R U M B S ***/ .lotusBreadcrumbs .lotusDivider{background-image:url(../images/arrowClosedLight.png)} .lotusBreadcrumbs .lotusDivider:hover, .lotusBreadcrumbs .lotusDivider:focus, .lotusBreadcrumbs .lotusDivider:active{background-image:url(../images/arrowClosedDark.png);} /*[sprite]*/ .lotusSpritesOn .lotusBreadcrumbs .lotusDivider{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -232px} .lotusSpritesOn .lotusBreadcrumbs .lotusDivider:hover, .lotusSpritesOn .lotusBreadcrumbs .lotusDivider:focus, .lotusSpritesOn .lotusBreadcrumbs .lotusDivider:active{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -116px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for buttons*/ /*companion file is buttons_bidi.css*/ /*** B U T T O N S ***/ /*form buttons are the same style right now as the special buttons*/ /*action buttons (lotusActionBtn) just use the lotusBtn style now, if you want them to look different you can define a style*/ /*lotusButton is a set width version of the button that goes in the left column*/ /*our regular buttons*/ .lotusBtn, .lotusButton{border-color:#c0c7cd;}/*default button outside border*/ .lotusBtn a, .lotusBtn a:visited, .lotusButton a, .lotusButton a:visited{border-color:#dedede;}/*span buttons have an inside border*/ .lotusBtn a, .lotusBtn a:visited, .lotusButton a, .lotusButton a:visited, input.lotusBtn, button.lotusBtn{color:#222;background-color:#dedede;background-image:url(../images/btnBkgd.png);} /*form and other blue buttons*/ .lotusBtnSpecial, .lotusFormButton, .lotusBtnImg{border-color:#2f76b9} .lotusBtnSpecial a, .lotusBtnSpecial a:visited, .lotusBtnImg img, .lotusBtnImg input{color:#fff;border-color:#6cacf1;}/*span buttons have an inside border*/ .lotusBtnSpecial a, .lotusBtnSpecial a:visited, input.lotusBtnSpecial, button.lotusBtnSpecial, .lotusFormButton, .lotusBtnImg{color:#ffffff;background-color:#2c86eb;background-image:url(themeImages/btnSpecialBkgd.png);} /*hover states*/ /*default buttons*/ .lotusButton:hover, .lotusButton:focus, .lotusBtn:hover, .lotusBtn:focus, .lotusBtn:active{border-color:#8e8e8e;} .lotusBtn a:hover, .lotusBtn a:focus, .lotusBtn a:active{color:#222;} /*form and blue buttons*/ .lotusBtnSpecial:hover, .lotusBtnSpecial:focus, .lotusBtnSpecial:active, .lotusFormButton:hover, .lotusFormButton:focus, .lotusBtnImg:hover, .lotusBtnImg:focus, .lotusBtnImg:active{border-color:#10395f} .lotusBtnSpecial a:hover, span.lotusBtnSpecial a:focus, .lotusBtnSpecial a:active, .lotusImagesOff a.lotusBtnImg, .lotusImagesOff a.lotusBtnImg:visited, .lotusImagesOff a.lotusBtnImg:hover, .lotusImagesOff a.lotusBtnImg:focus, .lotusImagesOff a.lotusBtnImg:active{color:#ffffff}/*to make sure color sticks when images are turned off, etc.*/ /*disabled button - styles need to be at the end of all our button styles so they are picked up. Uses regular button styles and a grayed out text color*/ .lotusBtnDisabled{border-color:#c0c7cd !important;}/*we don't want disabled button border color to change on hover*/ .lotusBtnDisabled a, .lotusBtnDisabled a:visited{border-color:#dedede;}/*span buttons have an inside border*/ .lotusBtnDisabled a, .lotusBtnDisabled a:visited, input.lotusBtnDisabled, button.lotusBtnDisabled{color:#b0b0b0 !important;background-color:#dedede;background-image:url(../images/btnBkgd.png);} /*miscellaneous*/ .lotusBtnDivider{border-color:#e0e0e0}/*add this as an additional container class when you need a bottom divider for the buttons*/ /*not implemented in the prototype yet.*/ .lotusAdd img{background-image:url(../images/iconAdd16.png)} .lotusClose img{background-image:url(../images/iconClose16.png)} /*[sprite]*/ .lotusSpritesOn .lotusBtn a,.lotusSpritesOn .lotusButton a,.lotusSpritesOn input.lotusBtn,.lotusSpritesOn button.lotusBtn, .lotusSpritesOn .lotusBtn a:hover,.lotusSpritesOn .lotusButton a:hover,.lotusSpritesOn input.lotusBtn:hover,.lotusSpritesOn button.lotusBtn:hover, .lotusSpritesOn .lotusBtn a:focus,.lotusSpritesOn .lotusButton a:focus,.lotusSpritesOn input.lotusBtn:focus,.lotusSpritesOn button.lotusBtn:focus, .lotusSpritesOn .lotusBtn a:active,.lotusSpritesOn .lotusButton a:active,.lotusSpritesOn input.lotusBtn:active,.lotusSpritesOn button.lotusBtn:active, .lotusSpritesOn .lotusBtn a:visited,.lotusSpritesOn .lotusButton a:visited,.lotusSpritesOn input.lotusBtn:visited,.lotusSpritesOn button.lotusBtn:visited {background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 0} .lotusSpritesOn .lotusBtnDisabled a,.lotusSpritesOn input.lotusBtnDisabled,.lotusSpritesOn button.lotusBtnDisabled, .lotusSpritesOn .lotusBtnDisabled a:hover,.lotusSpritesOn input.lotusBtnDisabled:hover,.lotusSpritesOn button.lotusBtnDisabled:hover, .lotusSpritesOn .lotusBtnDisabled a:focus,.lotusSpritesOn input.lotusBtnDisabled:focus,.lotusSpritesOn button.lotusBtnDisabled:focus, .lotusSpritesOn .lotusBtnDisabled a:active,.lotusSpritesOn input.lotusBtnDisabled:active,.lotusSpritesOn button.lotusBtnDisabled:active, .lotusSpritesOn .lotusBtnDisabled a:visited,.lotusSpritesOn input.lotusBtnDisabled:visited,.lotusSpritesOn button.lotusBtnDisabled:visited {background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 0} .lotusSpritesOn .lotusBtnSpecial a,.lotusSpritesOn input.lotusBtnSpecial,.lotusSpritesOn button.lotusBtnSpecial,.lotusSpritesOn .lotusFormButton,.lotusSpritesOn .lotusBtnImg, .lotusSpritesOn .lotusBtnSpecial a:hover,.lotusSpritesOn input.lotusBtnSpecial:hover,.lotusSpritesOn button.lotusBtnSpecial:hover,.lotusSpritesOn .lotusFormButton:hover,.lotusSpritesOn .lotusBtnImg:hover, .lotusSpritesOn .lotusBtnSpecial a:focus,.lotusSpritesOn input.lotusBtnSpecial:focus,.lotusSpritesOn button.lotusBtnSpecial:focus,.lotusSpritesOn .lotusFormButton:focus,.lotusSpritesOn .lotusBtnImg:focus, .lotusSpritesOn .lotusBtnSpecial a:active,.lotusSpritesOn input.lotusBtnSpecial:active,.lotusSpritesOn button.lotusBtnSpecial:active,.lotusSpritesOn .lotusFormButton:active,.lotusSpritesOn .lotusBtnImg:active, .lotusSpritesOn .lotusBtnSpecial a:visited,.lotusSpritesOn input.lotusBtnSpecial:visited,.lotusSpritesOn button.lotusBtnSpecial:visited,.lotusSpritesOn .lotusFormButton:visited,.lotusSpritesOn .lotusBtnImg:visited {background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -1350px} .lotusSpritesOn .lotusAdd img{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2107px} .lotusSpritesOn .lotusClose img{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2275px} /*[/sprite]*/ /****************************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for captions*/ /*companion file is caption.css*/ /*** C A P T I O N ***/ .lotusCaption{background-color:#f3f3f3;border-color:#f3f3f3} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for comments*/ /*companion file is comments.css*/ /*** C O M M E N T ***/ /*plain comments*/ .lotusAddComment{background-color:#E8EDF3;} .lotusui .lotusAddComment a.lotusCommentInput, .lotusui .lotusAddComment a.lotusCommentInput:hover, .lotusui .lotusAddComment a.lotusCommentInput:focus{background-color:#fff;border-color:#BDC7DB !important;}/*important is to keep this from clashing with lotusActions classes, if applied*/ /*update status "comment"*/ .lotusUpdateStatus{background-color:#b4d5fc;} .lotusUpdateStatus .lotusPostStatusControl{background-color:#fff;} /*comment containers*/ ul.lotusCommentList li{border-top-color:#e3e2e2} /*style adjustments for comments on the board/wall*/ .lotusBoard .lotusPost{border-top-color:#E8EDF3} .lotusBoard ul.lotusCommentList li.lotusFirst{background-image:url(../images/commentPointBubble.png);} /*[sprite]*/ .lotusSpritesOn .lotusBoard ul.lotusCommentList li.lotusFirst{background-image:url(themeImages/lotusSprite-8bit.png);background-position:15px -1137px} /*[/sprite]*/ .lotusBoard .lotusCommentList .lotusPost, .lotusBoard .lotusCommentList .lotusAddComment{background-color:#ededed;} .lotusBoard .lotusCommentPaging { background-color:#E8EDF3; } /*styles for comments in a discussion forum*/ .lotusForum .lotusPost{background-color:#B4D5FC;} .lotusForum .lotusPostAuthorInfo .lotusPostAvatar{background-image:url(../images/commentPointForum.png)} /*[sprite]*/ .lotusSpritesOn .lotusForum .lotusPostAuthorInfo .lotusPostAvatar{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -1373px} /*[/sprite]*/ .lotusForum .lotusPostContent{background-color:#fff} .lotusForum ul.lotusCommentList .lotusPost{background-color:#ededed} .lotusForum ul.lotusCommentList .lotusChild{background-image: url(../images/commentIndent.png);} .lotusForum .lotusPostDetails blockquote{color:#545454;background-color:#ededed;border-color:#DFE4E9;} /*simple comment bubble*/ .lotusCommentBubble{background-image: url(../images/commentPointBubble.png);} /*[sprite]*/ .lotusSpritesOn .lotusCommentBubble{background-image: url(themeImages/lotusSprite-8bit.png);background-position:15px -1137px} /*[/sprite]*/ .lotusCommentBubbleBody{background-color:#ededed;} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for legal*/ /*companion file is legal.css*/ /*** C O P Y R I G H T **/ div.lotusLegal .lotusLicense{background-image: url(../images/ibmLogo.png);} .lotusLegal .lotusLicense{color:#666;} .lotusLegal .lotusBuild{color:#000} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for dialogs*/ /*companion file is dialogs.css*/ /*** D I A L O G ***/ .lotusDialogBorder{border-color:#aaa;} .lotusDialog{background-color:#fff;} .lotusDialog h1{border-bottom-color:#E2EBF1;background-image:url(../images/titleBkgd.png)} .lotusDialog .lotusDialogContent{border-bottom-color:#E2EBF1;} .lotusDialog .lotusDialogFooter{background-color:#E2EBF1;} .lotusDialog .lotusFormTable, .lotusDialog .lotusFormTable td{background-color:#fff;} /*[sprite]*/ .lotusSpritesOn .lotusDialog h1{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for display controls*/ /*companion file is views.css*/ /***************************************/ /*** D I S P L A Y C O N T R O L S ***/ /***************************************/ .lotusViewControl div{background-color:#fff;background-image:url(../images/btnBkgd.png);border-color:#c0c7cd} .lotusDetailsOff {background-image:url(../images/viewDetails.png)} .lotusDetailsOff:hover, .lotusDetailsOff:focus{background-image:url(../images/viewDetailsHover.png)} .lotusDetailsOn {background-image:url(../images/viewDetailsSelected.png)} .lotusSummaryOff {background-image:url(../images/viewSummary.png)} .lotusSummaryOff:hover, .lotusSummaryOff:focus {background-image:url(../images/viewSummaryHover.png)} .lotusSummaryOn {background-image:url(../images/viewSummarySelected.png)} .lotusTreeOff {background-image:url(../images/viewTree.png)} .lotusTreeOff:hover, .lotusTreeOff:focus {background-image:url(../images/viewTreeHover.png)} .lotusTreeOn {background-image:url(../images/viewTreeSelected.png)} .lotusTileOff {background-image:url(../images/viewThumbnail.png)} .lotusTileOff:hover, .lotusTileOff:focus {background-image:url(../images/viewThumbnailHover.png)} .lotusTileOn {background-image:url(../images/viewThumbnailSelected.png)} .lotusFolderOff {background-image:url(../images/viewFolder.png)} .lotusFolderOff:hover, .lotusFolderOff:focus {background-image:url(../images/viewFolderHover.png)} .lotusFolderOn {background-image:url(../images/viewFolderSelected.png)} /*sprites on*/ /*[sprite]*/ .lotusSpritesOn .lotusViewControl div{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 0} .lotusSpritesOn .lotusViewControl a.lotusView{background-image:url(themeImages/lotusSprite-8bit.png)} .lotusSpritesOn .lotusDetailsOff {background-position:0 -6438px} .lotusSpritesOn .lotusDetailsOff:hover, .lotusSpritesOn .lotusDetailsOff:focus{background-position:0 -6558px} .lotusSpritesOn .lotusDetailsOn {background-position:0 -6678px} .lotusSpritesOn .lotusSummaryOff {background-position:0 -7158px} .lotusSpritesOn .lotusSummaryOff:hover, .lotusSpritesOn .lotusSummaryOff:focus {background-position:0 -7218px} .lotusSpritesOn .lotusSummaryOn {background-position:0 -7278px} .lotusSpritesOn .lotusTreeOff {background-position:0 -7518px} .lotusSpritesOn .lotusTreeOff:hover, .lotusSpritesOn .lotusTreeOff:focus {background-position:0 -7578px} .lotusSpritesOn .lotusTreeOn {background-position:0 -7638px} .lotusSpritesOn .lotusTileOff {background-position:0 -7338px} .lotusSpritesOn .lotusTileOff:hover, .lotusSpritesOn .lotusTileOff:focus {background-position:0 -7398px} .lotusSpritesOn .lotusTileOn {background-position:0 -7458px} .lotusSpritesOn .lotusFolderOff {background-position:0 -6798px} .lotusSpritesOn .lotusFolderOff:hover, .lotusSpritesOn .lotusFolderOff:focus {background-position:0 -6918px} .lotusSpritesOn .lotusFolderOn {background-position:0 -7038px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for feeds*/ /*companion file is feeds.css*/ /*** F E E D S **/ /*the feed links under the content*/ .lotusFeeds a.lotusFeed{background-image:url(../images/iconFeed.png)} /*[sprite]*/ .lotusSpritesOn .lotusFeeds a.lotusFeed{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2435px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for forms*/ /*companion file is forms.css*/ /*** F O R M S ***/ .lotusFormTable, .lotusFormTable td{background-color:#F0F4F7;} .lotusFormPlain .lotusTable, .lotusFormPlain .lotusFormTable td{background-color:#fff;}/*for a form that is always on the page and not inline*/ .lotusFieldBorder{background-color:#E9E9E9;} .lotusFormError, .lotusFormRequired {color:#FF0000;} .lotusFormErrorField, .lotusFormErrorSummary td {background-color:#fffabc;} .lotusFormTable .lotusFormFooter {background-color:#E2EBF1;} /* form button element styles can be found in the button component */ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for header*/ /*companion file is header.css*/ /*** H E A D E R ***/ .lotusHeader .lotusDetails p{color:#666} .lotusFilters a.lotusFilter{background-color:#f4f7fc;border-color:#c4d8f2} .lotusFilters a .lotusClose{color:#c4d8f2} .lotusFilters a:hover .lotusClose{color:#999999} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for help*/ /*companion file is help.css*/ /*** I N F O B O X ***/ /*this is used for help and tips*/ .lotusInfoBox, .portlet-msg{background-color:#fef6ab;border-color:#e2c15a;} .lotusInfoBox h3, .portlet-msg h3{color:#b47429;} .lotusInfoBox h3 img, .portlet-msg h3 img{border-color:#d79846} .lotusInfoBox h3 img:hover, .portlet-msg h3 img:hover, .lotusInfoBox h3 img:focus, .portlet-msg h3 img:focus{border-color:#b8711c} .lotusHelp{background-color:#e0e0e0} .lotusHelp .lotusInfoBox{border-color:#c5c5c5;background-color:#f0f0f0;background-image:url(../images/accentBkgd.png)} .lotusHelp h3{color:#222} /*[sprite]*/ .lotusSpritesOn .lotusHelp .lotusInfoBox{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -450px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for lists*/ /*companion file is lists.css*/ /*** L I S T S ***/ /*use in conjuction with sections if you want a more complex list*/ ul.lotusList li.lotusSelected{background-color:#CFECFF} ul.lotusList li.lotusSelected a{color:#000;} .lotusList a, ul.lotusList li.lotusSelected a{border-color:transparent} /*delete icon for editable list*/ ul.lotusEditable a.lotusDelete:hover{border-bottom-color:transparent} /*IE 6 hack. Need to use tag and person classes here and accommodate gray and white backgrounds*/ .lotusui_ie6 .lotusList a{border-bottom-color:#f1f5fa} .lotusui_ie6 ul.lotusList li.lotusSelected a{border-bottom-color:#cfecff} .lotusui_ie6 ul.lotusEditable a.lotusDelete:hover{border-bottom-color:#f1f5fa} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for menu*/ /*companion file is menu.css*/ /*** M E N U ***/ .lotusMenu, .portlet-menu{background-color:#eefee1;border-color:#ccebb5} .lotusMenu .lotusMenuSection{border-bottom-color:#ccebb5;} .lotusMenu h3{color:#4f9815} .lotusMenu h3.selected, .portlet-menu h3.selected{color:#fff;background-color:#73be59;border-color:#73be59;} .lotusMenu li.lotusSelected a, .lotusMenu li.lotusSelected a:visited, .lotusMenu li.lotusSelected a:active, .portlet-menu li.lotusSelected a, .portlet-menu li.lotusSelected a:visited, .portlet-menu li.lotusSelected a:active{color:#fff !important;background-color:#73be59;border-color:#73be59;} /*menu arrows are created as CSS sprites, using the lotusArrow class found in baseTheme.css*/ .lotusTwistyOpenMenu{background-image:url(../images/arrowOpenAlt.png)}/*the section is selected*/ .lotusTwistyClosedMenu{background-image:url(../images/arrowClosedAlt.png)} .lotusMenu h3.selected .lotusTwistyOpenMenu{background-image:url(../images/arrowOpenReversed.png)}/*the section is selected*/ .lotusMenu h3.selected .lotusTwistyClosedMenu{background-image:url(../images/arrowClosedReversed.png)} .lotusMenu .lotusArrow, .lotusMenu .lotusArrow:hover, .lotusMenu .lotusArrow:focus{color:#fff;text-decoration:none}/*for alt text +/- icons*/ /*[sprite]*/ .lotusSpritesOn .lotusTwistyOpenMenu{background-position:0 -464px} .lotusSpritesOn .lotusTwistyClosedMenu{background-position:0 0} .lotusSpritesOn .lotusMenu h3.selected .lotusTwistyOpenMenu{background-image:url(themeImages/lotusSprite-32bit.png);background-position:0 -580px}/*the section is selected*/ .lotusSpritesOn .lotusMenu h3.selected .lotusTwistyClosedMenu{background-position:0 -348px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for messages*/ /*companion file is messages.css*/ /*** M E S S A G E S ***/ .lotusMessage{background-color:#fcc;border-color:#c66;}/*error message*/ .lotusWarning{background-color:#ffffbc;border-color:#f7c455;}/*use iconWarning16.png*/ .lotusInfo{background-color:#d8eaff;border-color:#6295d6;}/*use iconInfo16.png*/ .lotusConfirm{background-color:#dcfcc4;border-color:#80d047;}/*use iconConfirmation16.png*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for paging*/ /*companion file is paging.css*/ /*** P A G I N G ***/ .lotusPaging{color:#848484;background-color:#f1f3f5;} .lotusPaging ul li, .lotusPaging div{color:#848484;} .lotusPaging input{color:#848484;} .lotusPaging .lotusInlinelist li{border-color:#8d8d8d;} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for the customization palette*/ /*companion file is paletteTheme.css*/ /*** P A L E T T E ***/ /*this is the palette that opens under the place bar to allow users to customize the UI */ .lotusPalette{background-color:#7a7f84;border-bottom-color:#676b6f} .lotusPalette .lotusLoading{background-image:url(../images/loadingDark.gif)} .lotusPaletteHeader{background-color:#62656a;color:#fff;border-top-color:#62656a;border-bottom-color:#777b81} .lotusPaletteHeader h2, .lotusPaletteHeader a, .lotusPaletteHeader a, .lotusPaletteHeader a:hover, .lotusPaletteHeader a:focus, .lotusPaletteHeader .lotusTabs li a:hover, .lotusPaletteHeader .lotusTabs li a:focus{color:#fff} .lotusPaletteHeader .lotusTabs li, .lotusPaletteHeader .lotusTabs li.lotusSelected{background-color:transparent;float:left;} .lotusPaletteHeader .lotusTabs li.lotusSelected a, .lotusPaletteHeader .lotusTabs li.lotusSelected a:visited{color:#fff;background-color:#105cb6;} .lotusPaletteBody{background-color:#414648;border-top-color:#222;border-bottom-color:#222;} .lotusPaletteNav{background-color:transparent;background-image:url(../images/paletteNavShadow.png)} .lotusPaletteNav h3{color:#fff} .lotusPaletteNav h3 img{background-image:url(../images/iconArrowBack16.png);color:#fff} /*[sprite]*/ .lotusSpritesOn .lotusPaletteNav h3 .lotusBtnImg img{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2163px} /*[/sprite]*/ .lotusPalette .lotusSearch input.lotusText{background-color:#fff;color:#222;border-color:#fff} .lotusPalette .lotusMenu{background-color:#232426;} .lotusPalette .lotusMenu li a, .lotusPalette .lotusMenu li a:visited, .lotusPalette .lotusMenu li a:hover, .lotusPalette .lotusMenu li a:focus{color:#fff;background-color:transparent;} .lotusPalette .lotusMenu li.lotusSelected, .lotusPalette .lotusMenu li.lotusSelected a, .lotusPalette .lotusMenu li.lotusSelected a:visited, .lotusPalette .lotusMenu li.lotusSelected a:active{background-color:#105cb6} .lotusPalette .lotusMenu li.lotusMore a{background-image:url(../images/paletteMoreArrow.png)} /*[sprite]*/ .lotusSpritesOn .lotusPalette .lotusMenu li.lotusMore a{background-image:url(themeImages/lotusSprite-8bit.png);background-position:94% -4237px} /*[/sprite]*/ .lotusPaletteWidget{border-color:#222;background-color:#4d5054;color:#fff} .lotusPaletteWidgets .lotusSelected, .lotusPaletteWidget:hover, .lotusPaletteWidget:focus{border-color:#fff} .lotusPaletteWidget a, .lotusPaletteWidget a:hover, .lotusPaletteWidget a:focus{color:#fff} .lotusPaletteWidget a.lotusIcon{background-image:url(../images/paletteAdd.png)} .lotusPaletteWidget a.lotusIcon:hover, .lotusPaletteWidget a.lotusIcon:focus{background-image:url(../images/paletteAddHover.png)} /*[sprite]*/ .lotusSpritesOn .lotusPaletteWidget a.lotusIcon{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3982px} .lotusSpritesOn .lotusPaletteWidget a.lotusIcon:hover, .lotusSpritesOn .lotusPaletteWidget a.lotusIcon:focus{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -4084px} /*[/sprite]*/ .lotusPaletteWidget div.lotusIcon span{background-color:transparent} .lotusPaletteWidget .lotusRating0{background-image:url(../images/paletteRating0.png)} .lotusPaletteWidget .lotusRating1{background-image:url(../images/paletteRating1.png)} .lotusPaletteWidget .lotusRating2{background-image:url(../images/paletteRating2.png)} .lotusPaletteWidget .lotusRating3{background-image:url(../images/paletteRating3.png)} .lotusPaletteWidget .lotusRating4{background-image:url(../images/paletteRating4.png)} .lotusPaletteWidget .lotusRating5{background-image:url(../images/paletteRating5.png)} /*[sprite]*/ .lotusSpritesOn .lotusPaletteWidget .lotusRating0, .lotusSpritesOn .lotusPaletteWidget .lotusRating1, .lotusSpritesOn .lotusPaletteWidget .lotusRating2, .lotusSpritesOn .lotusPaletteWidget .lotusRating3, .lotusSpritesOn .lotusPaletteWidget .lotusRating4, .lotusSpritesOn .lotusPaletteWidget .lotusRating5{background-image:url(themeImages/lotusSprite-8bit.png)} .lotusSpritesOn .lotusPaletteWidget .lotusRating0{background-position:0 -4367px} .lotusSpritesOn .lotusPaletteWidget .lotusRating1{background-position:0 -4469px} .lotusSpritesOn .lotusPaletteWidget .lotusRating2{background-position:0 -4673px} .lotusSpritesOn .lotusPaletteWidget .lotusRating3{background-position:0 -4877px} .lotusSpritesOn .lotusPaletteWidget .lotusRating4{background-position:0 -5081px} .lotusSpritesOn .lotusPaletteWidget .lotusRating5{background-position:0 -5285px} /*[/sprite]*/ .lotusLargeWidgets .lotusPaletteWidget div.lotusIcon span{background-color:transparent} .lotusLargeWidgets .lotusPaletteWidget div.lotusIcon img{border-color:#000} .lotusPaletteContent{background-color:#37393c} .lotusPaletteContent .lotusPaging{background-color:transparent} .lotusPaletteContent .lotusPaging ul li, .lotusPaletteContent .lotusPaging div{color:#C1C0C0} .lotusPalette .lotusPaging input.lotusText{background-color:#222;color:#fff;border-color:#181818} .lotusPaletteContent .lotusPaging a, .lotusPaletteContent .lotusPaging a:hover, .lotusPaletteContent .lotusPaging a:focus{color:#fff} /*some additional options for widgets*/ .lotusPalette .lotusAdded, .lotusPalette .lotusAdded a{color:#0c0}/*to indicate that a widget has been added to the page*/ .lotusPalette h4.lotusAdded, .lotusPalette h4.lotusAdded a{color:#c1c0c0;}/*grays out header, if widget is already added to the page*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for search*/ /*companion file is search.css*/ /*** S E A R C H ***/ .lotusSearch .lotusSearchButton{color:#ffffff;background-image:url(../images/iconSearch16.png)} .lotusSearch .lotusSearchButton:hover, .lotusSearch .lotusSearchButton:focus{/*border-color:#666666;*/} .lotusSearch .lotusText, .lotusSearch .dijitTextBox, .lotusSearch select{border-color:#7a7e81;background-color:#fff} .lotusSearch .lotusScope{color:#000;background-color:#fff;border-color:#7a7e81;background-image:url(../images/btnDropDownPadding.png);} .lotusSearch .lotusScope:hover, .lotusSearch .lotusScope:focus{color:#fff;background-color:#2e5a90;background-image:url(../images/btnDropDownHoverPadding.png)} /*[sprite]*/ .lotusSpritesOn .lotusSearch .lotusSearchButton{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3089px} .lotusSpritesOn .lotusSearch .lotusScope{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -893px} .lotusSpritesOn .lotusSearch .lotusScope:hover, .lotusSpritesOn .lotusSearch .lotusScope:focus{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -981px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for search tab*/ /*companion file is searchTab.css*/ /*** S E A R C H T A B ***/ .lotusSearchTab{background-color:#fff;border-color:#ccc;} .lotusSearchTab:hover, .lotusTabExpanded{color:#414546} .tabExpanded{border-bottom-color:#fff;} .lotusSearchTab a, .lotusSearchTab a:visited{color:#000;background-image:url(../images/searchArrowClosed.png);} .lotusSearchTab a:hover{background-image:url(../images/searchArrowHover.png)} .lotusTabExpanded{border-bottom-color:#fff} .lotusTabExpanded a, .lotusTabExpanded a:visited{background-image:url(../images/searchArrowOpen.png)} .lotusTabExpanded a:hover{background-image:url(../images/searchArrowOpenHover.png)} /*[sprite]*/ .lotusSpritesOn .lotusSearchTab a, .lotusSpritesOn .lotusSearchTab a:visited{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -5464px} .lotusSpritesOn .lotusSearchTab a:hover{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -5700px} .lotusSpritesOn .lotusTabExpanded a, .lotusTabExpanded a:visited{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -5936px} .lotusSpritesOn .lotusTabExpanded a:hover{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -6054px} /*[/sprite]*/ .lotusSearchForm, .lotusSearchForm{background-color:#fff;border-color:#ccc;} .lotusSearchForm input, .lotusSearchForm input{color:#999} .lotusSearchForm option, .lotusSearchForm option{color:black} .lotusSearchForm .lotusText, .lotusSearchForm .lotusText{color:#999} .lotusSearchForm .lotusSearchButton{color:#ffffff;background-image:url(../images/iconSearch16.png)} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for section*/ /*companion file is section.css*/ /*** S E C T I O N ***/ /*this is the action menu icon*/ .lotusSection h2 a.lotusActionMenu{background-image:url(../images/iconActions.png)} .lotusSection h2 a.lotusActionMenu:hover, .lotusSection h2 a.lotusActionMenu:focus{background-image:url(../images/iconActionsHover.png)} /*these twisties use lotusArrow sprite in baseTheme.css*/ .lotusTwistyOpen{background-image:url(../images/arrowOpenLight.png)} .lotusTwistyClosed{background-image:url(../images/arrowClosedLight.png)} /*draggable sections*/ .lotusSection .lotusDragHandle{background-image:url(../images/dndHandle.png);} .lotusSection h2.lotusDraggable:hover .lotusDragHandle{visibility:visible} /*[sprite]*/ .lotusSpritesOn .lotusSection h2 a.lotusActionMenu{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -1921px} .lotusSpritesOn .lotusSection h2 a.lotusActionMenu:hover, .lotusSpritesOn .lotusSection h2 a.lotusActionMenu:focus{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -2011px} .lotusSpritesOn .lotusTwistyOpen{background-position:0 -522px} .lotusSpritesOn .lotusTwistyClosed{background-position:0 -232px} .lotusSpritesOn .lotusSection .lotusDragHandle{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -1725px} /*[/sprite]*/ /****************************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for sort*/ /*companion file is sort.css*/ /*** S O R T ***/ .lotusSort .lotusAscending{background-image:url(../images/sortAscending.png)} .lotusSort .lotusDescending{background-image:url(../images/sortDescending.png)} .lotusSort a.lotusMoreSorts{background-image:url(../images/btnDropDown.png);} /*[sprite]*/ .lotusSpritesOn .lotusSort .lotusAscending{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -6152px} .lotusSpritesOn .lotusSort .lotusDescending{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -6242px} .lotusSpritesOn .lotusSort a.lotusMoreSorts{background-image:url(themeImages/lotusSprite-8bit.png);background-position:100% -764px} /*[/sprite]*/ /****************************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for tables*/ /*companion file is tables.css*/ /*** T A B L E S ***/ /*styles for displaying our data*/ /*includes vertical tables, horizontal tabular display (summary, detail, and grid views) and highlighted information (announcements)*/ .lotusVertTable th{color:#666;} .lotusTable{border-bottom-color:#e5e5e5;} .lotusTable td, .lotusTable th.lotusRowHeader, .lotusTable th.lotusSubHeader{border-top-color:#e5e5e5} .lotusTable .lotusLast td, .lotusTable .lotusLast th.lotusRowHeader{border-bottom-color:#e5e5e5} .lotusTable .lotusAltRow td, .lotusTable .lotusAltRow th.lotusRowHeader{background-color:#f8f8f8;} .lotusTable th.lotusAltCell, .lotusTable td.lotusAltCell{background-color:#f5f5f5;border-right-color:#fff;border-bottom-color:#fff} .lotusTable h4.lotusComplete, .lotusTable h4.lotusComplete a{color:#666} .lotusTable h5{color:#4f9815} .lotusTable caption, .portlet-table caption{color:#666;background-color:#f3f3f3;border-color:#e0e0e0;} .lotusTable .lotusSS{color:#666;} .lotusTable .lotusType{color:#666;}/*indicates entry types*/ .lotusPrivate{background-image:url(../images/iconPrivate.png)}/*private entry*/ .lotusSecure{background-image:url(../images/iconSecure.png)}/*secure entry*/ /*[sprite]*/ .lotusSpritesOn .lotusPrivate{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -2767px}/*private entry*/ .lotusSpritesOn .lotusSecure{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3145px}/*secure entry*/ /*[/sprite]*/ .lotusTable .lotusPaging, .lotusCaption .lotusPaging, .portlet-table .lotusPaging{background-color:#f3f3f3} .lotusTable .lotusPaging td, .portlet-table .lotusPaging td{border-color:#e0e0e0;} /*announcements*/ .lotusInfoTable{background-color:#f0f0f0;background-image:url("../images/accentBkgd.png");border-color:#e3e3e3;} .lotusInfoTable h2 {color:#73BE59;} .lotusInfoTable .lotusClose{border-color:#b0b0b0} .lotusInfoTable .lotusClose:hover, .lotusInfoTable .lotusClose:focus{border-color:#918f8f} .lotusCaption .lotusPaging, .lotusCaption .lotusPaging td{background-color:transparent} .lotusCaption select{color:#666} /*[sprite]*/ .lotusSpritesOn .lotusInfoTable{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -450px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for tabs*/ /*companion file is tabs.css*/ /*** T A B S ***/ .lotusTabContainer{border-bottom-color:#d9d9d9;} /*a style that can be applied to a div that allows you to surround a tab content area with a border*/ .lotusTabContent{border-color:#d9d9d9;} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for tag cloud*/ /*companion file is tagCloud.css*/ /*** T A G C L O U D ***/ a.lotusF5, a.lotusF5:visited{color:#1c3052} a.lotusF4, a.lotusF4:visited{color:#2b588e} a.lotusF3, a.lotusF3:visited{color:#4477bb} a.lotusF2, a.lotusF2:visited{color:#649cd8} a.lotusF1, a.lotusF1:visited{color:#8bbce8} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for tree*/ /*companion file is tree.css*/ /*** T R E E ***/ /*the second class definition for each type of node accommodates a div version of the org chart*/ .lotusOrgChart li a, .lotusOrgChartMiddle{background-image:url(../images/orgParentNode.png);} .lotusOrgChart a.lotusTop, .lotusOrgChartTop{background-image:url(../images/orgTopNode.png)} .lotusOrgChart .lotusBottom, .lotusOrgChartBottom{background-image:url(../images/orgBottomNode.png)} /*[sprite]*/ .lotusSpritesOn .lotusOrgChart li a, .lotusOrgChartMiddle{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3537px} .lotusSpritesOn .lotusOrgChart a.lotusTop, .lotusOrgChartTop{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3765px} .lotusSpritesOn .lotusOrgChart .lotusBottom, .lotusOrgChartBottom{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -3304px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*styles for the person card, a component sometimes used outside of our framework*/ /****************************************/ /*** V C A R D (P E R S O N C A R D)***/ .lotusVCard{background-color:#e0e0e0} .lotusVCard .lotusContainer{border-color:#c5c5c5;background-color:#f2f2f2} .lotusVCard a:link, .lotusVCard a:visited, .lotusVCard a:hover, .lotusVCard a:focus, a:active{color:#105cb6} .lotusVCard .lotusAppLinks td{background-color:#fff;background-image:url(../images/titleBkgd.png);border-color:#c5c5c5;} /*the more arrow, for when there is a second row of application links*/ .lotusVCard .lotusMore{background-image:url(../images/iconMoreAppsClosed.png);} .lotusVCard .lotusMoreExpanded{background-image:url(../images/iconMoreAppsOpen.png)} /*lotusDetails is the detail area of the card that contains all info for the person*/ .lotusVCard .lotusDetails{border-top-color:#fff;background-color:#f2f2f2} .lotusVCard .lotusPhoto{border-color:#bdc4ca;} /*lotusVCardActions are actions you can perform on this person, from the person card*/ .lotusVCard .lotusPersonActions{background-color:#fff;border-top-color:#c5c5c5} .lotusVCard .lotusPersonActions .lotusInlinelist li{border-left-color:#105cb6} .lotusVCard .lotusActionMenu a, .lotusActionMenu a:visited{color:#000} .lotusVCard .lotusActionMenu a:hover, .lotusVCard .lotusActionMenu a:focus, .lotusVCard .lotusActionMenu a:active{color:#fff !important;background-color:#2e5a90;} /*lotusComments in the person card contains status information for the person*/ .lotusVCard .lotusDetails .lotusCommentHeader{background-image:url(../images/commentPointPersonCard.png);} .lotusVCard .lotusDetails .lotusCommentBody{color:#666;background-color:#fff;border-color:#a0acba;} /*adjustments for an inline version of the card*/ .lotusInlineVCard .lotusEmail{border-color:#c5c5c5;} .lotusPivotNavToggle a{background-color:#d8d8e0;background-image:url(../images/vCardClosed.png)} .lotusPivotNavOpen .lotusPivotNavToggle a{background-image:url(../images/vCardOpen.png)} /***********************************************************/ /*[sprite]*/ .lotusSpritesOn .lotusVCard .lotusAppLinks td{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px} .lotusSpritesOn .lotusVCard .lotusMore{background-image:url(themeImages/lotusSprite-8bit.png);background-position:18px -2595px} .lotusSpritesOn .lotusVCard .lotusMoreExpanded{background-image:url(themeImages/lotusSprite-8bit.png);background-position:18px -2707px} .lotusSpritesOn .lotusVCard .lotusDetails .lotusCommentHeader{background-image:url(themeImages/lotusSprite-8bit.png);background-position:0 -1510px} .lotusSpritesOn .lotusPivotNavToggle a{background-image:url(themeImages/lotusSprite-8bit.png);background-position: 3px -6276px} .lotusSpritesOn .lotusPivotNavOpen .lotusPivotNavToggle a{background-image:url(themeImages/lotusSprite-8bit.png);background-position: 0 -6373px} /*[/sprite]*/ /*** V C A R D H O V E R ***/ .lotusVCardHover{border-color:#aeaeae;background-color:#fff79a;background-image:url(../images/iconProfiles.png)} .lotusVCardHover:hover, .lotusVCardHover:focus{text-decoration:none} /*[sprite]*/ .lotusSpritesOn .lotusVCardHover{background-image:url(themeImages/lotusSprite-8bit.png);background-position: 5px -2873px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for widget*/ /*companion file is widget.css*/ /*** W I D G E T ***/ .lotusWidget{border-color:#E8ECEE;} .lotusWidget h2{background-color:#E8ECEE;background-image:url(../images/titleBkgd.png);border-color:#E8ECEE;} .lotusWidget .lotusWidgetBody h2 {background-image:none} .lotusWidget h3{color:#444;border-bottom-color:#e8ecee} .lotusWidget .lotusWidgetFooter{border-top-color:#e8ecee} .lotusWidget .lotusPaging{background-color:transparent}/*paging controls within a widget*/ /*action menu icon*/ .lotusWidget h2 a.lotusActionMenu{background-image:url(../images/iconActions.png)} .lotusWidget h2 a.lotusActionMenu:hover, .lotusWidget h2 a.lotusActionMenu:focus{background-image:url(../images/iconActionsHover.png)} /*add any additional buttons you need to expose here*/ /*[sprite]*/ .lotusSpritesOn .lotusWidget h2{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px} .lotusSpritesOn .lotusWidget h2 a.lotusActionMenu{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -1921px} .lotusSpritesOn .lotusWidget h2 a.lotusActionMenu:hover, .lotusSpritesOn .lotusWidget h2 a.lotusActionMenu:focus{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -2011px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for widget*/ /*companion file is widget.css*/ /*** W I D G E T ***/ .lotusWidget2{border-color:#E8ECEE;} .lotusWidget2 h2{background-color:#E8ECEE;background-image:url(../images/titleBkgd.png);border-color:#E8ECEE;} .lotusWidget2 .lotusWidgetBody h2 {background-image:none} .lotusWidget2 h3{color:#444;border-bottom-color:#e8ecee} .lotusWidget2 .lotusWidgetFooter{border-top-color:#e8ecee} .lotusWidget2 .lotusPaging{background-color:transparent}/*paging controls within a widget*/ /*action menu icon*/ .lotusWidget2 h2 a.lotusActionMenu{background-image:url(../images/iconActions.png)} .lotusWidget2 h2 a.lotusActionMenu:hover, .lotusWidget h2 a.lotusActionMenu:focus{background-image:url(../images/iconActionsHover.png)} /*add any additional buttons you need to expose here*/ /*[sprite]*/ .lotusSpritesOn .lotusWidget2 h2{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px} .lotusSpritesOn .lotusWidget2 h2 a.lotusActionMenu{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -1921px} .lotusSpritesOn .lotusWidget2 h2 a.lotusActionMenu:hover, .lotusSpritesOn .lotusWidget2 h2 a.lotusActionMenu:focus{background-image:url(themeImages/lotusSprite-8bit.png);background-position:3px -2011px} /*[/sprite]*/ /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /* this file contains layout elements and style overrides for base components */ /* these styles need to be applied after the component styles */ /*companion file - layoutTheme.css*/ /*******************************************/ /*** P A G E L A Y O U T S T Y L E S ***/ /*******************************************/ body.lotusui {color:#222;background:none;background-color:#cee1fc} .lotusContent{background-color:#fff;} .lotusMain, .lotusFooter{background-color:#fff;border-color:#cfcfcf;} .lotusMain{border-top-color:#568dd0;} .lotusMain .lotusSearch .lotusText, .lotusMain .lotusSearch .dijitTextBox{border-color:#cccbcb} /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for the banner (layout)*/ /*companion file is banner.css*/ /*** B A N N E R **/ /*this is the very top of the UI, that contains the logo, application links, user name, login/logout*/ .lotusBanner ul.lotusInlinelist li{color:#000;background-color:transparent;border-color:#105cb6} .lotusBanner ul li.lotusFirst{background-image:none} .lotusBanner ul.lotusLinks a{color:#105cb6} .lotusBanner ul.lotusLinks li.lotusSelected{background-color:#649De1;} .lotusBanner ul.lotusLinks li.lotusSelected a{color:#fff} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for the footer (layout)*/ /*companion file is footer.css*/ /*** F O O T E R ***/ /*this sits at the bottom of the UI and contains a lot of support links, like help and about*/ .lotusFooter th, .lotusFooterHeader{color:#666} .lotusFooter th, .lotusFooter td{border-color:#e0e0e0} /***********************************************************/ /*** N A V I G A T I O N ***/ /*left column - menu and filters*/ .lotusColLeft .lotusInlinelist li{border-color:#8d8d8d;} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for the place bar (layout)*/ /*companion file is placebar.css*/ /*** P L A C E B A R ***/ /*this place bar shows up right below the title bar and tells user what place or community they are in*/ .lotusPlaceBar{background-color:#e4e8ef;border-color:#c0c7cd;background-image:url(../images/titleBkgd.png);} .lotusPlaceBar h2{color:#000;} /*[sprite]*/ .lotusSpritesOn .lotusPlaceBar{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px} /*[/sprite]*/ /***********************************************************/ /*** S I D E B A R ***/ /*right column - lists*/ .lotusColRight .lotusInlinelist li{border-color:#8d8d8d;} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*these are the styles for the title bar (layout)*/ /*companion file is titlebar.css*/ /*** T I T L E B A R ***/ /*the blue bar under the banner, that contains tabs and search UI*/ .lotusTitleBar h2{color:#fff;} .lotusTabs .modelHasChildren .modelHasChildrenIcon { display:none; } /*accessibility*/ .lotusTitleBar .lotusSearchButton{color:#fff} /*[sprite]*/ .lotusSpritesOn .lotusTitleBar{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -1800px} /*[/sprite]*/ /***********************************************************/ /*************************************/ /*** S P E C I A L S C R E E N S ***/ /*************************************/ /*** A B O U T ***/ .lotusAbout .lotusMain{background-image:none} .lotusAbout .lotusContent h1{color:#4275aa} .lotusAbout .lotusContent h2{color:#4275aa} .lotusAbout .lotusContent h3{color:#4275aa} .lotusAboutBox{background-color:#e8f0fb} /***********************************************************/ /*** E R R O R ***/ .lotusErrorBox{background-color:#fff;border-color:#cfcfcf;} .lotusError h1{color:#274a71;} /***********************************************************/ /*** H O M E ***/ /*a.k.a. dashboard*/ .lotusDashboard .lotusMain{background:url(../images/colBkgd160.png)} .lotusDashboard .lotusColRight h2{background-color:transparent;} /***********************************************************/ /*** L O G I N ***/ /*this can appear on a plain page (gradient background only), or launched in a separate window*/ .lotusLoginBox{background-color:#fff;background-image:url(themeImages/loginBkgd.png);border-color:#BBBBBB;} .lotusLogin h1, .lotusLogin h2{color:#274a71;} .lotusDescription h2{color:#000} .lotusLoginLogo{}/*definition for this has moved up to general classes - please use the lotusLogo class instead of lotusLoginLogo*/ /***********************************************************/ /*** W E L C O M E ***/ .lotusWelcome .lotusBtnAction, .lotusWelcomeBox .lotusClose{border-color:#666666} .lotusWelcomeBox{background-color:#e8f0fb;border-color:#d1e0f7} .lotusWelcomeBox, .lotusWelcomeBox h2{color:#4275aa;} .lotusWelcomeBox .lotusBtnAction:hover, .lotusWelcomeBox .lotusBtnAction:focus, .lotusWelcomeBox .lotusClose:hover, .lotusWelcomeBox .lotusClose:focus{border-color:#333333} /***********************************************************/ /* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*this file contains contains sprite styles*/ /**********************************/ /*** S P R I T E S T Y L E S ****/ /**********************************/ .lotusSpritesOn .lotusHorzBgSprite{background-image:url(themeImages/lotusHorzBgSprite-8bit.png)} .lotusSpritesOn .lotusSprite{background-image:url(themeImages/lotusSprite-8bit.png)} .lotusSpritesOn .lotusArrow{background-image:url(themeImages/lotusSprite-8bit.png);} /*Begin css Portal */ html{color:#000;overflow-y: scroll;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} body { background: none repeat scroll 0 0 #F0F0F0; color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 16px; -webkit-text-size-adjust: none; } fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup{} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:baseline;} sub{vertical-align:baseline;}l egend{color:#000;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} a {text-decoration: none;} textarea,select{ border: #C8C8C8 solid 1px; padding:1px; } input[type="text"]{ border: #C8C8C8 solid 1px; } .searchform{ border: #C8C8C8 solid 1px; margin:5px; padding:10px; } .searchform input[type="text"]{ height:18px; } .colfix{ clear:both; } ol, ul, li { list-style: none; padding:0; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { /*border-collapse: collapse;*/ border-spacing: 0; } .lotusui a{color:#000000} .lotusui a:hover, .lotusui a:focus, .lotusui a:active{color:#000000} body.lotusuiBody{ } .lotusFrame { margin: 0 auto; width: 980px; } /* Css for lotusFrame border */ #bgTopLeft{ background:url(../images/bgtopL.gif) no-repeat left top; width:4px; height:8px; line-height: 0; float:left; } #bgTopRight{ background:url(../images/bgtopR.gif) no-repeat right top; width:4px; height:8px; line-height: 0; float:right; } .lotusui_ie6 #bgTopLeft{ height:4px; } .lotusui_ie6 #bgTopRight{ height:4px; } #bgTop{ background:url(../images/bgtop.gif) repeat-x left top; width:982px; height:4px; line-height: 0; float:left; } #bgTop1{ background:url(../images/bgtopL2.gif) no-repeat left top; width:4px; height:4px; line-height: 0; float:left; } #bgTop2{ background:url(../images/bgtopR2.gif) no-repeat right top; width:4px; line-height: 0; height:4px; float:right; } #bgBottom{ width:990px; height:8px; background:url(../images/bgbottom.gif) repeat-x bottom left; float:left; } #bgBottom1{ width:8px; height:8px; background:url(../images/bgbottomL.gif) no-repeat left bottom; float:left; } #bgBottom2{ width:8px; height:8px; background:url(../images/bgbottomR.gif) no-repeat right bottom; float:right; } /* CSS for Banner */ .lotusBanner { display: block; background: url("../images/banner.jpg") no-repeat scroll left top transparent; height: 99px; width: 978px; border: 1px solid #C8C8C8; } .topLink{ height:30px; text-align:right; color:#aab3c1; font-size:12px; line-height:40px; } .topLink a{ color:#aab3c1; } .topLink a:hover{ color:#000; } /*keeps links inline when there are divs in the LIs - used for top level navigation rendered with the nav widget*/ .lotusBanner ul.lotusLinks li{float:left;} /* Main top navigation rtl mode */ .lotus_rtl .lotusBanner ul.lotusLinks li { float: right; } .headerleft { float:left; width:310px; } .headerright { float: right; width: 650px; } .headerleft a { display: block; } a #logotitle, #logotitle{ color:#666666; font-size:16px; text-indent: -1000em; line-height: 0; } .welcome { clear:both; color:#000000; display:block; padding:0; text-align:right; } /* End CSS for Banner */ /* Css for topNav */ .lotusBanner ul.lotusUtility li{ margin: 0; display: block; float: left; } .lotusBanner ul.lotusUtility li.lotusSelected{ font-weight: bold; } .lotusBanner ul.lotusUtility li a{ margin: 0; display: block; color: #000; padding: 5px; font-size: 12px; text-decoration: underline; } .lotusBanner ul.lotusUtility li a:hover{ color: #b80800; } .lotusBanner ul.lotusUtility li a img{ position:relative; top:1px; } /* End topNav */ /* searchbar and edit button */ #searchAndEdit {float: right; margin-bottom: -1px; text-indent: -1000px;} .lotus_rtl #searchAndEdit { float: left; } #searchAndEdit #ibmPortalModeToggle {display: inline-block; margin-top: 1px } .lotusAltText {display:none} /*Css for Search Box */ .searchbox { border: 1px solid #ccc; float: right; width: 180px; } .searchbox input { border:none; } .searchbox .textsearch { border:none; color: #999; font-size: 12px; padding-left:5px; width: 145px; } .searchbox .buttonsearch { background: url(../images/search-icon.gif) no-repeat 0 0; margin-top:1px; width: 17px; height: 16px; text-indent: -1000em; } /* End Search Box */ .wptheme-lightboxDisabledBackground { display: block; position: absolute; top: 0px; left: 0px; z-index: 100; opacity: 0.7; filter: alpha(opacity = 70); background-color: #000000; } .wptheme-lightboxBorderBox { position: absolute; z-index: 101; background-color: #FFFFFF; border: 2px solid #000000; } .wptheme-lightboxBorderBox iframe { width: 100%; height: 100%; border: 0px; } .wptheme-lightboxCloseLink { padding: 4px; color: #FFFFFF; z-index: 101; } .wptheme-lightboxCloseLink:hover { color: #FFFFFF; } .wptheme-lightboxIcon { border: 0px; padding: 3px; } .wptheme-lightboxLinks { /*float:; padding-: 5px;*/ } #wptheme-createSiblingControlAnchor { text-decoration: underline; } .wptheme-createSiblingPageTextInput { /*font-family: ; font-size: ;*/ margin: 0px; padding: 0px 0px 0px 0px; display: inline; } .wptheme-pageContentToolbar { background-color: #FFF; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; padding: 8px 17px 8px 17px; background-image: url("../images/content_toolbar_background.gif"); background-repeat: repeat-x; } .ibmPortalDndGhost { border: 1px dotted #444; background: #cacaca; margin:0 0 10px; -moz-opacity: .3; filter: alpha(opacity = 30); opacity: 0.3; } .ibmPortalDndPageAvatar { border: 1px solid #636363; color: #FFFFFF; font-weight: bold; background-color: #a1a1a1; /* -moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em; */ -moz-opacity: .6; filter: alpha(opacity = 60); opacity: 0.6; padding: 8px 15px 8px 15px; } .ibmPortalEmptyLayoutContainerIndicator { margin: 5px 0px 5px 0px; } .wptheme-clearing { clear: both; } .ibmPortalControlContainer{ clear: both; overflow-x: hidden; overflow-y: hidden; margin-top:10px; } .lotusui_ie6 .ibmPortalMainColumn{ margin-left:4px !important; } .ibmPortalPortletIcons { text-align: right; vertical-align: middle; padding-right: 3px; white-space: nowrap; border: 0px; } .ibmPortalPortletIcons a { text-align: right; vertical-align: middle; padding-right: 3px; white-space: nowrap; border: 0px; text-decoration: none; } .ibmPortalPortletIcons a:hover { text-align: right; vertical-align: middle; padding-right: 3px; white-space: nowrap; border: 0px; text-decoration: none; cursor: pointer; color: #ffffff; } .ibmPortalPortletIcons button.lotusActionMenu { background-color: transparent; border-style:none } .lotusImagesOff .ibmPortalPortletIcons button.lotusActionMenu img { display:none } .ibmLoading { background-image: url('../images/loading.gif'); width: 16px; height: 16px; } .lotusTabs .ibmLoading,.dijitMenuItemHover .ibmLoading { background-image: url('../images/loadingDark.gif'); } .tundra .dijitMenuItem td { cursor: pointer; } .lotusTabs .disabled * { -moz-opacity: .6; filter: alpha(opacity = 60); opacity: 0.6; } .tundra .dijitClickableRegion { background: transparent; } .ibmPortalPlainButton { border:none; background-color:transparent; } /**** LAYOUT ****/ .ibmPortalLayoutContainers{ border-top:medium none; /* overflow:auto;*/ } .ibmPortalMainContainer { } .ibmPortalRightmostColumn { margin-left: 50px; } .ibmPortalContent1Col { /* 1 column equal */ margin: 0 10px 15px 10px; overflow:hidden; } .ibmPortalContent2Col { /* 2 column equal */ float: left; margin: 0 10px 2px 0; width: 460px; overflow:hidden; position:relative; /*fix for IE7*/ } .ibmPortalContent3Col { /* 3 column equal */ float: left; margin: 0 10px 5px 0; width: 303px; overflow:hidden; position: relative; /*fix for IE7*/ } .ibmPortalContentRightCol1 { /* 2 column right */ float: left; padding: 20px 0 10px 25px; width: 230px; overflow:hidden; } .ibmPortalContentRightCol2 { float: left; margin: 0; padding: 20px 25px 10px 0; width: 670px; overflow:hidden; } .ibmPortalContentLeftCol1 { /* 2 column left */ float: left; margin: 20px 0 10px 25px; padding: 0; width: 580px; overflow:hidden; } .ibmPortalContentLeftCol2 { float: left; padding: 20px 0 10px 0; width: 280px; overflow:hidden; } .ibmPortalContentCenterCol1 { /* 3 column center */ float: left; margin: 0; padding: 0 10px 10px; width: 200px; overflow:hidden; } .ibmPortalContentCenterCol2 { float: left; padding: 0 10px 10px 10px; width: 498px; overflow:hidden; } .ibmPortalContentCenterCol3 { float: left; margin: 0; padding: 0 0 10px 10px; width: 200px; overflow:hidden; } /* CSS for customLayout.jsp */ .ibmPortalExpContentRow1{ display:block; margin:0; clear:both; padding-right:10px; } .ibmPortalExpContentRow2{ margin:10px 0 5px; padding: 0; } .ibmPortalExpContentRow2 .ibmPortalControlContainer { overflow: visible; } .ibmPortalExpContentCol1{ float: right; margin-bottom: 10px; padding-right: 9px; width: 200px; } .ibmPortalExpContentCol1 .ibmPortalControlContainer, .ibmPortalExpContentCol1 .wpsPortletBody, .ibmPortalExpContentCol1 .mbody { } .wpsPortletBody{ padding-bottom: 10px; } .ibmPortalExpContentCol1 .mbody{ margin: 30px 0; } .ibmPortalExpContentCol2{ width: 200px; float: left; position:relative; /*fix for IE7*/ } .ibmPortalExpContentCol2a{ clear: both; padding: 0 10px 10px 0px; vertical-align:top; position:relative; /*fix for IE7*/ } /* end customLayout.jsp */ /* For 3Row2Column layout */ #contentcol3 { float: left; width: 600px; padding: 20px 0 40px 25px; } .rownews1 .ibmPortalMainContainer { padding: 0; } .rownews2 { margin-top: 20px; border-top: 1px solid #e7e7e7; background: url(../images/bg-splittercol.jpg) center repeat-y; } .left2col { float: left; width: 48%; margin-right:2%; } .right2col { float: left; width: 48%; margin-left:2%; } /* End */ /* overlay class*/ .ibmPortalOverlayShow { position:absolute; top:0px; left:0px; top:0; -moz-opacity:0.5; opacity:.50; filter: alpha(opacity=50) z-index:1000; background-color:#000; } .ibmPortalLoading { background-repeat:no-repeat; background-position:center; background-image:url(../images/loadingDark.gif); } /* css to override some of the shelf styles */ .ibmPortalCustomizeShelf{ /* keeps shelf from bouncing when opening for the first time */ height: 27em; max-height: 27em; } .lotusPaletteHeader { height:1.9em; } .lotusui .lotusPaletteWidgetContainer h4 { font-size:1.1em; } .lotusui_ie .lotusui .lotusPaletteWidgetContainer h4 { width:14.5em; } .lotusui_ie .lotusLargeWidgets .lotusPaletteWidgetContainer h4 { width:12em; } .lotusLargeWidgets .lotusPaletteWidget { height:4.3em; } .lotusPaletteWidget { /* making this any bigger causes them to wrap in opera, 19.3em is good for all other browsers */ width:21em; } .lotusPaletteHeader .lotusPaletteHeaderLink{ margin:0 7px; } .lotusPaletteWidgetContainer .lotusSelected{ border-color:#fff; border-style:dotted; } .lotusPaletteWidgetContainer { /* keeps paging at the bottom of the shelf, 18.3em works best for all browsers except opera*/ min-height:17.8em; } .lotusui_ie6 .lotusPaletteWidgetContainer { /* keeps paging at the bottom of the shelf for ie6 */ height:18.3em; overflow:auto; } .lotusui_ie .lotusLargeWidgets .lotusIcon { /* makes sure title doesnt overlap icon in ie */ margin-right: 1.5em! important; } .lotusPaletteContent .lotusPaging input { margin:0 5px; } .lotusPaletteContent .lotusPaging { width:auto; } .lotusPaletteContent .lotusPaging li{ display: inline; } .lotusui_ie .lotusLargeWidgets .lotusPaletteWidget div.lotusIcon { padding-top:0.1em; } .lotusui_ie .lotusPalette .lotusMenu { height:14.6em; } .lotusui_ie .lotusLargeWidgets .lotusPaletteWidget .lotusTitle h4 { margin-top:.9em; } .lotusui_ie .lotusPaletteHeader .lotusTabs li a:active, .lotusui_ie .lotusPaletteWidget a:active, .lotusui_ie .lotusPaletteHeaderLink a:active { color:#FFFFFF; } .lotusPaletteHeader a.lotusAction, .lotusPaletteHeader a.lotusAction:visited, .lotusPaletteHeader a.lotusAction:hover, .lotusPaletteHeader a.lotusAction:focus, .lotusPaletteHeader a.lotusAction:active { color:#fff !important; } button.lotusBtnDisabled,input.lotusBtnDisabled,a.lotusBtnDisabled ,span.lotusBtnDisabled{ cursor:default; } /* bread crumb styles */ .ibmPortalBreadcrumbs { padding:0 5px; line-height: 3em; } .ibmPortalBreadcrumbs .lotusBreadcrumbs .newPageLink { cursor: pointer; line-height:1.5em; } .ibmPortalBreadcrumbs .lotusBreadcrumbs .disabled * { opacity: 0.5; font-style:italic; cursor: default; text-decoration: none; } /* dialogs */ .lotusuiBody .lotusDialogBorder{ z-index: 1000 } .lotusuiBody .dijitDialogUnderlay { background: #000; } .lotusDialog h1 { margin: 0 } .lotusDialog h1 .lotusClose { margin:0 2px } .mumHiddenWidget { display:none; } .lotusuiBody input.lotusFormButton { /* overwrites mashup style */ font-size:.9em; } /* whole statusBar element */ .ibmPortalStatusBar {} .ibmPortalStatusBar.expanded{ background-color: #FAFAFA; border: 1px solid #AAA; color: #333; padding: 2px 5px; } /* spacing between each status entry */ .ibmPortalError, .ibmPortalWarning, .ibmPortalInfo { margin: 5px 0px 5px 20px ; } .ibmPortalMultiple{ margin: 5px 0px ; } /* all h3 elements in the status bar are the summary lines for each entry */ .ibmPortalStatusBar h3 { font-size: 0.9166em; padding: 2px 5px; color: #333; margin: 0; } /* status icon */ .ibmPortalStatusBar h3 img { height: 16px; width: 16px; vertical-align: middle; padding-right: 4px; } /* status details link */ .ibmPortalStatusBar h3 a { padding: 2px 5px; } /* container for left side of status entry header */ .ibmPortalStatusBar .ibmPortalStatusHeaderLHS { float: left; clear:left; margin: 0; padding: 0px 0px; } /* container for right side of status entry header */ .ibmPortalStatusBar .ibmPortalStatusHeaderRHS { float: right; clear: right; margin: 0; padding: 0px 0px; } /* details section below each error. */ .ibmPortalStatusBar .ibmPortalDetails { background-color: #FFF; border-width: 0px 1px 1px 1px;h3.tcotitle border-style: solid; border-color: #AAA; margin: 0; padding: 2px 5px; } /* styles for each status type */ .ibmPortalStatusBar .ibmPortalInfo h3 { background-color: #F2F9FD; border: 1px solid #B3C9D5; } .ibmPortalStatusBar .ibmPortalInfo .ibmPortalDetails { border-color: #B3C9D5; } .ibmPortalStatusBar .ibmPortalWarning h3 { background-color: #FDF6DE; border: 1px solid #E6CF99; } .ibmPortalStatusBar .ibmPortalWarning .ibmPortalDetails { border-color: #E6CF99; } .ibmPortalStatusBar .ibmPortalError h3 { background-color: #FEE4E4; border: 1px solid #FFC4C4; } .ibmPortalStatusBar .ibmPortalError .ibmPortalDetails { border-color: #FFC4C4; } .ibmPortalStatusBar .ibmPortalMultiple h3 { background-color: #E9CAF9; border: 1px solid #DEAAFA; } .ibmPortalStatusBar .ibmPortalMultiple .ibmPortalDetails { border-color: #DEAAFA; } /* some enhanced skin styles that override default one ui behavior */ .lotusWidget2 h2 { /* overwrites so cursor is only move on the drag handle */ cursor:default; } .lotusWidget2 { margin-top: 10px; } .lotusWidget2 h2 img { margin-top:6px; } .lotusWidget2 h2 a.lotusActionMenu,.lotusWidget2 h2 a.lotusActionMenu:hover, .lotusWidget2 h2 a.lotusActionMenu:focus { background-image:none !important; /* background images aren't accessible */ } .ibmPortalPlaceholder .lotusWidget2 h2 { /* placehlders arent draggable */ cursor:default; } .lotusWidget2 button { /* fix for opera */ cursor:pointer; } .lotusWidget2 h2 {color:#105CB6} .lotusWidget2 h2:hover{color:#05386B} .ibmPortalEditMode .lotusWidget2 h2 .ibmPortalPortletTitle{ /* drag handle only occupies first 75% of titlebar*/ cursor:move; width:75%; } .lotusPlaceBar .lotusBtnContainer button.lotusBtnDisabled:hover, .lotusPlaceBar .lotusBtnContainer button.lotusBtnDisabled:focus, .lotusPlaceBar .lotusBtnContainer button.lotusBtnDisabled:active { color:#B0B0B0 !important; } /* IE 6 fixes from golden OneUI drop */ .lotusui_ie6 .lotusPaletteHeader li a { color: white !important; } .lotusui_ie6 .lotusPaletteContent { height: 21.2em; } /* nav ie6 fixes */ .lotusui_ie6 #topNavLinks .lotusLinks { float: left; } .lotusui_ie6 .lotusTitleBar .lotusTabs .inlineEditor { margin-left: 10px !important; margin-top: 1px !important; } /* navigation wrapping */ .lotusTitleBar { background: url("../images/topmnBg.gif") repeat-x scroll left top transparent; height: 29px; margin-top: 1px; } .lotusTitleBar.lotusHome { background: url(../images/slide-fi.png) no-repeat 0 0; height: 290px; } .lotusTitleBar .lotusInner { } .lotusTitleBar .lotusInner #navTabsRoot { background: url("../images/topmnL.gif") no-repeat scroll left top transparent; float: left; height: 29px; padding-left: 1px; } .lotusTitleBar .lotusTabs { position: relative;overflow: visible; } .lotusPlaceBar { clear: both; } /*Begin nav */ ul.lotusTabs { margin: 0; padding:0; list-style:none; z-index: 0; } .lotusTitleBar .lotusTabs li { display: block; float: left; background: url("../images/topmnLine.gif") right center no-repeat; } .lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:active,.lotusTitleBar .lotusTabs a:link{ color: #fff; display: block; float:left; line-height: 31px; text-decoration: none; /* margin-right: 8px; */ } .lotusTitleBar .lotusTabs a span { display: block; float:left; line-height: 31px; padding:0 18px; cursor: pointer; } .lotusTitleBar .lotusTabs .lotusSelected a, .portlet-tab .lotusSelected a, .lotusTitleBar .lotusTabs a:hover{ color:#FFFFFF; background:url("../images/topmnhvR.gif") no-repeat right top; height:29px; color:#323232; display:block; } .lotusTitleBar .lotusTabs .lotusSelected a span, .lotusTitleBar .lotusTabs a:hover span{ background:url("../images/topmnhvL.gif") no-repeat left top; height:29px; color:#323232; display:block; } .lotusTitleBar .lotusTabs.lotusRight a { padding: 0; } .lotusTitleBar .lotusTabs .showEditorTab { margin: 0; padding-left: 16px; background:url("../../icons/Add.gif") no-repeat scroll left center transparent; } .lotusTitleBar .lotusTabs .showEditorTab a { padding-right:0; margin-right: 0; } .lotusTitleBar .lotusTabs .showEditorTab a:hover{ background: none; text-decoration: underline; } /*End nav */ /* search widget css */ .wptheme-searchBoxContainer { float: right; margin-right: 12px; } .dijitRtl .wptheme-searchBoxContainer { float: left; margin-left: 15px; } .lotusui_ie .searchForm img { vertical-align: text-bottom; } .lotusui_ie .searchForm input { vertical-align: text-bottom; } .lotusui_ie .wptheme-searchBoxContainer { line-height: 0px; } .lotusui_ie .searchForm .searchIcon { vertical-align: baseline; } /* original search widget css */ .searchForm .dijitButtonNode { background-image: none; background-color: transparent; border: none; margin: 0px; padding: 2px 2px 1px; width: 23px; } table.searchForm { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #aaaaaa; } .searchForm .dijitButtonText { display:none; padding: 0; } .searchForm .dijitDropDownButtonHover button.dijitButtonNode { background-image: none; background-color: transparent; border: none; } .searchForm .dijitDropDownButtonActive button.dijitButtonNode { background-image: none; background-color: transparent; border: none; } .searchForm .dijitDropDownButton { margin: 0px; } .searchForm .dijitMenuItem { background-color: #ffffff; text-decoration: none; padding: 3px; white-space:nowrap; font-size: 1em; margin: 0; } .searchForm .dijitMenuItemLabel { padding: 0.3em; font-family:Helvetica,Arial,sans-serif; white-space: nowrap } .searchForm .dijitMenuItemIcon { padding: 0.2em; } .searchForm .dijitMenuItemHover { color: #202020; background-color: #DAE6f7; cursor: pointer; } .searchForm .dijitMenuSeparatorTop { border-bottom: 1px solid #aaaaaa; } .searchForm .dijitMenuSeparator { background-color: #dddddd; } .searchForm { white-space: nowrap; margin: 0px; padding: 0px } .searchForm input { vertical-align: middle; } .searchForm td { white-space: nowrap; } .searchForm .text { border-style:solid; border-width:1px; margin: 0pt 1px; padding: 3px 5px 4px; width:11em; border-color: #aaaaaa; } .searchForm .dijitButtonNode img { margin: 0px; padding: 0px; } .resultsSummary { margin-bottom: 0.5em; margin-top: 1em; font-size: 1.3em; } .sponsoredLink { margin-bottom: 0.5em; margin-top: 1em; } .itemsPerPageLink { margin: 0.2em; } /* OneUI has the error box set to specific width */ .lotusErrorBox { width: 90% !important; } .lotusui_ie6.dijitRtl #topNavLinks { float: right; } .lotusui_ie6.dijitRtl #topNavLinks .lotusLinks { float: none; } /* fix firefox text being white */ .inlineEditor .dijitReset input { color: #000; } /* New Logo */ .lotusui .lotusLogo, .lotusLoginLogo{height:15px;width:90px;background-image:url(../images/logo_black.png);background-repeat:no-repeat; margin-top: 2px; } /* Drag Handle Fixes in rtl */ .dragHandle { cursor: move !important; } .lotus_rtl .dragHandle { float: right; } .lotus_rtl .dragHandle .dragHandleInner { right: -7px; left: auto; padding-left: 0px; padding-right: 3px; } .lotus_rtl .modelHasChildrenIcon { left: -5px; right: auto; padding-left: 7px; } .lotus_rtl.lotusui_ie .dragHandle { position: static;} .lotus_rtl.lotusui_ie .dragHandle .dragHandleInner { right: 3px; left: auto; padding-left: 0px; padding-right: 3px; } /* Mashups */ .mmDialogTopAreaBig { padding:16px 10px 10px 20px; } .lotusui_ie6 .lotusFrame{width:expression( documentElement.clientWidth < 992 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 992 ? "990px" : "auto") : "990px") : "1000px" );}/*for IE6*/ /* RTL layotus */ .lotus_rtl .ibmPortalLayoutContainer { float:right; } /* accessibility hidden text */ .ibmPortalHiddenText { position: absolute; top: -9000px; } /* edit mode button */ .ibmPortalModeButton { background-image: url(../images/EditMode_default.gif); margin-left: 5px; height: 22px; width: 22px; background-repeat:no-repeat } .ibmPortalModeButton:hover { background-image: url(../images/EditMode_default_hover.gif); } .ibmPortalEditMode .ibmPortalModeButton { background-image: url(../images/EditMode_depressed.gif); } .ibmPortalEditMode .ibmPortalModeButton:hover { background-image: url(../images/EditMode_depressed_hover.gif); } .ibmPortalEditModeLoading .ibmPortalModeButton, .ibmPortalEditModeLoading .ibmPortalModeButton:hover {height:20px;width:20px;padding:0px;border-style:solid;border-color:#4586D3;border-width:1px;background-image: url('../images/loading.gif');background-position:center center;background-color:#eff3f7} .lotus_rtl .ibmPortalModeButton { margin-right: 5px; } .ibmPortalEditMode .showEditorTab { display: inline; } .showEditorTab { display: none; } .ibmPortalAppName { float:left; font-size: 1.6em; padding-left: 0.6em; padding-top: 0.6em; color:#fff } .lotus_rtl .ibmPortalAppName { float:right; padding-right: 0.6em; } /* padding so portlets in legacy layouts don't touch */ .layoutRow .lotusWidget2, .layoutColumn .lotusWidget2 { /*margin:0 5px 0px; */} /* begin custom css */ .loadingTab div { position:relative; } .loadingTab .ibmLoading { left:0; position:absolute; top:4px; } .lotusTabs .loadingTab a { padding-left:20px; } .dragHandle { visibility:hidden; } .isDragging .dojoDndItemOver .dragHandle { visibility:hidden; } .isDragging .dojoDndItemOver.dojoDndItemBefore .dragHandle, .isDragging .dojoDndItemOver.dojoDndItemAfter .dragHandle, .isDragging .dojoDndItemOver.dojoDndItemChild .dragHandle { visibility:visible; } .isDragging .dojoDndItemOver.dojoDndItemBefore .dragHandle .dragHandleIcon, .isDragging .dojoDndItemOver.dojoDndItemAfter .dragHandle .dragHandleIcon, .isDragging .dojoDndItemOver.dojoDndItemChild .dragHandle .dragHandleIcon { visibility:hidden; } .dojoDndItemOver .dragHandle { cursor:move; visibility:visible; } .dragHandle { float:left; position:relative; } .dragHandle .dragHandleInner { position:absolute; } .lotusActionMenu .dragHandle .dragHandleInner { padding-left:1px; top:3px; width:14px; } .lotusTabs .dragHandle .dragHandleInner { left:-7px; padding-left:1px; top:2px; width:10px; } .lotusTabs .lotusSelected .dragHandle .dragHandleInner { left:-7px; padding-left:5px; top:4px; width:10px; } .dndHasHandles ul li { padding-left:3px; } .dndHasHandles .dojoDndItem, .tundra .dndHasHandles .dojoDndItem { cursor:default; } .dijit_a11y .dojoDndHandle .dragHandleIcon { display:none; } .dojoDndHandle .dragHandleIcon { background-image:url("/portal_dojo/com/ibm/widgets/css/images/dragHandle_final.gif"); background-repeat:no-repeat; display:inline; height:17px; margin-top:4px; width:10px; } td.dragHandle { width:16px; } .lotusSelected .dojoDndHandle .dragHandleIcon { background-image:url("/portal_dojo/com/ibm/widgets/css/images/draghandle_active.gif"); } .lotusTabs li.dojoDndItem { position:relative; } .dndMagicZone { background-color:#FF9600; border:0 none; display:none; height:30px; width:2px; } .lotusTabs li .dndMagicZone { position:absolute; } .tundra .dojoDndHorizontal .lotusTabs .dojoDndItemAfter { border-bottom-width:1px; } .tundra .dojoDndHorizontal .lotusTabs .dojoDndItemBefore { border-top-width:1px; } .tundra .dojoDndHorizontal .lotusTabs .lotusTab.dojoDndItemChild { border:2px solid #FF9600 !important; } .tundra .dojoDndHorizontal .lotusTabs .lotusTab { border:1px solid #4372A9; } .tundra .dojoDndHorizontal .lotusTabs .lotusSelected { border-color:#4675AD #4675AD #FFFFFF; border-style:solid; border-width:1px; } .lotusTabs .dojoDndItemAfter .dndMagicZone, .lotusTabs .dojoDndItemBefore .dndMagicZone, .lotusTabs .dojoDndItemChild .dndMagicZone { display:inline; } .lotusTabs .dojoDndItemAfter .dndMagicZone { right:-3px; } .lotusTabs .dojoDndItemBefore .dndMagicZone { left:-3px; } .lotusTabs .dojoDndItemChild .dndMagicZone { display:none; } .tundra tr.dojoDndItem.dojoDndItemAfter td { border-bottom:2px solid #FF9600; } .tundra tr.dojoDndItem.dojoDndItemBefore td { border-top:2px solid #FF9600; } .tundra tr.dojoDndItem.dojoDndItemChild td { border-bottom:2px solid #FF9600; border-top:2px solid #FF9600; } .tundra tr.dojoDndItem.dojoDndItemChild td.dijitMenuArrowCell { border-right:2px solid #FF9600; } .tundra tr.dojoDndItem.dojoDndItemChild td.dojoDndHandle { border-left:2px solid #FF9600; } .tundra tr.dojoDndItem td { /*border-bottom:2px solid transparent; border-top:2px solid transparent;*/ } .tundra tr.dojoDndItem td.dijitMenuArrowCell { border-right:2px solid transparent; } .tundra tr.dojoDndItem td.dojoDndHandle { /*border-left:2px solid transparent;*/ width:5px; } .lotusTitleBar .lotusTabs .dojoDndItemChild a, .lotusTitleBar .lotusTabs .dojoDndItemChild a:visited , .lotusTitleBar .lotusTabs .lotusSelected.dojoDndItemChild a, .lotusTitleBar .lotusTabs .lotusSelected.dojoDndItemChild a:visited { padding:0; margin: -4px 0 0 -4px; } .lotusLinks .modelHasChildrenIcon { display:none; } .modelHasChildrenIcon { visibility:hidden; } .modelHasChildren .modelHasChildrenIcon { visibility:visible; } .dndHasHandles .lotusTabs li { display:block; background: url("../images/topmnLine.gif") no-repeat scroll right top transparent; display: inline; float: left; font-size: 12px; font-weight: bold; height: 29px; line-height: 29px; padding-right: 1px; padding-left: 0px; text-align: center; } .dndHasHandles .lotusTabs li.modelHasChildren { padding-right:13px; } .lotusTabs .modelHasChildren { padding-right:9px; position:relative; } .lotusTabs .modelHasChildrenIcon { display:none; position:absolute; right:5px; top:9px; } .lotusTabs .dojoDndItemChild .modelHasChildrenIcon { display:block; position:absolute; right:4px; top:8px; } .tundra .lotusTabs .modelHasChildrenIcon .dijitArrowButtonInner { background-image:url("images/bwArrows.png"); } .dj_ie6 .tundra .lotusTabs .modelHasChildrenIcon .dijitArrowButtonInner { background-image:url("images/bwArrows.gif"); } .tundra .lotusTabs .lotusSelected .modelHasChildrenIcon .dijitArrowButtonInner { background-position:28px 0; } .dj_ie6 .tundra .lotusTabs .lotusSelected .modelHasChildrenIcon .dijitArrowButtonInner { background-position:28px 0; } .lotusTabs .modelHasChildren .modelHasChildrenIcon { display:inline; } .tundra .lotusActionMenu .dijitMenuExpand { } .inlineEditorPopup { background-color:#4372A9; border-color:#4372A9; border-style:solid; border-width:0 1px 1px; color:#FFFFFF; padding:2px 5px; } .inlineEditorPopup * { margin:0; } .tundra .dijitMenuItemHover .dijitTextBox { color:black; } .inlineEditor span { padding:3px 8px 3px 0; width:120px; } .inlineEditor .dijitClickableRegion { background-color:transparent; } .tundra .lotusActionMenu .dijitMenuItemHover, .tundra .lotusActionMenu .dijitMenuItemSelected{ background-color: #AABDE6; color:white; text-decoration: underline; } .tundra .lotusActionMenu .dijitMenuItemHover td { text-decoration: underline; } .tundra .lotusActionMenu .dijitMenuItemHover.dojoDndItemAfter, .tundra .lotusActionMenu .dijitMenuItemHover.dojoDndItemBefore, .tundra .lotusActionMenu .dijitMenuItemHover.dojoDndItemChild { background-color:#AABDE6; color:inherit; text-decoration: underline; } .dojoDndHandle .dragHandleA11y { display:none; } .dijit_a11y .dojoDndHandle .dragHandleA11y { display:inline; } /*BEGIN DIJIT*/ .dijitReset { border:0 none; color:inherit; font:inherit; margin:0; padding:0; } .dijitInline { border:0 none; display:inline-block; padding:0; vertical-align:middle; } .dijitHidden { display:none !important; } .dijitVisible { display:block !important; position:relative; } .dj_ie input.dijitTextBox, .dj_ie .dijitInputField input { font-size:100%; } .dj_ie .dijitInputField input { margin:-1px 0 !important; } .dijitInlineTable { -moz-box-sizing:content-box; border:0 none; display:inline-block; padding:0; } .dijitTeeny { font-size:1px; line-height:1px; } .dijitPopup { background-color:transparent; border:0 none; margin:0; padding:0; position:absolute; } .dijit_a11y .dijitPopup, .dijit_ally .dijitPopup div, .dijit_a11y .dijitPopup table, .dijit_a11y .dijitTooltipContainer { background-color:white !important; } .dijitInputField { overflow:hidden; } .dijitPositionOnly { background-color:transparent !important; background-image:none !important; border:0 none !important; height:auto !important; padding:0 !important; width:auto !important; } .dijitNonPositionOnly { float:none !important; margin:0 !important; position:static !important; vertical-align:middle !important; } .dijitBackgroundIframe { border:0 none; height:100%; left:0; margin:0; padding:0; position:absolute; top:0; width:100%; z-index:-1; } .dijitClickableRegion { background-color:#E2EBF2; cursor:text; } .dijitDisplayNone { display:none !important; } .dijitContainer { overflow:hidden; } .dijit_a11y * { background-image:none !important; } .dijit_a11y .dijitCalendarIncrementControl { display:none; } .dijit_a11y .dijitA11ySideArrow { cursor:pointer; display:inline !important; } .dijit_a11y .dijitCalendarSelectedDate { text-decoration:overline !important; } .dijit_a11y .dijit * { background:none repeat scroll 0 0 white !important; color:black !important; } .dijit_a11y .dijitButtonNode { border:medium outset black !important; } .dijit_a11y .dijitButtonDisabled .dijitButtonNode, .dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode, .dijit_a11y .dijitComboButtonDisabled .dijitButtonNode, .dijit_a11y .dijitComboBoxDisabled .dijitInputField, .dijit_a11y .dijitComboBoxDisabled .dijitButtonNode, .dijit_a11y .dijitSpinnerDisabled .dijitButtonNode, .dijit_a11y .dijitSpinnerDisabled .dijitInputField { border:medium outset #999999 !important; color:#999999 !important; } .dj_ff2 .dijit_a11y .dijitComboButton .dijitButtonContentsFocused, .dj_ff2 .dijit_a11y .dijitComboButton .dijitDownArrowButtonFocused { border:1px dotted black !important; } .dijitButtonNode * { vertical-align:middle; } .dijit_a11y .dijitArrowButtonInner { display:none !important; width:1em; } .dijitButtonNode .dijitArrowButtonInner { background:none no-repeat scroll center center transparent; width:16px; } .dijitComboBox .dijitArrowButtonInner { display:block; } .dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { display:inline !important; } .dijitLeft { background-position:left top; background-repeat:no-repeat; } .dijitStretch { background-repeat:repeat-x; white-space:nowrap; } .dijitRight { background-position:right top; background-repeat:no-repeat; } .dijitButton, .dijitDropDownButton, .dijitComboButton { margin:0.2em; } .lotusui_ie .dijitButton, .lotusui_ie .dijitDropDownButton, .lotusui_ie .dijitComboButton { padding:0; margin:0; } .dijitToolbar .dijitButton, .dijitToolbar .dijitDropDownButton, .dijitToolbar .dijitComboButton { margin:0; } .dj_ie8 .dijitToolbar button, .dj_webkit .dijitToolbar button { padding:1px 2px; } .dj_ie .dijitToolbar .dijitComboBox { vertical-align:middle; } .dj_ie .dijitComboButton { margin-bottom:-3px; } .dj_webkit .dijitToolbar .dijitDropDownButton { padding-left:0.3em; } .dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner { padding:0; } .dijitButtonNode { border:1px solid gray; line-height:normal; margin:0; text-align:center; vertical-align:middle; white-space:nowrap; } .dijitButtonNode, .dijitButtonNode * { cursor:pointer; } .dijitReadOnly *, .dijitDisabled *, .dijitReadOnly, .dijitDisabled, .dijitDisabledClickableRegion { cursor:not-allowed !important; } .dj_ie .dijitButtonNode { } .dj_ie .dijitButtonNode button { overflow:visible; } .dijitArrowButton { padding:0 0.4em; } div.dijitArrowButton { float:right; } .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { border-style:solid; border-width:0 0 0 1px !important; float:none; padding:0; position:absolute; right:0; } .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { height:50%; position:absolute; } .dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton { border-top-width:1px !important; bottom:0; top:auto; } .dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton { bottom:auto; top:0; } table.dijitComboButton { border:0 none; border-collapse:collapse; margin:0; padding:0; } .dijitToolbar .dijitComboButton { border-collapse:separate; } .dj_ie button.dijitButtonNode { overflow:visible; } table .dijitButton .dijitButtonNode, table .dijitComboButton .dijitButtonNode { } .dijitButtonNode img { vertical-align:middle; } .dijitTextBox, .dijitComboBox, .dijitSpinner { border:1px solid black; vertical-align:middle; width:15em; } .dijitTimeTextBox { width:8em; } .dijitTextBox input:focus, .dijitComboBox input:focus, .dijitSpinner input:focus { outline:medium none; } .dijitTextBoxFocused, .dijitComboBoxFocused, .dijitSpinnerFocused, .dijitSpinnerUpArrowActive, .dijitSpinnerDownArrowActive, .dijitTextAreaFocused { } .dijitTextAreaFocused div { outline:medium none !important; } .dijitTextBox input, .dijitComboBox input, .dijitSpinner input { background-color:transparent !important; background-image:none !important; border:0 none !important; display:inline; margin:0 !important; position:static !important; vertical-align:top !important; width:100% !important; } .dijitValidationIcon { display:block; float:right; height:auto; padding:0 2px; visibility:hidden; } .dijitValidationIconText { display:none; float:right; font-family:sans-serif; font-size:0.75em; font-style:italic; line-height:160%; padding-right:0.15em; visibility:hidden; } .dijit_a11y .dijitValidationIcon { display:none !important; } .dijit_a11y .dijitValidationIconText { display:block !important; } .dijitError .dijitValidationIcon, .dijitError .dijitValidationIconText { visibility:visible; } .dijitTextBox .dijitArrowButton { display:none; } .dijitCheckBox, .dijitRadio, .dijitCheckBoxInput { background-position:center center; background-repeat:no-repeat; border:0 none; height:16px; overflow:hidden; padding:0; width:16px; } .dijitCheckBox input, .dijitRadio input { display:block; margin:0; padding:0; } .dijitCheckBoxInput { opacity:0.01; } .dj_ie .dijitCheckBoxInput { } .dijit_a11y .dijitCheckBox, .dijit_a11y .dijitRadio { height:auto; width:auto; } .dijit_a11y .dijitCheckBoxInput { filter:none; height:auto; opacity:1; width:auto; } .dijitProgressBarEmpty { border:1px solid black; overflow:hidden; position:relative; z-index:0; } .dijitProgressBarFull { overflow:hidden; position:absolute; top:0; width:100%; z-index:-1; } .dj_ie6 .dijitProgressBarFull { height:1.6em; } .dijitProgressBarTile { background-attachment:fixed; background-color:#AAAAAA; bottom:0; height:auto; left:0; margin:0; overflow:hidden; padding:0; position:absolute; right:0; top:0; width:auto; } .dijit_a11y .dijitProgressBarTile { background-color:transparent !important; border-style:solid; border-width:4px; } .dj_ie6 .dijitProgressBarTile { height:1.6em; position:static; } .dijitProgressBarIndeterminate .dijitProgressBarLabel { visibility:hidden; } .dijitProgressBarIndeterminate .dijitProgressBarTile { } .dijitProgressBarIndeterminateHighContrastImage { display:none; } .dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage { bottom:0; display:block; height:auto; margin:0; padding:0; position:absolute; top:0; width:100%; } .dijitProgressBarLabel { background-color:transparent !important; display:block; position:static; text-align:center; width:100%; } .dijitTooltip { display:block; left:50%; overflow:visible; position:absolute; top:-10000px; z-index:2000; } .dijitTooltipContainer { background:none repeat scroll 0 0 #B8B5B5; border:2px solid black; color:black; font-size:small; } .dijitTooltipFocusNode { padding:2px; } .dijitTooltipConnector { position:absolute; } .dijitTooltipData { display:none; } .dijitLayoutContainer { display:block; overflow:hidden; position:relative; } body .dijitAlignTop, body .dijitAlignBottom, body .dijitAlignLeft, body .dijitAlignRight { overflow:hidden; position:absolute; } body .dijitAlignClient { position:absolute; } .dijitBorderContainer, .dijitBorderContainerNoGutter { overflow:hidden; position:relative; } .dijitBorderContainerPane, .dijitBorderContainerNoGutterPane { position:absolute !important; z-index:2; } .dijitBorderContainer > .dijitTextArea { } .dijitGutter { font-size:1px; position:absolute; } .dijitSplitter { background-color:#FFFFFF; border:0 solid gray; overflow:hidden; position:absolute; z-index:10; } .dj_ie .dijitSplitter { z-index:1; } .dijitSplitterActive { z-index:11 !important; } .dijitSplitterCover { height:100%; left:0; position:absolute; top:0; width:100%; z-index:-1; } .dijitSplitterCoverActive { z-index:3 !important; } .dj_ie .dijitSplitterCover { background:none repeat scroll 0 0 white; } .dijitSplitterH { border-bottom:1px none; border-top:1px none; cursor:ns-resize; height:7px; } .dijitSplitterV { border-left:1px none; border-right:1px none; cursor:ew-resize; width:7px; } .dijitSplitContainer { display:block; overflow:hidden; position:relative; } .dijitSplitPane { position:absolute; } .dijitSplitContainerSizerH, .dijitSplitContainerSizerV { background-color:threedface; border-color:threedhighlight threedshadow threedshadow threedhighlight; border-style:solid; border-width:1px; cursor:w-resize; font-size:1px; margin:0; position:absolute; } .dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb { overflow:hidden; position:absolute; top:49%; } .dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb { left:49%; position:absolute; } .dijitSplitterShadow, .dijitSplitContainerVirtualSizerH, .dijitSplitContainerVirtualSizerV { background-color:threedshadow; font-size:1px; margin:0; opacity:0.5; } .dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH { cursor:w-resize; } .dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { cursor:n-resize; } .dijit_a11y .dijitSplitterH { border-bottom:1px solid #D3D3D3 !important; border-top:1px solid #D3D3D3 !important; } .dijit_a11y .dijitSplitterV { border-left:1px solid #D3D3D3 !important; border-right:1px solid #D3D3D3 !important; } .dijitContentPane { display:block; overflow:auto; } .dijitTitlePane { display:block; overflow:hidden; } .dijitColorPalette { -moz-border-radius:3pt 3pt 3pt 3pt; background:none repeat scroll 0 0 #FFFFFF; border:1px solid #999999; } img.dijitColorPaletteUnder { border-style:none; left:0; position:absolute; top:0; } .dijitColorPaletteInner { outline:0 none; overflow:hidden; position:relative; } .dijitPaletteCell { height:20px; outline-width:0; overflow:hidden; position:absolute; width:20px; z-index:10; } .dijitPaletteImg { border:1px solid #999999; cursor:default; height:14px; left:1px; overflow:hidden; position:absolute; top:1px; width:16px; } .dijitPaletteCellHighlight img { border:2px solid #000000; cursor:default; height:12px; left:1px; outline:1px solid #DEDEDE; overflow:hidden; position:absolute; top:1px; width:14px; } .dijit_a11y .dijitPaletteCell { background-color:transparent !important; } .dijit_a11y .dijitPaletteImg { background-color:transparent !important; } .dijitAccordionContainer { border-bottom:1px solid #B7B7B7; border-left:1px solid #B7B7B7; border-right:1px solid #B7B7B7; border-top:0 none !important; } .dijitAccordionTitle { cursor:pointer; } .dijitAccordionTitle .arrowTextUp, .dijitAccordionTitle .arrowTextDown { display:none; font-size:0.65em; font-weight:normal !important; } .dijit_a11y .dijitAccordionTitle .arrowTextUp { display:inline; } .dijit_a11y .dijitAccordionTitle-selected .arrowTextDown { display:inline; } .dijit_a11y .dijitAccordionTitle-selected .arrowTextUp { display:none; } .dijitCalendarContainer thead tr th, .dijitCalendarContainer thead tr td, .dijitCalendarContainer tbody tr td, .dijitCalendarContainer tfoot tr td { padding:0; } .dijitCalendarNextYear { margin:0 0 0 0.55em; } .dijitCalendarPreviousYear { margin:0 0.55em 0 0; } .dijitCalendarIncrementControl { cursor:pointer; vertical-align:middle; } .dijitCalendarDisabledDate { color:gray !important; } .dijitCalendarBodyContainer tbody tr td { cursor:pointer; } .dijitCalendarPreviousMonthDisabled, .dijitCalendarCurrentMonthDisabled, .dijitCalendarNextMonthDisabled { cursor:default !important; } .dijitCalendarDateTemplate, .dijitCalendarSelectedYear, .dijitCalendarNextYear, .dijitCalendarPreviousYear { cursor:pointer; } .dijitCalendarMonthLabelSpacer { height:1px; overflow:hidden; position:relative; visibility:hidden; } .dijitMenuTable { background-color:#AABDE6; color: white; } .dj_webkit .dijitMenuTable td[colspan="2"] { border-right:medium hidden; } .dijitMenuItem { cursor:pointer; padding:0.1em 0.2em; text-align:left; white-space:nowrap; } .dijitMenuPassive .dijitMenuItemHover, .dijitMenuItemSelected { background-color:#AD875B; color:white; } .dijitMenuItemIcon, .dijitMenuExpand { background-repeat:no-repeat; } .dijitMenuItemDisabled * { cursor:default; opacity:0.3; } .dj_ie .dijit_a11y .dijitMenuItemDisabled td, .dj_ie .dijitMenuItemDisabled *, .dj_ie .dijitMenuItemDisabled td { color:gray !important; } .dijitMenuItemLabel { min-width:150px; position:relative; vertical-align:middle; line-height:26px; } .dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel { border-style:solid; border-width:1px; } .dijit_a11y .dijitMenuItemSelected { border:1px dotted #FFFFFF !important; } .dijitMenuExpandA11y { display:none; } .dijit_a11y .dijitMenuExpandA11y { display:inline; } .dijitMenuSeparator td { border:0 none; padding:0; } .dijitMenuSeparatorTop { font-size:1px; height:50%; margin:3px 0 0; } .dijitMenuSeparatorBottom { font-size:1px; height:50%; margin:0 0 3px; } .dijitCheckedMenuItemIconChar { vertical-align:middle; visibility:hidden; } .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar { visibility:visible; } .dijit_a11y .dijitCheckedMenuItemIconChar { display:inline !important; } .dijit_a11y .dijitCheckedMenuItemIcon { display:none; } .dijitStackController .dijitToggleButtonChecked * { cursor:default; } .dijitTabContainerBottom-tabs, .dijitTabContainerTop-tabs, .dijitTabContainerLeft-tabs, .dijitTabContainerRight-tabs { overflow:visible !important; z-index:10; } .dijitTabContainerBottom-container, .dijitTabContainerTop-container, .dijitTabContainerLeft-container, .dijitTabContainerRight-container { border:1px solid black; overflow:hidden; z-index:0; } .dijitTabContainerTop-tabs { border-bottom:1px solid black; } .dijitTabContainerTop-container { border-top:0 none; } .dijitTabContainerLeft-tabs { border-right:1px solid black; } .dijitTabContainerLeft-container { border-left:0 none; } .dijitTabContainerBottom-tabs { border-top:1px solid black; } .dijitTabContainerBottom-container { border-bottom:0 none; } .dijitTabContainerRight-tabs { border-left:1px solid black; } .dijitTabContainerRight-container { border-right:0 none; } .dijitTab { cursor:pointer; position:relative; white-space:nowrap; z-index:3; } .dijitTabChecked { cursor:default; } .dijitTabContainerTop-tabs .dijitTab { top:1px; } .dijitTabContainerBottom-tabs .dijitTab { top:-1px; } .dijitTabContainerLeft-tabs .dijitTab { left:1px; } .dijitTabContainerRight-tabs .dijitTab { left:-1px; } .dijitTabContainerTop-tabs .dijitTab, .dijitTabContainerBottom-tabs .dijitTab { display:inline-block; } .dijitTabInnerDiv { position:relative; } .dijitTab .closeText { display:none; } .dijit_a11y .closeText { display:inline; margin:0 6px; } .dijit_a11y .dijitTab .closeImage { display:none; } .dijit_a11y .closeButton-hover .closeText { border:thin solid; } .dijit_a11y .dijitTabChecked { border-style:dashed !important; } .dijit_a11y .dijitTabInnerDiv { border-left:medium none !important; } .dijitTabPane, .dijitStackContainer-child, .dijitAccordionContainer-child { border:medium none !important; } .dijitInlineEditor { position:relative; vertical-align:bottom; } .dj_ie .dijitInlineEditor { vertical-align:middle; } .dijitInlineValue { } .dijitInlineEditor .dijitButtonContainer { overflow:visible; position:absolute; right:0; } .dijitInlineEditor .saveButton, .dijitInlineEditor .cancelButton { } .dijitTreeRow, .dijitTreeContent { white-space:nowrap; } .dijitTreeRow img { vertical-align:middle; } .dijitTreeContent { cursor:default; } .dijitExpandoText { display:none; } .dijit_a11y .dijitExpandoText { border-style:solid; border-width:thin; cursor:pointer; display:inline; font-family:monospace; padding-left:10px; padding-right:10px; } .dijitTreeLabel { margin:0 4px; } .dijitDialog { overflow:hidden; padding:1px; position:absolute; z-index:999; } .dj_ff2 .dijitDialog { overflow:auto; } .dijitDialogFixed div.dijitDialogTitleBar { cursor:default; } .dijitDialogUnderlayWrapper { background:none repeat scroll 0 0 transparent !important; display:none; left:0; position:absolute; top:0; z-index:998; } .dijitDialogUnderlay { background:none repeat scroll 0 0 #EEEEEE; opacity:0.5; } .dj_ie .dijitDialogUnderlay { } .dijit_a11y .dijitInputLayoutContainer, .dijit_a11y .dijitDialog { background-color:white !important; opacity:1 !important; } .dijitDialog .closeText { display:none; position:absolute; } .dijit_a11y .dijitDialog .closeText { display:inline; } .dijitSliderMoveable { display:block; position:absolute !important; vertical-align:middle; z-index:99; } .dijitSliderMoveableH { right:0; } .dijit_a11y div.dijitSliderImageHandle, .dijitSliderImageHandle { border:8px solid gray; height:0; margin:0; padding:0; position:absolute !important; width:0; } .dijit_a11y .dijitSliderFocused .dijitSliderImageHandle { border:4px solid #000000; height:8px; width:8px; } .dijitSliderImageHandleV { left:-6px; top:-8px; } .dijitSliderImageHandleH { left:-8px; top:-5px; vertical-align:top; } .dijitSliderBar { border-color:black; border-style:solid; } .dijitSliderBarContainerV { height:100%; position:relative; z-index:1; } .dijitSliderBarContainerH { position:relative; z-index:1; } .dijitSliderBarH { border-width:1px 0; height:4px; } .dijitSliderBarV { border-width:0 1px; width:4px; } .dijitSliderProgressBar { background-color:red; z-index:1; } .dijitSliderProgressBarV { height:0; position:static !important; text-align:left; vertical-align:top; } .dijitSliderProgressBarH { overflow:visible; position:absolute !important; vertical-align:middle; width:0; } .dijitSliderRemainingBar { background-color:transparent; overflow:hidden; z-index:1; } .dijitSliderRemainingBarV { height:100%; text-align:left; } .dijitSliderRemainingBarH { width:100% !important; } .dijitSliderBumper { overflow:hidden; z-index:1; } .dijitSliderBumperV { border-width:0 1px; height:8px; width:4px; } .dijitSliderBumperH { border-width:1px 0; height:4px; width:8px; } .dijitSliderBottomBumper, .dijitSliderLeftBumper { background-color:red; } .dijitSliderTopBumper, .dijitSliderRightBumper { background-color:transparent; } .dijitSliderDecorationH { text-align:center; } .dijitSlider .dijitSliderButton { display:block; font-family:monospace; margin:0; padding:0; } .dijit_a11y .dijitSliderButtonInner { visibility:visible !important; } .dijitSliderButtonContainer { height:0; text-align:center; } .dijitSlider .dijitButtonNode { display:block; padding:0; } .dijitRuleContainer { overflow:visible; position:relative; } .dijitRuleContainerV { float:left; height:100%; line-height:0; text-align:left; } .dj_opera .dijitRuleContainerV { line-height:2%; } .dj_ie .dijitRuleContainerV { line-height:normal; } .dj_gecko .dijitRuleContainerV { margin:0 0 1px; } .dijitRuleMark { border:1px solid black; height:100%; line-height:0; position:absolute; } .dijitRuleMarkH { border-bottom-width:0 !important; border-left-width:0 !important; border-top-width:0 !important; width:0; } .dijitRuleLabelContainer { position:absolute; } .dijitRuleLabelContainerH { display:inline-block; text-align:center; } .dijitRuleLabelH { left:-50%; position:relative; } .dijitRuleMarkV { border-bottom-width:0 !important; border-left-width:0 !important; border-right-width:0 !important; height:0; left:0; width:100%; } .dj_ie .dijitRuleLabelContainerV { margin-top:-0.55em; } .dijit_a11y .dijitButtonContents .dijitButtonText { display:inline !important; } textarea.ta1, .dijitTextArea { overflow-y:auto; width:100%; } .dijitTextArea[cols] { width:auto; } .dj_ie .dijitTextAreaCols { width:auto; } .dijitTextArea > div { min-height:1.4em; overflow:auto; text-decoration:none; } .dj_ie .dijitTextArea p { line-height:normal !important; margin-bottom:0; margin-top:0; } .dijitToolbarSeparator { height:18px; margin:0; padding:0 1px; width:5px; } .dijitIEFixedToolbar { position:absolute; } .RichTextEditable { display:block; } .dijitTimePickerItemInner { border:0 none; padding:2px 8px; text-align:center; } .dijitTimePickerTick, .dijitTimePickerMarker { border-bottom:1px solid gray; } .dijitTimePicker .dijitDownArrowButton { border-top:medium none !important; } .dijitTimePickerTick { color:#CCCCCC; } .dijitTimePickerMarker { background-color:#CCCCCC; color:black; } .dijitTimePickerItemSelected { background-color:#B7CDEE; color:#333333; font-weight:bold; } .dijitTimePickerItemHover { background-color:gray; color:white; cursor:pointer; } .dijit_a11y .dijitTimePickerItem { border-bottom:1px solid #333333; } .dijitToggleButtonIconChar { display:none !important; } .dijit_a11y .dijitToggleButtonIconChar { display:inline !important; } .dijit_a11y .dijitToggleButtonIconChar { visibility:hidden; } .dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { visibility:visible !important; } .dijitArrowButtonChar { display:none !important; } .dijit_a11y .dijitArrowButtonChar { display:inline !important; } .dijitInputLayoutContainer { overflow:hidden; position:relative; } .dijitSpinnerButtonContainer { float:right; overflow:hidden; position:relative; width:18px; } .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { height:50%; overflow:hidden; width:16px; } .dijitSpinner .dijitInputLayoutContainer .dijitArrowButtonInner { line-height:50%; overflow:hidden; } .dijit_a11y .dijitSpinner .dijitInputLayoutContainer .dijitArrowButton { width:100%; } .dijit_a11y .dijitSpinner .dijitArrowButton .dijitArrowButtonChar { font-size:0.4em; vertical-align:top; } .dijit_a11y .dijitSpinnerButtonContainer { margin-left:2px; overflow:visible; width:0.5em; } .dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode { border-style:solid !important; border-width:1px 0 0 1px; } /*END DIJIT*/ /*begin body*/ .lotusMain{ min-height: 420px; } .lotusSearch .lotusText, .lotusMain .lotusSearch .dijitTextBox{border-color:#cccbcb} /*end body*/ /*Begin Skin*/ .lotusui .lotusRight{text-align:right;float:right;} .wp_height div{ height:10px; } .ibmPortalControl .lotusui h2 { height: 24px; margin-bottom: 10px; } /*GDT Skin 1*/ .wpsPortletGDTSkin1{ border: #969696 1px solid; padding: 1px; } .wpsPortletGDTSkin1 .lotusui h2{ background: none repeat scroll 0 0 #C4141B; font-size: 12px; height: 22px; line-height: 22px; padding-left: 13px; color: #fff; } .lotusWidgetBody{ background-color:#FFFFFF; } .lotusWidgetBody1{ padding: 10px 10px 10px 10px; } /*GDT Skin 2*/ .wpsPortletGDTSkin2{ border: #969696 1px solid; padding: 1px; } .wpsPortletGDTSkin2 .lotusui h2{ background: none repeat scroll 0 0 #505050; font-size: 12px; height: 22px; line-height: 22px; padding-left: 13px; color: #fff; } .lotusWidgetBody2{ padding: 10px 10px 10px 10px; } /*GDT Skin 3*/ .wpsPortletGDTSkin3{ border: #969696 1px solid; padding: 1px; } .wpsPortletGDTSkin3 .lotusui h2{ background: none repeat scroll 0 0 #C4141B; font-size: 12px; height: 22px; line-height: 22px; padding-left: 13px; color: #fff; } .lotusWidgetBody3{ padding: 15px; background: url("../images/bgtext.gif") repeat-x scroll left top transparent; } /*End Skin*/ /* Styles to fix layouts in ie6 */ .lotusui_ie .lotusTitleBar .lotusInner #navTabsRoot { height: 30px; } .lotusui_ie6 #lotusMain { overflow: visible; height: 350px; } .lotusui_ie6 #ibmPortalPageMenuButton{ padding-top: .2em !important; padding-bottom: .3em !important; } .lotusui_ie button.lotusActionMenu{width:1.5em; padding-top: 3px;} /*customize css GDT*/ ol, ul { list-style: none outside none; } .breadcrumb_news span{ background: url(../images/separate_ico.png) no-repeat center center transparent; } .breadcrumb_news li { display:inline; float:left; } .breadcrumb_news li a{ color: #343434; font-size:11px; } .breadcrumb_news .bc_last a{ color: #C4141B; } /*end css for news*/ .module1Body ul li { background: url("../images/icon.gif") no-repeat scroll left 7px transparent; margin-bottom: 10px !important; text-align: justify; text-indent: 7px; } .module1Body ul li span { color: #C4141B; font-size: 10px; } .module1Body ul li a:hover{ color:#666; text-decoration:underline; } .page{ color: #004175; font-weight: bold; font-size: 11px; border:none; padding: 10px 3px 0px 0px; text-align:right; border: medium none; } .page a{ color: #004175; font-weight: normal; font-size:11px; text-decoration:none; } .page a:hover{ color:#999; } .page .mvFirst{ background:url(../images/paging_first.gif) no-repeat scroll left center transparent; height:10px; width:10px; } .page .mvLast{ background:url(../images/paging_last.gif) no-repeat scroll center center transparent; height:10px; width:10px; } /* .page{ margin-left:200px; } .page ul li{ display:inline-block; padding:5px 10px; border:1px solid #ddd; } .page span{ display:inline-block; padding:5px 10px; border:1px solid #ddd; } .page ul li:hover{ background:#f5f5f5; } .page ul li.pageActive{ background:#f5f5f5; } */ /******* Overlay *********/ #overlay { background-image:url(../images/transparent.png); color:#000; height:450px; } .apple_overlay { backround: #fff; display:none; font-size:11px; padding:35px; width:640px; } .contentWrap { overflow: auto; height: 480px; padding:10px; } #contentWrap .img{ border: 1px solid #C8C8C8; float: left; margin-right: 10px; margin-bottom: 10px; padding: 1px; } /* default close button positioned on upper right corner */ .apple_overlay a.close { background-image:url(../images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } /*Simple overlay*/ .simple_overlay { display:none; z-index:10000; background-color:#fff; width:675px; min-height:200px; border:1px solid #999; -moz-box-shadow:0 0 5px 0px #ccc; -webkit-box-shadow: 0 0 5px #ccc; } .simple_overlay a.close { background-image:url(../images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } .simple_overlay ul li span{ color: #000; } /* root element for tabs */ ul.css-tabs { margin:0 !important; padding:0; height:30px; border-bottom:1px solid #666; } /* single tab */ ul.css-tabs li { float:left; padding:0; margin:0; list-style-type:none; } /* link inside the tab. uses a background image */ ul.css-tabs a { float:left; font-size:13px; display:block; padding:5px 30px; text-decoration:none; border:1px solid #969696; border-bottom:0px; height:18px; background-color:#efefef; color:#777; margin-right:2px; position:relative; top:1px; outline:0; -moz-border-radius:4px 4px 0 0; background:url("../images/tabBg.gif") repeat-x left bottom transparent; } ul.css-tabs a:hover { background-color:#F7F7F7; color:#333; } /* selected tab */ ul.css-tabs a.current { border-bottom:1px solid #fff; background-color:#fff; background-image:none; color:#000; cursor:default; } /* tab pane */ .css-panes .panes { /*display:none; border:1px solid #666; border-width:0 1px 1px 1px; min-height:150px; padding:15px 20px; */ border: 1px solid #969696; border-top: none; padding:12px; } #doc_Relate a{ color:#0000FF; } .tab_container{ border:1px solid #666; min-height:150px; padding:15px 20px; border-width:0 1px 1px 1px; } /* End du thao van ban */ #progress-bar { background: url("../images/ajax-loader-green.gif") no-repeat scroll 0.5em 50% #F4FDEF; border: 1px solid #3F9305; display: block; margin: 0.15em auto 1.2em; padding: 0.5em 0.5em 0.5em 2.8em; text-align: left; font-size:12px; } .msg-success { background: url("../images/success.png") no-repeat scroll 0.5em 50% #F4FDEF; border: 1px solid #3F9305; display: block; margin: 0.15em auto 1.2em; padding: 0.5em 0.5em 0.5em 2.8em; text-align: left; font-size:12px; } .msg-error { background: url("../images/error.png") no-repeat scroll 0.5em 50% #FFF1ED; border: 1px solid #990000; display: block; margin: 0.15em auto 1.2em; padding: 0.5em 0.5em 0.5em 2.8em; text-align: left; font-size:12px; } /* video css */ /*start date picker */ /* calendar root element */ #calroot { /* place on top of other elements. set a higher value if nessessary */ -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0 0 5px #CCCCCC; background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 11px; margin-top: -1px; padding: 2px; width: 198px; z-index: 10000; } /* head. contains title, prev/next month controls and possible month/year selectors */ #calhead { padding:2px 0; height:22px; } #caltitle { font-size:14px; color:#0150D1; float:left; text-align:center; width:155px; line-height:20px; text-shadow:0 1px 0 #ddd; } #calnext, #calprev { display:block; width:20px; height:20px; background:transparent url(../images/datePrev.gif) no-repeat scroll center center; float:left; cursor:pointer; } #calnext { background-image:url(../images/dateNext.gif); float:right; } #calprev.caldisabled, #calnext.caldisabled { visibility:hidden; } /* year/month selector */ #caltitle select { font-size:11px !important; } /* names of the days */ #caldays { height:14px; border-bottom:1px solid #ddd; } #caldays span { display:block; float:left; width:28px; text-align:center; } /* container for weeks */ #calweeks { background-color:#fff; margin-top:4px; } /* single week */ .calweek { clear:left; height:22px; } /* single day */ .calweek a { display:block; float:left; width:27px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666; -moz-border-radius:3px; -webkit-border-radius:3px; } /* different states */ .calweek a:hover, .calfocus { background-color:#ddd; } /* sunday */ a.calsun { color:red; } /* offmonth day */ a.caloff { color:#ccc; } a.caloff:hover { background-color:rgb(245, 245, 250); } /* unselecteble day */ a.caldisabled { background-color:#efefef !important; color:#ccc !important; cursor:default; } /* current day */ #calcurrent { background-color:#498CE2; color:#fff; } /* today */ #caltoday { background-color:#333; color:#fff; } .dpIco input{ float:left; } .dpIco span{ float:left; } .dpIco a{ background: url("../images/dc1.gif") no-repeat scroll center center transparent; height:22px; width:22px; margin-left:2px; display:block; float:left; } .dpIco a:hover{ background: url("../images/dc2.gif") no-repeat scroll center center transparent; height:22px; width:22px; margin-left:2px; display:block; } /* ************* css for scrollable ********/ .scrollable { position:relative; overflow:hidden; width: 690px; height:140px; /*border:1px solid #ccc; background:url("../images/h300.png") repeat-x;*/ float:left; } .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } .items div { float:left; width:172px; } .scrollable img { float:left; margin:0px 7px 5px 7px; background-color:#fff; padding:2px; border:1px solid #ccc; width:155px; height:90px; -moz-border-radius:4px; -webkit-border-radius:4px; } .scrollable span{ margin:0px 7px 5px 7px; } .scrollable .active { border:2px solid #000; position:relative; cursor:default; } .prev{ background: url("../images/prev_left.gif") no-repeat scroll 0 0 transparent; display: block; float: left; height: 18px; margin-top: 32px; padding-right: 5px; width: 12px; cursor:pointer; } .next{ background: url("../images/next_right.gif") no-repeat scroll 0 0 transparent; display: block; float: right; height: 18px; margin-top: 32px; width: 12px; cursor: pointer; } /******** custom css mod ********/ .clear {clear: both;} .floatleft {float: left;} .floatright {float: right;} .aligncenter {text-align: center;} .txBody{ font-family:Arial, Helvetica, sans-serif; color:@323232; line-height:16px; font-size:12px; text-align:justify; } .txLinkBlue{ color:#00285a; text-decoration:none; } .txLinkBlue:hover{ color:#999; text-decoration:none; } .txLinkBlack{ color:#000; text-decoration:none; } .txLinkBlack:hover{ color:#999; text-decoration:none; } .txLinkBlack2{ color:#000; text-decoration:none; } .txLinkBlack2:hover{ text-decoration:none; } /* .txLinkTitleBox{ color:#000; text-decoration:none; }*/ .txLinkTitleBox{ color:#b40000; text-decoration:none; } .txLinkTitleBox:hover{ color:#000; } /* .txLinkRed{ color:#b40000; text-decoration:none; }*/ .txLinkRed{ color:#004175; text-decoration:none; } .txLinkRed:hover{ color:#999; text-decoration:none; } .txLinkHotnews { color: #B40000; text-decoration: none; } .txRed{ color:#b40000; text-decoration:none; } .txBlue{ color:#004175; text-decoration:none; } .txButton{ font-family:Tahoma, Geneva, sans-serif; font-size:9px; font-weight:normal; color:#969696; } .txButton:hover{ font-weight:normal; color:#b40000; } .txS12Bshadow{ font-size:12px; font-weight:bold; color:#FFF; text-shadow:1px 1px 1px #a00000; text-decoration:none; } .txS12Bshadow:hover{ color:#FFF; } .txS12B{ font-size:12px; font-weight:bold; text-align:justify; } .txS12R{ font-size:12px; font-weight:bold; text-align:center; color:#b40000; margin-bottom:5px; } .txS11B{ font-size:11px; font-weight:bold; text-align:left; } .txS11Center{ font-size:11px; font-weight:normal; text-align:center; } .txS11Left{ font-size:11px; font-weight:normal; text-align:justify; } .txS14B{ font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:justify; margin:5px 0px; } .txS16B{ font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:justify; margin:5px 0px; } .txMn{ font-size:12px; font-weight:bold; color:#B40000; line-height:31px; } .im1{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #C8C8C8; border-radius: 6px 6px 6px 6px; padding: 5px; } .im2{ border:1px solid #c8c8c8; border-radius:4px; background:#FFF; padding:3px; } .im3{ background:url(../images/120x90Bg.png) no-repeat left top; padding:5px; } .im4{ background:url(../images/213x140Bg.png) no-repeat left top; padding:5px; } .im5{ background:url(../images/310x198Bg.png) no-repeat left top; padding:5px; } .im6 { background: url("../images/375x240Bg.gif") no-repeat scroll left top transparent; padding: 9px; } .imQC{ background:#FFF; border:1px solid #c8c8c8; padding:3px; } .form{ border:1px solid #969696; border-right:none; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; padding:0px 3px; height:22px; line-height:22px; } .form2{ border:1px solid #969696; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; padding:1px; height:22px; line-height:22px; } .btSearch{ background:url(../images/btSearch.gif) no-repeat left top; height:24px; width:32px; float:right; text-decoration:none; } .btSearch:hover{ background:url(../images/btSearch.gif) no-repeat left bottom; } #wrapper{ width:1000px; margin:0px auto; } .contentBg{ background:none repeat scroll 0 0 #F0F0F0; padding:0px 10px; } #header{ margin-bottom:10px; } #logo{ background:#FFF; padding:1px; border:1px solid #d5d5cc; border-bottom:none; } #navigation{ } .topmn{ height:30px; width:980px; background:url(../images/topmn.jpg) repeat-x left top; } .topmn ul li{ border-right:1px solid #780500; display:inline-block; font-weight:bold; font-size:12px; line-height:29px; float:left; } .topmn ul li a{ height:30px; float:left; padding:0 8px 0 9px; color:#FFF; } .topmn ul li a.topmnActive{ background:#780500; height:30px; float:left; padding:0 10px; color:#FFF; } .topmn ul li a:hover{ color:#FFF; background:#780500; } .selectedNode a{ background: none repeat scroll 0 0 #780500; } #topMenu ul li a.active{ background:#FFF; border-radius:5px 5px 0 0; padding:5px 20px 6px 20px; color:#002159; font-weight:bold; margin-top:5px; } #topSubMenu{ width:978px; height:29px; margin-bottom:10px; background:url(../images/topmn2.jpg) repeat-x left top; height:28px; border:1px solid #dcdcdc; border-radius:0 0 5px 5px; } #curDate{ font-style:italic; color:#505050; line-height:19px; background:none; float:left; padding-top:4px; } .module{ margin-bottom:10px; } .homeIco{ width:16px; height:16px; background:url(../images/redhat-home.png) no-repeat right top; display:block; float:left; margin-top:3px; margin-left:10px; } #footer{ margin-bottom:10px; float:left; width:950px; } .textFooter{ font-size:12px; font-weight:bold; color:#b00600; text-align:center; } .textFooter2{ font-size:11px; color:#333; text-align:center; } .textFooter3{ font-size:11px; color:#999; text-align:center; } .pad15 { padding: 15px; } .blog1 { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 3px #BBBBBB; } .marginBt10 { margin-bottom: 10px; } .marginBt15px{ margin-bottom:15px; } .txS10N{ font-size:10px; font-weight:normal; color:#999; } #dateNews{ float:right; margin-top:-20px; } .leftMenuBg2{ background:#ebebd2; border-left:#bfc0b8 1px solid; border-right:#bfc0b8 1px solid; padding:0px 10px; } .leftMenuBg3{ background:url(../images/module2ContentBg.gif) repeat-x left top; padding:5px 10px 0px 10px; } .search { float: right; margin-right: 6px; margin-top: 2px; width:170px; } .formSearch { background-color:#DCDCDC; border: 1px solid #C8C8C8; border-right:none !important; color: #333333; font-style: italic; height: 21px; line-height: 21px; padding: 0px; width: 141px; float:left; padding: 0px 4px 0px 4px; } .buttonSearch{ background: url("../images/iconSearch.png") no-repeat scroll 3px 3px #DCDCDC; border: 1px solid #C8C8C8; float:right; border-left:none; height: 23px; line-height: 21px; width:20px; } .lotusui_ie6 #search{ background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wps/themes/html/CSB/css/images/searchbn.png',sizingMethod='crop'); } #search_en{ background:url(../images/searchbnEng.png) repeat-x left top; display:block; width:235px; height:40px; } .lotusui_ie6 #search_en{ background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wps/themes/html/CSB/css/images/searchbnEng.png',sizingMethod='crop'); } .txTime{ font-size:12px; font-weight:normal; text-align:left; line-height:30px; } .bgTable{ background:#FFF; } .bgTable:hover{ background:#DEECFA; } ul.mn li{ margin:5px 15px; background:url(../images/icon.gif) no-repeat left 6px; padding-left:7px; } table{ border-collapse: collapse; } .ta_border tr th { border: 1px solid #C8C8C8; padding: 10px; background-color: #F5F5F5; font-weight:bold; } .ta_border tr td { border: 1px solid #C8C8C8; padding: 10px; } .taDetail tr td{ padding: 5px; } .votetitle { font-size: 12px; margin-bottom: 10px; } .tab{ border-bottom:1px dotted #afafaf; height:30px; width:690px; } .tab ul{ display:inline; } .tab ul li{ background:#F5F5F5; border:1px dotted #afafaf; padding:0px 15px; margin-right:2px; font-size:12px; font-weight:bold; line-height:29px; float:left; } .tab ul li:hover{ background:#FFF; border:#afafaf 1px dotted; border-bottom:none; height:30px; } .tab ul li a{ color:#000; text-decoration:none; } .tab ul li a:hover{ color:#000; } .tab ul li a.atva{ color:#000; } .tab ul li.atvli{ background:#FFF repeat-x top left; border:1px dotted #afafaf; border-bottom:none; padding:0px 15px; margin-right:2px; font-size:12px; font-weight:bold; line-height:30px; } .contenttab{ padding:15px; border:1px dotted #afafaf; border-top:none; float:left; width:660px; margin-top:-1px } .attachlist ul li{ background:url(../images/icon.gif) no-repeat left 3px; margin-bottom:4px; font-size:11px; text-align:justify; padding-left:13px; } .attachlist ul li a{ color: #00285A; text-decoration: none; } .bodyContent{ line-height: 18px; text-align: justify; } .bodyContent p{ line-height: 18px !important; text-align: justify; } .print_doc{ background:url(../images/print.png) no-repeat 0px 0px; padding-left:20px; font-size:11px; font-weight:normal; color: #00285A; text-decoration:none; } .email_doc{ background:url(../images/email.png) no-repeat 0px -1px; padding-left:20px; margin-right:3px; font-size:11px; font-weight:normal; color: #00285A; text-decoration:none; } #hotVideo{ background: url("../images/hotNewsLine.gif") no-repeat scroll right 20px transparent; float: left; padding-bottom: 10px; width: 390px; } .hotVideoList{ padding-bottom:15px; float:right; width:288px; } .videolist{ width:100%; } .videolist li{ float: left; height: 177px; margin-bottom: 10px; overflow: hidden; width: 25%; } .gallerylist{ width:100%; } .gallerylist li{ width:33%; float:left; min-height:220px; } .mediatitle{ height:50px; width:215; overflow:hidden; } .dotline{ border-bottom: 1px dotted #969696; height:2px; } .nav-video{ margin:0 10px 10px 10px; float:right; } .search_vb_logo{ background: url("../images/timkiemvanban.png") no-repeat transparent; width:185px; height:55px; display:block; } .lotusui_ie6 .search_vb_logo{ background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wps/themes/html/CSB/css/images/timkiemvanban.png',sizingMethod='crop'); } .legal_captcha{ float:left; } .legal_captcha img{ height:25px; } .sitemap li{ background: url("../images/icon5.gif") no-repeat scroll left 6px transparent; margin: 5px 15px; padding-left: 7px; } .homeicon{ background: url("../images/iconHome.png") no-repeat transparent; margin-top:5px; width:20px; height:20px; display:block; cursor:pointer; } .link_hover_out{ } .span_hover_out{ } .lotusui_ie6 .homeicon{ background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wps/themes/html/CSB/css/images/homeicon.png',sizingMethod='crop'); } .datespan { color: #646464; font-size: 10px; font-weight:normal; } .datespan1 { color: #646464; font-size: 12px; font-weight: normal; margin-bottom: 7px; } .date { color: #969696; font-size: 12px; font-weight: normal; margin-bottom: 10px; margin-top: 2px; } .hotMainNews{ background-color:#DEECFA; padding:15px; } .hotMainTitle{ color: #B40600; text-decoration: none; font-size:14px; font-weight: bold; } .hotMainTitle:hover{ color:#999; } .homeLink { display: block; float:left; height: 90px; width: 90px; } .lotusBanner ul.lotusUtility li a { color: #000000; display: block; font-size: 12px; margin: 0; padding: 5px; text-decoration: underline; } .lotusBanner ul { float: right; padding: 0; white-space: nowrap; } .blog2{ border:1px solid #dcdcdc; background:#FFF; } .lineL { border-right: 1px solid #DCDCDC; } .hotNews { overflow: hidden; padding: 15px 15px 6px 15px; width: 392px; } .tx14B { font-size: 14px; font-weight: bold; } .listNew{ padding:15px 15px 6px 15px; margin-bottom:0px; } ul.listBlue li{ background:url(../images/ico2.gif) no-repeat left 6px; text-indent:10px; margin-bottom:10px; } ul.listBlue li a{ -webkit-text-size-adjust: none; font-size:12px; } #subMenu{ padding-left:15px; width:966px; float:left; } .right{ margin-left:10px; } .blog3 { background: none repeat scroll 0 0 #FAFDE3; border: 1px solid #DCDCDC; padding: 10px 10px 0 10px; } .title1 { background: url("../images/line1.gif") repeat-x scroll left bottom transparent; font-size: 14px; font-weight: bold; height: 25px; line-height: 21px; margin-bottom: 10px; } .title3{ font-size:11px; font-weight:bold; margin-top:3px; text-align:left; } .title4{ font-size:12px; font-weight:bold; margin-top:7px; } .linkYealow{ color:#be9904; text-decoration:none; } .linkRed { color: #B00600; } .linkBlack{ color:#000; text-decoration:none; } .linkGrey{ color:#222; text-decoration:none; } .linkGrey2{ color:#666; text-decoration:none; } .linkGrey2:hover{ color:#000; } .listVB ul li { background: url("../images/ico3.gif") no-repeat scroll left 6px transparent; text-indent: 10px; } .listVB { } .newsima{ background:#e2eefb; border:1px solid #FFF; border-top:1px solid #dcdcdc; padding:15px 0 15px 15px; } .newsima ul li{ width:132px; display:inline-block; /*height:133px; overflow:hidden;*/ float:left; } .marginR10 { margin-right: 10px; } .title2{ background:url(../images/title2.jpg) repeat-x left top; border:#c4c5c5 1px solid; border-bottom:none; height:23px; line-height:24px; text-indent:20px; font-weight:bold; margin-bottom:10px; margin-left: -1px; margin-top: -1px; margin-right:-1px; } .listQT{ margin:0px 10px 10px 10px; } .listTT{ margin:0px 20px 20px 20px; height:200px; overflow:hidden; } .feature{ height:90px; overflow:hidden; margin:10px; margin-top:0; } .listNew2 { height: 60px; margin: 0 10px 10px; overflow: hidden; } .listNew2 ul li{ background:url(../images/ico1.gif) no-repeat left 6px; text-indent:10px; font-size:11px; font-weight:bold; margin-bottom:7px; height:14px; overflow:hidden; } .media{ margin:0 10px 10px 10px; } .mediavideo{ margin:0 10px 10px 10px; } .modulevcg{ padding:10px; } .middle{ margin-left:10px } .thoitiet{ height:184px; overflow:hidden; } .layoutRow{ width:100%; } .layoutColumn{ width:100%; } .weaLine{ background:url(../images/weaLine.gif) repeat-x; width:216px; height:1px; } .weaLink{ color:#0A5BB4; font-weight:bold; font-size:16px; text-decoration:none; } .weather{ padding:0 10px 10px 10px; } .weatherFeed { font-family: Arial,Helvetica,sans-serif; font-size: 90%; width: 270px; height:152px; } .weatherItem { text-align: right; } .weatherDesc, .weatherCity, .weatherForecastDay { font-weight: bold; } .weatherCity { text-transform: uppercase; } .weatherTemp { font-size: 2.8em; font-weight: bold; color:#0A5BB3; } .weatherLink, .weatherForecastItem { margin-top: 0.5em; text-align: left; } .weatherFeed a { color: #888888; } .weatherRange{ color:#666; } .weatherWind{ color:#666; } #ticker { height: 25px; width:615px; overflow: hidden; padding-left:30px; } #ticker li { height: 25px; line-height:25px; } #ticker li a{ background:url(../images/ico2.gif) no-repeat left 5px; padding-left:7px; text-decoration:none; color:#505050; } .w670 { width: 670px; } .floatleft { float: left; } .marR20 { margin-right: 20px; } .w300 { width: 300px; } .bgNewshot { background: none repeat scroll 0 0 #F0F0F0; padding: 5px 5px 10px; text-align: justify; } .h120 { height: 120px; overflow: hidden; } .tit14 { font-size: 14px; font-weight: bold; text-align: justify; } .textbody { color: #333333; font-size: 12px; font-weight: normal; line-height: 16px; text-align: justify; } .w110 { width: 110px; } .h338 { height: 338px; overflow: hidden; } .w190 { width: 190px; } .tit12fix{ height:30px; overflow:hidden; font-size:12px; font-weight:bold; color:#003366; text-align:left; margin-top:5px; margin-bottom:3px; } .linkBlue{ color:#003366; } .linkBlue:hover{ color:#b00600; } .listnews1 li{ border-bottom:1px solid #e6e6e6; padding-bottom:7px; margin-bottom:6px; font-size:12px; font-weight:normal; text-align:justify; } .listima li{ display:inline-block; float:left; } .blogSubmn{ font-size:11px; font-weight:normal; text-transform:none; color:#969696; text-align:right; margin-top:-34px; margin-right:15px; } .blogSubmn a{ color:#969696; } .blogSubmn a:hover{ color:#000; } .blog1title{ height:30px; border-bottom:1px solid #d5d5d5; color:#b00600; text-transform:uppercase; font-weight:bold; font-size:14px; padding-left:15px; line-height:35px; } .blog2title{ border-bottom: 1px solid #D5D5D5; color: #B00600; font-size: 14px; font-weight: bold; line-height: 21px; padding: 10px 5px 10px 15px; text-transform: uppercase; } .w980{ width:980px; } .w160{ width:160px; } .w250 { width: 250px; } .h30 { height: 30px; overflow: hidden; } .h95 { height: 95px; overflow: hidden; } .tit12{ font-size:12px; font-weight:bold; text-align:left; margin-top:5px; margin-bottom:3px; } .marBt10 { margin-bottom: 10px; } .marR10 { margin-right: 10px; } .h218{ height:218px; overflow:hidden; } .w320{ width:320px; } .h70{ height:70px; overflow:hidden; } .w430 { width: 430px; } .listnews3 li { background: url("../images/iconSquare.gif") no-repeat scroll left 6px rgba(0, 0, 0, 0); font-size: 11px; font-weight: bold; height: 16px; margin-top: 10px; overflow: hidden; text-align: justify; text-indent: 10px; } .listnews2 li { background: url("../images/iconSquare.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); border-bottom: 1px solid #E6E6E6; font-size: 12px; font-weight: normal; margin-bottom: 7px; padding-bottom: 7px; text-align: justify; text-indent: 10px; } .w420{ width:420px; } .w200{ width:200px; } .h110{ height:110px; overflow:hidden; } .hotnewsDanhsach{ background:url(../images/hotnewsDanhsachbg.jpg) repeat-x left bottom #f8f8f8; width:670px; } .line1{ border-bottom:1px solid #e6e6e6; margin-bottom:15px; padding-bottom:15px; } .marT5 { margin-top: 5px; } .marR15{ margin-right:15px; } .blog1sublink { border-bottom: 1px solid #D5D5D5; color: #585858; font-size: 12px; height: 30px; line-height: 32px; padding-left: 15px; } .blog1sublink a { color: #585858; } .topmnSub ul li { color: #333333; display: inline-block; float: left; font-size: 12px; font-weight: normal; line-height: 30px; margin-right: 20px; padding-left: 15px; } .topmnSub ul li a { color: #333333; } .topmnSub ul li a.topmnSubAct{ color:#003366; font-weight:bold; display:none; } .tit14Grey{ color:#666; text-transform:uppercase; font-size:14px; font-weight:bold; padding-left:15px; } .listnews4{ margin-bottom:10px; border-top:1px solid #d5d5d5; padding-top:15px; float:left; width:670px; } .listnews4 ul li{ background:url(../images/iconSquare.gif) no-repeat left 5px; padding-bottom:7px; margin-bottom:7px; font-size:12px; font-weight:normal; text-align:justify; text-indent:10px; }/* Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2009. All Rights Reserved. U.S. Government Users Restricted Rights: Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /*This CSS was built on June 24 2009. (version: OneUI-2.0.0_20090624-0300)*/ /*this file contains theme style adjustments for dojo widgets*/ /*these override/add to the styles in dijit.css*/ /*companion file to dojo.css*/ /******************************/ /*** D O J O S T Y L E S ****/ /******************************/ /*** A C T I O N M E N U S A N D T Y P E A H E A D ***/ /*this is the dojo version of our action menus*/ .dijitMenuItemHover{background-color:#2e5a90;color:#fff;} .dijitMenuSeparatorTop{border-bottom-color:#C0C1C1;} /*menu icon classes*/ .dijitMenu .lotusCheckmark{background-image:url(../images/checkmark.png);} /*type ahead styles*/ ul.dijitMenu{border-color:#999 !important} li.dijitMenuItemHover{background-color:#fefebb;color:#000} /*[sprite]*/ .lotusSpritesOn .dijitMenu .lotusCheckmark{background-image:url(themeImages/lotusSprite-8bit.png);background-position:4px -1026px} /*[/sprite]*/ /***********************************************************/ /*** C A L E N D A R / D A T E P I C K E R ***/ .dijitCalendarContainer{border-color:#ccc;background-color:#fff} .dijitCalendarContainer thead{background-color:#eee;} .dijitCalendarPreviousMonth .dijitCalendarDateLabel, .dijitCalendarNextMonth .dijitCalendarDateLabel{color:#ccc;} .dijitCalendarCurrentMonth .dijitCalendarDateLabel{color:#000;} .dijitCalendarBodyContainer .dayFlagPersonalTask, .dijitCalendarBodyContainer .dayFlagTeamTask, .dijitCalendarBodyContainer .dayFlagOverdueTask, .dijitCalendarBodyContainer .dayFlagTodayTask{border-bottom-color:#fff;border-right-color:#fff;} .dijitCalendarBodyContainer .dayFlagPersonalTask{background-color:#c7e1fa;} .dijitCalendarBodyContainer .dayFlagTeamTask{background-color:#ccffaa;} .dijitCalendarBodyContainer .dayFlagOverdueTask{background-color:#f99;} .dijitCalendarBodyContainer .dayFlagTodayTask{background-color:#ffa;} .dijitCalendarYearLabel{background-color:#eee;} .dijitCalendarYearLabel .dijitCalendarPreviousYear, .dijitCalendarYearLabel, .dijitCalendarNextYear{color:#105cb6;} .dijitCalendarYearLabel .dijitCalendarSelectedYear{color:#999;} .dijitCalendarIncrease{background-color:transparent;background-image:url(../images/calArrowRight.png)} .dijitCalendarDecrease{background-color:transparent;background-image:url(../images/calArrowLeft.png)} .dijit_a11y .dijitCalendarIncrease, .dijit_a11y .dijitCalendarDecrease{border-color:#999}/*for an outline, when images are turned off*/ /***********************************************************/ /*** D I S A B L E D E L E M E N T S ***/ .dijitButtonDisabled .dijitButtonNode, .dijitToggleButtonDisabled .dijitButtonNode, .dijitDropDownButtonDisabled .dijitButtonNode, .dijitComboButtonDisabled .dijitButtonNode, .dijitComboBoxDisabled, .dijitSpinnerDisabled, .dijitSpinnerDisabled .dijitButtonNode { opacity:0.6; } /***********************************************************/ /*** I N P U T F I E L D S ***/ .dijitTextBox, .dijitTextBox input, .dijitComboBox input, .dijitSpinner input{background-color:#fff !important;} .dijitTextBox,.dijitComboBox,.dijitSpinner{border-color:#A5AEB5;} /***********************************************************/ /*** R I C H T E X T E D I T O R ***/ .dijitToolbar .dijitToolbarSeparator{background-image:url(../images/rteToolbar.png);} .dijitEditorIcon{background-image:url(../images/rteToolbar.png);} .dijitEditorIconSep{background-position:0px;} .dijitEditorIconBackColor{background-position:-18px;} .dijitEditorIconBold{background-position:-36px;} .dijitEditorIconCancel{background-position:-54px;} .dijitEditorIconCopy{background-position:-72px;} .dijitEditorIconCreateLink{background-position:-90px;} .dijitEditorIconCut{background-position:-108px;} .dijitEditorIconDelete{background-position:-126px;} .dijitEditorIconForeColor{background-position:-144px;} .dijitEditorIconHiliteColor{background-position:-162px;} .dijitEditorIconHTML{background-position:-702px;} .dijitEditorIconIndent{background-position:-180px;} .dijitEditorIconInsertHorizontalRule{background-position:-198px;} .dijitEditorIconInsertImage{background-position:-216px;} .dijitEditorIconInsertOrderedList{background-position:-234px;} .dijitEditorIconInsertTable{background-position:-252px;} .dijitEditorIconInsertUnorderedList{background-position:-270px;} .dijitEditorIconItalic{background-position:-288px;} .dijitEditorIconJustifyCenter{background-position:-306px;} .dijitEditorIconJustifyFull{background-position:-324px;} .dijitEditorIconJustifyLeft{background-position:-342px;} .dijitEditorIconJustifyRight{background-position:-360px;} .dijitEditorIconLeftToRight{background-position:-378px;} .dijitEditorIconListBulletIndent{background-position:-396px;} .dijitEditorIconListBulletOutdent{background-position:-414px;} .dijitEditorIconListNumIndent{background-position:-432px;} .dijitEditorIconListNumOutdent{background-position:-450px;} .dijitEditorIconOutdent{background-position:-468px;} .dijitEditorIconPaste{background-position:-486px;} .dijitEditorIconRedo{background-position:-504px;} .dijitEditorIconRemoveFormat{background-position:-522px;} .dijitEditorIconRightToLeft{background-position:-540px;} .dijitEditorIconSave{background-position:-558px;} .dijitEditorIconSpace{background-position:-576px;} .dijitEditorIconStrikethrough{background-position:-594px;} .dijitEditorIconSubscript{background-position:-612px;} .dijitEditorIconSuperscript{background-position:-630px;} .dijitEditorIconUnderline{background-position:-648px;} .dijitEditorIconUndo{background-position:-666px;} .dijitEditorIconWikiword{background-position:-684px;} .dijitEditorIconToggleDir{background-position:-540px;} .RichTextEditable .dijitButtonNode, .RichTextEditable button{background-color:transparent;} .RichTextEditable .dijitToolbar{background-image:url(../images/titleBkgd.png);border-bottom-color:#999} .RichTextEditable{border-color:#999;background-color:#fff} .RichTextEditable .dijitButtonNode .dijitArrowButtonInner{background-image:url(../images/btnDropDown.png);} /*to support hover and checked states*/ .RichTextEditable .dijitToolbar .dijitButtonHover, .RichTextEditable .dijitToolbar .dijitToggleButtonHover, .RichTextEditable .dijitToolbar .dijitDropDownButtonHover{background-color:#abc1e5; border:1px solid #316ac5} .RichTextEditable .dijitToolbar .dijitButtonChecked, .RichTextEditable .dijitToolbar .dijitToggleButtonChecked{background-color:#D4DFF2;border:1px solid #316AC5;} /*[sprite]*/ .lotusSpritesOn .RichTextEditable .dijitToolbar{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -900px} /*[/sprite]*/ /***********************************************************/ /*** S L I D E R ***/ .dijit_a11y div.dijitSliderImageHandle, .dijitSliderImageHandle{background-image:url(../images/tagSliderHandle.png)} .dijitSliderProgressBar{background-color:#8bbce8;} .dijitSliderRemainingBar{background-color:#e3e3e3;} .dijitSliderBottomBumper, .dijitSliderLeftBumper{background-color:#a5c0ec;} /***********************************************************/ /*** T O O L T I P ***/ .dijitTooltipContainer{border-color:#c5c5c5;background-color:#f0f0f0;background-image:url(../images/accentBkgd.png)} /*[sprite]*/ .lotusSpritesOn .dijitTooltipContainer{background-image:url(themeImages/lotusHorzBgSprite-8bit.png);background-position:0 -450px} /*[/sprite]*/ /***********************************************************/