/*! Licensed Materials - Property of IBM. (c) Copyright IBM Corporation 2001, 2012. 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 August 16 2012. (version: OneUI-3.0.3_20120816-1522)*/ /***************************************************************************** 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 ****/ /******************************/ /* Version number encoded into a style. Margin numbers are: MajorVersion MinorVersion MilliVersion MicroVersion Padding numbers are: Year Month Day HourMinute */ .lotusVersion{margin:3px 0px 3px 0px !important; padding:2012px 8px 16px 1522px !important;} /*** R E S E T ***/ /*reset styles, to get rid of browser-specific styling of elements and to set our own defaults - to pick up these styles, put "lotusui30" on a container - either the body tag or a div that contains content (you can have more than one lotusui30 container on a page). Note, the font size will inherit the page font size.*/ article, aside, footer, header, hgroup, nav, section {display:block;} /*html 5 elements*/ body.lotusui30_body{margin:0;padding:0;} .lotusui30_fonts{font:75%/1.5 Arial, Helvetica, sans-serif;} .lotusui_ie7 .lotusui30_body{position:relative;}/*fix for IE7, to keep relatively positioned children with "hasLayout" looking OK when Change Zoom Level is used.*/ body.lotusJapanese, .lotusui30 .lotusJapanese *{font-family:"MS UI Gothic","MS PGothic", "Apple Gothic", Arial, Helvetica, sans-serif;} /*internal link (default link style)*/ .lotusui30 a, .lotusui30 a:visited{text-decoration:none;color:#1970B0;}/*takes care of normal and visited links*/ .lotusui30 a:hover, .lotusui30 a:focus, .lotusui30 a:active{text-decoration:underline;color:#05386b;} .lotusui30 img{border:0;vertical-align:middle;line-height:0;/*to keep html5 doctype from applying a line-height*/} .lotusui30 input.lotusCheckbox{margin-left:0;margin-right:3px;}/*for checkboxes and radio buttons*/ .lotusui30 button, .lotusui30 input, .lotusui30 select{font-family:Arial, Helvetica, sans-serif;font-size:inherit;/*needed for safari-mac*/}/*can't style too much here or the file upload control will loose it's built-in OS styling*/ .lotusJapanese button, .lotusJapanese input, .lotusJapanese select{font-family:"MS UI Gothic","MS PGothic", "Apple Gothic", Arial, Helvetica, sans-serif;} .lotusui30 p{margin:5px 0 0 0;} .lotusui30 pre{font-family:"Courier New", Courier, monospace;} /*this helps eliminate discrepencies for how this displays cross-browser*/ .lotusui30 strong{font-weight:bold;}/*this is to overrule browsers that define strong as font-weight:bolder;}*/ .lotusui30 textarea{padding:1px 0;margin:1px 0;font:normal 1em/1.2em Arial, Helvetica, sans-serif;resize:none;} /***********************************************************/ /*** S P E C I A L L I N K S ***/ /*tag*/ .lotusui30 li.lotusTags, .lotusui30 .lotusTags li{word-wrap:break-word;} .lotusui30 .lotusRelatedTags a{background-repeat:no-repeat;} .lotusui30 .lotusRelatedTags .lotusSymbol{font-weight:bold;margin-right:0.3em;} .lotusui30 .lotusPersonInactive a, .lotusui30 .lotusPersonInactive a:visited, .lotusui30 .lotusPersonInactive a:hover, .lotusui30 .lotusPersonInactive a:focus, .lotusui30 .lotusPersonInactive a:active, .lotusui30 a.lotusPersonInactive, .lotusui30 a.lotusPersonInactive:visited, .lotusui30 a.lotusPersonInactive:hover, .lotusui30 a.lotusPersonInactive:focus, .lotusui30 a.lotusPersonInactive:active {color:#999;text-decoration:none;} .lotusui30 .lotusTagBin {margin-top:10px;} /*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*/ .lotusui30 a.lotusAction{font-size:.9em;} .lotusui30 .lotusActions{font-size:.9em;}/*used on an outer container containing multiple action links (and possibly plain text mixed in, like View: tags | list | all)*/ .lotusui30 .lotusActions .lotusAction, .lotusui30 .lotusTiny a.lotusAction, .lotusui30 .lotusTiny .lotusAction, .lotusui30 .lotusAction .lotusTiny, .lotusui_ie6 .lotusui30 .lotusActions .lotusAction, .lotusui_ie6 .lotusui30 .lotusTiny a.lotusAction, .lotusui_ie6 .lotusui30 .lotusTiny .lotusAction, .lotusui_ie6 .lotusui30 .lotusAction .lotusTiny{font-size:1em;}/*only want to reduce the size once*/ /*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*/ .lotusui30 a.lotusDropDown, .lotusui30 a.lotusDropDown:visited, .lotusui30 a.lotusDropDown:active{padding-right:14px;background-position:right center;background-repeat:no-repeat;background-color:transparent;background-image: url(../images/lotusSprite-8bit.png);background-position:0 -1020px;opacity:0.55;filter:alpha(opacity=55);} .lotusui30 .lotusIcon a{padding-left:18px;background-repeat:no-repeat;} .lotusui30 .lotusDelete{background-repeat:no-repeat;zoom:1;} /*delete icon with rollover state;zoom needed for opacity trick in IE*/ .lotusui30 a.lotusDelete img{width:12px;height:12px;background-image:url(../images/lotusHSprite-8bit.png);background-position:-557px -10px;opacity:0.45;filter:alpha(opacity=45)/*45% is the min opacity for meeting contrast requirements on white/off-white background*/;vertical-align:top;/*better supports both strict and transitional doctype layouts*/} .lotusui30 a.lotusDelete:hover img, .lotusui30 a.lotusDelete:focus img, .lotusui30 a.lotusDelete:active img{opacity:0.55;filter:alpha(opacity=55);} /*this is an alternate version of lotusDelete, where the class needs to be on the image because the link has text in it (like in filters)*/ .lotusui30 img.lotusDelete{width:8px;height:8px;background-image:url(../images/lotusHSprite-8bit.png);background-position:-559px -12px;opacity:0.45;filter:alpha(opacity=45);} .lotusui30 a:hover img.lotusDelete, .lotusui30 a:focus img.lotusDelete, .lotusui30 a:active img.lotusDelete{opacity:0.55;filter:alpha(opacity=55);} .lotusui30.lotusImagesOff .lotusDelete img, .lotusImagesOff .lotusui30 .lotusDelete img, .lotusui30.lotusImagesOff img.lotusDelete, .lotusImagesOff .lotusui30 img.lotusDelete{display:none;} /*general class for 16 pixel icons created as background images, where a link surrounds blank.gif*/ /*NOTES: - the image tag of blank.gif contains alt text that will show when images are turned off. It also needs to set the width and the height - any hover text is put on the title text of the link - an additional class is used to assign the icon image. These are defined in baseTheme.css and are named to match the icon graphic name with a lotus prefix in the future this can be modified to use an icon sprite graphic*/ .lotusui30 .lotusIcon16{width:16px;height:16px;background-repeat:no-repeat;background-image:url(../images/lotusSprite-8bit.png);} .lotusui30 .lotusIconShow{background-position:0 -3024px;opacity:0.55;filter:alpha(opacity=55);} .lotusui30 .lotusIconHide{background-position:0 -3076px;opacity:0.55;filter:alpha(opacity=55);} .lotusui30 .lotusBackToTop{background-image:url(../images/lotusHSprite-8bit.png);background-position:-1130px -10px;width:12px;height:12px;opacity:0.55;filter:alpha(opacity=55);margin-left:3px;} .lotusui30.lotusImagesOff .lotusBackToTop, .lotusImagesOff .lotusui30 .lotusBackToTop{display:none;} /***********************************************************/ /*** G E N E R A L S T Y L E S ***/ .lotusui30 .lotusAccess{position:absolute;top:-3000px;width:500px;} .lotusui30 .lotusAlignRight{text-align:right;} .lotusui30 .lotusAlignLeft{text-align:left;} /*the next two lines are for providing alternate text for background images when images are turned off - requires javascript to test for this and assign the lotusuixx_imagesOff class to the html tag*/ .lotusui30 .lotusAltText{display:none;} .lotusui30.lotusImagesOff .lotusAltText, .lotusImagesOff .lotusui30 .lotusAltText{display:inline;} .lotusui30 .lotusBig{font-size:1.1em;}/*bumps up the font size*/ .lotusui30 .lotusBold{font-weight:bold;} .lotusui30 .lotusBorderTop{border-top:1px solid #eee;} .lotusui30 .lotusBorderBottom{border-bottom:1px solid #eee;} .lotusui30 .lotusBreakWord{word-wrap:break-word;}/*use this style to allow long content to wrap*/ .lotusui_ie .lotusui30 .lotusBreakWord{word-break:break-all;}/*forces a break in a long word like a filename in IE*/ .lotusui30 .lotusCenter{text-align:center;} .lotusui30 .lotusChunk{margin-top:5px;clear:both;zoom:1;} .lotusui30 .lotusChunk10{margin-top:10px;clear:both;zoom:1;} .lotusui30 .lotusChunk15{margin-top:15px;clear:both;zoom:1;} .lotusui30 .lotusChunk20{margin-top:20px;clear:both;zoom:1;} .lotusui30 .lotusClickable {cursor: pointer;} .lotusui30 .lotusClear{clear:both;} .lotusui30 .lotusClearLeft{clear:left;} .lotusui30 .lotusClearRight{clear:right;} .lotusui30 .lotusDraggable{cursor:move;} .lotusui30 .lotusEllipsis{white-space:nowrap;width:90%;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;} .lotusui30 .lotusFixedTable{table-layout:fixed;}/* Fix for forms issues with typeahead. For IE6 and IE7 */ /*reserved for the different levels of heading elements in a component*/ .lotusui30 .lotusFloat {float:left;} .lotusui30 .lotusFloatContent {overflow:hidden; padding-left:10px;} .lotusui30 .lotusHeading{margin:0;padding:0;color:#444;line-height:1.2;} .lotusui30 .lotusHeading2{margin:0;padding:0;color:#444;line-height:1.2;} .lotusui30 .lotusHeading3{margin:0;padding:0;line-height:1.2;} .lotusui30 .lotusHidden{display:none;} /*hides from visual UI and screen readers*/ .lotusui30 .lotusHideOverflow{overflow:hidden;}/*use in conjunction with a width on your element*/ .lotusui30 .lotusIndent10{padding-left:10px;zoom:1;} .lotusui30 .lotusIndent15{padding-left:15px;zoom:1;} .lotusui30 .lotusIndent20{padding-left:20px;zoom:1;} .lotusui30 .lotusIndent40{padding-left:40px;zoom:1;} .lotusui30 .lotusIndent60{padding-left:60px;zoom:1;} .lotusui30 .lotusIndicator{background-color:#0a589c;color:#fff;font-weight:normal;font-size:0.9em;margin-left:5px;padding:2px 3px; zoom:1;}/*indicator badge*/ .lotusui30 .lotusTitle .lotusIndicator{font-size:0.75em;} /*badge font size override for headings*/ .lotusui30 .lotusHighlighted{color:#ce2c25;}/*red*/ .lotusui30 .lotusIBMLogo {width:64px;height:23px;background-image:url(../images/lotusHSprite-8bit.png);background-position:-188px -5px;background-repeat:no-repeat;} .lotusui30.lotusImagesOff .lotusIBMLogo, .lotusImagesOff .lotusui30 .lotusIBMLogo {display:none;} .lotusui30 .lotusIBMLogoFooter {width:64px;height:23px;background-image:url(../images/lotusHSprite-8bit.png);background-position:-188px -5px;background-repeat:no-repeat;} .lotusui30.lotusImagesOff .lotusIBMLogoFooter, .lotusImagesOff .lotusui30 .lotusIBMLogoFooter {display:none;} .lotusui30 .lotusInactive{color:#777;} .lotusui30 .lotusItalic{font-style:italic;} .lotusui30 .lotusLeft{float:left;text-align:left;} .lotusui30 .lotusLoading{background-image:url(../images/loading.gif);background-repeat:no-repeat;width:16px;height:16px;}/*loading animated gif*/ /* override this style to specify your logo image */ .lotusui30 .lotusLogo, .lotusui30 .lotusLoginLogo{background-repeat:no-repeat;} .lotusui30.lotusImagesOff .lotusLogo, .lotusImagesOff .lotusui30 .lotusLogo, .lotusui30.lotusImagesOff .lotusLoginLogo, .lotusImagesOff .lotusui30 .lotusLoginLogo{width:auto !important;white-space:nowrap;}/*to make sure image width is cleared out, and text doesn't wrap*/ .lotusui30 .lotusLTR{direction:ltr;}/*allows you to assign an element to always read LTR*/ .lotusui30 .lotusMeta{font-size:.9em;color:#222;} .lotusui30 .lotusNowrap{white-space:nowrap;} .lotusui30 .lotusNudge{} /*use this general class name with specific qualifiers when you need to adjust the position of a specific item (see entry class in this stylesheet for an example)*/ .lotusui30 .lotusOffScreen{position:absolute;left:-9999px;}/*for positioning elements offscreen, like text to be read by screenreaders*/ .lotusui30 .lotusRequired{color:#efa229;} .lotusui30 .lotusRight{float:right;text-align:right;} .lotusui30 .lotusRTL{direction:rtl;}/*allows you to assign an element to always read RTL*/ .lotusui30 .lotusShadow{-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee;box-shadow:0px 2px 5px #eee;}/*adds a drop shadow to an element*/ .lotusui30 .lotusStyledScroll::-webkit-scrollbar {width:10px; height:10px;}/*webkit styled scrollbar*/ .lotusui30 .lotusStyledScroll::-webkit-scrollbar-track {border:1px solid #cfcfcf; -webkit-border-radius:5px; border-radius:5px; } .lotusui30 .lotusStyledScroll::-webkit-scrollbar-track:vertical { background:-webkit-gradient(linear, left top, right top, color-stop(0%,#e9e9e9), color-stop(100%,#ffffff)); background:-webkit-linear-gradient(left, #e9e9e9 0%,#ffffff 100%); background:linear-gradient(left, #e9e9e9 0%,#ffffff 100%); } .lotusui30 .lotusStyledScroll::-webkit-scrollbar-track:horizontal { background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#ffffff)); background:-webkit-linear-gradient(top, #e9e9e9 0%,#ffffff 100%); background:linear-gradient(top, #e9e9e9 0%,#ffffff 100%); } .lotusui30 .lotusStyledScroll::-webkit-scrollbar-thumb {border:1px solid #8f8f8f; -webkit-border-radius:5px; border-radius:5px; } .lotusui30 .lotusStyledScroll::-webkit-scrollbar-thumb:vertical { background:-webkit-gradient(linear, left top, right top, color-stop(0%,#cbcbcb), color-stop(100%,#b1b1b1)); background:-webkit-linear-gradient(left, #cbcbcb 0%,#b1b1b1 100%); background:linear-gradient(left, #cbcbcb 0%,#b1b1b1 100%); } .lotusui30 .lotusStyledScroll::-webkit-scrollbar-thumb:horizontal { background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#b1b1b1)); background:-webkit-linear-gradient(top, #cbcbcb 0%,#b1b1b1 100%); background:linear-gradient(top, #cbcbcb 0%,#b1b1b1 100%); } .lotusui30 .lotusSymbol{font-family:Arial, Helvetica, sans-serif;}/*Use this class on text symbols (for example Unicode characters) to avoid problems with different language-specific fonts displaying the glyphs differently. For example, \u25ba in some Japanese fonts is half the size of \u25bc. */ .lotusui30 .lotusTiny{font-size:.9em;} .lotusui30 .lotusTitle{margin:0;padding:0;font-size:1.2em;}/*reserved for individual item titles*/ /***********************************************************/ /*** I N L I N E L I S T S ***/ /*to make a list display horizontally*/ .lotusui30 .lotusInlinelist{margin:0;padding:0;list-style-type:none;} .lotusui30 .lotusInlinelist li{display:inline;margin:0;padding:0 7px;border-left:1px solid #ccc;;} .lotusui30 .lotusInlinelist li.lotusFirst, .lotusui30 .lotusInlinelist li.lotusLast{padding-left:0;border-left-width:0;} .lotusui30 .lotusNoDivider li{border-left-width:0;} /*the next two lines are needed to fix text zoom for inline lists in IE7 (also fixes RTL display issues)*/ .lotusui_ie7 .lotusui30 .lotusInlinelist li{display:inline-block;} .lotusui_ie .lotusui30 .lotusInlinelist li{display:inline;} /***********************************************************/ /*** A R R O W S ***/ .lotusui30 .lotusArrow{width:16px;height:16px;background-image:url(../images/lotusSprite-8bit.png);background-repeat:no-repeat;display:block;float:left;} .lotusui30 a.lotusArrow:visited, .lotusui30 a.lotusArrow:hover, .lotusui30 a.lotusArrow:focus, .lotusui30 a.lotusArrow:active{text-decoration:none;} .lotusui30.lotusImagesOff .lotusArrow img, .lotusImagesOff .lotusui30 .lotusArrow img, .lotusui30.lotusImagesOff img.lotusArrow, .lotusImagesOff .lotusui30 img.lotusArrow{display:none;} /*menu component has a separate twisty arrow*/ .lotusui30 .lotusTwistyOpen{margin-right:2px;background-position:2px -258px;opacity:0.55;filter:alpha(opacity=55)/*55% is the min opacity for meeting contrast requirements on white/off-white background for small text*/;} .lotusui30 .lotusTwistyClosed{margin-right:2px;background-position:2px -362px;opacity:0.55;filter:alpha(opacity=55)/*55% is the min opacity for meeting contrast requirements on white/off-white background for small text*/;} /*drop-down arrows (assign as an additional class along with lotusSprite and lotusArrow)*/ .lotusui30 .lotusDropDownSprite, .lotusui30 .lotusDropDownActionSprite{display:-moz-inline-box;display:inline-block;float:none;background-position:0 -1020px;width:8px;height:8px;opacity:0.55;filter:alpha(opacity=55);text-decoration:none;} /*scroll arrows (assign as an additional class along with lotusSprite and lotusArrow)*/ .lotusui30 .lotusScrollUp, .lotusui30 .lotusScrollDown{ display:block;float:none;line-height:1;margin:0;width:12px;height:12px;text-decoration:none;opacity:0.55;filter:alpha(opacity=55)/*55% is the min opacity for meeting contrast requirements on white/off-white background for small text*/;} .lotusui30 .lotusScrollUp{background-position:0 -468px;} .lotusui30 .lotusScrollDown{background-position:0 -260px;} /****************************************/ /*** C O M P O N E N T S T Y L E S ****/ /****************************************/ /*** A C T I O N B A R ***/ /*this is the area above entry tables, containing action button, view controls, drop-down find-in-table, etc.*/ .lotusui30 .lotusActionBar{margin-bottom:4px;/*this number works with the margin-top of the paging control to simulate 8px*/position:relative;float:left;width:100%;height:2.3em;/*this height accommodates the searchTab, if it is the only element in the action bar*/} .lotusui30 .lotusActionBar2{margin-top:-25px;margin-bottom:4px;position:relative;float:left;width:100%;height:2.3em} /*use this in place of lotusActionBar when you want to compress the vertical space between the actionbar and the element(s) above it*/ /***********************************************************/ /*****************************/ /*** A C T I O N M E N U ***/ /*****************************/ .lotusui30 ul.lotusActionMenu{margin:0;padding:0;list-style-type:none;display:table;position:absolute;z-index:900px;border:1px solid #aaa;background-color:#fff;-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee;box-shadow:0 2px 5px #eee;} .lotusui_ie6 .lotusui30 ul.lotusActionMenu{width:15em;} .lotusui30 .lotusActionMenu li{white-space:nowrap;background-color:transparent;} .lotusui_ie6 .lotusui30 .lotusActionMenu li{white-space:normal;}/*since we have a fixed width, we have to allow for wrapping*/ .lotusui30 .lotusActionMenu li.lotusSelected a{background-image:url(../images/lotusSprite-8bit.png);background-position:4px -1813px;background-repeat:no-repeat;} .lotusui30 .lotusActionMenu li.lotusMenuSeparator{border-top :1px solid #ccc;} .lotusui30 .lotusActionMenu a{padding:3px 40px 5px 25px;text-decoration:none;display:block;} .lotusui30 .lotusActionMenu a, .lotusui30 .lotusActionMenu a:link, .lotusui30 .lotusActionMenu a:visited{color:#000;background-color:#fff;} .lotusui_ie6 .lotusui30 .lotusActionMenu a{zoom:1} .lotusui30 .lotusActionMenu .lotusIcon a{padding-left:2px;} .lotusui30 .lotusActionMenu .lotusIcon img{width:16px;height:16px;margin-right:6px;} .lotusui30.lotusImagesOff .lotusActionMenu .lotusIcon img, .lotusImagesOff .lotusui30 .lotusActionMenu .lotusIcon img{display:inline-block;} .lotusui30 .lotusActionMenu a:hover, .lotusui30 .lotusActionMenu a:focus, .lotusui30 .lotusActionMenu a:active{text-decoration:none;color:#000;background-color:#eee;} .lotusui30 .lotusActionMenu.lotusPlain a{padding-left:10px;} .lotusui30.lotusImagesOff .lotusActionMenu li.lotusSelected a, .lotusImagesOff .lotusui30 .lotusActionMenu li.lotusSelected a{padding-left:15px;} .lotusui30.lotusImagesOff .lotusActionMenu a:visited, .lotusImagesOff .lotusui30 .lotusActionMenu a:visited, .lotusui30.lotusImagesOff .lotusActionMenu a:hover, .lotusImagesOff .lotusui30 .lotusActionMenu a:hover, .lotusui30.lotusImagesOff .lotusActionMenu a:focus, .lotusImagesOff .lotusui30 .lotusActionMenu a:focus, .lotusui30.lotusImagesOff .lotusActionMenu a:active, .lotusImagesOff .lotusui30 .lotusActionMenu a:active{text-decoration:underline;} /***********************************************************/ /*** B R E A D C R U M B S ***/ /*these sit above the page header (lotusHeader)*/ .lotusui30 .lotusBreadcrumbs{margin:0 0 15px 0} /***********************************************************/ /*NOTE: buttons have a lot of overrides to make them consistent across browsers and support deprecated versions. Be very careful when modifying this code - more code found in deprecated.css*/ /*** B U T T O N S ***/ /*all buttons*/ .lotusui30 .lotusBtn, .lotusui30 .lotusBtnImg{margin:0;/*reset to get rid of Safari 0em user agent style*/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));color:#000; font-weight:bold;text-align:center;border:1px solid #aaa;} .lotusui30 .lotusBtn{margin-right:5px;padding:2px 7px;font-size:.9em;cursor:pointer;} /*browser adjustments*/ .lotusui_ie .lotusui30 .lotusBtn{padding:1px;/*adjustment for IE funky extra padding*/line-height:1.7em;/*fix for discrepancy in button tag height between buttons with and without an image*/} .lotusui_ie .lotusui30 .lotusBtn img{margin:.5em 0 .3em 0;} /*need this for button with drop-down arrow to look okay in IE*/ /*adjustment to make input elements the same height as button elements*/ .lotusui_ie8 .lotusui30 input.lotusBtn{padding:3px 7px;} .lotusui_ie9 .lotusui30 input.lotusBtn{padding:4px 7px;} /*image buttons - an input type=image wrapped with a span or an img wrapped with a link*/ .lotusui30 .lotusBtnImg{padding:2px;/*default padding, which makes a 16 pixel icon if the image uses the default image size*/ display:-moz-inline-box; display:inline-block; vertical-align:top;/*to better align an image button with regular buttons when they are in a row*/ line-height:1;} .lotusui30 .lotusBtnImg input{margin:0;width:16px;height:16px;background-repeat:no-repeat;vertical-align:middle;/*fixes IE6*/}/*default margin, padding and size*/ .lotusui_ie .lotusui30 .lotusBtnImg input{margin-top:-1px;}/*extra tweak to center image in IE*/ .lotusui30.lotusImagesOff .lotusBtnImg input, .lotusImagesOff .lotusui30 .lotusBtnImg input{display:none;} /*disabled buttons*/ .lotusui30 .lotusBtnDisabled{color:#b0b0b0 !important;background-color:#eee !important;cursor:default !important;border-color:#ccc !important;}/*we don't want disabled button border color to change on hover*/ .lotusui30 .lotusBtnDisabled input{cursor:default !important;opacity:.3 !important;filter:alpha(opacity=30) !important;}/*disabled image buttons*/ /*for high contrast mode*/ .lotusui30.lotusImagesOff .lotusBtnDisabled, .lotusImagesOff .lotusui30 .lotusBtnDisabled{opacity:.5 !important;color:#000 !important;filter:alpha(opacity=50) !important;} .lotusui30.lotusImagesOff .lotusBtnDisabled a.lotusAltText, .lotusImagesOff .lotusui30 .lotusBtnDisabled a.lotusAltText{text-decoration:none !important;cursor:default;}/*high contrast alt text - we don't want it to underline on hover and it doesn't inherit the lotusBtnDisabled cursor so we need to define it again.*/ /*miscellaneous*/ .lotusui30 .lotusBtnContainer{overflow:hidden;}/*put this around a bunch of "link" buttons*/ .lotusui30 .lotusBtnDivider{border-bottom:1px solid #e0e0e0;padding-bottom:5px;}/*add this as an additional class when you need a bottom divider for the buttons*/ /*generic/common buttons*/ /*put the style on the wrapper span along with the lotusBtnImg class*/ .lotusui30 .lotusAdd input{background-image:url(../images/lotusHSprite-8bit.png);background-position:-519px -8px;opacity:0.45;filter:alpha(opacity=45)} .lotusui30 .lotusClose input{width:16px;height:16px;background-image:url(../images/lotusHSprite-8bit.png);background-position:-555px -8px;opacity:0.45;filter:alpha(opacity=45)/*45% is the min opacity for meeting contrast requirements on white/off-white background*/;} .lotusui30 .lotusAdd input:hover, .lotusui30 .lotusAdd input:focus, .lotusui30 .lotusAdd input:active, .lotusui30 .lotusClose input:hover, .lotusui30 .lotusClose input:focus, .lotusui30 .lotusClose input:active{opacity:0.55;filter:alpha(opacity=55);} /*hover states*/ .lotusui30 .lotusBtn:hover, .lotusui30 .lotusBtn:focus, .lotusui30 .lotusBtn:active, .lotusui30 .lotusBtnImg:hover, .lotusui30 .lotusBtnImg:focus, .lotusui30 .lotusBtnImg:active{border-color:#666;} /***********************************************************/ /*** C A L L O U T B O X ***/ /*This is the portable pull-quote/callout box area. It can be used on any page.*/ .lotusui30 .lotusAboutBox .lotusAboutText .lotusHeading{font-size:3em;font-weight:normal;line-height:1.2;} .lotusui30 .lotusAboutBox .lotusAboutText .lotusHeading2{margin:3px 0 15px;font-size:1.5em;font-weight:normal;} .lotusui30 .lotusAboutBox{padding-right:25px;padding-bottom:15px;position:relative;background-position:left top;background-repeat:repeat-x;overflow:hidden;min-height:160px;background-color:#eee;border:1px solid #ccc;} .lotusui_ie .lotusui30 .lotusAboutBox{display:inline-block;} .lotusui_ie6 .lotusui30 .lotusAboutBox{height:auto !important;height:160px;} .lotusui30 .lotusAboutBox img{position:absolute;left:30px;top:22px;width:128px;height:128px;} .lotusui30 .lotusAboutText{margin:22px 20px 20px 185px;} .lotusui30 .lotusWelcomeBox{margin-left:-15px;margin-bottom:20px;padding:15px;position:relative;border:1px solid #ccc;overflow:hidden;zoom:1;background-color:#eee;} .lotusui30 .lotusWelcomeBox .lotusHeading{margin:0 25px 10px 0;font-size:1.7em;font-weight:normal;line-height:1;} .lotusui30 .lotusWelcomeBox .lotusBtnContainer{margin:15px 0 0 0;} .lotusui30 .lotusWelcomeBox .lotusBtnContainer .lotusBtn{float:left;} .lotusui30 .lotusWelcomeBox .lotusBtnContainer .lotusInlinelist li{border-width:0;} .lotusui30 .lotusWelcomeBox p, .lotusui30 .lotusWelcomeBox ul{margin-top:5px;margin-bottom:0;margin-right:0;} .lotusui30 .lotusWelcomeBox ul.lotusInlinelist{float:left;} /*fixes alignment issues between button text and links*/ /***********************************************************/ /*** C L O S E B U T T O N ***/ .lotusui30 .lotusWelcomeBox .lotusClose{position:absolute;top:10px;right:12px;font-weight:bold;/*for HC mode*/} .lotusui30.lotusImagesOff .lotusWelcomeBox, .lotusImagesOff .lotusui30 .lotusWelcomeBox, .lotusui30.lotusImagesOff .lotusAboutBox, .lotusImagesOff .lotusui30 .lotusAboutBox{border:solid 1px #666;} .lotusui30.lotusImagesOff .lotusWelcomeBox .lotusClose a, .lotusImagesOff .lotusui30 .lotusWelcomeBox .lotusClose a{text-decoration:none;} .lotusui30.lotusImagesOff .lotusWelcomeBox .lotusClose a:hover, .lotusImagesOff .lotusui30 .lotusWelcomeBox .lotusClose a:hover, .lotusui30.lotusImagesOff .lotusWelcomeBox .lotusClose a:hover, .lotusImagesOff .lotusui30 .lotusWelcomeBox .lotusClose a:hover, .lotusui30.lotusImagesOff .lotusWelcomeBox .lotusClose a:active, .lotusImagesOff .lotusui30 .lotusWelcomeBox .lotusClose a:active{text-decoration:underline} /*add .lotusui30 .lotusCalloutBox a when it's appropriate*/ /***********************************************************/ /*** C A P T I O N ***/ /*provides a gray background for a caption above another component*/ .lotusui30 .lotusCaption{margin-top:.2em;padding:2px 5px;height:2em;line-height:2;clear:both;text-align:center;background-color:#fafafa;border:1px solid #ccc;} .lotusui30 .lotusCaption select{color:#666;} /***********************************************************/ /*** C O M M E N T ***/ /*base post/comment styling*/ .lotusui30 .lotusPost{padding:7px 7px 7px 0;overflow:hidden;zoom:1;} .lotusui30 .lotusPostAuthorInfo{display:block;float:left;font-size:0.9em;width:50px;} .lotusui30 .lotusPostAuthorInfo .lotusPostAvatar{background-repeat:no-repeat;} .lotusui30.lotusImagesOff .lotusPostAvatar, .lotusImagesOff .lotusui30 .lotusPostAvatar{display:none;} .lotusui30 .lotusPost .lotusPostAuthorInfo .lotusMeta{margin:0;font-size:1em;} .lotusui30 .lotusPostName{font-weight:bold;line-height:1.1;} .lotusui30 .lotusPostAvatar{padding:4px 0;}/*bottom padding is for when comments don't have much text, like condensed comments, so the top and bottom padding matches*/ .lotusui30 .lotusPostContent{padding:0 20px 7px 0/*room for the delete icon*/;min-height:26px;position:relative;overflow:hidden;zoom:1;} .lotusui_ie6 .lotusui30 .lotusPostContent{left:-3px;}/*to counteract the IE6 3px margin bug*/ .lotusui30 .lotusPostContent .lotusPostAction{margin-bottom:5px;} .lotusui30 .lotusPostContent p:first-child{margin-top:0;} .lotusui30 .lotusPost .lotusPostDetails{overflow:hidden;} .lotusui30 .lotusPost .lotusTitle{font-size:1em;} .lotusui30 .lotusPost .lotusPostObject{float:left;margin-right:10px;} .lotusui30 .lotusPost .lotusPostContent .lotusIcon{margin-right:3px;} .lotusui30 .lotusPost .lotusPostIndicator{position:absolute;top:-9999px;right:0;height:100%;} .lotusui30 .lotusPost .lotusPostIndicator img{background-image: url("../images/lotusHSprite-8bit.png"); background-repeat:no-repeat; background-position: -1166px -9px; height:14px; width:14px; opacity:0.45; filter:alpha(opacity=45);} .lotusui30.lotusImagesOff .lotusPost .lotusPostIndicator img, .lotusImagesOff .lotusui30 .lotusPost .lotusPostIndicator img{display:none;} .lotusui30 .lotusPost .lotusPostIndicator a{position:absolute; top:50%; right:0; margin-top:-7px;line-height:1em;} .lotusui30 .lotusPost .lotusPostMore{position:relative;top:-9999px;}/*this hiding offscreen technique with position:relative simulates visibility:hidden but gets the text read by the screen reader*/ .lotusui30 .lotusPost .lotusPostInlineActions{margin-top:5px;}/*for inline actions in a post*/ .lotusui30 .lotusPost .lotusPostInlineActions .lotusActionBox{padding:5px;background-color:#fff;border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .lotusui30 .lotusPost .lotusPostInlineActions .lotusActionBox .lotusActionMessage{float:left;margin-right:15px;line-height:1.2;} .lotusui30 .lotusPost .lotusPostInlineActions .lotusActionBox .lotusActions{margin:0;} /*lotusPostHover needs to be assigned using javascript (there is an IE performance degradation if you use :hover declarations on non-links*/ .lotusui30 .lotusPost .lotusDelete{display:block;position:absolute;top:-9999px;right:0;line-height:1;} .lotusui30 .lotusPost .lotusDelete img{opacity:0.45;filter:alpha(opacity=45);} .lotusui30 .lotusPost .lotusDelete:hover img, .lotusui30 .lotusPost .lotusDelete:focus img, .lotusui30 .lotusPost .lotusDelete:active img{opacity:0.75;filter:alpha(opacity=75);} .lotusui30 .lotusPostHover .lotusPostMore, .lotusui30 .lotusPostSelected .lotusPostMore, .lotusui30 .lotusPostHover .lotusPostIndicator, .lotusui30 .lotusPostSelected .lotusPostIndicator, .lotusui30 .lotusPostHover .lotusDelete, .lotusui30 .lotusPostSelected .lotusDelete{top:0;} .lotusui_ie6 .lotusui30 .lotusPostHover .lotusPostIndicator, .lotusui_ie6 .lotusui30 .lotusPostSelected .lotusPostIndicator{top:2em;} /*default definitions for a status update at the top of an activity stream*/ .lotusui30 .lotusAddComment{padding:4px;zoom:1;margin-bottom:10px;margin-right:4px;background-color:#E8EDF3;} .lotusui30 .lotusAddComment a.lotusCommentInput{padding:2px 2px 10px 4px;border:1px solid #BDC7DB;background-color:#fff;display:block;} /*update status "comment"*/ /*lotusUpdateStatus is an additional class along with lotusPost*/ .lotusui30 .lotusUpdateStatus{padding:3px 7px;background-color:#eee;} .lotusui30.lotusImagesOff .lotusUpdateStatus, .lotusImagesOff .lotusui30 .lotusUpdateStatus{border-width:1px;border-style:solid;} .lotusui30 .lotusUpdateStatus .lotusPostContent{padding-right:0;/*gets rid of spacing for delete icon*/} .lotusui30 .lotusUpdateStatus .lotusPostDetails{margin:5px 0 3px 10px;} .lotusui30 .lotusUpdateStatus .lotusPostStatusControl{margin-left:10px;background-color:#fff;} .lotusui30 .lotusUpdateStatus .lotusPostStatusControl .lotusStatusInput{padding:4px;display:block;} .lotusui30.lotusImagesOff .lotusUpdateStatus .lotusPostStatusControl .lotusStatusInput, .lotusImagesOff .lotusui30 .lotusUpdateStatus .lotusPostStatusControl .lotusStatusInput{border-width:1px;border-style:solid;} /*COMMENT CONTAINERS*/ /* comment list */ .lotusui30 ul.lotusCommentList{margin:0;padding:0;list-style-type:none;} .lotusui30 ul.lotusCommentList li{border-top-color:#e3e2e2;zoom:1;} .lotusui_ie7 .lotusui30 ul.lotusCommentList .lotusCommentItem{display:inline;width:100%;vertical-align:bottom;}/*fixes a gap between list items when the post inside the li tag has an absolutely positioned delete button*/ .lotusui30 ul.lotusCommentList li.lotusCommentItem, .lotusui30 ul.lotusCommentList > li{border-top-width:1px;border-top-style:solid;}/*the second definition is for any 2.1 code that was out there without the lotusCommentItem class*/ .lotusui_ie6 .lotusui30 ul.lotusCommentList li.lotusCommentItem li{border-top-width:0;} .lotusui30 ul.lotusCommentList li.lotusFirst{border-top-width:0;} /*these styles are overrides for an add comment integrated into the comment list*/ .lotusui30 .lotusCommentList li.lotusAddComment{margin:0;} .lotusui30 .lotusCommentList li.lotusAddComment a{padding-bottom:2px;} /*condensed comment list*/ /*(used for things like history in embedded experience*/ .lotusui_ie6 .lotusui30 .lotusCommentsCondensed .lotusCommentItem {position:relative;} .lotusui30 .lotusCommentsCondensed .lotusPost{padding:5px 0;} .lotusui30 .lotusCommentsCondensed .lotusPostAuthorInfo{width:auto;padding-right:10px;} .lotusui30 .lotusCommentsCondensed .lotusPostAction{margin-right:9em;} .lotusui30 .lotusCommentsCondensed .lotusPostContent{padding-right:0;position:relative;} .lotusui30 .lotusCommentsCondensed .lotusPostContent .lotusMeta{position:absolute;top:0;right:0;} .lotusui30 .lotusCommentsCondensed .lotusPostDetails{clear:both;width:98%;} .lotusui30 .lotusCommentsCondensed .lotusPostDetails p{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;} /* board */ .lotusui_ie .lotusui30 .lotusBoard{zoom:1;position:relative;}/*to properly position board in IE7, ltr and rtl*/ .lotusui30 .lotusBoard .lotusPost{padding:10px 2px 15px 2px;border-top:1px solid #e3e2e2;}/*this accomodates older versions of posts on boards that aren't in a lotusStream wrapper*/ .lotusui30 .lotusBoard .lotusPost .lotusActions{margin-top:5px;} /*an activity stream is an unordered list that exists on a board*/ .lotusui30 .lotusBoard .lotusStream{margin:0;padding:0;list-style-type:none;} .lotusui30 .lotusBoard .lotusStream > li{border-top:1px solid #e3e2e2;} .lotusui_ie7 .lotusui30 .lotusBoard .lotusStream > li{vertical-align:bottom;}/*fix a gap in IE7*/ .lotusui30 .lotusBoard .lotusStream > li:first-child{border-top-width:0;} .lotusui30 .lotusBoard .lotusStream > li > .lotusAction{display:block;padding:10px;} .lotusui30 .lotusBoard .lotusStream .lotusPost{padding:10px;border:0;} .lotusui_ie6 .lotusui30 .lotusBoard .lotusStream .lotusPost{border-color:#fff;} .lotusui30 .lotusBoard .lotusStream .lotusPostHover, .lotusui30 .lotusBoard .lotusStream .lotusPostSelected{background-color:#eee;cursor:pointer;} .lotusui30.lotusImagesOff .lotusBoard .lotusStream .lotusPost, .lotusImagesOff .lotusui30 .lotusBoard .lotusStream .lotusPost {margin:0 1px;} /*placeholder space for a border on hover/selected*/ .lotusui30.lotusImagesOff .lotusBoard .lotusStream .lotusPostHover, .lotusImagesOff .lotusui30 .lotusBoard .lotusStream .lotusPostHover, .lotusui30.lotusImagesOff .lotusBoard .lotusStream .lotusPostSelected, .lotusImagesOff .lotusui30 .lotusBoard .lotusStream .lotusPostSelected {margin:0; border-left:1px solid; border-right:1px solid;} /*add a border in high contrast*/ .lotusui30 .lotusBoard .lotusStream .lotusCommentList .lotusPostHover{margin:1px;background-color:transparent;border-width:none;}/*reset for comment list posts in a stream - we don't want to change background color/border on hover*/ .lotusui30.lotusImagesOff .lotusBoard .lotusStream .lotusCommentList .lotusPost, .lotusImagesOff .lotusui30 .lotusBoard .lotusStream .lotusCommentList .lotusPost {margin:0;} /*take off placeholder space for border*/ .lotusui30.lotusImagesOff .lotusBoard .lotusStream .lotusCommentList .lotusPostHover, .lotusImagesOff .lotusui30 .lotusBoard .lotusStream .lotusCommentList .lotusPostHover {border:0;} /*take off the high contrast hover border for the comment list*/ /*graceful degradation for IE6*/ .lotusui_ie6 .lotusui30 .lotusBoard .lotusPost{margin:0 1px 1px 1px;border-top:1px solid #e3e2e2;} .lotusui_ie6 .lotusui30 .lotusBoard .lotusPostHover, .lotusui_ie6 .lotusui30 .lotusBoard .lotusPostSelected{margin:0;border:1px solid #eee;} .lotusui_ie6 .lotusui30 .lotusCommentList .lotusPost{border-top-width:0;} /*end IE6 styling*/ .lotusui30 .lotusBoard .lotusPostContent{padding:0 15px 0 0;} .lotusui30 .lotusBoard .lotusCommentList{position:relative;margin:3px 0 0 5px;padding:0;border-top:1px solid #ddd;clear:both;} .lotusui30 .lotusBoard .lotusCommentList:after{content:"";position:absolute;top:-10px;left:53px;width:12px;height:12px;background:url(../images/lotusSprite-8bit.png) 0 -2616px no-repeat;} .lotusui30 .lotusBoard ul.lotusCommentList li.lotusCommentItem{margin:0;padding:0;background-color:#f2f2f2;border-width:0 1px 1px 1px;border-style:solid;border-color:#ddd;} .lotusui30 .lotusBoard ul.lotusCommentList > li{margin:0;background-color:#f2f2f2;border-width:0 1px 1px 1px;border-style:solid;border-color:#ddd;} /* > li structure is to support markup that didn't have the lotusCommentItem class, as it should have. On separate line so IE6 reads lotusCommentItem styles*/ .lotusui30 .lotusBoard ul.lotusCommentList .lotusPost{padding:10px;border-width:0}/*reset the posts in a comment list*/ .lotusui30 .lotusBoard ul.lotusCommentList li.lotusCommentItem .lotusPost, .lotusui30 .lotusBoard ul.lotusCommentList > li .lotusPost{margin:0;} .lotusui30 .lotusBoard .lotusCommentList .lotusAddComment{position:relative;top:-9999px;padding:0;background-color:transparent;border-width:0/*to reset the > li border definitions*/;} .lotusui30 .lotusBoard .lotusPostHover .lotusCommentList .lotusAddComment, .lotusui30 .lotusBoard .lotusPostSelected .lotusCommentList .lotusAddComment{top:-1px;} .lotusui30 .lotusBoard .lotusAddComment a.lotusCommentInput{display:block;padding:5px 10px;color:#666;} .lotusui30 .lotusBoard .lotusCommentItem > .lotusMeta{display:block;padding:5px 10px;}/*this makes both a link or a span/div classed with lotusMeta work*/ .lotusui30 .lotusBoard .lotusCommentItem > a.lotusMeta{color:#1970B0;}/*we want the link to use the link color and lotusMeta to control the size/padding*/ /* IE6 workaround for child selector */ .lotusui_ie6 .lotusui30 .lotusBoard .lotusCommentItem .lotusMeta{display:block;padding:5px 10px;} .lotusui_ie6 .lotusui30 .lotusBoard .lotusCommentItem a.lotusMeta{color:#1970B0;} .lotusui_ie6 .lotusui30 .lotusBoard .lotusCommentItem .lotusPost .lotusMeta{display:inline;padding:0;} /*end IE6 workaround*/ .lotusui30 .lotusBoard .lotusPostAuthorInfo{width:auto;padding:0 15px 0 5px;} .lotusui30 .lotusBoard .lotusPost .lotusPerson { font-weight:bold; padding-right:2px; } .lotusui30 .lotusBoard .lotusPost .lotusPostAction .lotusPerson{padding-right:0;}/*a person name in an the post action is in a sentence so shouldn't have right padding*/ /*the controls on an activity stream page*/ /*lotusStreamUpdate is an additional class along with lotusForm2*/ .lotusui30 .lotusBoard .lotusStreamUpdate{overflow:hidden;} .lotusui30 .lotusBoard .lotusCommentList .lotusStreamUpdate{background:none;} .lotusui30 .lotusBoard .lotusStreamUpdate label{font-weight:bold;} .lotusui30 .lotusBoard .lotusStreamUpdate .lotusFieldEmphasis{background-color:#fff; -moz-box-shadow: 0 4px 4px #f3f3f3 inset; -webkit-box-shadow: 0 4px 4px #f3f3f3 inset; box-shadow: 0 4px 4px #f3f3f3 inset;}/*shadow must be 1px bigger because of the overlapping textarea border*/ .lotusui_ie .lotusui30 .lotusBoard .lotusStreamUpdate .lotusFieldEmphasis{border:1px solid #ddd;padding:5px;} .lotusui30 .lotusBoard .lotusStreamUpdate .lotusText{width:100%;height:5em;padding:5px;margin:0;display:block;background:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .lotusui30.lotusImagesOff .lotusBoard .lotusStreamUpdate .lotusText, .lotusImagesOff .lotusui30 .lotusBoard .lotusStreamUpdate .lotusText{background:#fff;}/*textarea border does not show in firefox high contrast with transparent background*/ .lotusui30 .lotusBoard .lotusStreamUpdate .lotusTextCollapsed.lotusText{height:2.25em;border-color:#ddd;} .lotusui_ie .lotusui30 .lotusBoard .lotusStreamUpdate .lotusText.lotusTextCollapsed{height:1.25em;} .lotusui_ie .lotusui30 .lotusBoard .lotusStreamUpdate .lotusText{border:0;padding:0;} .lotusui30 .lotusBoard .lotusStreamUpdate .lotusActions{margin-top:5px;} .lotusui30 .lotusBoard .lotusStreamUpdate .lotusActions .lotusInlinelist.lotusRight li{padding:0 0 0 7px;margin-left:7px;}/*only want to do this for the actions that are aligned right, to make the right edge flush with the status input box*/ .lotusui30 .lotusBoard .lotusPaging.lotusPagingTop{margin-top:10px;margin-bottom:0;}/*because IE6 reads the last class, don't do anything if there isn't lotusPagingTop*/ .lotusui30 .lotusBoard .lotusPaging .lotusSelected{font-weight:bold;color:#222;} .lotusui30 .lotusBoard .lotusPaging option.lotusMenuSeparator{border-top:1px solid #ccc;}/*options can't be styled in IE*/ .lotusui_ie6 .lotusui30 .lotusBoard .lotusPaging select{margin:0;}/*so borders don't get cut off*/ .lotusui_ie .lotusui30 .lotusBoard .lotusPaging select{font-size:1em;} /*feeds for an activity stream*/ .lotusui30 .lotusBoard .lotusFeeds{margin-top:8px;} .lotusui30 .lotusBoard .lotusFeeds a.lotusFeed{margin-right:0;} /*discussion forum*/ .lotusui30 .lotusForum .lotusPost{margin:7px 0;background-color:#ccc;} .lotusui30.lotusImagesOff .lotusForum .lotusPost, .lotusImagesOff .lotusui30 .lotusForum .lotusPost{border-width:1px;border-style:solid;} .lotusui30 .lotusForum .lotusPostAuthorInfo{width:100px;text-align:center;} .lotusui30 .lotusForum .lotusPostAuthorInfo .lotusPostAvatar{background:url(../images/lotusSprite-8bit.png) 100% -1960px no-repeat;} .lotusui30 .lotusForum .lotusPostContent{padding:7px 15px;background-color:#fff;} .lotusui30 .lotusForum .lotusPostContent .lotusTitle{font-size:1.2em;font-weight:bold;} .lotusui30 .lotusForum ul.lotusCommentList .lotusPost{background-color:#eee;} .lotusui30 .lotusForum ul.lotusCommentList li.lotusCommentItem{border-width:0;} .lotusui30 .lotusForum ul.lotusCommentList .lotusChild{margin-left:0;padding-left:20px;list-style-type:none;background: url(../images/commentIndent.png) left top no-repeat;}/*we can't use a sprite for this graphic because the size of posts are erratic and the rest of the sprite would bleed through*/ .lotusui30 .lotusForum .lotusPostDetails{padding:5px 0;} .lotusui30 .lotusForum .lotusPostDetails blockquote{margin:4px 0;padding:4px 8px;width:75%;color:#545454;background-color:#eee;border-width:1px 1px 1px 3px;border-style:solid;border-color:#ccc;} /*simple comment bubble*/ /*these styles are NOT an extension of lotusPost*/ .lotusui30 .lotusCommentBubble{padding-top:10px;background:url(../images/lotusSprite-8bit.png) 15px -2716px no-repeat;zoom:1;} .lotusui30 .lotusCommentBubbleBody{padding:5px 10px 5px 15px;background-color:#eee;} .lotusui30.lotusImagesOff .lotusCommentBubbleBody, .lotusImagesOff .lotusui30 .lotusCommentBubbleBody{border-width:1px;border-style:solid;} /***********************************************************/ /*** 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 .lotusDialogWrapper {position:absolute;} .lotusui_ie6 .lotusui30 .lotusDialogWrapper {width:525px;}/*this used to be 500px, the extra 25px is to accommodate forms with left labels*/ .lotusui30 .lotusDialogBorder {border:1px solid #999; -moz-box-shadow:0 3px 7px #999; -webkit-box-shadow:0 3px 7px #999; box-shadow:0 3px 7px #999} .lotusui30 .lotusDialogBorder .lotusDialog {background-color:#fff;} .lotusui30 .lotusDialog .lotusDialogHeader {border-bottom:1px solid #ccc; padding:15px 20px; background-color:#fafafa; background-image:-moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));} .lotusui30 .lotusDialog .lotusHeading {font-size:1.5em; font-weight:bold; margin-right:30px;} .lotusui30 .lotusDialog .lotusHeading {background:none; border:0; padding:0;} /*overriding deprecated css*/ /* close icon */ .lotusui30 .lotusDialog .lotusDialogHeader .lotusDialogClose {padding:3px; border:1px solid #aaa; line-height:1em; position:absolute; top:15px; right:15px;} .lotusui30 .lotusDialog .lotusDialogHeader .lotusDialogClose img {background-image:url(../images/lotusHSprite-8bit.png); background-position:-555px -8px; width:16px; height:16px;} /*don't use opacity here because the gen3 image has partial transparency and IE can't handle opacity overrides when there is transparency*/ .lotusui30.lotusImagesOff .lotusDialog .lotusDialogHeader .lotusDialogClose img, .lotusImagesOff .lotusui30 .lotusDialog .lotusDialogHeader .lotusDialogClose img {display:none;} .lotusui30 .lotusDialog .lotusFormTable, .lotusui30 .lotusDialog .lotusFormTable td, .lotusui30 .lotusDialog .lotusDialogContent {padding:15px 20px; max-height:300px; overflow:auto; border-bottom:1px solid #aaa;} .lotusui_ie .lotusui30 .lotusDialog .lotusDialogContent{position:relative; overflow-x:hidden;} /*position:relative is needed to make sure relatively positioned elements within a scrolled div scroll properly - otherwise they act like fixed-position elements. overflow-x:hidden is needed to prevent the horizontal scrollbar from appearing because of the position:relative.*/ .lotusui_ie6 .lotusui30 .lotusDialog .lotusDialogContent {height:expression(this.scrollHeight > 299 ? "300px" : "auto");} .lotusui30 .lotusDialog .lotusHeading2 {margin:0 0 5px; font-size:1.2em; font-weight:bold;} .lotusui30 .lotusDialog .lotusHeading2 {background:none; border:0; color:#444; padding:0; text-shadow:none;} /*overriding deprecated css*/ .lotusui30 .lotusDialog .lotusDialogFooter {background-color:#eaecee; padding:12px 15px; text-align:right;} .lotusui30 .lotusDialogFooter .lotusBtn {margin-left:5px;} .lotusui30 .lotusDialog td.lotusFormLabel {vertical-align:top;} .lotusui30 .lotusDialog.lotusForm2 .lotusFormField:last-child {margin-bottom:0;} /*this CSS3 pseudo class is only supported in modern browsers (and not IE) which makes the multiple class selector okay to use here*/ /*overrides for forms in dialogs*/ /*we need this to keep the error icon on the same line as the form field in all browsers*/ .lotusui30 .lotusDialogBorder .lotusForm2 .lotusFormField {min-width:310px;} /* for lightbox */ .lotusui30 .lotusOverlay {display:none; position:absolute; top:0; left:0; width:100%; background-color:#000; opacity:0.3; filter: alpha(opacity=30);} /*override for tag cloud*/ .lotusui30 .lotusDialog .lotusTagCloud ul li {margin-bottom:3px; list-style:none;} /***********************************************************/ /***************************************/ /*** D I S P L A Y C O N T R O L S ***/ /***************************************/ .lotusui30 .lotusViewControl{display:table;} .lotusui30 .lotusViewControl span{margin:5px 10px 0 0;float:left;}/*styles for the text preceeding the control*/ .lotusui30 .lotusViewControl div{padding:1px;border:1px solid #ccc;display:table;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;zoom:1;} .lotusui30.lotusImagesOff .lotusViewControl div, .lotusImagesOff .lotusui30 .lotusViewControl div{border-width:0;} .lotusui30 .lotusViewControl td{vertical-align:middle;padding:0 0 0 2px;} .lotusui30 .lotusViewControl td div{display:-moz-inline-box;display:inline-block;overflow:hidden;} .lotusui30.lotusImagesOff .lotusViewControl td div, .lotusImagesOff .lotusui30 .lotusViewControl td div{overflow:visible;} .lotusui30 .lotusViewControl .lotusView{padding:0;width:18px;height:18px;display:block;float:left;background-image:url(../images/lotusHSprite-8bit.png);background-repeat:no-repeat;} .lotusui30 .lotusDetailsOff {background-position:-351px -7px;margin:1px;border-width:0;} .lotusui30 .lotusDetailsOn {background-position:-351px -7px;background-color:#fff;margin:0;border:1px solid #444;} .lotusui30 .lotusSummaryOff {background-position:-395px -7px;margin:1px;border-width:0;} .lotusui30 .lotusSummaryOn {background-position:-395px -7px;background-color:#fff;margin:0;border:1px solid #444;} .lotusui30 .lotusTreeOff {background-position:-439px -7px;margin:1px;border-width:0;} .lotusui30 .lotusTreeOn {background-position:-439px -7px;background-color:#fff;margin:0;border:1px solid #444;} .lotusui30 .lotusTileOff {background-position:-417px -7px;margin:1px;border-width:0;} .lotusui30 .lotusTileOn {background-position:-417px -7px;background-color:#fff;margin:0;border:1px solid #444;} .lotusui30 .lotusFolderOff {background-position:-373px -7px;margin:1px;border-width:0;} .lotusui30 .lotusFolderOn {background-position:-373px -7px;background-color:#fff;margin:0;border:1px solid #444;} /*accessibility*/ .lotusui30.lotusImagesOff .lotusViewControl .lotusView, .lotusImagesOff .lotusui30 .lotusViewControl .lotusView{width:auto;height:auto;} .lotusui30.lotusImagesOff .lotusViewControl .lotusView span, .lotusImagesOff .lotusui30 .lotusViewControl .lotusView span{margin:0 5px;} .lotusui30.lotusImagesOff .lotusViewControl a.lotusSelected:hover, .lotusImagesOff .lotusui30 .lotusViewControl a.lotusSelected:hover, .lotusui30.lotusImagesOff .lotusViewControl a.lotusSelected:focus, .lotusImagesOff .lotusui30 .lotusViewControl a.lotusSelected:focus{cursor:default;text-decoration:none;} .lotusui30.lotusImagesOff .lotusViewControl .lotusSelected .lotusAltText, .lotusImagesOff .lotusui30 .lotusViewControl .lotusSelected .lotusAltText{font-weight:bold;} /***********************************************************/ /*** F E E D S **/ /*the feed links under the content*/ .lotusui30 .lotusFeeds{margin:5px 10px;} .lotusui30 .lotusFeeds a.lotusFeed{padding-left:16px;margin-right:7px;background:url(../images/lotusSprite-8bit.png) 0 -3125px no-repeat;display:-moz-inline-box;display:inline-block;zoom:1;min-height:12px/*ff2 fix*/} .lotusui30.lotusImagesOff .lotusFeeds a.lotusFeed, .lotusImagesOff .lotusui30 .lotusFeeds a.lotusFeed{padding-left:0} /***********************************************************/ /*** F I L T E R S **/ /*the filter links that are removable*/ .lotusui30 .lotusFilters2{font-size:.9em;line-height:1.4;margin:1px 0 5px 0;} .lotusui30 .lotusFilters2 .lotusInlinelist{display:inline;} .lotusui30 .lotusFilters2 .lotusInlinelist li{margin:0;padding:0 3px;border-width:0;}/*this is added for accessibility only (screen readers) so we want no visuals, however, margin from links (adjusted) needs to be transferred to padding on li tags for proper spacing*/ .lotusui30 .lotusFilters2 .lotusInlinelist:first-child li:first-child{padding-left:0;}/*this fix for proper edge alignment isn't perfect if the first inline list is preceded by text and there is a second inline list preceded by text (the spacing between the text and filters is different for each), otherwise, you don't really know the spacing isn't intentional.*/ .lotusui30 .lotusFilters2 .lotusInlinelist li a.lotusFilter{margin:0;} .lotusui30 .lotusFilters2 a.lotusFilter{line-height:1.4;margin:0 2px;padding:1px 0 1px 5px;display:inline-block;white-space:nowrap;border:1px solid #999999;background-color:#fafafa;} .lotusui30 .lotusFilters2 a.lotusFilter:first-child{margin-left:0;}/*proper edge aligment*/ .lotusui30 .lotusFilters2 a.lotusFilter, .lotusui30 .lotusFilters2 a.lotusFilter:hover, .lotusui30 .lotusFilters2 a.lotusFilter:focus{text-decoration:none;} .lotusui30 .lotusFilters2 img.lotusDelete{margin:0 5px;vertical-align:baseline;} .lotusui_ie .lotusui30 .lotusFilters2{vertical-align:middle;} .lotusui_ie7 .lotusui30 .lotusFilters2 a.lotusFilter{margin-top:2px;margin-bottom:4px;vertical-align:middle;} .lotusui_ie6 .lotusui30 .lotusFilters2 a.lotusFilter{margin-top:3px;margin-bottom:3px;padding-top:2px;padding-bottom:2px;vertical-align:middle;} /*some additional items for filters under a header*/ .lotusui30.lotusImagesOff .lotusFilters2 img.lotusDelete, .lotusImagesOff .lotusui30 .lotusFilters2 img.lotusDelete{display:none;} .lotusui30.lotusImagesOff .lotusFilters2 a.lotusFilter .lotusAltText, .lotusImagesOff .lotusui30 .lotusFilters2 a.lotusFilter .lotusAltText{margin:0 5px;} .lotusui30 .lotusFilters2 .lotusDivider{margin:0 5px 0 2px;}/*accounts for the right margin on the last filter*/ .lotusui30 .lotusFilters2 a.lotusFilter + .lotusDivider{margin-left:5px;} .lotusui30 .lotusFilters2 .lotusIcon{vertical-align:top;} .lotusui_ie .lotusui30 .lotusFilters2 .lotusIcon{vertical-align:middle;} .lotusui30 .lotusFilters2 a.lotusIcon:hover, .lotusui30 .lotusFilters2 a.lotusIcon:focus{text-decoration:none;} .lotusui30 .lotusFilters2 a.lotusAction{font-size:1em;} /*** F L Y O U T **/ /*The flyout extends from a UI component to provide a preview or additional content*/ .lotusui30 .lotusFlyout {border:1px solid #aaa; background:#fff; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px; -moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.1); box-shadow:0 2px 8px rgba(0, 0, 0, 0.1); } .lotusui30 .lotusFlyout .lotusWrapper {overflow:hidden;} /*for the inset shadow on the header*/ .lotusui30 .lotusFlyout .lotusFlyoutHeader {padding:13px 20px; font-size:0.9em;} .lotusui30.lotusImagesOff .lotusFlyout .lotusFlyoutHeader, .lotusImagesOff .lotusui30 .lotusFlyout .lotusFlyoutHeader {border-bottom:1px solid #ccc;} /*because the header only has a background color*/ .lotusui30 .lotusFlyout .lotusFlyoutHeader .lotusInlinelist {margin-right:20px;} /*to make room for the close icon*/ .lotusui30 .lotusFlyout .lotusFlyoutHeader .lotusMeta {font-size:1em;} .lotusui30 .lotusFlyout .lotusFlyoutHeader .lotusPerson {font-weight:bold;} .lotusui30 .lotusFlyout .lotusClose {position:absolute; top:10px; right:10px; line-height:0.5/*to keep the click target square*/;} .lotusui30 .lotusFlyout .lotusFlyoutContent {overflow-y:auto; margin-bottom:10px; position:relative/*for IE6/7*/;} .lotusui_ie .lotusui30 .lotusFlyout .lotusFlyoutContent, .lotusui_ie8 .lotusui30 .lotusFlyout .lotusFlyoutContent {margin-bottom:0;} /*because IE6-8 don't have rounded corners*/ .lotusui30 .lotusFlyout .lotusFlyoutContentArea {padding:0 10px 10px; zoom:1;} .lotusui30 .lotusFlyoutConnector {background-image:url(../images/lotusHSprite-8bit.png); background-position:-1076px -9px; width:8px; height:15px; position:absolute;} /*the following styles are scoped to lotusFlyoutInner because they are in an iFrame*/ .lotusui30 .lotusFlyoutInner {padding:0 10px;} .lotusui_ie6 .lotusui30 .lotusFlyoutInner .lotusHideOverflow {zoom:1;} .lotusui30 .lotusFlyoutInner .lotusHeadingChunk {font-size:1.5em; line-height:1.2; margin-bottom:15px; clear:both;} .lotusui30 .lotusFlyoutInner .lotusHeading2Chunk {font-size:1.5em; line-height:1.2; margin-bottom:15px; clear:both;} /*smaller text size when it is a status message with a file*/ .lotusui30 .lotusFlyoutInner .lotusHeading {font-size:1em; font-weight:normal; display:inline;} .lotusui30 .lotusFlyoutInner .lotusHeading img {vertical-align:baseline; margin-right:5px;} .lotusui_ie .lotusui30 .lotusFlyoutInner .lotusHeadingAction {margin-left:5px;} .lotusui30 .lotusFlyoutInner .lotusHeadingAction img {vertical-align:baseline;} .lotusui30 .lotusFlyoutInner .lotusFlyoutImage {float:left; padding:5px 20px 15px 0;} .lotusui30 .lotusFlyoutInner .lotusDivider{margin:0 5px;color:#666;} /* overrides */ .lotusui30 .lotusFlyoutInner .lotusChunk {margin-top:0; margin-bottom:15px;} .lotusui30 .lotusFlyoutInner .lotusStatus {font-size:1.1em; font-style:italic; color:#444; font-family:Georgia, Tahoma, "Times New Roman", serif;}/*make sure this goes after lotusChunk*/ .lotusui30 .lotusFlyoutInner .lotusLike {position:relative;}/*for IE6/7*/ .lotusui30 .lotusFlyoutInner .lotusCommentList {margin:10px 0 0;} .lotusui30 .lotusFlyoutInner .lotusBoard .lotusCommentList .lotusAddComment {top:-1px;} .lotusui30 .lotusFlyoutInner .lotusBoard .lotusCommentList:after {background:none;} .lotusui30 .lotusFlyoutInner .lotusForm2 {background-color:#f2f2f2;} .lotusui30 .lotusFlyoutInner .lotusForm2 .lotusFormTitle {padding:15px;} .lotusui30 .lotusFlyoutInner .lotusForm2 .lotusHeading2 {color:#222; font-size:1.3em;} .lotusui30 .lotusFlyoutInner .lotusForm2 .lotusFormBody {padding:0 15px 10px;} .lotusui30 .lotusFlyoutInner .lotusForm2 .lotusFormFooter {margin:0 15px; overflow:hidden; padding:10px 0; border-top:1px dotted #aaa; background:none;} .lotusui30 .lotusFlyoutInner .lotusForm2 .lotusFormFooter li {margin-left:7px; padding:0 0 0 7px;} .lotusui30 .lotusFlyoutInner .lotusForm2 .lotusFormFooter li.lotusFirst {margin-left:0; padding-left:0;} /***********************************************************/ /*** F O R M S ***/ /*these styles are for inline and popup forms*/ /*new, div-based form, labels on top or left*/ .lotusui30 .lotusForm2{margin:0;padding:0;zoom:1;background-color:transparent;} .lotusui30 .lotusForm2 .lotusMessage2{top:20px;margin:20px;}/*global error messages*/ .lotusui30 .lotusForm2 .lotusFormTitle{padding:15px 20px} .lotusui30 .lotusForm2 .lotusFormBody{padding:0 20px 10px;} .lotusui30 .lotusForm2 .lotusFormTitle .lotusHeading{font-size:1.3em;font-weight:bold;color:#222;}/*extra specificity here so if the form sits in a table it doesn't use the table lotusHeading size*/ .lotusui_ie .lotusui30 .lotusForm2 .lotusFormTitle .lotusHeading{float:none;/*override for when form is in a section*/} .lotusui30 .lotusForm2 .lotusFormTitle .lotusMeta{font-size:1em;} .lotusui30 .lotusForm2 label, .lotusui30 .lotusForm2 .lotusFormLabel{display:block;margin-bottom:3px;color:#222;}/*lotusFormLabel is used when you want text that looks like a label but isn't really. Chances are you would use a section header or fieldset legend instead, but this gives you another option*/ .lotusui_ie8 .lotusui30 .lotusForm2 label .lotusIcon img, .lotusui_ie8 .lotusui30 .lotusForm2 .lotusFormLabel .lotusIcon img, .lotusui_ie9 .lotusui30 .lotusForm2 label .lotusIcon img, .lotusui_ie9 .lotusui30 .lotusForm2 .lotusFormLabel .lotusIcon img{vertical-align:text-top;}/*better alignment than the icon hanging below the label which middle alignment does*/ .lotusui30 .lotusForm2 .lotusFormRequired{margin-right:3px;} .lotusui30 .lotusForm2 fieldset{margin:0;padding:0;border-width:0;min-width:271px;float:left;}/*this allows us to use fieldsets for non-sighted users, only*/ .lotusui30 .lotusForm2 .lotusFieldset{padding:0 5px 5px 5px;border:1px solid #aaa;}/*assign this to a fieldset you want to display*/ .lotusui30 .lotusForm2 fieldset legend{padding-left:0;padding-right:0;margin-bottom:2px;color:#222;font-weight:normal;} .lotusui30 .lotusForm2 .lotusFieldset legend{padding-left:2px;padding-right:2px;} /*adjustments to checkbox/radio buttons for better x-browser alignment*/ .lotusui30 .lotusForm2 input.lotusCheckbox{width:13px;height:13px;margin:0 3px 0 0;padding:0;vertical-align:bottom;position:relative;top:-3px;} .lotusui_ie .lotusui30 .lotusForm2 input.lotusCheckbox{top:-5px;margin-right:6px;} .lotusui_ie .lotusui30 .lotusForm2 .lotusFieldset input.lotusCheckbox{top:-2px;} .lotusui_ie9 .lotusui30 .lotusForm2 input.lotusCheckbox{top:-2px;} .lotusui30 .lotusForm2 label.lotusCheckbox{display:inline;}/*use for radio buttons, too*/ .lotusui30 .lotusForm2 .lotusFormField{margin-bottom:10px;overflow:hidden;clear:both;zoom:1;} .lotusui30 .lotusForm2 .lotusFormField .lotusMeta{margin-top:5px;} .lotusui30 .lotusFormField .lotusFieldWrapper{float:left;/*this is to allow an error or help icon to align top*/} .lotusui30 .lotusForm2 fieldset .lotusFieldWrapper{float:none;} .lotusui30 .lotusForm2 .lotusText, .lotusui30 .lotusForm2 textarea, .lotusui30 .lotusForm2 select{width:275px;border:1px solid #aaa;padding:3px;} .lotusui30 .lotusForm2 textarea.lotusText{overflow:auto;}/*removes textarea scrollbars in IE unless they are needed*/ .lotusui30 .lotusForm2 select{padding:1px 0;width:283px;}/*reset this to look better*/ .lotusui30 .lotusForm2 .lotusFormFooter{padding:10px 20px;background-color:#eee;} .lotusui30 .lotusForm2 .lotusFormFooter .lotusBtn{margin-right:10px;} .lotusui_ie .lotusui30 .lotusForm2 .lotusBtn{padding:1px 7px;width:auto;overflow:visible;}/*IE button padding hack (and reset button padding from default)*/ .lotusui_ie7 .lotusui30 .lotusForm2 input.lotusCheckbox{margin-left:-3px}/*fixes IE 3px margin jog bug - we aren't fixing in IE6 or IE8 because the checkboxes are different from the radio buttons in left alignment and this fix brings the checkbox too far to the left*/ .lotusui_ie .lotusui30 .lotusForm2 legend, .lotusui_ie8 .lotusui30 .lotusForm2 legend{margin-left:-6px}/*align legend with content when there's no border*/ .lotusui_ie .lotusui30 .lotusForm2 .lotusFieldset input.lotusCheckbox, .lotusui_ie .lotusui30 .lotusForm2 .lotusFieldset legend, .lotusui_ie8 .lotusui30 .lotusForm2 .lotusFieldset input.lotusCheckbox, .lotusui_ie8 .lotusui30 .lotusForm2 .lotusFieldset legend{margin-left:0}/*reset*/ /*forms with labels to the left - lotusLeftLabels is an additional class beside lotusForm2*/ /* this version of the form has adjustments to padding to get the required field indicators to hang*/ .lotusui30 .lotusLeftLabels .lotusFormBody{padding-left:10px} .lotusui30 .lotusLeftLabels label, .lotusui30 .lotusLeftLabels .lotusFormLabel{margin-left:10px;padding-right:10px;float:left;width:120px;position:relative;word-wrap:break-word;zoom:1;}/*lotusFormLabel is an extra label like a fieldset legend*/ .lotusui30 .lotusLeftLabels .lotusFormRequired{position:absolute;left:-8px;} /*use lotusIndent for items needed to align with the form elements, when there isn't a left label*/ .lotusui30 .lotusLeftLabels .lotusIndent{margin-left:140px;} .lotusui_ie6 .lotusui30 .lotusLeftLabels .lotusIndent{margin-left:150px;} .lotusui30 .lotusLeftLabels label.lotusCheckbox{margin-left:0;padding-right:3px;float:none;width:auto;} .lotusui30 .lotusLeftLabels fieldset input.lotusCheckbox{margin-left:0;} .lotusui30 .lotusLeftLabels .lotusFormField .lotusMeta{width:275px;/*this needs to match the width of form fields*/} /*form sections*/ .lotusui30 .lotusForm2 .lotusFormSection{margin-top:30px} .lotusui_ie6 .lotusui30 .lotusForm2 .lotusFormBody .lotusFormSectionHeader .lotusArrow{overflow:hidden;} .lotusui30 .lotusForm2 .lotusFormBody .lotusFormSectionHeader .lotusHeading2{font-size:1.1em;float:none;/*override for when form is in a section*/} .lotusui30 .lotusForm2 .lotusFormSectionHeader .lotusMeta{font-size:1em;} .lotusui30 .lotusForm2 .lotusFormSectionHeader .lotusHeading2 a, .lotusui30 .lotusForm2 .lotusFormSectionHeader .lotusHeading2 a:visited, .lotusui30 .lotusForm2 .lotusFormSectionHeader .lotusHeading2 a:hover, .lotusui30 .lotusForm2 .lotusFormSectionHeader .lotusHeading2 a:focus, .lotusui30 .lotusForm2 .lotusFormSectionHeader .lotusHeading2 a:active{color:#222;text-decoration:none;} .lotusui30 .lotusForm2 .lotusFormSectionBody{padding-top:10px;padding-left:15px;clear:both;} /*form errors*/ /*lotusFormError applies to older form styles, it is for a message that shows up above a field in error or for an error message at the top of a smaller form. For messages at the top of a larger form or dialog, use an error message component*/ .lotusui30 .lotusForm2 .lotusFormError{color:#ce2c25;}/*for error text not in a message component*/ .lotusui30 .lotusForm2 .lotusFormErrorIcon{visibility:hidden;display:inline-block;margin-left:5px;font-weight:bold;color:#ce2c25/*alt text*/;}/*displays next to a field*/ .lotusui30 .lotusForm2 fieldset.lotusFieldset + span.lotusFormErrorIcon{margin-top:8px;}/*this is the error icon for a radio or checkbox group with a visible fieldset*/ .lotusui30 .lotusForm2 .lotusFormErrorField{border:1px solid #ce2c25;} .lotusui30 .lotusForm2 fieldset.lotusFormErrorField{padding:5px;} /*the fieldset top border disappears when the legend isn't visible. Using progressive enhancement (and advanced CSS selectors) we can create fallback styling*/ /*all fieldsets in error in IE get a background color instead of a border*/ .lotusui_ie .lotusui30 .lotusForm2 fieldset.lotusFormErrorField, .lotusui_ie8 .lotusui30 .lotusForm2 fieldset.lotusFormErrorField{border-width:0;background-color:#ffe3ed;} /*IE7 and up browsers get a red border on a visible fieldset*/ .lotusui_ie7 .lotusui30 .lotusForm2 fieldset.lotusFieldset.lotusFormErrorField, .lotusui_ie8 .lotusui30 .lotusForm2 fieldset.lotusFieldset.lotusFormErrorField{border:1px solid #ce2c25;background-color:transparent;} /***********************************************************/ /*** 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*/ .lotusui30 .lotusGrid{zoom:1;margin:5px 0 0 0;overflow:hidden;zoom:1} .lotusui_ie .lotusui30 .lotusGrid{margin-bottom:5px;} .lotusui30 .lotusGrid div{margin:0 5px 5px 0;float:left} /***********************************************************/ /*** H E A D E R ***/ /*found at the top of the page, center column*/ .lotusui30 .lotusHeader{margin-top:-5px;margin-bottom:15px;overflow:hidden;position:relative;zoom:1;} .lotusui30 .lotusHeader .lotusHeading{font-size:1.7em;font-weight:normal;} .lotusui30 div.lotusHeader{margin-bottom:15px;}/*this is for a simple header, not in a table layout, to adjust the bottom margin*/ .lotusui30 .lotusHeader img{margin-right:10px;} .lotusui30 .lotusHeader .lotusDetails{margin-top:5px;position:relative;white-space:break-word;clear:both;} .lotusui30 .lotusHeader .lotusDetails p{color:#222;} .lotusui30 .lotusHeader .lotusBtnContainer{margin-top:10px;} /***********************************************************/ /*** P O P U P H E L P ***/ .lotusui30 .lotusHelp{ margin:0;padding:5px;position:absolute;width:200px; background-color:#ffffe1;border:1px solid #ccc; -webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee;box-shadow:0 2px 5px #eee; overflow:hidden; } .lotusui30 .lotusHelp .lotusHelpHeader{margin:5px 3px 0 5px;float:left;overflow:hidden;} .lotusui_ie .lotusui30 .lotusHelp .lotusHelpHeader{margin-top:1px;} .lotusui30 .lotusHelp .lotusHeading{font-size:1.1em;color:#222;font-weight:bold;} .lotusui30 .lotusHelp p{padding:0 0 5px 5px;line-height:1.5;/*this line-height is important for alignment and needs to be here in case this winds up on a page with a different line-height*/} .lotusui30 .lotusMedium{width:300px;}/*you can put this as an additional class to set the width to 300 pixels*/ /***********************************************************/ /*** 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*/ .lotusui30 .lotusLegal .lotusLicense{color:#666;} .lotusui30 .lotusLegal .lotusBuild{color:#000;} .lotusui30 table.lotusLegal td{font-size:0.8em;line-height:1.2;} .lotusui30 table.lotusLegal{margin:5px 25px 10px 25px;} .lotusui30 table.lotusLegal td{vertical-align:middle;padding:5px;} .lotusui30 .lotusLogin .lotusLegal{margin-left:10px;} .lotusui30 .lotusLogin table.lotusLegal{margin-top:15px;} /***********************************************************/ /*** L I K E ***/ .lotusui30 .lotusLike {display:inline-block; color:#222; font-size:0.9em;} .lotusui30 .lotusLike .lotusLikeCount {padding:2px 4px 2px 22px; margin-right:7px; position:relative; display:inline-block; background:#f2f2f2; border:1px solid #ddd; -moz-border-radius: 2px; border-radius: 2px;} .lotusui30 .lotusLike .lotusLikeCount .lotusIconLike {position:absolute; left:3px;} .lotusui30 .lotusLike .lotusDivider {margin:0 2px; color:#ccc;} .lotusui30 .lotusLike .lotusLikeConnector {background-image:url(../images/lotusHSprite-8bit.png); background-position:-1104px -13px; width:7px; height:6px; position:absolute; bottom:4px; right:-7px;} .lotusui_ie .lotusui30 .lotusLike .lotusLikeCount {display:inline; zoom:1; margin-right:8px;} /* inline-block fix and spacing */ .lotusui_ie .lotusui30 .lotusLike, .lotusui_ie .lotusui30 .lotusLike .lotusLikeText {display:inline; zoom:1;} /* inline-block fix */ .lotusui_ie .lotusui30 .lotusLike .lotusLikeDescription, .lotusui_ie .lotusui30 .lotusLike .lotusDivider, .lotusui_ie .lotusui30 .lotusLike .lotusLikeAction {padding-bottom:3px; zoom:1;} /* match the bubble padding and border to make the text align */ .lotusui_ie6 .lotusui30 .lotusLike .lotusLikeConnector {bottom:auto; top:11px;} /* position the connector in IE6 */ /* when there are no likes */ .lotusui30 .lotusLike .lotusNoLikes {padding-left:10px; padding-right:9px; text-decoration:none;} /* when only you like it */ .lotusui30 .lotusLike .lotusDisabled {text-decoration:none; color:#222;} /* when it is the simple, clickable, control */ .lotusui30 .lotusLike .lotusLikeSimple {background:none; border:0; margin:0; padding:0 0 0 19px;} .lotusui30 .lotusLike .lotusLikeSimple .lotusIconLike {left:0; top:1px/*to align with count only*/;} .lotusui_ie .lotusui30 .lotusLike .lotusLikeSimple .lotusIconLike, .lotusui_ie9 .lotusui30 .lotusLike .lotusLikeSimple .lotusIconLike {top:0;} /*IE tweeks to align with count only*/ .lotusui30.lotusImagesOff .lotusLike .lotusIconLike, .lotusImagesOff .lotusui30 .lotusLike .lotusIconLike {display:none;} /*hide the icon*/ .lotusui30.lotusImagesOff .lotusLike .lotusLikeCount, .lotusImagesOff .lotusui30 .lotusLike .lotusLikeCount {padding-left:5px;} /* remove icon placeholder space */ .lotusui30.lotusImagesOff .lotusLike .lotusLikeSimple, .lotusImagesOff .lotusui30 .lotusLike .lotusLikeSimple {padding-left:0;} /* order in this file is important */ .lotusui30.lotusImagesOff .lotusLike .lotusLikeText, .lotusImagesOff .lotusui30 .lotusLike .lotusLikeText {display:inline;} /* make this inline with lotusAltText */ .lotusui30.lotusImagesOff .lotusLike .lotusNoLikes, .lotusImagesOff .lotusui30 .lotusLike .lotusNoLikes {display:none;} /* don't even show the link when it provides no context */ /* light box */ .lotusui30 .lotusLikeLightBox {width:300px;} .lotusui30 .lotusLikeLightBox .lotusLike {float:left; margin-right:5px;} /* needed for IE6/7 */ .lotusui30 .lotusLikeLightBox .lotusLikeHeader {border-bottom:1px solid #ccc; padding:8px 10px; overflow:hidden; zoom:1;} .lotusui30 .lotusLikeLightBox .lotusLikeHeaderText {padding:3px 0; font-size:0.9em; color:#222;} .lotusui30.lotusImagesOff .lotusLikeLightBox .lotusLikeHeaderText, .lotusImagesOff .lotusui30 .lotusLikeLightBox .lotusLikeHeaderText {padding-right:10px;} /*allow room for the dialog close icon*/ .lotusui30 .lotusLikeLightBox ul.lotusList {overflow:auto; height:360px;} .lotusui30 .lotusLikeLightBox ul.lotusList li {margin:0; padding:0; border-bottom:1px solid #ededed; overflow:hidden;} .lotusui30 .lotusLikeLightBox ul.lotusList li a {margin:1px; padding:5px 10px; display:block;} .lotusui30 .lotusLikeLightBox ul.lotusList li a:hover, .lotusui30 .lotusLikeLightBox ul.lotusList li a:focus, .lotusui30 .lotusLikeLightBox ul.lotusList li a:active {background-color:#eee;} .lotusui30 .lotusLikeLightBox .lotusLikeAvatar {display:block; cursor:pointer/*for IE6 and IE7*/;} .lotusui30 .lotusLikeLightBox .lotusLikeAvatar img {float:left;} /*float has to be on img not lotusLikeAvatar for IE6/7*/ .lotusui30 .lotusLikeLightBox .lotusPerson {overflow:hidden; padding:7px 0 7px 10px; font-weight:bold; display:block; cursor:pointer/*for IE6 and IE7*/;} /***********************************************************/ /*** L I S T S ***/ /*use in conjuction with sections if you want a more complex list*/ .lotusui30 ul.lotusList{clear:both;overflow:hidden;margin:0;padding:0;list-style-type:none} .lotusui30 ul.lotusMeta.lotusList{font-size:1em;}/*lists that have meta text use normal text size but meta color. the class order is important so IE6 reads ul.lotusList*/ .lotusui30 ul.lotusList ul{list-style-type:none} /*makes sure all nested lists don't have bullets, even though we don't typically nest these straight lists*/ .lotusui30 ul.lotusList li {margin:1px 0;padding:3px 2px;clear:both;zoom:1} .lotusui30 ul.lotusEditable li{text-align:right;overflow:hidden} /*use this class in combination with list class - allows you to put a delete button on a list item*/ .lotusui30 ul.lotusList li.lotusSelected{background-color:#eee} .lotusui30 ul.lotusList li.lotusSelected a{text-decoration:none;color:#000;} .lotusui30 ul.lotusList img.lotusLeft{margin-right:3px} .lotusui30 ul.lotusList div p{margin-top:3px;margin-bottom:0}/*second line of data*/ .lotusui30.lotusImagesOff .lotusEditable .lotusDelete img, .lotusImagesOff .lotusui30 .lotusEditable .lotusDelete img{display:none} /*styles for a definitions list*/ .lotusui30 dl.lotusList dt{padding:3px 10px;margin:10px 0 0 0;font-size:1.1em} .lotusui30 dl.lotusList dd{margin:0;padding:5px 10px} /***********************************************************/ /*** M E D I A V I E W E R ***/ /*overall widget styling */ .lotusui30 .lotusGallery { background: none repeat scroll 0 0 #212327; text-align: left; width: 700px; /*default*/ } /*Main item section styling*/ .lotusui30 .lotusGallery .lotusItemViewer { position: relative; height: 323px; border-top: 1px solid #34363A; clear: both; overflow: hidden; } .lotusui30 .lotusGallery .lotusItemViewer .lotusItem { margin:20px 0; text-align: center; } .lotusui30 .lotusGallery .lotusItemViewer .lotusItem .lotusNoImage { /*goes on lotusItem inner div*/ color: white; font-size: 1em; padding-top: 135px; } .lotusui30 .lotusGallery .lotusItemViewer .lotusItem img { border: 0 none; } .lotusui30 .lotusGallery .lotusItemViewer .lotusClickable { cursor: pointer; } .lotusui30 .lotusGallery .lotusItemViewer .lotusNavControl { top: 0; height: 100%; position: absolute; z-index: 999; cursor: pointer; } .lotusui30 .lotusGallery .lotusItemViewer .lotusNavControl img { height: 100%; width: 32px; } .lotusui30 .lotusGallery .lotusItemViewer .lotusNavNext { float: right; right: 0; padding: 0 20px; } .lotusui30 .lotusGallery .lotusItemViewer .lotusNavNext img{ background-position: -785px 50%; } .lotusui30 .lotusGallery .lotusItemViewer .lotusNavEnd img{ background-position: -709px 50%; } .lotusui30 .lotusGallery .lotusItemViewer .lotusNavPrev { float: left; left: 0; padding: 0 20px; } .lotusui30 .lotusGallery .lotusItemViewer .lotusNavPrev img{ background-position: -747px 50%; } .lotusui30 .lotusGallery .lotusItem img{ -moz-box-shadow:0 0 5px #111;-webkit-box-shadow:0 0 5px #111;box-shadow:0 0 5px #111; } /*thumbnail section styling*/ .lotusui30 .lotusGallery .lotusThumbnails { position: relative; overflow:hidden; border-bottom: 1px solid #111; height: 81px; /*this is needed so webkit browsers can do the vertical icon centering*/ background-color:#222428; background-image:-moz-linear-gradient(top, #383A3E 0%, #222428 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#383A3E), to(#222428)); } .lotusui_ie .lotusui30 .lotusGallery .lotusThumbnails{ height:80px; /*need this for IE to contain the 100% height of the nav controls*/ } .lotusui30 .lotusGallery .lotusThumbnails .lotusNavControl { top: 0; height: 100%; position: absolute; padding:0 23px; z-index: 999; cursor: pointer; border-top: 1px solid #494A4E; } .lotusui30 .lotusGallery .lotusThumbnails .lotusNavControl img{ height:100%; width:10px; } .lotusui30 .lotusGallery .lotusThumbnails .lotusNavNext { right: -1px; -moz-box-shadow: -5px 0 10px #111; -webkit-box-shadow: -5px 0 10px #111; -box-shadow: -5px 0 10px #111; } .lotusui30 .lotusGallery .lotusThumbnails .lotusNavNext img { background-position: -839px 50%; } .lotusui30 .lotusGallery .lotusThumbnails .lotusNavPrev { left: -1px; -moz-box-shadow: 5px 0 10px #111; -webkit-box-shadow: 5px 0 10px #111; -box-shadow: 5px 0 10px #111; } .lotusui30 .lotusGallery .lotusThumbnails .lotusNavPrev img{ background-position: -823px 50%; } .lotusui30 .lotusGallery .lotusThumbnailScroller { text-align: left; border-top: 1px solid #1B1C20; position:relative; /*for IE7*/ width:auto; /*IE6 needs this set, 590px for example*/ overflow: hidden; padding-top: 15px; padding-bottom: 15px; text-align: left; margin:0 55px; background-color:#191A1E;-moz-box-shadow:inset 0 -2px 5px #111;-webkit-box-shadow:inset 0 -2px 5px #111;box-shadow:inset 0 -2px 5px #111; } .lotusui30 .lotusGallery .lotusThumbnailScroller_rtl { float: right; } .lotusui30 .lotusGallery .lotusThumbnailStrip { width:5000px; /*need to make this foolproof length to accommodate longest batch of images, to keep from wrapping in IE6.*/ padding-left: 10px; padding-right: 10px; } .lotusui_ie .lotusui30 .lotusGallery .lotusThumbnailStrip { position: relative; left: auto; } .lotusui30 .lotusGallery .lotusThumbnailStrip .lotusThumbnail { float: left; margin: 0 5px; position: relative; width:50px;height:50px;/*default image size*/ } .lotusui30 .lotusGallery .lotusThumbnailStrip .lotusLast{ width:60px; border-right:3px solid #777; margin-right:5px; } .lotusui30 .lotusGallery .lotusThumbnailStrip .lotusSelected { margin: -5px; padding:3px; border: 2px solid #eee; } .lotusui30 .lotusGallery .lotusThumbnailStrip .lotusThumbnail .lotusImageTrim { position:absolute; height: 50px; width: 50px; /*default image size*/ overflow: hidden; } .lotusui30 .lotusGallery .lotusThumbnailStrip .lotusNoThumbnail .lotusImageTrim { border:2px dashed #444; height: 46px; width: 46px; /*adjusted default image size*/ } .lotusui30 .lotusGallery .lotusThumbnails .lotusThumbnailTemplate { position: absolute; left: 0; top: -9999px; width:50px; height:50px; } .lotusui30 .lotusGallery .lotusThumbnailStrip .lotusThumbnail_rtl { float: right; } .lotusui30 .lotusGallery .lotusThumbnailStrip .lotusThumbnail img{ position: relative; cursor: pointer; } .lotusui30 .lotusGallery .lotusThumbnailStrip .lotusThumbnail .lotusThumbOverlay { position: absolute; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; } .lotusui30 .lotusGallery .lotusThumbnailStrip .lotusLast .lotusThumbOverlay { width:50px; /*needed to override this to match the thumbnail size*/ } .lotusui_ie .lotusui30 .lotusGallery .lotusThumbnailStrip .lotusThumbnail .lotusThumbOverlay { left: auto; } /*.lotusui30 .lotusThumbnails .lotusGallery .lotusThumbnailStrip .lotusThumbnail .lotusSelected { top: -5px; left: -5px; border: 1px solid #6D6F72; }*/ /*footer section styling*/ .lotusui30 .lotusGallery .lotusItemDetails { clear: both; padding: 20px 20px 0; background-color:#1B1C20;border-top:1px solid #323336; height:6.75em; } .lotusui30 .lotusGallery .lotusItemDetails .lotusDetails { color: #ccc; font-size: 1.2em; } .lotusui30 .lotusGallery .lotusItemDetails .lotusDetails .lotusInner { overflow: hidden; } .lotusui30 .lotusGallery .lotusItemDetails .lotusDetails .lotusTitle { font-size:inherit; line-height:inherit; /*don't let the oneui30 dijit theme apply here*/ color:#fff; font-weight:bold; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .lotusui30 .lotusGallery .lotusItemDetails .lotusDetails .lotusTitle .lotusCount{ margin-right:10px; padding-right:10px; color: #ccc; /*this should be the same color as lotusMeta*/ border-right:1px solid #B2B2B2; font-weight:normal; } .lotusui30 .lotusGallery .lotusItemDetails .lotusDetails p { margin:0; display: inline; line-height:inherit; font-size:.9em; white-space:nowrap; width:100%;overflow:hidden; -o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis; } .lotusui30 .lotusGallery .lotusItemDetails .lotusMeta { font-size:.75em; color:#ccc; } .lotusui30 .lotusGallery .lotusItemDetails .lotusMeta a { color: #84cbf4; text-decoration: none; } /*shared styling*/ .lotusui30 .lotusGallery a.lotusNavDisabled { cursor: default !important; } .lotusui30 .lotusGallery a.lotusNavControl img { background-image: url("../images/lotusHSprite-8bit.png"); background-repeat: no-repeat; opacity: 0.5; filter: alpha(opacity=50); } .lotusui30 .lotusGallery a.lotusNavControl:hover img, .lotusui30 .lotusGallery a.lotusNavControl:focus img { opacity: 0.75; filter: alpha(opacity=75); } .lotusui30 .lotusGallery a.lotusNavDisabled img, .lotusui30 .lotusGallery a.lotusNavDisabled:hover img, .lotusui30 .lotusGallery a.lotusNavDisabled:focus img { opacity: 0.2; filter: alpha(opacity=20); } .lotusui30 .lotusGallery .lotusItemViewer .lotusLoading { background: url("../images/loading.gif") no-repeat scroll center center transparent; height: 100%; } .lotusui30 .lotusGallery .lotusLoading { background: url("../images/loading.gif") no-repeat scroll center center transparent; width: auto; height: auto; } .lotusui_ie .lotusui30 .lotusGallery .lotusThumbnails .lotusLoading { background-position: 34px center; } /***********************************************************/ /*** M E G A M E N U **/ /*these are a type of dropdown used for global navigation*/ .lotusui30 .lotusNavMenu {margin:0; position:absolute; border:1px solid #5f5f5f; z-index:900;} .lotusui30 .lotusNavMenu table {margin:0; padding:5px 0; list-style-type:none; background-color:#fff;} .lotusui30 .lotusNavMenu tr {white-space:nowrap; zoom:1; background-color:transparent; color:#222;} .lotusui30 .lotusNavMenu th, .lotusui30 .lotusNavMenu table td {text-align:left; padding:0 5px;}/*added table to increase specificity because of lotusLayout*/ .lotusui30 .lotusNavMenu table.lotusAlignRight th, .lotusui30 .lotusNavMenu table.lotusAlignRight td {text-align:right;} .lotusui30 .lotusNavMenu tr.lotusMenuSeparator th, .lotusui30 .lotusNavMenu tr.lotusMenuSeparator td {border-bottom:1px solid #ccc;} .lotusui30 .lotusNavMenu tr img {margin:0 3px 0 8px;} .lotusui_ie .lotusui30 .lotusNavMenu tr img {margin-top:-10px;}/*image alignment adjustment*/ /*TODO look at this when refactoring apps menu*/ .lotusui30 .lotusNavMenu tr a, .lotusui30 .lotusNavMenu tr span {display:inline-block; padding:5px;} .lotusui30 .lotusNavMenu .dijitTooltipContainer a:hover {text-decoration:underline;} .lotusui30 .lotusNavMenu .dijitTooltipContainer {background-image:none; background-color:transparent; border-width:0;} .lotusui30 .lotusNavMenu .dijitTooltipConnector {display:none;} /*spacing adjustments*/ .lotusui30 .lotusNavMenu tr.lotusMenuSeparator th, .lotusui30 .lotusNavMenu tr.lotusMenuSeparator td {padding-bottom:5px;} .lotusui30 .lotusNavMenu tr.lotusMenuSeparator + tr th, .lotusui30 .lotusNavMenu tr.lotusMenuSeparator + tr td {padding-top:5px}/*this won't work in IE6*/ /*menu layout*/ .lotusui30 .lotusNavMenu .lotusTwoCol {width:535px;} .lotusui30 .lotusNavMenu .lotusTwoCol tr a {width:245px; text-decoration:none;} .lotusui30 .lotusNavMenu .lotusEllipsis {width:auto;} /*two column*/ .lotusui30 .lotusNavMenu .lotusTwoCol tr img {margin:0 3px;} /***********************************************************/ /*** M E N U ***/ /*this menu is set up to allow for rounded corners in all browsers and is a set width*/ .lotusui30 .lotusMenu{margin:0 0 15px 0;padding:5px 0;width:178px;word-wrap:break-word;background-color:#eee;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .lotusui30 .lotusMenu .lotusInner{overflow:hidden;} .lotusui30 .lotusMenu .lotusMenuSection{overflow:hidden;margin:0 0 5px 0;padding-bottom:5px;border-bottom:1px solid #ccc;zoom:1;}/*creates a section in the menu, with a divider at the bottom*/ .lotusui30 .lotusMenu .lotusMenuSubsection{padding:5px 0 0 20px;}/*allows you to indent a section of the menu*/ .lotusui30 .lotusMenu .lotusMenuHeader{margin:0 5px;padding:2px 0 2px 25px;} .lotusui30 .lotusMenu .lotusMenuHeader, .lotusui30 .lotusMenu .lotusHeaderSelected .lotusMenuHeader{color:#000;} .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;} .lotusui30 .lotusMenu .lotusHeaderSelected, .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:#fff;} .lotusui30 .lotusMenu .lotusMenuSubsection .lotusMenuHeader{margin-left:-15px;} .lotusui30 .lotusMenu .lotusHeaderSelected{color:#fff;background-color:#595b5d;border-width:1px 0;border-style:solid;border-color:#595b5d;} .lotusui30 .lotusMenu .lotusMenuHeader a.lotusArrow{position:absolute;left:9px;top:3px;} .lotusui30 .lotusMenu .lotusHeading{font-size:1em;line-height:1.5;} /*Use a ul element for menu items. Put an additional lotusIcons class on it if your menu items have icons*/ .lotusui30 .lotusMenu ul{margin:0;padding:0;list-style-type:none;} .lotusui30 .lotusMenu li{zoom:1;}/*sets hasLayout in IE*/ .lotusui30 .lotusMenu li a{padding:2px 0 2px 10px;display:block;font-weight:normal;} .lotusui30 .lotusMenu li a, .lotusui30 .lotusMenu .lotusMenuHeader{position:relative;zoom:1;} .lotusui30 .lotusMenu li a, .lotusui30 .lotusMenu li a:visited, .lotusui30 .lotusMenu li a:hover, .lotusui30 .lotusMenu li a:focus, .lotusui30 .lotusMenu li a:active{color:#000;} /*.lotusui30 .lotusMenu li a:hover, .lotusui30 .lotusMenu li a:focus, .lotusui30 .lotusMenu li a:active{text-decoration:underline;}*/ /*lotusIcons is assigned to a list of menu items with icons; an image is added inside the link before the text. This is legacy code*/ .lotusui30 .lotusMenu ul.lotusIcons img{position:absolute;left:10px;} .lotusui30 .lotusMenu ul.lotusIcons .lotusSelected img{left:25px;} .lotusui30 .lotusMenu ul.lotusIcons a{padding-left:29px;} /*----------*/ .lotusui30 .lotusMenu li.lotusSelected a{margin:0 5px;padding-left:5px;background-color:#595b5d;border-width:1px 0;border-style:solid;border-color:#595b5d;font-weight:bold;} .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{color:#fff;text-decoration:none;} .lotusui30 .lotusMenu ul.lotusIcons .lotusSelected a{ padding-left: 24px; } .lotusui30 .lotusMenu .lotusMenuSubsection li.lotusSelected a{margin-left:-15px;padding-left:25px;} .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons .lotusSelected a{ padding-left: 44px; } .lotusui30.lotusImagesOff .lotusMenu .lotusMenuSubsection ul.lotusIcons a, .lotusImagesOff .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons a{padding-left:10px;} .lotusui30.lotusImagesOff .lotusMenu .lotusMenuSubsection ul.lotusIcons .lotusSelected a, .lotusImagesOff .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons .lotusSelected a{padding-left:25px;} .lotusui_ie6 .lotusui30 .lotusMenu .lotusMenuSubsection li.lotusSelected a{position:relative;zoom:1;}/*fix so negative margins aren't truncated by container*/ .lotusui30 .lotusMenu div.lotusChunk{margin:5px 5px 0 0;}/*lotusChunk allows you to apply vertical spacing within sections - wrap a div with this class around "chunks" of data*/ .lotusui30 .lotusMenu .lotusAction{margin-left:30px;display:inline-block;} /*menu arrows are created as CSS sprites, using the lotusArrow class found in baseTheme.css*/ .lotusui30 .lotusMenu .lotusTwistyOpenMenu{background-position:4px -1016px;opacity:0.55;filter:alpha(opacity=55);}/*the section is selected*/ .lotusui30 .lotusMenu .lotusTwistyClosedMenu{background-position:4px -1160px;opacity:0.55;filter:alpha(opacity=55);} .lotusui30 .lotusMenu a.lotusArrow, .lotusui30 .lotusMenu a.lotusArrow:hover, .lotusui30 .lotusMenu a.lotusArrow:focus{text-decoration:none;} /*unread badge*/ .lotusui30 .lotusMenu .lotusUnreadBadge {margin-left:15px; padding:0 0.4em; color:#fff; background:#767676; display:inline-block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:.85em;} /* display:inline; makes the background disappear in IE9 */ .lotusui30.lotusImagesOff .lotusMenu .lotusUnreadBadge, .lotusImagesOff .lotusui30 .lotusMenu .lotusUnreadBadge{border-width:1px;border-style:solid;} /***********************************************************/ /*** 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{padding:5px;margin-bottom:12px;background-color:#fffabc;border:1px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;zoom:1;position:relative;}/*error message*/ .lotusui30 .lotusMessage2 .lotusIcon {margin:2px 5px 0 0;float:left;} .lotusui30.lotusImagesOff .lotusMessage2 .lotusIcon{display:none;}, .lotusImagesOff .lotusui30 .lotusMessage2 .lotusIcon{display:none;} .lotusui30 .lotusMessage2 .lotusMessageBody{margin:0 20px;} .lotusui30 .lotusMessage2 .lotusDelete{position:absolute;right:5px;top:5px;} .lotusui30 .lotusMessage2 .lotusDelete img{float:none;opacity:0.45;filter:alpha(opacity=45);} .lotusui30 .lotusMessage2 .lotusDelete:hover img, .lotusui30 .lotusMessage2 .lotusDelete:focus img, .lotusui30 .lotusMessage2 .lotusDelete:active img{opacity:0.55;filter:alpha(opacity=55);} .lotusui30 .lotusMessage2 span.lotusAltText{float:left;margin-left:5px;margin-right:5px;} .lotusui30.lotusImagesOff .lotusMessage2 .lotusDelete .lotusAltText, .lotusImagesOff .lotusui30 .lotusMessage2 .lotusDelete .lotusAltText{font-weight:bold;} /***********************************************************/ /*** 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-top:2px; padding:5px; overflow:hidden; clear:both; text-align:center; font-size:.9em; background-color:#fafafa; border:1px solid #ccc; zoom:1;} .lotusui30 .lotusPaging a, .lotusui30 .lotusPaging a:visited {font-weight:bold;} .lotusui30 .lotusPaging input {width:20px; text-align:center; font-size:0.9em;} .lotusui30 .lotusPaging input, .lotusui30 .lotusPaging select {margin-top:-2px; margin-bottom:-2px;} .lotusui30 .lotusPaging div, .lotusui30 .lotusPaging .lotusInlinelist li.lotusFirst {padding-left:5px;} .lotusui30 .lotusPaging .lotusInlinelist li {padding:0 6px; border-color:#8d8d8d;} .lotusui30 .lotusPaging .lotusInlinelist li.lotusLast {padding-left:0;} .lotusui30 .lotusPaging .lotusView a, .lotusui30 .lotusPaging .lotusView a:visited, .lotusui30 .lotusPaging .lotusView a:hover, .lotusui30 .lotusPaging .lotusView a:focus, .lotusui30 .lotusPaging .lotusView a:active {color:#444; font-weight:normal;} .lotusui30 .lotusPaging .lotusView .lotusSelected a {font-weight:bold; text-decoration:none;} /***********************************************************/ /*** 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{overflow:hidden;zoom:1;background-color:#7a7f84;border-bottom:6px solid #676b6f;} .lotusui30 .lotusPalette .lotusLoading{background-image:url(../images/loading.gif);} .lotusui30 .lotusPaletteHeader{padding:7px 10px 0;overflow:hidden;zoom:1;position:relative;line-height:1.9em;background-color:#62656a;color:#fff;border-width:1px 0;border-style:solid;border-top-color:#62656a;border-bottom-color:#777b81;} .lotusui30 .lotusPaletteHeader .lotusHeading{margin:0;padding:0;float:left;font-size:1.2em;font-weight:bold;color:#fff;} /*.lotusPaletteHeader a{text-decoration:none;}*/ .lotusui30 .lotusPalette .lotusPaletteHeader a, .lotusui30 .lotusPalette .lotusPaletteHeader a:hover, .lotusui30 .lotusPalette .lotusPaletteHeader a:focus, .lotusui30 .lotusPalette .lotusPaletteHeader a:active, .lotusui30 .lotusPalette .lotusPaletteHeader a:visited{color:#fff;} .lotusui30 .lotusPaletteHeader ul.lotusTabs{float:left; margin-left:0; width:75%;} .lotusui30 .lotusPaletteHeader .lotusTabs li{border-width:0;} .lotusui30 .lotusPaletteHeader .lotusTabs li, .lotusui30 .lotusPaletteHeader .lotusTabs li.lotusSelected{background-color:transparent;} .lotusui30 .lotusPaletteHeader .lotusTabs li.lotusSelected a, .lotusui30 .lotusPaletteHeader .lotusTabs li.lotusSelected a:visited{color:#fff;} .lotusui30 .lotusPaletteHeader .lotusTabs a, .lotusui30 .lotusPaletteHeader .lotusTabs a:visited{margin:2px 0 8px 0;padding:3px 8px;color:#fff;} .lotusui30 .lotusPaletteHeader .lotusTabs li.lotusSelected a{font-weight:bold;} .lotusui30 .lotusPaletteHeader .lotusTabs li a:hover, .lotusui30 .lotusPaletteHeader .lotusTabs li a:focus{text-decoration:underline;} .lotusui30 .lotusPaletteHeader .lotusTabs li.lotusSelected a:hover, .lotusui30 .lotusPaletteHeader .lotusTabs li.lotusSelected a:focus{text-decoration:none;} .lotusui30 .lotusPalette .lotusClose{margin-left:20px;padding:2px;float:right;}/*there is also a lotusBtnImg class on this element*/ .lotusui30 .lotusPaletteBody{margin-bottom:1px;background-color:#414648;border-width:2px 0;border-style:solid;border-top-color:#222;border-bottom-color:#222;overflow:hidden;zoom:1;} .lotusui30 .lotusPaletteNav{width:200px;float:left;height:20.2em;padding:10px 15px 10px 0;border-right:1px solid #222;} .lotusui30.lotusImagesOff .lotusPaletteNav, .lotusImagesOff .lotusui30 .lotusPaletteNav{height:22em;}/*to allow for expanded UI with image alt text*/ .lotusui30 .lotusPalette .lotusChunk{margin:0 0 10px 10px;overflow:hidden;} .lotusui30 .lotusPalette .lotusSearch input.lotusText{width:143px;} .lotusui30 .lotusPaletteNav .lotusPaletteNavHeader{margin:0 0 3px 10px;padding:0;color:#fff;} .lotusui30 .lotusPaletteNav .lotusPaletteNavHeader .lotusHeading2{font-size:1.1em;font-weight:bold;color:#fff;} .lotusui30 .lotusPaletteNav .lotusPaletteNavHeader .lotusBtnImg{margin-right:3px;padding:0 2px;float:left;vertical-align:bottom;} .lotusui30 .lotusPaletteNav .lotusPaletteNavHeader .lotusBtnImg input{color:#fff;background:url(../images/lotusHSprite-8bit.png) -629px -8px;} .lotusui30 .lotusPalette .lotusSearch input.lotusText{background-color:#fff;color:#222;border-color:#fff;} .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu{margin-left:10px;border-width:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;height:15em;overflow:auto;background-color:#232426;} .lotusui_ie .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu{height:12.8em;position:relative/*bug fix, need this here to overcome fixed positioning ie bug*/;}/*we want 6 items to show. Adjustment for IE*/ .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li a, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li a:visited, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li a:hover, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li a:focus, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li a:active{margin-right:2px;/*to keep horizontal scrollbar from showing on click*/color:#fff;background-color:transparent;} .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:visited{border-width:0;} .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusMore a{margin-right:5px;background:url(../images/lotusSprite-8bit.png) 94% -149px no-repeat;/*opacity:0.55;filter:alpha(opacity=55) opacity lightens the text, too, disabling for now*//*55% is the min opacity for meeting contrast requirements on white/off-white background for small text*/} .lotusui30 .lotusPaletteHeader .lotusTabs li.lotusSelected a, .lotusui30 .lotusPaletteHeader .lotusTabs li.lotusSelected a:visited, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a{background-color:#595b5d;} .lotusui30 .lotusPaletteContent{padding:10px 0 10px 10px;overflow:auto;zoom:1;height:20.2em;background-color:#37393c;} .lotusui_ie6 .lotusui30 .lotusPaletteContent{position:relative;left:-3px;} .lotusui30 .lotusPaletteContent.lotusPlain div.lotusIcon, .lotusui_ie6 .lotusui30 .lotusPlain div.lotusIcon{width:1em;} /*when there are no icons, add this additional class to lotusPaletteContent and write out the lotusIcon div with an  */ .lotusui30 .lotusPaletteWidgets{min-height:18.2em;} .lotusui30 .lotusPaletteWidgets .lotusSelected{border-color:#fff;} .lotusui30 .lotusPaletteWidget{margin:0 10px 6px 0;padding:6px 0;width:19em;height:2.6em;float:left;overflow:hidden;line-height:1.4em;border:1px solid #222;display:table; table-layout: fixed;background-color:#4d5054;color:#fff;} .lotusui30 .lotusPaletteWidgetHover{cursor:pointer;border-color:#fff;}/*this class needs to be added by javascript on hover because it is not on an anchor tag*/ .lotusui30.lotusImagesOff .lotusPaletteWidgets .lotusSelected, .lotusImagesOff .lotusui30 .lotusPaletteWidgets .lotusSelected, .lotusui30.lotusImagesOff .lotusPaletteWidgetHover, .lotusImagesOff .lotusui30 .lotusPaletteWidgetHover{border-style:dotted;} .lotusui30 .lotusPaletteContent .lotusPaletteWidget a, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:hover, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:focus, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:active, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:visited{color:#fff;} .lotusui30 .lotusPaletteWidget .lotusInner{display:table-row;height:2.6em;/*height fixes safari skinny widgets*/} .lotusui30 .lotusPaletteWidget div{font-weight:bold;display:table-cell;vertical-align:middle;} .lotusui30 .lotusPaletteWidget div.lotusIcon{width:34px;text-align:center;} .lotusui30 .lotusPaletteWidget div.lotusIcon span{display:block;height:16px;width:16px;padding:3px;margin:.5em 5px;} .lotusui30 .lotusPaletteWidget div.lotusIcon img{width:16px;height:16px;}/*need to force this size to preserve layout - so widgets will float properly*/ .lotusui30 .lotusPaletteWidget a.lotusIcon{display:table-cell;width:25px;vertical-align:middle;background:url(../images/lotusSprite-8bit.png) 0 -4017px no-repeat;font-size:2em/*to make alt text larger*/;opacity:.8;filter:alpha(opacity=80);} .lotusui30 .lotusPaletteWidget a.lotusIcon:hover, .lotusui30 .lotusPaletteWidget a.lotusIcon:focus{text-decoration:none;opacity:1;filter:alpha(opacity=100);} .lotusui30 .lotusPaletteWidget div.lotusIcon span{background-color:transparent;} .lotusui_ie .lotusui30 .lotusPaletteWidget div{float:left;padding-top:.25em;} .lotusui_ie .lotusui30 .lotusPaletteWidget div.lotusIcon span, .lotusui_ie .lotusui30 .lotusPaletteWidget img{margin-top:-1px;} .lotusui_ie .lotusui30 .lotusPaletteWidget a.lotusIcon{float:right;display:block;margin-top:-2px;} .lotusui30 .lotusPaletteWidget .lotusWidgetTitle{padding-right:.1em;} .lotusui30 .lotusPaletteWidget .lotusWidgetTitle .lotusTitle {display:block;height:1.2em;margin:0;font-weight:bold;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .lotusui30 .lotusPaletteWidget .lotusWidgetTitle .lotusTitle span{font-size:.8em;}/*alt text for ratings, or any other text under the title*/ .lotusui_ie .lotusui30 .lotusPaletteWidget .lotusWidgetTitle .lotusTitle{width:10em;} .lotusui_ie7 .lotusui30 .lotusPaletteWidget .lotusWidgetTitle .lotusTitle{width:11em;} .lotusui_ie7 .lotusui30 .lotusPaletteContent.lotusPlain .lotusPaletteWidget .lotusWidgetTitle .lotusTitle{width:13em;} .lotusui30 .lotusLargeWidgets .lotusPaletteWidget{height:5.3em;} .lotusui30 .lotusLargeWidgets .lotusPaletteWidget div.lotusIcon{width:50px;} .lotusui30 .lotusLargeWidgets .lotusPaletteWidget div.lotusIcon span{height:50px;width:50px;margin:0;padding:0 5px;background-color:transparent;border-width:0;} .lotusui30 .lotusLargeWidgets .lotusPaletteWidget div.lotusIcon img{width:48px;height:48px;border:1px solid #000;} .lotusui30 .lotusPaletteContent .lotusPaging{border-width:0;padding:2px 0;background-color:transparent;} .lotusui30 .lotusPaletteContent .lotusPaging div{padding-left:0;margin-left:0;} .lotusui30 .lotusPaletteContent .lotusPaging ul li, .lotusui30 .lotusPaletteContent .lotusPaging div{color:#C1C0C0;} .lotusui30 .lotusPaletteContent .lotusPaging .lotusInlinelist{margin-right:5px;} .lotusui30 .lotusPalette .lotusPaging input.lotusText{border:1px solid #181818;background-color:#222;color:#fff;} .lotusui30 .lotusPalette .lotusPaging a, .lotusui30 .lotusPalette .lotusPaging a:visited{text-decoration:none;color:#fff;} .lotusui30 .lotusPalette .lotusPaging a:hover, .lotusui30 .lotusPalette .lotusPaging a:focus{text-decoration:underline;color:#fff;} /*some additional options for widgets*/ .lotusui30 .lotusPalette lotusPaletteWidget .lotusAdded, .lotusui30 .lotusPalette lotusPaletteWidget .lotusAdded a{padding:0 0 16px 2px;} .lotusui30 .lotusPalette .lotusShowHide{display:table-cell;vertical-align:middle;text-align:right;padding-right:10px;}/*replaces the plus sign with show hide text, for an add features customize UI*/ .lotusui_ie .lotusui30 .lotusPaletteWidget .lotusShowHide{float:right;display:block;margin-top:.35em;} .lotusui_ie .lotusui30 .lotusPaletteWidget lotusPaletteWidget .lotusAdded{margin-top:-.5em;} .lotusui30.lotusImagesOff a.lotusIcon img, .lotusImagesOff .lotusui30 a.lotusIcon img{display:none;} /*some additional options for widgets*/ .lotusui30 .lotusPalette .lotusAdded, .lotusui30 .lotusPalette .lotusAdded a{color:#0c0;}/*to indicate that a widget has been added to the page*/ .lotusui30 .lotusPalette lotusPaletteWidget .lotusAdded, .lotusui30 .lotusPalette lotusPaletteWidget .lotusAdded a{color:#c1c0c0;}/*grays out header, if widget is already added to the page*/ /***********************************************************/ /*** P O P U P ***/ /*Apply this class to the dijitDialogUnderlay node only when the browser supports fixed positioning. This improves performance so scrolling doesn't repaint the underlay.*/ .lotusui30 .lotusPopupUnderlayFixed {position:fixed; width:100%; height:100%;} .lotusui30 .lotusPopup {position:relative; border:3px solid #ababab/*this is needed for IE*/; border:3px solid rgba(3, 3, 3, 0.45); color:#222; z-index:10000/*when wrapped in dijit, the dijit node gets set to 10,000. we need to set this so the close icon can sit on top.*/; zoom:1; -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 5px rgba(34, 34, 34, 0.5); -webkit-box-shadow:0 0 5px rgba(34, 34, 34, 0.5); box-shadow:0 0 5px rgba(34, 34, 34, 0.5);} .lotusui30 .lotusPopup .lotusPopupHeader {background:#fff; margin-bottom:-10px; position:relative; zoom:1;} .lotusui30 .lotusPopup .lotusPopupHeader .lotusHeading {margin:0 20px; padding:20px 0 10px; border-bottom:2px solid #888; font-size:1.2em; font-weight:bold;} .lotusui30 .lotusPopup .lotusPopupContent {background:#fff;} .lotusui30 .lotusPopup .lotusPopupContentArea {padding:20px;} .lotusui30 .lotusPopup .lotusPopupFooter {margin-top:-10px; padding:0 20px 20px; background:#fff;} .lotusui30 .lotusPopup .lotusPopupClose {position:absolute; right:-14px; top:-14px; z-index:10001/*make this larger than lotusPopup*/; line-height:0/*so the anchor doesn't grow with large font-size*/;} .lotusui30.lotusImagesOff .lotusPopup .lotusPopupClose, .lotusImagesOff .lotusui30 .lotusPopup .lotusPopupClose {line-height:1.5;} /*reverse above 0 height*/ .lotusui30 .lotusPopup .lotusPopupClose img {background-image:url(../images/lotusHSprite-8bit.png); background-position:-150px 0; width:32px; height:32px;} .lotusui30.lotusImagesOff .lotusPopup .lotusPopupClose img, .lotusImagesOff .lotusui30 .lotusPopup .lotusPopupClose img {display:none;} .lotusui30.lotusImagesOff .lotusPopup .lotusPopupClose, .lotusImagesOff .lotusui30 .lotusPopup .lotusPopupClose {right:10px; top:10px;} .lotusui30 .lotusPopup .lotusPopupConnector {background-image:url(../images/lotusHSprite-8bit.png); position:absolute;} .lotusui30 .lotusPopupBottom .lotusPopupConnector {background-position:-855px -11px; width:15px; height:11px; top:-11px; left:20px;} .lotusui30 .lotusPopupLeft .lotusPopupConnector {background-position:-914px -9px; width:11px; height:15px; top:20px; right:-11px;} .lotusui30 .lotusPopupTop .lotusPopupConnector {background-position:-876px -11px; width:15px; height:11px; bottom:-11px; left:20px;} .lotusui30 .lotusPopupRight .lotusPopupConnector {background-position:-897px -9px; width:11px; height:15px; top:20px; left:-11px;} /***********************************************************/ /*** S E A R C H ***/ .lotusui30 .lotusSearch{margin:0;padding:0;}/*ie fix*/ .lotusui30 .lotusSearch .lotusText, .lotusui30 .lotusSearch .dijitTextBox{vertical-align:top;border:1px solid #aaa;background-color:#fff;} .lotusui30 .lotusSearch .lotusText, .lotusui30 .lotusSearch .lotusScope{margin:0 1px;} .lotusui30 .lotusSearch .lotusText{padding:2px 5px 3px;width:11em;zoom:1;} .lotusui_ie .lotusui30 .lotusSearch .lotusText{font-size:1em;}/*to match alignment in 2.1*/ .lotusui30 .lotusSearch .lotusScope{padding:2px 25px 2px 4px;position:relative;display:block/*Force FF2 into block mode*/;display:inline-block;min-width:11em;height:1.33em;white-space:nowrap;line-height:1.33;background:#fff url(../images/lotusSprite-8bit.png) 100% -1680px no-repeat;text-decoration:none;cursor:pointer;color:#000;border:1px solid #aaa;} .lotusui30 .lotusSearch a.lotusScope:hover, .lotusui30 .lotusSearch a.lotusScope:focus, .lotusui30 .lotusSearch a.lotusScope:active {text-decoration:none; color:#fff; background-color:#595b5d; background-position:100% -1768px;} .lotusui30 .lotusSearch .lotusScope .lotusIcon{margin-right:3px;vertical-align:top;} .lotusui_ie .lotusui30 .lotusSearch .lotusScope{margin-top:1px;} /*min-width not working in these cases*/ .lotusui_ie6 .lotusui30 .lotusSearch .lotusScope{width:11em;} .lotusui_ie7 .lotusui30 .lotusSearch .lotusScope, .lotusui_ie7 .lotusui30 .lotusSearch .lotusScope span {min-width:0;} /*high contrast mode*/ .lotusui30 .lotusSearch .lotusScope .lotusAltText{position:absolute;top:0;right:0;width:16px;height:16px;min-width:0;background-image:none;display:none;} .lotusui30.lotusImagesOff .lotusSearch .lotusScope .lotusAltText, .lotusImagesOff .lotusui30 .lotusSearch .lotusScope .lotusAltText{display:block;} .lotusui30 .lotusSearch .lotusSearchButton{background-color:transparent;background-image:url(../images/lotusHSprite-8bit.png);background-position:-591px -8px;opacity:0.45;filter:alpha(opacity=45);}/*image button*/ .lotusui30 .lotusSearch .lotusSearchButton:hover, .lotusui30 .lotusSearch .lotusSearchButton:focus, .lotusui30 .lotusSearch .lotusSearchButton:active{opacity:0.55;filter:alpha(opacity=55);} /***********************************************************/ /*** 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 .lotusSearchTab{position:absolute;right:0;bottom:0;padding:.3em 5px;z-index:1;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:#fff;} .lotusui30 .lotusTabExpanded{-moz-border-radius-topright:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#fff;} .lotusui30 .lotusSearchTab a, .lotusui30 .lotusSearchTab a:visited{padding-right:12px;display:block;background:url(../images/lotusSprite-8bit.png) 100% -1062px no-repeat;opacity:0.55;filter:alpha(opacity=55);text-decoration:none;font-weight:bold;} .lotusui30 .lotusSearchTab a, .lotusui30 .lotusSearchTab a:visited, .lotusui30 .lotusSearchTab a:hover, .lotusui30 .lotusSearchTab a:focus, .lotusui30 .lotusSearchTab a:active{color:#000;} .lotusui30 form.lotusSearchForm{margin:0;padding:12px 10px;position:absolute;top:2.1em;right:0;display:none;z-index:0;background-color:#fff;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;white-space:nowrap;} .lotusui30 .lotusSearchForm input.lotusText{margin:0;padding:2px 5px 3px;line-height:1.3;width:15em;vertical-align:top;border:1px solid #aaa;} .lotusui30 .lotusSearchForm lotusBtn, .lotusui30 .lotusSearchForm select{vertical-align:middle;margin-left:3px;} .lotusui30 .lotusSearchForm .lotusBtnImg{padding:2px;display:-moz-inline-box;display:inline-block;vertical-align:middle;} .lotusui30 .lotusSearchForm .lotusSearchButton{background-image:url(../images/lotusHSprite-8bit.png);background-position:-591px -8px;opacity:0.6;filter:alpha(opacity=60);} /***********************************************************/ /*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 15px -3px;clear:both;zoom:1;position:relative;} /*main section header - other headers are part of the section body*/ /*reset how the arrow sprite is defined (to accommodate making the lotusArrow link display:table-cell*/ .lotusui30 .lotusSection2 .lotusArrow{background-image:none;}/*takes the background image off of the link*/ .lotusui30 .lotusSection2 .lotusArrow img{background-image:url(../images/lotusSprite-8bit.png);background-repeat:no-repeat;width:16px;height:16px;vertical-align:top;}/*moves the background image onto the image*/ .lotusui30 .lotusSection2 .lotusSectionHeader{display:table;width:100%;}/*ie6 and 7 don't support display:table, so we will make adjustments to use floats. The table solution is more optimal for long header text wrapping/image alignment */ .lotusui30 .lotusSection2 .lotusSectionHeader .lotusInner{display:table-row;}/*extra styling flexibility*/ /*twisty arrow, for collapsable sections*/ /*twisty sprite definitions are in base.css*/ .lotusui30 .lotusSection2 .lotusSectionHeader a.lotusArrow, .lotusui30 .lotusSection2 .lotusSectionHeader a.lotusArrow:visited, .lotusui30 .lotusSection2 .lotusSectionHeader a.lotusArrow:hover, .lotusui30 .lotusSection2 .lotusSectionHeader a.lotusArrow:focus, .lotusui30 .lotusSection2 .lotusSectionHeader a.lotusArrow:active{padding:5px 0 5px 5px;width:16px;display:table-cell;float:none;vertical-align:top;text-decoration:none} .lotusui_ie .lotusui30 .lotusSection2 .lotusSectionHeader a.lotusArrow, .lotusui_ie .lotusui30 .lotusSection2 .lotusSectionHeader a.lotusArrow:visited, .lotusui_ie .lotusui30 .lotusSection2 .lotusSectionHeader a.lotusArrow:hover, .lotusui_ie .lotusui30 .lotusSection2 .lotusSectionHeader a.lotusArrow:focus, .lotusui_ie .lotusui30 .lotusSection2 .lotusSectionHeader a.lotusArrow:active{float:left;} .lotusui30.lotusImagesOff .lotusSection2 .lotusArrow img, .lotusImagesOff .lotusui30 .lotusSection2 .lotusArrow img{margin-top:0;}/*TODO: do we need this?*/ /*heading text*/ .lotusui30 .lotusSection2 .lotusHeading{padding:5px 5px 5px 0;font-size:1.2em;font-weight:bold;display:table-cell;vertical-align:middle;}/*assigned to the h2 tag or equivalent*/ .lotusui30 .lotusSection2 .lotusHeading a, .lotusui30 .lotusSection2 .lotusHeading a:visited, .lotusui30 .lotusSection2 .lotusHeading a:hover, .lotusui30 .lotusSection2 .lotusHeading a:focus, .lotusui30 .lotusSection2 .lotusHeading a:active{color:#222;} .lotusui_ie .lotusui30 .lotusSection2 .lotusHeading{padding-left:1px;/*text is being clipped*/float:left;width:70%;}/*header text*/ .lotusui30.lotusImagesOff .lotusSection2 .lotusHeading, .lotusImagesOff .lotusui30 .lotusSection2 .lotusHeading{margin-right:10px;}/*we need more room for text in place of the action icon*/ .lotusui30 .lotusSection2 .lotusSectionHeader .lotusFirst{padding-left:10px;}/*add along with lotusHeading class when sections don't have a twisty arrow*/ /*action icons*/ .lotusui30 .lotusSection2 .lotusSectionHeader .lotusIcon{padding:4px 0;display:table-cell;vertical-align:top;width:22px;background-repeat:no-repeat;}/*this is the action menu icon*/ .lotusui_ie .lotusui30 .lotusSection2 .lotusSectionHeader .lotusIcon{float:right;} .lotusui30 .lotusSection2 .lotusSectionHeader .lotusActionIcon img{width:16px;height:16px;background-image:url(../images/lotusHSprite-8bit.png);background-position:-499px -9px;opacity:0.45;filter:alpha(opacity=45)/*45% is the min opacity for meeting contrast requirements on white/off-white background*/} .lotusui30.lotusImagesOff .lotusSection2 .lotusHeading .lotusIcon, .lotusImagesOff .lotusui30 .lotusSection2 .lotusHeading .lotusIcon{width:auto;height:auto;}/*settings for alternate text*/ /*for multiple icons*/ .lotusui30 .lotusSection2 .lotusSectionHeader .lotusIcons img{margin-left:3px;} /*subheader before section body*/ .lotusui30 .lotusSection2 .lotusSubheader{padding:7px 10px;overflow:hidden;color:#444;border-bottom:1px solid #eee;} .lotusui30 .lotusSection2 .lotusSubheader .lotusHeading2{font-size:1em;font-weight:normal;} /*the section body*/ .lotusui30 .lotusSection2 .lotusSectionBody{margin:0 0 0 15px;padding:0 0 5px 0;} /*subheader within a section body. With or without a twisty, optional help icon*/ .lotusui30 .lotusSection2 .lotusSectionBody .lotusSubheader{margin-top:5px;margin-bottom:5px;padding:0 5px 0 0;border-width:0;} .lotusui30 .lotusSection2 .lotusSectionBody .lotusSubheader .lotusArrow{float:left;margin-left:-3px;} .lotusui30 .lotusSection2 .lotusSectionBody .lotusHeading2{float:left;width:85%;font-size:1.1em;font-weight:bold;} .lotusui30 .lotusSection2 .lotusSectionBody .lotusHeading2 a, .lotusui30 .lotusSection2 .lotusSectionBody .lotusHeading2 a:visited, .lotusui30 .lotusSection2 .lotusSectionBody .lotusHeading2 a:hover, .lotusui30 .lotusSection2 .lotusSectionBody .lotusHeading2 a:focus, .lotusui30 .lotusSection2 .lotusSectionBody .lotusHeading2 a:active{color:#000;} .lotusui30 .lotusSection2 .lotusSectionBody .lotusSubheader .lotusIcon{float:right;padding-right:5px;padding-top:2px;} .lotusui_ie .lotusui30 .lotusSection2 .lotusSectionBody .lotusSubheader .lotusIcon{padding-top:5px;} .lotusui30 .lotusSection2 div.lotusChunk, .lotusui30 .lotusSection2 div.lotusSubsection{margin-top:5px;clear:both;zoom:1;} .lotusui30 .lotusSection2 .lotusLast{margin-bottom:0;}/*gets rid of extra bottom margin on the last "subsection"*/ /*scrolling*/ .lotusui30 .lotusSection2 .lotusSectionScroll{overflow:hidden;clear:both;} .lotusui30 .lotusSection2 .lotusSectionScroll a{margin:0 auto;float:none;} .lotusui30.lotusImagesOff .lotusSection2 .lotusSectionScroll, .lotusImagesOff .lotusui30 .lotusSection2 .lotusSectionScroll{overflow:visible;padding-bottom:3px;} /*drag handle, for draggable section*/ .lotusui30 .lotusSection2 .lotusDraggable{cursor:default;} .lotusui30 .lotusSection2 .lotusDragHandle{width:9px;height:17px;position:absolute;left:-7px;top:5px;background:url(../images/lotusHSprite-8bit.png) -462px -8px no-repeat;zoom:1;cursor:move;visibility:hidden;}/*we may want to move this outside of a section and make it a more general class. It must be positioned within a relative div*/ /*footer*/ .lotusui30 .lotusSection2 .lotusSectionFooter{padding:7px 10px;border-top:1px solid #eee;clear:both;zoom:1} /*adjustments for components within a section*/ .lotusui30 .lotusSection2 .lotusTagCloud{width:100%; overflow:hidden;}/*to fix issues with the tag cloud overflowing the section container*/ /*lists in sections and widgets*/ .lotusui30 .lotusSection2 .lotusList{margin:0 0 0 -8px;} /*allows selection to extend to the left and right of the list items*/ .lotusui30 .lotusSection2 .lotusList li{padding-left:8px;padding-right:5px;} .lotusui_ie6 .lotusui30 .lotusSection2 .lotusList{zoom:1;position:relative;}/*margin offset truncation fix*/ /*for left alignment in a section*/ .lotusui30 .lotusSection2 .lotusVertTable, .lotusui30 .lotusSection2 div.lotusChunk .lotusVertTable{margin-left:-2px;}/*to offset the 2px padding on the first table cell*/ .lotusui30 .lotusSection2 ul.lotusTree{margin-left:-10px;} .lotusui30.lotusImagesOff .lotusSection2 ul.lotusTree, .lotusImagesOff .lotusui30 .lotusSection2 ul.lotusTree{margin-left:15px;} /*paging controls within a footer*/ .lotusui30 .lotusSection2 .lotusSectionFooter .lotusPaging{padding:2px 0;overflow:hidden;font-size:1em;line-height:1;height:auto;background-color:transparent;border-width:0;} .lotusui30 .lotusSection2 .lotusPaging div{padding-left:0;} /*section varieties*/ .lotusui30 .lotusPortlet{margin-left:0;border:1px solid #ccc;} .lotusui30 .lotusPortlet .lotusSectionHeader{border-bottom:1px solid #ccc;background-color:#f4f4f4;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;background-repeat:repeat-x;overflow:hidden;} /*forms within a section*/ .lotusui30 .lotusSection2 .lotusForm2 .lotusFormTitle{padding:15px 10px;} .lotusui30 .lotusSection2 .lotusForm2 .lotusFormBody{padding:0 10px 10px;} .lotusui30 .lotusSection2 .lotusForm2 .lotusFormFooter{margin:0 -10px -5px;zoom:1;position:relative;} .lotusui_ie .lotusui30 .lotusSection2 .lotusForm2 .lotusFormFooter{padding:10px 30px;} /****************************************************************/ /*** S O R T ***/ /*these are for the sort controls found at the top of a table/list of entries*/ .lotusui30 .lotusSort{margin:3px 10px;font-size:.9em;} .lotusui30 .lotusSort ul{display:inline;} .lotusui30 .lotusSort li a{vertical-align:baseline;} .lotusui30 .lotusSort .lotusInlinelist li{padding:2px 5px;} .lotusui30 .lotusSort .lotusInlinelist li.lotusFirst{padding-left:0;} .lotusui30 .lotusSort a{padding:0;background-repeat:no-repeat;display:-moz-inline-box/*for FF2*/;display:inline-block;vertical-align:middle;} .lotusui30 a.lotusMoreSorts{padding-right:10px;} .lotusui30 a.lotusActiveSort{text-decoration:none;} .lotusui30 .lotusSort .lotusAscending, .lotusui30 .lotusSort .lotusDescending{padding-right:10px;} .lotusui30.lotusImagesOff .lotusSort .lotusAscending, .lotusImagesOff .lotusui30 .lotusSort .lotusAscending, .lotusui30.lotusImagesOff .lotusSort .lotusDescending, .lotusImagesOff .lotusui30 .lotusSort .lotusDescending{padding-right:0;} .lotusui30 .lotusSort .lotusAscending{background-image:url(../images/lotusSprite-8bit.png);background-position:100% -4275px;} .lotusui30 .lotusSort .lotusDescending{background-image:url(../images/lotusSprite-8bit.png);background-position:100% -4371px;} .lotusui30 .lotusSort a.lotusMoreSorts{background-image:url(../images/lotusSprite-8bit.png);background-position:100% -823px;/*opacity:0.55;filter:alpha(opacity=55) opacity lightens the text, too, disabling for now*/;} /****************************************************************/ /*** T A B L E S ***/ /*layout table*/ /*note, if you need to use the structure of a relative div containing an absolute div within a layout table, be aware that Safari will only show the portion of your absolute div that is within the table area. This is by design.*/ /*there is no cellpadding built into the plain vanilla layout tables. Used judiciously for complex layouts.*/ .lotusui30 .lotusLayout td{padding:0;vertical-align:top;text-align:left;} /*default alignment*/ .lotusui30 .lotusLayout td.lotusvAlignMid{vertical-align:middle;}/*allows you to override default alignment*/ .lotusui30 .lotusColumns{width:100%;}/*a varient of the layout table used to create multiple columns*/ .lotusui30 .lotusColumns td{padding:0 10px;} .lotusui30 .lotusColumns td:first-child, .lotusui30 .lotusColumns td.lotusFirst{padding-left:0;} .lotusui30 .lotusColumns td:last-child{padding-right:0;} .lotusui30 .lotusColumns td.lotusLast{padding-right:0;} /*Keep this on a separate declaration from td:last-child for IE*/ .lotusui30 .lotusLayout .lotusAlignRight{text-align:right;} .lotusui30 .lotusLayout .lotusCenter{text-align:center;} /*used for presenting information in a vertical format*/ .lotusui30 .lotusVertTable th, .lotusui30 .lotusVertTable td{padding:2px;} .lotusui30 .lotusVertTable th{padding-right:50px;text-align:left;vertical-align:top;font-weight:normal;color:#666;} .lotusui30 .lotusVertTable p{margin:0;} /*entry/data table*/ .lotusui30 .lotusTable{width:100%;border-collapse:collapse;border-bottom-color:#eee;} .lotusui30 .lotusTable th, .lotusui30 .lotusTable td{padding:5px 2px;vertical-align:top;text-align:left;font-weight:normal;} .lotusui30 .lotusTable th.lotusSubHeader{padding-top:15px;}/*wrap an h4 tag in a th tag that spans the table columns for a subheader*/ .lotusui30 .lotusTable .lotusFirst th.lotusSubHeader{padding-top:5px;} .lotusui30 .lotusTable .lotusSummary td{padding:5px 2px 0 2px;} .lotusui30 .lotusTable .lotusDetails td, .lotusui30 .lotusTable .lotusMore td{padding:0 2px 5px 2px;} .lotusui30 .lotusTable td p:first-child, .lotusui30 p.lotusFirst{margin-top:0;}/*for IE6, you have to assign the class lotusFirst to the first paragraph*/ .lotusui30 .lotusTable td, .lotusui30 .lotusTable th.lotusRowHeader, .lotusui30 .lotusTable th.lotusSubHeader{border-top:1px solid #eee;}/*use lotusRowHeader as a class on a th tag for a header that is the first cell of a row*/ .lotusui30 .lotusTable .lotusLast td, .lotusui30 .lotusTable .lotusLast th.lotusRowHeader{border-bottom:1px solid #eee;}/*this give the option of a border under the last table row*/ .lotusui30 .lotusTable .lotusDetails td, .lotusui30 .lotusTable .lotusFirst td, .lotusui30 .lotusTable .lotusMore td, .lotusui30 .lotusTable .lotusFirst th.lotusRowHeader, .lotusui30 .lotusTable .lotusFirst th.lotusSubHeader{border-top-width:0;} .lotusui30 .lotusTable th.lotusFirstCell, .lotusui30 .lotusTable td.lotusFirstCell{padding-left:10px;} .lotusui30 .lotusTable th.lotusLastCell, .lotusui30 .lotusTable td.lotusLastCell{padding-right:10px;} .lotusui30 .lotusTable .lotusAltRow td, .lotusui30 .lotusTable .lotusAltRow th.lotusRowHeader{background-color:#fafafa;} .lotusui30 .lotusTable th.lotusAltCell, .lotusui30 .lotusTable td.lotusAltCell{background-color:#fafafa;border-width:0 1px 1px 0;border-style:solid;border-right-color:#fff;border-bottom-color:#fff;} .lotusui30 .lotusTable .lotusAlignRight{text-align:right;} .lotusui30 .lotusTable .lotusCenter{text-align:center;} .lotusui30 .lotusTable .lotusSS{font-size:.9em;white-space:nowrap;width:30px;color:#666;} .lotusui30 .lotusTable .lotusType{margin-left:5px;padding:0;font-weight:normal;font-size:.75em;color:#666;}/*allows you to add an image and text inside a header to indicate the type of entry - requires an additional class*/ /*h4 tags with class lotusTitle are used for entry titles*/ .lotusui30 .lotusTable .lotusComplete, .lotusui30 .lotusTable .lotusComplete a{text-decoration:line-through;color:#666;} /*for to do items*/ /*h5 tags with class lotusHeading are used for subsections in entry details*/ .lotusui30 .lotusTable .lotusHeading{margin:12px 0 2px 0;font-size:1.1em;} /*when the h4 tag occurs in the details row (like in notifications), we need some bottom margin*/ .lotusui30 .lotusTable .lotusDetails .lotusTitle{margin-bottom:2px;} .lotusui30 .lotusTable .lotusDivider{padding:0 5px;} .lotusui30 .lotusTable .lotusFirstCell input{margin:3px 0 0 0;} .lotusui30 .lotusui_ie .lotusTable .lotusFirstCell input{margin:0;} .lotusui30 .lotusTable .lotusPaging td{border-color:#eee;} .lotusui30 .lotusTable .lotusActions{white-space:nowrap;}/*fix for Safari*/ /*this table also shows up at the top of the UI, for announcements.*/ .lotusui30 .lotusInfoTable{margin:0 0 12px 0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#f0f0f0;border:1px solid #ccc;} .lotusui30 .lotusInfoTable .lotusTableHeader{position:relative;zoom:1;} .lotusui30 .lotusInfoTable .lotusHeading{margin:0;padding:0;font-size:1.2em;font-weight:bold;} .lotusui30 .lotusInfoTable th, .lotusui30 .lotusInfoTable td{padding:5px 10px;} .lotusui30 .lotusInfoTable .lotusClose{position:absolute;right:-5px;top:0;display:block;padding:2px;font-weight:bold;/*for HC mode*/} .lotusui_ie6 .lotusui30 .lotusInfoTable .lotusClose{font-size:12px;}/*preserves the height of the close button when the font size is made larger*/ /*forms in a table*/ .lotusui30 .lotusTable .lotusForm2{background-color:#fafafa;}/*forms only have a background color when they are inline in a table*/ /*this is a bug fix for IE8, which incorrectly renders tables with column spans, and we can't just target the colspan attribute in the CSS, because it views all cells as having a colspan attribute. So we target each colspan other than 1*/ .lotusui_ie8 .lotusui30 .lotusTable th[colspan*="0"], .lotusui_ie8 .lotusui30 .lotusTable td[colspan*="0"], .lotusui_ie8 .lotusui30 .lotusTable th[colspan*="2"], .lotusui_ie8 .lotusui30 .lotusTable td[colspan*="2"], .lotusui_ie8 .lotusui30 .lotusTable th[colspan*="3"], .lotusui_ie8 .lotusui30 .lotusTable td[colspan*="3"], .lotusui_ie8 .lotusui30 .lotusTable th[colspan*="4"], .lotusui_ie8 .lotusui30 .lotusTable td[colspan*="4"], .lotusui_ie8 .lotusui30 .lotusTable th[colspan*="5"], .lotusui_ie8 .lotusui30 .lotusTable td[colspan*="5"], .lotusui_ie8 .lotusui30 .lotusTable th[colspan*="6"], .lotusui_ie8 .lotusui30 .lotusTable td[colspan*="6"], .lotusui_ie8 .lotusui30 .lotusTable th[colspan*="7"], .lotusui_ie8 .lotusui30 .lotusTable td[colspan*="7"], .lotusui_ie8 .lotusui30 .lotusTable th[colspan*="8"], .lotusui_ie8 .lotusui30 .lotusTable td[colspan*="8"], .lotusui_ie8 .lotusui30 .lotusTable th[colspan*="9"], .lotusui_ie8 .lotusui30 .lotusTable td[colspan*="9"], .lotusui_ie8 .lotusui30 .lotusTable th[colspan*="11"], .lotusui_ie8 .lotusui30 .lotusTable td[colspan*="11"] {width:100%;} /****************************************************************/ /*** 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 .lotusTabContainer{position:relative;border-bottom:1px solid #ccc;z-index:1;margin-top:8px;margin-bottom:10px;zoom:1;} .lotusui30 ul.lotusTabs{margin:0 0 0 10px;padding:0;position:relative;bottom:-3px;overflow:hidden;list-style:none;zoom:1;} .lotusui_ie .lotusui30 ul.lotusTabs{bottom:-1px;}/*not needed in right-to-left*/ .lotusui30.lotusImagesOff ul.lotusTabs, .lotusImagesOff .lotusui30 ul.lotusTabs{bottom:-4px;} .lotusui30.lotusImagesOff ul.lotusTabs li.lotusSelected, .lotusImagesOff .lotusui30 ul.lotusTabs li.lotusSelected{border-bottom-width:0;} .lotusui30 .lotusTabs li{margin:0 2px 2px 0;float:left;border-width:1px;border-style:solid;border-color:#eee;border-bottom-color:#ccc;background-color:#eee;}/*set margins to important so they are preserved within other components*/ .lotusui30 .lotusTabs li.lotusSelected{background-color:#fff;border-color:#ccc #ccc #fff;} .lotusui30 .lotusTabs a, .lotusui30 .lotusTabs a:visited{padding:6px 8px;display:block;text-decoration:none;line-height:1;white-space:nowrap;}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab. white-space is needed for some IEs.*/ .lotusui30 .lotusTabs li.lotusSelected a, .lotusui30 .lotusTabs li.lotusSelected a:visited{font-weight:bold;color:#000;} .lotusui30 .lotusTabs a:hover, .lotusui30 .lotusTabs a:focus{text-decoration:none;} /*a style that can be applied to a div that allows you to surround a tab content area with a border*/ .lotusui30 .lotusTabContent{margin:-10px 0 12px 0;padding:10px;border-width:0 1px 1px 1px;border-style:solid;border-color:#d9d9d9;} /*condensed tabs*/ .lotusui30 .lotusTabCondensed {margin-top:5px;} .lotusui30 .lotusTabCondensed .lotusTabs {margin:0; bottom:-1px; } /*IE6 and IE7 need the 100% width in RTL*/ .lotusui30 .lotusTabCondensed .lotusTabs li {border-width:0 0 1px; border-color:#fff; margin:0; background:#fff;} .lotusui30 .lotusTabCondensed .lotusTabs a {color:#666; padding:7px 5px; border-bottom:1px solid #ccc; position:relative; bottom:-1px; zoom:1;} .lotusui30 .lotusTabCondensed .lotusTabs .lotusSelected a {margin:0 5px;} .lotusui30 .lotusTabCondensed .lotusTabs li.lotusSelected:first-child a {margin-left:0;} .lotusui30 .lotusTabCondensed .lotusTabs a:hover, .lotusui30 .lotusTabCondensed .lotusTabs a:focus, .lotusui30 .lotusTabCondensed .lotusTabs a:active, .lotusui30 .lotusTabCondensed .lotusTabs .lotusSelected a, .lotusui30 .lotusTabCondensed .lotusTabs .lotusSelected a:hover, .lotusui30 .lotusTabCondensed .lotusTabs .lotusSelected a:focus, .lotusui30 .lotusTabCondensed .lotusTabs .lotusSelected a:active {color:#000; border-color:#000;} .lotusui_ie6 .lotusui30 .lotusTabCondensed .lotusTabs a, .lotusui_ie6 .lotusui30 .lotusTabCondensed .lotusTabs a:visited {display:inline-block;} .lotusui30.lotusImagesOff .lotusTabCondensed ul.lotusTabs, .lotusImagesOff .lotusui30 .lotusTabCondensed ul.lotusTabs{bottom:-1px;} .lotusui30.lotusImagesOff .lotusTabCondensed .lotusTabs .lotusSelected a, .lotusImagesOff .lotusui30 .lotusTabCondensed .lotusTabs .lotusSelected a {border:1px dashed #000;} /****************************************************************/ /*** 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 .lotusTagCloud ul{margin:0;padding:0} .lotusui30 .lotusTagCloud li{margin-right:3px;display:inline;word-wrap:break-word;}/*margin is to insert spaces if the list is created without whitespace in the source code*/ .lotusui30 .lotusTagCloud a{text-decoration:none;} .lotusui30 .lotusTagCloud a:hover, .lotusTagCloud a:focus{text-decoration:underline;} .lotusui30 a.lotusF5, .lotusui30 a.lotusF5:visited{font-size:1.5em;color:#008abf;} .lotusui30 a.lotusF4, .lotusui30 a.lotusF4:visited{font-size:1.167em;font-weight:bold;color:#003f69;} .lotusui30 a.lotusF3, .lotusui30 a.lotusF3:visited{font-size:1.167em;color:#003f69;} .lotusui30 a.lotusF2, .lotusui30 a.lotusF2:visited{font-size:.917em;font-weight:bold;color:#00649d;} .lotusui30 a.lotusF1, .lotusui30 a.lotusF1:visited{font-size:.917em;color:#00649d;} /***********************************************************/ /*** T I P S ***/ .lotusui30 .lotusTips{ margin:15px 0 5px 0;padding:5px; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; background-color:#fffabc;border:1px solid #ccc; overflow:hidden;zoom:1; } .lotusui30 .lotusTips.lotusFirst{margin-top:0;}/*this style definition (with no spaces) applies to any div with class="lotusTips lotusFirst"*/ .lotusui30 .lotusTips .lotusTipsHeader{margin:5px 0 10px 0;padding:0 0 0 5px;position:relative;overflow:hidden;zoom:1;} .lotusui30 .lotusTips .lotusHeading{font-size:1.1em;color:#222;line-height:inherit;/*1.2 line-height defined globally for lotusHeading hides the underline of the x on hover and degrades alignment*/} .lotusui_ie .lotusui30 .lotusTips .lotusHeading{line-height:1.5;}/*ie7 and prior don't support line-height:inherit*/ .lotusui30 .lotusTips .lotusClose{position:absolute;right:0;top:0;display:block;padding:2px;font-weight:bold;/*for HC mode*/} .lotusui30 .lotusTips .lotusClose input{width:12px;height:12px;vertical-align:top;/*better supports layout in both strict and transitional doctypes*/background-position:-557px -10px;} .lotusui_ie6 .lotusui30 .lotusTips .lotusClose{font-size:12px;}/*preserves the height of the close button when the font size is made larger*/ .lotusui30 .lotusTips .lotusHeading2{margin:2px 5px;font-weight:bold;color:#222;} .lotusui30 .lotusTips p{margin:0;padding:5px;} .lotusui30 .lotusTips ul{margin:0;padding-left:20px;} .lotusui30 .lotusTips li{margin:0;padding:0;} .lotusui30 .lotusTips .lotusInlinelist{padding-bottom:5px;padding-left:0;} .lotusui30 .lotusTips .lotusInlinelist li{padding-bottom:5px;border-left-width:0;} /***********************************************************/ /*** T R E E ***/ /*needs review - need additional tree visuals from Jason*/ .lotusui30 ul.lotusTree{margin:0;padding:0;list-style-type:none;line-height:1.5;} .lotusui30 .lotusTree ul{margin:0 0 0 14px;padding:0;list-style-type:none;} .lotusui30 .lotusTree li{margin:0;padding:1px 0;} .lotusui30 .lotusTree a{text-decoration:none;} .lotusui30 .lotusTree a:hover, .lotusui30 .lotusTree a:focus{text-decoration:underline;} .lotusui30 .lotusTree .lotusIcon{margin-right:3px;} .lotusui30 .lotusTree input{margin:0 3px 0 0;padding:0;vertical-align:middle;} /*this is a specific type of tree*/ .lotusui30 .lotusOrgChart ul{margin-left:11px;} .lotusui30 .lotusOrgChart li{padding:2px 0;} .lotusui30 .lotusOrgChart li a{margin:0;padding:0 0 5px 20px;;} .lotusui30 .lotusOrgChart .lotusBottom{padding:2px 0 5px 20px;} .lotusui30 .lotusOrgChartTop, .lotusui30 .lotusOrgChartMiddle, .lotusui30 .lotusOrgChartBottom{padding-left:20px;} /*the second class definition for each type of node accommodates a div version of the org chart*/ .lotusui30 .lotusOrgChart li a, .lotusui30 .lotusOrgChartMiddle{background:url(../images/lotusSprite-8bit.png) 0 -3572px no-repeat;} .lotusui30 .lotusOrgChart a.lotusTop, .lotusui30 .lotusOrgChartTop{background:url(../images/lotusSprite-8bit.png) 0 -3800px no-repeat;} .lotusui30 .lotusOrgChart .lotusBottom, .lotusui30 .lotusOrgChartBottom{background:url(../images/lotusSprite-8bit.png) 0 -3339px no-repeat;} /*images off adjustments*/ .lotusui30.lotusImagesOff ul.lotusTree, .lotusImagesOff .lotusui30 ul.lotusTree, .lotusui30.lotusImagesOff .lotusTree ul *, .lotusImagesOff .lotusui30 .lotusTree ul * {list-style-type:square;} .lotusui30.lotusImagesOff .lotusOrgChart li a, .lotusImagesOff .lotusui30 .lotusOrgChart li a, .lotusui30.lotusImagesOff .lotusBottom, .lotusImagesOff .lotusui30 .lotusBottom{padding-left:0;} /***********************************************************/ /*** 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{display:table;position:absolute;width:400px;border:1px solid #ccc;-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee;box-shadow:0 2px 5px #eee;background-color:#fafafa;} .lotusui30 .lotusVCard table.lotusContainer{width:100%;} .lotusui30 .lotusVCard h2{margin:0;padding:0;font-size:1.2em;font-weight:bold;color:#444;} /*lotusAppLinks are the application links at the top of the card*/ .lotusui30 .lotusVCard .lotusAppLinks td{background-repeat:repeat-x;border-width:0 0 1px 1px;border-style:solid;border-color:#c5c5c5;background-color:#fff;text-align:center;} .lotusui30 .lotusVCard .lotusAppLinks td.lotusFirst{border-left-width:0;} .lotusui30 .lotusVCard .lotusAppLinks a{display:block;padding:3px 9px;} /*the more arrow, for when there is a second row of application links*/ .lotusui30 .lotusVCard .lotusMore{width:16px;margin-right:10px;background:url(../images/lotusSprite-8bit.png) 18px -3019px no-repeat;opacity:0.55;filter:alpha(opacity=55);} .lotusui30 .lotusVCard a.lotusMore:visited, .lotusVCard a.lotusMore:hover, .lotusVCard a.lotusMore:focus, .lotusVCard a.lotusMore:active{text-decoration:none} .lotusui30 .lotusVCard .lotusMoreExpanded{background-image:url(../images/lotusSprite-8bit.png);background-position:18px -3071px;opacity:0.55;filter:alpha(opacity=55);} /*lotusPersonDetails is the detail area of the card that contains all info for the person*/ .lotusui30 .lotusVCard .lotusDetails{padding:10px;border-top:1px solid #fff;background-color:#f2f2f2;} .lotusui30 .lotusVCard .lotusPhoto{padding:3px;border:1px solid #bdc4ca;float:left;position:relative;/*IE fix for floated elements within a relative container not showing*/} .lotusui30.lotusImagesOff .lotusVCard .lotusPhoto, .lotusImagesOff .lotusui30 .lotusVCard .lotusPhoto{border-width:0;} .lotusui30 .lotusVCard .lotusPersonInfo{margin-left:86px;} /*lotusPersonActions are actions you can perform on this person, from the person card*/ .lotusui30 .lotusVCard .lotusPersonActions{padding:5px;border-top:1px solid #c5c5c5;background-color:#fff;} /*action menu within person card*/ .lotusui30 .lotusVCard .lotusPersonActions .lotusInlinelist li{border-left-color:#1970B0;} .lotusui30 .lotusVCard .lotusActionMenu{position:static;left:auto;top:auto;border-width:0;display:none;width:auto;margin-top:-10px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} /*lotusComments in the person card contains status information for the person*/ .lotusui30.lotusImagesOff .lotusCommentHeader, .lotusImagesOff .lotusui30 .lotusCommentHeader{display:none;} .lotusui30 .lotusVCard .lotusComment{clear:both;} .lotusui30 .lotusVCard .lotusDetails .lotusComment{position:relative;margin:-10px 0 2px -10px;padding:0 0 0 10px;zoom:1;} .lotusui30 .lotusVCard .lotusDetails .lotusCommentHeader{padding-left:15px;padding-bottom:3px;position:absolute;top:0;left:20px;z-index:1;height:1.6em;background:url(../images/lotusSprite-8bit.png) 0 -2097px no-repeat;} .lotusui30 .lotusVCard .lotusDetails .lotusCommentBody{position:relative;top:1.7em;margin:-1px 0 2.2em 0;padding:5px 10px;color:#666;background-color:#fff;border:1px solid #ccc;z-index:0;zoom:1;} /*adjustments for an inline version of the card*/ .lotusui30 .lotusInlineVCard{position:static;left:auto;margin:0 0 10px 0;} .lotusui30 .lotusInlineVCard, .lotusui30 .lotusInlineVCard .lotusContainer{width:175px;position:static;top:auto;left:auto;} .lotusui30 .lotusInlineVCard .lotusPhoto{padding:0;border-width:0;margin-top:5px;} .lotusui30 .lotusInlineVCard h2{margin:0;padding:0;font-size:1.2em;font-weight:bold;color:#444;line-height:1.3;} .lotusui30 .lotusInlineVCard h2 img{vertical-align:baseline;}/*better alignment for strict and transistional doctypes*/ .lotusui30.lotusImagesOff .lotusInlineVCard h2 .lotusAltText, .lotusImagesOff .lotusui30 .lotusInlineVCard h2 .lotusAltText{font-size:.75em;display:block;} .lotusui30 .lotusInlineVCard .lotusPersonInfo{margin-left:60px;margin-top:4px;} .lotusui30.lotusImagesOff .lotusInlineVCard .lotusPersonInfo, .lotusImagesOff .lotusui30 .lotusInlineVCard .lotusPersonInfo{margin-left:5px;} .lotusui30 .lotusInlineVCard .lotusEmail{padding:5px 10px;clear:both;border-width:1px 0;border-style:solid;border-color:#c5c5c5;} .lotusui30 .lotusInlineVCard .lotusAppLinks{list-style-type:none;margin:0;padding:0;} .lotusui30 .lotusInlineVCard .lotusPivotNav{padding:2px 5px 1px 2px;overflow:hidden;zoom:1;} .lotusui30 .lotusInlineVCard .lotusPivotNavToggle{margin:0 5px 0 0;padding:0;float:left;height:45px;width:10px;} .lotusui30.lotusImagesOff .lotusInlineVCard .lotusPivotNavToggle, .lotusImagesOff .lotusui30 .lotusInlineVCard .lotusPivotNavToggle{width:16px;} .lotusui30 .lotusPivotNavToggle a{display:block;height:45px;background:#d8d8e0 url(../images/lotusSprite-8bit.png) -2px -348px no-repeat;opacity:0.55;filter:alpha(opacity=55)/*55% is the min opacity for meeting contrast requirements on white/off-white background for small text*/text-decoration:none;} .lotusui30 .lotusPivotNavToggle a:visited, .lotusui30 .lotusPivotNavToggle a:hover, .lotusui30 .lotusPivotNavToggle a:focus, .lotusui30 .lotusPivotNavToggle a:active{text-decoration:none;} .lotusui30 .lotusPivotNavOpen .lotusPivotNavToggle a{background-image:url(../images/lotusSprite-8bit.png);background-position: -1px -244px;} .lotusui30 .lotusInlineVCard .lotusInlineVCardDetails{display:none;} /***********************************************************/ /*** 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*/ .lotusui30 .lotusVCardHover{padding:5px 5px 5px 25px;position:absolute;border:1px solid #aeaeae;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:#fff79a url(../images/lotusSprite-8bit.png) 5px -3226px no-repeat;white-space:nowrap;} .lotusui30 a.lotusVCardHover:hover, .lotusui30 a.lotusVCardHover:focus, .lotusui30 a.lotusVCardHover:active{text-decoration:none;} .lotusui30.lotusImagesOff .lotusVCardHover, .lotusImagesOff .lotusui30 .lotusVCardHover{padding-left:5px;} /***********************************************************/ /*** I C O N S ***/ .lotusui30 .lotusIconLike, .lotusui30 .lotusIconMsgSuccess, .lotusui30 .lotusIconMsgError, .lotusui30 .lotusIconMsgInfo, .lotusui30 .lotusIconMsgWarning {background-image:url(../images/lotusHSprite-8bit.png);width:16px;height:16px;background-repeat:no-repeat;display:-moz-inline-box;display:inline-block;} .lotusui30 .lotusIconLike {background-position:-88px -8px;} .lotusui30 .lotusIconMsgSuccess {background-position:0 -8px;} .lotusui30 .lotusIconMsgError {background-position:-22px -8px;} .lotusui30 .lotusIconMsgInfo {background-position:-44px -8px;} .lotusui30 .lotusIconMsgWarning {background-position:-66px -8px;} /*******************************************/ /*** P A G E L A Y O U T S T Y L E S ***/ /*******************************************/ .lotusui30_body .lotusFrame{margin:0 auto;padding:0;min-width:990px;max-width:1200px;} .lotusui_ie6 .lotusui30_body .lotusFrame{width:990px;} .lotusui30_layout.lotusFluid{max-width:none;} .lotusui30_layout.lotusFixed{width:990px;max-width:none;} .lotusui30_body .lotusMain, .lotusui30 .lotusFooter{margin:0 10px 10px 10px;overflow:hidden;background-color:#fff;border-style:solid;border-color:#ccc;clear:both;} .lotusui30_body .lotusMain{padding:0 0 5px 0;min-height:400px;border-width:0 1px 1px 1px;border-top-color:#ccc;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;zoom:1;} .lotusui30_layout .lotusMain .lotusContent{padding:15px 20px 20px 20px;overflow:hidden; /*this sets a new block formatting context, which keeps the center content separate from the floated divs. This allows us to clear floats in the center.*/margin-right:auto;margin-left:auto;/*bidi bug fixes for Firefox*/min-height:400px;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:-4px;/*need the min-height and the rounded corners and the negative bottom margin, to get rid of the left column background image (matches lotusMain)*/background-color:#fff;} .lotusui_ie .lotusui30_layout .lotusMain .lotusContent{display:inline-block;}/*layout fix for IE*/ .lotusui_ie6 .lotusui30_layout .lotusMain .lotusContent{padding-left:15px;}/*IE6 adjustment*/ .lotusui30_layout .lotusContentColOne{float:left;margin:10px;width:47%;} .lotusui30_layout .lotusContentColTwo{float:left;margin:10px 10px 10px 0;text-align:left;width:47%;} /*to make sure these columns fit in a two column layout - only IE6 has issues*/ .lotusui_ie6 .lotusui30_layout .lotusContentColOne{width:45%;} .lotusui_ie6 .lotusui30_layout .lotusContentColTwo{width:45%;} /***********************************************************/ /*** 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 {padding:5px 10px; text-align:left; overflow:hidden; zoom:1;} .lotusui30 .lotusBanner .lotusLogo {float:left;} .lotusui30 .lotusBanner .lotusLogo img {display:none; margin-right:20px;} /*to display the image instead of the text, remove this display:none and the display:block in the below lotusAltText selector*/ .lotusui30 .lotusBanner .lotusLogo .lotusAltText {display:block; padding:1px 10px;} .lotusui_ie6 .lotusui30 .lotusBanner ul {margin-top:0; margin-bottom:2px;} .lotusui30 .lotusBanner ul.lotusInlinelist li {margin:0 2px; padding:0; border-left-width:0;} .lotusui30 .lotusBanner ul.lotusLinks li {margin:0;} .lotusui30 .lotusBanner ul.lotusLinks li.lotusSelected a {text-decoration:underline; font-weight:bold;} .lotusui30 .lotusBanner ul.lotusUtility li {font-size:.9em; line-height:1.67/*this accounts for a 0.9em font size so the click targets are consistent with lotusLinks. 18/10.8 = 1.67*/;} .lotusui30 .lotusBanner ul li a {padding:1px 10px;} .lotusui30 .lotusBanner ul.lotusUtility {float:right;} .lotusui30 .lotusBanner ul.lotusUtility li a {padding:1px 5px;} .lotusui30 .lotusBanner img.lotusDropDownSprite{opacity:0.75;filter:alpha(opacity=75);} /*unread badge*/ .lotusui30 .lotusBanner .lotusUnreadBadge {position:relative; bottom:0.7em; margin-left:2px; padding:0 0.4em; color:#fff; background:#595b5d; display:inline; font-size:0.9em; line-height:1.2/*fixes link height with tall languages*/; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .lotusui30.lotusImagesOff .lotusBanner .lotusUnreadBadge, .lotusImagesOff .lotusui30 .lotusBanner .lotusUnreadBadge {background:none;}/*to not cover text*/ .lotusui30 .lotusBanner .lotusBadgeIcon {display:inline-block; line-height:0.8; padding:2px 3px 3px; margin-left:-5px; bottom:7px;} .lotusui_ie .lotusui30 .lotusBanner .lotusBadgeIcon {padding-bottom:0;} .lotusui30.lotusImagesOff .lotusBanner .lotusBadgeIcon, .lotusImagesOff .lotusui30 .lotusBanner .lotusBadgeIcon {margin-left:0;} .lotusui30 .lotusBanner .lotusBadgeIcon img {background-image:url(../images/lotusHSprite-8bit.png); background-position:-1246px -12px; height:8px; width:7px; vertical-align:top;} /*logo*/ .lotusui30 .lotusBanner .lotusIBMLogo {width:41px; height:16px; background-position:-258px -8px; background-image:url(../images/lotusHSprite-8bit.png);} .lotusui_ie6 .lotusui30 .lotusBanner .lotusIBMLogo {background-position:-305px -8px;} /*IE6 does not support translucent icons. So use opaque instead.*/ /*banner extension*/ .lotusui30 .lotusBannerExt {font-size:0.9em; padding:0 20px;} .lotusui30 .lotusBannerExt .lotusBreadcrumbs {margin:6px 0; font-weight:bold;} .lotusui30 .lotusBannerExt .lotusBreadcrumbs a {font-weight:normal;} .lotusui30 .lotusBannerExt .lotusBreadcrumbs .lotusDivider {padding:0 5px; background:none/*overrides deprecated CSS*/;} .lotusui30 .lotusBannerExt .lotusBreadcrumbMore {background:#ccc; margin-left:5px; padding:0 3px; zoom:1; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .lotusui30 .lotusBannerExt .lotusDropDownSprite {background-position:0 -1260px;opacity:1;filter:alpha(opacity=100);} /***********************************************************/ /*** 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{padding:10px 10px 10px 0;border-width:1px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size:.9em;text-align:center;} .lotusui30 .lotusFooter table{text-align:left;} .lotusui30 .lotusFooter p{margin:0;line-height:1.3;} .lotusui30 .lotusFooter ul{margin:0;padding:0;list-style-type:none;} .lotusui30 .lotusFooter li{line-height:1.2;padding:.3em 0;display:inline;} .lotusui30 .lotusFooter ul a{padding:5px 8px;} .lotusui30 .lotusFooter table ul a{padding-left:0;} .lotusui30 .lotusFooter table li{display:block;} .lotusui30 .lotusFooter th, .lotusui30 .lotusFooter td{border-right:1px solid #e0e0e0;vertical-align:top;} .lotusui30 .lotusFooter th.lotusLast, .lotusui30 .lotusFooter td.lotusLast{border-width:0;} .lotusui30 .lotusFooter th, .lotusui30 .lotusFooterHeader{padding:5px 10px 3px 25px;width:20%;font-weight:bold;text-align:left;color:#666;} .lotusui30 .lotusFooter td{padding:0 50px 10px 25px;} /***********************************************************/ /*** COLUMNS ***/ /*left column - menu and filters*/ /*right column - lists*/ .lotusui30_layout .lotusColLeft{float:left;width:180px;padding:15px 10px;zoom:1;} .lotusui30_layout .lotusColRight{float:right;width:190px;padding:15px 10px;zoom:1;} .lotusui30_layout .lotusColLeft .lotusPhoto{width:128px;height:128px;margin:0 auto 10px;} .lotusui30_layout .lotusColLeft .lotusForm2 .lotusFormBody, .lotusui30_layout .lotusColRight .lotusForm2 .lotusFormBody{padding:0 5px} .lotusui30_layout .lotusColLeft .lotusSection2 .lotusForm2 .lotusFormFooter, .lotusui30_layout .lotusColRight .lotusSection2 .lotusForm2 .lotusFormFooter{padding:10px 15px;} .lotusui_ie .lotusui30_layout .lotusColLeft .lotusSection2 .lotusForm2 .lotusFormFooter, .lotusui_ie .lotusui30_layout .lotusColRight .lotusSection2 .lotusForm2 .lotusFormFooter{padding-left:25px;} /*section adjustments for the left and right columns*/ .lotusui30_layout .lotusColLeft .lotusBtn, .lotusui30_layout .lotusColRight .lotusBtn{width:99%;} .lotusui30_layout .lotusColLeft .lotusBtn a, .lotusui30_layout .lotusColRight .lotusBtn a{padding:4px 0;} .lotusui30_layout .lotusColLeft .lotusSection2 .lotusSearch .lotusText, .lotusui30_layout .lotusColRight .lotusSection2 .lotusSearch .lotusText{margin:0 2px 0 0;width:77%;} .lotusui30_layout .lotusColLeft .lotusPhoto, .lotusui30_layout .lotusColRight .lotusPhoto{width:128px;height:128px;margin:0 auto 10px;} /*other adjustments*/ .lotusui30_layout .lotusColLeft .lotusForm2 .lotusText, .lotusui30_layout .lotusColRight .lotusForm2 .lotusText{width:140px;}/*adjusts the default width for form elements so they aren't too wide for the column*/ /***********************************************************/ /*** T I T L E B A R ***/ /*the bar under the banner that contains a title and search*/ .lotusui30 .lotusTitleBar2 {margin:0 10px; position:relative; clear:both/*fix for IE6*/; zoom:1; background:#747678; background:-moz-linear-gradient(top, #87898b 0%, #656769 100%); background:-webkit-gradient(linear, left top, left bottom, from(#87898b), to(#656769)); -moz-border-radius-topright:4px; -moz-border-radius-topleft:4px; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; border-top-right-radius:4px; border-top-left-radius:4px;} .lotusui30.lotusImagesOff .lotusTitleBar2, .lotusImagesOff .lotusui30 .lotusTitleBar2 {border-top:1px solid; border-bottom:1px solid;} .lotusui30 .lotusTitleBar2 .lotusInner {padding:10px; overflow:hidden; position:relative; zoom:1;}/*position fixes an IE6/7 RTL window resizing bug*/ .lotusui30 .lotusTitleBar2 .lotusTitleBarContent {margin-right:20em; zoom:1;} .lotusui30 .lotusTitleBar2 .lotusHeading {float:left; margin-right:40px; font-size:1.4em; line-height:1.5; letter-spacing:0; font-weight:normal; color:#fff;} .lotusui30 .lotusTitleBar2 .lotusHeading .lotusIcon {margin-right:5px; float:left;} .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusHeading .lotusIcon {float:none; margin-bottom:1px;}/*fixes IE6/7 icon and text alignment*/ .lotusui30 .lotusTitleBar2 .lotusHeading .lotusText, .lotusui30 .lotusTitleBar2 .lotusHeading .lotusText:visited, .lotusui30 .lotusTitleBar2 .lotusHeading .lotusText:hover, .lotusui30 .lotusTitleBar2 .lotusHeading .lotusText:focus, .lotusui30 .lotusTitleBar2 .lotusHeading .lotusText:active {color:#fff;} /*tabs*/ .lotusui30 .lotusTitleBar2.lotusTitleBar2Tabs .lotusInner {padding:0 10px; overflow:visible;} .lotusui30 .lotusTitleBar2.lotusTitleBar2Tabs .lotusHeading {padding-top:10px;} .lotusui30 .lotusTitleBar2.lotusTitleBar2Tabs .lotusHeading .lotusIcon {float:none; vertical-align:text-top;} .lotusui30 .lotusTitleBar2 .lotusNavTabs {margin:0; padding:15px 0 0; position:relative; bottom:-2px; list-style:none; zoom:1; } .lotusui_ie .lotusui30 .lotusTitleBar2 ul.lotusNavTabs {bottom:0;}/*right-to-left does not need this*/ .lotusui30.lotusImagesOff .lotusTitleBar2 .lotusNavTabs, .lotusImagesOff .lotusui30 .lotusTitleBar2 .lotusNavTabs {bottom:-4px;} .lotusui30 .lotusTitleBar2 .lotusNavTabs li {margin:0 2px 2px 0; float:left; border:1px solid #747678; border-bottom-color:#656769; background-color:#595b5d; } .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected {background-color:#fff; border-bottom-color:#fff;} .lotusui30.lotusImagesOff .lotusTitleBar2 .lotusNavTabs li.lotusSelected, .lotusImagesOff .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected{border-bottom-width:0;} .lotusui30 .lotusTitleBar2 .lotusNavTabs .lotusTabWrapper {position:relative; zoom:1;} .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusNavTabs .lotusTabWrapper {display:inline;} .lotusui30 .lotusTitleBar2 .lotusNavTabs a.lotusTab, .lotusui30 .lotusTitleBar2 .lotusNavTabs a.lotusTab:visited {line-height:1.75/*to make room for a 16px icon*/; padding:2px 10px; display:block; text-decoration:none; white-space:nowrap; color:#fff;} .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a, .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a:visited {font-weight:bold; color:#000;} .lotusui30 .lotusTitleBar2 .lotusNavTabs li a:hover, .lotusui30 .lotusTitleBar2 .lotusNavTabs li a:focus, .lotusui30 .lotusTitleBar2 .lotusNavTabs li a:active {text-decoration:none; color:#fff/*for the outline*/;} .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a:hover, .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a:focus, .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a:active {color:#000;} /*leading icon*/ .lotusui30 .lotusTitleBar2 .lotusNavTabs .lotusIcon {margin-right:10px; position:relative; top:-0.1em/*to better vertical align*/;} .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusNavTabs .lotusIcon {padding-right:10px; margin-right:0;} /*IE7 likes padding here better in ltr, margin in rtl*/ .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusNavTabs .lotusIcon {margin-top:0.25em; margin-bottom:0.2em;} /*IE6 does not respect a set line-height in presense of an inline image shorter than the line-height*/ /*close icon*/ .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusTabClosable .lotusTabInner {padding-right:20px; zoom:1;} .lotusui30 .lotusTitleBar2 .lotusNavTabs .lotusTabClose {padding:0; position:absolute; top:0.5em; right:10px; line-height:1;} .lotusui30 .lotusTitleBar2 .lotusTabClose img {width:14px; height:14px; background-image:url(../images/lotusHSprite-8bit.png); background-position:-110px -9px; vertical-align:top;/*better supports both strict and transitional doctype layouts*/} /*search*/ .lotusui30 .lotusTitleBar2 .lotusSearch {position:absolute; top:10px; right:10px;} .lotusui30 .lotusTitleBar2 .lotusSearch .lotusScope {min-width:0; padding-right:15px;} .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusSearch .lotusScope {width:20px;} .lotusui30 .lotusTitleBar2 .lotusSearch .lotusText, .lotusui30 .lotusTitleBar2 .lotusSearch .lotusScope, .lotusui30 .lotusTitleBar2 .lotusSearch .lotusBtnImg {border:1px solid #747678;} .lotusui30.lotusImagesOff .lotusTitleBar2 .lotusBtnImg .lotusAltText, .lotusImagesOff .lotusui30 .lotusTitleBar2 .lotusBtnImg .lotusAltText {color:#000;} /*below title bar*/ .lotusui30 .lotusTitleBarExt {margin:0 10px; padding:0 10px; border:1px solid #ccc; border-width:0 1px;} .lotusui30 .lotusTitleBarExt .lotusInlinelist {padding-top:5px; float:none/*for webkit*/;} .lotusui30 .lotusTitleBarExt .lotusInlinelist li {padding:0 0 0 15px; margin-left:15px; display:inline-block/*so they wrap to next line*/;} .lotusui_ie .lotusui30 .lotusTitleBarExt .lotusInlinelist li {display:inline;} /*IE7 doesn't like inline-block*/ .lotusui30 .lotusTitleBarExt .lotusInlinelist li.lotusFirst {margin:0;} .lotusui30 .lotusTitleBarExt .lotusInlinelist li a, .lotusui30 .lotusTitleBarExt .lotusInlinelist li a:hover, .lotusui30 .lotusTitleBarExt .lotusInlinelist li a:focus, .lotusui30 .lotusTitleBarExt .lotusInlinelist li a:active {color:#666;} /***********************************************************/ /*************************************/ /*** S P E C I A L S C R E E N S ***/ /*************************************/ /*** A B O U T ***/ .lotusAbout .lotusui30_layout .lotusContent .lotusHeading{margin:15px 0 10px;}/*this is the non-about box headers, defined first*/ /*legal statement adjustments*/ .lotusAbout .lotusui30_layout table.lotusLegal{margin-top:15px;} /***********************************************************/ /*** E R R O R ***/ .lotusui30_layout .lotusErrorBox{width:619px;margin:20px auto;padding:0;border:1px solid #ccc;background-color:#fff;} .lotusui30_layout .lotusErrorContent{position:relative;padding:20px;zoom:1;}/*sets hasLayout for IE6*/ .lotusui30_layout .lotusErrorContent .lotusIcon{position:absolute;top:20px;left:30px;} .lotusui30_layout .lotusErrorContent form {zoom:1;} .lotusui30_layout .lotusErrorForm{margin:0 10px 0 85px;} .lotusError .lotusui30_layout .lotusHeading{margin:0 0 10px 0;font-size:2.2em;font-weight:normal;} .lotusui30_layout .lotusErrorForm .lotusBtnContainer{margin-top:15px;} .lotusui30_layout .lotusErrorForm .lotusBtn{margin-right:15px;text-align:center;} .lotusui30_layout .lotusErrorForm .lotusBtnContainer .lotusAction{display:inline-block;padding-top:3px;} .lotusui30_layout .lotusErrorForm div{width:auto;clear:none;margin:0;padding:0;} /*section that appears when there are more error details*/ .lotusError .lotusui30_layout .lotusErrorDetails {margin-top:15px;clear:both;} .lotusError .lotusui30_layout .lotusErrorDetails label {display: block;} .lotusError .lotusui30_layout .lotusErrorDetails textarea.lotusText{margin-top:5px;padding:1px;height:15em;width:100%;border:1px solid #aaa;font-family:monospace;} /***********************************************************/ /*** L O G I N ***/ /*this can appear on a plain connections page (gradient background only), or launched in a separate window*/ .lotusLogin2 .lotusui30_layout .lotusLoginBox{width:485px;margin:30px auto 10px;;padding:0;background-color:#fff;border:1px solid #ccc;} .lotusLogin2 .lotusui30_layout .lotusLoginBox .lotusHeading{margin-bottom:25px;font-size:1.83333em;font-weight:normal;} .lotusLogin2 .lotusui30_layout .lotusLoginBox .lotusHeading2{margin:20px 0 5px 0;font-size:1.1em;font-weight:bold;line-height:1.3;} .lotusLogin2 .lotusui30_layout .lotusLoginBox .lotusHeading2:first-child{margin-top:0;} .lotusui_ie6 .lotusui30_layout .lotusLoginBox .lotusFirst{margin-top:0;} .lotusLogin2 .lotusui30_layout .lotusDescription{padding-left:5px;margin-top:25px;float:left;width:205px;} .lotusLogin2 .lotusui30_layout .lotusLoginContent{position:relative;padding:20px 25px;padding-left:40px;zoom:1;} .lotusLogin2 .lotusui30_layout .lotusLegal{margin:0 auto;text-align:center;color:#666;width:475px;} .lotusLogin2 .lotusui30_layout .lotusForm2{background-color:transparent;} .lotusLogin2 .lotusui30_layout .lotusForm2 .lotusFormError{margin-bottom:-10px;} .lotusLogin2 .lotusui30_layout .lotusLoginBoxWide{width:725px;} .lotusLogin2 .lotusui30_layout .lotusLoginBoxWide .lotusLoginContent{padding-left:25px;} .lotusLogin2 .lotusui30_layout .lotusLoginBoxWide .lotusLoginForm{margin-left:245px;border:0;border-left:1px solid #ccc;padding-left:40px;} .lotusLogin2 .lotusui30_layout .lotusLoginForm{padding:20px 0;position:relative;} .lotusLogin2 .lotusui30_layout .lotusLoginForm .lotusBtnContainer{margin-top:25px;} .lotusLogin2 .lotusui30_layout .lotusLoginForm .lotusText{width:20em;} .lotusLogin2 .lotusui30_layout .lotusLoginForm .lotusFormField{width:auto;clear:none;margin:0;padding:0;margin-top:15px;} .lotusLogin2 .lotusui30_layout .lotusLoginForm label{margin-bottom:3px;} .lotusLogin2 .lotusui30_layout .lotusLoginForm .lotusIBMLogo{margin-top:25px;} .lotusui_ie6 .lotusLogin2 .lotusui30_layout .lotusLoginForm img.lotusIBMLogo {margin-bottom:1px;}/*fixes a clipping issue in IE6*/ /***********************************************************/ /*** M E T R I C S ***/ /*metrics*/ .lotusMetrics .lotusui30_layout .lotusMain .lotusContent{margin-right:30%;} .lotusMetrics .lotusui30_layout dt{padding:3px 10px;margin:20px 0 0 0;font-weight:bold;background-color:#fafafa;border:1px solid #eee;} .lotusMetrics .lotusui30_layout dd{margin:0;padding:5px 10px;} /***********************************************************/ /*** W E L C O M E ***/ .lotusWelcome .lotusui30_layout .lotusForm2{margin:15px 0;} .lotusWelcome .lotusui30_layout .lotusMain .lotusContent input.lotusText{width:225px;}/*don't want global search box to stretch!*/ /***********************************************************/ /*-------------------DROP SHADOWS-----------------------*/ /*------------------------------------------------------*/ /************* D E P R E C A T E D S T Y L E S ******************/ /********** B A S E S T Y L E S **********/ /************ C O M P O N E N T S T Y L E S ***********/ /*** B R E A D C R U M B S W I T H A C T I V E D I V I D E R S ***/ .lotusui30 .lotusBreadcrumbs .lotusDivider{padding:0 5px;background:url(../images/lotusSprite-8bit.png) 0 -362px no-repeat;opacity:0.55;filter:alpha(opacity=55)/*55% is the min opacity for meeting contrast requirements on white/off-white background for small text*/text-decoration:none;text-decoration:none !important;} /***********************************************************/ /*** B U T T O N S ***/ /*button in left column, set width*/ /*use lotusBtn, instead*/ .lotusui30 .lotusButton{margin-bottom:10px;width:174px;border:1px solid #aaa;text-align:center !important;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;color:#000;} .lotusui30 .lotusButton a{padding:7px 0;font-size:1.3em;border-width:0 1px 1px 1px;border-style:solid;color:#000;border-color:#dedede;display:block;text-decoration:none;font-weight:bold;} .lotusui30 .lotusButton a:hover:hover, .lotusui30 .lotusButton a:hover:focus, .lotusui30 .lotusButton a:hover:active{text-decoration:none;}/*gets rid of underline on button hover*/ /*link buttons*/ /*common button styles*/ /*using important for button colors so we don't need to define all link states*/ /*all buttons*/ .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{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)); color:#000;text-decoration:none;} .lotusui30 span.lotusBtn, .lotusui30 .lotusFormButton{padding:2px 7px;font-weight:bold;text-align:center;border:1px solid #aaa;} /*all buttons created using an input or button tag*/ .lotusui30 input.lotusFormButton, .lotusui30 button.lotusFormButton{font-size:.9em;cursor:pointer;} /*browser adjustments*/ .lotusui_ie .lotusui30 span.lotusBtn, .lotusui_ie8 .lotusui30 span.lotusBtn{padding:2px 7px;}/*need to redefine this here to override current .lotusBtn style overrides*/ .lotusui_ie .lotusui30 input.lotusFormButton{padding:3px 1px;} .lotusui_ie .lotusui30 button.lotusFormButton{padding:2px 1px;} .lotusui_ie8 .lotusui30 input.lotusFormButton{padding:3px 7px;} .lotusui_ie9 .lotusui30 input.lotusFormButton{padding:4px 7px;} /*specific button styles*/ /*default buttons*/ /*put the lotusBtn class on either a span around a link or on an input button*/ .lotusui30 span.lotusBtn{margin-right:5px; display:-moz-inline-box/*for FF2*/; display:inline-block;} .lotusui30 span.lotusBtn a{white-space:nowrap;} .lotusui_ie .lotusui30 span.lotusBtn a{display:block;} .lotusui_ie .lotusui30 span.lotusBtn img{margin:.5em 0 .2em 0;} /*need this for button with drop-down arrow to look okay in IE*/ /*image buttons*/ .lotusui30 .lotusBtnImg img{margin:0;width:16px;height:16px;background-repeat:no-repeat;vertical-align:middle;/*fixes IE6*/}/*default margin, padding and size*/ .lotusui_ie .lotusui30 .lotusBtnImg img{margin-top:-1px;}/*extra tweak to center image in IE*/ .lotusui30.lotusImagesOff .lotusBtnImg img, .lotusImagesOff .lotusui30 .lotusBtnImg img{display:none;} .lotusui30.lotusImagesOff .lotusBtnImg a, .lotusImagesOff .lotusui30 .lotusBtnImg a{display:inline-block;padding:2px;}/*fixes padding*/ /*form buttons*/ .lotusui30 input.lotusFormButton, .lotusui30 button.lotusFormButton{margin-right:10px;font-size:.9em;/*line-height:normal;*/}/*FF line-height bug*/ /*disabled buttons*/ .lotusui30 span.lotusBtnDisabled, .lotusui30 span.lotusBtnDisabled a, .lotusui30 span.lotusBtnDisabled a:visited, .lotusui30 span.lotusBtnDisabled a:hover, .lotusui30 span.lotusBtnDisabled a:focus, .lotusui30 span.lotusBtnDisabled a:active{border-color:#ccc !important;}/*we don't want disabled button border color to change on hover*/ .lotusui30 span.lotusBtnDisabled a{color:#b0b0b0 !important;background-color:#eee !important;cursor:default !important;} /*image buttons*/ .lotusui30 a.lotusBtnDisabled{text-decoration:none !important;} .lotusui30 .lotusBtnDisabled img{opacity:.3 !important;filter:alpha(opacity=30) !important;} /*generic/common buttons*/ /*put the style on the wrapper a along with the lotusBtnImg class*/ .lotusui30 .lotusAdd img{background-image:url(../images/lotusHSprite-8bit.png);background-position:-519px -8px;opacity:0.45;filter:alpha(opacity=45)} .lotusui30 .lotusClose img{background-image:url(../images/lotusHSprite-8bit.png);background-position:-555px -8px;opacity:0.45;filter:alpha(opacity=45);} .lotusui30 a.lotusClose:hover img, .lotusui30 a.lotusClose:focus img, .lotusui30 a.lotusAdd:hover img, .lotusui30 a.lotusAdd:focus img{opacity:0.55;filter:alpha(opacity=55);} .lotusui30.lotusImagesOff .lotusClose img, .lotusImagesOff .lotusui30 .lotusClose img{display:none;} /*hover states*/ .lotusui30 span.lotusBtn:hover, .lotusui30 span.lotusBtn:focus, .lotusui30 span.lotusBtn:active, .lotusui30 .lotusFormButton:hover, .lotusui30 .lotusFormButton:focus, .lotusui30 .lotusFormButton:active {border-color:#666;} /*tips button*/ .lotusui30 .lotusTips .lotusClose img{width:12px;height:12px;vertical-align:top;/*better supports layout in both strict and transitional doctypes*/background-position:-557px -10px;} /***********************************************************/ /*** C O M M E N T S ***/ .lotusui30 .lotusPost h4{margin:0;padding:0;font-size:1.2em;font-weight:bold;}/*comment titles*/ .lotusui30 .lotusBoard .lotusCommentPaging{font-style:italic;background-color:#E8EDF3;} /***********************************************************/ /*** D I A L O G S **/ .lotusui30 .lotusDialog h1, .lotusui30 .lotusDialog h2 {position:relative; border-bottom:1px solid #ccc; padding:15px 50px 15px 20px; font-weight:bold; font-size:1.7em; line-height:1.2; margin:0; background-color:#fafafa; background-image:-moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));} .lotusui_ie .lotusui30 .lotusDialog h1, .lotusui30 .lotusDialog h2 {line-height:1;}/*fixes a gap above the header*/ .lotusui30 .lotusDialog h2 {font-size:1.2em;} .lotusui30 .lotusDialog h1 .lotusBtnImg, .lotusui30 .lotusDialog h2 .lotusBtnImg {position:absolute; top:15px; right:15px; font-size:0.7em;} .lotusui_ie .lotusui30 .lotusDialogFooter .lotusAction{vertical-align:super;}/*fixes alignment of cancel link*/ /***********************************************************/ /*** F I L T E R S ***/ /*filters used to be part of the header css files*/ .lotusui30 .lotusFilters{margin-top:5px;line-height:1.8em;font-size:.9em;} .lotusui30 .lotusFilters .lotusAction{font-size:1em !important;}/*reset action links, they are already .9em*/ .lotusui30 .lotusFilters a.lotusFilter{padding:1px 3px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-decoration:none;border:1px solid #ccc;background-color:#fafafa;} .lotusui30 .lotusFilters a.lotusFilter:hover, .lotusui30 .lotusFilters a.lotusFilter:focus{text-decoration:none;} /*to keep them from getting too tall in IE6*/ .lotusui_ie6 .lotusui30 .lotusFilters a{display:inline-block;} .lotusui_ie6 .lotusui30 .lotusFilters a.lotusFilter{padding:0 5px;line-height:1.6em;} .lotusui30 .lotusFilters a .lotusClose{padding:0 4px;color:#aaa;} .lotusui30 .lotusFilters a:hover .lotusClose{color:#999999;} .lotusui30 .lotusFilters .lotusDivider{padding:0 5px;color:#ccc;} .lotusui30 .lotusFilters a.lotusIcon:hover, .lotusui30 .lotusFilters a.lotusIcon:focus{text-decoration:none;} /***********************************************************/ /*** F O O T E R D O C K E D ***/ /*** D O C K E D F O O T E R ***/ /*this sits at the bottom of the UI and shows your online status. It also lets you communicate using Sametime*/ .lotusui30 .lotusFooterDocked {width:100%; position:fixed; bottom:0;} .lotusui30 .lotusFooterDocked .lotusActionBar {float:right; height:auto; width:auto; margin:0;} .lotusui30 .lotusFooterDocked .lotusInlinelist li {display:block; float:left; border:0; padding:0; margin-right:-1px;} .lotusui30 .lotusFooterDocked .lotusInlinelist li a {background:#595b5d; border-color:#000; border-style:solid; border-width:1px 1px 0; color:#fff; display:inline-block; padding:5px 10px; text-decoration:none; height:1.5em;} .lotusui30 .lotusFooterDocked .lotusDropDownSprite {background-position:0 -1260px;} /***********************************************************/ /***********************************************************/ /*** F O R M S ***/ /*table-based form - use the div one moving forward*/ .lotusui30 .lotusForm{margin:0;padding:0;zoom:1;background-color:#fafafa} .lotusui30 .lotusFormPlain{background-color:#fff;} .lotusui30 .lotusForm .lotusFormTitle h2 {margin:25px 15px 15px 25px;font-size:1.3em;font-weight:bold;color:#222;}/*extra specificity here so if the form sits in a table it doesn't use the table lotusHeading size*/ .lotusui30 .lotusForm h2 .lotusMeta{font-size:.8em;font-weight:normal;display:block} .lotusui30 .lotusForm tr.lotusFormFieldRow td, .lotusui30 .lotusForm td.lotusFormFieldRow{padding-bottom:10px} .lotusui30 .lotusFormTable td{border-width:0;padding-right:3px;vertical-align:top;}/*default for a form table cell*/ .lotusui30 .lotusForm td.lotusFormLabel {vertical-align:top;text-align:right;padding-right:10px;font-weight:bold;padding-top:1px} .lotusui30 .lotusForm td label{margin:0;padding:0;font-weight:bold;line-height:inherit;color:#222} .lotusui30 .lotusForm fieldset{margin:0;padding:0;border-width:0}/*this allows us to use fieldsets for non-sighted users, only*/ .lotusui30 .lotusForm .lotusFieldset{margin-left:0;padding:5px;border:1px solid #aaa}/*assign this to a fieldset you want to display*/ .lotusui30 .lotusForm fieldset legend{padding-left:0;padding-right:0;margin-bottom:2px;font-weight:bold;color:#222} .lotusui30 .lotusForm .lotusFieldset legend{margin-left:0;padding-left:2px;padding-right:2px;} .lotusui30 .lotusForm td.lotusNudge{width:22px}/*this goes on the first empty table cell if putting labels on top*/ .lotusui30 .lotusForm label.lotusCheckbox{font-weight:normal}/*use for radio buttons, too*/ .lotusui30 .lotusForm .lotusText {width:99%;} .lotusui30 .lotusForm .lotusText, .lotusui30 .lotusForm textarea, .lotusui30 .lotusForm select{margin:0;padding:1px;border:1px solid #aaa;line-height:inherit} .lotusui30 .lotusForm select{padding-right:0}/*select styling doesn't work in IE versions prior to IE8*/ .lotusui30 .lotusForm textarea {margin-bottom:7px;} .lotusui30 .lotusForm .lotusFieldBorder{margin-bottom:7px;padding:4px;background-color:#eee} .lotusui30 .lotusForm .lotusFieldBorder .lotusText{margin:0;padding:2px;width:98.5%;} .lotusui30 .lotusForm .lotusFormErrorSummary div {margin:10px 15px 3px 25px;} .lotusui30 .lotusForm .lotusFormErrorSummary ul {margin:0 15px 10px 40px;list-style-type:disc;/*list-style-position:inside;*/} .lotusui30 .lotusForm .lotusFormError, .lotusui30 .lotusForm .lotusFormRequired {font-weight:bold;} .lotusui30 .lotusForm .lotusFormError{color:#f00;} .lotusui30 .lotusForm .lotusFormErrorField, .lotusui30 .lotusForm .lotusFormErrorSummary td {background-color:#fffabc;} .lotusui30 .lotusForm .lotusFormTable{width:100%;} .lotusui30 .lotusForm .lotusFormTable td.lotusFormRequired {padding-bottom:0;} .lotusui30 .lotusForm .lotusFormSection {padding:5px 0 0 0;} .lotusui30 .lotusForm .lotusFormTable td.lotusFormFooter{padding:10px 25px;background-color:#eee;} /* form button element styles can be found in the button component */ .lotusui_ie .lotusui30 .lotusForm .lotusFormFooter .lotusAction{vertical-align:super}/*fixes alignment of cancel link - cancel link is now replaced with a button*/ .lotusui_ie .lotusui30 .lotusForm input.lotusCheckbox, .lotusui_ie8 .lotusui30 .lotusForm input.lotusCheckbox {margin-left:-3px}/*fixes IE 3px margin jog bug*/ .lotusui_ie .lotusui30 .lotusForm legend, .lotusui_ie8 .lotusui30 .lotusForm legend{margin-left:-6px}/*align legend with content when there's no border*/ .lotusui_ie .lotusui30 .lotusForm .lotusFieldset input.lotusCheckbox, .lotusui_ie .lotusui30 .lotusForm .lotusFieldset legend, .lotusui_ie8 .lotusui30 .lotusForm .lotusFieldset input.lotusCheckbox, .lotusui_ie8 .lotusui30 .lotusForm .lotusFieldset legend{margin-left:0}/*reset*/ /*forms in tables*/ .lotusui30 .lotusTable .lotusForm td{border-width:0;padding-right:3px;vertical-align:top;} /*forms in columns*/ .lotusui30 .lotusColLeft .lotusFormTable, .lotusui30 .lotusColRight .lotusFormTable{margin-left:-10px;} .lotusui30 .lotusColLeft .lotusFormTable td, .lotusui30 .lotusColRight .lotusFormTable td{padding-left:10px;padding-top:5px;background-color:transparent;} .lotusui30 .lotusColLeft .lotusForm .lotusFormTable .lotusFormFooter, .lotusui30 .lotusColRight .lotusForm .lotusFormTable .lotusFormFooter{padding-left:10px;padding-right:10px;} /*First version of div-based forms*/ .lotusui30 .lotusForm2 .lotusFormErrorSummary{padding:5px 20px;background-color:#fffabc;} .lotusui_ie8 .lotusui30 .lotusForm2 label a img, .lotusui_ie8 .lotusui30 .lotusForm2 .lotusFormLabel a img{vertical-align:top;} .lotusui_ie9 .lotusui30 .lotusForm2 label a img, .lotusui_ie9 .lotusui30 .lotusForm2 .lotusFormLabel a img{vertical-align:text-top;}/*better alignment than the icon hanging below the label which middle alignment does*/ .lotusui30 .lotusFormTitle h2{margin:0;padding:0;font-size:1.3em;} /*error messages in a form - replaced with the message component */ .lotusui30 .lotusForm2 .lotusFormErrorSummary{padding:5px 20px;} /*an extra border on a field that had been used in the past*/ .lotusui30 .lotusForm2 .lotusFieldBorder{margin-bottom:7px;padding:4px;background-color:#eee} .lotusui30 .lotusForm2 .lotusFieldBorder .lotusText{margin:0;padding:2px;} /***********************************************************/ /*** H E A D E R ***/ .lotusui30 .lotusHeader h1{margin:0;padding:0;font-size:1.7em;font-weight:normal;line-height:1.2em;color:#444;}/*page header*/ /***********************************************************/ /*** H E L P / T I P S ***/ /*this is the old, combined tips/help component*/ /*** D E P R E C A T E D I N F O B O X ***/ /*this is used for help and tips*/ .lotusui30 .lotusInfoBox{margin:15px 0 5px 0;padding:5px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;overflow:hidden;zoom:1;background-color:#fffabc;border:1px solid #ccc;} .lotusui30 .lotusInfoBox.lotusFirst{margin-top:0;}/*this style definition (with no spaces) applies to any div with class="lotusInfoBox lotusFirst"*/ .lotusui30 .lotusInfoBox h3{margin:5px 0 10px 0;padding:0 0 0 5px;font-size:1.1em;overflow:hidden;zoom:1;color:#222;} .lotusui30 .lotusInfoBox h3 img{ margin:0 5px 0 0; width:8px;height:8px;vertical-align:top;/*better alignment choice to support both strict and transitional doctypes*/background-image:url(../images/lotusHSprite-8bit.png); background-position:-559px -12px;opacity:0.45; filter:alpha(opacity=45);} .lotusui_ie .lotusui30 .lotusInfoBox h3 img{vertical-align:middle;}/*ie6 & 7 don't need the adjustment for strict doctype*/ .lotusui30 .lotusInfoBox h3 a:hover img, .lotusui30 .lotusInfoBox h3 a:focus img{opacity:0.55;filter:alpha(opacity=55);} .lotusui30 .lotusSection .lotusInfoBox h4 span.lotusLeft{width:auto;}/*level 2 headings in a section are set to 90% width - need to reset*/ .lotusui30 .lotusInfoBox h4{margin:2px 5px;font-weight:bold;color:#222;} .lotusui30 .lotusInfoBox p{margin:0;padding:5px;} .lotusui30 .lotusInfoBox ul{margin:0;padding-left:20px;} .lotusui30 .lotusInfoBox li{margin:0;padding:0;} .lotusui30 .lotusInfoBox .lotusInlinelist{padding-bottom:5px;padding-left:0;} .lotusui30 .lotusInfoBox .lotusInlinelist li{padding-bottom:5px;border-left-width:0;} /*put lotusHelp as an additional style to lotusInfoBox for help popups*/ .lotusui30 .lotusHelp{position:absolute;width:200px;left:0;top:-9999px;-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee;box-shadow:0 2px 5px #eee;} .lotusui30 .lotusHelp .lotusInfoBox{margin:0;padding:5px 0 0 0;border-width:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-color:#ffffe1;} .lotusui30 .lotusHelp .lotusInfoBox h3{margin:0 3px 0 0;float:left;font-size:1.1em;line-height:1.2;} .lotusui30 .lotusHelp .lotusInfoBox p{padding:0 0 5px 5px;} .lotusui30 .lotusMedium{width:300px;}/*you can put this as an additional class to set the width to 300 pixels*/ .lotusui30.lotusImagesOff a.lotusRight img, .lotusImagesOff .lotusui30 a.lotusRight img{display:none;}/*this is the delete button on the tips box*/ /***********************************************************/ /*may move these into the include file after further testing*/ .lotusui30 .lotusInfoBox h3{line-height:1.2;} .lotusui30 .lotusInfoBox h3 img{margin:5px 5px 0 0;} /***********************************************************/ /*** M E N U ***/ .lotusui30 .lotusMenu h3{position:relative;margin:0;padding:3px 10px 5px 5px;font-size:1.1em;font-weight:bold;} .lotusui30 .lotusMenu .lotusMenuHeader .lotusHeading{padding:0;} .lotusui30 .lotusMenu .lotusMenuHeader a.lotusArrow{position:absolute;left:4px;top:4px;} /***********************************************************/ /*** M E S S A G E S ***/ /*deprecated message styles*/ /*** D E P R E C A T E D 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*/ /* lotusMessage is replaced with lotusMessage2 - see messages2.css */ .lotusui30 .lotusMessage{padding:5px;margin-bottom:12px;background-color:#fffabc;border:1px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:hidden;zoom:1;position:relative;}/*error message*/ .lotusui30 .lotusMessage img {margin:2px 5px 0 0;float:left;} .lotusui30 .lotusMessage span{display:block;margin-left:20px;} .lotusui30 .lotusMessage .lotusDelete{position:absolute;right:0;top:5px;} .lotusui30 .lotusMessage .lotusDelete img{float:none;opacity:0.45;filter:alpha(opacity=45);} .lotusui30 .lotusMessage .lotusDelete:hover img, .lotusui30 .lotusMessage .lotusDelete:focus img, .lotusui30 .lotusMessage .lotusDelete:active img{opacity:0.55;filter:alpha(opacity=55);} .lotusui30 .lotusMessage span.lotusAltText{float:left;margin-left:5px;margin-right:5px;} .lotusui30 .lotusMessage .lotusAltText {display:none;} .lotusui30.lotusImagesOff .lotusMessage .lotusAltText, .lotusImagesOff .lotusui30 .lotusMessage .lotusAltText {display:inline;} .lotusui30.lotusImagesOff .lotusMessage .lotusDelete .lotusAltText, .lotusImagesOff .lotusui30 .lotusMessage .lotusDelete .lotusAltText{font-weight:bold;} /***********************************************************/ /***********************************************************/ /*** P A L E T T E ***/ .lotusui30 .lotusPaletteWidget .lotusTitle h4{margin:0;padding:0;display:block;height:1.2em;font-weight:bold;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .lotusui30 .lotusPaletteWidget .lotusTitle h4 span{font-size:.8em;}/*alt text for ratings, or any other text under the title*/ .lotusui_ie .lotusui30 .lotusPaletteWidget .lotusTitle h4{width:10em;;} .lotusui_ie7 .lotusui30 .lotusPaletteContent.lotusPlain .lotusPaletteWidget .lotusTitle h4{width:11em;} .lotusui30 .lotusPaletteNav h3{margin:0;padding:0;font-size:1.1em;color:#fff;} .lotusui30 .lotusPaletteNav h3 .lotusBtnImg{vertical-align:bottom;padding:0 2px;} .lotusui30 .lotusPaletteNav h3 .lotusBtnImg img{color:#fff;background:url(../images/lotusHSprite-8bit.png) -629px -8px;} /***********************************************************/ /*** S E C T I O N S ***/ /*D E P R E C A T E D 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 15px -3px;padding:0 0 5px 0;clear:both;zoom:1;position:relative;} .lotusui30 .lotusSectionBody{margin:0 0 0 15px;} .lotusui30 .lotusSection div.lotusChunk, .lotusui30 .lotusSection div.lotusSubsection{margin-top:5px;clear:both;zoom:1;} .lotusui30 .lotusSection h2, .lotusui30 .lotusSection h3{margin:0;padding:0;font-size:1.2em;font-weight:bold;color:#444;zoom:1;}/*sets hasLayout in IE*/ .lotusui30 .lotusSection h2{overflow:hidden;padding:4px 3px 4px 0;}/*use important to override move cursor when the lotusDraggable class is assigned to the header*/ /*draggable sections*/ .lotusui30 .lotusSection h2.lotusDraggable{cursor:default;} .lotusui30 .lotusSection .lotusDragHandle{background-image:url(../images/lotusHSprite-8bit.png);background-position:-462px -8px;} /*.lotusSection .lotusTwistyOpen, .lotusSection .lotusTwistyClosed{margin:3px 4px 0 3px} */ .lotusui30 .lotusSection a.lotusArrow:visited, .lotusSection a.lotusArrow:hover, .lotusui30 .lotusSection a.lotusArrow:focus, .lotusui30 .lotusSection a.lotusArrow:active{text-decoration:none} .lotusui30.lotusImagesOff .lotusSection .lotusArrow, .lotusImagesOff .lotusui30 .lotusSection .lotusArrow{margin-top:0} /*twisty definitions are moved back to base to share with widget.css*/ .lotusui30 .lotusSection .lotusArrow{width:16px;height:16px;background-image:url(../images/lotusSprite-8bit.png);background-repeat:no-repeat;float:left;display:block;} .lotusui30 .lotusSection h2 span.lotusLeft, .lotusui30 .lotusSection h3 span.lotusLeft{width:80%;}/*header text*/ .lotusui30 .lotusSection h3{margin:0;padding:0;font-size:1.1em;font-weight:bold;padding-right:4px;}/*for when there is a help icon*/ .lotusui30.lotusImagesOff .lotusSection h2 span.lotusLeft, .lotusImagesOff .lotusui30 .lotusSection h2 span.lotusLeft, .lotusui30.lotusImagesOff .lotusSection h3 span.lotusLeft, .lotusImagesOff .lotusui30 .lotusSection h3 span.lotusLeft{width:auto;margin-right:10px;}/*we need more room for text in place of the action icon*/ .lotusui30 .lotusSection h2 a{color:#222 !important;} .lotusui30 .lotusSection h2 a.lotusIcon{float:right;width:16px;height:18px;background-repeat:no-repeat;}/*this is the action menu icon*/ .lotusui30 .lotusSection h2 a.lotusActionMenu{background-image:url(../images/lotusHSprite-8bit.png);background-position:-499px -9px;opacity:0.45;filter:alpha(opacity=45)/*45% is the min opacity for meeting contrast requirements on white/off-white background*/} .lotusui30 .lotusSectionBody{background-color:#fff;} .lotusui30.lotusImagesOff .lotusSection h2 a.lotusIcon, .lotusImagesOff .lotusui30 .lotusSection h2 a.lotusIcon{font-size:.78em;font-weight:normal;width:auto;height:auto;}/*settings for alternate text*/ .lotusui30 .lotusSection h2.lotusIcons img, .lotusui30 .lotusSection h3.lotusIcons img{margin-left:3px;} .lotusui30 .lotusSection .lotusDragHandle{width:9px;height:17px;position:absolute;left:-7px;top:5px;background-repeat:no-repeat;zoom:1;cursor:move;visibility:hidden;}/*we may want to move this outside of a section and make it a more general class. It must be positioned within a relative div*/ .lotusui30 .lotusSection div.lotusLast{margin-bottom:0;}/*gets rid of extra bottom margin on the last "subsection"*/ .lotusui30 .lotusSection .lotusTagCloud{width:100%; overflow:hidden;} /*for left alignment in a section*/ .lotusui30 .lotusSection .lotusVertTable, .lotusui30 .lotusSection div.lotusChunk .lotusVertTable{margin-left:-2px;}/*to offset the 2px padding on the first table cell*/ .lotusui30 .lotusSection ul.lotusTree{margin-left:-10px;} .lotusui30.lotusImagesOff .lotusSection ul.lotusTree, .lotusImagesOff .lotusui30 .lotusSection ul.lotusTree{margin-left:15px;} /****************************************************************/ /***********************************************************/ /*** T A B L E S ( D A T A ) ***/ .lotusui30 .lotusTable h4{margin:0;padding:0;font-size:1.2em;} .lotusui30 .lotusTable .lotusDivider{color:#ccc;} /*info table*/ .lotusui30 .lotusInfoTable h2{position:relative;margin:0;padding:0;font-size:1.2em;font-weight:bold;line-height:1.2;color:#444;} /*information table old version of close button - link wrapping an image*/ .lotusui30 .lotusInfoTable .lotusClose img{width:16px;height:16px;vertical-align:top;/*better supports layout in both strict and transitional doctypes*/background-position:-557px -10px;} /***********************************************************/ /*** W I D G E T S ***/ /*widgets are now a variation of a section and use the lotusPortlet class*/ /*** D E P R E C A T E D W I D G E T ***/ .lotusui30 .lotusWidget{margin:0 10px 10px 5px;border:1px solid #ccc;} .lotusui30 .lotusWidgetPlain{border-width:0;}/*the title bar shows up on hover*/ /*.lotusui30 .lotusWidgetPlain:hover h2, .lotusWidgetPlain:focus h2{display:block;} - done with javascript to solve IE7/8 performance issues*/ .lotusui30 .lotusWidget h2, .lotusWidget h3{zoom:1;}/*sets hasLayout in IE*/ .lotusui30 .lotusWidget h2{margin:0;padding:4px 3px 4px 10px;font-size:1.2em;font-weight:bold;color:#444;border-bottom:1px solid #ccc;background-color:#f4f4f4; 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;background-repeat:repeat-x;overflow:hidden;cursor:move;} .lotusui30 .lotusWidgetPlain h2{display:none;border-width:1px;border-style:solid;border-color:#ccc;} .lotusui30 .lotusWidget .lotusWidgetBody h2{border-width:0;background-image:none;} .lotusui30 .lotusWidget .lotusArrow{width:16px;height:16px;background-image:url(../images/lotusSprite-8bit.png);background-repeat:no-repeat;float:left;display:block;} .lotusui30 .lotusWidget h2 img{margin-left:3px;} .lotusui30 .lotusWidget h2 .lotusDivider{float:right;} .lotusui30 .lotusWidget h3{margin:0;padding:4px 10px;overflow:hidden;color:#444;border-bottom:1px solid #eee;line-height:1em;height:1.3em;font-size:1em;font-weight:normal;} .lotusui30 .lotusWidget h3 a.lotusAction{font-size:.9em;padding:4px 0 5px 0;} .lotusui30 .lotusWidget .lotusWidgetBody{clear:both;padding:3px 0;} .lotusui30 .lotusWidgetBody .lotusSection {margin-top:0px;} .lotusui30 .lotusWidgetBody div.lotusChunk{margin-top:5px;clear:both;zoom:1;} .lotusui30 .lotusWidget .lotusWidgetFooter{padding:4px 10px;border-top:1px solid #eee;height:1.3em;clear:both;} .lotusui30 .lotusWidgetFooter ul.lotusVCard {margin-left:95px;margin-top:5px;} .lotusui30 .lotusWidgetFooter img{vertical-align:top;} .lotusui30 .lotusWidget .lotusWidgetSearch{padding:5px 10px 0 10px;} .lotusui30 .lotusWidgetSearch img {padding-right:10px;} /*paging controls within a widget*/ .lotusui30 .lotusWidget .lotusWidgetFooter .lotusPaging{padding:2px 0;font-size:1em;line-height:1em;border-width:0;background-color:transparent;} .lotusui30 .lotusWidget .lotusPaging div{padding-left:0;} /*scrolling*/ .lotusui30 .lotusWidget .lotusWidgetScroll{overflow:hidden;clear:both;} .lotusui30 .lotusWidget .lotusWidgetScroll a{margin:0 auto;float:none;} .lotusui30.lotusImagesOff .lotusWidget .lotusWidgetScroll, .lotusImagesOff .lotusui30 .lotusWidget .lotusWidgetScroll{overflow:visible;padding-bottom:3px;} /*action menu icon*/ .lotusui30 .lotusWidget h2 a.lotusIcon{float:right;width:18px;height:18px;background-repeat:no-repeat;}/*this is the action menu icon*/ .lotusui30.lotusImagesOff .lotusWidget h2 a.lotusIcon, .lotusImagesOff .lotusui30 .lotusWidget h2 a.lotusIcon{font-size:.8em;font-weight:normal;width:auto;height:auto;}/*settings for alternate text*/ .lotusui30 .lotusWidget h2 a.lotusActionMenu{background-image:url(../images/lotusHSprite-8bit.png);background-position:-499px -9px;opacity:0.45;filter:alpha(opacity=45)/*45% is the min opacity for meeting contrast requirements on white/off-white background*/} /*lists in widgets*/ .lotusui30 .lotusWidget .lotusList{margin:0 0 0 -8px;} /*allows selection to extend to the left and right of the list items*/ .lotusui30 .lotusWidget .lotusList li{padding-left:8px;padding-right:5px;} .lotusui_ie6 .lotusui30 .lotusWidget .lotusList{zoom:1;position:relative;}/*margin offset truncation fix*/ .lotusui30.lotusImagesOff .lotusWidget .lotusArrow, .lotusImagesOff .lotusui30 .lotusWidget .lotusArrow{margin-top:0} /*new for supporting deprecated widgets*/ .lotusui30 .lotusWidget .lotusTable h4{margin:0;padding:0;font-size:1.2em;} .lotusui30 .lotusWidget .lotusTable h5{margin:0;padding:0;font-size:1.1em;font-weight:bold;} .lotusui30 .lotusWidget .lotusTable .lotusDetails h5{margin-bottom:2px;} /***********************************************************/ /*** D E P R E C A T E D W I D G E T ***/ .lotusui30 .lotusWidget2{margin:0 0 10px 0;border:1px solid #ccc;} .lotusui30 .lotusWidgetPlain{border-width:0;}/*the title bar shows up on hover*/ /*.lotusui30 .lotusWidgetPlain:hover h2, .lotusui30 .lotusWidgetPlain:focus h2{display:block;} - done with javascript to solve IE7/8 performance issues*/ .lotusui30 .lotusWidget2 h2, .lotusWidget2 h3{zoom:1;}/*sets hasLayout in IE*/ .lotusui30 .lotusWidget2 h2{margin:0;padding:4px 3px 4px 10px;font-size:1.2em;font-weight:bold;color:#444;border-bottom:1px solid #ccc;background-color:#f4f4f4; 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;background-repeat:repeat-x;overflow:hidden;cursor:move;} .lotusui30 .lotusWidgetPlain h2{display:none;border-width:1px;border-style:solid;border-color:#ccc;} .lotusui30 .lotusWidget2 .lotusWidgetBody h2{border-width:0;background-image:none;} .lotusui30 .lotusWidget2 .lotusArrow{width:16px;height:16px;background-image:url(../images/lotusSprite-8bit.png);background-repeat:no-repeat;float:left;display:block;} .lotusui30 .lotusWidget2 h2 img{margin-left:3px;} .lotusui30 .lotusWidget2 h2 .lotusDivider{float:right;} .lotusui30 .lotusWidget2 h3{margin:0 -10px;padding:4px 10px;overflow:hidden;color:#444;border-bottom:1px solid #eee;line-height:1em;height:1.3em;font-size:1em;font-weight:normal;} .lotusui_ie .lotusui30 .lotusWidget2 h3{display:inline;width:100%;}/*makes negative margins behave*/ .lotusui30 .lotusWidget2 h3 a.lotusAction{padding:4px 0 5px 0;} .lotusui30 .lotusWidget2 .lotusWidgetBody{clear:both;padding:3px 10px;} .lotusui30 .lotusWidget2 .lotusWidgetBody .lotusSection {margin-top:0;} .lotusui30 .lotusWidget2 .lotusWidgetBody div.lotusChunk{margin-top:5px;clear:both;zoom:1;} .lotusui30 .lotusWidget2 .lotusWidgetFooter{padding:4px 10px 7px 10px;border-top:1px solid #eee;height:1.3em;clear:both;} .lotusui30 .lotusWidget2 .lotusWidgetFooter ul.lotusVCard {margin-left:95px;margin-top:5px;} .lotusui30 .lotusWidget2 .lotusWidgetFooter img{vertical-align:top;} .lotusui30 .lotusWidget2 .lotusWidget .lotusWidgetSearch{padding:5px 10px 0 10px;} .lotusui30 .lotusWidgetSearch img {padding-right:10px;} /*paging controls within a widget*/ .lotusui30 .lotusWidget2 .lotusWidgetFooter .lotusPaging{padding:2px 0;font-size:1em;line-height:1em;height:1em;background-color:transparent;border-width:0;} .lotusui30 .lotusWidget2 .lotusPaging div{padding-left:0;} /*scrolling*/ .lotusui30 .lotusWidget2 .lotusWidgetScroll{overflow:hidden;clear:both;} .lotusui30 .lotusWidget2 .lotusWidgetScroll a{margin:0 auto;float:none;} .lotusui30.lotusImagesOff .lotusWidget2 .lotusWidgetScroll, .lotusImagesOff .lotusui30 .lotusWidget2 .lotusWidgetScroll{overflow:visible;padding-bottom:3px;} /*action menu icon*/ .lotusui30 .lotusWidget2 h2 a.lotusIcon{float:right;width:18px;height:18px;background-repeat:no-repeat;} .lotusui30.lotusImagesOff .lotusWidget2 h2 a.lotusIcon, .lotusImagesOff .lotusui30 .lotusWidget2 h2 a.lotusIcon{font-size:.8em;font-weight:normal;width:auto;height:auto;}/*settings for alternate text*/ .lotusui30 .lotusWidget2 h2 a.lotusActionMenu{background-image:url(../images/lotusHSprite-8bit.png);background-position:-499px -9px;opacity:0.45;filter:alpha(opacity=45)/*45% is the min opacity for meeting contrast requirements on white/off-white background*/} /*add any additional buttons you need to expose here*/ .lotusui30.lotusImagesOff .lotusWidget2 .lotusArrow, .lotusImagesOff .lotusui30 .lotusWidget2 .lotusArrow{margin-top:0} /*new for supporting deprecated widgets*/ .lotusui30 .lotusWidget2 .lotusTable h4{margin:0;padding:0;font-size:1.2em;} .lotusui30 .lotusWidget2 .lotusTable h5{margin:0;padding:0;font-size:1.1em;font-weight:bold;} .lotusui30 .lotusWidget2 .lotusTable .lotusDetails h5{margin-bottom:2px;} /***********************************************************/ .lotusui30 .lotusColLeft .lotusWidget2 .lotusSearch .lotusText, .lotusui30 .lotusColRight .lotusWidget2 .lotusSearch .lotusText{margin:0 2px 0 0;width:77%;} /***********************************************************/ /************ L A Y O U T S T Y L E S ***********/ .lotusui30_layout .lotusColLeft .lotusSection, .lotusui30_layout .lotusColLeft .lotusInfoBox, .lotusui30_layout .lotusColLeft .lotusWidget, .lotusui30_layout .lotusColLeft .lotusWidget2, .lotusui30_layout .lotusColRight .lotusSection, .lotusui30_layout .lotusColRight .lotusInfoBox, .lotusui30_layout .lotusColRight .lotusWidget, .lotusui30_layout .lotusColRight .lotusWidget2 {margin:0 15px 15px;} .lotusui30_layout .lotusColLeft .lotusSection .lotusSearch .lotusText, .lotusui30_layout .lotusColRight .lotusSection .lotusSearch .lotusText, .lotusui30_layout .lotusColLeft .lotusWidget2 .lotusSearch .lotusText, .lotusui30_layout .lotusColRight .lotusWidget2 .lotusSearch .lotusText {margin:0 2px 0 0;width:77%;} /*** B A N N E R ***/ .lotusui30 .lotusBanner ul li span.lotusUser {padding:1px 5px;} /***********************************************************/ /*** P L A C E B A R ***/ /*** 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*/ .lotusui30 .lotusPlaceBar {margin:0 10px;padding:0 10px;position:relative; border-width:0 1px 1px 1px; border-style:solid; border-color:#c0c7cd; overflow:hidden; background-color:#fff; background-image:none/*gets rid of the sprite*/; background-image:-moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background-position:top left; background-repeat:repeat-x; zoom:1;} .lotusui30 .lotusPlaceBar h2 {margin:0;padding:2px 0 0 0; float:left; font-size:1.4em; line-height:2; font-weight:normal; color:#000;} .lotusui30 .lotusPlaceBar .lotusBtnContainer {margin-right:-5px; float:right; padding:.5em 0;}/*buttons show up on the right side of the place bar*/ .lotusui_ie6 .lotusui30 .lotusPlaceBar .lotusBtnContainer {margin-right:-2px;} .lotusui30.lotusImagesOff .lotusPlaceBar, .lotusImagesOff .lotusui30 .lotusPlaceBar {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 10px; position:relative; clear:both/*fix for IE6*/; zoom:1; border-bottom:1px solid #747678; background:#747678; background:-moz-linear-gradient(top, #87898b 0%, #656769 100%); background:-webkit-gradient(linear, left top, left bottom, from(#87898b), to(#656769)); -moz-border-radius-topright:4px; -moz-border-radius-topleft:4px; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; border-top-right-radius:4px; border-top-left-radius:4px;} .lotusui30 .lotusTitleBar .lotusInner{height:3em;width:100%;} .lotusui30 .lotusTitleBar h2{margin:0;padding:7px 0 0 15px;float:left;font-size:1.4em;letter-spacing:0;font-weight:normal;color:#fff;} /*this is used in place of tabs, if desired*/ .lotusui30 .lotusTitleBar h2.lotusEllipsis{width:180px;} .lotusui30 .lotusTitleBar .lotusTabs{position:absolute;left:15px;margin:0;}/*when you aren't using an application title*/ .lotusui_ie6 .lotusui30 .lotusTitleBar .lotusTabs{width:100%;/*keeps rightmost tab border from being cut off*/} .lotusui30 .lotusTitleBar .lotusTabsIndented{left:215px;}/*add this class when you want to use an application title*/ .lotusui30 .lotusTitleBar .lotusSearch .lotusText, .lotusui30 .lotusTitleBar .lotusSearch .lotusScope, .lotusui30 .lotusTitleBar .lotusSearch .lotusBtnImg, .lotusui30 .lotusTitleBar .lotusTabs li{border:1px solid #747678;} .lotusui30 .lotusTitleBar .lotusTabs li, .lotusui30 .lotusTitleBar .lotusSearch .lotusBtnImg{background-color:#595b5d;} .lotusui30 .lotusTitleBar .lotusTabs li{border-bottom-color:#656769;} .lotusui30 .lotusTitleBar .lotusSearch{position:absolute;top:.7em;right:10px;} .lotusui30 .lotusTitleBar .lotusTabs a, .lotusui30 .lotusTitleBar .lotusTabs a:visited{display:block;padding:7px 10px;text-decoration:none;line-height:1;background-position:top right;background-repeat:no-repeat;color:#fff;}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/ .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected{background-color:#fff;border-bottom:1px solid #fff;} .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected a, .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected a:visited{color:#000;} .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:hover, .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected a:focus, .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected a:active{color:#000;} .lotusui30.lotusImagesOff .lotusTitleBar .lotusBtnImg .lotusAltText, .lotusImagesOff .lotusui30 .lotusTitleBar .lotusBtnImg .lotusAltText{color:#000;} .lotusui30.lotusImagesOff .lotusTitleBar ul.lotusTabs .lotusSelected, .lotusImagesOff .lotusui30 .lotusTitleBar ul.lotusTabs .lotusSelected{border-bottom-width:0;} /***********************************************************/ /***********************************************************/ /*** I C O N S ***/ .lotusui30 .lotusIconMsgConfirm {background-image:url(../images/lotusHSprite-8bit.png);width:16px;height:16px;background-repeat:no-repeat; display:-moz-inline-box; display:inline-block; background-position:0 -8px;} /***********************************************************/ /************ S P E C I A L S C R E E N S ***********/ /*** A B O U T ***/ .lotusAbout .lotusui30_layout .lotusContent h2{margin:15px 0 10px;padding:0;font-size:1.5em;font-weight:normal;color:#444;}/*this is the non-about box headers, defined first*/ .lotusAbout .lotusui30_layout .lotusAboutBox h1{margin:0;padding:0;font-size:3em;font-weight:normal;line-height:1.2;} .lotusAbout .lotusui30_layout .lotusAboutBox h3{margin:3px 0 15px;font-size:1.5em;font-weight:normal;} /***********************************************************/ /*** E R R O R ***/ .lotusui30_layout .lotusError h1{margin:0 0 10px 0;padding:0;font-size:2.2em;font-weight:normal;line-height:1.2;color:#444;} .lotusui30_layout .lotusErrorContent img{position:absolute;left:30px;top:20px;} /***********************************************************/ /*** L O G I N ***/ .lotusui30_layout .lotusLogin2 .lotusLoginBox h1{margin:0 0 25px 0;padding:0;font-size:1.83333em;font-weight:normal;line-height:1.2;color:#444;} .lotusui30_layout .lotusLogin2 .lotusLoginBox h2{margin:20px 0 5px 0;padding:0;font-size:1.1em;font-weight:bold;line-height:1.3;color:#444;} .lotusui30_layout .lotusLogin2 .lotusLoginBox h2:first-child{margin-top:0;} /***********************************************************/ /*** W E L C O M E ***/ .lotusWelcome .lotusui30_layout .lotusForm{margin:15px 0;} .lotusWelcome .lotusui30_layout .lotusMain .lotusContent input.lotusText{width:225px;} /*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/lotusHSprite-8bit.png); background-position:-557px -10px;} /***********************************************************/ /*temporary fixes - figure out how to fold back into the code*/ /*if you put the indent10 class on a layout table td tag, the specificity isn't enough to override the padding:0.*/ .lotusui30 .lotusIndent10 { padding-left: 10px !important; }