/*! Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2011. 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 February 24 2011. (version: OneUI-3.0.0_20110224-0300)*/ /***************************************************************************** core.css is created from the following files, which must be in the order specified: base.css component.css (some components are their own separate css file, imported into this file) layout.css (this is the layout, with overrides to component styles based on where they sit on the page) deprecated.css companion files: core.css / Theme.css (for example: core.css / defaultTheme.css) companion files: coreRTL.css / ThemeRTL.css (for example: coreRTL.css / defaultThemeRTL.css) ******************************************************************************/ /******************************/ /*** B A S E S T Y L E S ****/ /******************************/ .isamGridxBarTitleBar{ font-size: 1.125rem; line-height: 1.625rem; font-weight: 400; text-align: left; background-color: inherit; } /*** R E S E T ***/ /*redefinitions*/ .lotusui30 a, .lotusui30 a:visited{color:#1c5572;} .lotusui30 a:hover, .lotusui30 a:focus, .lotusui30 a:active{color:#05386b;} /***********************************************************/ /*** S P E C I A L L I N K S ***/ /*my links indicate bookmarks you have created - add this onto people and tag class links*/ .lotusui30 a.lotusMyLink, .lotusui30 a.lotusMyLink:visited, .lotusui30 .lotusMyLinks a, .lotusui30 .lotusMyLinks a:visited{color:#44a244;} .lotusui30 a.lotusMyLink:hover, .lotusui30 a.lotusMyLink:focus, .lotusui30 a.lotusMyLink:active, .lotusui30 .lotusMyLinks a:hover, .lotusui30 .lotusMyLinks a:focus, .lotusui30 .lotusMyLinks a:active{color:#05386b;} /***********************************************************/ /****************************************/ /*** C O M P O N E N T S T Y L E S ****/ /****************************************/ /*****************************/ /*** A C T I O N M E N U ***/ /*****************************/ /***********************************************************/ /*** B R E A D C R U M B S ***/ /*these sit above the page header (lotusHeader)*/ /***********************************************************/ /*** B U T T O N S ***/ .lotusui30 .lotusBtn, .lotusui30 .lotusBtnImg{border:1px solid #aaa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#000;} .lotusui30 .lotusBtn{padding:3px 7px;} .lotusui30 .lotusBtnImg{padding:3px;} .lotusui_ie .lotusui30 .lotusBtnImg{padding:4px 3px;} .lotusui30 .lotusBtn:hover, .lotusui30 .lotusBtn:focus, .lotusui30 .lotusBtn:active, .lotusui30 .lotusBtnImg:hover, .lotusui30 .lotusBtnImg:focus, .lotusui30 .lotusBtnImg:active{border-color:#666;} .lotusui30 .lotusClose input{width:16px;height:16px;background-image:url(/images/lotusSprite-8bit.png);background-position:2px -2584px;opacity:0.40;filter:alpha(opacity=40);} .lotusui30 .lotusClose input:hover, .lotusui30 .lotusClose input:focus, .lotusui30 .lotusClose input:active{opacity:0.50;filter:alpha(opacity=50);} /***********************************************************/ /*** C A P T I O N ***/ /*provides a gray background for a caption above another component*/ /***********************************************************/ /*** C O M M E N T ***/ .lotusui30 .lotusAddComment{background-color:#E8EDF3;} .lotusui30 .lotusAddComment a.lotusCommentInput, .lotusui30 .lotusAddComment a.lotusCommentInput:hover, .lotusui30 .lotusAddComment a.lotusCommentInput:focus{background-color:#fff;border-color:#BDC7DB;} .lotusui30 .lotusUpdateStatus{background-color:#eee;} /*comment containers*/ .lotusui30 ul.lotusCommentList li{border-top-color:#e3e2e2;} /*style adjustments for comments on the board/wall*/ .lotusui30 .lotusBoard .lotusPost{border-color:#E8EDF3;} .lotusui30 .lotusBoard .lotusCommentPaging{background-color:#E8EDF3;} /*styles for comments in a discussion forum*/ .lotusui30 .lotusForum .lotusPostDetails blockquote{background-color:#eee;border-color:#DFE4E9;} .lotusui30 .lotusPost .lotusDelete{right:5px;} .lotusui30 .lotusBoard .lotusCommentList{width:80%;} /*----------------------FORUMS------------------------*/ .lotusui30 .lotusForum .lotusPaging{margin:0;padding-left:0;background-color:#fff;border-width:1px 0;border-style:solid;border-color:#ccc;} .lotusui30 .lotusForum .lotusPostContent{border-width:0;} .lotusui30 .lotusForum .lotusPostDetails blockquote{width:auto;} .lotusui_ie6 .lotusui30 .lotusForum .lotusPostDetails blockquote{width:95%;}/*fixes display issues with gray box*/ .lotusui30 .lotusForum .lotusPostAuthorInfo{padding:10px;background-position:100% -1373px;background-repeat:no-repeat;} .lotusui30 .lotusForum .lotusCaption{margin-top:0;background-color:#fff;border-width:0;float:left;} .lotusui30 .lotusForum .lotusFeeds{float:right;} .lotusui30 .lotusForum .lotusPost{margin-top:0;margin-bottom:10px;padding-top:4px;padding-bottom:4px;background-color:#fff; border:1px solid #ccc;-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee;box-shadow:0px 2px 5px #eee;} .lotusui30 .lotusForum ul.lotusCommentList .lotusPost{background-color:#fff;} .lotusui30 .lotusForum ul.lotusCommentList .lotusChild{background-color:#fff;border-top-width:0;} .lotusui30 .lotusForum ul.lotusCommentList .lotusChild li{margin-left:0;padding:0 0 0 5px;background-color:#fff;background-image:none;background-repeat:repeat-y;} .lotusui30 .lotusForum ul.lotusCommentList .lotusChild .lotusActions li{padding:0 7px;border-width:0 0 0 1px;} .lotusui30 .lotusForum ul.lotusCommentList .lotusChild .lotusActions li.lotusFirst{padding-left:0;border-left-width:0;} .lotusui30 .lotusForum .lotusPostAuthorInfo{text-align:left;} .lotusui30 .lotusColLeft .lotusCommentBubble, .lotusui30 .lotusColRight .lotusCommentBubble{background-position:15px -1516px} .lotusui30 .lotusColLeft .lotusCommentBubbleBody, .lotusui30 .lotusColRight .lotusCommentBubbleBody{background-color:#fff;} /***********************************************************/ /*** D I A L O G ***/ /*this can be wrapped in a dojo dialog, if desired, which gives you the lightbox behavior for free, else, wrap it in a div assigned the class lotusDialogWrapper*/ .lotusui30 .lotusDialog .lotusDialogFooter{background-color:#eee;} .lotusui30 .lotusDialogBorder{border: 1px solid #999;box-shadow:0 3px 7px #999;-moz-box-shadow:0 3px 7px #999;-webkit-box-shadow:0 3px 7px #999;box-shadow:0 3px 7px #999;} /***********************************************************/ /***************************************/ /*** D I S P L A Y C O N T R O L S ***/ /***************************************/ .lotusui30 .lotusViewControl div{padding:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} /***********************************************************/ /*** F E E D S **/ /*the feed links under the content*/ /***********************************************************/ /*** F I L T E R S **/ /*the filter links that are removable*/ /*** F O R M S ***/ /*these styles are for inline and popup forms*/ /*new, div-based form, labels on top or left*/ .lotusui30 .lotusForm2 .lotusFormFooter {background-color:#eee;border-width:1px 0 0;border-style:solid;border-color:#aaa} /***********************************************************/ /*** G R I D ***/ /*for a group of same-sized elements with a div as the outer wrapper*/ /*for example, a group of people photos*/ /***********************************************************/ /*** H E A D E R ***/ /*found at the top of the page, center column*/ /*----------------------FILTER------------------------*/ .lotusui30 .lotusHeader .lotusFilters2{margin:5px 0 0;} /***********************************************************/ /*** P O P U P H E L P ***/ /*----------------------POPUP HELP------------------------*/ .lotusui30 .lotusHelp{background-color:#fff;} /***********************************************************/ /*** L E G A L S T A T E M E N T ***/ /*IBM logo and legal statement*/ /*3 different versions - regular pages, login page, and about page*/ /*-------------------LEGAL-----------------------*/ .lotusui30 table.lotusLegal{margin:5px auto 10px;} .lotusui30 .lotusIBMLogoFooter{display:none;} .lotusui30 .lotusLogin .lotusLegal, .lotusui30 .lotusAbout .lotusLegal{margin:5px 25px 10px;} /***********************************************************/ /*** L I S T S ***/ /*use in conjuction with sections if you want a more complex list*/ .lotusui30 ul.lotusList li{padding:1px 0} .lotusui30 ul.lotusList li.lotusSelected{background-color:#eee;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .lotusui30 ul.lotusList li.lotusSelected a, .lotusui30 ul.lotusList li.lotusSelected a:visited{color:#000;} /***********************************************************/ /*** M E N U ***/ /*this menu is set up to allow for rounded corners in all browsers and is a set width*/ .lotusui30 .lotusMenu{width:auto;margin:0 0 25px;padding:0;background-color:transparent;border-width:0;} .lotusui30 .lotusMenu .lotusMenuSection{border-color:#ccc;} .lotusui30 .lotusMenu li a, .lotusui30 .lotusMenu .lotusMenuHeader{margin:0;padding:3px 10px 5px 20px;border-width:0;font-weight:bold;} .lotusui30 .lotusMenu li a, .lotusui30 .lotusMenu li a:visited, .lotusui30 .lotusMenu li a:hover, .lotusui30 .lotusMenu li a:active{color:#000;text-decoration:none;} .lotusui30 .lotusMenu li a:focus{text-decoration:underline;}/*for accessibility, since focus outline isn't visible in this theme*/ .lotusui30 .lotusMenu .lotusMenuSubsection a{font-weight:normal;} .lotusui30 .lotusMenu li.lotusSelected a, .lotusui30 .lotusMenu .lotusHeaderSelected{margin:0;padding-left:20px;border-width:1px 0;} .lotusImagesOff .lotusui30 .lotusMenu li.lotusSelected a, .lotusImagesOff .lotusui30 .lotusMenu .lotusHeaderSelected{border-width:1px;} .lotusui30 .lotusMenu .lotusMenuHeader a, .lotusui30 .lotusMenu .lotusMenuHeader a:visited, .lotusui30 .lotusMenu .lotusMenuHeader a:hover, .lotusui30 .lotusMenu .lotusMenuHeader a:focus, .lotusui30 .lotusMenu .lotusMenuHeader a:active{color:#000;text-decoration:none;} .lotusui30 .lotusMenu .lotusMenuHeader a.lotusArrow{left:4px;top:4px;} .lotusui30 .lotusMenu .lotusAction{margin-left:20px;margin-bottom:5px;} .lotusui30 .lotusMenu .lotusMenuSubsection{margin:0;padding-top:0;} .lotusui30 .lotusMenu .lotusMenuSubsection{padding-left:0;}/*allows you to indent a section of the menu*/ .lotusui30 .lotusMenu .lotusMenuSubsection li.lotusSelected a{margin-left:0;padding-left:20px;} .lotusImagesOff .lotusui30 .lotusMenu .lotusMenuSubsection li.lotusSelected a{padding-left:15px;} .lotusui30 .lotusMenu ul.lotusIcons a{ padding-left: 39px; } .lotusui30 .lotusMenu ul.lotusIcons img, .lotusui30 .lotusMenu ul.lotusIcons .lotusSelected img{left:19px;} .lotusui30 .lotusMenu ul.lotusIcons .lotusSelected a{ padding-left: 39px; } .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons a{ padding-left: 39px; } .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons .lotusSelected a{padding-left: 39px; } .lotusImagesOff .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons a, .lotusImagesOff .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons .lotusSelected a{padding-left:20px;} .lotusui30 .lotusMenu li.lotusSelected a, .lotusui30 .lotusMenu .lotusHeaderSelected{background-color:#e1e1e1; border-color:#bcbbbb; color:#000;} .lotusui30 .lotusMenu li.lotusSelected a, .lotusui30 .lotusMenu li.lotusSelected a:visited, .lotusui30 .lotusMenu li.lotusSelected a:hover, .lotusui30 .lotusMenu li.lotusSelected a:focus, .lotusui30 .lotusMenu li.lotusSelected a:active, .lotusui30 .lotusMenu .lotusHeaderSelected a, .lotusui30 .lotusMenu .lotusHeaderSelected a:visited, .lotusui30 .lotusMenu .lotusHeaderSelected a:hover, .lotusui30 .lotusMenu .lotusHeaderSelected a:focus, .lotusui30 .lotusMenu .lotusHeaderSelected a:active{color:#000;} .lotusui30 .lotusMenu .lotusHeaderSelected .lotusTwistyClosedMenu {background-position:4px -556px;} .lotusui30 .lotusMenu .lotusHeaderSelected .lotusTwistyOpenMenu {background-position:4px -412px;} /***********************************************************/ /*** M E S S A G E S ***/ /*these are the yellow warning/error messages that show up at the top of the content area*/ .lotusui30 .lotusMessage2{background-color:#ffe3e0;border-color:#efa6a5;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .lotusui30 .lotusWarning{background-color:#ffffbc;border-color:#f6e692;} .lotusui30 .lotusInfo{background-color:#e6f1fe;border-color:#b9cfeb;} .lotusui30 .lotusSuccess {background-color:#ecf9df;border-color:#c8e2b8;} /***********************************************************/ /*** P A G I N G ***/ /*these are the page bars at the top and bottom of a table/list of entries*/ .lotusui30 .lotusPaging{margin:5px 0;padding:1px 5px 3px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .lotusui30 .lotusPaging, .lotusui30 .lotusPaging ul li, .lotusui30 .lotusPaging div, .lotusui30 .lotusPaging input{color:#666;} /***********************************************************/ /*** P A L E T T E ***/ /*this is the palette that opens under the place bar to allow users to customize the UI */ .lotusui30 .lotusPalette{border-bottom-width:0;} .lotusui30 .lotusPaletteHeader{border-top-width:0;border-bottom:4px solid #2a2a2a;padding:5px 10px 7px;} .lotusui30 .lotusPaletteHeader .lotusRight, .lotusui30 .lotusPaletteHeader .lotusClose{margin-top:7px;} .lotusui30 .lotusPalette .lotusMenu li.lotusSelected, .lotusui30 .lotusPalette .lotusMenu li.lotusSelected a{background-color:#343434;} .lotusui30 .lotusPaletteHeader ul.lotusTabs li a, .lotusui30 .lotusPaletteHeader ul.lotusTabs li a:visited{display:block;margin:0;padding:9px 10px;background-color:#414648;border-width: 1px 1px 0 1px;border-style:solid;border-color: #2a2a2a;float:left;} .lotusui30 .lotusPaletteHeader ul.lotusTabs li.lotusSelected a, .lotusui30 .lotusPaletteHeader ul.lotusTabs li.lotusSelected a:visited{margin-bottom:0;background-color:#2a2a2a;} .lotusui30 .lotusPaletteBody{margin-bottom:0;border-width:0;} .lotusui30 .lotusPaletteNav{padding:0 10px;height:auto;} .lotusui30 .lotusPalette .lotusChunk, .lotusui30 .lotusPalette .lotusPaletteNavHeader, .lotusui30 .lotusPalette .lotusMenu{margin:10px 0;width:auto;} .lotusui30 .lotusPaletteContent{padding:10px 10px 10px 20px;} .lotusui30 .lotusPalette .lotusClose{padding:3px;} .lotusui30 .lotusPalette .lotusBtnImg, .lotusui30 .lotusPalette .lotusSearch .lotusBtnImg{border:1px solid #fff;} .lotusui30 .lotusPalette .lotusSearch input.lotusText{margin:0 4px 0 0;width:160px;} /***********************************************************/ /*** S E A R C H ***/ .lotusui30 .lotusSearch .lotusScope, .lotusui30 .lotusSearch .lotusText, .lotusui30 .lotusSearch .dijitTextBox{border-color:#aaa;} .lotusui30 .lotusSearch .lotusText, .lotusui30 .lotusSearch .lotusScope{padding-top:3px;padding-bottom:3px;} .lotusui30 .lotusSearch .lotusScope:hover, .lotusui30 .lotusSearch .lotusScope:focus{background-color:#324f76;} .lotusui30 .lotusSearch .lotusSearchButton{color:#000;} .lotusui30 .lotusSearch .lotusBtnImg{padding:3px;} /***********************************************************/ /*** S E A R C H T A B ***/ /*this is the UI for a search/find control that hides the input fields until the user opens them*/ /*this must be inside a relatively positioned div - override default positioning in the code, if necessary*/ .lotusui30 .lotusSearchForm .lotusSearchButton{color:#000;} .lotusui30 .lotusSearchTab{padding:2px 6px 4px 8px;border-color:#aaa;background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .lotusui30 .lotusTabExpanded{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;border-radius-topright:2px;border-radius-topleft:2px;} .lotusui30 .lotusSearchTab a, .lotusui30 .lotusSearchTab a:visited{padding-right:12px;font-size:0.9em;line-height:1.7;} .lotusui30 .lotusSearchTab a, .lotusui30 .lotusSearchTab a:visited, .lotusui30 .lotusSearchTab a:hover, .lotusui30 .lotusSearchTab a:focus, .lotusui30 .lotusSearchTab a:active { text-decoration: none; } .lotusui30 form.lotusSearchForm{z-index:1;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;-webkit-box-shadow:0px 2px 5px #eee;-moz-box-shadow:0px 2px 5px #eee;box-shadow:0px 2px 5px #eee;} .lotusui30 .lotusSearchForm .lotusBtnImg{padding:3px;} .lotusui30 .lotusSearchForm input.lotusText{padding-top:3px;padding-bottom:4px;} /***********************************************************/ /*S E C T I O N */ /*this is used to space out different elements in all three columns*/ /*a section contains a header*/ .lotusui30 .lotusSection2{margin:0 0 20px;padding:0;} .lotusui30 .lotusSectionPlain .lotusSectionHeader{border-width:0;background-image:none;} .lotusui30 .lotusSection2 .lotusSectionHeader .lotusArrow{padding-left:5px} .lotusui30 .lotusSection2 .lotusHeading, .lotusSection2 .lotusHeading2{font-size:1em;color:#000;} .lotusui30 .lotusSection2 .lotusSectionHeader .lotusIcon{padding:5px 0} .lotusui30 .lotusSection2 .lotusDragHandle{left:0; top:6px;} .lotusui30 .lotusSection2 .lotusSectionBody{margin:0;} .lotusui30 .lotusSection2 .lotusSubheader .lotusIcon{padding-right:0;} .lotusui30 .lotusSection2 .lotusChunk{margin-top:0;margin-bottom:5px;} .lotusui30 .lotusSection2 .lotusSectionFooter{border-top:1px solid #eee;} .lotusui30 .lotusSection2 .lotusSectionFooter .lotusPaging{margin:0;} /*lists within a section*/ .lotusui30 .lotusSection2 .lotusList{margin:0 -10px;} /*allows selection to extend to the left and right of the list items*/ .lotusui30 .lotusSection2 .lotusList li{padding-left:10px;padding-right:10px;} .lotusui30 .lotusSection2 {border:0;} .lotusui30 .lotusSection2 .lotusSectionHeader {border-top:3px solid #000; border-bottom:1px solid #e5e5e5; margin:0;} .lotusui30 .lotusSection2 .lotusSectionBody {background-color:transparent; padding:5px;} .lotusui30 .lotusPortlet {padding:10px; background-color:#fff; -moz-box-shadow:0 1px 3px #D7D7D7; -webkit-box-shadow:0 1px 3px #D7D7D7; box-shadow:0 1px 3px #D7D7D7;} .lotusui30 .lotusPortlet .lotusSectionHeader {background-color:transparent; background-image:none;} .lotusui30 .lotusSection2 .lotusDragHandle{top:9px;} /****************************************************************/ /*** S O R T ***/ /*these are for the sort controls found at the top of a table/list of entries*/ /****************************************************************/ /*** T A B L E S ***/ .lotusui30 .lotusTable .lotusForm2{background-color:#f4f5f6;} .lotusui30 .lotusInfoTable{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee;box-shadow:0 2px 5px #eee;} .lotusui30 .lotusInfoTable td, .lotusui30 .lotusInfoTable th{border-width:0;} .lotusui30 .lotusTable .lotusAltRow td, .lotusui30 .lotusTable .lotusAltRow th.lotusRowHeader{background-color:transparent;} /****************************************************************/ /*** T A B S ***/ /*tabs are used in content area and titlebar. The style adjustments needed for the titlebar are grouped with the titleBar styles*/ .lotusui30 .lotusTabs li{padding:0;background-color:#fff;border-color:#ccc;} .lotusui30 .lotusTabs li.lotusSelected{border-color:#aaa #aaa #fff;} /****************************************************************/ /*** T A G C L O U D ***/ /*a tag cloud is a visual way of displaying the relative importance of tags, with lotusF1 being of least importance and lotusF5 being most important*/ .lotusui30 a.lotusF5, .lotusui30 a.lotusF5:visited{color:#1c3052} .lotusui30 a.lotusF4, .lotusui30 a.lotusF4:visited{color:#2b588e} .lotusui30 a.lotusF3, .lotusui30 a.lotusF3:visited{color:#4477bb} .lotusui30 a.lotusF2, .lotusui30 a.lotusF2:visited{color:#649cd8} .lotusui30 a.lotusF1, .lotusui30 a.lotusF1:visited{color:#8bbce8} /***********************************************************/ /*** T I P S ***/ /*----------------------TIPS------------------------*/ .lotusui30 .lotusTips{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .lotusui30 .lotusTips{border-color:#efd159;} /***********************************************************/ /*** T R E E ***/ /*needs review - need additional tree visuals from Jason*/ /***********************************************************/ /*** V C A R D (P E R S O N C A R D)***/ /*this is the popup person card that shows up when you click on a person link (via a hover link)*/ .lotusui30 .lotusVCard a:link, .lotusui30 .lotusVCard a:visited, .lotusui30 .lotusVCard a:hover, .lotusui30 .lotusVCard a:focus, .lotusui30 .lotusVCard a:active{color:#105cb6} .lotusui30 .lotusVCard .lotusAppLinks td{background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));background-position:top left;} .lotusui30 .lotusVCard .lotusActionMenu a, .lotusui30 .lotusVCard .lotusActionMenu a:visited{color:#000;} .lotusui30 .lotusVCard .lotusActionMenu a:hover, .lotusui30 .lotusVCard .lotusActionMenu a:focus, .lotusui30 .lotusVCard .lotusActionMenu a:active{color:#fff;background-color:#324f76;} /*new adjustments*/ .lotusui30 .lotusVCard .lotusPhoto{border-color:#ccc;background-color:#fff;} .lotusui30 .lotusVCard .lotusAppLinks td{border-color:#ccc;} .lotusui30 .lotusVCard .lotusDetails{background-color:#fafafa;border-top-width:0;} /***********************************************************/ /*** V C A R D H O V E R ***/ /*this is the hover link that shows when you hover over a person's name and allows you to open their profile card*/ /***********************************************************/ /*******************************************/ /*** P A G E L A Y O U T S T Y L E S ***/ /*******************************************/ .lotusui30_body {color:#222;background-color:#f4f5f6;} .lotusui30_body .lotusMain {margin:0;padding:0;border-width:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-color:transparent;} .lotusui30_body .lotusFrame {padding:0;} .lotusui30_layout .lotusContent{margin:0;padding:20px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc;} .lotusui30_body .lotusMain {border-top:0;} /*** B A N N E R **/ /*this is the very top of the UI, that contains the logo, application links, user name, login/logout*/ .lotusui30 .lotusBanner {background-color: rgb(51, 51, 51); background-image: linear-gradient(rgb(62, 62, 62), rgb(19, 19, 19));} .lotusui_ie6 .lotusui30 .lotusBanner {margin-bottom:-3px;} .lotusui_ie7 .lotusui30 .lotusBanner {margin-bottom:-1px;} .lotusui30 .lotusBanner .dijitButtonText {color: rgb(204, 204, 204); text-decoration: none; letter-spacing: 0px; text-shadow: 0px -1px 0px rgb(0, 0, 0); margin: 5px 5px 0px 5px; padding: 0px 5px 0px 5px;} .lotusui30 .lotusBanner .dijitButtonText:hover { text-shadow: 0px 0px 3px rgb(255, 255, 255); color: rgb(255, 255, 255); margin: 5px 5px 0px 5px; padding: 0px 5px 0px 5px;} .lotusui30 .lotusBanner .dijitButtonNode { background-color: transparent; background-image: none; border: none; box-shadow: none; height: 35px; } .lotusui30 .lotusBanner .dijitButtonNode:hover { background: -moz-linear-gradient(center top , rgb(105, 108, 114), rgb(51, 51, 52)) repeat scroll 0% 0% transparent; background-color: transparent; background-image: none; border: none; box-shadow: none; height: 35px; } .lotusui30 .lotusBanner .menuBox { float: right; height: 35px; cursor: default; } .lotusui30 .lotusBanner .headerLogoBox { float: right; width: 80px; height: 35px; cursor: default; background-color: rgb(34, 34, 34); background-image: linear-gradient(rgb(40, 40, 40), rgb(0, 0, 0)); box-shadow: -1px 0px rgb(88, 88, 88); border-left: 1px solid rgb(19, 19, 19); } .lotusui30 .lotusBanner .lotusLogo {outline:none;} .lotusui30 .lotusBanner .lotusLogo div {display: inline; float: right; width: 50px; height: 30px; margin-top: 7px; background: url(/images/ibm-banner/headerLogo.png) no-repeat scroll 35% 23% transparent; padding: 0 0 0 18px;} .lotusui_ie6 .lotusui30 .lotusBanner .lotusLogo div {margin-left:0;} .lotusui_ie .lotusui30 .lotusBanner .lotusLogo div {margin-top:10px;} .lotusui30 .lotusBanner .lotusLogo .lotusAltText {padding:0; margin:11px 20px 10px 5px; color:#222; text-shadow:0 1px 2px #ccc;} .lotusui30 .lotusBanner .lotusLogo:hover, .lotusui30 .lotusBanner .lotusLogo:focus, .lotusui30 .lotusBanner .lotusLogo:active {color:#222; cursor:pointer/*for IE6/7*/;} .lotusui30 .lotusBanner ul.lotusInlinelist li {margin:0;} .lotusui30 .lotusBanner ul.lotusInlinelist li {display:block; float:left;} .lotusui30 .lotusBanner ul.lotusInlinelist li.lotusUser a {margin:0; padding:11px 7px 11px 44px; position:relative; font-weight:normal;} .lotusui30 .lotusBanner ul.lotusInlinelist li.lotusUser a .lotusName {font-weight:bold;} .lotusui30 .lotusBanner ul.lotusUtility li a .lotusPhoto {position:absolute; left:10px; top:7px;} .lotusui_ie6 .lotusui30 .lotusBanner ul.lotusUtility li a .lotusPhoto {left:-34px;} .lotusui30 .lotusBanner ul.lotusInlinelist li a, .lotusui30 .lotusBanner ul li span.lotusUser {border-width:1px 1px 0 1px; border-style:solid; border-color:transparent; color:#222; font-weight:bold; display:block;} /*span.lotusUser can get removed in gen4*/ .lotusui30 .lotusBanner ul.lotusLinks li a, .lotusui30 .lotusBanner ul.lotusLinks li a:visited, .lotusui30 .lotusBanner ul.lotusLinks li a:hover, .lotusui30 .lotusBanner ul.lotusLinks li a:active {color:#222;} .lotusui_ie6 .lotusui30 .lotusBanner ul.lotusInlinelist li a, .lotusui_ie6 .lotusui30 .lotusBanner ul li span.lotusUser {border-color:#858585;} .lotusui30 .lotusBanner ul.lotusLinks li.lotusSelected a {text-decoration:none;} .lotusui30 .lotusBanner ul li a {padding:10px; border-bottom-width:0;} .lotusui30 .lotusBanner ul.lotusUtility li a, .lotusui30 .lotusBanner ul li span.lotusUser {padding:11px 10px; border-bottom-width:0; font-weight:normal;} .lotusui_ie .lotusui30 .lotusBanner ul.lotusInlinelist li a, .lotusui_ie .lotusui30 .lotusBanner ul li span.lotusUser, .lotusui_ie .lotusui30 .lotusBanner .lotusLogo .lotusAltText {line-height:1.25em;} /*fixes IE6 alignment issues, now that we have arrow icons in some of the items*/ .lotusui30 .lotusBanner .lotusDropDownSprite {background-position:0 -656px;} .lotusImagesOff .lotusui30 .lotusBanner ul.lotusInlinelist li a, .lotusImagesOff .lotusui30 .lotusBanner ul li span.lotusUser {border-width:0;} .lotusui30 .lotusBanner .lotusUnreadBadge {background:#666; color:#fff; text-shadow:0 1px 2px #666;} .lotusui30 .lotusBanner ul.lotusLinks a, .lotusui30 .lotusBanner ul.lotusLinks a:visited, .lotusui30 .lotusBanner ul.lotusLinks a:hover, .lotusui30 .lotusBanner ul.lotusLinks a:active {text-decoration:none;} .lotusui30 .lotusBanner ul.lotusInlinelist a {text-shadow:0 1px 2px #ccc;} .lotusui30 .lotusBanner ul.lotusLinks li.lotusHover a, .lotusui30 .lotusBanner ul.lotusLinks li a:hover {color:#fff; text-shadow:0 1px 1px #000; border-top-color:#858585; background-color:#5f5f5f; background:-moz-linear-gradient(#858585, #5f5f5f); background:-webkit-gradient(linear, left top, left bottom, from(#858585), to(#5f5f5f));} .lotusui_ie .lotusui30 .lotusBanner ul.lotusLinks li.lotusHover a, .lotusui_ie .lotusui30 .lotusBanner ul.lotusLinks li a:hover {border-top-color:#5f5f5f; color:#fff;} .lotusui30 .lotusBanner ul.lotusLinks li a:hover .lotusUnreadBadge, .lotusui30 .lotusBanner .lotusHover .lotusUnreadBadge {background:#333; color:#fff; text-shadow:0 1px 2px #333;} .lotusui30 .lotusBanner ul.lotusUtility li a, .lotusui30 .lotusBanner ul li span.lotusUser {margin:9px 0; padding:2px 10px;} .lotusui30 .lotusBanner ul.lotusUtility li.lotusLast a, .lotusui_ie6 .lotusui30 .lotusBanner ul.lotusUtility li.lotusLast a {border-right:1px solid #777;} /***********************************************************/ /*****************************/ /*** N A V I G A T I O N M E N U ***/ /*****************************/ .lotusui30 .lotusNavMenu {border:3px solid #999/*this is needed for IE*/; border:3px solid rgba(42, 44, 48, 0.5); -moz-box-shadow: 0 2px 6px #666; -webkit-box-shadow: 0 2px 6px #666; box-shadow: 0 2px 6px #666; } /***********************************************************/ /*** 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*/ .lotusui30 .lotusFooter{margin:5px 0;padding:0 5px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-image:none;background-color:transparent;border-width:0;} .lotusui30 .lotusFooter th, .lotusui30 .lotusFooter td{border-right-width:0;} .lotusui30 .lotusFooter table{width: auto;margin:5px auto;} .lotusui30 .lotusFooter table td {padding:0;display:inline;} .lotusui30 .lotusFooter table td ul, .lotusui30 .lotusFooter table li{display:inline;} .lotusui30 .lotusFooter table ul a{padding-left:8px;} .lotusui30 .lotusFooter ul a{padding:5px 8px 7px;display:inline;color:#666;} .lotusui30 .lotusFooter ul a:visited{color:#878d92;} .lotusui30 .lotusFooter ul a:hover, .lotusui30 .lotusFooter ul a:focus, .lotusui30 a:active{color:#05386b;} .lotusui30 .lotusFooter table th {display:none;} .lotusui30 .lotusFooterDocked .lotusInlinelist li a {outline:#000; border:#5a5b5c; background:#2d3033; background:-moz-linear-gradient(#4b4d51, #2d3033); background:-webkit-gradient(linear, left top, left bottom, from(#4b4d51), to(#2d3033));} /***********************************************************/ .lotusui30_layout .lotusColLeft, .lotusui30_layout .lotusColRight{padding:20px 0;width:220px;background-color:transparent;} .lotusui_ie6 .lotusui30_layout .lotusColLeft {margin-right:-3px;} /*fixes odd alignment in IE6*/ .lotusui_ie6 .lotusui30_layout .lotusColRight {margin-left:-3px;} .lotusui30_layout .lotusColLeft .lotusSection2, .lotusui30_layout .lotusColLeft .lotusTips, .lotusui30_layout .lotusColRight .lotusSection2, .lotusui30_layout .lotusColRight .lotusTips{margin:0 15px 15px;} .lotusui30_layout .lotusColLeft .lotusSection2 .lotusPhoto{border:1px solid #ccc;background-color:#fff; -webkit-box-shadow:#eee 0 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;} .lotusui30_layout .lotusColLeft .lotusPhoto{width:146px;height:146px;}/*image size plus margin*/ .lotusui30_layout .lotusColLeft .lotusPhoto img{margin:9px;} .lotusui30_layout .lotusColLeft .lotusForm2 .lotusFormFooter, .lotusui30_layout .lotusColRight .lotusForm2 .lotusFormFooter{background-color:transparent;border-width:0;} .lotusui30_layout .lotusColLeft .lotusCommentBubble, .lotusui30_layout .lotusColRight .lotusCommentBubble{background-position:15px -1516px} .lotusui30_layout .lotusColLeft .lotusCommentBubbleBody, .lotusui30_layout .lotusColRight .lotusCommentBubbleBody{background-color:#fff;} .lotusui30_layout .lotusColLeft .lotusSection2 .lotusSectionHeader, .lotusui30_layout .lotusColRight .lotusSection2 .lotusSectionHeader {border-top-color:#aaa;} /***********************************************************/ /*** T I T L E B A R ***/ /*the bar under the banner that contains breadcrumb navigation, buttons, and search UI*/ .lotusui30 .lotusTitleBar2 {margin:0; background-color:#E7E7E7; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} .lotusui30 .lotusTitleBar2 .lotusInner {padding-left:15px; padding-right:15px;} .lotusui30 .lotusTitleBar2 .lotusHeading {color:#fff;} .lotusui30 .lotusTitleBar2 .lotusGlobalSearch .lotusText {border-color:#000; color:#fff; font-size:0.9em; -moz-box-shadow:inset 0 2px 15px #000; -webkit-box-shadow:inset 0 2px 15px #000; box-shadow:inset 0 2px 15px #000; background:#222; background:-moz-linear-gradient(center top, #222 25%, #373737 100%); background:-webkit-gradient(linear, left top, left bottom, from(#222), color-stop(25%, #222), to(#373737));} .lotusui30 .lotusTitleBar2 .lotusBreadcrumbs {margin-bottom:5px} .lotusui30 .lotusTitleBar2 .lotusBreadcrumbs a, .lotusui30 .lotusTitleBar2 .lotusBreadcrumbs a:hover, .lotusui30 .lotusTitleBar2 .lotusBreadcrumbs .lotusDivider {color:#fff;} .lotusui30 .lotusTitleBar2 .lotusBtn {background-color:#404040; border:1px solid #6e6e6e; color:#fff !important; outline:1px solid #060606; background-image:-moz-linear-gradient(#5b5b5b, #272727); background-image:-webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#272727));} .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusBtn {border-color: #060606;} .lotusui30 .lotusTitleBar2 .lotusBtn .lotusDropDownSprite {background-position:0 -656px;} /* tabs */ .lotusui30 .lotusTitleBar2 .lotusTabNavigation .lotusInner {padding:0 15px;} .lotusui30 .lotusTitleBar2 .lotusTabNavigation .lotusGlobalSearch {right:15px;} .lotusui30 .lotusTitleBar2 .lotusTabs {bottom:-1px; margin-top:1.3em;} .lotusui30 .lotusTitleBar2 .lotusTabs li {border-color:#6e6e6e; outline:1px solid #060606; background:#404040; background:-moz-linear-gradient(#5b5b5b, #272727); background:-webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#272727));} .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusTabs li {border-color: #060606;} .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusTabs li.lotusSelected {border-color:#060606; border-bottom-color:#cecece;} .lotusui30 .lotusTitleBar2 .lotusTabs li {margin:0 2px 0 1px;padding:0;} .lotusui30 .lotusTitleBar2 .lotusTabs li a, .lotusui30 .lotusTitleBar2 .lotusTabs li a:visited, .lotusui30 .lotusTitleBar2 .lotusTabs li a:hover, .lotusui30 .lotusTitleBar2 .lotusTabs li a:focus, .lotusui30 .lotusTitleBar2 .lotusTabs li a:active {color:#fff; padding-bottom:8px;} .lotusui30 .lotusTitleBar2 .lotusTabs li.lotusSelected a { background:-moz-linear-gradient(#fff, #cecece); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cecece));} .lotusui30 .lotusTitleBar2 {background: linear-gradient(rgb(221, 221, 221), rgb(241, 241, 241)) repeat scroll 0% 0% transparent; border-top: 0px none; border-bottom-color: rgb(255, 255, 255); box-shadow: 0px -9px 7px -9px rgb(187, 187, 187) inset;} /***********************************************************/ /*************************************/ /*** S P E C I A L S C R E E N S ***/ /*************************************/ /*** A B O U T ***/ .lotusui30_layout .lotusAbout .lotusAboutBox{background-color:#e8f0fb;border:1px solid #d1e0f7;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} /***********************************************************/ /*** H O M E ***/ .lotusui30_layout .lotusHome .lotusContent {background-color:#f4f5f6;} /***********************************************************/ /*** L O G I N ***/ /*this can appear on a plain connections page (gradient background only), or launched in a separate window*/ .lotusui30_layout .lotusLogin2 .lotusForm2{background-color:transparent;} /***********************************************************/ .lotusui30_layout .lotusWelcomeBox{background-color:#e8f0fb;border-color:#d1e0f7;margin-left:0;} /*-------------------DROP SHADOWS-----------------------*/ .lotusui30_layout .lotusContent, .lotusui30_layout .lotusLoginBox, .lotusui30_layout .lotusErrorBox{-webkit-box-shadow:#eee 0 2px 10px;-moz-box-shadow:#eee 0 2px 10px;box-shadow:#eee 0 2px 10px;} /************* D E P R E C A T E D S T Y L E S ******************/ /*base styles*/ /*breadcrumbs with active dividers*/ .lotusui30 .lotusBreadcrumbs .lotusDivider{padding:0 5px;background:url(/images/lotusSprite-8bit.png) 0 -102px no-repeat;text-decoration:none} .lotusui30 .lotusBreadcrumbs .lotusDivider:hover, .lotusui30 .lotusBreadcrumbs .lotusDivider:focus, .lotusui30 .lotusBreadcrumbs .lotusDivider:active{text-decoration:none} /*button in left column, set width*/ /*use lotusBtn, instead*/ .lotusui30 .lotusButton a, .lotusui30 .lotusButton a:visited{color:#222;} .lotusui30 .lotusDialog .lotusDialogHeader2{padding:12px 12px 12px 20px;margin:0 !important;/*so it doesn't pick up the margins from lotusForm*/position:relative;} .lotusui30 .lotusDialog .lotusDialogHeader2 .lotusHeading{font-size:1.2em;font-weight:bold;} .lotusui30 .lotusDialog .lotusDialogHeader2 .lotusClose{position:absolute;top:10px;right:10px;} /*link buttons*/ .lotusui30 span.lotusBtn{padding:0;border-width:0;} .lotusui30 span.lotusBtn a, .lotusui30 span.lotusBtn a:visited, .lotusui30 span.lotusBtn a:hover, .lotusui30 span.lotusBtn a:focus, .lotusui30 span.lotusBtn a:active, .lotusui30 input.lotusFormButton, .lotusui30 button.lotusFormButton{border:1px solid #aaa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#000;} .lotusui30 span.lotusBtn a{padding:2px 8px 4px;} .lotusui30 span.lotusBtn a:hover, .lotusui30 span.lotusBtn a:focus, .lotusui30 span.lotusBtn a:active, .lotusui30 .lotusFormButton:hover, .lotusui30 .lotusFormButton:focus, .lotusui30 .lotusFormButton:active, .lotusui30 .lotusButton:hover, .lotusui30 .lotusButton:focus, .lotusui30 .lotusButton:active{border:1px solid #666;} .lotusui30 .lotusClose img{background-image:url(/images/lotusSprite-8bit.png);background-position:2px -2584px;opacity:0.40;filter:alpha(opacity=40);} .lotusui30 .lotusClose:hover img{opacity:0.50;filter:alpha(opacity=50);} /***********************************************************/ /*dialog variations*/ .lotusui30 .lotusFieldBorder{background-color:#eee;} /*table-based form*/ /*inline form background color is set in lotusTable component*/ .lotusui30 .lotusForm .lotusFieldBorder{background-color:#eee} .lotusui30 .lotusForm .lotusFormTable .lotusFormFooter {background-color:#eee;border-width:1px 0 0;border-style:solid;border-color:#aaa;} .lotusui30 .lotusForm{background-color:#f4f5f6;} .lotusui30 .lotusFormPlain{background-color:#fff;} .lotusui30 .lotusColLeft .lotusForm, .lotusui30 .lotusColRight .lotusForm, .lotusui30 .lotusColLeft .lotusForm .lotusFormTable .lotusFormFooter, .lotusui30 .lotusColRight .lotusForm .lotusFormTable .lotusFormFooter {background-color:transparent;border-width:0;} /*deprecated menu styles*/ .lotusui30 .lotusMenu h2{margin:0 0 7px 10px;padding:0;font-size:1em;} /*deprecated message styles*/ /*** M E S S A G E S ***/ /*these are the yellow warning/error messages that show up at the top of the content area*/ .lotusui30 .lotusMessage{background-color:#ffe3e0;border-color:#efa6a5;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .lotusui30 .lotusWarning{background-color:#ffffbc;border-color:#f6e692;} .lotusui30 .lotusInfo{background-color:#e6f1fe;border-color:#b9cfeb;} .lotusui30 .lotusConfirm {background-color:#ecf9df;border-color:#c8e2b8;} /***********************************************************/ .lotusui30 .lotusConfirm {background-color:#ecf9df;border-color:#c8e2b8;} /*these have been changed to lotusSuccess*/ /*this is the old, combined tips/help component*/ /*** I N F O B O X ***/ /*this is used for help and tips*/ /*----------------------INFO BOX------------------------*/ .lotusui30 .lotusColLeft .lotusInfoBox, .lotusui30 .lotusColRight .lotusInfoBox{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .lotusui30 .lotusInfoBox{border-color:#efd159;} .lotusui30 .lotusHelp .lotusInfoBox{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-color:#fff;border-width:0;} /***pulled from layout.css because this version is being deprecated*/ .lotusui30 .lotusColLeft .lotusInfoBox, .lotusui30 .lotusColRight .lotusInfoBox{margin:0 15px 15px;} /***********************************************************/ /*S E C T I O N */ /*this is used to space out different elements in all three columns*/ /*a section contains a header*/ .lotusui30 .lotusSection{margin:0 0 20px;padding:0;border-width:0;width:auto;} .lotusui30 .lotusSection h2, .lotusui30 .dijitTitlePaneTitle{margin-bottom:0;padding:4px 5px 6px;font-size:1em;color:#000;-webkit-box-shadow:#eee 0px 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;border:1px solid #ccc;background-color:#f4f4f4;background-image:none;background-image:-moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#eaeaea));background-position:left top;-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px;} .lotusui30 .lotusSection .lotusDragHandle{left:0;} .lotusui30 .lotusSection .lotusChunk h3{margin-top:5px;} .lotusui30 .lotusSection .lotusSectionBody{margin:0;padding:5px 10px;border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc;background-color:#fff;-webkit-box-shadow:#eee 0 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;} .lotusui30 .lotusSection .lotusChunk{margin-top:0;margin-bottom:5px;} /****************************************************************/ /*** W I D G E T ***/ .lotusui30 .lotusWidget{margin:0 0 20px;padding:0;border-width:0;width:auto;} .lotusui30 .lotusWidget h2{margin-bottom:0;padding:5px 5px 5px 10px;font-size:1em;color:#000;border:1px solid #ccc;background-color:#f4f4f4; -webkit-box-shadow:#eee 0px 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px;} .lotusui30 .lotusWidget h2 a, .lotusui30 .lotusWidget h2 a:visited, .lotusui30 .lotusWidget h2 a:hover, .lotusui30 .lotusWidget h2 a:focus, .lotusui30 .lotusWidget h2 a:active{color:#222;} .lotusui30 .lotusWidget .lotusWidgetBody{margin:0;padding:5px 10px;background-color:#fff; -webkit-box-shadow:#eee 0 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc;} .lotusui30 .lotusWidgetPlain .lotusWidgetBody{border-width:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .lotusui30 .lotusWidget .lotusChunk{margin-top:0;margin-bottom:5px;} .lotusui30 .lotusWidget .lotusWidgetFooter .lotusPaging{margin:0;padding:5px 0;} .lotusui30 .lotusWidget .lotusList{margin:0 -10px;} /*allows selection to extend to the left and right of the list items*/ .lotusui30 .lotusWidget .lotusList li{padding-left:10px;padding-right:10px;} /***********************************************************/ /*** W I D G E T ***/ .lotusui30 .lotusWidget2{margin:0 0 20px;padding:0;border-width:0;width:auto;} .lotusui30 .lotusWidget2 h2{margin-bottom:0;padding:5px 5px 5px 10px;font-size:1em;color:#000; -webkit-box-shadow:#eee 0px 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;border:1px solid #ccc;background-color:#f4f4f4;background-image:none;background-image:-moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#eaeaea));background-position:left top;-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px;} .lotusui30 .lotusWidgetPlain h2{border-width:1px;} .lotusui30 .lotusWidget2 h2 a, .lotusui30 .lotusWidget2 h2 a:visited, .lotusui30 .lotusWidget2 h2 a:hover, .lotusui30 .lotusWidget2 h2 a:focus, .lotusui30 .lotusWidget2 h2 a:active{color:#222;} .lotusWidget2 h3{margin:0;padding:4px 0;} .lotusui30 .lotusWidget2 .lotusWidgetBody{margin:0;padding:5px 10px;background-color:#fff; -webkit-box-shadow:#eee 0 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;border-width:0 1px 1px;border-style:solid;border-color:#ccc;} .lotusui30 .lotusWidgetPlain .lotusWidgetBody{border-width:0; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .lotusui30 .lotusWidget2 .lotusChunk{margin-top:0;margin-bottom:5px;} .lotusui30 .lotusWidget2 .lotusWidgetFooter{border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc;background-color:#fff; -webkit-box-shadow:#eee 0 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;height:auto;} .lotusui30 .lotusWidget2 .lotusWidgetFooter .lotusPaging{margin:0;padding:5px 0;} /***********************************************************/ .lotusui30 .lotusColLeft .lotusWidget2 .lotusSearch .lotusText, .lotusui30 .lotusColRight .lotusWidget2 .lotusSearch .lotusText{margin:0 2px 0 0;width:77%;} /** W E L C O M E ***/ .lotusui30_layout .lotusWelcome .lotusForm{margin:15px 0;} .lotusui30_layout .lotusWelcome input.lotusBtnSpecial{padding:2px;} /*welcome panel button*/ .lotusui30_layout .lotusWelcomeBox a.lotusClose{padding:0;border-width:0;background:none;} .lotusui30_layout .lotusWelcomeBox a.lotusClose img{background-image:url(/images/lotusSprite-8bit.png);background-position:0 -2586px;opacity:0.25;filter:alpha(opacity=25);} .lotusui30_layout .lotusWelcomeBox a.lotusClose:hover img, .lotusui30_layout .lotusWelcomeBox a.lotusClose:focus img, .lotusui30_layout .lotusWelcomeBox a.lotusClose:active img{opacity:0.40;filter:alpha(opacity=40);} /***********************************************************/ /*this place bar shows up right below the title bar and tells user what place or community they are in*/ .lotusui30 .lotusPlaceBar {margin:-7px 0 -5px; border-width:0 0 1px 0; border-color:#ccc;} .lotusui30 .lotusPlaceBar .lotusHeading {margin-left:0;} .lotusImagesOff .lotusui30 .lotusPlaceBar {margin-top:1px;} /***********************************************************/ /*** T I T L E B A R ***/ /*** T I T L E B A R ***/ /*the blue bar under the , that contains tabs and search UI*/ .lotusui30 .lotusTitleBar {margin:0;border-bottom:8px solid #fff;background-color:#343434; background-image:-moz-linear-gradient(#8495ad 0, #8495ad 1px, #6f849f 1px, #3c587d 50%, #304b70 50%, #283f5e 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#8495ad), to(#283f5e), color-stop(.03, #8495ad), color-stop(.03, #6f849f), color-stop(50%, #3c587d), color-stop(50%, #304b70), color-stop(100%, #283f5e));-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} .lotusui30 .lotusTitleBar .lotusInner, .lotusui30 .lotusTitleBar .lotusRightCorner {background-image:none;background-color:transparent;} .lotusui30 .lotusTitleBar .lotusRightCorner {border-bottom:1px solid #1e2f47;} .lotusui30 .lotusTitleBar .lotusSearch .lotusText, .lotusui30 .lotusTitleBar .lotusSearch .lotusScope, .lotusui30 .lotusTitleBar .lotusSearch .lotusBtnImg, .lotusTitleBar .lotusTabs li{border-color:#1e2f47;} .lotusui30 .lotusTitleBar .lotusTabs li{border-color:#1e2f47;border-bottom-color:#1e2f47;background-color:#283f5e;} .lotusui30 .lotusTitleBar .lotusSearch .lotusScope, .lotusui30 .lotusTitleBar .lotusSearch .lotusBtnImg{background-color:#283f5e;color:#fff;} .lotusui_ie6 .lotusui30 .lotusTitleBar .lotusSearch .lotusScope, .lotusui_ie6 .lotusui30 .lotusTitleBar .lotusSearch .lotusScope:visited{color:#fff;} .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected{border-color:#1e2f47;border-bottom-color:#fff;} .lotusui30 .lotusTitleBar .lotusTabs{margin-left:5px;bottom:0;} .lotusui_ie6 .lotusui30 .lotusTabs{bottom:-1px;} .lotusui30 .lotusTitleBar .lotusHeading{color:#fff;padding-top:8px;} .lotusui30 .lotusTitleBar .lotusTabs li{margin-right:3px;padding:0;} .lotusui30 .lotusTitleBar .lotusTabs li a{color:#fff;} .lotusui30 .lotusTitleBar .lotusTabs li a:hover, .lotusui30 .lotusTitleBar .lotusTabs li a:focus, .lotusui30 .lotusTitleBar .lotusTabs li a:active{color:#fff;} .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected a{background-color:#fff;color:#000;} .lotusui30 .lotusTitleBar .lotusSearch {top:.5em;right:20px;} .lotusui30 .lotusTitleBar .lotusSearch .lotusBtnImg{padding:3px;background-image:none;} /* temporary fix for search scope dropdown icon */ .lotusui30 .lotusTitleBar .lotusSearch .lotusScope{background-position:100% -972px;} /*accesibility*/ .lotusImagesOff .lotusui30 .lotusTitleBar{border-bottom-width:0;} .lotusImagesOff .lotusui30 .lotusTitleBar .lotusBtnImg .lotusAltText{color:#fff;} /***********************************************************/ .lotusui30 .lotusTitleBar, .lotusui30 .lotusPlaceBar{padding:0 20px;} /***********************************************************/ /* IBM Confidential - OCO Source Materials */ /* (C) Copyright IBM Corp. 2012 */ /* The source code for this program is not published or otherwise divested */ /* of its trade secrets, irrespective of what has been deposited with the */ /* U.S. Copyright Office. */ html, body {height: 100%;margin: 0; padding: 0; font-size: 11px; font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;} body { background: #ffffff !important;font-size: 10px; width: 100%; height: 100%; overflow: hidden;} #container { height: 100%; width: 100%; } table { border-collapse: collapse;border:none; } th { text-align: left; } html[dir="rtl"] th { text-align: right; } a:hover { cursor: pointer; } a.toggler { text-decoration: none; } a { color: #00f;text-decoration: underline; } hr { border: none; height: 1px; background-color: #e0e0e0; } img { border: none; } label.block {display: block; } legend { font-size: 1em; margin: 1rem 0 0; } h1, h2, h3, h4, h5, h6 {margin: 0; } h2.section-header { padding: 8px 5px; margin-bottom: 0; font-size: 1.2em; font-weight: bold; border: none; } .form_label_field_pair { margin-bottom: 10px; } .form_label_mixed_field_pair { margin-bottom: 10px; border: 1px solid blue; padding: 5px; width: 200px; background-image: url(/images/misc/MixedIcon.png); background-position: 90% 50%; background-repeat: no-repeat; } .form_label_field_pair_padded { margin-bottom: 10px; padding-left: 20px; } .staticwidgetheight { height: 300px; } h1 { text-align: center; padding-top: 5px; background-color: #f2f2f2; font-size: 1em; font-weight: bold; margin: 0; } .date-time-filterselect { width: 100px; } .timezone-filterselect { width: 200px; } .config-section-content { padding: 5px; } .updates-config-section { margin-bottom: 10px; } .bold-td { font-weight: bold; } /*Headers no icon*/ /*End headers no icon*/ h5 a { font-weight: normal; } /*End Headers with Icon*/ /*Generic Header*/ h6 { font-size: 1em; font-weight: bold; } .in-use-indicator { background-image: url(/images/9x9/lock_inUse.png); background-position: 100% 0; padding-right: 12px; background-repeat: no-repeat; height: 16px; display: inline-block; } .id_invalid_item { color:red; } .hidden-elm {display: none; } .visible-elm {display: block; } .offscreen-hidden-elm {position: absolute; left: -9999px; } body.hidden-container { visibility: hidden; position: absolute; left: -9999px; } html[dir="rtl"] body.hidden-container { right: -9999px; } #appLayout { height: 100%; } #preloader { width:100%; height:100%; margin:0; padding:0; background:#fff no-repeat center center; position:absolute; z-index:999; } #prodname { font-size: 14px; font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; color: rgb(255, 255, 255); text-shadow: 0px 1px rgba(0, 0, 0, 0.3); font-weight: bold; float: left; margin: 10px 6px 0px 7px; padding: 0px 9px 0px 20px; display: block; } #banner-hostname, #banner-username { font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; color: rgb(255, 255, 255); font-weight: 500; float: left; margin: 1rem 0; padding: 0 1rem;; display: block; } #banner-username { padding: 0 1.5rem 0 1rem; position: relative; } .float_break {margin:0;padding: 0;clear:both;height:0;font-size: 1px;line-height: 0; } .high-priority {color: #f00;font-weight: bold; } .med-priority {color: #FF9D4F;font-weight: normal; } .low-priority {color: #00BF1A;font-weight: normal; } /*End Global Element Styles*/ .inline-panel { background-color: #f3f3f3; margin-bottom: 10px; } .inline-help { font-weight: normal; color: #666; } .nocontentwrap { white-space: nowrap; } #north-pane { overflow: visible; } #header { position:absolute; z-index: 5; background-color: #fff; width: 100%; } .msg-box{ position: absolute; z-index: 9999; } #filter-list p{ margin: 0; } .button-panel { height: 25px; position: relative; } .button-panel .button-list { list-style-type: none; position: absolute; right: 0px; } html[dir="rtl"] .button-panel .button-list { left: 0px; } .button-panel .button-list li{ float: left; } html[dir="rtl"] .button-panel .button-list li{ float: right; } #center-content-pane p{ margin: 0; padding: 0; line-height: 2; } .updates-overview td { padding-right: 34px; padding-left: 5px; padding-top: 5px; vertical-align: top; } .license-content td { vertical-align: top; } .update-available-box { background-color: #FEFFBF; margin: 5px; border: 1px solid #EDEEAE; width: 300px; } .dca-db-box { margin: 5px; border: 1px solid #EFEFEF; width: 300px; } .licensed-module-box { margin: 5px; border: 1px solid #EFEFEF; width: 400px; } /* END GRID TOOLBAR STYLES */ .toolbar { padding-left: 5px; background-repeat: repeat-x; background-color: #DDDDDD; overflow: hidden; } html[dir="rtl"] .toolbar { padding-right: 5px; } .toolbar ul { list-style-type: none; } #preview-pane{ position: relative; margin-bottom: 5px; } #preview-pane ul{ padding: 0px 0px 0px 20px; } .side-pane-content { padding: 5px; overflow: auto; } #a-close-preview-pane { position: absolute; right: 5px; top: 5px; } html[dir="rtl"] #a-close-preview-pane { left: 5px; } .rule-list{ overflow: auto; } .rule-list ul{ margin: 0; padding: 0; list-style-type: none; } .rule-list td,th { white-space: nowrap; } .bar-graph-populated { margin-bottom: 5px; width: 100%; height: 300px; } .empty-graph-msg { text-align: center; } .loading-indicator { background-image: url(/images/misc/ajax-circle-loader.gif); height: 32px; width: 100%; background-position: 50% 0; background-repeat: no-repeat; border: none; z-index: 9999; } .tooltip-content ul{ margin: 0; padding: 0; } .tooltip-content ul.indented-list { margin-left: 15px; } .tooltip-content li { list-style-type: none; } .tooltip-content table td { padding: 3px; } #dialog_form_wrapper { height: 200px; width: 400px; } .il-help { color: #eee; font-size: .9em; } .toolbar li { float: left; } html[dir="rtl"] .toolbar li { float: right; } .toolbar .btn-separator { border-right :1px solid #aaa; float:left; height:22px; margin:1px 3px; } html[dir="rtl"] .toolbar .btn-separator { float: right; } .toolbar ul{ margin: 0; padding: 0; } /* END GRID TOOLBAR STYLES */ html[dir="rtl"] #top_links_bar { left: 60px; } #top_links_bar { white-space: nowrap; background: none; border: none; background-color: transparent; } #top_links_bar a { color: #222; text-decoration: none; } /*#message { z-index: 9999; }*/ #lang-list { list-style-type: none; margin: 0; padding: 0; } .modal-form-wrapper-2 { height: 250px; width: 450px; } .poll-wait { text-align: left; width: 320px; background-image: url(/images/msic/small_ajax_loader.gif); background-repeat: no-repeat; background-position: 5px 10px; right: 3px; padding: 10px 10px 10px 25px; font-weight: bold; z-index: 9999; border: 1px solid #000; background-color: #fff; font-size: .9em; } html[dir="rtl"] .poll-wait { text-align: right; left: 3px } .required_h { display: none; } .alert-panel { background: #ffffff url(/images/misc/alert-panel-icon.png) no-repeat 5px 10px; min-height: 80px; } .alert-panel ul { list-style-type: square; padding-left: 20px; } html[dir="rtl"] .alert-panel ul { padding-right: 20px; } .alert-panel-content {padding: 5px 5px 5px 40px; } .alert-panel-content p { margin: 10px 0; } .busy-panel-content { padding: 20px 20px 20px 50px; } .busy-panel-content-text { margin-left: 25px; } .checkbox-wrapper { overflow: hidden; white-space: nowrap; float: left; width: 160px; } html[dir="rtl"] .checkbox-wrapper { float: right; } .c-outline { border: 1px solid silver; } .console-look { background-color: #000000; color: #FFFFFF; display: inline-block; padding: 13px; font-size: 1.1em; font-family: IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace; position: relative; width: 100%; height: 100%; } .error-panel { margin-bottom: 1px; background: #efefef url(/images/32x32/st32_critical.png) no-repeat 5px 40px; background-color: #fff; } .required-field-text{ color: #f00; position: absolute; right: 10px; top: 15px; } .error-panel .alert-panel-title { background: #f00; color: #fff; padding: 5px; font-weight: bold; } .info-panel { margin-bottom: 1px; background: #efefef url(/images/32x32/st32_informational.png) no-repeat 5px 35px; background-color: #fff; min-height: 80px; } .info-panel .alert-panel-title { background: #439dca; color: #fff; padding: 5px; font-weight: bold; } div.config-footer { background-color: transparent; border-top: 1px solid transparent; } div.config-footer ul { list-style-type: none; width: 100%; margin: 0; padding: 0; } div.config-footer ul li { width: 40%; } div.config-footer ul li.left { padding-left: 5px; float: left; } html[dir="rtl"] div.config-footer ul li.right { padding-right: 5px; float: right; } div.config-footer ul li.right { float: right; text-align: right; padding-right: 5px; } html[dir="rtl"] div.config-footer ul li.left { float: left; text-align: left; padding-left: 5px; } #content { padding: 10px; } /* End Section */ /*Panel Styles */ .panel-container { background-repeat: repeat-x; background-image: url(/images/nav/grad2.png); padding: 0; margin-bottom: 0; border: 1px solid #ddd; } .panel-content { padding: 10px; } .panel-info-content { padding: 10px; background-color: #EFEFEF; } .alert-pending-policy { padding: 3px; position: absolute; top: 48px; right: 10px; background-color: #000; color: #fff; min-width: 20px; text-align: center; text-decoration: none; font-size: 1em; border: 2px inset #aaa; font-weight: bold; border-bottom: 1px; } html[dir="rtl"] .alert-pending-policy { left: 10px; } .login_field { width: 270px; } #access-banner { min-width: 362px; max-width: 724px; position: relative; top: 10%; margin-left: auto; margin-right: auto; border: 3px outset #999; background: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); background: -moz-linear-gradient(top, #fff, #ccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); background-repeat: no-repeat; } #access-banner-header { font-size: 1.3em; font-weight: normal; height: auto; } #access-banner-body { margin: 20px; } .context-menu { z-index: 3000; position: absolute; top: 170px; background-color: #fff; list-style-type: none; border: 1px solid #000; display: none; margin: 0; padding: 0; } .context-menu li a { display: block; height: 10px; border-top: 1px ridge #666; padding: 5px; color: #000; text-decoration: none; font-weight: bold; } .context-menu li a:hover { background-color: #F5F5DC; } .context-menu li:first-child a { border-top: none; } .alert-pending-policy-title { background-color: #2A3357; padding: 2px 10px; font-weight: bold; color: #fff; margin: 5px; line-height: 1.5; font-size: .9em; } .btn-panel-margin { margin-top: 10px; } .network-state { height: 16px; line-height: 1.7; background-repeat: no-repeat; text-indent: 16px; } #network-objects-c .object-tag:hover { background-color: #F5F5DC; } #network-objects-c p{ margin: 0; } #icmptclist { padding: 5px; border: 1px solid #cccccc; background-color: #f8f8f8; height: 200px; width: 150px; overflow: auto; } #icmptclist li{ padding: 3px 10px; } .header-row { height: 22px; padding: 5px; background-repeat: repeat-x; background-image: url(/images/misc/bg.gif); overflow: hidden; } .header-row { border-bottom: 1px solid silver; } .active-toggle { background-position: 0 0; } #ips-search-criteria input, #ips-search-criteria select { width: 200px; } /*End General Styles*/ /*Drag and Drop Styles*/ .draggable-container, .droppable-container { width: 325px; } .droppable-container { padding: 5px; border: 1px solid #ddd; margin-bottom: 5px; } .droppable-container ul { list-style-type: none; margin: 0; padding: 0; } .draggable-container { margin-bottom: 4px; padding: 1px; padding-right: 5px; border: 1px dashed #666; position: relative; height: 25px; } .draggable { border: 1px dashed #666; list-style-type: none; } .draggable-subitem { margin-bottom: 3px; padding: 3px; cursor: move; width: 100%; position: relative; height: 11px; } .draggable:hover { background-color: #FEFF5F; cursor:move; } .non-draggable { border: 1px solid #666; } .drag-icon { height: 16px; width: 16px; display: block; background-image: url(/images/misc/ui-sprite.png); background-position: 0px -80px; position: absolute; right: 0px; top: 1px; } .modal-content-padding { padding: 10px; } #modal-window textarea{ height: 80px; } .modal-msg { position: absolute; z-index: 9999; } h2.modal-pane-header { background-color: #326699; padding: 5px 10px; font-size: 1.3em; color: #fff; } /*End Drag and Drop Styles */ /*Login Page Styles*/ #centered-container { margin: 0 auto; width: 22rem; position: relative; top: 30%; padding: 8px; } #centered-container label { font-size: 1.3em; font-weight: normal; } #centered-container .field { margin-bottom: 5px; } #centered-box { padding: 10px; background-color: #9A9A9A; height: 280px; border: 5px solid #9A9A9A; color: #222; } #centered-box #tagline { font-size: 1em; } .login-container { border: 1px solid #e2e2e2; position: fixed; width: 100%; height: 100%; background-color: #ffffff; overflow: hidden; z-index: 1; font-family: inherit; } .login-container .layout-right { position: absolute; top: 0; right: 0; left: 50%; bottom: 0; max-width: 100%; padding: 100px; background-color: #ffffff; transition: all 100ms cubic-bezier(0.1, 0.6, 0.15, 1); box-sizing: initial; } .login-container .layout-left { position: absolute; top: 0; left: 0px; width: calc(50% - 80px); height: calc(100% - 144px); padding: 80px 40px 64px 40px; overflow: auto; transition: all 100ms cubic-bezier(0.1, 0.6, 0.15, 1); box-sizing: initial; background: #f2f4f8; } .login-container .welcome-illustrations { min-width: 315px; position: absolute; width: 50%; top: 40%; left: 25%; } .login-container .welcome-illustrations img { width: 100%; } .login-container .heading { border-radius: 0; background-color: #fff; height: auto; width: 100%; border: 0 solid #000; } .login-container .heading div { text-align: left; margin: 0.75rem 0; } .login-container .heading h1, .login-container .heading h2 { font-size: 1rem; color: #242a2e; letter-spacing: 0; margin: 0; padding: 0; border: 0; display: inline-block; background: none; height: unset; line-height: 2.5rem; } .login-container .heading h1 { font-weight: 400; } .login-container .heading h2 { font-weight: 700; } .login-container .heading h1 .r { font-size: inherit; margin: 0; position: relative; top: 0; } .login-container .login-main { padding-top: 20px; } .login-container input[type="text"].bx--text-input, .login-container input[type="password"].bx--text-input { background-color: #f3f3f3; border: none; border-bottom: 1px solid #8c8c8c; -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); } .login-container .bx--form-item { margin-bottom: 1.5rem; } .login-container .login-footer { padding: 20px 50px; position: fixed; bottom: 0; right: 0; z-index: 1000; font-size: 12px; letter-spacing: .1px; line-height: 18px; background-color: #fff; width: auto; left: 50%; border-top: 2px solid #f2f4f8; } .login-copyright { font-size: 1.2em; margin: 40px 0 0 0; } .login-container .login-footer .login-copyright { font-size: 0.875rem; margin: 0; } .login-container .login-error-message { margin: 2rem 0; line-height: 1.25em; font-size: 14px; font-weight: 700; overflow: auto; clear: both; } .login-container .bx--toast-notification { margin-bottom: 20px; } .login-container .bx--toast-notification__details { margin: 1rem 0; } .login-container .bx--toast-notification__title, .login-container .bx--toast-notification__caption { margin:0; } .upload-polling { text-align: center; margin-top: 200px; height: 100px; background-image: url(/images/misc/ajax-loader.gif); background-repeat: no-repeat; background-position: 50% 50%; margin: 0 auto; } .focusField { border:solid 2px #73A6FF; background:#EFF5FF; color:#000; } .idleField { background:#EEE; color: #6F6F6F; border: solid 2px #DFDFDF; } tr.dirty-row { background: #77cc66; } tr.invalid-row { background: #cc6666; } /*End Login Page Styles*/ /*Policy editing styles*/ #id_dialog h5 { margin: 0; padding: 0; } #id_dialog textarea { height: 80px; } #id_dialog h4 { font-weight: bold; font-size: 1.1em; height: 20px; text-indent: 5px; padding-top: 8px; } #id_dialog h5 label { font-size: .9em; } .id_dialog-content p{ margin-bottom: 5px; margin-left: 25px; border-bottom: 1px solid silver; } #id_dialog ul { list-style-type: none; margin: 0; padding: 0; } #id_dialog li.side-by-side{ padding: 5px 0; } #id_dialog .side-pane-content ul { list-style-type: disc; padding: 0 0 0 15px; } #id_dialog ul li.side-by-side{ float: left; } html[dir="rtl"] #id_dialog ul li.side-by-side{ float: right; } #id_dialog div.id_dialog-content{ padding: 5px 10px; height: 195px; overflow: auto; } #modal_editor_form_container table{ border: 1px solid #ccc; } #id_dialog .side-pane-content { padding: 5px; border: 0px solid #ccc; background-color: #f8f8f8; } .dijitDialog ul { list-style-type: none; margin: 0; padding: 0; } .selected-nav-node { font-weight: bold; font-size: 1.2em; } .dijitDialog li.side-by-side { float: left; padding: 5px; } h3.modal-pane-subheader{ padding: 7px; font-size: 1.1em; border-bottom: 1px solid silver; } h3.modal-pane-subheader input, span{ margin: 0; padding: 0; } #app-form-list li { padding: 5px; } #app-apps-list { line-height: 1.2; } .bottom-separator-border{ border-bottom: 1px solid #aaa; } /*End policy editing styles */ /*Footer Styles */ #footer-container { position:absolute; bottom:0; width: 100%; } #footer { background-image: url(/images/gradients/footer-grad.gif); background-repeat: repeat-x; list-style-type: none; color: #fff; height: 27px; width: 100%; line-height: 2.5; background-color: #000; } #footer ul { margin: 0; } #footer table td { padding: 0 0 0 10px; } #footer a {color: #fff; } #footer p { color: #000; margin: 0; } #footer p a { color: #aaa; text-decoration: underline; } .secondary_links {padding: 0; } .secondary_links li { list-style-type: none; padding: 0 8px; white-space:nowrap; height:1%; display: inline; border-left:solid 1px #0D486F; } html[dir="rtl"] .secondary_links li { border-right:solid 1px #0D486F; } .secondary_links li.first { border: none; padding: 0 12px 0 0; } /*End footer styles */ .even-row { background-color: #f0f0f0 } .rowStripe { border-top: #9FCFFF; border-bottom: #9FCFFF; } .rowStripe td{ background-color: #D1E0EF; } .select-pane-content { background-color: #ffffff; height: 420px; overflow: auto; } .select-pane-content li { padding: 3px 0; list-style-type: none; } #selected-pane-toolbar { height: 26px; } #stage-table { border: 1px solid silver; background-color: #DDDDDD; } #stage-table-ul { list-style-type: none; } #stage-table-ul div.stage-table-cell { border: 1px solid #000; width: 100px; padding: 5px; } #stage-table th { text-overflow: ellipsis; height: 16px; line-height: 16px; margin: 0; padding: 4px; font-weight: normal; font-weight: bold; } #stage-table td, #stage-table th { padding: 2px 0 2px 3px; border-right: 1px dotted silver; } html[dir="rtl"] #stage-table td, #stage-table th { padding: 2px 0 2px 3px; border-left: 1px dotted silver; } #stage-table tr { border-top: 1px solid silver; } #stage-table tr:hover { background-color: #F5F5DC; } #stage-table tr.selected { background-color: #F5F5DC; } .ul_no_bullet_no_indent { list-style-type: none; margin: 0; padding: 0; } #qos { width: 30% } /* OVERRIDES - Begin */ .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; background: url(/javascripts/jquery-ui/css/lmi-theme/images/ui-bg_highlight-soft_100_cccccc_1x100.png) repeat-x scroll 50% 50% #CCCCCC; } /* OVERRIDES - End */ /* Graphs */ .dashboard-panel-side{ text-align: left; width: 120px; background-color: #f9f9f9; padding: 5px; } html[dir="rtl"] .dashboard-panel-side{ text-align: right; } .dashboard-graph{ width: 100%; position: relative; color: #000; background-color: #fefefe; } /* .dashboard-graph label{ position: relative; top: 10px; left: 30px; } html[dir="rtl"] .dashboard-graph label{ right: 10px; } */ #cb-network-mini-graph{ margin-left: 10px; } .date-range-radio-button{ float:left; padding-bottom: 5px; width:70px; } html[dir="rtl"] .date-range-radio-button{ float:right; } .dashboard-select-dropdown{ background-image: url(/images/nav/black_down_arrow.png); background-position: 100% 5px; background-repeat: no-repeat; padding-right: 10px; color: #000; font-size: 1.1em; } .dashboard-context-menu ul{ display: none; position: absolute; min-width: 113px; padding: 0; background-color: #fff; z-index: 100000; list-style-type: none; border: 1px solid #000; top: 40px; } .dashboard-context-menu a{ color: #000; display: block; font-size: 11px; text-decoration: none; margin: 0px; padding: 2px; border-bottom: 1px solid #000; } .dashboard-context-menu a.last-menu-item{ border: none; } .edgeSortable { height: 400px; width: 500px; border: 1px solid #f00; display: block; } .dashboard-context-menu a:hover{ color: #fff; cursor: pointer; } .drop-placeholder { border: 3px dashed #ccc; } .widget-container { background-color: #fff; line-height: normal; } .widget-header { height: 19px; position: relative; } /* .widget-container { width: 470px; } */ .widget-container th { font-weight: bold; } .widget-container td, th { padding: 3px; } .widget-content{ padding: 5px; min-height: 110px; } .refresh-reset-ul{ list-style-type: none; } .btn-reset-graph{ display:none; } .btn-refresh-graph{ margin-bottom: 10px } .refresh-reset-ul li a{ } .mini-bar-graph{ width:530px; height:200px; color: #fff; white-space: nowrap; margin-bottom: 20px; } .mini-bar-graph canvas{ width: 530px; } #security_summary div div.tickLabels a{ text-decoration: none; font-size: 10px; color: #0E328C; } #security_summary div div.tickLabels a:hover{ font-weight: bold; } .refresh{ background-image: url(/images/16x16/ac16_refresh_24.png); background-repeat: no-repeat; height: 22px; padding-left: 24px; font-weight: normal; font-size: 1em; margin-right: 5px; display: inline-block; } html[dir="rtl"] .refresh{ padding-right: 24px; } .reset{ background-image: url(/images/16x16/ac16_undo_24.png); background-repeat: no-repeat; height: 22px; padding-left: 24px; font-weight: normal; font-size: 1em; margin-right: 5px; } html[dir="rtl"] .reset{ padding-right: 24px; } .ticklabels{ background-color: #fafafa; } .bar-graph-inner-container{ background-color: #ffffff; width: 550px; } .graph-fieldset{ background-color: #fafafa; width: 555px; } .bar-graph-inner-container-with-filters{ background-color: #ffffff; width:630px; height:680px; } .graph-fieldset-with-filters{ background-color: #fafafa; width: 645px; } .graph-and-refresh-reset{ padding-top:10px; padding-left:10px; } html[dir="rtl"] .graph-and-refresh-reset{ padding-right:10px; } .refresh-reset-buttons{ position:absolute; top:90px; left:550px; } #refresh-reset-bytes-buttons{ /* position:relative; top:-190px; left:55px; */ position:absolute; top:90px; left:550px; } html[dir="rtl"] .refresh-reset-buttons{ left: 0px; right: 530px; } #x-bits-unit-label{ position:absolute; top:65px; left:0px; } #x-packets-unit-label{ position:absolute; top:325px; left:0px; } .date-line-filters{ margin:0px 30px 0px 37px; width:468px; } .filter-left{ float:left; margin-left: 10px; min-height: 75px; width:100px; } html[dir="rtl"] .filter-left{ float: right; } .filter-right { float: right; margin-right: 10px; min-height: 75px; width: 260px; } html[dir="rtl"] .filter-right{ float:left; } .date-range-buttons { padding-left: 10px; } html[dir="rtl"] .filter-right{ float:left; } .date-range-buttons{ padding-top:10px; } html[dir="rtl"] .date-range-buttons{ padding-right: 10px; } td.graph-cb{ width:20px; } td.graph-cb-label{ width:120px; } td.cb0{ background-color:#8BADE7; color:black; } td.cb1{ background-color:#4CCC33; color:black; } td.cb2{ background-color:#7F6699; color:white; } td.cb3{ background-color:#0758C4; color:white; } td.cb4{ background-color:#8BADE7; color:black; } td.cb5{ background-color:#4CCC33; } td.cb6{ background-color:#7F6699; color:white; } td.cb7{ background-color:#0758C4; color:white; } td.cb8{ background-color:#8BADE7; color:black; } td.cb9{ background-color:#4CCC33; color:black; } td.cb10{ background-color:#CCB2E5; color:black; } td.cb11{ background-color:#C3C300; color:black; } td.cb12{ background-color:#7F6699; color:white; } td.cb13{ background-color:#0758C4; color:white; } td.cb14{ background-color:#00005d; color:white; } td.cb15{ background-color:#E28D00; color:white; } td.cb16{ background-color:#8BADE7; color:black; } td.cb17{ background-color:#4CCC33; color:black; } td.cb18{ background-color:#CCB2E5; color:black; } td.cb19{ background-color:#C3C300; color:black; } td.cb20{ background-color:#7F6699; color:white; } td.cb21{ background-color:#0758C4; color:white; } td.cb22{ background-color:#00005d; color:white; } td.cb23{ background-color:#E28D00; color:white; } /*.claro div.dijitTitlePaneContentInner { padding: 0; } .claro div.dijitTitlePaneContentOuter { border: none; }*/ .modal-edit-checkbox-list li { padding-left: 5px; } .gridIconWithText { padding-left: 20px; line-height: 1.5; } .titlePanePadding { padding: 5px; } .titlePanePadding table td{ padding: 2px; } .titlePanePadding table tr{ border-bottom: 1px solid #ddd; } .titlePaneCloseIcon { position: absolute; right: 10px; top: 5px; } .titlePaneConfigureIcon { position: absolute; right: 10px; top: 3px; } .add-identity { padding-left: 1em; } .remove-identity { padding-left: 1em; } #ips-object-table { margin-top: 5px; } #ips-object-table tr { background-image: url(/javascripts/dojo/dojox/grid/resources/images/row_back.png); background-repeat: repeat-x; border-top: 1px solid #E5DAC8; } #ips-object-table tr.even-row-style2 { background-color: #F7FCFF; } #ips-object-table tr { background-color: #FFF; } #ips-object-table tr:hover { background-color: #CEE6FA; } #ips-object-table td{ padding: 3px 0; } #browser-check-display-area p, ul{ margin: 0; } #data th { font-weight: bold; padding: 0; } /* .widget-container { background-color: #fff; } .widget-header { height: 19px; position: relative; } */ .container-header { font-size: 14px; font-weight: 400; line-height: 1.625rem; padding: 0.75rem; } .mgaPageTitle { font-size: 14px; font-weight: 400; } .disabledPane { opacity: 0.5; filter: alpha(opacity=50); } .ngfMgtPortUp,.ngfMgtPortDown,.ngfPassivePortUp,.ngfPassivePortDown,.ngfInlinePortsUp,.ngfInlinePortsDown,.ngfCalendar,.ngfDown { background-image: url(/images/16x16/commonIconsNGF.png); width: 16px; height: 16px; } .ngfMgtPortUp { background-position: 0px; } .ngfMgtPortDown { background-position: -16px; } .ngfPassivePortUp { background-position: -32px; } .ngfPassivePortDown { background-position: -48px; } .ngfInlinePortsUp { background-position: -64px; } .ngfInlinePortsDown { background-position: -80px; } .ngfCalendar { background-position: -96px; } .ngfDown{ background-position: -112px; } .ngfRedDownArrow { background-image: url(/images/16x16/red_down_arrow.png); width: 16px; height: 16px; } .ngfRedDownArrow { background-position: 0px; } .ngfGreenUpArrow { background-image: url(/images/16x16/green_up_arrow.png); width: 16px; height: 16px; } .ngfGreenUpArrow { background-position: 0px; } #dropdown-menus{ margin: 0 10px 10px 10px; } #interfaces-dropdown-menu{ margin-left: 0 20px 0 0; float: left; } #date-range-dropdown-menu{ margin: 10 px 10px 10px 0; } #number-pending-changes { color: #fff; } #results-tree .dijitTreeRowHover { background-color: white; border-color: white; /* padding: 3px 0 1px; */ } #results-tree .dijitTreeNodeActive { border: none; } #results-tree .dijitTreeRowActive { background : none; /* padding: 0px 0 0px; */ /* margin-left: 0; */ border: none; } #results-tree .dijitTreeRowSelected { background-repeat: repeat-x; background-color: white; /* padding: 3px 0 1px; */ /* margin: 0; */ border: none; color: black; } #results-tree .dijitTreeLabelFocused { border: none; } .select-pane-content :focus { outline: none; /* outline-style: auto; */ /* outline-width: 5px; */ /* outline-color: -webkit-focus-ring-color; */ } label.attachment input[type="file"] { position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } label.attachment { width: 80px; height: 25px; background: url(/images/fileinput_button.png) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; } #cert-file-name { position:absolute; left: 85px; top: 350px; } label.attachment input[type="file"] { position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); } label.attachment { width: 80px; height: 25px; background: url(/images/fileinput_button.png) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; } #cert-file-name { position:absolute; left: 85px; top: 303px; } .updates-server-config-fieldset { background-color: #FAFAFA; width: 555px; margin: 15px 0px 25px 20px; } .sortable { list-style-type: none; margin: 0; padding: 0; float: left; width: 50%;} .sortable li { font-size: 1em; padding-left: 0px; margin: 0 5px 5px 0; } .claro .dijitContentPane { padding-left: 0px; padding-top: 0px;} .widget-chart { height: 300px; width: 420px; } .address-port-fields{ background-color: #E8E8E8; padding: 15px; margin: 0px 10px 0px 0px; position: relative; top: -10px; } table tr.form-fields { height: 20px; } #sp_xpress_update_server_cert_file { width: 505px; margin: 20px 10px; background-color: #F5F5F5; } #sp_xpress_update_server_cert_file_label { color: #999999; font-size: .95em; } #current_cert_file_name { color: #999999; } .widget-spinner { position: absolute; top: 50%; right: 50%; } .deploy_warning { background-color :#ffffc2; background-image :url(/images/message/bkg_message_warning.gif); background-repeat :repeat-x; background-position :top; border-style :solid; border-color :#ffffae #ffffae #d4d487 #ffffae; border-width :1px; padding :10px; } .sp_info { background-color :#d1f0ff; background-image :url(/images/message/bkg_message_info.gif); background-repeat :repeat-x; background-position :top; border-style :solid; border-color :#ceeffe #ceeffe #a5c5d4 #ceeffe; border-width :1px; padding :10px; } .link-list { padding: 0; margin: 0; list-style-type: none; } .link-list li{ margin-bottom: 5px; } #sidemenu-table { margin-top: 5px; } #sidemenu-table tr { background-image: url(/javascripts/dojo/dojox/grid/resources/images/row_back.png); background-repeat: repeat-x; border-top: 1px solid #FFF; } .last-row { border-bottom: 1px solid #FFF; } #sidemenu-table tr.even-row-style2 { background-color: #FFF; } #sidemenu-table tr { background-color: #FFF; } #sidemenu-table tr:hover { background-color: #CEE6FA; } #sidemenu-table tr.selected { background-color: #CEE6FA; } #sidemenu-table td{ padding: 3px 0; font-weight: bold; } #sidemenu-table tr.selected { background-color: #CEE6FA; } #west-c1-content { min-height: 200px; /*overflow: hidden;*/ } #west-c1-container { /*overflow: hidden;*/ } .pem-cert { font-size: .9em; font-family: IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace; } #update-server { margin: 0px 10px 20px 20px; } table.sparkline-table td{ padding: 0; } #update-server td { height: 20px; } .cert-expire-warning-message { color: red; } .cert-expire-warning-message-2 { color: red; } .cert-expire-warning-message-3 { color: red; } .cert-expire-warning-message-4 { color: red; } .hide { display: none; } .show { display: block; } #results-tree .dojoxGridHeader { display: none; } #selected-list .dojoxGridHeader { display: none; } ul.tree-grid-idenitity { padding-left: 20px; } .identity_text { padding-left: 20px; height: 18px; } li.tree-grid-icon { padding-left: 0px; } #identity-table { height:450px; width:98%; } .button-holder { width: 26px; } .modal-file-download-form-wrapper { height: 230px; width: 500px; } .form-padder { padding: 20px 20px 20px 20px; } .dojoxUploaderFileListHeader { background-color: #e0e0e0; } .file-list-section { background-color: #FCFCFC; width: 420px; text-align: left; } .dojoxUploaderIndex { width: 10px; padding:0 10px 0 0; } .dojoxUploaderIcon { width: 40px; padding:0 10px 0 0; } .dojoxUploaderFileName { width: 300px; padding:0 10px 0 0; } .dojoxUploaderFileSize { width: 50px; padding:0 10px 0 0; text-align: left; display: none; } .dojoxUploaderSize { width: 50px; padding:0 10px 0 0; text-align: left; display: none; } .polling { /* border: 5px solid #f8f8f8; */ padding: 10px; width: 400px; text-align: center; margin-top: 200px; height: 55px; background-image: url(/images/misc/ajax-loader.gif); background-repeat: no-repeat; background-position: 50% 96%; margin: 10px auto; } .polling-complete { /* border: 5px solid #f8f8f8; */ padding: 10px; width: 400px; text-align: center; margin-top: 100px; height: 70px; margin: 10px auto; } .polling-complete-button { padding: 10px; text-align: center; margin: 10px; width: 26.1px; height : 15.3833px; } .ips-edit-event-table-header { padding: 5px; font-size: 1.2em; border-bottom: 2px solid silver; display: block; } .ips-edit-event-legend { font-size: 1.1em; } .ips-edit-event-label { font-weight: normal; } .ips-edit-reset-label { font-weight: bold; } .ips-edit-event-table { border: none; } .ips-padding { padding: 2px; } .ips-reset { text-align: right; } .eventsPaginatorOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; display: none; background: rgba(0,0,0,0.02); } .disabledPaginator { color: #DDD; } .disabledPaginator .eventsPaginatorOverlay { display: block; } /* sprites styling */ img.event_sprite { width:16px; height:16px; background:url(/images/misc/priority_sprite.png) 0 0; } img.source_sprite { width:16px; height:16px; background:url(/images/misc/source_sprite.png) 0 0; } img.action_sprite { width:16px; height:16px; background:url(/images/misc/action_sprite.png) 0 0; } .gridicn { position:relative; } .gridicn li { margin:0; padding:0; list-style:none; position:absolute; top:-11px; } .gridicn li, .gridicn a { height:16px; display:block; } div.gridicn { padding:0; float:left; height:16px; position: static; } span.gridicn { height: 16px; overflow: hidden; display: block; float: left; position: static; } .gridWithText { list-style:none; padding-left: 5px; margin: 0px; display: inline; height: 16px; overflow: hidden; } .gridWithText li, .gridicn a { height:16px; display:inline; /* fix for FF not paying attention to li being a block and force float clearing */ overflow: hidden; width: 100%; } .ipWithFlag { background-repeat: no-repeat; padding-left: 20px; margin: 0px; } /* priority sprites */ .low{left:15px;width:16px;} .low{background:url(/images/misc/priority_sprite.png) -0 0px;} .med,.medium {left:15px;width:16px;} .med,.medium {background:url(/images/misc/priority_sprite.png) -16px 0px;} .high{left:15px;width:16px;} .high{background:url(/images/misc/priority_sprite.png) -32px 0px;} /* action sprites */ .accept{left:15px; width:16px; height: 16px; float:left} .accept{background:url(/images/misc/action_sprite.png) -0 0px;} .drop{left:15px; width:16px; height: 16px; float:left} .drop{background:url(/images/misc/action_sprite.png) no-repeat -16px 0px;} .reject{left:15px; width:16px; height: 16px; float:left} .reject{background:url(/images/misc/action_sprite.png) -31px 0px;} .authenticate{left:15px; width:16px; height: 16px; float:left} .authenticate{background:url(/images/misc/action_sprite.png) -45px 0px;} /* source sprites */ .ipadd{left:15px; width:16px; height: 16px; float:left; padding-left: 0px;} .ipadd{background:url(/images/misc/source_sprite.png) no-repeat -0 0px;} .user{left:15px; width:16px; height:16px; float:left; padding-left: 0px;} .user{background:url(/images/misc/source_sprite.png) no-repeat -17px 0px;} .icnText { float: left; padding: 5px; display: block; overflow: hidden; word-wrap: break-word; word-break: break-all; } /* legend */ .event-legend { margin-left: 10px; } .legend-header { color: blue; background-color: #CEE6FA; } #default-event-legend td { margin: 10px; } .legend-desc-col { padding : 2px; } .legend-icon-col { padding : 2px; } .btn-icon { width: 22px; height: 25px; } .play-btn-icon { background-image: url(/images/28x28/play_icn.png); } .stop-btn-icon { background-image: url(/images/28x28/pause_icn.png); } .export-btn-icon { background-image: url(/images/16x16/ac16_upload_24.png); background-repeat: no-repeat; background-position: center; } .one-liner { display: block; text-decoration: none; margin: 10px 0 0 20px; min-width:800px; } .selector-1 { float: left; width: 350px; } .selector-2 { float: left; width: 400px; } .selector-label { padding: 5px 5px 0 0; float: left; } .selector-container { padding: 10px 0 0 35px; } .graph-title { padding: 15px 0 0 20px; max-width: 500px; } .system-legend { white-space: nowrap; padding-right: 10px; } .odd-row { background: #FAFAFA; } #cpu-chart-el { max-height: 500px; } #memory-chart-el { max-height: 500px; } #storage-chart-el { max-height: 500px; } #ips_unlicensed_warning { background-image: url(/images/22x22/st22_warning_24.png); background-repeat: no-repeat; height: 22px; line-height: 22px; padding-left: 30px; } /* WGA Add these for accessibility. If no colour then images are not displayed. This adds a text alternative */ .dijit_a11y #product-name #loginproductname, .dijit_a11y #login-ibm-logo #loginlogo{ display:inline; } #product-name #loginproductname, #login-ibm-logo #loginlogo { display:none; position:absolute; } .dijit_a11y .gridicn .gridpriority { display:inline; } .gridicn .gridpriority { display:none; position:absolute; } /* IBM Confidential - OCO Source Materials */ /* (C) Copyright IBM Corp. 2012 */ /* The source code for this program is not published or otherwise divested */ /* of its trade secrets, irrespective of what has been deposited with the */ /* U.S. Copyright Office. */ .widget-sparkline-in { float:left; margin: 0 5px 0 0; } .widget-sparkline-out { float:left; margin: 0 5px 0 0; } .in-out { float:left; margin: 0 0 0 5px; } .label { font-weight: bold; } .widget-dropdowns { margin: 5px 5px 35px 4px; } .left-dropdown { margin: 0; float: left; } .right-dropdown { margin: 2px 0 0 10px; float: left; } .segment { border: none; background-color: #FFFFFF; /* FCFEFF */ } .port-graph td, th { padding: 0px; } /*.partition-info { overflow:auto; } .partition-info .header { font-size: 12px; font-weight: bold; }*/ .partition-info td { white-space: normal; } .align-right { float:right; clear:right; margin:10px; } .backup-partition { color: #C0C0C0; } .active-partition { color: #808080; } .test-status-label { margin: 0 5px 0 0; } .test-status-icon { margin: 0 0 0 10px; } /* IBM Confidential - OCO Source Materials */ /* (C) Copyright IBM Corp. 2012 */ /* The source code for this program is not published or otherwise divested */ /* of its trade secrets, irrespective of what has been deposited with the */ /* U.S. Copyright Office. */ /* forms.css */ label {font-weight:bold;} fieldset {padding:1rem;margin:0;border:1px solid #ccc;} legend {font-weight:normal;font-size:1.2em;} input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:300px;height:250px;padding:5px;} /*input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}*/ form.inline {line-height:3;} form.inline p {margin-bottom:0;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} legend { color: #000000; font-weight: normal; } fieldset ol { padding: 1em 1em 0 1em; list-style: none; } fieldset li { width: 100%; padding-bottom: 1em; } fieldset.submit { float: none; width: auto; border: 0 none #FFF; padding-left: 12em; } fieldset input[type=text] { margin: 0 0 0 0; } #form-errors ul{ margin-left: 15px; } #form-errors ul li{ list-style-type: none; } /* IBM Confidential - OCO Source Materials */ /* (C) Copyright IBM Corp. 2018 */ /* The source code for this program is not published or otherwise divested */ /* of its trade secrets, irrespective of what has been deposited with the */ /* U.S. Copyright Office. */ /* * This file contains highly-specific accessibility fixes. */ .oneui .gridxQuickFilterInput .dijitPlaceHolder { color: #585858 !important; }