/*! 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 ****/ /******************************/ /*** R E S E T ***/ /*redefinitions*/ .lotusui30 a, .lotusui30 a:visited{color:#1970B0;} .lotusui30 a:hover, .lotusui30 a:focus, .lotusui30 a:active{color:#05386b;} /***********************************************************/ /****************************************/ /*** C O M P O N E N T S T Y L E S ****/ /****************************************/ .lotusui30 .lotusActionBar {height:2.5em/*increased because of taller buttons*/;} .lotusui30 .lotusActionBar2 {margin-top:-15px;} /*****************************/ /*** A C T I O N M E N U ***/ /*****************************/ .lotusui30 .lotusActionMenu li{padding:1px;} .lotusui30 .lotusActionMenu a:hover, .lotusui30 .lotusActionMenu a:focus, .lotusui30 .lotusActionMenu a:active{background-color:#e1f4f9;} /***********************************************************/ /*** B R E A D C R U M B S ***/ /*these sit above the page header (lotusHeader)*/ /***********************************************************/ /*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 ***/ .lotusui30 .lotusBtn{border:0; margin:0 4px 3px 1px; background-color:#e7e7e7; border-collapse:separate/*needed to show the box shadow in IE9 when in a table with border-collapse:collapse*/; background-image:-moz-linear-gradient(top, #ededed 0%, #e1e1e1 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#e1e1e1)); background-image:linear-gradient(top, #ededed, #e1e1e1); color:#333; font-weight:bold; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); box-shadow:0 1px 1px rgba(0,0,0,0.5);} .lotusui_ie .lotusui30 .lotusBtn, .lotusui_ie8 .lotusui30 .lotusBtn{border:1px solid #ccc;} .lotusui_ie .lotusui30 .lotusBtn, .lotusui_ie8 .lotusui30 .lotusBtn, .lotusui_ie9 .lotusui30 .lotusBtn {margin-left:0; margin-right:5px;}/*IE6-8 do not have the shadow, and IE9s shadow does not need the 1px left margin*/ .lotusui30 .lotusBtnImg{border:0; background:none; color:#333; font-weight:bold; text-align:center;} .lotusui30 .lotusBtn{padding:5px 15px;text-shadow:0 1px 1px #fff;} .lotusui_ie .lotusui30 .lotusBtn{padding:2px 3px;} .lotusui_ie8 .lotusui30 input.lotusBtn{padding:6px 15px;} .lotusui_ie9 .lotusui30 input.lotusBtn{padding:7px 15px;} .lotusui30 .lotusBtnImg{padding:5px;} .lotusui30 input.lotusBtnDisabled, .lotusui30 button.lotusBtnDisabled{color:#7c7c7c !important; border-width:0; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5) !important; -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5) !important; box-shadow:0 1px 1px rgba(0,0,0,0.5) !important;} .lotusui30 span.lotusBtnDisabled{background-color:transparent !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important;}/*we don't want a background color or shadow on disabled image buttons*/ .lotusui_ie .lotusui30 input.lotusBtnDisabled, .lotusui_ie8 .lotusui30 input.lotusBtnDisabled, .lotusui_ie .lotusui30 button.lotusBtnDisabled, .lotusui_ie8 .lotusui30 button.lotusBtnDisabled{border-color:#ccc !important;} .lotusui_ie .lotusui30 .lotusBtnImg{padding:5px 4px;} .lotusui30 .lotusBtn:hover, .lotusui30 .lotusBtn:focus, .lotusui30 .lotusBtn:active{color:#000; -moz-box-shadow:0 2px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 1px rgba(0,0,0,0.5); box-shadow:0 2px 1px rgba(0,0,0,0.5);} .lotusui30 .lotusBtnImg:hover, .lotusui30 .lotusBtnImg:focus, .lotusui30 .lotusBtnImg:active{color:#000;} .lotusui_ie .lotusui30.lotusImagesOff .lotusBtn, .lotusui_ie .lotusImagesOff .lotusui30 .lotusBtn, .lotusui_ie8 .lotusui30.lotusImagesOff .lotusBtn, .lotusui_ie8 .lotusImagesOff .lotusui30 .lotusBtn{border:2px outset #000;} /***********************************************************/ /*** 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{background-color:#057bb0; background-image:-moz-linear-gradient(top, #096da3 0%, #0189be 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#096da3), to(#0189be)); background-image:linear-gradient(top, #096da3, #0189be); border:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} .lotusui30 .lotusAboutBox p, .lotusui30 .lotusAboutBox li, .lotusui30 .lotusAboutBox a, .lotusui30 .lotusAboutBox a:visited, .lotusui30 .lotusAboutBox a:hover, .lotusui30 .lotusAboutBox a:focus, .lotusui30 .lotusAboutBox a:active{color:#fff;} .lotusui30 .lotusAboutBox .lotusHeading, .lotusui30 .lotusAboutBox .lotusHeading2{color:#fff;} .lotusui30 .lotusWelcomeBox{padding:25px; margin-left:0; background-color:#057bb0; border:0; background-image:-moz-linear-gradient(top, #096da3 0%, #0189be 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#096da3), to(#0189be)); background-image:linear-gradient(top, #096da3, #0189be); -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} .lotusui30 .lotusWelcomeBox p, .lotusui30 .lotusWelcomeBox li, .lotusui30 .lotusWelcomeBox a, .lotusui30 .lotusWelcomeBox a:visited, .lotusui30 .lotusWelcomeBox a:hover, .lotusui30 .lotusWelcomeBox a:focus, .lotusui30 .lotusWelcomeBox a:active{color:#fff;} .lotusui30 .lotusWelcomeBox .lotusHeading{color:#fff;} .lotusui30 .lotusWelcomeBox a, .lotusui30 .lotusAboutBox a{text-decoration:underline} /*add .lotusui30 .lotusCalloutBox a when it's appropriate*/ /***********************************************************/ /*** C L O S E B U T T O N ***/ .lotusui30 .lotusWelcomeBox .lotusClose {padding:0; top:20px; right:20px;} .lotusui30 .lotusWelcomeBox .lotusClose input {background-position:-573px -8px; opacity:0.75; filter:alpha(opacity=75);} .lotusui30 .lotusWelcomeBox .lotusClose input:hover, .lotusui30 .lotusWelcomeBox .lotusClose input:focus, .lotusui30 .lotusWelcomeBox .lotusClose input:active {opacity:1; filter:alpha(opacity=100);} /***********************************************************/ /*** C A P T I O N ***/ /*provides a gray background for a caption above another component*/ /***********************************************************/ /*** C O M M E N T ***/ /*----------------------FORUMS------------------------*/ .lotusui30 .lotusForum .lotusPostDetails blockquote{background-color:#eee;border-color:#DFE4E9;} .lotusui30 .lotusForum .lotusPaging{margin:0;padding-left:0;background-color:#fff;border-width:1px 0;border-style:solid;border-color:#ccc;} .lotusui30 .lotusForum .lotusPostContent{border-width:0;} .lotusui30 .lotusForum .lotusPostDetails blockquote{width:auto;} .lotusui_ie6 .lotusui30 .lotusForum .lotusPostDetails blockquote{width:95%;}/*fixes display issues with gray box*/ .lotusui30 .lotusForum .lotusPostAuthorInfo{padding:5px 10px 10px 15px;background-position:100% -1373px;background-repeat:no-repeat;} .lotusui30 .lotusForum .lotusCaption{margin-top:0;background-color:#fff;border-width:0;float:left;} .lotusui30 .lotusForum .lotusFeeds{float:right;} .lotusui30 .lotusForum .lotusPost{margin-top:0;margin-bottom:10px;padding-top:4px;padding-bottom:4px;background-color:#fff; border:1px solid #ccc;-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee;box-shadow:0px 2px 5px #eee;} .lotusui30 .lotusForum ul.lotusCommentList .lotusPost{background-color:#fff;} .lotusui30 .lotusForum ul.lotusCommentList .lotusChild{background-color:#fff;border-top-width:0;} .lotusui30 .lotusForum ul.lotusCommentList .lotusChild li{margin-left:0;padding:0 0 0 5px;background-color:#fff;background-image:none;background-repeat:repeat-y;} .lotusui30 .lotusForum ul.lotusCommentList .lotusChild .lotusActions li{padding:0 7px;border-width:0 0 0 1px;} .lotusui30 .lotusForum ul.lotusCommentList .lotusChild .lotusActions li.lotusFirst{padding-left:0;border-left-width:0;} .lotusui30 .lotusForum .lotusPostAuthorInfo{text-align:left;} .lotusui30 .lotusBoard .lotusStream .lotusPostHover, .lotusui30 .lotusBoard .lotusStream .lotusPostSelected{background-color:#e1f4f9;} /*we need to reset links that have picked up the lotusMeta color back to their original color*/ .lotusui30 .lotusBoard .lotusCommentItem > a.lotusMeta{color:#1970B0;} .lotusui_ie6 .lotusui30 .lotusBoard .lotusCommentItem a.lotusMeta{color:#1970B0;} /***********************************************************/ /*** 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 .lotusDialogBorder {border:3px solid #555/*this is needed for IE*/; border:3px solid rgba(2, 2, 2, 0.4); -moz-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.4); box-shadow:0 0 15px rgba(0, 0, 0, 0.4);} .lotusui30 .lotusDialog .lotusDialogHeader {border-bottom:0; background:#3c3c3c; background-image:-moz-linear-gradient(top, #3c3c3c 0%, #252525 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#252525));} .lotusui30 .lotusDialog .lotusHeading {margin-right:0; display:block; color:#fff; font-size:1.2em;} .lotusui30.lotusImagesOff .lotusDialog .lotusHeading, .lotusImagesOff .lotusui30 .lotusDialog .lotusHeading {margin-right:15px;} /*make room for the close link*/ /* close icon */ .lotusui30 .lotusDialog .lotusDialogHeader .lotusDialogClose {position:absolute; top:-11px; right:-11px; padding:0; border:0;} .lotusui30.lotusImagesOff .lotusDialog .lotusDialogHeader .lotusDialogClose, .lotusImagesOff .lotusui30 .lotusDialog .lotusDialogHeader .lotusDialogClose {padding:3px; border:1px solid #000; top:15px; right:15px;} /*revert to core styles*/ .lotusui30 .lotusDialog .lotusDialogHeader .lotusDialogClose img {background-image:url(../images/lotusHSprite-8bit.png); background-position:-150px 0; width:32px; height:32px;} .lotusui30 .lotusDialog .lotusFormTable, .lotusui30 .lotusDialog .lotusFormTable td, .lotusui30 .lotusDialog .lotusDialogContent {border:0;} .lotusui30 .lotusDialog .lotusDialogFooter {background-color:#fff; margin:0 20px; padding:15px 0; border-top:1px solid #aaa;} .lotusui30 .lotusDialogFooter .lotusBtn {margin-left:9px; margin-right:1px;} .lotusui_ie .lotusui30 .lotusDialogFooter .lotusBtn, .lotusui_ie8 .lotusui30 .lotusDialogFooter .lotusBtn, .lotusui_ie9 .lotusui30 .lotusDialogFooter .lotusBtn {margin-left:10px; margin-right:0;}/*IE6-8 do not have the shadow, and IE9s shadow does not need the 1px right margin*/ /* for lightbox */ .lotusui30 .lotusOverlay {opacity:0.4; filter: alpha(opacity=40);} /***********************************************************/ /***************************************/ /*** D I S P L A Y C O N T R O L S ***/ /***************************************/ .lotusui30 .lotusViewControl div{padding:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .lotusui30 .lotusViewControl {font-size:0.9em;} .lotusui30 .lotusViewControl td div {border:0; margin:0 1px; padding:3px; background-color:#e7e7e7; border-collapse:separate/*needed to show the box shadow in IE9 when in a table with border-collapse:collapse*/; background-image:-moz-linear-gradient(top, #ededed 0%, #e1e1e1 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#e1e1e1)); background-image:linear-gradient(top, #ededed, #e1e1e1); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); box-shadow:0 1px 1px rgba(0,0,0,0.5);} .lotusui_ie .lotusui30 .lotusViewControl td div, .lotusui_ie8 .lotusui30 .lotusViewControl td div {border:1px solid #ccc;} .lotusui_ie .lotusui30 .lotusViewControl td div, .lotusui_ie8 .lotusui30 .lotusViewControl td div, .lotusui_ie9 .lotusui30 .lotusViewControl td div {margin-left:0; margin-right:0;}/*IE6-8 do not have the shadow, and IE9s shadow does not need the 1px left margin*/ .lotusui30 .lotusDetailsOn, .lotusui30 .lotusSummaryOn, .lotusui30 .lotusTreeOn, .lotusui30 .lotusTileOn, .lotusui30 .lotusFolderOn {background-color:transparent; border-color:#666; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} /***********************************************************/ /*** F E E D S **/ /*the feed links under the content*/ /***********************************************************/ /*** F I L T E R S **/ /*the filter links that are removable*/ /*** F L Y O U T **/ /*The flyout extends from a UI component to provide a preview or additional content*/ /***********************************************************/ /*** F O R M S ***/ /*these styles are for inline and popup forms*/ /*new, div-based form, labels on top or left*/ .lotusui30 .lotusForm2 .lotusFormFooter {border-width:1px 0 0; border-style:solid; border-color:#aaa;} .lotusui30 .lotusForm2 .lotusFormFooter {background:none;} .lotusui30 .lotusForm2 .lotusFormFooter .lotusBtn {margin-right:9px;} .lotusui_ie .lotusui30 .lotusForm2 .lotusFormFooter .lotusBtn, .lotusui_ie8 .lotusui30 .lotusForm2 .lotusFormFooter .lotusBtn, .lotusui_ie9 .lotusui30 .lotusForm2 .lotusFormFooter .lotusBtn {margin-right:10px;}/*IE6-8 do not have the shadow, and IE9s shadow does not need the 1px left margin*/ .lotusui30 .lotusForm2 .lotusFieldEmphasis{ -moz-box-shadow: 0 3px 3px #F3F3F3 inset; -webkit-box-shadow: 0 3px 3px #F3F3F3 inset; box-shadow: 0 3px 3px #F3F3F3 inset;} /***********************************************************/ /*** G R I D ***/ /*for a group of same-sized elements with a div as the outer wrapper*/ /*for example, a group of people photos*/ /***********************************************************/ /*** H E A D E R ***/ /*found at the top of the page, center column*/ /*----------------------FILTER------------------------*/ .lotusui30 .lotusHeader .lotusFilters2{margin:5px 0 0;} /***********************************************************/ /*** P O P U P H E L P ***/ /*----------------------POPUP HELP------------------------*/ .lotusui30 .lotusHelp{background-color:#fff;} /***********************************************************/ /*** L E G A L S T A T E M E N T ***/ /*IBM logo and legal statement*/ /*3 different versions - regular pages, login page, and about page*/ /*-------------------LEGAL-----------------------*/ .lotusui30 table.lotusLegal{margin:5px auto 10px;} .lotusui30 .lotusIBMLogoFooter{display:none;} .lotusui30 .lotusLogin .lotusLegal{margin:5px 25px 10px;} /***********************************************************/ /*** L I K E ***/ .lotusui30 .lotusLikeLightBox ul.lotusList li a:hover, .lotusui30 .lotusLikeLightBox ul.lotusList li a:focus, .lotusui30 .lotusLikeLightBox ul.lotusList li a:active {background-color:#e1f4f9;} /***********************************************************/ /*** L I S T S ***/ /*use in conjuction with sections if you want a more complex list*/ .lotusui30 ul.lotusList li{padding:1px 0} .lotusui30 ul.lotusList li.lotusSelected{background-color:#eee;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .lotusui30 ul.lotusList li.lotusSelected a, .lotusui30 ul.lotusList li.lotusSelected a:visited{color:#000;} /***********************************************************/ /*** M E D I A V I E W E R ***/ /***********************************************************/ /*** M E G A M E N U **/ /*these are a type of dropdown used for global navigation*/ .lotusui30 .lotusNavMenu {border:3px solid #454545/*this is needed for IE*/; border:3px solid rgba(23, 23, 23, 0.8); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .lotusui30 .lotusNavMenu table, .lotusui30 .lotusNavMenu th, .lotusui30 .lotusNavMenu td, .lotusui30 .lotusNavMenu table td, .lotusui30 .lotusNavMenu tr.lotusMenuSeparator + tr th, .lotusui30 .lotusNavMenu tr.lotusMenuSeparator + tr td {padding:0;} .lotusui30 .lotusNavMenu tr a {display:block; margin:1px; padding:5px 10px;} .lotusui30 .lotusNavMenu tr a, .lotusui30 .lotusNavMenu tr a:visited {color:#222;} .lotusui30 .lotusNavMenu .lotusNavMenuLarge tr a {display:inline-block;} /*TODO remove when refactoring apps menu*/ .lotusui30 .lotusNavMenu tr.lotusMenuSeparator th, .lotusui30 .lotusNavMenu tr.lotusMenuSeparator td {padding-bottom:0; border-bottom:1px dotted #ccc;} .lotusui30 .lotusNavMenu tr a:hover, .lotusui30 .lotusNavMenu tr a:focus, .lotusui30 .lotusNavMenu tr a:active, .lotusui30 .lotusNavMenu tr a.lotusHover {background-color:#e1f4f9;text-decoration:none;} .lotusui30 .lotusNavMenu .lotusNavMenuConnector {position:absolute; background-image:url(../images/lotusHSprite-8bit.png); background-position:-931px -11px; width:15px; height:11px; top:-11px; left:20px;} /*menu specific definitions*/ .lotusui30 .lotusNavMenu tr .lotusInlinelist {padding:10px; white-space:normal;} .lotusui30 .lotusNavMenu tr .lotusInlinelist li a {margin:0; padding:0; display:inline; font-weight:normal; color:#222;} /*two column*/ .lotusui30 .lotusNavMenu .lotusTwoCol tr a {padding:10px;} .lotusui30 .lotusNavMenu .lotusTwoCol tr.lotusMenuSeparator th, .lotusui30 .lotusNavMenu .lotusTwoCol tr.lotusMenuSeparator td {border-bottom:1px solid #f0f0f0;} .lotusui30 .lotusNavMenu .lotusMenuFooter .lotusInlinelist {color:#222;} .lotusui30 .lotusNavMenu .lotusMenuFooter .lotusInlinelist a, .lotusui30 .lotusNavMenu .lotusMenuFooter .lotusInlinelist a:visited {color:#1970B0;} .lotusui30 .lotusNavMenu .lotusMenuFooter .lotusInlinelist a:hover, .lotusui30 .lotusNavMenu .lotusMenuFooter .lotusInlinelist a:focus, .lotusui30 .lotusNavMenu .lotusMenuFooter .lotusInlinelist a:active {color:#05386b} .lotusui30 .lotusNavMenu tr .lotusInlinelist a:hover, .lotusui30 .lotusNavMenu tr .lotusInlinelist a:focus, .lotusui30 .lotusNavMenu tr .lotusInlinelist a:active {background-color:#fff; text-decoration:underline;}/*reset to white for the header list*/ .lotusui30 .lotusNavMenu .lotusSearch {position:relative; clear:both; padding:0 10px 10px;} .lotusui30 .lotusNavMenu .lotusSearch .lotusText {padding:4px 25px 4px 8px; margin:0; border:1px solid #ececec; width:480px; font-size:0.9em; color:#666; background:#f1f1f1; background:-moz-linear-gradient(center top, #f4f4f4 25%, #f1f1f1 100%); background:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), color-stop(25%, #f4f4f4), to(#f1f1f1)); -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} .lotusui30 .lotusNavMenu .lotusSearch .lotusSearchButton {color:#fff/*to get focus indicator to show*/; background-image:url(../images/lotusHSprite-8bit.png); background-position:-591px -8px; height:16px; width:16px; position:absolute; right:16px; top:4px;} .lotusui30 .lotusNavMenu .lotusSearch .lotusAltText {display:none;}/*TODO clean this up for HC*/ /***********************************************************/ /*** M E N U ***/ /*this menu is set up to allow for rounded corners in all browsers and is a set width*/ .lotusui30 .lotusMenu{width:auto;margin:0 0 25px;padding:0;background-color:transparent;border-width:0;} .lotusui30 .lotusMenu .lotusMenuSection{border-color:#ccc;} .lotusui30 .lotusMenu li a, .lotusui30 .lotusMenu .lotusMenuHeader{margin:0;padding:3px 10px 5px 20px;border-width:0;font-weight:bold;} .lotusui30 .lotusMenu li a, .lotusui30 .lotusMenu li a:visited, .lotusui30 .lotusMenu li a:hover, .lotusui30 .lotusMenu li a:active{color:#000;text-decoration:none;} .lotusui30 .lotusMenu li a:focus{text-decoration:underline;}/*for accessibility, since focus outline isn't visible in this theme*/ .lotusui30 .lotusMenu .lotusMenuSubsection a{font-weight:normal;} .lotusui30 .lotusMenu li.lotusSelected a, .lotusui30 .lotusMenu .lotusHeaderSelected{margin:0;padding-left:20px;border-width:1px 0;} .lotusui30.lotusImagesOff .lotusMenu li.lotusSelected a, .lotusImagesOff .lotusui30 .lotusMenu li.lotusSelected a, .lotusui30.lotusImagesOff .lotusMenu .lotusHeaderSelected, .lotusImagesOff .lotusui30 .lotusMenu .lotusHeaderSelected{border-width:1px;} .lotusui30 .lotusMenu .lotusMenuHeader a, .lotusui30 .lotusMenu .lotusMenuHeader a:visited, .lotusui30 .lotusMenu .lotusMenuHeader a:hover, .lotusui30 .lotusMenu .lotusMenuHeader a:focus, .lotusui30 .lotusMenu .lotusMenuHeader a:active{color:#000;text-decoration:none;} .lotusui30 .lotusMenu .lotusMenuHeader a.lotusArrow{left:4px;top:4px;} .lotusui30 .lotusMenu .lotusAction{margin-left:20px;margin-bottom:5px;} .lotusui30 .lotusMenu .lotusMenuSubsection{margin:0;padding-top:0;} .lotusui30 .lotusMenu .lotusMenuSubsection{padding-left:0;}/*allows you to indent a section of the menu*/ .lotusui30 .lotusMenu .lotusMenuSubsection li.lotusSelected a{margin-left:0;padding-left:20px;} .lotusui30.lotusImagesOff .lotusMenu .lotusMenuSubsection li.lotusSelected a, .lotusImagesOff .lotusui30 .lotusMenu .lotusMenuSubsection li.lotusSelected a{padding-left:15px;} .lotusui30 .lotusMenu ul.lotusIcons a{ padding-left: 39px; } .lotusui30 .lotusMenu ul.lotusIcons img, .lotusui30 .lotusMenu ul.lotusIcons .lotusSelected img{left:19px;} .lotusui30 .lotusMenu ul.lotusIcons .lotusSelected a{ padding-left: 39px; } .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons a{ padding-left: 39px; } .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons .lotusSelected a{padding-left: 39px; } .lotusui30.lotusImagesOff .lotusMenu .lotusMenuSubsection ul.lotusIcons a, .lotusImagesOff .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons a, .lotusui30.lotusImagesOff .lotusMenu .lotusMenuSubsection ul.lotusIcons .lotusSelected a, .lotusImagesOff .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons .lotusSelected a{padding-left:20px;} .lotusui30 .lotusMenu li a, .lotusui30 .lotusMenu .lotusMenuHeader{font-weight:normal;} .lotusui30 .lotusMenu li.lotusSelected a, .lotusui30 .lotusMenu .lotusHeaderSelected{background-color:transparent; border-width:0; color:#000;} .lotusui30 .lotusMenu .lotusHeaderSelected .lotusHeading a{font-weight:bold;} .lotusui30 .lotusMenu li.lotusSelected a:before{content:"\25AA";color:#BD4218;float: left;margin-left:-10px;margin-right:5px;font-family:Arial, Helvetica, sans-serif;}/*regular select indicator*/ .lotusui30 .lotusMenu li.lotusPrimarySelect a:before{content:"\25A0";margin-right:3px;margin-top:-2px;}/*larger select indicator, for when there is a primary and secondary selection*/ .lotusui30 .lotusMenu .lotusIcons li.lotusSelected a:before{margin-left:-30px;margin-right:25px;margin-top:-2px;}/*fixes the selector next to a selected item with an icon*/ .lotusui30 .lotusMenu .lotusIcons li.lotusPrimarySelect a:before{margin-right:23px;}/*for a larger indicator next to an icon*/ .lotusui30 .lotusMenu li a, .lotusui30 .lotusMenu li a:visited, .lotusui30 .lotusMenu li a:hover, .lotusui30 .lotusMenu li a:focus, .lotusui30 .lotusMenu li a:active, .lotusui30 .lotusMenu li.lotusSelected a, .lotusui30 .lotusMenu li.lotusSelected a:visited, .lotusui30 .lotusMenu li.lotusSelected a:hover, .lotusui30 .lotusMenu li.lotusSelected a:focus, .lotusui30 .lotusMenu li.lotusSelected a:active, .lotusui30 .lotusMenu .lotusHeaderSelected a, .lotusui30 .lotusMenu .lotusHeaderSelected a:visited, .lotusui30 .lotusMenu .lotusHeaderSelected a:hover, .lotusui30 .lotusMenu .lotusHeaderSelected a:focus, .lotusui30 .lotusMenu .lotusHeaderSelected a:active{color:#000;text-decoration:none;} .lotusui30.lotusImagesOff .lotusMenu li.lotusSelected a, .lotusImagesOff .lotusui30 .lotusMenu li.lotusSelected a, .lotusui30.lotusImagesOff .lotusMenu .lotusHeaderSelected, .lotusImagesOff .lotusui30 .lotusMenu .lotusHeaderSelected{border-width:0;} .lotusui30 .lotusMenu .lotusUnreadBadge{background-color:#107bbb;} .lotusui30 .lotusMenu .lotusMenuHeader{padding:0;} .lotusui30 .lotusMenu .lotusMenuHeader a.lotusArrow{z-index:10;/*so arrow doesn't disappear on hover*/} .lotusui30 .lotusMenu .lotusMenuHeader .lotusHeading a{margin:0;display:block;padding:3px 10px 5px 20px;}/*margin and padding are adjusted for the link inside an h3 tag in deprecated css, which is why we have to specify margin:0 here, where there is more specificity*/ .lotusui30 .lotusMenu li a:hover, .lotusui30 .lotusMenu li a:focus, .lotusui30 .lotusMenu li a:active, .lotusui30 .lotusMenu .lotusMenuHeader .lotusHeading a:hover, .lotusui30 .lotusMenu .lotusMenuHeader .lotusHeading a:focus, .lotusui30 .lotusMenu .lotusMenuHeader .lotusHeading a:active {background-color:#e1f4f9;} .lotusui30 .lotusMenu .lotusMenuSection{border-bottom-style:dotted;} .lotusui30 .lotusMenu .lotusMenuSection:last-child{border-width:0;} .lotusui30 .lotusMenu .lotusMenuSubsection li a, .lotusui30.lotusImagesOff .lotusMenu .lotusMenuSubsection li.lotusSelected a, .lotusImagesOff .lotusui30 .lotusMenu .lotusMenuSubsection li.lotusSelected a{padding-left:30px;} .lotusui30 .lotusMenu .lotusMenuSubsection li.lotusSelected a{padding-left:30px;} .lotusui30 .lotusMenu ul.lotusIcons a, .lotusui30 .lotusMenu ul.lotusIcons .lotusSelected a{padding-left:39px;} .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons a, .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons .lotusSelected a{padding-left:49px;} .lotusui30 .lotusMenu ul.lotusIcons img, .lotusui30 .lotusMenu ul.lotusIcons .lotusSelected img{left:19px;} .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons img, .lotusui30 .lotusMenu .lotusMenuSubsection ul.lotusIcons .lotusSelected img{left:29px;} /***********************************************************/ /*** 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*/ /*chained lotusMessage2 class is to up specificity so the deprecated message styles don't trump them*/ .lotusui30 .lotusMessage2{background-color:#ffe3e0;border-color:#efa6a5;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .lotusui30 .lotusMessage2.lotusWarning{background-color:#ffffbc;border-color:#f6e692;} .lotusui30 .lotusMessage2.lotusInfo{background-color:#e6f1fe;border-color:#b9cfeb;} .lotusui30 .lotusMessage2.lotusSuccess {background-color:#ecf9df;border-color:#c8e2b8;} .lotusui30 .lotusMessage2{padding:10px;font-size:.9em;background-color:#ffebe6;border-color:#f08137;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .lotusui30 .lotusMessage2.lotusWarning{background-color:#fdf4c8;border-color:#e48617;} .lotusui30 .lotusMessage2.lotusInfo{background-color:#d9f1fb;border-color:#00b0da;} .lotusui30 .lotusMessage2.lotusSuccess {background-color:#ecf9df;border-color:#108f53;} .lotusui30 .lotusMessage2 .lotusIcon {margin-top:0;margin-right:7px;} .lotusui30 .lotusMessage2 .lotusDelete{right:10px;top:10px;} /***********************************************************/ /*** P A G I N G ***/ /*these are the page bars at the top and bottom of a table/list of entries*/ .lotusui30 .lotusPaging {margin:5px 0;} .lotusui30 .lotusPaging, .lotusui30 .lotusPaging ul li, .lotusui30 .lotusPaging div, .lotusui30 .lotusPaging input {color:#222;} .lotusui30 .lotusPaging {background:none; border-width:1px 0; border-color:#ddd; padding-left:0; padding-right:0;} .lotusui30 .lotusPagingTop.lotusPaging {border-top-width:2px; border-top-color:#ccc;} /*will only show in IE6 if lotusPagingTop is first*/ .lotusui30 .lotusPaging a, .lotusui30 .lotusPaging a:visited {font-weight:normal;} .lotusui30 .lotusPaging .lotusInlinelist li {border-color:#ccc;} .lotusui30 .lotusPaging div, .lotusui30 .lotusPaging .lotusInlinelist li.lotusFirst {padding-left:0;} .lotusui30 .lotusPaging .lotusRight li {padding:0 0 0 6px; margin-left:5px;} /*align the right inline list flush right*/ /***********************************************************/ /*** P A L E T T E ***/ /*this is the palette that opens under the place bar to allow users to customize the UI */ .lotusui30 .lotusPalette{border-bottom-width:0;} .lotusui30 .lotusPaletteHeader{border-top-width:0;border-bottom:4px solid #2a2a2a;padding:5px 10px 0;} .lotusui30 .lotusPaletteHeader .lotusRight, .lotusui30 .lotusPaletteHeader .lotusClose{margin-top:7px;} .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a{color:#fff;} .lotusui30 .lotusPaletteHeader ul.lotusTabs{margin-top:5px;} .lotusui30 .lotusPaletteHeader ul.lotusTabs li a, .lotusui30 .lotusPaletteHeader ul.lotusTabs li a:visited{display:block;margin:0;padding:9px 10px;background-color:#414648;border-width: 1px 1px 0 1px;border-style:solid;border-color: #2a2a2a;float:left;} .lotusui30 .lotusPaletteBody{margin-bottom:0;border-width:0;} .lotusui30 .lotusPaletteNav{padding:0 10px;height:auto;} .lotusui30 .lotusPalette .lotusChunk, .lotusui30 .lotusPalette .lotusPaletteNavHeader, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu{margin:10px 0;width:auto;} .lotusui30 .lotusPaletteContent{padding:10px 10px 10px 20px;} .lotusui30 .lotusPalette .lotusClose{padding:3px;} .lotusui30 .lotusPalette .lotusSearch input.lotusText{margin:0 4px 0 0;width:158px;} .lotusui30 .lotusPalette {background:none;} .lotusui30 .lotusPalette .lotusPaletteHeader {background:none; border:0; color:#000;} .lotusui30 .lotusPalette .lotusPaletteHeader a, .lotusui30 .lotusPalette .lotusPaletteHeader a:visited, .lotusui30 .lotusPalette .lotusPaletteHeader a:hover, .lotusui30 .lotusPalette .lotusPaletteHeader a:focus, .lotusui30 .lotusPalette .lotusPaletteHeader a:active {color:#000;} .lotusui30 .lotusPaletteHeader ul.lotusTabs li a, .lotusui30 .lotusPaletteHeader ul.lotusTabs li a:visited {background:#ccc; border-color:#ccc;} .lotusui30 .lotusPaletteHeader ul.lotusTabs li.lotusSelected a, .lotusui30 .lotusPaletteHeader ul.lotusTabs li.lotusSelected a:visited {background-color:#f2f2f2; border-color:#f2f2f2; color:#000;} .lotusui30 .lotusPaletteHeader span.lotusRight {background:#ecf9df; border:1px solid #108f53; font-size:0.9em; padding:0 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} /*some assumption on the structure, but it appears that span.lotusRight is safe to select the message*/ .lotusui30 .lotusPaletteHeader .lotusClose input {background-position:-130px -9px; width:14px; height:14px; opacity:1; filter:alpha(opacity=100);} .lotusui30 .lotusPaletteBody {background:#f2f2f2;} .lotusui30 .lotusPaletteNav {margin-top:5px; border-color:#ccc; padding:0 15px;} .lotusui30 .lotusPalette .lotusSearch input.lotusText {border-color:#ccc; padding-left:8px; width:155px; background:-moz-linear-gradient(top, #f2f2f2 0%, #fff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fff)); background:-webkit-linear-gradient(top, #f2f2f2 0%, #fff 100%); background:linear-gradient(top, #f2f2f2 0%, #fff 100%); -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} .lotusui30 .lotusPaletteNav h3, .lotusui30 .lotusPaletteNav .lotusPaletteNavHeader .lotusHeading2 {color:#444; font-size:1em;} .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu {margin-left:-15px; margin-right:-15px; margin-bottom:0px; background:none; height:16em;} .lotusui_ie .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu {height:15em;} .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 {color:#444;} .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a {background:#0f7fb3;} .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:visited, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:hover, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:focus, .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:active {color:#fff;} .lotusui30 .lotusPalette .lotusPaletteNav .lotusMenu li.lotusSelected a:before {content:"";}/*none doesn't clear it in safari, so use empty string*/ .lotusui30 .lotusPaletteContent {background:none; padding:15px; height:19.8em/*adjusted to match lotusPaletteNav*/;} .lotusui30 .lotusPaletteWidget {background:#fff; border-color:#ccc; color:#222;} .lotusui30 .lotusPaletteContent .lotusPaletteWidget a, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:visited, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:hover, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:focus, .lotusui30 .lotusPaletteContent .lotusPaletteWidget a:active {color:#222;} .lotusui30 .lotusPaletteWidget a.lotusIcon{background-position:0 -4119px; opacity:.45; filter:alpha(opacity=45);} .lotusui30 .lotusPaletteWidget a.lotusIcon:hover, .lotusui30 .lotusPaletteWidget a.lotusIcon:focus, .lotusui30 .lotusPaletteWidget a.lotusIcon:active {opacity:.55; filter:alpha(opacity=55);} .lotusui30 .lotusPaletteWidgetHover {border-color:#00b0da;} .lotusui30 .lotusPaletteContent .lotusPaging {margin-bottom:0;} .lotusui30 .lotusPaletteContent .lotusPaging ul li, .lotusui30 .lotusPaletteContent .lotusPaging div {color:#222;} .lotusui30 .lotusPalette .lotusPaging a, .lotusui30 .lotusPalette .lotusPaging a:visited {color:#1970B0;} .lotusui30 .lotusPalette .lotusPaging a:hover, .lotusui30 .lotusPalette .lotusPaging a:focus, .lotusui30 .lotusPalette .lotusPaging a:active {color:#05386b;} /***********************************************************/ /*** P O P U P ***/ /***********************************************************/ /*** S E A R C H ***/ .lotusui30 .lotusSearch .lotusScope, .lotusui30 .lotusSearch .lotusText, .lotusui30 .lotusSearch .dijitTextBox {border-color:#aaa;} .lotusui30 .lotusSearch .lotusText {padding-top:3px; padding-bottom:4px;} .lotusui30 .lotusSearch .lotusScope {padding-top:3px; padding-bottom:3px;} .lotusui30 .lotusSearch .lotusSearchButton {color:#000;} .lotusui30 .lotusSearch .lotusText, .lotusui30 .lotusSearch .dijitTextBox {border-color:#ccc;} .lotusui30 .lotusSearch a.lotusScope:hover, .lotusui30 .lotusSearch a.lotusScope:focus, .lotusui30 .lotusSearch a.lotusScope:active {color:#000; background-color:#e1f4f9; background-position:100% -1680px;} /***********************************************************/ /*** S E A R C H T A B ***/ /*this is the UI for a search/find control that hides the input fields until the user opens them*/ /*this must be inside a relatively positioned div - override default positioning in the code, if necessary*/ .lotusui30 .lotusSearchForm .lotusSearchButton{color:#000;} .lotusui30 .lotusSearchTab{padding:2px 6px 4px 8px;border-color:#aaa;background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .lotusui30 .lotusTabExpanded{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px;border-top-left-radius:2px;} .lotusui30 .lotusSearchTab a, .lotusui30 .lotusSearchTab a:visited{padding-right:12px;font-size:0.9em;line-height:1.7;} .lotusui30 .lotusSearchTab a, .lotusui30 .lotusSearchTab a:visited, .lotusui30 .lotusSearchTab a:hover, .lotusui30 .lotusSearchTab a:focus, .lotusui30 .lotusSearchTab a:active { text-decoration: none; } .lotusui30 form.lotusSearchForm{z-index:1;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;-webkit-box-shadow:0px 2px 5px #eee;-moz-box-shadow:0px 2px 5px #eee;box-shadow:0px 2px 5px #eee;} .lotusui30 .lotusSearchForm .lotusBtnImg{padding:3px;} .lotusui30 .lotusSearchForm input.lotusText{padding-top:3px;padding-bottom:4px;} /***********************************************************/ /*S E C T I O N */ /*this is used to space out different elements in all three columns*/ /*a section contains a header*/ .lotusui30 .lotusSection2{margin:0 0 20px;padding:0;} .lotusui30 .lotusSectionPlain .lotusSectionHeader{border-width:0;background-image:none;} .lotusui30 .lotusSection2 .lotusSectionHeader .lotusArrow{padding-left:5px} .lotusui30 .lotusSection2 .lotusSectionHeader .lotusIcon{padding:5px 0} .lotusui30 .lotusSection2 .lotusDragHandle{left:0; top:4px;} .lotusui30 .lotusSection2 .lotusSectionBody{margin:0;} .lotusui30 .lotusSection2 .lotusSubheader .lotusIcon{padding-right:0;} .lotusui30 .lotusSection2 .lotusChunk{margin-top:0;margin-bottom:5px;} .lotusui30 .lotusSection2 .lotusSectionFooter{border-top:1px solid #eee;} .lotusui30 .lotusSection2 .lotusSectionFooter .lotusPaging{margin:0;} .lotusui30 .lotusSection2 {border:0;} .lotusui30 .lotusSection2 .lotusSectionHeader {border-top:2px solid #141414; border-bottom:1px solid #ededed; margin:0;} .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;} .lotusui30 .lotusSection2 .lotusDraggable a.lotusArrow, .lotusui30 .lotusSection2 .lotusDraggable a.lotusArrow:visited, .lotusui30 .lotusSection2 .lotusDraggable a.lotusArrow:hover, .lotusui30 .lotusSection2 .lotusDraggable a.lotusArrow:focus, .lotusui30 .lotusSection2 .lotusDraggable a.lotusArrow:active {padding:5px 0 5px 5px;} /*make room if there is a drag handle*/ .lotusui30 .lotusSection2 .lotusSectionHeader .lotusIcon {padding:5px 0 5px 5px; width:16px;} .lotusui30 .lotusSection2 .lotusSectionHeader .lotusFirst {padding-left:0;} /*overrides lotusHeading when sections don't have a twisty arrow*/ .lotusui30 .lotusSection2 .lotusSubheader {padding:7px 0;} /*action icons*/ .lotusui30 .lotusSection2 .lotusHeading, .lotusui30 .lotusSection2 .lotusHeading2 {font-size:1.2em; color:#444;} .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:#444;} .lotusui30 .lotusSection2 .lotusSectionBody {background-color:transparent; padding:5px;} .lotusui30 .lotusSection2 .lotusSectionFooter {padding-left:0; padding-right:0;} /*lists within a section*/ .lotusui30 .lotusSection2 .lotusList {margin:0 -5px;} /*allows selection to extend to the left and right of the list items*/ .lotusui30 .lotusSection2 .lotusList li {padding-left:5px; padding-right:5px;} .lotusui30 .lotusSection2 .lotusDragHandle {top:7px;} .lotusui30 .lotusPortlet {padding:10px; background-color:#fff; border:1px solid #eee; -moz-box-shadow:0 1px 3px #eee; -webkit-box-shadow:0 1px 3px #eee; box-shadow:0 1px 3px #eee;} .lotusui30 .lotusPortlet .lotusSectionHeader {background-color:transparent; background-image:none;} .lotusui30 .lotusPortlet .lotusSectionBody {padding:5px 0;} /*left align the portlets*/ /****************************************************************/ /*** S O R T ***/ /*these are for the sort controls found at the top of a table/list of entries*/ .lotusui30 .lotusSort {margin:5px 0; color:#222;} .lotusui30 .lotusSort .lotusInlinelist li {padding:0 5px;} /****************************************************************/ /*** T A B L E S ***/ .lotusui30 .lotusInfoTable{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 2px 5px #eee;-moz-box-shadow:0 2px 5px #eee;box-shadow:0 2px 5px #eee;} .lotusui30 .lotusInfoTable td, .lotusui30 .lotusInfoTable th{border-width:0;} .lotusui30 .lotusTable .lotusAltRow td, .lotusui30 .lotusTable .lotusAltRow th.lotusRowHeader{background-color:transparent;} .lotusui30 .lotusTable .lotusForm2 {background:none; margin-top:15px; margin-bottom:15px; border-width:5px 0; border-color:#f0f0f0; border-style:solid;} .lotusui30 .lotusTable .lotusForm2 .lotusFormTitle .lotusHeading {margin-top:0;} .lotusui30 .lotusTable .lotusForm2 .lotusFormFooter {border:0; padding-top:0; padding-bottom:15px;} .lotusui30 .lotusTable .lotusForm2 .lotusMessage2 {top:0; margin-bottom:0;} /****************************************************************/ /*** T A B S ***/ /*tabs are used in content area and titlebar. The style adjustments needed for the titlebar are grouped with the titleBar styles*/ .lotusui30 .lotusTabs li{padding:0;background-color:#fff;border-color:#ccc;} .lotusui30 .lotusTabs li.lotusSelected{border-color:#aaa #aaa #fff;} .lotusui30 .lotusTabs a, .lotusui30 .lotusTabs a:visited{font-size:.9em;color:#666;} .lotusui30 .lotusTabs a:hover, .lotusui30 .lotusTabs a:focus{color:#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 a.lotusF5, .lotusui30 a.lotusF5:visited{color:#008abf} .lotusui30 a.lotusF4, .lotusui30 a.lotusF4:visited{color:#003f69} .lotusui30 a.lotusF3, .lotusui30 a.lotusF3:visited{color:#003f69} .lotusui30 a.lotusF2, .lotusui30 a.lotusF2:visited{color:#00649d} .lotusui30 a.lotusF1, .lotusui30 a.lotusF1:visited{color:#00649d} /***********************************************************/ /*** T I P S ***/ .lotusui30 .lotusTips {padding:15px; background:#afe2f9; border-color:#82d1f5; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} .lotusui30 .lotusTips .lotusClose {right:4px;} /***********************************************************/ /*** T R E E ***/ /*needs review - need additional tree visuals from Jason*/ /***********************************************************/ /*** V C A R D (P E R S O N C A R D)***/ /*this is the popup person card that shows up when you click on a person link (via a hover link)*/ .lotusui30 .lotusVCard a:link, .lotusui30 .lotusVCard a:visited, .lotusui30 .lotusVCard a:hover, .lotusui30 .lotusVCard a:focus, .lotusui30 .lotusVCard a:active{color:#1970B0} .lotusui30 .lotusVCard .lotusAppLinks td{background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));background-position:top left;} .lotusui30 .lotusVCard .lotusActionMenu a, .lotusui30 .lotusVCard .lotusActionMenu a:visited{color:#000;} /*new adjustments*/ .lotusui30 .lotusVCard .lotusPhoto{border-color:#ccc;background-color:#fff;} .lotusui30 .lotusVCard .lotusAppLinks td{border-color:#ccc;} .lotusui30 .lotusVCard .lotusDetails{background-color:#fafafa;border-top-width:0;} .lotusui30 .lotusVCard .lotusActionMenu a:hover, .lotusui30 .lotusVCard .lotusActionMenu a:focus, .lotusui30 .lotusVCard .lotusActionMenu a:active{color:#000;background-color:#e1f4f9;} /***********************************************************/ /*** 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:6px 10px 6px 25px; border-color:#fff; font-size:0.9em; background:url(../images/lotusSprite-8bit.png) 5px -3226px no-repeat #003f69; background:url(../images/lotusSprite-8bit.png) 5px -3226px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 63, 105, .95)), to(rgba(0, 30, 50, .95))); background:url(../images/lotusSprite-8bit.png) 5px -3226px no-repeat, -moz-linear-gradient(rgba(0, 63, 105, .95), rgba(0, 30, 50, .95)); background:url(../images/lotusSprite-8bit.png) 5px -3226px no-repeat, linear-gradient(rgba(0, 63, 105, .95), rgba(0, 30, 50, .95)); -moz-box-shadow:0 0 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.3); box-shadow:0 0 7px rgba(0, 0, 0, 0.3); -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} .lotusui30.lotusImagesOff .lotusVCardHover, .lotusImagesOff .lotusui30 .lotusVCardHover {background-color:#003f69;} .lotusui30 a.lotusVCardHover, .lotusui30 a.lotusVCardHover:visited {color:#fff;} /***********************************************************/ /*** 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 {max-width:none; width:auto;} .lotusui_ie6 .lotusui30_body .lotusFrame {width:auto;} .lotusui30_body .lotusMain {margin:0;padding:0;border-width:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-color:transparent;} .lotusui30_layout .lotusMain .lotusContent{margin:0;padding:20px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc;} .lotusui30_body {color:#222; background-color:#fff;} .lotusui30_layout .lotusMain .lotusContent {padding:25px 0 20px; border-width:0; background:none;} /*min/max layout*/ .lotusui30 .lotusBanner .lotusInner, .lotusui30 .lotusBannerExt .lotusWrapper, .lotusui30 .lotusTitleBar2 .lotusWrapper, .lotusui30 .lotusTitleBarExt .lotusWrapper, .lotusui30_body .lotusMain {margin:0 auto; padding:0 5px; min-width:980px; max-width:1190px;} /*fluid layout*/ .lotusui30_layout.lotusFluid .lotusBanner .lotusInner, .lotusui30_layout.lotusFluid .lotusBannerExt .lotusWrapper, .lotusui30_layout.lotusFluid .lotusTitleBar2 .lotusWrapper, .lotusui30_layout.lotusFluid .lotusTitleBarExt .lotusWrapper, .lotusui30_body .lotusFluid .lotusMain {max-width:none;} /*fixed layout*/ .lotusui30_layout.lotusFixed .lotusBanner .lotusInner, .lotusui30_layout.lotusFixed .lotusBannerExt .lotusWrapper, .lotusui30_layout.lotusFixed .lotusTitleBar2 .lotusWrapper, .lotusui30_layout.lotusFixed .lotusTitleBarExt .lotusWrapper, .lotusui30_body .lotusFixed .lotusMain {width:980px; max-width:none;} /*IE6*/ .lotusui_ie6 .lotusui30 .lotusBanner .lotusInner, .lotusui_ie6 .lotusui30 .lotusBannerExt .lotusWrapper, .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusWrapper, .lotusui_ie6 .lotusui30 .lotusTitleBarExt .lotusWrapper, .lotusui_ie6 .lotusui30_body .lotusMain {width:980px;} /*** 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 .lotusLogo {outline:none;} .lotusui30 .lotusBanner .lotusLogo .lotusAltText {padding:0; color:#fff; text-shadow:0 1px 2px #000; font-weight:bold;} .lotusui30 .lotusBanner a.lotusLogo:hover, .lotusui30 .lotusBanner a.lotusLogo:focus, .lotusui30 .lotusBanner a.lotusLogo:active {color:#ccc; cursor:pointer/*for IE6/7*/;} .lotusui30 .lotusBanner ul.lotusInlinelist li {margin:0 1px 0 0;} .lotusui30 .lotusBanner ul.lotusInlinelist li {display:block; float:left;} .lotusui30 .lotusBanner ul.lotusInlinelist li a {font-weight:bold; display:block;} .lotusui30 .lotusBanner ul.lotusLinks li.lotusSelected a {text-decoration:none;} .lotusui30.lotusImagesOff .lotusBanner ul.lotusLinks li.lotusSelected a {text-decoration:underline; cursor:default;}, .lotusImagesOff .lotusui30 .lotusBanner ul.lotusLinks li.lotusSelected a {text-decoration:underline; cursor:default;} .lotusui_ie .lotusui30 .lotusBanner ul.lotusInlinelist li a, .lotusui_ie .lotusui30 .lotusBanner .lotusLogo .lotusAltText {line-height:1.25em;} /*fixes IE6 alignment issues, now that we have arrow icons in some of the items*/ .lotusui30 .lotusBanner .lotusDropDownSprite {background-position:0 -1260px;} .lotusui30 .lotusBanner .lotusUnreadBadge {text-shadow:none;} .lotusui30 .lotusBanner {position:relative; border-bottom:1px solid #0075a3; background:#008abf; padding:0 0 2px;} .lotusui30 .lotusBanner .lotusRightCorner {border-bottom:1px solid #1a96c6; overflow:hidden; background:#222; /*don't use zoom:1 so IE6 doesn't get the gradient because of no IE6 transparent border support*/ background:-moz-linear-gradient(top, #474747 0%, #111 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #474747), color-stop(100%, #111)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#111111', GradientType=0);} .lotusui30 .lotusBanner .lotusLogo .lotusAltText {margin:10px 20px 10px 0; font-size:1.083em/*13 / 12, set 13px font size*/; line-height:1.385/*18 / 13, so the overall height doesn't change with the 13px font size*/;} .lotusui30 .lotusBanner ul li a {padding:11px 16px 9px;} .lotusui30 .lotusBanner ul.lotusUtility li a {padding:10px 11px;} .lotusui30 .lotusBanner ul.lotusUtility .lotusBranding {padding:10px 0 10px 11px; display:block;} .lotusui30 .lotusBanner ul.lotusInlinelist li a {text-shadow:0 1px 2px #000; border-left:1px solid transparent; border-right:1px solid transparent;} .lotusui30.lotusImagesOff .lotusBanner ul.lotusInlinelist li a, .lotusImagesOff .lotusui30 .lotusBanner ul.lotusInlinelist li a {border:0;} .lotusui_ie6 .lotusui30 .lotusBanner ul.lotusInlinelist li a {border-left-color:#222; border-right-color:#222;} /*IE6 transparent borders*/ .lotusui30 .lotusBanner ul.lotusLinks li a, .lotusui30 .lotusBanner ul.lotusLinks li a:hover, .lotusui30 .lotusBanner ul.lotusLinks li a:focus, .lotusui30 .lotusBanner ul.lotusLinks li a:active {color:#ddd;} .lotusui30 .lotusBanner ul.lotusUtility li a, .lotusui30 .lotusBanner ul.lotusUtility li a:hover, .lotusui30 .lotusBanner ul.lotusUtility li a:focus, .lotusui30 .lotusBanner ul.lotusUtility li a:active {color:#ccc; font-weight:normal;} .lotusui30 .lotusBanner ul.lotusInlinelist li.lotusSelected a {color:#fff; border-left-color:#747474; border-right-color:#747474; background:#333; background:-moz-linear-gradient(#585858, #161616); background:-webkit-gradient(linear, left top, left bottom, from(#585858), to(#161616)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#585858', endColorstr='#161616', GradientType=0); -moz-box-shadow:1px 0 #111, -1px 0 #111; -webkit-box-shadow:1px 0 #111, -1px 0 #111; box-shadow:1px 0 #111, -1px 0 #111;} .lotusui30.lotusImagesOff .lotusBanner ul.lotusLinks li.lotusSelected a {border-style:solid; border-width:0 1px; text-decoration:none;}, .lotusImagesOff .lotusui30 .lotusBanner ul.lotusLinks li.lotusSelected a {border-style:solid; border-width:0 1px; text-decoration:none;} .lotusui_ie7 .lotusui30 .lotusBanner ul.lotusInlinelist li.lotusSelected a {zoom:1;} /*for the gradient*/ .lotusui30 .lotusBanner ul.lotusInlinelist li a:hover, .lotusui30 .lotusBanner ul.lotusInlinelist li a:focus, .lotusui30 .lotusBanner ul.lotusInlinelist li a:active, .lotusui30 .lotusBanner ul.lotusInlinelist li.lotusHover a {text-decoration:none; color:#fff; border-left-color:#000; border-right-color:#000; background:#000; background:-moz-linear-gradient(#000, #222); background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#222)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#222222', GradientType=0); -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .lotusui30.lotusImagesOff .lotusBanner ul.lotusInlinelist li a:hover, .lotusImagesOff .lotusui30 .lotusBanner ul.lotusInlinelist li a:hover, .lotusui30.lotusImagesOff .lotusBanner ul.lotusInlinelist li a:focus, .lotusImagesOff .lotusui30 .lotusBanner ul.lotusInlinelist li a:focus, .lotusui30.lotusImagesOff .lotusBanner ul.lotusInlinelist li a:active, .lotusImagesOff .lotusui30 .lotusBanner ul.lotusInlinelist li a:active, .lotusui30.lotusImagesOff .lotusBanner ul.lotusInlinelist li.lotusHover a, .lotusImagesOff .lotusui30 .lotusBanner ul.lotusInlinelist li.lotusHover a {text-decoration:underline;} /*add the underline in high contrast*/ .lotusui30 .lotusBanner a:hover img.lotusDropDownSprite, .lotusui30 .lotusBanner a:focus img.lotusDropDownSprite, .lotusui30 .lotusBanner a:active img.lotusDropDownSprite, .lotusui30 .lotusBanner .lotusHover img.lotusDropDownSprite{opacity:1;filter:alpha(opacity=100);}/*make white on hover*/ /*unread badge*/ .lotusui30 .lotusBanner .lotusUnreadBadge {background:#107bbb;} .lotusui30 .lotusBannerExt {padding:0; color:#30302f;} .lotusui30 .lotusBannerExt .lotusBreadcrumbs a, .lotusui30 .lotusBannerExt .lotusBreadcrumbs a:hover, .lotusui30 .lotusBannerExt .lotusBreadcrumbs a:focus, .lotusui30 .lotusBannerExt .lotusBreadcrumbs a:active {color:#4d6d83;} .lotusui30 .lotusBannerExt .lotusBreadcrumbMore {background:#4d6d83;} /*share button*/ .lotusui30 .lotusBanner ul.lotusInlinelist li a.lotusBannerBtn {margin:5px 11px; padding-top:5px; padding-bottom:5px; border:0; text-shadow:0 1px 1px #000; color:#eee; background-color:#666; background-image:-moz-linear-gradient(top, #666 0%, #444 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); background-image:linear-gradient(top, #666, #444); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 1px #000; -webkit-box-shadow:0 1px 1px #000; box-shadow:0 1px 1px #000;} .lotusui30 .lotusBanner ul.lotusInlinelist li a.lotusBannerBtn:hover, .lotusui30 .lotusBanner ul.lotusInlinelist li a.lotusBannerBtn:focus, .lotusui30 .lotusBanner ul.lotusInlinelist li a.lotusBannerBtn:active, .lotusui30 .lotusBanner ul.lotusInlinelist li.lotusHover a.lotusBannerBtn {color:#fff; background-color:#777; background-image:-moz-linear-gradient(top, #777 0%, #555 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#777), to(#555)); background-image:linear-gradient(top, #777, #555); filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);} /***********************************************************/ /*** F O O T E R ***/ /*this sits at the bottom of the UI and contains a lot of support links, like help and about*/ .lotusui30 .lotusFooter {margin:0; padding:5px; background-image:none; background-color:transparent; border-width:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} .lotusui30 .lotusFooter th, .lotusui30 .lotusFooter td{border-right-width:0;} .lotusui30 .lotusFooter table{width: auto;margin:5px auto;} .lotusui30 .lotusFooter a{display:inline;color:#666;} .lotusui30 .lotusFooter a:visited{color:#777777;} .lotusui30 .lotusFooter a:hover, .lotusui30 .lotusFooter a:focus, .lotusui30 .lotusFooter a:active{color:#05386b;} /***********************************************************/ .lotusui30_layout .lotusColLeft, .lotusui30_layout .lotusColRight{padding:20px 0;width:220px;background-color:transparent;} .lotusui_ie6 .lotusui30_layout .lotusColLeft {margin-right:-3px;} /*fixes odd alignment in IE6*/ .lotusui_ie6 .lotusui30_layout .lotusColRight {margin-left:-3px;} .lotusui30_layout .lotusColLeft .lotusSection2, .lotusui30_layout .lotusColLeft .lotusTips, .lotusui30_layout .lotusColRight .lotusSection2, .lotusui30_layout .lotusColRight .lotusTips{margin:0 15px 15px;} .lotusui30_layout .lotusColLeft .lotusSection2 .lotusPhoto{border:1px solid #ccc;background-color:#fff; -webkit-box-shadow:#eee 0 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;} .lotusui30_layout .lotusColLeft .lotusPhoto{width:146px;height:146px;}/*image size plus margin*/ .lotusui30_layout .lotusColLeft .lotusPhoto img{margin:9px;} .lotusui30_layout .lotusColLeft .lotusForm2 .lotusFormFooter, .lotusui30_layout .lotusColRight .lotusForm2 .lotusFormFooter{background-color:transparent;border-width:0;} .lotusui30_layout .lotusColLeft, .lotusui30_layout .lotusColRight {padding-top:25px;} .lotusui30_layout .lotusColRight {width:290px;} .lotusui30_layout .lotusColLeft .lotusSection2, .lotusui30_layout .lotusColLeft .lotusMenu, .lotusui30_layout .lotusColLeft .lotusTips {margin:0 40px 15px 0;} .lotusui30_layout .lotusColRight .lotusSection2, .lotusui30_layout .lotusColRight .lotusMenu, .lotusui30_layout .lotusColRight .lotusTips {margin:0 0 15px 40px;} .lotusui30_layout .lotusColLeft .lotusSection2 .lotusSearch .lotusText, .lotusui30_layout .lotusColRight .lotusSection2 .lotusSearch .lotusText {width:76%;} /***********************************************************/ /*** T I T L E B A R ***/ /*the bar under the banner that contains a title and search*/ .lotusui30 .lotusTitleBar2 {margin:0; background-color:#222; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} .lotusui30 .lotusTitleBar2 .lotusHeading {color:#fff;} .lotusui30 .lotusTitleBar2 {background:none;} .lotusui30.lotusImagesOff .lotusTitleBar2, .lotusImagesOff .lotusui30 .lotusTitleBar2 {border:0;} .lotusui30 .lotusTitleBar2 .lotusInner {padding:12px 0 10px; border-bottom:1px dotted #ccc;} .lotusui30 .lotusTitleBar2 .lotusTitleBarContent {margin-right:270px;} .lotusui30 .lotusTitleBar2 .lotusHeading {color:#222; font-size:1.5em; font-weight:bold;} .lotusui30 .lotusTitleBar2 .lotusHeading .lotusIcon {margin-right:10px;} .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:#222;} /*tabs*/ .lotusui30 .lotusTitleBar2.lotusTitleBar2Tabs {border-bottom:1px solid #d2d2d2; background:#f8f8f8; background:-moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 92%, #eaeaea 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(92%,#f8f8f8), color-stop(100%,#eaeaea)); background:linear-gradient(top, #f8f8f8 0%, #f8f8f8 92%, #eaeaea 100%);} .lotusui30 .lotusTitleBar2.lotusTitleBar2Tabs .lotusInner {border:0; padding:0;} .lotusui30 .lotusTitleBar2.lotusTitleBar2Tabs .lotusHeading {font-size:1.5em; padding-top:9px;} .lotusui30 .lotusTitleBar2.lotusTitleBar2Tabs .lotusHeading .lotusIcon {vertical-align:baseline;} .lotusui30 .lotusTitleBar2.lotusTitleBar2Tabs .lotusSearch {margin:0;} .lotusui30 .lotusTitleBar2.lotusTitleBar2Tabs .lotusSearch .lotusLayout {border-color:#e3e3e3; background:#f3f3f3;} .lotusui30 .lotusTitleBar2 .lotusNavTabs {bottom:-3px; padding-top:11px;} .lotusui_ie .lotusui30 .lotusTitleBar2 ul.lotusNavTabs {padding-top:13px; bottom:-1px;} .lotusui30 .lotusTitleBar2 .lotusNavTabs li {border:0; background:none; margin-right:-1px;} .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab, .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab:visited {padding:5px 0; border:1px solid transparent; font-weight:bold; font-size:0.9em;} .lotusui30 .lotusTitleBar2 .lotusNavTabs .lotusTabInner {padding:0 15px; margin:0 -1px/*to overlap the tab separator*/; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; zoom:1;} .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab, .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab:visited {border-color:#f8f8f8 #f8f8f8 #d2d2d2;} .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab, .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab:visited {color:#444;} .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab:hover, .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab:focus, .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab:active, .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusHover a.lotusTab {border-color:#dfdfdf #dfdfdf transparent; color:#000;} .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab:hover, .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab:focus, .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusNavTabs li a.lotusTab:active, .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusHover a.lotusTab {border-color:#dfdfdf #dfdfdf #d2d2d2;} .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab, .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab:hover, .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab:focus, .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab:active, .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected .lotusTabInner {color:#000;border-color:#d2d2d2 #d2d2d2 #fff;} .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab, .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab:visited, .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab:hover, .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab:focus, .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab:active, .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected .lotusTabInner {color:#000;border-color:#d2d2d2 #d2d2d2 #fff;} .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected + li > div > a.lotusTab, .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected + li > div > a.lotusTab > .lotusTabInner {border-left-color:#d2d2d2;} /*gives the next tab a different left border because it overlaps the selected border. should work in everything but IE6.*/ .lotusui30.lotusImagesOff .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab, .lotusImagesOff .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusSelected a.lotusTab {border-bottom-width:0;} /*leading icon*/ .lotusui_ie6 .lotusui30 .lotusTitleBar2 .lotusNavTabs .lotusIcon {margin-top:0.1em;} /*close icon*/ .lotusui30 .lotusTitleBar2 .lotusNavTabs li.lotusTabClosable .lotusTabInner {padding-right:32px;} .lotusui30 .lotusTitleBar2 .lotusNavTabs .lotusTabClose {top:0.75em; right:13px;} .lotusui30 .lotusTitleBar2 .lotusTabClose:hover, .lotusui30 .lotusTitleBar2 .lotusTabClose:focus, .lotusui30 .lotusTitleBar2 .lotusTabClose:active {outline:none;} /*because the icon looks off-centered at 14px*/ .lotusui30 .lotusTitleBar2 .lotusTabClose:hover img, .lotusui30 .lotusTitleBar2 .lotusTabClose:focus img, .lotusui30 .lotusTitleBar2 .lotusTabClose:active img {background-position:-130px -9px;} /*search*/ .lotusui30 .lotusTitleBar2 .lotusSearch .lotusLayout {border:1px solid #ececec; background:#f1f1f1; background:-moz-linear-gradient(center top, #f4f4f4 25%, #f1f1f1 100%); background:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), color-stop(25%, #f4f4f4), to(#f1f1f1)); -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} .lotusui30 .lotusTitleBar2 .lotusSearch {margin-top:2px; right:0;} .lotusui30 .lotusTitleBar2 .lotusSearch .lotusScope {border:0; padding-right:14px; margin:0 0 0 4px; background-color:transparent; height:auto; line-height:1.5; font-size:0.9em;} .lotusui_ie .lotusui30 .lotusTitleBar2 .lotusSearch .lotusScope, .lotusui_ie8 .lotusui30 .lotusTitleBar2 .lotusSearch .lotusScope {margin:0;} /*because of no rounded borders*/ .lotusui30 .lotusTitleBar2 .lotusSearch a.lotusScope:hover, .lotusui30 .lotusTitleBar2 .lotusSearch a.lotusScope:focus, .lotusui30 .lotusTitleBar2 .lotusSearch a.lotusScope:active {background-color:transparent; background-position:100% -1680px;} .lotusui30 .lotusTitleBar2 .lotusSearch .lotusScope .lotusAltText {top:-5px;} .lotusui30 .lotusTitleBar2 .lotusSearch .lotusText {border:0; padding:4px 0 3px 4px; background:none; color:#666; width:175px;} .lotusui30 .lotusTitleBar2 .lotusSearch .lotusText:focus, .lotusui30 .lotusTitleBar2 .lotusSearch .lotusText:active {color:#222;} .lotusui30 .lotusTitleBar2 .lotusSearch .lotusBtnImg {border:0; margin:1px 4px 1px 2px; background:none; padding:2px} /*below title bar*/ .lotusui30 .lotusTitleBarExt {margin:0 0 -5px; padding:0; border:0;} /***********************************************************/ /*************************************/ /*** S P E C I A L S C R E E N S ***/ /*************************************/ /*** A B O U T ***/ .lotusAbout .lotusui30_layout .lotusLegal{margin:5px 25px 10px;} /***********************************************************/ /*** E R R O R ***/ /***********************************************************/ /*** 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 .lotusForm2{background-color:transparent;} /***********************************************************/ /*** M E T R I C S ***/ /*metrics*/ /***********************************************************/ /*** W E L C O M E ***/ /***********************************************************/ /*-------------------DROP SHADOWS-----------------------*/ .lotusui30_layout .lotusMain .lotusContent, .lotusui30_layout .lotusLoginBox, .lotusui30_layout .lotusErrorBox{-webkit-box-shadow:#eee 0 2px 10px;-moz-box-shadow:#eee 0 2px 10px;box-shadow:#eee 0 2px 10px;} .lotusui30_layout .lotusMain .lotusContent{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} /*------------------------------------------------------*/ /************* 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 ***/ /***********************************************************/ /*** B U T T O N S ***/ /*button in left column, set width*/ /*use lotusBtn, instead*/ .lotusui30 .lotusButton a, .lotusui30 .lotusButton a:visited{color:#222;} .lotusui30 .lotusButton{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); box-shadow:0 1px 1px rgba(0,0,0,0.5); background-color:#e7e7e7; background-image:-moz-linear-gradient(top, #ededed 0%, #e1e1e1 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#e1e1e1)); background-image:linear-gradient(top, #ededed, #e1e1e1); color:#333; text-decoration:none; border-width:0; margin-left:1px; margin-right:1px;} .lotusui_ie .lotusui30 .lotusButton, .lotusui_ie8 .lotusui30 .lotusButton{border:1px solid #ccc;} .lotusui_ie .lotusui30 .lotusButton, .lotusui_ie8 .lotusui30 .lotusButton, .lotusui_ie9 .lotusui30 .lotusButton {margin-left:0; margin-right:0;}/*IE6-8 do not have the shadow, and IE9s shadow does not need the 1px margin*/ .lotusui30 .lotusButton a, .lotusui30 .lotusButton a:visited{color:#333;} .lotusui30 .lotusButton:hover, .lotusui30 .lotusButton:focus, .lotusui30 .lotusButton:active{color:#000; border-width:0; -moz-box-shadow:0 2px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 1px rgba(0,0,0,0.5); box-shadow:0 2px 1px rgba(0,0,0,0.5);} .lotusui30 .lotusButton a:hover, .lotusui30 .lotusButton a:focus, .lotusui30 .lotusButton a:active{color:#000;} .lotusui_ie .lotusui30 .lotusButton:hover, .lotusui_ie .lotusui30 .lotusButton:focus, .lotusui_ie .lotusui30 .lotusButton:active, .lotusui_ie8 .lotusui30 .lotusButton:hover, .lotusui_ie8 .lotusui30 .lotusButton:focus, .lotusui_ie8 .lotusui30 .lotusButton:active{border:1px solid #ccc;} /*link buttons*/ .lotusui30 span.lotusBtn{padding:0;border-width:0;} .lotusui_ie .lotusui30 span.lotusBtn, .lotusui_ie8 .lotusui30 span.lotusBtn{padding:0;} .lotusui30 span.lotusBtn a{display:block;text-decoration:none;} .lotusui30 span.lotusBtn a:hover, .lotusui30 span.lotusBtn a:focus, .lotusui30 span.lotusBtn a:active{text-decoration:none;}/*gets rid of underline on button hover*/ .lotusui_ie .lotusui30 span.lotusBtn, .lotusui_ie8 .lotusui30 span.lotusBtn{border-width:0;}/*need this spelled out even though it is defined below because of specificity of borders defined in buttons.css*/ /*all buttons*/ /*button sizing*/ .lotusui30 span.lotusBtn a{padding:5px 15px;} .lotusui_ie .lotusui30 span.lotusBtn a{padding:3px 15px;} /*adjustment to make input elements the same height as button elements*/ .lotusui_ie .lotusui30 input.lotusFormButton{padding:4px 3px;} .lotusui_ie .lotusui30 button.lotusFormButton{padding:3px;} .lotusui_ie8 .lotusui30 input.lotusFormButton{padding:6px 15px;} .lotusui_ie9 .lotusui30 input.lotusFormButton{padding:7px 15px;} .lotusui_ie .lotusui30 span.lotusBtn a, .lotusui_ie8 .lotusui30 span.lotusBtn a{border:1px solid #ccc;} .lotusui30 .lotusBtnImg{padding:5px;} .lotusui_ie .lotusui30 .lotusBtnImg{padding:5px 4px;} /*span buttons*/ .lotusui30 span.lotusBtn {margin-right:4px;} .lotusui_ie .lotusui30 span.lotusBtn, .lotusui_ie8 .lotusui30 span.lotusBtn, .lotusui_ie9 .lotusui30 span.lotusBtn {margin-right:5px;}/*IE6-8 do not have the shadow, and IE9s shadow does not need the 1px left margin*/ .lotusui30 span.lotusBtn, .lotusui30 span.lotusBtn:hover, .lotusui30 span.lotusBtn:focus, .lotusui30 span.lotusBtn:active{background:none; border-width:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .lotusui30 span.lotusBtn a, .lotusui30 span.lotusBtn a:visited, .lotusui30 span.lotusBtn a:hover, .lotusui30 span.lotusBtn a:focus, .lotusui30 span.lotusBtn a:active{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); box-shadow:0 1px 1px rgba(0,0,0,0.5); background-color:#e7e7e7; background-image:-moz-linear-gradient(top, #ededed 0%, #e1e1e1 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#e1e1e1)); background-image:linear-gradient(top, #ededed, #e1e1e1); text-decoration:none; border-width:0;color:#333;} .lotusui_ie .lotusui30 span.lotusBtn a, .lotusui_ie .lotusui30 span.lotusBtn a:visited, .lotusui_ie .lotusui30 span.lotusBtn a:hover, .lotusui_ie .lotusui30 span.lotusBtn a:focus, .lotusui_ie .lotusui30 span.lotusBtn a:active, .lotusui_ie8 .lotusui30 span.lotusBtn a, .lotusui_ie8 .lotusui30 span.lotusBtn a:visited, .lotusui_ie8 .lotusui30 span.lotusBtn a:hover, .lotusui_ie8 .lotusui30 span.lotusBtn a:focus, .lotusui_ie8 .lotusui30 span.lotusBtn a:active{border:1px solid #ccc;} /*form buttons*/ .lotusui30 button.lotusFormButton,.lotusui30 input.lotusFormButton{ padding:5px 15px; margin:0 9px 3px 1px; text-shadow:0 1px 1px #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); box-shadow:0 1px 1px rgba(0,0,0,0.5); background-color:#e7e7e7; background-image:-moz-linear-gradient(top, #ededed 0%, #e1e1e1 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#e1e1e1)); background-image:linear-gradient(top, #ededed, #e1e1e1); color:#333; text-decoration:none; border-width:0;} .lotusui_ie .lotusui30 .lotusFormButton, .lotusui_ie .lotusui30 .lotusFormButton:visited, .lotusui_ie8 .lotusui30 .lotusFormButton, .lotusui_ie8 .lotusui30 .lotusFormButton:visited{border:1px solid #ccc;} .lotusui_ie .lotusui30 .lotusFormButton, .lotusui_ie8 .lotusui30 .lotusFormButton, .lotusui_ie9 .lotusui30 .lotusFormButton {margin:0 10px 3px 0;}/*IE6-8 do not have the shadow, and IE9s shadow does not need the 1px left margin*/ /*hover effects*/ .lotusui30 span.lotusBtn a:hover, .lotusui30 span.lotusBtn a:focus, .lotusui30 span.lotusBtn a:active,.lotusui30 .lotusFormButton:hover, .lotusui30 .lotusFormButton:focus, .lotusui30 .lotusFormButton:active{ color:#000;border-width:0; -moz-box-shadow:0 2px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 1px rgba(0,0,0,0.5); box-shadow:0 2px 1px rgba(0,0,0,0.5);/* background-color:inherit;background-image:inherit;*/} .lotusui_ie .lotusui30 span.lotusBtn a:hover, .lotusui_ie .lotusui30 span.lotusBtn a:focus, .lotusui_ie .lotusui30 span.lotusBtn a:active, .lotusui_ie8 .lotusui30 span.lotusBtn a:hover, .lotusui_ie8 .lotusui30 span.lotusBtn a:focus, .lotusui_ie8 .lotusui30 span.lotusBtn a:active, .lotusui_ie .lotusui30 .lotusFormButton:hover, .lotusui_ie .lotusui30 .lotusFormButton:focus, .lotusui_ie .lotusui30 .lotusFormButton:active, .lotusui_ie8 .lotusui30 .lotusFormButton:hover, .lotusui_ie8 .lotusui30 .lotusFormButton:focus, .lotusui_ie8 .lotusui30 .lotusFormButton:active{border:1px solid #ccc;} /*disabled buttons*/ .lotusui30 span.lotusBtnDisabled{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .lotusui30 span.lotusBtnDisabled a{color:#7c7c7c !important;} .lotusui30 span.lotusBtnDisabled a:hover, .lotusui30 span.lotusBtnDisabled a:focus, .lotusui30 span.lotusBtnDisabled a:active{background-color:#eee !important; border-width:0; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); box-shadow:0 1px 1px rgba(0,0,0,0.5);} /*image buttons*/ .lotusui30 a.lotusBtnDisabled, .lotusui30 span.lotusBtnDisabled a:hover, .lotusui30 span.lotusBtnDisabled a:focus, .lotusui30 span.lotusBtnDisabled a:active{background-color:transparent !important;} /*high contrast*/ /*to make link buttons best match OS buttons*/ .lotusui30.lotusImagesOff span.lotusBtn, .lotusImagesOff .lotusui30 span.lotusBtn, .lotusui30.lotusImagesOff .lotusFormButton, .lotusImagesOff .lotusui30 .lotusFormButton{border:2px outset #000 !important;}/*need important to override hover states*/ .lotusui30.lotusImagesOff span.lotusBtn a, .lotusImagesOff .lotusui30 span.lotusBtn a{border-width:0 !important;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0} /***********************************************************/ /*** C O M M E N T S ***/ /***********************************************************/ /*** D I A L O G S **/ .lotusui30 .lotusDialog h1, .lotusui30 .lotusDialog h2 {color:#fff; font-size:1.2em; font-weight:bold; border-bottom:0; background:#3c3c3c; background-image:-moz-linear-gradient(top, #3c3c3c 0%, #252525 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#252525));} .lotusui30 .lotusDialog h1 .lotusBtnImg, .lotusui30 .lotusDialog h2 .lotusBtnImg {top:10px;} .lotusui30 .lotusDialog .lotusClose img {background-position:-573px -8px; width:16px; height:16px;} /***********************************************************/ /*** F I L T E R S ***/ /*filters used to be part of the header css files*/ /***********************************************************/ /*** 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 .lotusInlinelist li a {outline:1px solid #000; border-color:#5a5b5c; background:#2d3033; background:-moz-linear-gradient(#4b4d51, #2d3033); background:-webkit-gradient(linear, left top, left bottom, from(#4b4d51), to(#2d3033));} .lotusui_ie .lotusui30 .lotusFooterDocked .lotusInlinelist li a {border-color:#000;} /***********************************************************/ /***********************************************************/ /*** F O R M S ***/ /*inline form background color is set in lotusTable component*/ .lotusui30 .lotusForm .lotusFieldBorder{background-color:#eee} .lotusui30 .lotusForm .lotusFormTable .lotusFormFooter {background-color:#eee;border-width:1px 0 0;border-style:solid;border-color:#aaa;} .lotusui30 .lotusForm{background-color:#f4f5f6;} .lotusui30 .lotusFormPlain{background-color:#fff;} .lotusui30 .lotusColLeft .lotusForm, .lotusui30 .lotusColRight .lotusForm, .lotusui30 .lotusColLeft .lotusForm .lotusFormTable .lotusFormFooter, .lotusui30 .lotusColRight .lotusForm .lotusFormTable .lotusFormFooter, {background-color:transparent;border-width:0;} .lotusui30 .lotusForm {background-color:#fff;} .lotusui30 .lotusForm .lotusFormTable td.lotusFormFooter {background-color:#fff;} /*when the form is in a table*/ .lotusui30 .lotusTable .lotusForm {border:1px solid #f0f0f0; border-width:5px 0; margin:15px 0;} .lotusui30 .lotusTable .lotusForm .lotusFormTitle h2 {margin-top:15px;} .lotusui30 .lotusTable .lotusForm .lotusFormTable td.lotusFormFooter {padding-top:0; padding-bottom:15px; border:0;} /***********************************************************/ /*** H E A D E R ***/ /***********************************************************/ /*** 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{border-color:#efd159;} .lotusui30 .lotusHelp .lotusInfoBox{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-color:#fff;border-width:0;} /***pulled from layout.css because this version is being deprecated*/ .lotusui30 .lotusColLeft .lotusInfoBox, .lotusui30 .lotusColRight .lotusInfoBox{margin:0 15px 15px;} .lotusui30 .lotusInfoBox {padding:15px; background:#afe2f9; border-color:#82d1f5; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} .lotusui30 .lotusInfoBox h3 img {margin:0;} /***********************************************************/ /*may move these into the include file after further testing*/ /***********************************************************/ /*** M E N U ***/ .lotusui30 .lotusMenu h3, .lotusui30 .lotusMenu h3 a, .lotusui30 .lotusMenu h3 a:visited, .lotusui30 .lotusMenu h3 a:hover, .lotusui30 .lotusMenu h3 a:focus, .lotusui30 .lotusMenu h3 a:active{color:#000;text-decoration:none;} .lotusui30 .lotusMenu h3.lotusSelected{background-color: #E1E1E1;border:1px solid #BCBBBB;zoom:1;} .lotusui30 .lotusMenu h3.lotusSelected{background-color:transparent;border-width:0;font-weight:bold;} .lotusui30 .lotusMenu h3{font-weight:normal;} .lotusui30 .lotusMenu h3.lotusSelected a{font-weight:bold;} .lotusui30 .lotusMenu h3 a:hover, .lotusui30 .lotusMenu h3 a:focus{background-color:#e1f4f9;} .lotusui30 .lotusMenu h3 a{display:block;margin:-3px -10px -5px -5px;padding:3px 10px 5px 5px}/*this is to adjust for the hover effect on a header that contains a link*/ .lotusui_ie6 .lotusui30 .lotusMenu h3 a{zoom:1;position:relative;}/*to get around the twistie icon disappearing in IE6 on hover (because of negative margins). It's not a perfect fix, but it at least keeps the icon viewable*/ .lotusui30 .lotusMenu h3 a.lotusArrow{margin:0;padding:0;background-color:transparent;}/*reset arrow link*/ /***********************************************************/ /*** 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{background-color:#ffe3e0;border-color:#efa6a5;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .lotusui30 .lotusWarning{background-color:#ffffbc;border-color:#f6e692;} .lotusui30 .lotusInfo{background-color:#e6f1fe;border-color:#b9cfeb;} .lotusui30 .lotusConfirm{background-color:#ecf9df;border-color:#c8e2b8;} /*lotusConfirm has been changed to lotusSuccess*/ .lotusui30 .lotusMessage{padding:10px;font-size:.9em;background-color:#ffebe6;border-color:#f08137;} .lotusui30 .lotusWarning{background-color:#fdf4c8;border-color:#e48617;} .lotusui30 .lotusInfo{background-color:#d9f1fb;border-color:#00b0da;} .lotusui30 .lotusConfirm {background-color:#ecf9df;border-color:#108f53;} .lotusui30 .lotusMessage img {margin-top:0;margin-right:7px;} .lotusui30 .lotusMessage .lotusDelete{right:5px;top:10px;} /***********************************************************/ /***********************************************************/ /*** P A L E T T E ***/ .lotusui30 .lotusPaletteNav h3{color:#444; font-size:1em;} /***********************************************************/ /*** 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 20px;padding:0;border-width:0;width:auto;} .lotusui30 .lotusSection h2, .lotusui30 .dijitTitlePaneTitle{margin-bottom:0;padding:4px 5px 6px;font-size:1em;color:#000;-webkit-box-shadow:#eee 0px 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;border:1px solid #ccc;background-color:#f4f4f4;background-image:none;background-image:-moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#eaeaea));background-position:left top;-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px;} .lotusui30 .lotusSection .lotusDragHandle{left:0;} .lotusui30 .lotusSection .lotusChunk h3{margin-top:5px;} .lotusui30 .lotusSection .lotusSectionBody{margin:0;padding:5px 10px;border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc;background-color:#fff;-webkit-box-shadow:#eee 0 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;} .lotusui30 .lotusSection .lotusChunk{margin-top:0;margin-bottom:5px;} .lotusui30 .lotusSection {border:0;} .lotusui30 .lotusSection h2 {margin:0; padding:5px 0; background:none; border-top-color:#141414; border-bottom-color:#ededed; border-width:2px 0 1px; color:#444; font-size:1.2em; line-height:1.2; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .lotusui30 .lotusSection h2 a.lotusIcon {height:16px; margin-top:2px;} .lotusui30 .lotusSection .lotusSectionBody {padding:5px;background-color:transparent;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-width:0;} .lotusui30 .lotusSection .lotusDragHandle {top:7px;} .lotusui30 .lotusSection .lotusDraggable .lotusArrow {margin-left:5px;} .lotusui30 .lotusSection h2.lotusDraggable span.lotusLeft, .lotusui30 .lotusSection h3.lotusDraggable span.lotusLeft {width:75%;} .lotusui30 .lotusSection .lotusList {margin:0 -5px;} .lotusui30 .lotusSection .lotusList li {padding-left:5px; padding-right:5px;} /****************************************************************/ /***********************************************************/ /*** T A B L E S ( D A T A ) ***/ /***********************************************************/ /*** 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 0 20px;padding:0;border-width:0;width:auto;} .lotusui30 .lotusWidget h2{margin-bottom:0;padding:5px 5px 5px 10px;font-size:1em;color:#000;border:1px solid #ccc;background-color:#f4f4f4; -webkit-box-shadow:#eee 0px 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px;} .lotusui30 .lotusWidget h2 a, .lotusui30 .lotusWidget h2 a:visited, .lotusui30 .lotusWidget h2 a:hover, .lotusui30 .lotusWidget h2 a:focus, .lotusui30 .lotusWidget h2 a:active{color:#222;} .lotusui30 .lotusWidget .lotusWidgetBody{margin:0;padding:5px 10px;background-color:#fff; -webkit-box-shadow:#eee 0 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc;} .lotusui30 .lotusWidgetPlain .lotusWidgetBody{border-width:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .lotusui30 .lotusWidget .lotusChunk{margin-top:0;margin-bottom:5px;} .lotusui30 .lotusWidget .lotusWidgetFooter .lotusPaging{margin:0;padding:5px 0;} .lotusui30 .lotusWidget .lotusList{margin:0 -10px;} /*allows selection to extend to the left and right of the list items*/ .lotusui30 .lotusWidget .lotusList li{padding-left:10px;padding-right:10px;} .lotusui30 .lotusWidget {padding:10px; border:1px solid #eee; background-color:#fff; -moz-box-shadow:0 1px 3px #eee; -webkit-box-shadow:0 1px 3px #eee; box-shadow:0 1px 3px #eee;} .lotusui30 .lotusWidget h2 {margin:0;background-color:transparent;background-image:none;-moz;border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-width:2px 0 1px 0;border-top-color:#141414; border-bottom-color:#ededed; padding:5px 0; color:#444; font-size:1.2em; line-height:1.2;} .lotusui30 .lotusWidget .lotusWidgetBody {padding:5px 0;background-color:transparent;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-width:0;} .lotusui30 .lotusWidget h3{border-color:#eee; padding:4px 0;} .lotusui30 .lotusWidget .lotusWidgetFooter{border-width:1px 0 0 0;border-color:#eee;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; padding:4px 0 0;} /***********************************************************/ /*** D E P R E C A T E D W I D G E T ***/ .lotusui30 .lotusWidget2{margin:0 0 20px;padding:0;border-width:0;width:auto;} .lotusui30 .lotusWidget2 h2{margin-bottom:0;padding:5px 5px 5px 10px;font-size:1em;color:#000; -webkit-box-shadow:#eee 0px 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;border:1px solid #ccc;background-color:#f4f4f4;background-image:none;background-image:-moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#eaeaea));background-position:left top;-moz-border-radius-topright:3px;-moz-border-radius-topleft:3px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px;} .lotusui30 .lotusWidgetPlain h2{border-width:1px;} .lotusui30 .lotusWidget2 h2 a, .lotusui30 .lotusWidget2 h2 a:visited, .lotusui30 .lotusWidget2 h2 a:hover, .lotusui30 .lotusWidget2 h2 a:focus, .lotusui30 .lotusWidget2 h2 a:active{color:#222;} .lotusWidget2 h3{margin:0;padding:4px 0;} .lotusui30 .lotusWidget2 .lotusWidgetBody{margin:0;padding:5px 10px;background-color:#fff; -webkit-box-shadow:#eee 0 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;border-width:0 1px 1px;border-style:solid;border-color:#ccc;} .lotusui30 .lotusWidgetPlain .lotusWidgetBody{border-width:0; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .lotusui30 .lotusWidget2 .lotusChunk{margin-top:0;margin-bottom:5px;} .lotusui30 .lotusWidget2 .lotusWidgetFooter{border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc;background-color:#fff; -webkit-box-shadow:#eee 0 3px 5px;-moz-box-shadow:#eee 0 3px 5px;box-shadow:#eee 0 3px 5px;height:auto;} .lotusui30 .lotusWidget2 .lotusWidgetFooter .lotusPaging{margin:0;padding:5px 0;} .lotusui30 .lotusWidget2 h2 {margin:0; padding:5px 0; background:none; border-top-color:#141414; border-bottom-color:#ededed; border-width:2px 0 1px; color:#444; font-size:1.2em; line-height:1.2; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .lotusui30 .lotusWidget2 h2 a.lotusIcon {height:16px; width:16px; margin-top:1px;} .lotusui30 .lotusWidget2 .lotusWidgetBody {padding:5px 0; background-color:transparent; border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .lotusui30 .lotusWidget2 h3 {margin:0; padding:4px 0;} .lotusui30 .lotusWidget2 .lotusWidgetFooter {border-width:1px 0 0 0; border-color:#eee; padding:4px 0 0 0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} /***********************************************************/ /***********************************************************/ /************ L A Y O U T S T Y L E S ***********/ /*min/max layout*/ .lotusui30 .lotusTitleBar .lotusRightCorner, .lotusui30 .lotusPlaceBar .lotusRightCorner {margin:0 auto; padding:0 5px; min-width:980px; max-width:1190px;} /*fluid layout*/ .lotusui30_layout.lotusFluid .lotusTitleBar .lotusRightCorner, .lotusui30_layout.lotusFluid .lotusPlaceBar .lotusRightCorner {max-width:none;} /*fixed layout*/ .lotusui30_layout.lotusFixed .lotusTitleBar .lotusRightCorner, .lotusui30_layout.lotusFixed .lotusPlaceBar .lotusRightCorner {max-width:none; width:980px;} .lotusui30_layout .lotusColLeft .lotusSection, .lotusui30_layout .lotusColLeft .lotusInfoBox, .lotusui30_layout .lotusColLeft .lotusWidget, .lotusui30_layout .lotusColLeft .lotusWidget2 {margin:0 40px 15px 0;} .lotusui30_layout .lotusColRight .lotusSection, .lotusui30_layout .lotusColRight .lotusInfoBox, .lotusui30_layout .lotusColRight .lotusWidget, .lotusui30_layout .lotusColRight .lotusWidget2 {margin:0 0 15px 40px;} .lotusui30_layout .lotusColLeft .lotusSection .lotusSearch .lotusText, .lotusui30_layout .lotusColRight .lotusSection .lotusSearch .lotusText, .lotusui30_layout .lotusColLeft .lotusWidget2 .lotusSearch .lotusText, .lotusui30_layout .lotusColRight .lotusWidget2 .lotusSearch .lotusText {width:76%;} /*** B A N N E R ***/ .lotusui30 .lotusBanner ul li span.lotusUser {font-weight:normal; color:#eee; display:block;} .lotusui_ie .lotusui30 .lotusBanner ul li span.lotusUser {line-height:1.25em;} /*fixes IE6 alignment issues, now that we have arrow icons in some of the items*/ .lotusui30 .lotusBanner ul li span.lotusUser {margin:5px 0 4px; padding:2px 10px;text-shadow:0 1px 2px #000;} .lotusui30 .lotusBanner ul li span.lotusUser {margin:0; padding:10px 18px; color:#ccc;} /***********************************************************/ /*** 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; padding:0; background:#fff; border:0;} .lotusui30 .lotusPlaceBar .lotusInner {padding:10px 0; overflow:hidden; border-bottom:1px dotted #ccc; zoom:1;} .lotusui30 .lotusPlaceBar h2 {padding-top:7px; color:#222; font-size:1.2em; line-height:1.2; font-weight:bold;} .lotusui30 .lotusPlaceBar .lotusBtnContainer {padding:0; margin-right:-3px;} .lotusui_ie .lotusui30 .lotusPlaceBar .lotusBtnContainer, .lotusui_ie8 .lotusui30 .lotusPlaceBar .lotusBtnContainer, .lotusui_ie9 .lotusui30 .lotusPlaceBar .lotusBtnContainer {margin-right:-5px;}/*revert to the core margin because IE doesn't have the button shadow*/ /***********************************************************/ /***********************************************************/ /*** T I T L E B A R ***/ /*** T I T L E B A R ***/ /*the blue bar under the , that contains tabs and search UI*/ .lotusui30 .lotusTitleBar {margin:0; border-bottom:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} /*accesibility*/ .lotusui30.lotusImagesOff .lotusTitleBar .lotusRightCorner, .lotusImagesOff .lotusui30 .lotusTitleBar .lotusRightCorner{border-bottom-width:0;} .lotusui30.lotusImagesOff .lotusTitleBar .lotusBtnImg .lotusAltText, .lotusImagesOff .lotusui30 .lotusTitleBar .lotusBtnImg .lotusAltText{color:#fff;} .lotusui30 .lotusTitleBar {border-bottom:1px solid #d2d2d2; background:#f8f8f8; background:-moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 92%, #eaeaea 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(92%,#f8f8f8), color-stop(100%,#eaeaea)); background:linear-gradient(top, #f8f8f8 0%, #f8f8f8 92%, #eaeaea 100%);} .lotusui30 .lotusTitleBar h2 {color:#222; font-size:1.5em; font-weight:bold; padding-top:12px; padding-left:0;} .lotusui30 .lotusTitleBar h2.lotusEllipsis {width:210px;} .lotusui30 .lotusTitleBar .lotusInner {height:4.2em/*to make the title bar 50px tall*/; position:relative;} .lotusui30 .lotusTitleBar .lotusTabs {overflow:visible; left:0; bottom:-1px;} .lotusui30.lotusImagesOff .lotusTitleBar ul.lotusTabs, .lotusImagesOff .lotusui30 .lotusTitleBar ul.lotusTabs{bottom:-2px;} .lotusui30 .lotusTitleBar .lotusTabsIndented {left:220px;} /*to line up with center column*/ .lotusui30 .lotusTitleBar .lotusTabs li {border:0; background:none; margin:0 -1px 0 0;} .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected {border:0;} .lotusui30 .lotusTitleBar .lotusTabs li a {padding:11px 20px; border-style:solid; border-width:1px; border-color:transparent #e5e5e5 #d2d2d2; font-weight:bold;} .lotusui_ie6 .lotusui30 .lotusTitleBar .lotusTabs li a {border-top-color:#f8f8f8;} .lotusui30 .lotusTitleBar .lotusTabs li a, .lotusui30 .lotusTitleBar .lotusTabs li a:visited {color:#444; font-size:0.9em;} .lotusui30 .lotusTitleBar .lotusTabs li a:hover, .lotusui30 .lotusTitleBar .lotusTabs li a:focus, .lotusui30 .lotusTitleBar .lotusTabs li a:active {border-color:#dfdfdf #dfdfdf #d2d2d2; color:#000;} .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected a, .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected a:hover, .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected a:focus, .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected a:active {border-color:#d2d2d2 #d2d2d2 #fff;} .lotusui30.lotusImagesOff .lotusTitleBar .lotusTabs li.lotusSelected a, .lotusImagesOff .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected a {border-bottom-width:0;} .lotusui30 .lotusTitleBar .lotusTabs li.lotusSelected + li > div > a {border-left-color:#d2d2d2;} /*gives the next tab a different left border because it overlaps the selected border. should work in everything but IE6.*/ .lotusui30 .lotusTitleBar .lotusSearch {top:13px; right:0;} .lotusui30 .lotusTitleBar .lotusSearch .lotusScope {border:0; border-right:1px solid #e3e3e3; padding-right:17px; margin:0 0 0 4px; background-color:transparent;} .lotusui_ie .lotusui30 .lotusTitleBar .lotusSearch .lotusScope, .lotusui_ie8 .lotusui30 .lotusTitleBar .lotusSearch .lotusScope {margin:0;} /*because of no rounded borders*/ {min-width:0;} /*IE7 in RTL is setting a width*/ .lotusui30 .lotusTitleBar .lotusSearch a.lotusScope, .lotusui30 .lotusTitleBar .lotusSearch a.lotusScope:visited, .lotusui30 .lotusTitleBar .lotusSearch a.lotusScope:hover, .lotusui30 .lotusTitleBar .lotusSearch a.lotusScope:focus, .lotusui30 .lotusTitleBar .lotusSearch a.lotusScope:active {color:#000;background-color:transparent; background-position:100% -1680px;} .lotusui30 .lotusTitleBar .lotusSearch .lotusText {border:0; padding:4px 0 3px 4px; background:none; color:#666;} .lotusui30 .lotusTitleBar .lotusSearch .lotusText:focus, .lotusui30 .lotusTitleBar .lotusSearch .lotusText:active {color:#222;} .lotusui30 .lotusTitleBar .lotusSearch .lotusBtnImg {border:0; margin:1px 4px 1px 2px; background:none; padding:2px} .lotusui30 .lotusTitleBar .lotusSearch .lotusLayout {border:1px solid #e3e3e3; background:#f3f3f3; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} /***********************************************************/ /***********************************************************/ /*** I C O N S ***/ /***********************************************************/ /************ S P E C I A L S C R E E N S ***********/ /*** A B O U T ***/ .lotusAbout .lotusui30_layout .lotusAboutBox h1, .lotusAbout .lotusui30_layout .lotusAboutBox h3{color:#fff;} /***********************************************************/ /*** 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 ***/ .lotusui30_layout .lotusWelcomeBox h2{margin: 0 25px 10px 0;padding: 0;color: #fff;font-size: 1.7em;font-weight: normal;line-height: 1;} .lotusui30 .lotusWelcomeBox a.lotusClose img, .lotusui30_layout .lotusWelcomeBox a.lotusClose img{background-position:-573px -8px; opacity:0.75; filter:alpha(opacity=75);} .lotusui30 .lotusWelcomeBox a.lotusClose:hover img, .lotusui30 .lotusWelcomeBox a.lotusClose:focus img, .lotusui30 .lotusWelcomeBox a.lotusClose:active img, .lotusui30_layout .lotusWelcomeBox a.lotusClose:hover img, .lotusui30_layout .lotusWelcomeBox a.lotusClose:focus img, .lotusui30_layout .lotusWelcomeBox a.lotusClose:active img{opacity:1;filter:alpha(opacity=100);} /* Don't use [expand:hfa] here. Pseudo-classes need to stay on the anchor elements */ /***********************************************************/ /*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; }