/* ***************************************************************** */ /* */ /* IBM Confidential */ /* */ /* OCO Source Materials */ /* */ /* Copyright IBM Corp. 2007, 2010 */ /* */ /* The source code for this program is not published or otherwise */ /* divested of its trade secrets, irrespective of what has been */ /* deposited with the U.S. Copyright Office. */ /* */ /* ***************************************************************** */ /* 5724-S31 */ /* disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /* */ /*********************************************************************/ /* NOTE: after modifying this file, you must touch h_CommonStyleSheet.nx * for changes to appear in HaikuCommonForms.ntf! * (dev builds only) */ /* KCLU7QQQY2 */ .javlinHover { width:auto!important; } /*------------------------------------------------------------------------------- * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! * * EVERYTHING THAT FOLLOWS IS EITHER FROM THE ONE UI CSS, * OR THE CSS FOR THE QUICKR 8.1/8.2 THEME. * * THIS IS HERE FOR BACKWARDS COMPATIBILITY WITH OLDER THEMES!!!!!!!!!! * * NOTE: Some attributes needed to be removed from the One UI CSS * to make old themes look OK; these are commented out * and labeled "REMOVED FROM COMMONSTYLESHEET.CSS" * * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /* core.css */ /* 5724-S31 */ /* disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /* */ /*********************************************************************/ /* CSS Document */ /*version 1.03 12/14/07*/ /* REMOVED ALL NON-LOTUS SPECIFIC ONE UI CSS FROM COMMONSTYLESHEET.CSS - 06/16/2009 BILL R. */ /***********************************************************/ /*link default styles*/ /*tag*/ .lotusRelatedTags a{background-position:left center;background-repeat:no-repeat;padding-left:10px} /*link hover styles*/ .lotusTags a:hover, .lotusTags a:focus, a.lotusTag:hover, a.lotusTag:focus, a.lotusPerson:hover, a.lotusPerson:focus{text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted} .lotusTagBin {margin-top:10px;} a.lotusMyLink:hover, a.lotusMyLink:focus, .lotusMyLinks a:hover, .lotusMyLinks a:focus{text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted;} /*single and group action links*/ /*this is to provide a class for overriding link colors in groups of links to indicate that the link is an action link (like the "Tag this" link in a tag group*/ a.lotusAction, a.lotusAction:visited{text-decoration:underline !important;border-bottom:0 !important;} a.lotusAction:hover, a.lotusAction:focus, .lotusActions a:hover, .lotusActions a:focus, .lotusTags a.lotusAction:hover, .lotusTags a.lotusAction:focus {text-decoration:underline !important;border-bottom:0 !important;} /*to assign an icon to an action link, you need to assign a unique id to the link and give it a background image. The rest of the code is in this css declaration*/ .lotusActions a, .lotusActions a:visited{text-decoration:underline;border-bottom:0} a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{padding-right:14px;background-position:right center ;background-repeat:no-repeat;} .lotusIcon a{padding-left:18px;background-position:left center;background-repeat:no-repeat} /*general alignment styles*/ .lotusIndent10 {padding-left:10px;} .lotusIndent15 {padding-left:15px;} .lotusIndent20 {padding-left:20px} .lotusIndent40 {padding-left:40px;} .lotusIndent60 {padding-left:60px;} .lotusLeft{float:left;text-align:left;} .lotusRight{float:right;text-align:right;} .lotusCenter {text-align:center;} .lotusClear {clear:both} .lotusClearLeft {clear:left} .lotusClearRight {clear:right} .lotusAlignRight{text-align:right;} .lotusAlignLeft{text-align:left;} .lotusHidden{display:none} /*hides from visual UI but not from screen readers*/ .lotusNudge{} /*use this general class name with specific qualifiers when you need to adjust the position of a specific item (see entry class in this stylesheet for an example)*/ .lotusTiny{font-size:.9em} .lotusNowrap{white-space:nowrap} /*general list styles*/ .lotusInlinelist{margin:0;padding:0} .lotusInlinelist li{display:inline;margin:0;padding:0 7px;border-left-width:1px;border-left-style:solid} .lotusInlinelist li.lotusFirst, .lotusInlinelist li.lotusLast{padding-left:0;border-left-width:0;} .lotusNoDivider li{border-left-width:0} /*** S T R U C T U R E ***/ #lotusFrame, .lotusFrame{margin:0 auto;padding:0;min-width:990px;} #lotusTitleBar, #lotusPlaceBar, .lotusTitleBar, .lotusPlaceBar{margin:0 20px} #lotusMain, #lotusFooter, .lotusMain, .lotusFooter{border-style:solid;clear:both;margin:0 20px 10px 20px;overflow:hidden} #lotusMain, .lotusMain{padding:0 0 5px 0;min-height:400px;border-width:0 1px 1px 1px;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;background-position:top left; background-repeat:no-repeat} #lotusColLeft, .lotusColLeft{float:left;width:180px;padding:20px 10px 10px 10px;} #lotusColRight, .lotusColRight{float:right;width:180px;padding:15px 10px;font-size:.9em} #lotusColRight h2, .lotusColRight h2{padding-left:10px} #lotusColLeft .lotusFirst, #lotusColRight .lotusFirst, .lotusColLeft .lotusFirst, .lotusColRight .lotusFirst{margin-top:0;} #lotusContent, .lotusContent{padding:16px 20px 20px 20px;overflow:hidden; /*this sets a new block formatting context, which keeps the center content separate from the floated divs. This allows us to clear floats in the center.*/margin-right:auto;margin-left:auto;/*bidi bug fixes for Firefox*/} /***********************************************************/ /*** C S S S P R I T E S ***/ /*these refer to one graphic file that contains many individual graphics*/ /*individual graphics are positioned using CSS*/ /*individual sprites are located in the themes files*/ .lotusSprite{float:left;display:block;} .lotusArrow{margin-right:2px;width:13px;height:18px;} .lotusStatus .lotusArrow{width:11px;height:16px;margin-right:3px;} #lotusColLeft .lotusArrow, .lotusColLeft .lotusArrow{width:11px;height:16px} .lotusViewControl{padding:1px;border-width:1px;border-style:solid;display:table;background-position:left center;background-repeat:repeat-x} .lotusView{margin:0;padding:0;width:20px;height:20px;} /***********************************************************/ /*** A C T I O N B A R ***/ /*this is the area above entry tables, containing action button, view controls, etc.*/ .lotusActionBar{margin-bottom:7px !important;position:relative;overflow:hidden} /***********************************************************/ /*** A C T I O N M E N U ***/ ul.lotusActionMenu{margin:0;padding:0;list-style-type:none;display:table;position:absolute;left:-9999px;border-width:1px;border-style:solid;width:15em;background-position:top left;background-repeat:repeat-y} .lotusActionMenu li.lotusSelected a{background-position:2px center; background-repeat:no-repeat;} .lotusActionMenu li.lotusMenuSeparator{border-top-width:1px;border-top-style:solid !important} .lotusActionMenu a, .lotusActionMenu a:visited{padding:3px 3px 5px 25px;text-decoration:none;display:block;background-position:3px center;background-repeat:no-repeat} /***********************************************************/ /*** B A N N E R ***/ #lotusBanner, .lotusBanner{padding:5px 15px 4px 30px;text-align:right;overflow:hidden} #lotusBanner #lotusLogo, .lotusBanner .lotusLogo{float:left;} #lotusBanner ul, .lotusBanner ul{margin-top:3px;float:right;} #lotusBanner ul.lotusLinks, .lotusBanner ul.lotusLinks{padding-left:20px;float:left;} #lotusBanner ul li, .lotusBanner ul li{padding:0 5px;} #lotusBanner ul.lotusLinks li.lotusSelected, .lotusBanner ul.lotusLinks li.lotusSelected{padding:3px 5px} #lotusBanner ul.lotusLinks li.lotusSelected a, .lotusBanner ul.lotusLinks li.lotusSelected a{font-weight:bold;} #lotusBanner ul li a, #lotusBanner ul li span.lotusUser, .lotusBanner ul li a, .lotusBanner ul li span.lotusUser{padding:3px 8px;} #lotusBanner ul.lotusLinks li.lotusSelected a, .lotusBanner ul.lotusLinks li.lotusSelected a{text-decoration:none} /***********************************************************/ /*** B U T T O N S ***/ /*button in left column, set width*/ .lotusButton{margin-bottom:10px;width:174px;border-width:1px;border-style:solid;text-align:center;} .lotusButton a{padding:7px 0;display:block;border-width:0 1px 1px 1px;border-style:solid;background-position:center left;background-repeat:repeat-x;text-decoration:none;cursor:pointer;font-size:1.3em;font-weight:bold} /*action buttons - green and gray*/ /*these use a display of table so they are only as wide as the text they contain (plus padding)*/ .lotusBtnContainer{margin-bottom:0;padding-bottom:10px;white-space:nowrap;} span.lotusBtn{margin-right:5px;border-width:1px;border-style:solid;display:table;text-align:center} span.lotusBtn a{padding:1px 10px 2px 10px;display:block;border-width:1px 0 0 0;border-style:solid;background-position:center left;background-repeat:repeat-x;text-decoration:none;white-space:nowrap;font-size:.9em;font-weight:bold} .lotusBtnDivider{border-bottom-width:1px;border-bottom-style:solid}/*add this as an additional class when you need a bottom divider for the buttons*/ .lotusActionBar{padding-bottom:5px;float:left;border-bottom-width:0}/*no border/divider for buttons in the action bar*/ span.lotusBtnAction a{border-width:0 1px 1px 1px;}/*the lotusBtnAction class is an additional class on the lotusBtn span for the green buttons*/ .lotusButton a:hover, .lotusButton a:focus, span.lotusBtn a:hover, span.lotusBtn a:focus{text-decoration:none;} /***********************************************************/ /*** C A P T I O N ***/ .lotusCaption{margin-top:.2em;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;} .lotusCaption .lotusMeta{font-size:.9em} /***********************************************************/ /*** F O O T E R **/ #lotusFooter, .lotusFooter{padding:10px 10px 10px 0;border-width:1px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:.9em} #lotusFooter p, .lotusFooter p{line-height:1.3em} #lotusFooter li, .lotusFooter li{white-space:nowrap} #lotusFooter th, #lotusFooter td, .lotusFooter th, .lotusFooter td{border-right-width:1px;border-style:solid} #lotusFooter th.lotusLast, #lotusFooter td.lotusLast, .lotusFooter th.lotusLast, .lotusFooter td.lotusLast{border-width:0} #lotusFooter th, .lotusFooter th{padding:5px 10px 3px 25px;width:20%;font-weight:bold;font-size:1.1em} #lotusFooter td, .lotusFooter td{padding:0 50px 10px 25px;} /*these are found on the login and about pages - IBM logo and legal statement*/ .lotusLegal{margin:20px 50px;background-position:center left;background-repeat:no-repeat;line-height:3em;} .lotusLegal p{margin-left:100px;text-align:left;font-size:.8em;} /***********************************************************/ /*** F O R M S ***/ .lotusForm h2 {margin:25px 15px 15px 25px;font-size:1.3em;} td.lotusFormFieldRow {padding-bottom:10px} .lotusForm td {border-width:0;} .lotusForm td.lotusFormLabel {text-align:right;padding-right:10px;} .lotusForm td label{font-weight:bold;} .lotusText {width:99%;} .lotusForm textarea {margin-bottom:7px;} .lotusFormErrorSummary div {margin:10px 15px 3px 25px;} .lotusFormErrorSummary ul {margin:0 15px 10px 40px;list-style-type:disc;/*list-style-position:inside;*/} .lotusFormRequired {font-weight:bold;} td.lotusFormRequired {padding-bottom: 0px !important;} .lotusFormTable {width:100%;} .lotusFormSection {padding:5px 0px 0px 0px;} /* button elements */ input.lotusFormButton {color:white;font-weight:bold;height:2.3em;margin-right:5px;padding:0px 7px;} .lotusDashboardSearch input.lotusFormButton {margin-top:20px;} /***********************************************************/ /*** H E A D E R ***/ /*found at the top of the page, center column*/ .lotusHeader{margin-bottom:8px;margin-top:5px;overflow:hidden;} div.lotusHeader{margin-bottom:20px}/*this is for a simple header, not in a table layout, to adjust the bottom margin*/ .lotusHeader img{margin-right:10px;} .lotusHeader .lotusDetails img, .lotusHeader .lotusBtnContainer img{margin-right:0;} /*to set image behavior back to normal, details row*/ .lotusHeader .lotusDetails{margin-top:5px;position:relative;white-space:break-word;} .lotusHeader .lotusBtnContainer{margin-top:10px} .lotusHeader .lotusAction{margin:0 5px;padding-left:10px;border-left-width:1px;border-left-style:solid;} .lotusFilters{margin-top:5px;line-height:1.8em;} .lotusFilters a{display:inline-block;padding:2px 3px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;text-decoration:none} .lotusFilters .lotusClose{padding:0 4px} /***********************************************************/ /*** I N F O B O X ***/ /*this is used for help and tips*/ .lotusInfoBox, .portlet-msg{margin:15px 0 5px 0;padding:5px;border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden} .lotusInfoBox h3, .portlet-msg h3{margin:5px 0 15px 0;padding:0 0 0 5px;overflow:hidden} .lotusInfoBox h3 img, .portlet-msg h3 img{margin-top:2px;} .lotusInfoBox h4, .portlet-msg h4{margin:2px 5px;font-weight:bold} .lotusInfoBox p, .portlet-msg p{margin:0;padding:5px;} .lotusInfoBox ul, .portlet-msg ul{list-style-type:disc;margin-left:20px;margin-top:5px;padding-left:0} .lotusInfoBox .lotusInlinelist, .portlet-msg .lotusInlinelist{padding-bottom:5px;padding-left:0;} .lotusInfoBox .lotusInlinelist li, .portlet-msg lotusInlinelist li{padding-bottom:5px;border-left-width:0;} .lotusHelp{padding:3px 8px;width:200px;} .lotusHelp h3{text-align:right} .lotusMedium{width:300px} /***********************************************************/ /*** L I S T S ***/ /*use in conjuction with sections if you want a more complex list*/ ul.lotusList{clear:both;overflow:hidden} ul.lotusList li {margin:1px 0;padding:3px 2px 4px 2px;clear:both;display:inline-block;} ul.lotusEditable li{text-align:right;} /*use this class in combination with list class*/ ul.lotusList li.lotusSelected a{border-bottom-width:0;text-decoration:none;} ul.lotusList img.lotusLeft{margin-right:3px} ul.lotusList div p{margin-top:3px}/*second line of data*/ /***********************************************************/ /*** M E N U ***/ .lotusMenu, .portlet-menu{margin:0 0 15px 0;padding-top:5px;width:178px;background-position:top left;background-repeat:no-repeat;} .lotusMenu .lotusBottomCorner, .portlet-menu .lotusBottomCorner{padding-bottom:5px;background-position:bottom left;background-repeat:no-repeat;} .lotusMenu .lotusInner, .portlet-menu .lotusInner{background-position:top left;background-repeat:repeat-y} .lotusMenu .lotusMenuSection{overflow:hidden;margin:0 0 3px 0;padding-bottom:5px;border-bottom-width:1px;border-bottom-style:solid;} .lotusMenu .lotusMenuSubsection{margin:0 0 0 20px;} .lotusMenu h2, .portlet-menu h2{margin:0 0 7px 13px;padding:0;font-size:1em} .lotusMenu h3, .portlet-menu h3{margin:0 5px 0 5px;padding:2px 0 2px 10px;}/*not sure we are still using this*/ .lotusMenu h3.selected, .portlet-menu h3.selected{border-width:1px;border-style:solid;} .lotusMenu h3 a{margin-right:5px} .lotusMenu ul, .portlet-menu ul{margin:0;padding:0;list-style-type:none;} .lotusMenu li img, .portlet-menu .lotusMenu li img{margin:0 3px 0 0} .lotusMenu li a, .lotusMenu li a:visited, .portlet-menu li a, .portlet-menu li a:visited{padding:5px 0 5px 13px;display:block;text-decoration:none;font-weight:normal;line-height:1.0em} .lotusMenu ul.lotusIcons img{vertical-align:text-bottom} .lotusMenu ul.lotusIcons a{padding:3px 0 3px 13px} .lotusMenu li a:hover, .lotusMenu li a:focus, .portlet-menu li a:hover, .portlet-menu li a:focus{text-decoration:underline} .lotusMenu li.lotusSelected a, .lotusMenu li.lotusSelected a:visited, .portlet-menu li.lotusSelected a, .portlet-menu li.lotusSelected a:visited{margin:0 5px 3px 5px;padding-left:6px;border-width:1px;border-style:solid;text-decoration:none;cursor:default;font-weight:bold;} .lotusMenu div.lotusChunk, .portlet-menu .lotusMenu div.lotusChunk {margin:5px 5px 0 0;} /***********************************************************/ /*** M E S S A G E S ***/ .lotusMessage{padding:7px 5px 5px 5px;margin-bottom:5px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;} .lotusMessage img {vertical-align:top;margin:0 5px 0 10px;} /***********************************************************/ /*** P A G I N G***/ .lotusPaging{margin-top:.2em;padding:2px 5px;height:2em;line-height:2em;clear:both;text-align:center;font-size:.9em;} .lotusPaging a, .lotusPaging a:visited{font-weight:bold !important;} .lotusPaging input{width:20px;text-align:center;} .lotusPaging div{padding-left:5px} .lotusPaging .lotusInlinelist li{padding:0 6px;} .lotusPaging .lotusInlinelist li.lotusLast{padding-left:0} /***********************************************************/ /*** P E R S O N C A R D***/ /*lotusAppLinks are the application links at the top of the card*/ .lotusPersonCard img{margin-right:auto} /*resets right margin on header images*/ .lotusPersonCard .lotusAppLinks{margin:0;background-position:left center;background-repeat:repeat-x;border-bottom-width:1px;border-style:solid;overflow:hidden} .lotusPersonCard .lotusAppLinks li{padding:7px 9px;border-width:0;background-position:left center;background-repeat:no-repeat;line-height:2em} .lotusPersonCard .lotusAppLinks a{display:inline-block;} /*lotusPersonDetails is the detail area of the card that contains all info for the person*/ .lotusPersonCard .lotusPersonDetails{padding:10px;border-top-width:1px;border-top-style:solid;} .lotusPersonCard .lotusPhoto{padding:3px;border-width:1px;border-style:solid;float:left} .lotusPopupCard .lotusPersonInfo{margin-left:86px} /*lotusComments in the person card contains status information for the person*/ .lotusPersonCard .lotusComment{margin:-10px 0 2px -10px;padding:0 0 0 10px;position:relative;} .lotusPersonCard .lotusCommentHeader{padding-left:15px;padding-bottom:3px;position:absolute;top:0;left:16px;z-index:1;height:1.6em;background-position:left bottom;background-repeat:no-repeat;} .lotusPersonCard .lotusCommentBody{margin:-1px 0 2.2em 0;padding:5px 10px;position:relative;top:1.7em;border-width:1px;border-style:solid;z-index:0;-moz-border-radius:4px 4px 6px 6px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px} /*lotusPersonActions are actions you can perform on this person, from the person card*/ .lotusPersonCard .lotusPersonActions{padding:5px;border-top-width:1px;border-top-style:solid} /*popup version of the card (from name links)*/ .lotusPersonCard .lotusPersonActions img{margin-right:3px;} .lotusPopupCard{width:400px;border-width:1px;border-style:solid;} /*dropdown version (from person photo in page titles)*/ .lotusDropDownCard{padding:3px;position:absolute;top:51px;left:-9999px;z-index:2;width:400px;border-width:1px;border-style:solid;-moz-border-radius:0 4px 4px 4px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px} .lotusProfileCard{top:77px;} .lotusDropDownCard .lotusAppLinks{border-width:1px;} .lotusDropDownCard .lotusPersonDetails{border-width:1px;border-style:solid} .lotusDropDownCard .lotusPersonActions{border-width:0;padding:3px 3px 0 3px} /*action menu within person card*/ .lotusPersonCard .lotusActionMenu{position:static;left:auto;top:auto;border-width:0;display:none;width:auto} /***********************************************************/ /*** P I V O T N A V I G A T I O N ***/ /*this is the person photo in page headers that opens up the drop down person card for navigating to their pages in each application*/ .lotusPivotNav{margin-right:10px;position:relative;z-index:1;} .lotusPivotNavToggle{margin-right:5px;position:relative;top:0;left:0;border-width:1px;border-style:solid;padding:3px;z-index:3;-moz-border-radius:2px;-webkit-border-radius:2px;} .lotusPivotNavToggle img{margin:0} .lotusPivotNavToggle a{margin-right:2px;width:10px;height:45px;display:block;float:left;background-position:left center;background-repeat:no-repeat;text-decoration:none;} .lotusProfileToggle a{height:70px} .lotusPivotNavOpen .lotusPivotNavToggle{border-bottom-width:0} /***********************************************************/ /*** P L A C E B A R ***/ #lotusPlaceBar, .lotusPlaceBar{height:3em;position:relative;border-width:0 1px 1px 1px;border-style:solid;overflow:hidden;background-position:center left;background-repeat:repeat-x;} #lotusPlaceBar h2, .lotusPlaceBar h2{padding:2px 0 0 12px;float:left;font-size:1.4em;line-height:2em;width:500px;font-weight:normal} #lotusPlaceBar .lotusBtnContainer, .lotusPlaceBar .lotusBtnContainer{float:right;padding:.5em 10px 0 0;} /***********************************************************/ /*** S E A R C H ***/ .lotusSearch{} .lotusSearch input{vertical-align:middle;} .lotusSearch .lotusSearchButton{border-width:1px;border-style:solid;} .lotusSearch .lotusText{margin:0 1px;padding:3px 5px 4px 5px;width:11em;border-width:1px;border-style:solid;} /***********************************************************/ /*** S E A R C H T A B ***/ .lotusSearchTab{padding:.3em 5px;z-index:100;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px;} .lotusTabExpanded{-moz-border-radius:4px 4px 0 0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;} .lotusSearchTab a, .lotusSearchTab a:visited{padding-right:18px;display:block;background-position:center right;background-repeat:no-repeat;text-decoration:none;font-weight:bold} #lotusSearchForm{margin:0;padding:12px 10px;position:absolute;top:2.2em;right:0;display:none;z-index:99;border-width:1px;border-style:solid;-moz-border-radius:4px 0 4px 4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;white-space:nowrap} #lotusSearchForm input, #lotusSearchForm select{vertical-align:middle;margin-left:3px;} /***********************************************************/ /*S E C T I O N */ .lotusSection, .portlet-section{margin:15px 0 0 0;padding:2px 0 5px 0;display:inline-block;clear:both} .lotusSection div.lotusChunk, .lotusSection div.lotusSubsection{margin:5px 0 0 0;clear:both;display:inline-block;} div.lotusSubsection div.lotusChunk{margin:0} #lotusContent .lotusSection h2, .lotusContent .lotusSection h2{padding-top:5px;padding-bottom:5px;border-top-width:1px;border-top-style:solid;margin-bottom:5px}/*section header and subheader, center column*/ .lotusSection h2.lotusIcons img, .lotusSection h3.lotusIcons img, .portlet-section h2.lotusIcons img, .portlet-section h3.lotusIcons img{margin-left:3px} .lotusSection div.lotusLast, .portlet-section div.lotusLast{margin-bottom:0}/*gets rid of extra bottom margin on the last "subsection"*/ .lotusDiscussion .lotusSection h2{padding-left:5px} /*section adjustments for the left column*/ #lotusColLeft .lotusSection, .lotusColLeft .lotusSection{border-bottom-width:1px;border-bottom-style:solid;padding-bottom:10px} #lotusColLeft .lotusSubsection, .lotusColLeft .lotusSubsection{margin:15px 0 0 11px} #lotusColLeft .lotusSection div.lotusChunk, .lotusColLeft .lotusSection div.lotusChunk{margin:5px 0 0 11px} #lotusColLeft .lotusSubsection div.lotusChunk, .lotusColLeft .lotusSubsection div.lotusChunk{margin:5px 0 0 0} #lotusColLeft .lotusSection .lotusList{margin:0 -4px} /*allows selection to extend to the left and right of the list items*/ #lotusColLeft .lotusSection .lotusList, #lotusColLeft .lotusSection .lotusInlinelist, #lotusColLeft .lotusSection .lotusTags, .lotusColLeft .lotusSection .lotusList, .lotusColLeft .lotusSection .lotusInlinelist, .lotusColLeft .lotusSection .lotusTags{font-size:.9em} #lotusColLeft .lotusSection .lotusList li{padding-left:5px;padding-right:5px} #lotusColLeft .lotusSection input.lotusText, .lotusColLeft .lotusSection input.lotusText{padding:3px 3px 3px 6px;line-height:1em;width:137px;} #lotusColLeft .lotusSection, #lotusColLeft .lotusSection input, .lotusColLeft .lotusSection, .lotusColLeft .lotusSection input{font-size:1em;line-height:1.2em} #lotusColLeft .lotusSection h2, #lotusColLeft .lotusSection h3, .lotusColLeft .lotusSection h2, .lotusColLeft .lotusSection h3{margin:0;padding:0 0 2px 0;clear:both;overflow:hidden;line-height:1.2em;} #lotusColLeft .lotusSection h2, .lotusColLeft .lotusSection h2{font-size:1.1em} #lotusColLeft .lotusSection .lotusBtn, .lotusColLeft .lotusSection .lotusBtn{width:99%} #lotusColLeft .lotusSection .lotusBtn a, .lotusColLeft .lotusSection .lotusBtn a{padding:4px 0} #lotusColLeft .lotusSection div.lotusLast, .lotusColLeft .lotusSection div.lotusLast{border-bottom-width:0} /*.section div.last is for the last subsection*/ /*section adjustments for the right column*/ #lotusColRight div.lotusChunk{margin:5px 2px 0 10px;} #lotusColRight .lotusSection, .lotusColRight .lotusSection{font-size:1em;line-height:1.4em} #lotusColRight .lotusSection h2, #lotusColRight .lotusSection h3, .lotusColRight .lotusSection h2, .lotusColRight .lotusSection h3{padding:4px 10px} #lotusColRight .lotusSection h2, .lotusColRight .lotusSection h2{font-size:1.1em} #lotusColLeft .lotusInlinelist li, #lotusColRight .lotusInlinelist li, .lotusColLeft .lotusInlinelist li, .lotusColRight .lotusInlinelist li{padding:0 4px} #lotusColLeft .lotusInlinelist li.lotusFirst, #lotusColRight .lotusInlinelist li.lotusFirst, .lotusColLeft .lotusInlinelist li.lotusFirst, .lotusColRight .lotusInlinelist li.lotusFirst{padding-left:0} /*draggable sections*/ .lotusDraggableSection{margin-top:5px;padding-bottom:0} .lotusDraggableSection h2{cursor:move/*tbd*/} /****************************************************************/ /*** S O R T ***/ .lotusSort{margin:3px 10px;font-size:.9em} .lotusSort .lotusInlinelist li{padding:0 5px} .lotusSort .lotusInlinelist li.lotusFirst{padding-left:0} .lotusSort a{padding:2px 0;display:inline-block;background-position:96% center;background-repeat:no-repeat;} #lotusActiveSort, .lotusActiveSort, a.lotusMoreSorts{padding:2px 12px 2px 5px} #lotusActiveSort:hover, #lotusActiveSort:focus, #lotusActiveSort:active, .lotusActiveSort:hover, .lotusActiveSort:focus, .lotusActiveSort:active{text-decoration:none} .lotusSort a.lotusMoreSorts:hover, .lotusSort a.lotusMoreSorts:focus, .lotusSort a.lotusMoreSorts:active{text-decoration:none} /****************************************************************/ /*** S T A T U S ***/ .lotusStatus{margin-bottom:10px;margin-top:0;} #lotusContent .lotusStatus h2, .lotusContent .lotusStatus h2{margin-bottom:0;padding-left:3px;padding-top:4px;border-top-style:none;font-size:1em;} .lotusStatus div{margin-left:19px;padding-top:1px;padding-bottom:1px;border-bottom-style:solid;border-bottom-width:1px;} .lotusStatus div em{margin-left:6px;font-style:italic;font-size:.9em;} .lotusStatus div img{margin-right:3px;} .lotusStatus .last{border-bottom-style:none;} .lotusStatus .lotusArrow{margin-left:3px;} /****************************************************************/ /*** T A B L E S ***/ /*layout table*/ /*note, if you need to use the structure of a relative div containing an absolute div within a layout table, be aware that Safari will only show the portion of your absolute div that is within the table area. This is by design.*/ /*there is no cellpadding built into these tables. Used judiciously for complex layouts.*/ table.lotusLayout td{padding:0;vertical-align:top;} /*default alignment*/ table.lotusLayout td.lotusvAlignMid{vertical-align:middle} /*used for presenting information in a vertical format*/ .lotusVertTable th, .lotusVertTable td{padding:2px} .lotusVertTable th{padding-right:50px;text-align:left;} /*entry/data table*/ .lotusTable{width:100%;} .lotusTable th, .lotusTable td{padding:5px 2px 5px 2px;vertical-align:top;} .lotusTable .lotusSummary td{padding:5px 2px 0 2px} .lotusTable .lotusDetails td, .lotusTable .lotusMore td{padding:0 2px 5px 2px} .lotusTable td{border-top-width:1px;border-top-style:solid} .lotusTable .lotusDetails td, .lotusTable .lotusFirst td, .lotusTable .lotusMore td{border-top-width:0} .lotusTable th.lotusFirstCell, .lotusTable td.lotusFirstCell{padding-left:10px} .lotusTable th.lotusLastCell, .lotusTable td.lotusLastCell{padding-right:10px } .lotusTable div.lotusChunk{margin:7px 0;clear:none} .lotusTable .lotusSS{font-size:.9em;white-space:nowrap;width:30px} /*h4 tags are used for entry titles*/ .lotusTable h4.lotusComplete, .lotusTable h4.lotusComplete a{text-decoration:line-through} /*for to do items*/ /*h5 tags are used for subsections in entry details*/ .lotusTable h5{margin:12px 0 2px 0;} /*some somersaults to get the comment "points" to work. The margin top will only be picked up by the first comment. The rest of the comments are spaced by the bottom relative margin in the comment body - which contains the height of the header plus additional spacing*/ .lotusTable .lotusComment{position:relative;margin:20px 0 2px -10px;padding:0 0 0 10px;} .lotusTable .lotusCommentHeader{padding-left:15px;padding-bottom:3px;position:absolute;top:0;left:16px;z-index:1;height:1.5em;background-position:left bottom;background-repeat:no-repeat;} .lotusTable .lotusCommentBody{position:relative;top:1.7em;margin:0 10px 2.2em 0;padding-left:20px;border-width:1px;border-style:solid;-moz-border-radius:4px;-webkit-border-radius:4px} /*lotusDiscussion is for discussion forums, which treat comments differently*/ /*you need to make sure that your details row only uses one table cell, which spans all columns of the row above, so borders will work properly*/ .lotusDiscussion .lotusSummary td{padding-bottom:2px;border-top-width:5px;border-top-style:solid}/*this is to separate the individual entries, now that they have a blue background on the summary row. You need to assign the lotusSummary class to all the first rows in the discussion table if there is more than one entry displayed.*/ .lotusDiscussion .lotusTable .lotusDetails td{padding:10px 5px 0 25px;border-style:solid;border-width:1px;} .lotusDiscussion .lotusComment{position:relative;margin:10px 0 10px -15px;padding:0} .lotusDiscussion .lotusFlatComment{margin:10px 0 1px -25px} .lotusDiscussion .lotusCommentHeader{position:static;margin:0;padding:3px;height:auto;overflow:hidden} .lotusDiscussion .lotusCommentHeader img{margin-right:5px} .lotusDiscussion .lotusCommentArrow{float:right;margin-top:5px} .lotusDiscussion .lotusCommentBody{margin:0;padding:0 0 0 30px;position:static;-moz-border-radius:0;-webkit-border-radius:0;border-right-width:0} .lotusDiscussion .lotusFlatComment .lotusCommentBody{padding-right:0} .lotusDiscussion td.lotusFirstCell{padding-left:5px} .lotusDiscussion .lotusIndent20{margin-left:20px} .lotusTable .lotusTags{margin:3px 0;padding-left:18px;background-image: url("images/iconTags.gif");background-position:left center;background-repeat:no-repeat;} .lotusTable .lotusFirstCell input{margin:3px 0 0 0} .lotusInfoTable{margin:15px 0 5px 0;padding:5px;border-width:1px;border-style:solid;-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden} /*** 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*/ .lotusTabContainer{height:3em;position:relative;border-bottom-width:1px;border-bottom-style:solid;z-index:1;margin-bottom:10px} ul.lotusTabs, .portlet-tab{margin:0;padding:0;position:absolute;left:10px;bottom:-1px;overflow:hidden;list-style:none;} .lotusTabs li, .portlet-tab li{margin-right:2px;padding-left:3px;float:left;border-width:0 0 1px 0;border-style:solid;background-position:top left;background-repeat:no-repeat;} .lotusTabs a, .lotusTabs a:visited, .portlet-tab a, .portlet-tab:visited{padding:5px 8px 5px 5px;display:block;background-position:top right;background-repeat:no-repeat;text-decoration:none;line-height:1em;}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/ .lotusTabs li.lotusSelected{background-position:top left;background-repeat:no-repeat;} .lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited{background-position:top right;background-repeat:no-repeat;} /*** T A G C L O U D ***/ .lotusTagCloud ul{margin:0;padding:0} .lotusTagCloud li{display:inline} .lotusTagCloud a{text-decoration:none;font-weight:bold} .lotusTagCloud a:hover, .lotusTagCloud a:focus{text-decoration:underline;} a.lotusF5, a.lotusF5:visited{font-size:115%;} a.lotusF4, a.lotusF4:visited{font-size:108%;} a.lotusF3, a.lotusF3:visited{font-size:100%;} a.lotusF2, a.lotusF2:visited{font-size:95%;} a.lotusF1, a.lotusF1:visited{font-size:90%;} /***********************************************************/ /*** T I T L E B A R ***/ #lotusTitleBar, .lotusTitleBar{height:3.5em;position:relative;border-bottom-width:1px;border-bottom-style:solid;background-position:top left;background-repeat:repeat-x;} #lotusTitleBar .lotusRightCorner, .lotusTitleBar .lotusRightCorner{background-position:top right;background-repeat:no-repeat;height:3.5em;padding-right:6px} #lotusTitleBar .lotusInner, .lotusTitleBar .lotusInner{background-position:top left;background-repeat:no-repeat;height:3.5em;} #lotusTitleBar h2, .lotusTitleBar h2{padding:3px 0 0 12px;float:left;font-size:1.5em;line-height:2em;letter-spacing:0;width:200px;font-weight:normal} #lotusTitleBar .lotusTabs, #lotusTitleBar .portlet-tab, .lotusTitleBar .lotusTabs, .lotusTitleBar .portlet-tab{left:210px} #lotusTitleBar .lotusTabs li, .lotusTitleBar .lotusTabs li{padding-left:5px;} #lotusTitleBar .lotusSearch, .lotusTitleBar .lotusSearch{position:absolute;top:.8em;right:15px} #lotusTitleBar .lotusTabs a, #lotusTitleBar .lotusTabs a:visited, .lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:visited{display:block;padding:10px 10px 8px 7px;text-decoration:none;line-height:1em;background-position:top right;background-repeat:no-repeat;font-weight:bold;line-height:1em}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/ /***********************************************************/ /*** T R E E ***/ /*needs review - need additional tree visuals from Jason*/ ul.lotusTree, ul.portlet-tree{margin:0;padding:0;list-style-type:none;line-height:1.5em;} #lotusColRight ul.lotusTree{margin-left:-10px} .lotusTree ul, .portlet-tree ul{margin:0 0 0 14px;padding:0;list-style-type:none;} .lotusTree li, .portlet-tree li{margin:0;padding:0;} .lotusTree a, .portlet-tree a{text-decoration:none;} .lotusTree a:hover, .lotusTree a:focus, .portlet-tree a:hover, .portlet-tree a:focus{text-decoration:underline} .lotusTree .lotusIcon{margin-right:3px} .lotusTree input{margin:0 4px 0 2px;padding:0} /*this is a specific type of tree*/ .lotusOrgChart ul{margin-left:11px} .lotusOrgChart li{padding:2px 0} .lotusOrgChart li a{margin:0;padding:0 0 5px 20px;background-position:left top;background-repeat:no-repeat;} .lotusOrgChart .lotusBottom{padding:2px 0 5px 20px;background-position:left 5px;background-repeat:no-repeat;} /***********************************************************/ /***added by Chris S for dashboard 10/18/07, this is still being worked on***/ .lotusDashboard #lotusMain{background-position:top right;background-repeat:repeat-y} .lotusDashboard #lotusColRight{width:160px;} .lotusDashboard #lotusColRight h2{text-transform:uppercase;font-size:.9em} #lotusContent .lotusColOne, #lotusContent .lotusColTwo, .lotusContent .lotusColOne, .lotusContent .lotusColTwo{width:50%;float:left;} .lotusWidget{border-width:2px;border-style:solid;margin:0 10px 10px 5px;} .lotusWidget h2{padding:3px 5px;overflow:hidden;cursor:move} .lotusWidget h2 img{margin:3px} .lotusWidget h2 .lotusDivider{float:right;margin-top:-2px} .lotusWidget h3{padding:3px 0px 3px 5px;overflow:hidden;border-bottom:1px solid;} .lotusWidgetBody{clear:both;padding:3px} .lotusWidgetBody .lotusSection {margin-top:0px;} .lotusWidgetButtons{margin:5px;} .lotusWidgetButtons li{background-position:bottom left;background-repeat:repeat-x;border-width:1px;border-style:solid;padding:3px 0 0 0;margin:1px 0} .lotusWidgetButtons div{padding:0 5px 5px 40px;background-position:5px 0;background-repeat:no-repeat;display:block;text-decoration:none;cursor:move;line-height:1em} .lotusWidgetButtons .lotusTitle{font-size:1.2em;line-height:1.2em;display:block;font-weight:bold;} .lotusWidgetFooter {margin:0 3px 0 10px} .lotusWidgetFooter ul.lotusVCard {margin-left:95px;} .lotusWidgetFooter img{vertical-align:top} .lotusWidgetSearch {padding:5px 10px 0 10px} .lotusWidgetSearch img {padding-right:10px} /* defaultTheme.css */ /* 5724-S31 */ /* disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /* */ /*********************************************************************/ /* CSS Document */ /*version 1.03 12/14/07*/ /* REMOVED FROM COMMONSTYLESHEET.CSS body{color:#222;background-color:#fbfcfd;background-image:url(./images/background.png)} */ #lotusContent, .lotusContent{background-color:#fff;} #lotusMain, #lotusFooter, .lotusMain, .lotusFooter{background-color:#fff;border-color:#cfcfcf;} #lotusMain, .lotusMain{border-top-color:#568dd0;background-image:url(../../../../../qphtml/skins/common/images/sidebar.gif)} #lotusFooter th, .lotusFooter th{color:#666} #lotusFooter th, #lotusFooter td, .lotusFooter th, .lotusFooter td{border-color:#e0e0e0} h1, h2, .lotusWidget h3{color:#444} #lotusColRight h2, .lotusColRight h2{background-color:#eee} /*general styles*/ .lotusRequired{color:#efa229} .lotusMeta{color:#666} .lotusHighlighted{color:#f00}/*red*/ /*general list styles*/ .lotusInlinelist li{border-color:#ccc;} #lotusColLeft .lotusInlinelist li, .lotusPaging .lotusInlinelist li, .lotusColLeft .lotusInlinelist li,{border-color:#8d8d8d;} /*** L I N K S ***/ /* a:link, a:visited{color:#105cb6} a:hover, a:focus, a:active{color:#05386b;} */ a.lotusPerson, a.lotusPerson:visited{color:#578cca;}/*person links pop up a related menu*/ .lotusTags a:link, .lotusTags a:visited, a.lotusTag:link, a.lotusTag:visited{color:#578cca;}/*tag*/ .lotusRelatedTags a{background-image:url(images/iconRelatedTag.gif)} /*my links indicate bookmarks you have created - add this onto people and tag class links*/ a.lotusMyLink, a.lotusMyLink:visited, .lotusMyLinks a, .lotusMyLinks a:visited{color:#44a244 !important} /*link hover styles*/ .lotusTags a:hover, .lotusTags a:focus, a.lotusTag:hover, a.lotusTag:focus, a.lotusPerson:hover, a.lotusPerson:focus{border-bottom-color:#05386b;color:#05386b;} a.lotusMyLink:hover, a.lotusMyLink:focus, .lotusMyLinks a:hover, .lotusMyLinks a:focus {color:#05386b !important;border-bottom-color:#05386b;} /*single and group action links*/ /*this is to provide a class for overriding link colors in groups of links to indicate that the link is an action link (like the "Tag this" link in a tag group*/ a.lotusAction, a.lotusAction:visited{color:#105cb6 !important;} a.lotusAction:hover, a.lotusAction:focus, .lotusActions a:hover, .lotusActions a:focus, .lotusTags a.lotusAction:hover, .lotusTags a.lotusAction:focus {color:#05386b !important;} /*to assign an icon to an action link, you need to assign a unique id to the link and give it a background image. The rest of the code is in this css declaration*/ .lotusActions a, .lotusActions a:visited{color:#105cb6;} a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{background-color:transparent;background-image: url("./images/twistyOpen.gif")} /*sample #help a{background-image:url(images/help.gif)}*/ /*** C S S S P R I T E S ***/ /*these definitions include all the background properties*/ .lotusSprite{background-repeat:no-repeat;} /*arrows, for dropdowns and twisties*/ /*coordinates are x,y coordinates of the image placement within the larger image (with minus sign in front)*/ .lotusArrow{background-image:url(../../../../../qphtml/skins/common/images/arrows.gif);} .lotusTwistyOpen{background-position:0 0} .lotusDraggableSection .lotusTwistyOpen{background-position:-52px 0} .lotusTwistyOpen:hover, .lotusTwistyOpen:focus{background-position:-13px 0} .lotusTwistyClosed{background-position:-26px 0} .lotusDraggableSection .lotusTwistyClosed{background-position:-65px 0} .lotusTwistyClosed:hover, .lotusTwistyClosed:focus{background-position:-39px 0} /*status section*/ .lotusStatus .lotusTwistyOpen{background-position:0 -34px} .lotusStatus .lotusTwistyOpen:hover, .lotusStatus .lotusTwistyOpen:focus{background-position:-11px -34px} .lotusStatus .lotusTwistyClosed{background-position:-22px -34px} .lotusStatus .lotusTwistyClosed:hover, .lotusStatus .lotusTwistyClosed:focus{background-position:-33px -34px} /*left column and menu arrows are a little smaller*/ #lotusColLeft .lotusTwistyOpen, .lotusColLeft .lotusTwistyOpen{background-position:0 -18px} #lotusColLeft .lotusTwistyOpen:hover, #lotusColLeft .lotusTwistyOpen:focus, .lotusColLeft .lotusTwistyOpen:hover, .lotusColLeft .lotusTwistyOpen:focus{background-position:-11px -18px} #lotusColLeft .lotusTwistyClosed, .lotusColLeft .lotusTwistyClosed{background-position:-22px -18px} #lotusColLeft .lotusTwistyClosed:hover, #lotusColLeft .lotusTwistyClosed:focus, .lotusColLeft .lotusTwistyClosed:hover, .lotusColLeft .lotusTwistyClosed:focus{background-position:-33px -18px} .lotusTwistyOpenMenu{background-position:-11px -34px} .lotusTwistyOpenMenu:hover, .lotusTwistyOpenMenu:focus{background-position:-11px -34px} .lotusTwistyClosedMenu{background-position:-22px -34px} .lotusTwistyClosedMenu:hover, .lotusTwistyClosedMenu:focus{background-position:-33px -34px} /*view controls*/ .lotusViewControl{background-color:#fff;background-image:url(../../../../../qphtml/skins/common/images/btnbkgd.png);border-color:#c0c7cd} .lotusView{background-image:url(../../../../../qphtml/skins/common/images/views.gif);} .lotusListOff {background-position:-2px -52px} .lotusListOff:hover, lotusListOff:focus{background-position:-27px -52px} .lotusListOn {background-position:-52px -52px} .lotusDetailsOff {background-position:-2px -77px} .lotusDetailsOff:hover, .lotusDetailsOff:focus {background-position:-27px -77px} .lotusDetailsOn {background-position:-52px -77px} .lotusDetailsOn:hover, .lotusDetailsOn: {background-position:-52px -77px} .lotusTreeOff {background-position: -2px -2px;} .lotusTreeOff:hover, .lotusTreeOff:focus {background-position: -27px -2px;} .lotusTreeOn {background-position: -52px -2px;} .lotusTileOff {background-position: -2px -27px;} .lotusTileOff:hover, .lotusTileOff:hover {background-position: -27px -27px;} .lotusTileOn {background-position: -52px -27px;} .lotusFolderOff {background-position: -2px -102px;} .lotusFolderOff:hover, .lotusTileOff:hover {background-position: -27px -102px;} .lotusFolderOn {background-position: -52px -102px;} /***********************************************************/ /*** A C T I O N M E N U ***/ ul.lotusActionMenu{background-color:#fff;border-color:#649de1;background-image:url(../../../../../qphtml/skins/common/images/actionmenubkgd.gif)} .lotusActionMenu li{} .lotusActionMenu li.lotusSelected a{background-image:url(images/checkmark.gif);} .lotusActionMenu li.lotusMenuSeparator{border-top-color:#b3cae9 !important} .lotusActionMenu a, .lotusActionMenu a:visited{color:#000;} .lotusActionMenu a:hover{color:#000;background-color:#cfecff;} /*any specific icon menu items*/ .lotusSendMail a{background-image:url(images/iconSendMail.gif)} /***********************************************************/ /*** B A N N E R ***/ #lotusBanner, .lotusBanner{background-color:transparent;} #lotusBanner ul li, .lotusBanner ul li{color:#000;background-color:transparent;border-left-color:#639ade} #lotusBanner ul li.lotusFirst, .lotusBanner ul li.lotusFirst{background-image:none} #lotusBanner ul.lotusLinks li a, .lotusBanner ul.lotusLinks li a{color:#000} #lotusBanner ul.lotusLinks li.lotusSelected a, .lotusBanner ul.lotusLinks li.lotusSelected a{color:#fff;background-color:#649de1} /***********************************************************/ /*** B U T T O N S ***/ /*graphic button, set width*/ .lotusButton{border-color:#86b75e} .lotusButton a, .lotusButton a:visited{color:#fff;background-color:#9ce181;border-color:#9cda43;background-image:url( ../../../../../qphtml/skins/common/images/buttonbkgd.png);} .lotusShadow{background-color:#e0e0e0;} span.lotusBtn{border-color:#c0c7cd;} span.lotusBtn a, span.lotusBtn a:visited{color:#0084ff;background-color:#fff;border-color:#fefefe;background-image:url(../../../../../qphtml/skins/common/images/btnbkgd.png);} span.lotusBtnAction{border-color:#86b75e} span.lotusBtnAction a, span.lotusBtnAction a:visited{color:#fff;background-color:#9ce181;border-color:#9cda43;background-image:url(../../../../../qphtml/skins/common/images/btnactionbkgd.png);} .lotusButton:hover, .lotusButton:focus, .lotusBtnAction:hover, .lotusBtnAction:focus{border-color:#385e19} span.lotusBtn:hover, span.lotusBtn:focus{border-color:#8e8e8e;} .lotusBtnDivider{border-color:#e0e0e0} /*** C A P T I O N ***/ .lotusCaption{background-color:#f3f3f3;} /***********************************************************/ /*** C O P Y R I G H T **/ .lotusLegal{background-image:url(../../../../../qphtml/skins/common/images/ibm_logo.gif)} .lotusLegal p{color:#666;} /***********************************************************/ /*** F O R M S ***/ .lotusFormTable {background-color:#F0F4F7} .lotusFormFooter {background-color:#E2EBF1;padding:10px 25px !important;} .lotusFormRequired {color:#FF0000;} /* button elements */ input.lotusFormButton {border:1px solid #4C94D6;background:url(./images/formBtnBg.gif) top left repeat-x;} /*** H E A D E R ***/ .lotusHeader .lotusDetails p{color:#666} .lotusHeader .lotusAction{border-left-color:#ccc;}/*need?*/ .lotusFilters a{background-color:#f4f7fc;border-color:#c4d8f2} .lotusFilters a .lotusClose{color:#c4d8f2} .lotusFilters a:hover .lotusClose{color:#9eaac5} /*** I N F O B O X ***/ /*this is used for help and tips*/ .lotusInfoBox, .portlet-msg{background-color:#fef6ab;border-color:#e2c15a;} .lotusInfoBox h3, .portlet-msg h3{color:#b47429;} .lotusHelp{background-color:#fff} /***********************************************************/ /*** L I S T S ***/ /*use in conjuction with sections if you want a more complex list*/ ul.lotusList li.lotusSelected{background-color:#cfecff} ul.lotusList li.lotusSelected a{color:#000;} /***********************************************************/ /*** M E N U ***/ .lotusMenu, .portlet-menu{background-color:#eefee1;background-image:url(../../../../../qphtml/skins/common/images/menutop.gif);} .lotusMenu .lotusBottomCorner{background-image:url(../../../../../qphtml/skins/common/images/menubottom.gif);} .lotusMenu .lotusInner{background-image:url(../../../../../qphtml/skins/common/images/menumiddle.gif);} .lotusMenu .lotusMenuSection{border-bottom-color:#73be59;} .lotusMenu h3{color:#4f9815} .lotusMenu h3.selected, .portlet-menu h3.selected{color:#fff;background-color:#73be59;border-color:#73be59;} .lotusMenu li.lotusSelected a, .lotusMenu li.lotusSelected a:visited, .portlet-menu li.lotusSelected a, .portlet-menu li.lotusSelected a:visited{color:#fff;background-color:#73be59;border-color:#73be59;} /***********************************************************/ /*** M E S S A G E S ***/ .lotusMessage{background-color:#fff799;border-color:#ffcd04;} /***********************************************************/ /*** P A G I N G ***/ .lotusPaging{color:#848484;background-color:#f3f3f3;} .lotusPaging ul li, .lotusPaging div{color:#848484;} .lotusPaging input{color:#848484;} /*** P E R S O N C A R D***/ /*lotusAppLinks are the application links at the top of the card*/ .lotusPersonCard .lotusAppLinks{background-color:#fff;border-color:#c5c5c5;background-image:url(../../../../../qphtml/skins/common/images/placebar.png);} .lotusPersonCard .lotusAppLinks li{background-color:transparent;background-image:url(./images/btnRowDivider.png)} .lotusPersonCard .lotusAppLinks li.lotusFirst{background-image:none} /*lotusPersonDetails is the detail area of the card that contains all info for the person*/ .lotusPersonCard .lotusPersonDetails{border-top-color:#fff;background-color:#eff2f5;} .lotusPersonCard .lotusPhoto{border-color:#bdc4ca;} /*lotusComments in the person card contains status information for the person*/ .lotusPersonCard .lotusCommentHeader{background-image:url(images/commentPointPersonCard.gif);} .lotusPersonCard .lotusCommentBody{color:#666;background-color:#fff;border-color:#a0acba;} /*lotusPersonActions are actions you can perform on this person, from the person card*/ .lotusPersonCard .lotusPersonActions{background-color:#fff;border-top-color:#c5c5c5} .lotusPersonCard .lotusPersonActions .lotusInlinelist li{border-left-color:#105cb6 !important} /*popup version of the card (from name links)*/ .lotusPopupCard{border-color:#c5c5c5;background-color:#eff2f5} /*dropdown version (from person photo in page titles)*/ .lotusDropDownCard{background-color:#fff;border-color:#cbd2d9;} .lotusDropDownCard .lotusAppLinks{border-color:#cbd2d9} .lotusDropDownCard .lotusPersonDetails{border-color:#fff #cbd2d9 #cbd2d9 #cbd2d9} /***********************************************************/ /*** P I V O T N A V I G A T I O N ***/ /*this is the person photo in page headers that opens up the drop down person card for navigating to their pages in each application*/ .lotusPivotNavToggle{background-color:#fff;border-color:#cbd2d9;} .lotusPivotNavToggle a{background-color:#edecec;background-image:url(./images/vCardClosed.gif)} .lotusPivotNavOpen .lotusPivotNavToggle a{background-image:url(./images/vCardOpen.gif)} /***********************************************************/ /*** P L A C E B A R ***/ #lotusPlaceBar, .lotusPlaceBar{border-color:#c0c7cd;background-image:url(../../../../../qphtml/skins/common/images/placebar.png);} #lotusPlaceBar h2, .lotusPlaceBar h2{color:#000;} /*** S E A R C H ***/ .lotusSearch .lotusSearchButton{border-color:#2f76b9;} .lotusSearch .lotusSearchButton:hover, .lotusSearch .lotusSearchButton:focus{border-color:#10395f;} .lotusSearch .lotusText{border-color:#5581b7;} #lotusColLeft .lotusSearch .lotusText, .lotusColLeft .lotusSearch .lotusText{border-color:#a7a9bb;} .lotusSearch .lotusInactive{color:#999} .lotusSearch a:hover, .lotusSearch a:focus{background-color:transparent} /***********************************************************/ /*** S E A R C H T A B ***/ .lotusSearchTab{background-color:#fff;border-color:#ccc;} .lotusSearchTab:hover, .tabExpanded{color:#414546} .tabExpanded{border-bottom-color:#fff;} .lotusSearchTab a, .lotusSearchTab a:visited{color:#000;background-image:url(./images/searchArrowClosed.gif);} .lotusSearchTab a:hover{background-image:url(./images/searchArrowHover.gif)} .tabExpanded a, .tabExpanded a:visited{background-image:url(./images/searchArrowOpen.gif)} .tabExpanded a:hover{background-image:url(./images/searchArrowOpenHover.gif)} #lotusSearchForm, .lotusSearchForm{background-color:#fff;border-color:#ccc;} #lotusSearchForm input, .lotusSearchForm input{color:#999} #lotusSearchForm option, .lotusSearchForm option{color:black} #lotusSearchForm .lotusText, .lotusSearchForm .lotusText{color:#999} /***********************************************************/ /*S E C T I O N */ .lotusSection input{color:#666;} /*section header and subheader*/ #lotusContent .lotusSection h2, .lotusContent .lotusSection h2{border-top-color:#cccbcb}/*center column*/ #lotusColLeft .lotusSection h2, .lotusColLeft .lotusSection h2{color:#39577a} #lotusColLeft .lotusSection, .lotusColLeft .lotusSection{border-bottom-color:#c9d8e9} /*draggable sections*/ .lotusDraggableSection h2{background-color:#eeeff1} /****************************************************************/ /*** S O R T ***/ #lotusActiveSort, .lotusActiveSort{color:#000;background-color:#cfecff;} .lotusSort .lotusAscending{background-image:url(../../../../../qphtml/skins/common/images/sortascending.gif)} .lotusSort .lotusDescending{background-image:url(../../../../../qphtml/skins/common/images/sortdescending.gif)} .lotusSort a.lotusMoreSorts{background-image:url(../../../../../qphtml/skins/common/images/btndropdown.gif);} .lotusSort a.lotusMoreSorts:hover, .lotusSort a.lotusMoreSorts:focus, .lotusSort a.lotusMoreSorts:active{color:#fff;background-color:#649de1;background-image:url(../../../../../qphtml/skins/common/images/btndropdownaction.gif);} /****************************************************************/ /*** S T A T U S ***/ .lotusStatus{background-color:#edfee1;} .lotusStatus h2{color:#55963e;} .lotusStatus div{border-bottom-color:#c4e9a9;} .lotusStatus div em{color: #777;} /****************************************************************/ /*** T A B L E S ***/ .lotusVertTable th{color:#666;} .lotusTable{border-bottom-color:#e5e5e5;} .lotusTable td{border-top-color:#e5e5e5} .lotusTable h4.lotusComplete, .lotusTable h4.lotusComplete a{color:#666} .lotusTable h5{color:#4f9815} .lotusTable .lotusCommentHeader{background-image:url(images/commentPoint.gif);} .lotusTable .lotusCommentBody{background-color:#e6f1ff;border-color:#c4d8f2;} .lotusTable .lotusCommentOwner .lotusCommentHeader{background-image:url(images/commentPointOwner.gif);} .lotusTable .lotusCommentOwner .lotusCommentBody{background-color:#fff;border-color:#c4d8f2;} .lotusTable .lotusCommentMy .lotusCommentHeader{background-image:url(images/commentPointMy.gif);} .lotusTable .lotusCommentMy .lotusCommentBody{background-color:#edfee1;border-color:#c3e5ab;} .lotusTable caption, .portlet-table caption{color:#666;background-color:#f3f3f3;border-color:#e0e0e0;} /*lotusDiscussion is for discussion forums, which treat comments differently*/ .lotusDiscussion .lotusSummary td{border-top-color:#fff}/*this needs to match the background color of the content section - it is for faux spacing*/ .lotusDiscussion .lotusTable td{background-color:#cfecff} .lotusDiscussion .lotusTable .lotusDetails td{background-color:#fff;border-color:#e7e8ea} .lotusDiscussion .lotusCommentHeader{background-image:none !important;background-color:#eeeff1} .lotusDiscussion .lotusCommentBody{background-color:#fff !important;border-color:#e7e8ea !important} .lotusDiscussion .lotusCommentOwner .lotusCommentHeader{background-color:#cfecff} .lotusDiscussion .lotusCommentMy .lotusCommentHeader{background-color:#edfee1} .lotusTable .lotusSS{color:#666;} .lotusTable .lotusPaging, .lotusCaption .lotusPaging, .portlet-table .lotusPaging{background-color:#f3f3f3} .lotusTable .lotusPaging td, .portlet-table .lotusPaging td{border-color:#e0e0e0;} .lotusInfoTable {background-color:#f0f0f0;border-color:#e3e3e3;} .lotusCaption .lotusPaging, .lotusCaption .lotusPaging td{background-color:transparent} .lotusCaption select{color:#666} /*** T A B S ***/ .lotusTabContainer{border-bottom-color:#e0e0e0;} .lotusTabs li, .portlet-tab li{border-bottom-color:#e0e0e0;background-image:url(../../../../../qphtml/skins/common/images/lefttabcontent.gif)} .lotusTabs a, .lotusTabs a:visited, .portlet-tab a, .portlet-tab:visited{color:#333;background-image:url(../../../../../qphtml/skins/common/images/righttabcontent.gif)} .lotusTabs a:hover, .lotusTabs a:focus, .portlet-tab a:hover, .portlet-tab a:focus{color:#000;} .lotusTabs li.lotusSelected, .portlet-tab li.lotusSelected{background-color:transparent;border-bottom-color:#fff;background-image:url(../../../../../qphtml/skins/common/images/lefttabcontentselected.gif);} .lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .portlet-tab li.lotusSelected a, .portlet-tab li.lotusSelected a:visited{color:#000;background-image:url(../../../../../qphtml/skins/common/images/righttabcontentselected.gif);} /***********************************************************/ /*** T A G C L O U D ***/ a.lotusF5, a.lotusF5:visited{color:#1c3052} a.lotusF4, a.lotusF4:visited{color:#2b588e} a.lotusF3, a.lotusF3:visited{color:#4477bb} a.lotusF2, a.lotusF2:visited{color:#649cd8} a.lotusF1, a.lotusF1:visited{color:#8bbce8} /***********************************************************/ /*** T I T L E B A R ***/ #lotusTitleBar, .lotusTitleBar{border-bottom-color:#6794cb;background-image:url(../../../../../qphtml/skins/common/images/titlebarmid.png);} #lotusTitleBar .lotusRightCorner, .lotusTitleBar .lotusRightCorner{background-image:url(../../../../../qphtml/skins/common/images/titlebarright.png)} #lotusTitleBar .lotusInner, .lotusTitleBar .lotusInner{background-image:url(../../../../../qphtml/skins/common/images/titlebarleft.png)} #lotusTitleBar h2, .lotusTitleBar h2{color:#fff;} #lotusTitleBar .lotusTabs li, .lotusTitleBar .lotusTabs li{border-bottom-color:#6794cb;background-image:url(../../../../../qphtml/skins/common/images/lefttab.gif);} #lotusTitleBar .lotusTabs a, #lotusTitleBar .lotusTabs a:visited, .lotusTitleBar .lotusTabs a, .lotusTitleBar .lotusTabs a:visited{color:#fff;background-image:url(../../../../../qphtml/skins/common/images/righttab.gif);} #lotusTitleBar .lotusTabs li.lotusSelected, .lotusTitleBar .lotusTabs li.lotusSelected{border-bottom-color:#fff;background-image:url(../../../../../qphtml/skins/common/images/lefttabselected.gif);} #lotusTitleBar .lotusTabs li.lotusSelected a, #lotusTitleBar .lotusTabs li.lotusSelected a:visited, .lotusTitleBar .lotusTabs li.lotusSelected a, .lotusTitleBar .lotusTabs li.lotusSelected a:visited{color:#000;background-image:url(../../../../../qphtml/skins/common/images/righttabselected.gif);} #lotusTitleBar .lotusTabs li:hover a, .lotusTabs li:focus a, .lotusTitleBar .lotusTabs li:hover a,{color:#fff} #lotusTitleBar .lotusTabs li.lotusSelected a:hover, #lotusTitleBar .lotusTabs li.lotusSelected a:focus, .lotusTitleBar .lotusTabs li.lotusSelected a:hover, .lotusTitleBar .lotusTabs li.lotusSelected a:focus{color:#000} /***********************************************************/ /*** T R E E ***/ .lotusOrgChart li a{background-image:url(./images/orgParentNode.gif);} .lotusOrgChart a.lotusTop{background-image:url(./images/orgTopNode.gif)} .lotusOrgChart .lotusBottom{background-image:url(./images/orgBottomNode.gif)} /***********************************************************/ /***added by Chris S for dashboard 10/18/07***/ .lotusDashboard #lotusMain{background:url(../../../../../qphtml/skins/common/images/colbkgd160.gif)} .lotusDashboard #lotusColRight h2{background-color:transparent;} .lotusWidget{border-color:#e7eef6;} .lotusWidget h2{background-color:#e7eef6;} .lotusWidget h2 .lotusDivider{color:#ccc;} .lotusWidget .lotusWidgetBody h2 {background-color:transparent;} .lotusWidget h3{border-bottom-color:#e0e0e0} .lotusWidgetFooter .lotusProfiles {background-color: #EFFFDE;} .lotusWidgetFooter .lotusProfiles h3 {color:#6BB751;} .lotusWidgetButtons li{background-color:#fff;border-color:#d8e0ed;background-image:url(./images/widgetButtonBkgd.gif);} #dogearButton{background-image:url(./images/widgetButtonDogear.gif)} #profileButton{background-image:url(./images/widgetButtonProfiles.gif)} #blogButton{background-image:url(./images/widgetButtonBlogs.gif)} #communityButton{background-image:url(./images/widgetButtonCommunities.gif)} #activityButton{background-image:url(./images/widgetButtonActivities.gif)} #readerButton{background-image:url(../../../../../qphtml/skins/common/images/widgetbuttonrss.gif)} /* iehacks.css */ /* 5724-S31 */ /* disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /* */ /*********************************************************************/ /* CSS Document */ /*version 1.03 12/14/07*/ .lotusActions{padding-bottom:1px}/*to insure the dotted underline border shows in ie*/ .lotusPaging input{font-family:Arial, Helvetica, sans-serif;font-size:.9em} span.lotusBtn{display:inline-block} #lotusColLeft .lotusSection input.lotusText, .lotusColLeft .lotusSection input.lotusText{margin-left:-10px} .lotusList a, ul.lotusList li.lotusSelected a{border-bottom:1px dotted transparent}/*need to use tag and person classes here*/ .lotusFilters a{padding:0 5px} *html #lotusMain, *html .lotusMain, *html .lotusHeader, *html .lotusForm div, *html .lotusInfoBox, *html .lotusInfoBox h3, *html .lotusSection, *html .lotusMenuSection, *html .lotusAboutBox, *html #lotusWelcomeBox, *html .lotusWelcomeBox, *html .lotusComment, .lotusCommentBody, .lotusMenu li, .lotusList li, .lotusActionMenu a, .lotusActionMenu li, .lotusTagCloud li, *html .lotusPivotNavToggle, { height: 1%; } *html #lotusContent, *html .lotusContent{display:inline-block;padding-left:15px} *html #lotusColRight #lotusChain, *html .lotusColRight .lotusChain {padding-bottom: 0px;} *html #lotusFrame, *html .lotusFrame{width:expression( documentElement.clientWidth < 990 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 990 ? "990px" : "auto") : "990px") : "auto" );} *html #lotusBanner, *html .lotusBanner{margin-bottom:6px} *html #lotusBanner ul, *html .lotusBanner ul{margin-top:2px} *html #lotusTitleBar, *html .lotusTitleBar{clear:both} *html .lotusHeader{margin-top:20px} *html .lotusSprite{overflow:hidden} *html span.lotusBtn img{padding:7px 0 8px 0} /*button with drop-down arrow*/ *html .lotusSearch .lotusText{padding:2px 5px 3px 5px;} *html .lotusButton a:hover, *html .lotusButton a:focus, *html .lotusBtnAction a:hover, *html .lotusBtnAction a:focus, *html span.lotusBtn a:hover, *html span.lotusBtn a:focus{color:#05386b} *html .lotusWidget h2{display:inline-block;margin-right:0} *html .lotusList a{border-bottom:1px dotted #f1f5fa}/*need to use tag and person classes here and accommodate gray and white backgrounds*/ *html .lotusList a{border-bottom:1px dotted #f1f5fa} *html ul.lotusList li.lotusSelected a{border-bottom:1px dotted #cfecff} .lotusDiscussion .lotusComment{margin-left:10px} .lotusDiscussion .lotusFlatComment{margin-left:5px} .lotusDiscussion .lotusCommentBody, .lotusDiscussion .lotusTable .lotusDetails td{padding-left:0} .lotusDiscussion .lotusCommentBody div.lotusChunk, .lotusDiscussion .lotusCommentBody div.lotusTags, .lotusDiscussion .lotusTable .lotusDetails td div.lotusChunk, .lotusDiscussion .lotusTable .lotusDetails td div.lotusTags, .lotusDiscussion .lotusTable .lotusDetails td p{margin-left:30px} *html .lotusPersonCard .lotusAppLinks li{padding:0 9px;} *html .lotusPivotNavToggle a{text-decoration:none !important;} /***************************/ /*r1 hacks, uncomment as needed: *html #lotusBanner h1 {margin:3px 0 0 7px} *html #welcomeBox .close{position:absolute;top:5px;right:15px} *html #welcomeBox .welcomeButton{position:relative} *html a.welcomeButtonBottom{padding-bottom:9px;}*/ /* IE spacing */ /**html .blog .welcomeBody {padding-top:25px;} *html .aboutBox {padding-bottom:8px;margin-bottom:20px;} *html .aboutBoxBody img {margin-bottom:-10px;} *html .lotusSection form{margin:0} *html .inlineNavCard h3 {padding-top:0;margin-top:0;} *html .inlineNavCard span.lotusFirst {padding:2px 5px 5px 5px; margin-top:3px;} *html .inlineNavCardBottom {height:7px;z-index:100;margin-top:-3px} *html .inlineNavCard .toggler {margin-left:3px;} *html #lotusContent #bio .bioLevel1Text {padding-bottom:20px;}*/ /* Quickr81.css */ /* 5724-S31 */ /* disclosure restricted by GSA ADP Schedule Contract with IBM Corp. */ /* */ /*********************************************************************/ /***************************************************************** ** CLASSES Added for overrides of the standard OneUI classes ** Used mostly for pointing to the correct images ******************************************************************/ /*** Override the image refernces ***/ /* REMOVED FROM COMMONSTYLESHEET.CSS body{background-image:url(/qphtml/skins/common/images/background.png)} */ #lotusMain{background-image:url(/qphtml/skins/common/images/sidebar.gif)} a.lotusDropDown, a.lotusDropDown:visited, a.lotusDropDown:active{background-image: url(/qphtml/skins/common/images/twistyOpen.gif)} .lotusArrow{background-image:url(/qphtml/skins/common/images/arrows.gif);} .lotusButton a, .lotusButton a:visited{background-image:url(/qphtml/skins/common/images/buttonBkgd.png);} span.lotusBtn a, span.lotusBtn a:visited{background-image:url(/qphtml/skins/common/images/btnBkgd.png);} span.lotusBtnAction a, span.lotusBtnAction a:visited{background-image:url(/qphtml/skins/common/images/btnActionBkgd.png);} .lotusLegal{background-image:url(/qphtml/skins/common/images/IBM_logo.gif)} .lotusMenu, .lotusPortlet-menu{background-image:url(/qphtml/skins/common/images/menuTop.gif);} .lotusMenu .lotusBottomCorner{background-image:url(/qphtml/skins/common/images/menuBottom.gif);} .lotusMenu .lotusInner{background-image:url(/qphtml/skins/common/images/menuMiddle.gif);} #lotusPlaceBar{background-image:url(/qphtml/skins/common/images/placeBar.png);} .lotusTabs li, .lotusPortlet-tab li{background-image:url(/qphtml/skins/common/images/leftTabContent.gif)} .lotusTabs a, .lotusTabs a:visited, .lotusPortlet-tab a, .lotusPortlet-tab:visited{background-image:url(/qphtml/skins/common/images/rightTabContent.gif)} .lotusTabs li.lotusSelected, .lotusPortlet-tab li.lotusSelected{background-image:url(/qphtml/skins/common/images/leftTabContentSelected.gif);} .lotusTabs li.lotusSelected a, .lotusTabs li.lotusSelected a:visited, .lotusPortlet-tab li.lotusSelected a, .lotusPortlet-tab li.lotusSelected a:visited{background-image:url(/qphtml/skins/common/images/rightTabContentSelected.gif);} #lotusTitleBar{background-image:url(/qphtml/skins/common/images/titlebarMid.png);z-index:100;} /* lower z-index so person card shows on top */ #lotusTitleBar .lotusRightCorner{background-image:url(/qphtml/skins/common/images/titlebarRight.png)} #lotusTitleBar .lotusInner{background-image:url(/qphtml/skins/common/images/titlebarLeft.png)} #lotusTitleBar .lotusTabs li{background-image:url(/qphtml/skins/common/images/leftTab.gif);} #lotusTitleBar .lotusTabs a, #lotusTitleBar .lotusTabs a:visited{background-image:url(/qphtml/skins/common/images/rightTab.gif);} #lotusTitleBar .lotusTabs li.lotusSelected{background-image:url(/qphtml/skins/common/images/leftTabSelected.gif);} #lotusTitleBar .lotusTabs li.lotusSelected a, #lotusTitleBar .lotusTabs li.lotusSelected a:visited{background-image:url(/qphtml/skins/common/images/rightTabSelected.gif);} .lotusOrgChart li a{background-image:url(/qphtml/skins/common/images/orgParentNode.gif);} .lotusOrgChart a.lotusTop{background-image:url(/qphtml/skins/common/images/orgTopNode.gif)} .lotusOrgChart .lotusBottom{background-image:url(/qphtml/skins/common/images/orgBottomNode.gif)} .lotusVCardController a{background-image:url(/qphtml/skins/common/images/vCardClosed.gif);} .lotusVCardOpen .vCardController a{background-image:url(/qphtml/skins/common/images/vCardOpen.gif)} .lotusDashboard #lotusMain{background:url(/qphtml/skins/common/images/colBkgd160.gif)} .lotusWidgetButtons li{background-image:url(/qphtml/skins/common/images/widgetButtonBkgd.gif);} #lotusDogearButton{background-image:url(/qphtml/skins/common/images/widgetButtonDogear.gif)} #lotusProfileButton{background-image:url(/qphtml/skins/common/images/widgetButtonProfiles.gif)} #lotusBlogButton{background-image:url(/qphtml/skins/common/images/widgetButtonBlogs.gif)} #lotusCommunityButton{background-image:url(/qphtml/skins/common/images/widgetButtonCommunities.gif)} #lotusActivityButton{background-image:url(/qphtml/skins/common/images/widgetButtonActivities.gif)} #lotusReaderButton{background-image:url(/qphtml/skins/common/images/widgetButtonRSS.gif)} .lotusView { background-image:url(/qphtml/skins/common/images/views.gif);} .lotusViewControl {background-image:url(/qphtml/skins/common/images/btnBkgd.png);} ul.lotusActionMenu{background-image:url(/qphtml/skins/common/images/actionMenuBkgd.gif)} .lotusActionMenu li.lotusSelected a{background-image:url(/qphtml/skins/common/images/checkmark.gif);} .lotusActionMenu li.disabled a, .lotusActionMenu li.disabled a:visited{color:#c0c0c0;} .lotusActionMenu li.disabled a:hover{color:#c0c0c0;background-color:transparent;)} .lotusSort .lotusAscending {background-image:url(/qphtml/skins/common/images/sortAscending.gif);} .lotusSort .lotusDescending {background-image:url(/qphtml/skins/common/images/sortDescending.gif);} a.lotusActiveSort, a.lotusMoreSorts{padding:2px 12px 2px 5px} a.lotusActiveSort:hover, a.lotusActiveSort:focus, a.lotusActiveSort:active{text-decoration:none} /***************************************************************** ** CLASSES Added for Quickr 8.1/8.2 theme ******************************************************************/ /* for Dojo 1.0 editor */ .RichTextEditable { border: 1px solid black; } .dijitTooltipContainer label { font-size: 1em; font-weight: normal; line-height: 1em; } .h-page-text ol, ul { list-style-position: outside; margin: 1em 0 1em 40px; } .h-page-text ol {list-style-type: decimal;} .h-page-text ul {list-style-type: disc;} .h-page-text sup {vertical-align: super; font-size:.75em} .h-page-text sub {vertical-align: sub; font-size:.75em} #lotusFrame { /* display: none; */ visibility: hidden; } div.placeMessage { background-color: #f0f4f7; margin-top: -0.5em; margin-bottom: 1em; padding: 6px 10px; } div.placeMessage span {color:#0084ff;} /* CONNECTIONS-STYLE MEMBER ADD DIALOG */ h6.addMembers { text-align: center; border-bottom:1px solid #CCCCCC; padding-bottom: 10px; } form.memberMgmt ul li.lotusSelected { font-weight: bold; } form.memberMgmt div.memList { margin: 0 1em; border: none; height: expression( this.scrollHeight > 159 ? "160px" : "auto" ); /* sets max-height for IE6 */ max-height: 160px; /* for standards-compliant browsers */ overflow: auto; } form.memberMgmt div.memList p {padding: none; white-space: nowrap;} form.memberMgmt div.checkbox-section {padding: 5px;} form.memberMgmt div.checkbox-section input {} form.memberMgmt div.checkbox-section span {} form.memberMgmt h2 {margin: 6pt 0;} form.memberMgmt h3 {margin: 6pt 0; font-weight: normal;} form.memberMgmt div.checkbox-section div.checkbox {float:left;margin-right:10px;} form.memberMgmt div.radio {clear:both;} form.memberMgmt div.radio div.lotusBtn {float:left; clear:both; padding: 0 10px 0 24px;} form.memberMgmt div.radio div.label {} form.memberMgmt { margin: 0; padding: 0; } /* Replaced #memberAddDialog with div.dijitDialog below - maybe bad idea */ .dijitDialogTitleBar { display: none; } .tundra .dijitDialog .dijitDialogPaneContent { border: none; padding:0px; } .tundra .dijitDialog, #publicMemberAddDialog { position: absolute; left: -9999px; background-color: white; border: 2px solid black; width: 48em; height: auto; padding: 0 10px 10px 10px; z-index: 2000; } div.dijitDialog ul.lotusTabs li { width: 6em; text-align: center; } #publicMemberAddDialog p.first { margin: 15px 0 ; } #publicMemberAddDialog p.detail { margin-left: 2em; } #publicMemberAddDialog label { display: block; text-align: left; color: black; } div.dijitDialog .tabcontent, div.dijitDialog .lotusTabContainer { margin: 0; } div.dijitDialog .tabPanes { margin: 0; padding: 0; width: 100%; height: 100%; } div.dijitDialog .submitArea, #publicMemberAddDialog .submitArea { padding: 6pt; margin: 0; } div.dijitDialog .searchForType { margin-top: 5px; } div.dijitDialog form, #publicMemberAddDialog form { padding: 6pt; margin: 0; } div.dijitDialog .tabPanes p span { font-weight: bold; } div.dijitDialog .tabPanes h6 { font-weight: normal; padding: 0.5em; } div.dijitDialog .tabPanes h6 span { font-weight: bold; } div.dijitDialog .tabPanes input { width: 100%; } div.auto_complete { background: #fff; display: none; position: absolute; z-index: 9000 !important; border:1px solid #888; } * html div.auto_complete { } div.auto_complete ul { margin:0; padding:0; width:100%; list-style-type:none; display: block; } div.auto_complete ul li { margin:0; padding:1px; white-space: nowrap; display: block; } div.auto_complete ul li.lotusSelected { background-color: #ffb; } div.auto_complete ul strong.highlight { color: #800; margin:0; padding:0; } .memberAdd-section{ margin:15px 5px 0 10px; /* background-color:#eaebee; */ border-top: none; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; /* -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; */ padding: 0.5em 9px 10px 5px; } .memberAdd-section th {font-size: .88em; padding-left: .2em} .memberAdd-section td.twisty {text-align: center;} #memberCreateForm .memberAdd-section p {padding-top: 6px;} div.tabPanes table { width:100%; } div.tabPanes table input { border: solid 1px #e0e0e0; width:98%; } div.auto_complete ul li em { font-style: italic; } /* Old QP styles */ td.h-folderItem-text, th.h-folderItem-text {vertical-align: middle;} .h-folderBanner-text{font-weight:bold;} .h-sceneTitle-textbg{display:none;} /* used only for spacer rows */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * * THE FOLLOWING IS THE QUICKPLACE 7 COMMON STYLESHEET * * Reverted to this for 8.0.0.2 Hotfix and 8.1/8.2 * for backwards compatibility with Quickplace * themes, both standard and custom. * * Quickr 8 styles are in Quickr 8 theme CSS. * * New styles introduced in Quickr 8 are at * the bottom of this stylesheet. These are * common to older QP and Quickr 8.0/8.0.0.2. * * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* TAG STYLES */ body, td { font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #333333; } h1 { font-size: 13pt; font-weight: bold; } h2 { font-size: 12pt; font-weight: bold; } h3 { font-size: 12pt; } h4 { font-weight: bold; } h5 { text-transform: uppercase; } h6 { font-style: italic; } a { color: navy; font-weight: bold; text-decoration: none; } a:hover { color: red; text-decoration: underline; } .h-page-text a:visited { /* color: #666699; font-size: 10pt; */ } form { margin-bottom: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; } /* STANDARD STYLES - TWEAKABLE */ .h-page-bg { background-color: White; } .h-field-text, .h-field-text td { } .h-pageSmall-text, .h-fieldSmall-text { font-family: arial, helvetica, "ms sans serif", sans-serif ! important; font-size: 8pt ! important; } .h-accent-bg { background-color: #e74d4a; } .h-sidebar-bg { font-family: sans-serif; font-size: 8pt; /* Height of whitespace in sidebar */ background-color: #f7efbd; } .h-toc-text, .h-tocSelected-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; } .h-toc-text { color: #004573; } .h-tocSelected-text { color: #e74d4a; } a.h-toc-text, a.h-tocSelected-text { font-weight: normal; text-decoration: none; } a.h-toc-text:hover, a.h-tocSelected-text:hover { color: #e74d4a; } .h-actionButtonBorder-bg { background-color: #6095b3; } .h-actionButton-bg { background-color: #f7eb7b; } .h-actionButton-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #004573; } /* STANDARD STYLES - NOT TWEAKABLE */ .h-searchField-text { font-family: arial, helvetica, "ms sans serif", sans-serif; font-size: 8pt; } /* Fields */ .h-fieldHeader-bgtext, .h-fieldOrder-bgtext { font-size: 10pt; background-color: #bbccdd; } /* Edit mode */ /* Edit */ .h-edit-bg { background-color: #d1def0; } .hTweakEditBgColor { color: #d1def0; } .h-sceneTitle-textbg { font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000d40; text-transform: none; padding-top: 2px; } .h-shadow-bg { background-color: #666666; background-image: none; } /* STANDARD STYLES - PAGE-SPECIFIC */ /* Folders */ .h-folderBanner-bg { background-color: #bcd; padding-left: 1px; padding-right: 1px; } .h-folderBanner-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #004573; } a.h-folderBanner-text { font-weight: bold; text-decoration: none; } .h-folderBannerSelected-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: black; text-decoration: underline; } a.h-folderBannerSelected-text { font-weight: bold; text-decoration: underline; } .h-folderItem-bg { font-family: arial, helvetica, sans-serif; font-size: 4pt; /* controls line height */ } .h-folderBar-bg { background-color: rgb(91,135,165); font-family: arial, helvetica, sans-serif; font-size: 0pt; padding-left: 1px; padding-right: 1px; } .h-folderItem-text { color: #666; font-family: arial, helvetica, sans-serif; font-size: 10pt; padding-left: 1px; padding-right: 1px; } a.h-folderItem-text { font-weight: bold; text-decoration: none; color: navy; padding-left: 0px; } .h-folderCompact-text { color: #336; font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight: normal; padding-left: 1px; } .h-folderAbstract-text { color: #666; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 10pt; padding-left: 1px; } .h-folder-dl { margin-bottom: 0px; /* Space after indented rows */ } .h-folderInterspace-bg { } .h-folderInterspace-text { font-family: arial, helvetica, sans-serif; font-size: 4px; /* Space between responses */ } .h-folderSpace-text { font-family: arial, helvetica, sans-serif; font-size: 9pt; /* Space between threads */ padding: 0px; } a.h-folderAuthorName-text, a.h-folderAuthorName-text:hover, a.h-folderAuthorName-text:visited { font-family: arial, helvetica, sans-serif; font-size: 8pt; color:#4567A3; text-decoration:none; font-weight:bold; } /* CLEANUP ??*/ .h-editLink-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; } a.h-editLink-text { color: navy; padding-left: 0px; text-decoration: none; } /* Fields (edit mode) */ .h-fieldHeaderEdit-bgtext { font-family:arial, helvetica, sans-serif; font-size: 10pt; color: #000d40; background-color: #f4f9ff; } .h-fieldEdit-text, .h-fieldEdit-text td { font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #000d40; } .h-fieldOrderEdit-bgtext, div .h-fieldOrderEdit-bgtext td { /* Baroque selector is required for Netscape 4.x */ font-family: arial, helvetica, sans-serif ! important; font-size: 10pt ! important; font-weight: bold ! important; background-color: #000d4d ! important; padding-left: 5px ! important; padding-right: 3px ! important; color: #fc0 ! important; } .h-fieldSmallEdit-text { font-family: arial, helvetica, "ms sans serif", sans-serif ! important; font-size: 8pt ! important; } .h-fieldSpecialEdit-text, .h-fieldTaskLabel-text { font-family:arial, helvetica, "ms sans serif", sans-serif ! important; font-size: 10pt ! important; color: #000d40 ! important; padding: 0px ! important; vertical-align: top; } /* Buttons (edit mode) */ .h-actionButtonEdit-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #004573; font-weight: bold; text-transform: uppercase; } a.h-actionButtonEdit-text { font-weight: bold; text-decoration: none; } .h-actionButtonBorderEdit-bg { background-color: #000; } .h-actionButtonEdit-bg { background-color: #fc0; } /* Whats New */ .h-whatsNewBanner-bg { background-color: #f7efbd; padding-left: 1px; padding-right: 1px; } .h-whatsNewBox-bg { background-color: #ffe; } .h-whatsNewBanner-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; line-height: 10pt; color: #004573; padding-left: 1px; padding-right: 1px; } .h-whatsNewBullet-text { font-family: arial, helvetica, sans-serif; font-size: 14pt; line-height: 10pt; color: #e74d4a; text-indent: 0.25em; } /* Quick-Browse */ .h-quickBrowse-body { padding: 0px; margin: 0px; } .h-quickBrowseTitle-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #004573; padding-left: 3px; padding-right: 3px; } .h-quickBrowseBanner-text { font-family: arial, helvetica, "ms sans serif", sans-serif; font-size: 10pt; line-height: 9pt; color: #004573; padding: 0px; padding-left: 4px; } .h-quickBrowseBullet-text { font-family: arial, helvetica, sans-serif; font-size: 14pt; line-height: 9pt; color: #e74d4a; text-indent: 0.25em; } .h-quickBrowseItem-text { font-family: arial, helvetica, "ms sans serif", sans-serif; font-size: 8pt; line-height: 12pt; color: #666; padding-left: 1px; text-indent: 0px; margin-left: 0px; } a.h-quickBrowseItem-text { color: navy; font-weight: bold; line-height: 12pt; text-decoration: none; } .h-quickBrowseNav-text { font-family: arial, helvetica, "ms sans serif", sans-serif; font-size: 8pt; font-weight: normal; color: #004573; } /* Tasks */ .h-tasksBannerNow-textbg, .h-tasksItem-bg, .h-tasksItemTimeline-bg, .h-tasksItemMilestone-bg { font-family: arial, helvetica, "ms sans serif", sans-serif; font-size: 8pt; padding: 0px; padding-left: 1px; padding-right: 1px; } .h-tasksBannerNow-textbg { color: White; font-weight: bold; background-color: black; } .h-tasksItem-bg { background-color: #f0f7ff; } .h-tasksItemTimeline-bg { background-color: #d66; } .h-tasksItemMilestone-bg { background-color: #0a0; } /* Calendar page */ .h-calendarLabel-text, .h-calendarLabelSelected-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; padding-right: 2px; } .h-calendarLabel-text { color: #004573; } .h-calendarLabelSelected-text { color: red; } .h-calendarItemOther-bg { background-color: #cde; } .h-calendarItemToday-bg { background-color: #ffe; } /* Security */ .h-securityReader-bg { background-color: #ffffcc; } .h-securityAuthor-bg { background-color: #ccffff; } .h-securityManager-bg { background-color: #ccffcc; } .h-securityDescription-text { font-family: arial, helvetica, "ms sans serif", sans-serif ! important; font-size: 10pt ! important; color: #FFFFFF ! important; background-color: #6699CC ! important; } .h-securityReader-text { font-family: arial, helvetica, "ms sans serif", sans-serif ! important; font-size: 10pt ! important; color: #000000; background-color: #ffffcc; } .h-securityAuthor-text { font-family: arial, helvetica, "ms sans serif", sans-serif ! important; font-size: 10pt ! important; color: #000000; background-color: #ccffff; } .h-securityManager-text { font-family: arial, helvetica, "ms sans serif", sans-serif ! important; font-size: 10pt ! important; color: #000000; background-color: #ccffcc; } /* AWARENESS */ .name-text, a.name-text { color: black; font-family: "ms sans serif", sans-serif; font-size: 8pt; } a.name-text:hover { text-decoration: underline; color: black; } .h-menu-div { font-family: arial, helvetica, "ms sans serif", sans-serif; font-size: 8pt; position:absolute; cursor: hand; visibility: inherit; background-color: rgb(224, 224, 224); } .h-menu-bg { border-width: 2px; background-color: rgb(224, 224, 224); border-style: outset; cursor: hand; width: 100; } .h-menu-text, a.h-menu-text, a.h-menu-text:hover { font-family: arial, helvetica, "ms sans serif", sans-serif; font-size: 8pt; color: black; text-decoration: none; } a.h-menu-text:hover { color: rgb(51,0,255); } /*------------------------------------------------------------------------------- SUBSET OF DEFAULT SKIN/THEME STYLES FOR INHERITANCE TO OTHER SKINS */ .h-logo-text, a.h-logo-text { text-decoration: none; } a.h-logo-text:hover { text-decoration: underline; } a.h-nav-text, a.h-tool-text, a.signIn-text { text-decoration: none; } a.h-nav-text, a.h-tool-text { font-weight: normal; } .h-nav-text, .h-tool-text, .h-signIn-text { font-family: arial, helvetica, "ms sans serif", sans-serif; font-size: 8pt; color: #004573; text-transform: lowercase; } .h-signIn-text { font-weight: bold; } .h-pageAuthorMod-text { font-size: 10pt; } .h-revision-text, .h-revisionSelected-text { font-size: 10pt; color: #004573; text-transform: none; } a.h-revision-text, a.h-revisionSelected-text { color: #004573; text-decoration: underline; } a.h-revision-text { font-weight: normal; } a.h-revisionSelected-text { font-weight: bold; } .h-actionSpace-text { font-size: 9pt; } .h-headlineFolderTabSelected-bg { background-color: #004573; } .h-headlineFolderTab-bg { background-color: #f7efbd; } .h-headlineFolderTab-text { font-size: 10pt; } a.h-headlineFolderTab-text { font-weight: normal; text-decoration: none; } .h-headlineFolderTabSelected-text { font-size: 10pt; color: White; font-weight: bold; } a.h-headlineFolderTabSelected-text { font-weight: bold; text-decoration: none; } .h-shadow-bg { background-color: #666; } .h-shadowCorner-bg { background-color: white; } /* Style of notice at top of draft page */ .h-draft-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; color: red; } /* Stylesheet for User Lookup Prototype */ .h-dialog-text { font-family : arial, helvetica, "MS Sans Serif", sans-serif; font-size : 8pt; font-weight : normal; color: #000000; line-height : 10pt; } a.h-dialog-text { font-family : "MS Sans Serif", Arial, Helvetica, sans-serif; font-size : 8pt; line-height : 10pt; color: #000000; text-decoration: none; } a.h-dialog-text:hover { color : #ff0000; text-decoration : underline; } .h-dialog-bg { background-color: rgb(230,230,230); } .h-dialogPopulated-bg { background-color: #ffffff; } .pagingInfo-style { font-family : "MS Sans Serif", Arial, Helvetica, sans-serif; font-size : 8pt; font-weight : normal; color: #000000; line-height : 10pt; border-width: 1px; bordercolordark: black; bordercolorlight: silver; } .paging-image-border { border-width: 0px; } /* New Classes for folder resort*/ .h-folderBanner-td { font-family: arial, helvetica, sans-serif; font-size: 8pt; /* Space between threads */ padding: 0px; border-left: white 1px solid; } .h-folderBannerSorted-bg { font-family: arial, helvetica, sans-serif; font-size: 8pt; /* Space between threads */ padding: 0px; border-left: white 1px solid; background-color: #d8e3f5; } a.h-folderAuthorName-text, a.h-folderAuthorName-text:hover, a.h-folderAuthorName-text:visited { font-family: arial, helvetica, sans-serif; font-size: 8pt; color: #4567A3; text-decoration: none; font-weight: bold; } /* QuickPlace Message Styles */ .h-errorBanner-textbg { font-family: verdana; font-weight: bold; font-size: 10pt; color: white; background-color: rgb(76,76,76) } .h-errorContent-textbg { font-family: arial; font-size: 10pt; color: black; background-color: rgb(248,248,248); background-color: rgb(240,240,240); } a.h-errorContent-textbg { color: rgb(51,0,255); text-decoration: none; } a.h-errorContent-textbg:hover { color: rgb(51,0,255); text-decoration: underline; } /* publishing options animation styles */ .h-publish-outline-bg { background-color: #808080; } .h-publish-light-bg { background-color: #d0d0e8; } .h-publish-small-text { font-family: arial, helvetica, sans-serif; font-size: 8pt; } .h-publishtitle-text { color: rgb(27,27,133); font-family: arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; } /* site (room?) map */ .h-roomHeader-text { font-family: arial, helvetica, sans-serif; font-size: 10pt; color: black; font-weight: normal; } .h-roomHeader-text-bold { font-family: arial, helvetica, sans-serif; font-size: 10pt; color: black; font-weight: bold; } /*Cross QP search results and MyPlaces styles */ .h-pagetitle-text-bg { color: rgb(27,27,133); font-family: arial, helvetica, sans-serif; font-size: medium; font-weight: normal; } .h-folderBanner-td { font-family: arial, helvetica, sans-serif; font-size: 8pt; /* Space between threads */ padding-left: 1px; border-left: white 1px solid; background-color: rgb(213, 213, 205); } .h-searchResult-text, a.h-searchResult-text, a.h-searchResult-text:hover, .myPlacesItem-text, a.myPlacesItem-text, a.myPlacesItem-text:hover { font-family: arial, helvetica, sans-serif; font-size: 10pt; text-decoration: none; color: rgb(140, 144, 160); } a.h-searchResult-text, a.h-searchResult-text:hover { font-weight: bold; color: #5D5DD0; } a.myPlacesItem-text, a.myPlacesItem-text:hover { font-weight: bold; color: rgb(229, 133, 29); } .searchResultBanner-text, a.searchResultBanner-text, .myPlacesBanner-text, a.myPlacesBanner-text { font-family: arial, helvetica, "ms sans serif", sans-serif; font-size: 8pt; color: #5d5dd0; font-weight: normal; } .myPlacesBanner-text, a.myPlacesBanner-text { color: black; } .h-folderPlaceInterspace-bg { background-color: rgb(213, 213, 205); } /* END OF QP7 STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * * THE REST OF THE STYLES WERE ADDED IN QUICKR 8 * NOTE: Some font sizes here are for Quickplace themes; * these are overridden in the Quickr 8 theme. * * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ABSTRACT VIEW ENTRIES */ .h-abstractEntry dd {margin-left:0px; padding-left:22px;} .h-abstractEntry {font-size: 1.3em; padding:2px 0px; margin:0px 0px 1px 0px;} .h-abstractEntry .h-abstractEntryTitle {font-size:small; padding-top:0.6em;} .h-abstractEntry .boldTitle, a.h-abstractEntryTitleName, .h-abstractEntry-text a {font-weight:bold!important; } .h-abstractEntry .h-abstractEntryTitle .h-abstractEntryTitleName, .h-abstractEntry-text a {color:#0063DC!important; text-decoration:none!important; border-bottom-width:1px; border-bottom-color:#0063DC; } .h-abstractEntry .h-abstractEntryTitle a:hover, .h-abstractEntry-text a:hover{color:#2E3092!important; border-bottom: 1px dotted #0063DC;} .h-abstractEntry .h-abstractEntryTitle .h-abstractEntryIcon{ vertical-align:middle; } .h-abstractEntry-text, .h-abstractEntry-text a { color: rgb(102, 102, 102); font-weight: normal; font-size: x-small!important; line-height: normal; padding-bottom: 5px; } .h-abstractEntry .h-abstractEntrydate { font-size: x-small; font-weight : bold; } .h-abstractEntry .h-user-anchor a { font-size: x-small; font-weight : bold; color: rgb(102, 102, 102); } .h-abstractEntry .h-user-anchor a:visited { font-size:xx-small; color: rgb(102, 102, 102); } /*ABSTRACT REDESIGN*/ .h-abstractEntryText { color: #666666; } .h-abstractEntryText, .h-abstractEntryText a { font-weight: normal; font-size: x-small!important; line-height: normal; padding-bottom: 5px; } .h-abstractEntryDate { font-weight : bold; color: #666666; } .h-abstractEntryDetail { font-size: x-small; font-weight: normal; padding-bottom:0.6em; } .h-abstractEntryTitle .h-folder-anchor, div.h-abstractEntryTitle span.h-doc-anchor a { font-size: 1.1667em; font-weight: normal; text-decoration:none; } /* Further Abstract (Summary) View redesign */ dl.h-abstractEntry table TR TD.start {border-left: 3px solid white;} dl.h-abstractEntry table TR TD.end {border-right: 3px solid white; text-align:right; vertical-align:middle;} dl.h-abstractEntry table TR.row-alternate {background-color: #f0f0f0 !important;} dl.h-abstractEntry table TR.row-alternate TD.start {border-left: 3px solid #f0f0f0;} dl.h-abstractEntry table TR.row-alternate TD.end {border-right: 3px solid #f0f0f0;} dl.h-abstractEntry table TR.row-locked {background: url(/qphtml/html/common/locked_bg.gif) top left repeat;} dl.h-abstractEntry table TR.row-locked TD {border-top: 3px solid #FFF5CD; border-bottom: 3px solid #FFF5CD;} dl.h-abstractEntry table TR.row-locked TD.start {border-left: 3px solid #FFF5CD !important;} dl.h-abstractEntry table TR.row-locked TD.end {border-right: 3px solid #FFF5CD !important; text-align:right; vertical-align:top;} dl.h-abstractEntry table TR TD.icon {padding-left:1em;} dl.h-abstractEntry table TR TD.body {padding-left:2em;} /* --------------------------------------- */ /* STYLES FOR QP CONTEXT MENUS */ /* These are taken from Quickr J2EE, */ /* with a few modifications as necessary, */ /* and should be kept in sync with J2EE */ /* --------------------------------------- */ .h-contextMenu-icon { border: none; z-index: 1000; vertical-align: top!important; padding: 0px!important; } .h-contextMenu-icon:hover { cursor: pointer!important; } /* --------------------------------------- */ /* Javlin CSS */ /* Top level container for the person menu */ .personMenu { margin:0px; padding:0px; } /* Container for business-card photo */ .photoCard{ } .photoCard img{ } /* Container for business-card */ .businessCard{ margin:0px; } /* List for displaying business card information */ .businessCard ul{ list-style-type:none; margin:0px; padding:0px } /* Fonts for business card */ .businessCard .cardName{ color:black; font-weight:bold; font-size:10pt; } .businessCard li{ color:black; font-size:9pt; } /* Container for person menu actions */ .personMenuActions{ } /* Styles for menu list */ .personMenuActions ul{ padding: 0; margin:0; list-style:none; } .personMenuActions li{ } /* Styles for the hover */ .menu_drop_icon { color:black; font-size:9pt; background-color:#e2eeff; border:1px solid #ACB9CD; padding:2px; } .menu_drop_icon img { border:none; } a.menu_drop_icon { background: url(/qphtml/html/common/menu_dropdown.gif) no-repeat scroll center; } a.menu_drop_icon:link, a.menu_drop_icon:visited{ color:#000; text-decoration:none; } a.menu_drop_icon:hover { background: url(/qphtml/html/common/menu_dropdown.gif) no-repeat scroll center; } .hasHover { border-bottom: 1px dotted #306bc4; } /* Values specific to popup menu */ .personMenu { border:1px solid #ACB9CD; width:305px; background:url(/qphtml/html/common/card_background.gif) top left repeat-x; background-color:#CBD2DF; } .personMenu .photoCard { margin:2px; width:59px; float:left; padding-bottom:3px; padding-top:1px; padding-left:1px } .personMenu .photoCard img { padding:4px; background: url(/qphtml/html/common/photo_background.gif) no-repeat scroll top left; height:60px; width:60px; } .personMenu .businessCard{ width:230px; float:right; padding-top:5px; padding-bottom:2px; } .personMenu .businessCard ul { } .personMenu .businessCard .cardName { } .personMenu .businessCard li { margin:0px; padding:0px; } .personMenu .personMenuActions { clear:both; background-color:white; width:100%; padding:0px; margin-bottom:0px; border-top:1px solid #ACB9CD; } .personMenu .personMenuActions tr, td { border-width:0px; padding:0px; margin:0px; } .personMenu .personMenuActions a { color:black; font-size:9pt; text-decoration:none; border: solid 1px; display:block; padding:1px 2px 1px 5px; } .personMenu .personMenuActions a:link, .personMenu .personMenuActions a:visited{ border-color: white; } .personMenu .personMenuActions a:hover, .personMenu .personMenuActions a:active{ background-color:#e2eeff; border-color: #8bb5e8; } .personMenu .personMenuActions a:focus, .personMenu .personMenuActions a:active{ background-color:#e2eeff; border-color: #8bb5e8; } .personMenu .personMenuActions a.h-contextMenu-disabled { color: #aaa; } /************************************** * Context menus with drop shadows */ /* ADDED - BRR */ .h-wcfMenuContainer { z-index: 100; position: absolute; } /* ADDED - BRR */ .h-wcfMenuContainer a { font-size: x-small; } .wcfMenuBorder { border:1px solid #8bb5e8; padding: 1px; background-color: white; } TABLE.wcfMenu { background-color: #f4f9ff; } TABLE.wcfMenu A { color: black; text-decoration: none; background-color: transparent; } TABLE.wcfMenu A:visited, TABLE.wcfMenu A:hover, TABLE.wcfMenu A:active { color: black; } TABLE.wcfMenu TD { color: black; border-top: 1px solid #f4f9ff; border-bottom: 1px solid #f4f9ff; text-decoration: none; white-space: nowrap; padding-top: 0; padding-bottom: 0.2em; padding-left: 0.5em; padding-right: 0.5em; } TABLE.wcfMenu TD.first { background-color: #e6f0fc; border-top: 1px solid #e6f0fc; border-bottom: 1px solid #e6f0fc; border-left: 1px solid #e6f0fc; padding: 0; height: 20px; width: 20px; text-align: center; vertical-align: middle; } TABLE.wcfMenu TD.last { border-right: 1px solid #f4f9ff; } TABLE.wcfMenu TR.first TD { padding-top: 0.2em; } TABLE.wcfMenu TR:hover TD { border-top: 1px solid #8bb5e8; border-bottom: 1px solid #8bb5e8; background-color: #E2EEFF; } TABLE.wcfMenu TR:hover TD.first { border-left: 1px solid #8bb5e8; } TABLE.wcfMenu TR:hover TD.last { border-right: 1px solid #8bb5e8; } TABLE.wcfMenu TR.h-context-submenu TD.last { background-image: url(/qphtml/html/common/next_level.gif); background-repeat: no-repeat; background-position: center right; } TR.wcfMenuItemDefault A, TR.wcfMenuItemDefault A:hover, TR.wcfMenuItemDefault A:visited { color: #aaa; } TR.wcfMenuItemDisabled A, TR.wcfMenuItemDisabled A:hover, TR.wcfMenuItemDisabled A:visited { color: #aaa; } TR.wcfMenuItemSeparator TD { height: 0em; padding: 0; padding-left: 0.2em; padding-right: 0.2em; } TR.wcfMenuItemSeparator TD.first { height: 0; width: 0; padding: 0; padding-left: 0.2em; padding-right: 0.2em; } TR.wcfMenuItemSeparator TD HR { height: 1px; font-size: 1px; color: #CBCBCB; border: 0; border-top: 1px solid #CBCBCB; } .b-tr { width: 4px; height: 4px; background: url(/qphtml/html/common/corner_tr.png) left top no-repeat; } .b-r { width: 4px; background: url(/qphtml/html/common/corner_r.png) left top repeat-y; } .b-bl { width: 4px; height: 4px; background: url(/qphtml/html/common/corner_bl.png) left top no-repeat; } .b-b { height: 4px; background: url(/qphtml/html/common/corner_b.png) left top repeat-x; } .b-br { width: 4px; height: 4px; background: url(/qphtml/html/common/corner_br.png) left top no-repeat; } /****************************************/ /* Styles adapted from Quickr J2EE */ /* Used mainly (or only) in Edit scenes */ /****************************************/ /* Theme-specific */ .workspaceBgEdit{} .workspaceBgDone{} .workspaceBgError{} /* SPR #JYYG76DABF - width was changed to 400px, but it causes MAJOR problems with IE6, changing back to 800px */ #workspace{ width: 800px; padding: 10px; margin: 0 auto; position: relative; } /* =original step1/step2/step3 classes - don't use within edit.htm! */ #workspaceContent{ position: absolute; top: 10px; left: 0px; } #workspace h2{ color: #fe6500; font-weight: normal; font-size: xx-large; line-height: normal; padding: 0; margin: 0; } #workspace h2.success{ color: #7cce72; font-weight: normal; font-size: 3.1em; line-height: 2.0em; background: transparent url(/qphtml/html/common/success.gif) top left no-repeat; padding: 0 0 20px 70px; margin: 0 0 0 110px; } #workspace h2.error{ color: red; font-weight: normal; font-size: 3.1em; line-height: 2.0em; background: transparent url(/qphtml/html/common/error.gif) center left no-repeat; padding: 0 0 0 50px; margin: 0 0 0 100px; } #workspace input.des{ padding: 2px 0!important; width: 50%!important; } #workspace textarea{ padding: 2px 0!important; width: auto!important; } a.success, a.success:visited{ color: #438ce4!important; font-weight: normal!important; font-size: 1.6em!important; line-height: 2.0em!important; padding: 0; text-align: center; display: block; text-decoration: none; } a.success:hover{ text-decoration: underline; } a.goPlace{ color: #323232; font-weight: normal; font-size: 2.0em; line-height: 1.5em; background: transparent url(/qphtml/html/common/go_place.gif) top center no-repeat; padding: 0 10px 20px 10px; text-align: center; display: block; text-decoration: none; } a.goPlace:hover{ color: #438ce4; } #workspace h1, #workspace h1 a{ color: #fe6500; font-weight: normal; font-size: large; line-height: normal; padding: 0 0 10px 0; margin: 15px 0 0 0; float: none; } #workspace h3{ color: #000; font-weight: normal; font-size: medium; line-height: normal; padding: 0 0 15px 0; margin: 0; } #workspace h4{ color: #fe6500; font-weight: normal; font-size: 1.6em; line-height: 1.4em; padding: 0 0 10px 0; margin: 15px 0 0 0; float: /*left*/none; } #workspace h4.create{ color: #fe9800; font-weight: normal; font-size: 2.0em; line-height: 1.4em; padding: 10px 0 10px 0; margin: 15px 0 0 0; float: left; } #workspace h4.create span{ color: #000; } #workspace h4.create img{ padding-right: 10px; } #workspace h6.error{ color: red; font-weight: normal; font-size: 1.6em; line-height: 1.4em; padding: 10px 0 0 0; margin: 0; display: none; } #workspace a.show{ color: #0062db; font-weight: normal; font-size: 1.4em; line-height: 1.4em; padding: 0; margin: 15px 0 0 0; text-decoration: none; float: right; } #workspace a.show:hover{ text-decoration: underline; } div.choices{ clear: both; padding: 0 0 20px 0; } div.choices a { display: block; padding: 5px 10px 5px 90px; margin: 5px 0; border: 1px solid #fff; background: transparent; min-height: 50px; } div.choices a, div.choices a:visited{ text-decoration: none; color: #0062db; font-weight: bold; font-size: medium; line-height: normal; } div.choices a:hover{ background-color: #eaf2fe!important; border: 1px solid #b8e0fe; } /* for "more info" link etc. */ div.choices a span.infoLink { display: inline; text-decoration: none; color: #0062db; font-weight: normal; font-size: .8em; line-height: 1.2em; cursor: default; } div.choices a span.infoLink:hover { text-decoration: underline; } div.choices a span{ display: block; color: #000; padding-top: 2px; font-weight: normal; font-size: .8em; line-height: 1.2em; } div.choices a.placeType:hover{ background: #eaf2fe url(/qphtml/html/common/place.gif) 10px 50% no-repeat; border: 1px solid #b8e0fe; } div.sel a.placeType{ background: #eaf2fe url(/qphtml/html/common/place.gif) 10px 50% no-repeat; border: 1px solid #b8e0fe; } /* Folder style gallery */ div.choices a.folderStyle-Headline:hover{ background: #eaf2fe url(/qphtml/attachments/h_fbannerstyle.gif) 10px 50% no-repeat; border: 1px solid #b8e0fe; } div.choices a.folderStyle-SimpleList:hover{ background: #eaf2fe url(/qphtml/attachments/h_fliststyle.gif) 10px 50% no-repeat; border: 1px solid #b8e0fe; } div.choices a.folderStyle-OrderedList:hover{ background: #eaf2fe url(/qphtml/attachments/h_forderedlist.gif) 10px 50% no-repeat; border: 1px solid #b8e0fe; } div.choices a.folderStyle-ResponseList:hover{ background: #eaf2fe url(/qphtml/attachments/h_fresponselist.gif) 10px 50% no-repeat; border: 1px solid #b8e0fe; } div.choices a.folderStyle-Slideshow:hover{ background: #eaf2fe url(/qphtml/attachments/h_fslideshowstyle.gif) 10px 50% no-repeat; border: 1px solid #b8e0fe; } /*tabs*/ .tabContainerCreate{ position:relative; height:3em; border-bottom:1px solid #b4b3b6; } ul.tabsCreate{ position:absolute; bottom:-1px; overflow:hidden; margin:0; padding:0 0 0 10px; list-style:none; } .tabsCreate li{ float:left; margin-right:4px; padding-left:3px; } .tabsCreate a, .tabsCreate a:visited{ font-weight: normal; font-size: 1.4em; line-height: 1.2em; display:block; padding:5px 15px 4px 10px; text-decoration:none; } .tabsCreate li:hover a{ } .tabsCreate a:hover, .tabsCreate a:focus{ background-color:transparent; color:#0063dc; } .tabsCreate li.selectedNew{ background:url("/qphtml/html/common/left_tab_selected.gif") top left no-repeat; } .tabsCreate li.selectedNew a, .tabsCreate li.selectedNew a:visited{ background:url("/qphtml/html/common/right_tab_selected.gif") top right no-repeat; color: #000 !important; } label{ color: #666; font-weight: bold; font-size: small; line-height: normal; margin-top: 10px; display:block; } div.check{ padding-top: 20px; } div.check span{ font-weight: bold; font-size: small; line-height: normal; } label.check{ color: #666; font-weight: normal; font-size: small; line-height: normal; margin-top: 0; display:inline; } h5.ex{ color: #333; font-weight: normal; font-size: x-small; line-height: normal; margin: 0; padding: 0; } input.des{ font-weight: bold; font-size: small; line-height: 1.4em; padding: 2px 0; display: block; } textarea{ font-weight: normal; font-size: 1em; line-height: normal; } #actions, div.actionButtons{ padding-top: 20px/*30px*/; white-space: nowrap; } #actions a, div.actionButtons a{ color: #0062db; padding: 5px 10px; margin-left: 3px; margin-right: 3px; } a.actionLink{ text-decoration: none; font-weight: normal; font-size: small; line-height: normal; background: transparent url("/qphtml/html/common/link_background.gif") top left no-repeat; border-right: 1px solid #99c9e7; } #teamspaceContent a.actionLink{ font-weight: normal; font-size: 1.0em; line-height: 1.0em; } a.actionLink:hover{ color: #fff; } /* Customize area selections */ div.choices a.customize-4E349349713E0900052567080016720D{ background: transparent url(/qphtml/html/customizeintro/hiconbasics.gif) 10px 50% no-repeat; } div.choices a.customize-104D34D949C7D578052567080016720E{ background: transparent url(/qphtml/html/customizeintro/hicondecorate.gif) 10px 50% no-repeat; } div.choices a.customize-612BBB6DF7B418C4052567080016720F{ background: transparent url(/qphtml/html/customizeintro/hiconforms.gif) 10px 50% no-repeat; } div.choices a.customize-811D51D422F71EC60525670800167210{ background: transparent url(/qphtml/html/customizeintro/hiconrooms.gif) 10px 50% no-repeat; } div.choices a.customize-9C5F581A7CB7AF090525670800167234{ background: transparent url(/qphtml/html/customizeintro/hiconrooms.gif) 10px 50% no-repeat; } div.choices a.customize-E0070AFB7E85FE33052568B0005C0CC7{ background: transparent url(/qphtml/html/customizeintro/hiconplacetypes.gif) 10px 50% no-repeat; } div.choices a.customize-8138745487BCB874052568B0005C0EE0{ background: transparent url(/qphtml/html/customizeintro/hiconcustomthemes.gif) 10px 50% no-repeat; } div.choices a.customize-4921D22C639348F0852568000068635D{ background: transparent url(/qphtml/html/customizeintro/hiconplacebots.gif) 10px 50% no-repeat; } /* Folder style gallery */ div.choices a.folderStyle-Headline{ background: transparent url(/qphtml/attachments/h_fbannerstyle.gif) 10px 50% no-repeat; padding-left: 100px; width: 330px; } div.choices a.folderStyle-SimpleList{ background: transparent url(/qphtml/attachments/h_fliststyle.gif) 10px 50% no-repeat; padding-left: 100px; width: 330px; } div.choices a.folderStyle-OrderedList{ background: transparent url(/qphtml/attachments/h_forderedlist.gif) 10px 50% no-repeat; padding-left: 100px; width: 330px; } div.choices a.folderStyle-ResponseList{ background: transparent url(/qphtml/attachments/h_fresponselist.gif) 10px 50% no-repeat; padding-left: 100px; width: 330px; } div.choices a.folderStyle-Slideshow{ background: transparent url(/qphtml/attachments/h_fslideshowstyle.gif) 10px 50% no-repeat; padding-left: 100px; width: 330px; } div.choices a.h-theme-selection { background-position: 4% center; background-repeat: no-repeat; height: 60px; padding: 6px 0px 6px 16%; } div.choices a.h-placeType-selection { background-position: 4% center; background-repeat: no-repeat; min-height: 48px; padding: 6px 0px 6px 100px; } div.h-galleryDescription-placeType { text-decoration: none; color: #0062db; font-weight: bold; font-size: 1.6em; line-height: 1.0em; margin: 8px 0px 16px 0px; border: 1px solid #b8e0fe; background-color: #eaf2fe; background-position: 4% center; background-repeat: no-repeat; padding: 5px 10px 5px 100px; width: 330px; min-height: 48px; } div.choices a.h-form-description { background-position: 4% center; background-repeat: no-repeat; padding: 6px 10px 2px 16%; width: 330px; } div.h-form-description { text-decoration: none; color: #0062db; font-weight: bold; font-size: large; line-height: normal; margin: 8px 0px 16px 0px; border: 1px solid #b8e0fe; background-color: #eaf2fe; background-position: 4% center; background-repeat: no-repeat; padding: 5px 10px 5px 70px; width: 330px; } div.h-form-description span, div.h-galleryDescription-placeType span{ display: block; color: #000; padding-top: 2px; font-weight: normal; font-size: small; line-height: normal; } /*list styles*/ .inlinelist{margin:0;padding:0;} .inlinelist li{display:inline;margin:0;padding:0;} .inlinelist li.first{margin-left:0;padding-left:0;border-left-width:0;} .inlinelist li.first, .inlinelist li.last{margin-left:-5px;padding-left:0;border-left-width:0;} /* for "select all" checkbox */ .inlinelist li.first input{padding-left:10px; vertical-align:middle;} /* Styles for sort bar */ .sort .actions { padding: 3px 0px; } .sort, .sort a, .sort a:visited { border-bottom-width:0pt; color:#999999; font-weight:bold; text-decoration:none; font-size: x-small; /* CHANGE OR REMOVE ONCE BODY FONT SIZE IS CORRECT */ } .sort li { border-left-width:0pt; margin:0pt 5px; } .sort li.first { margin:0pt 5px; } .sortAscending { background-image: url(/qphtml/html/common/sort_a.gif); background-repeat: no-repeat; background-position: right center; } .sortDescending { background-image: url(/qphtml/html/common/sort_d.gif); background-repeat: no-repeat; background-position: right center; } /* Action buttons */ .actions a, .actions a:visited { border-bottom: 1px dotted #0063DC; } .actions a:hover, .actions a:focus { background-color:transparent; border-bottom-style:solid; color:#0063DC; } .actions .button { -moz-border-radius: 3px; background-color:#F1F1F1; border:1px solid #D6D6D6; margin-right:5px; padding:2px; } .actions .button a, .actions .button a:visited { border-bottom-width:0pt; color:#000000; text-decoration:none; } .actions .button img{border:0;vertical-align:middle} .actions .button a:hover, .actions .button a:focus { border-bottom-width:0pt; text-decoration:none; } /* for publish-in-folder UI */ #folderSelector { z-index: 20; position: relative; top: 1px; left: 0px; white-space: normal; color:black; font-weight: normal; text-decoration: none; background:inherit; border: none; margin: 1px 0px; padding: 3px 0px; white-space: nowrap; height: 30em; overflow: auto; } .download { text-align:center; } /* response threads and dnd */ .h-dragSource-selected {background-color: #F0F0F0 ! important;} .h-dragSource-deselected {background-color: inherit; } img.drag-image { vertical-align: top; visibility: hidden; margin-left: -1em; padding-right: 0.7em; position: relative; /* Fix IE neg margin bug */ } div.h-abstractEntryResponses, div.h-abstractEntryResponses a { color: #0063DC; font-size: small; font-weight: normal; padding: 0em 0em 1em 0em; } div.h-abstractEntryResponses div { display: none; } div.h-abstractEntryResponses img.twisty { width:18px; height:18px; vertical-align:middle; background-image:url(/qphtml/html/common/treenode_grid_x.gif); } /* Used for Member Management UI in all themes */ .qpg_tocBackground { background: transparent url(/qphtml/html/common/tabs_bottom_place.gif) repeat-x scroll left bottom; border-style: none; border-color: #E6E6E6; border-width: 1px; } .qpg_tocBackground table { padding-left: 5px; } .qpg_tocBackground table tbody { margin: 0; padding: 0; } .qpg_tocSelectedBackground { background-color: White; border-left-style: solid; border-right-style: solid; border-top-style: solid; border-bottom-style: none!important; border-color: #E6E6E6; border-width: 1px; padding: 5px 8px; -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; } .qpg_tocUnSelectedBackground { background-color: transparent; border: 1px #E6E6E6; border-bottom-style: none; padding: 5px 8px; } /*---------------------------------------------------------------------------------------- * * MISC. ADDITIONS AS THEY ARE MADE TO THE QUICKR 8.1/8.2 THEME CSS AND NEEDED IN ALL THEMES: * *---------------------------------------------------------------------------------------- */ .h-taskOff, .h-taskOffToday { background-color:#f3f3f3!important; } .h-taskOn, .h-tasksItemMilestone-bg { background-color:#86b75e!important; } .h-taskLate, .h-taskLateMilestone { background-color:red!important; } .h-TaskHeaderDay { background-color:#f3f3f3!important; text-align:center; } .h-TaskHeaderMonth { background-color:#f3f3f3!important; text-align:center; } .h-tasksBannerNow-textbg { background-color:orange!important; text-align:center; } #h_taskContent { padding:4px 0 2px; } div.h-folderEmpty { background-color:#F3F3F3; color:#999999; font-size:1.1667em; padding:2em 4em; margin:0.5em 0; text-align:center; } /* Summary View */ a.hideLink {color: #FF720E;} .lotusTable td {padding: 5px 2px 0px 2px;} .noBorder td {border: 0px; padding-top: 0px;} table.lotusTable td div {overflow: hidden;} .summaryDetails { padding: 0 0 5px 0; } .summaryAbstract { padding: 5px 0; } /* Needed by all themes */ #lotusColLeft .lotusSection .lotusList li {display:block;} .lotusSection, .portlet-section {display:block;} .h-edit-bg { background-color: transparent; } /* Used, e.g., on Customize Basics page */ div.check{padding-top: 0px;} div.check span{font-weight: normal;} div.check input{vertical-align:middle;} label.check{padding-left:1em;display:inline; vertical-align:middle;} h6.subtitle{padding:3px 0; font-weight:normal;} h6.preamble{padding:0 0 6px 0; font-weight:normal;} /* BiDi-related changes (these are for LTR only - that's all we support in pre-8.1 themes) */ ul.haikuBulletList { list-style-image: url(/qphtml/html/common/silverbullet.gif); padding-left: 0!important; } ul.haikuCircleList { list-style-type: circle!important; padding-left: 0!important; } /* KCLU7QFKNP: override position:absolute in ul.lotusActionMenu so More Actions works in Person Card */ .lotusVCard ul.lotusActionMenu {position:static; min-width:auto; white-space:normal!important;} /*------------------------------------------------------------------------------- END */ @charset "utf-8"; a:hover{ text-decoration:none; color:#90F;} body { background-image:url(/qphtml/skins/custom/images/bg-body.jpg); background-position:top; background-repeat:repeat-x; background-color:#dddddd; margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #666; } a { font-weight:normal; color: #3d444b; } .h-tab-text { color: #3d444b; } .h-page-bg{ background-color:#dddddd; } /*-----------CONTENT STYLES------------*/ #lotusContent, .lotusContent { margin-left: auto; margin-right: auto; overflow-x: hidden; overflow-y: hidden; padding:0px; } .h-page-text{ padding-left: 20px; padding-right: 20px; } ul.lotusTabs, .portlet-tab{ margin-left: 20px; } #container { width: 960px; margin: 0px auto 0; padding: 0; background-color:#e3e5e8; } #header { background-color: #FF7918; margin: 0 auto; border-bottom: 10px solid #E66000; height:109px; background-color:#e3e5e8; } #lotusBanner1{ font-size:10px; color:#096; text-align:right; width:960px; height:19px; line-height:19px; background-image:url(/qphtml/skins/custom/images/bg-body.jpg); background-repeat:repeat-x; } #lotusTitleBar1{ padding-top:1px; margin-top:1px; width:960px; height:62px; background-image:url(/qphtml/skins/custom/images/banner.jpg); background-repeat:repeat-x; text-decoration:none; } #page_editable { font-size:12px; padding-top:4px; float:right; background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=ie8-edit.png,sizingMethod='crop'); } .h-tab-text { line-height:16px; height:16px; float:left; color:#444444; text-decoration:none; padding-right:5px; padding-left: 5px; border-right: solid 1px #333; font-weight:none; } .h-tab-text a{ padding-left:10px; display:block; color:#0687cb; text-decoration:none; } .h-tab-text a:hover{ color:#FFF; text-decoration:none; } .h-logo-text{ text-align:left;} #lotusPlaceBar1{ color:#333; font-size:12px; line-height:25px; width:100%; height:25px; background-image:url(/qphtml/skins/custom/images/body.png); } #lotusRightCorner{ height:25px; line-height:25px; } .lotusInner{ height:25px; line-height:25px; } #header h1 a { color: #fff; font-size: 50px; font-weight: normal; text-decoration: none; letter-spacing: -3px; float: left; } #header h2 { color: #FFE0CC; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; margin-left: 12px; margin-top: 24px; padding-left: 4px; letter-spacing: 0; } /*------------------------MENU TOP-------------------------*/ #menu_top111{ width: 960px; height: 56px; background-image:url(/qphtml/skins/custom/images/bg_menuTop.jpg); } #nav_top111{ float:left; width: 658px; height:56px; } #case_search{ float:left; width:170px; height:56px; line-height:56px; } #adv_search{ float:right; width:120px; height:56px; line-height:56px; } #searchtext { background-image:url(/qphtml/skins/custom/images/case_search.jpg); background-repeat:no-repeat; width: 130px; height:19px; border:none; margin:0px; padding-right:10px; } .lotusSearchButton{ margin:0px; padding:0px; width:29px; } .lotusSearch{ width:212px; margin:0px; padding:0px;} .lotusSearch .lotusSearchButton{ border:none; margin:0px; width:28px; } .h-nav-text, .h-tool-text, .h-signIn-text{ color:#95a4a4; margin:0px; font-size:12px;} .h-nav-text1{ color:#95a4a4; margin:0px; -moz-text-decoration-color: -moz-use-text-color; -moz-text-decoration-line: none; -moz-text-decoration-style: solid; background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url(/qphtml/skins/custom/images/fleche.jpg); background-origin: padding-box; background-position: right top; background-repeat: no-repeat; background-size: auto auto; color: #909090; height: 16px; line-height: 16px; padding-left: 10px; padding-right: 17px; } .nav_top { height: 56px; width: 660px; background-image:url(/qphtml/skins/custom/images/bg_menuTop.jpg); list-style: none; padding: 0 0 0 0px; margin: 0px 0 0 0px; } .nav_top li{ width:auto; float:left; position:relative; text-align:center; padding:0px; } .nav_top a{ padding-left:10px; padding-right:10px; line-height:56px; display:block; color:#0687cb; text-decoration:none; font-weight:bold !important; } .nav_top a:hover{ background-image:url(/qphtml/skins/custom/images/bg_hover_btn.jpg); background-repeat:repeat-x; color:#696868; text-decoration:none; } .nav_top ul{ background-image:url(/qphtml/skins/custom/images/bg_hover_btn.jpg); list-style:none; position:absolute; left:-9999px; text-decoration:none; } .nav_top:after, .nav_top ul:after { content: ''; display: block; clear: both; } .nav_top ul li:hover > a, .nav_top ul li.active > a { background: #464646; color: #FFF; } .nav_top ul li{ width:209px; padding-top:1px; float:none; z-index: 100; } .nav_top ul a{ white-space:nowrap; } .nav_top li:hover ul{ left:0; } .nav_top hover a{ color:#FFF; background-image:url(/qphtml/skins/custom/images/bg_hover_btn.jpg); text-decoration:none; } .nav_top li:hover ul a{ color:FFF; background:#21aee3; text-decoration:none; line-height:30px; } /*------sous meny hover-----*/ .nav_top li:hover ul li a:hover{ color:#FFF; background:#a8bd44; line-height:30px; } /*-------------------*/ .nav_top ul { list-style: none; padding: 0; margin: 0; } .nav_top ul li a { height:30px; color: #FFF; display: block; font-size: 11px; font-weight: bold; text-transform: none !important; font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif; padding: 0px; text-decoration: none; } .nav_top ul li a:hover { color: #FFF; text-decoration: none; background-color:#95a5a5; } /*-------------------------------------*/ #body { margin-top:10px; padding-left: 0px; padding-right:0px; padding-top:10px; width: 960px; background-color: #fff; height:auto; border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; } /*-----------sideBar---------*/ .sidebar { width: 150px; padding: 0px 0 0; float: left; font-size:12px; border-right: solid #21aee3 1px; border-bottom: solid #21aee3 1px; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar ul li { margin-bottom: 0; line-height: 1.9em; padding-bottom: 0; } .sidebar li ul { border-top: 1px solid #D2875F; background: #FFF; } .sidebar li ul li { display: block; border-top: none; padding: 10px; margin: 0; line-height: 1.5em; color: #999; } .sidebar li ul li a { font-weight: normal; color: #5d5d5d; } .sidebar li ul.blocklist li { padding: 0; display: inline; } .sidebar li ul.blocklist li a { display: block; padding: 2px 8px; text-decoration: none; border-bottom: solid 1px #e3e0e0; } .sidebar li ul.blocklist li a:hover { background-color: #a8bd44; color: #FFF; } .sidebar li ul li a:hover { color: #ccc; } .sidebar h5 { display: inline-block; /* for IE 6, 7 */ } .sidebar h5 { background: #22ade4; color: #064869; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; display: block; line-height: 32px; margin: 0; padding-left: 8px; padding-right: 8px; padding-top: 9px; padding-bottom:9px; text-transform: uppercase; } .sidebar h6 { background: #22ade4; color: #064869; font-family: Arial,Helvetica,sans-serif; font-style:normal; font-size: 14px; font-weight: bold; display: block; line-height: 8px; margin: 0; padding-left: 4px; padding-right: 4px; padding-top: 9px; padding-bottom:9px; text-transform: uppercase; } .sidebar-end { width: 280px; height: 10px; background: transparent url('../images/sidebar-bottom.jpg') no-repeat scroll top left; } /*-----------------------*/ .clear { clear: both; } #footer { width: 100%; background-color:#9b9b9b; border-top: 2px solid #28a324; margin:0px; padding:0px; height:30px; } #inFooter{ font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; width: 960px; height:30px; margin-left:auto; margin-right:auto; background-color:#464646; } #slideout { position: fixed; top: 0px; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } #slideout_inner { position: fixed; top: 0px; left: -150px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } #slideout:hover { left: 150px; } #slideout:hover #slideout_inner { left: 0; } #lotusPlaceBar1 { color:#3d444b;} .control_login { margin-top:5px;} /* #inFooter { padding: 20px; background: #F3F6F7; } */ .inner-box { background: #fff; } .inner-box .col { background:#eee; display:block; float:left; margin:1%; padding:10px; width:200px; height:160px; } /*-------MENU-----*/ @charset "UTF-8"; @import url(http://fonts.googleapis.com/css?family=Oxygen+Mono); #cssmenu {padding: 0; margin-top: 2px; border: 0;} #cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;} #cssmenu ul {position: relative; /*z-index: 597; */} #cssmenu ul li { float: left; min-height: 1px; vertical-align: middle; border-left:1px solid #666666;} #cssmenu ul li.hover, #cssmenu ul li:hover {position: relative; /*z-index: 599;*/ cursor: default;} #cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;} #cssmenu ul ul li {float: none;} #cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; } #cssmenu ul li:hover > ul { visibility: visible;} #cssmenu ul ul {bottom: 0; left: 0;} #cssmenu ul ul {margin-top: 0; } #cssmenu ul ul li {font-weight: normal;} #cssmenu a { display: block; line-height: 1em; text-decoration: none; } #cssmenu { background: #464646; /*border-top: 4px solid #27a221;*/ font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif; font-size: 12px; width:auto; float:left; margin-top:2px; } #cssmenu > ul { *display: inline-block; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu a { background: #333; color: #CBCBCB; padding: 0 20px; } #cssmenu ul { text-transform: none; } #cssmenu ul ul { /*border-top: 1px solid #666666;*/ text-transform: none; /* min-width: 190px; */ } #cssmenu ul ul a { background: #464646; color: #FFF; /*border: 1px solid #0082e7;*/ border-top: 0 none; line-height: 150%; padding: 16px 20px; } #cssmenu ul ul ul { border-top: 0 none; } #cssmenu ul ul li { position: relative } #cssmenu > ul > li > a { line-height: 28px; } #cssmenu ul ul li:first-child > a { /*border-top: 1px solid #0082e7; */} #cssmenu ul ul li:hover > a { background: #464646; } #cssmenu ul ul li:last-child > a { border-radius: 0 0 3px 3px; box-shadow: 0 1px 0 #1b9bff; } #cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; } #cssmenu ul ul li.has-sub > a:after { /*content: '+';*/ position: absolute; top: 50%; right: 15px; margin-top: -8px; } #cssmenu ul li:hover > a, #cssmenu ul li.active > a { background: #464646; color: #FFF; } #cssmenu ul li.has-sub > a:after { /*content: '+';*/ margin-left: 5px; } #cssmenu ul li.last ul { left: auto; right: 0; } #cssmenu ul li.last ul ul { left: auto; right: 99.5%; } /*--------------------------------------------*/ /* NAV TEXT */ /*--------------------------------------------*/ a.navText, a.navText:hover { color: #0063DC; font-size: small; text-decoration: none; } .qpg_navText { border: 0; color: #0063DC; font-size: 12px; padding: 0 5px; } .qpg_navText_Help { border: 0; color: #0063DC; font-size: 12px; padding: 5px; } .hiddenTable { width: 100%; border: solid 0 white; padding: 0px; margin-bottom: 2px; } .headerLeft { color:black; white-space:nowrap; padding:0px; margin:0px; } .headerCenter { color:black; white-space:nowrap; } .headerRight { color:black; white-space:nowrap; padding:0px; } .verticalBar { color:white; font-weight:700; white-space:nowrap; } #extraFeaturesTable { margin-top: 25px; } .menuBorder { border-style: none; border-color: #E6E6E6; border-width: 1px; padding: 3px; -moz-border-radius-bottomleft: 6px; } .menuRow { font-size: small; width:100%; } .menuText { font-size: small; color:#8FBCE5; } .menuTextHidden { display: none; } #listfolder_navfooter{ height:30px; margin-top:20px; } div.Section1{ margin:20px; } .WordSection1 { margin-left:20px; margin-right:20px; } .lotusSort{ background-color:##CCD0D3; }