/*-----------------------------------------------------*/ /* StyleSheet for the "SAP B2B ISA 40 Project" */ /* */ /* Document: stylesheet.css */ /* Style name: Horizon */ /* Version: 1.0 */ /* Authors: patrick.simon@sap.com */ /* Creation-Date: 12.11.2002 */ /* Last-Edit: 14.11.2002 (P. Simon) */ /* */ /* (c) SAP AG */ /*-----------------------------------------------------*/ /* Note: 1. This file has all new style classes from ISA 31 DEFAULT to ISA 31 HORIZON design 2. This file has all new style classes from ISA 40 DEFAULT design 3. If you use classes from "Classes not found", put them to the correct definition block (file end). Be sure, these classes are Horizon friendly. */ /* === Classes not found =================================== */ body.userPrefHeader { background: none #cfcfcf; } .remember { font-family: Verdana, Geneva, sans-serif; font-size: 10px; } /* Netscape4.5-Remember */ .InactiveTab { border-right: 1px solid #9b9b9b; border-left: 1px solid #9b9b9b; border-top: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b; } .inactiveAuction { text-decoration: line-through; } td.catLine { font-family: Verdana, Geneva, sans-serif; font-size: 6px; /* border-bottom: 1px solid #000000; */ } td.headerHint { text-align: left; vertical-align: middle; padding-bottom: 1px; color: #cccccc; } td.workareaTopBorder { background: none #DBE7D1; } table.workareaTopBorder { margin-top: 20px; padding-top: 20px; } .actualButtonLine { background: none #909C8F; } td.docLine, td.actualDocLine, td.specialDocLine, td.specialActualDocLine { font-size: 8px; background: none #CFDBC5; } td.specialDocLine, td.specialActualDocLine { font-size:4px; } td.specialDocLine { border-top: 1px solid #000; border-right: 1px solid #000; } td.specialActualDocLine { border-left: 1px solid #000; } .slighttext { color: #646464; } td.vertical-align-top { font-family: Verdana, Geneva, sans-serif; font-size: 10px; vertical-align: top; } div.vertical-align-top { vertical-align: top; } span.search-no { font-weight: bold; text-decoration: none; } /* ========================================================= */ /* ======================================================= */ /* START ISA 4.0 HORIZON design */ /* ======================================================= */ /* === GENERALLY ========================================= */ /* --- Font ---------------------------------------------- */ body { font-family: Verdana, Geneva, sans-serif; color: #000000; font-size: 10px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px; } th { font-family: Verdana, Geneva, sans-serif; color: #000000; font-size: 10px; vertical-align: top; text-align: left; } td { font-family: Verdana, Geneva, sans-serif; color: #000000; font-size: 10px; vertical-align: top; } th > img { display: block; } td > img { display: block; } td.logo { background: #CC0000; } td.opener { background: none #DCE3EC; font-weight: bold; text-align: left; vertical-align: middle; padding-bottom: 0px; } div.opener { background: #cccccc; color: #00000; height: 15px; font-weight: bold; font-style : normal; text-align: left; vertical-align: middle; padding-bottom: 0px; } div.errorMsg { font-weight: bold; padding-left: 10px; padding-top: 10px; } var { font-style: normal; } ul { padding-left: 1em; margin-left: -50px; /* Netscape 4.x Würgaround */ } img.tree { border-style: none; } .error { font-weight: bold; color: #ff0000; margin-bottom: 5px; } .scrollbarSpace { padding-right:20px; } .errorMsgHead { font-size: 16px; color: #ff0000; padding-bottom: 10px; } div.searchresult { background: none #C2EEFF; color: #00000; height: 15px; font-weight: bold; font-style : normal; } /* --- Links --------------------------------------------- */ a.icon { font-size: 10px; font-weight: normal; } a.icon:hover { background: none; } a.selected { font-weight: bold; } a:link { color: #426FC9; } a:visited { color: #426FC9; } a:hover { background: none #DCE3EC; } a:active { color: #426FC9; } a.viewSelectionActive:link { color: #CC0000; font-size: 13px; font-weight: bold; } a.viewSelectionActive:visited { color: #CC0000; font-size: 13px; font-weight: bold; } a.viewSelectionActive:hover { background: #DCE3EC; } a.viewSelectionActive:active { color: #CC0000; font-size: 13px;font-weight: bold; } a.viewSelectionInactive:link { color: #426FC9; font-size: 13px; font-weight: normal; } a.viewSelectionInactive:visited { color: #426FC9; font-size: 13px; font-weight: normal; } a.viewSelectionInactive:hover { background: #DCE3EC; } a.viewSelectionInactive:active { color: #426FC9; font-size: 13px; font-weight: normal; } /* --- Forms --------------------------------------------- */ form { margin: 0; } input { font-family: Verdana, Geneva, sans-serif; font-size: 10px; } input.head { background: none #CC0000; color: #FFFFFF; /*border: none;*/ font-weight: bold; border-top: 1px solid #96C8F5; border-left: 1px solid #96C8F5; border-bottom: 1px solid #051D33; border-right: 1px solid #051D33; } input.green { background: none #CC0000; color: #FFFFFF; border: none; font-weight: bold; border-top: 1px solid #96C8F5; border-left: 1px solid #96C8F5; border-bottom: 1px solid #051D33; border-right: 1px solid #051D33; } input[type="text"] /* conflict*/{ text-align: left; border: 1px solid Gray; } /* only works with CSS2 */ input.detailNetprice { background: #B6C2AC; border: none; } input.navDoc { background: #9399a4; color: #cccccc; } select { font-family: Verdana, Geneva, sans-serif; font-size: 10px; } textarea { font-family: Verdana, Geneva, sans-serif; font-size: 10px; border: 1px solid Gray; } .submitDoc { border: none 1px solid Gray; /* margin-bottom: 5px; */ } .bigCatalogInput { width: 155px; } .middleCatalogInput { width: 131px; } .yearInput { width: 70px; } .smallCatalogInput { width: 40px; } .customerAddrDetailsInput { width: 170px; font-family: Verdana, Geneva, sans-serif; font-size: 10px; } .auctionBiddingInput { width: 120px; } input.detailCount { background: #cccccc; border: none; } input.detailAttribute { background: none #e4e4e4; border: none; } @media screen { img.display-image { Display: Inline; } div.doctab-opener { padding-bottom: 5px; } ul { padding-left: 12px; margin-left: 5px; } div.module { width: 100%; } input.ipcButton { background: none #CC0000; color: #FFFFFF; border: none; font-weight: bold; border-top: 1px solid #96C8F5; border-left: 1px solid #96C8F5; border-bottom: 1px solid #051D33; border-right: 1px solid #051D33; } input.ipcButtonInvert { background: none #C9D0E0; color: #FFFFFF; border: none; font-weight: bold; border-top: 1px solid #96C8F5; border-left: 1px solid #96C8F5; border-bottom: 1px solid #051D33; border-right: 1px solid #051D33; } .submitDoc { border: none 1px solid Gray; /* margin-bottom: 5px; */ } .bigCatalogInput { border: 1px solid Gray; } .textInput { border: 1px solid Gray; } .textarea { border: 1px solid Gray; } .textInputSmall { border: 1px solid Gray; width: 40px; } } /* === ISA HEADER ======================================== */ /* --- Body ---------------------------------------------- */ body.header { background: #CC0000; border-left: 1px solid #C9D7E9;} .headLink { background: #CC0000; color: #FFFFFF; font-weight: bold; } /* --- Login list ---------------------------------------- */ .login { background: #cccccc; } .bodylight { background: #cccccc; font-weight: bold; } h2 { font-size: 14px; } h3 { font-size: 12px; } table.start-list { background: #cccccc; border-collapse: collapse; border: 1px solid #DCE3EC; } table.start-list th { background: none #DCE3EC; color: #000000; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-align: center; width: auto; } table.start-list td { border-right: 1px solid #DCE3EC; } table.start-list tr.odd { background: #cccccc; } table.start-list tr.even { background: none #F2F2F2; } table.start-list td.odd { background: #cccccc; } table.start-list td.even { background: none #F2F2F2; } /* === PORTAL HEADER ===================================== */ /* --- Standard ------------------------------------------ */ .portalHeader { background: #cccccc; } table.portalHeader td { background: #cccccc; color: #000000; font-size: x-small; } table.portalHeader a:link { color: #000000; font: normal; text-decoration: none; } table.portalHeader a:visited { color: #000000; font: normal; text-decoration: none; } table.portalHeader a:hover { background: none #DCE3EC; color: #000000; font: normal; text-decoration: none; } table.portalHeader a:active { color: #000000; font: normal; text-decoration: none; } table.portalHeader { background: none #DCE3EC; height: 15px; border-bottom: 1px solid #C9D7E9; } .portalLineLeft { border-left: 1px solid #C9D7E9; } /* === ORGANIZER ========================================= */ /* --- Standard ------------------------------------------ */ body.organizerHead { background: #cccccc; border-left: 1px solid #C9D7E9; } table.organizer td { } /* --- Procedures / Productsearch ------------------------ */ body.organizer { background: none #F0F4FA; border-left: 1px solid #C9D7E9; border-bottom: 1px solid #C9D7E9; } td.actualOrganizerNavTab { background: #CC0000; color: #FFFFFF; font-weight: bold; border-bottom: none; } td.actualOrganizerNavTab a:link { font-family: Verdana, Geneva, sans-serif; text-decoration: none; } td.actualOrganizerNavTab a:visited { font-family: Verdana, Geneva, sans-serif; text-decoration: none; } td.actualOrganizerNavTab a:hover { font-family: Verdana, Geneva, sans-serif; text-decoration: none; } td.actualOrganizerNavTab a:active { font-family: Verdana, Geneva, sans-serif; text-decoration: none; } td.organizerNavTab { background: none #DCE3EC; } td.organizerNavTab a:link { color: #000000; text-decoration: underline; font-size: 10px; } td.organizerNavTab a:visited { color: #000000; text-decoration: underline; font-size: 10px; } td.organizerNavTab a:hover { } td.organizerNavTab a:active { color: #000000; text-decoration: underline; font-size: 10px; } table.LineNavTabOrganizer { background: none #F0F4FA; border-top: 2px solid #CC0000; } table.LineNavTabCatalog { background: none #F0F4FA; border-top: 2px solid #CC0000; } table.organizer-list th.s_on { background: none #DCE3EC; } table.organizer-list td.s_on { background: #cccccc; } /* --- Procedures / Productsearch list ------------------- */ table.organizer-list { background: #cccccc; border-collapse: collapse; border: 1px solid #DCE3EC; } table.organizer-list th { background: none #DCE3EC; color: #000000; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-align: center; width: auto; } table.organizer-list td { border-right: 1px solid #DCE3EC; } table.organizer-list tr.odd { background: #cccccc; } table.organizer-list tr.even { background: #F2F2F2; } table.organizer-list td.odd { background: #cccccc; } table.organizer-list td.even { background: #F2F2F2; } /* --- Catalog ------------------------------------------- */ body.catalog { background: none #F0F4FA; border-left: 1px solid #C9D7E9; border-bottom: 1px solid #C9D7E9; } td.actualCatalogNavTab { background: none #CC0000; color: #FFFFFF; font-weight: bold; border-bottom: none; } td.actualCatalogNavTab a:link { } td.actualCatalogNavTab a:visited { } td.actualCatalogNavTab a:hover { } td.actualCatalogNavTab a:active { } td.catalogNavTab { background: none #DCE3EC; } td.catalogNavTab a:link { color: #000000; text-decoration: underline; font-size: 10px; } td.catalogNavTab a:visited { color: #000000; text-decoration: underline; font-size: 10px; } td.catalogNavTab a:hover { } td.catalogNavTab a:active { color: #000000; text-decoration: underline; font-size: 10px; } /* --- Catalog list -------------------------------------- */ tr.link-zs0 { background: none #CC0000; } tr.link-zs1 { background: none #2973AD; } tr.link-zs2 { background: none #2984C6; } td.linkCat { border-bottom: 1px solid #F6F7F9;} td.linkCat a:link { color: #FFFFFF; text-decoration: none; } td.linkCat a:visited { color: #FFFFFF; text-decoration: none; } td.linkCat a:hover { background: none #CC0000; } td.linkCat a:active { color: #FFFFFF; text-decoration: none; } /* === TABDOC ============================================ */ /* --- Standard ------------------------------------------ */ body.docnav { background: #cccccc; } div.doctab-opener { font-weight: bold; color: #000000; } .actualDocTab { background: none #CC0000; color: #FFFFFF; } .docTab { background: none #DCE3EC; } var.main { font-weight: bold; } table.LineNavTabDoc { background: #cccccc; border-top: 2px solid #CC0000; } td.iViewHeader { background: #cccccc; border-bottom: 2px solid #CC0000; vertical-align: middle; font-size: 11px; color: #CC0000; font-weight: bold;} .actualButtonLine2 { background: none #909C8F; } td.actualDocTab a:link { background: none #CC0000; color: #FFFFFF; text-decoration: none; } td.actualDocTab a:visited { background: none #CC0000; color: #FFFFFF; text-decoration: none; } td.actualDocTab a:hover { background: none #CC0000; } td.actualDocTab a:active { background: none #CC0000; color: #FFFFFF; text-decoration: none; } a.doctapNavTab:link { color: #FFFFFF; text-decoration: none; font-weight: bold; } a.doctapNavTab:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; } a.doctapNavTab:hover { background: none #CC0000; } a.doctapNavTab:active { color: #FFFFFF; text-decoration: none; font-weight: bold; } td.docTab a:link { color: #000000; text-decoration: underline; font-weight: normal; } td.docTab a:visited { color: #000000; text-decoration: underline; font-weight: normal; } td.docTab a:hover { background: none #DCE3EC; } td.docTab a:active { color: #000000; text-decoration: underline; font-weight: normal; } var.main2 { font-weight: normal; } /* === CLOSER LEDT/RIGHT/DOWN ============================ */ /* --- Standard ------------------------------------------ */ body.closer { background: #cccccc; border: 1px solid #C9D7E9; height: 100%;} /*body.closer { background: none #DCE3EC; border: 1px solid #FFFFFF; } */ table.closer { background: #cccccc; } #leftArrow, #rightArrow { position: absolute; top: 5px; left: 3px; } #BottomArrow0, #BottomArrow1 { position: relative; top: 2px; right: 3px; } /* change 0px to 2 px, due to b2b,css is 2px */ div.horizCloser { line-height : 100%; padding-top: 10px; } div.horizCloser a { font-weight: bold; text-decoration: none; } /* === HISTORY =========================================== */ /* --- Standard ------------------------------------------ */ /*body.history { background: none #F0F4FA; border-right: 1px solid #C9D7E9; border-bottom: 1px solid #C9D7E9; }*/ body.history { background: none #F0F4FA; } td.historyHeader { background: none #CC0000; color: #FFFFFF; font-weight: bold; padding-left: 3px; } a.historyLink:link { color: #000000; text-decoration: underline; font-size: 10px; } a.historyLink:visited { color: #000000; text-decoration: underline; font-size: 10px; } a.historyLink:hover { } a.historyLink:active { color: #000000; text-decoration: underline; font-size: 10px; } a.historyHeaderLink:link { } a.historyHeaderLink:visited { } a.historyHeaderLink:hover { } a.historyHeaderLink:active { } table.LineNavTabHistory { background: #cccccc; border-top: 2px solid #CC0000; } td.historyHeader2 { background: #FFFFFF; color: #CC0000; font-weight: bold; padding-left: 3px; } td.historyHeader3 { background: #FFFFFF; color: #CC0000;} td.historyHeaderLink { background: #DCE3EC; color: #FFFFFF; font-weight: bold; padding-left: 3px; } /* === DETAILAREA ======================================== */ /* --- Standard ------------------------------------------ */ body.workareaDetails { background: #cccccc; } td.DetailsTab { background: none #DCE3EC; font-weight: bold; border-bottom: none; } td.DetailsCatTab { background: none #DCE3EC; color: #000000; font-weight: bold; border-bottom: 1px solid #CC0000; } td.actualDetailsCatTab { background: none #CC0000; color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #CC0000; } td.actualDetailsTab { background: none #CC0000; font-weight: bold; color: #FFFFFF; border-bottom: 0px solid #CC0000; } td.vertical-align-middle { vertical-align: middle; } td.vertical-align-bottom { vertical-align: bottom; } div.vertical-align-middle { vertical-align: middle; } div.vertical-align-bottom { vertical-align: bottom; } div.detailsTitle { font-weight: bold; text-align: right; } .actualDetails { background: none #DCE3EC; }/* NOT USED ??? use switch in web-xml to disable the ouput */ div.module-name { background: #cccccc; color: Teal; text-align: left; font-weight: normal; display: inline; font-size : xx-small; } table.details { border: 1px solid silver; border-collapse: collapse; } table.details th { border: 1px solid silver; } table.details td { border: 1px solid silver; } td.DetailsCatTab a:link { color: #000000; text-decoration: underline; font-weight: normal;} td.DetailsCatTab a:visited { color: #000000; text-decoration: underline; font-weight: normal;} td.DetailsCatTab a:hover { background: none #DCE3EC; } td.DetailsCatTab a:active { color: #000000; text-decoration: underline; font-weight: normal;} /* === WORKAREA ========================================== */ /* --- Standard ------------------------------------------ */ body.workarea { background: #cccccc; border-bottom: 1px solid #C9D7E9; } /* --- Heading ------------------------------------------- */ td.opener_blue { background: none #DCE3EC; font-weight: bold; text-align: left; vertical-align: middle; padding-bottom: 0px; } table.headerWhite { background: none #DCE3EC; font-weight: bold; font-size: 12px; } table.headerWhite td { vertical-align: middle; width: 230; } td.headerWhite { background: none #DCE3EC; vertical-align: middle; font-weight: bold; font-size: 10px; } /* --- Pos list ------------------------------------------ */ table.poslist { background: #cccccc; border-collapse: collapse; border: 1px solid #C9D7E9; margin: 0px; padding: 0px; } th.poslist { background: none #DCE3EC; border: 1px solid #FFFFFF; } th.poslist-center { background: none #DCE3EC; text-align: center; border: 1px solid #FFFFFF; } td.poslist-mainpos-odd { background: #cccccc; border-top: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-bottom: 0px solid #EEEEEE; vertical-align: middle; } td.poslist-mainpos-even { background: none #F2F2F2; border-top: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-bottom: 0px solid #EEEEEE; vertical-align: middle; } td.poslist-subpos-odd { background: #cccccc; border-top: 1px solid #9B9B9B; border-right: 1px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-bottom: 0px solid #EEEEEE; vertical-align: middle; } td.poslist-subpos-even { background: none #F2F2F2; border-top: 1px solid #9B9B9B; border-right: 1px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-bottom: 0px solid #EEEEEE; vertical-align: middle; } td.poslist-odd { background: #cccccc; border-top: 0px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-bottom: 0px solid #EEEEEE; } td.poslist-even { background: none #F2F2F2; border-top: 0px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-bottom: 0px solid #EEEEEE; } td.poslist-detail-odd { background: #cccccc; border-top: 0px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-bottom: 0px solid #EEEEEE; } td.poslist-detail-even { background: none #F2F2F2; border-top: 0px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-bottom: 0px solid #EEEEEE; } table.poslist img { vertical-align: middle; } td.poslist-pos-odd { background: #cccccc; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 0px solid #EEEEEE; border-bottom: 0px solid #FFFFFF; vertical-align: middle; } td.poslist-pos-even { background: none #F2F2F2; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 0px solid #EEEEEE; border-bottom: 0px solid #FFFFFF; vertical-align: middle; } /* --- Pos list detail ----------------------------------- */ table.poslistdetail-odd { background: #cccccc; border: 1px solid #C9D7E9; width: 100%; } table.poslistdetail-odd td { border-width: 0px; } table.poslistdetail-odd img { vertical-align: text-bottom; } table.poslistdetail-even { background: none #F2F2F2; border: 1px solid #C9D7E9; width: 100%; } table.poslistdetail-even td { border-width: 0px; } table.poslistdetail-even img { vertical-align: text-bottom; } /* --- Pos list error ------------------------------------ */ table.poslisterror { background: none #FFDDCC; border: 1px solid #C9D7E9; width: 100%; } table.poslisterror td { border-width: 0px; } /* --- Pos list info ------------------------------------- */ table.poslistinfo { background: none #EEEEEE; border: 1px solid #9E9E9E; width: 100%; } table.poslistinfo td { border-width: 0px; } /* --- Pos list warning ---------------------------------- */ table.poslistwarning { background: none #EEEEEE; border: 1px solid #9E9E9E; width: 100%; } table.poslistwarning td { border-width: 0px; } /* --- document header -------------------------- */ table.docHeader { border: 0px; border-collapse: collapse; } table.docHeader td, table.docHeader th { margin: 0px; padding: 3px; } table.docHeader td.ident, table.docHeader th.ident{ text-align: right; vertical-align: middle; } table.docHeader td.data, table.docHeader Th.data { text-align: left; vertical-align: middle; } table.docHeader td.empty {} table.docHeader td.priceIdent { text-align: right; } table.docHeader td.priceData { text-align: left; background: #CCCCCC; } table.docHeader td.priceIdentSep { text-align: right; border-top: #000000 1px solid; } table.docHeader td.priceDataSep { text-align: left; background: #CCCCCC; border-top: #000000 1px solid; } table.docHeader td.statusIdent { text-align: right; font-weight: bold; } table.docHeader td.statusData { text-align: left; font-weight: bold; } table.docHeader td.msgIdent { text-align: right; vertical-align: top; } table.docHeader td.msgData { text-align: left; vertical-align: top; } table.docHeader a.icon { text-decoration: none; } table.docHeader img { vertical-align: middle; } table.docHeader textarea.readonly { background-color: #f2f2f2; vertical-align: top; } /* --- selections for positions -------------------------- */ table.posSelect { border: #c9d7e9 1px solid; border-collapse: collapse; } table.posSelect td, table.posSelect th { margin: 0px; padding: 3px; } table.posSelect td.selection { border: 1px solid #eeeeee; background: #cccccc; vertical-align: middle; } table.posSelect td.annotation { border: #eeeeee 1px solid; background: #f2f2f2; font-weight: bold; vertical-align: middle; } /* --- Catalog ------------------------------------------- */ body.organizerCatalog { background: #cccccc; border-bottom: 1px solid #C9D7E9; } table.catalogList { background: #cccccc; border-collapse: collapse; border: 1px solid #FFFFFF; } table.catalogList th { background: none #DCE3EC; color: #000000; width: auto; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-align: center; } table.catalogList td { border-bottom: 1px solid #C9D7E9; border-right: 1px solid #b2bdd2; } table.catalogList tr.odd { background: #cccccc; } table.catalogList tr.even { background: none #F2F2F2; } table.catalogList td.odd { background: #cccccc; } table.catalogList td.even { background: none #F2F2F2; } tr.resultPager { background: #cccccc; } tr.catalogResultPager { background: none #DCE3EC; } ul.catalog li { font-family: Verdana, Geneva, sans-serif; list-style-type: none; } .userPref { background: none #667186; } .catalog { background: none #B2BDD2; } /* --- Link after search result -------------------------- */ table.list { background: #cccccc; border-collapse: collapse; border: 1px solid #C9D7E9; } table.list th { background: none #DCE3EC; color: #000000; width: auto; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; text-align: center; } table.list td { border-bottom: 1px solid #C9D7E9; border-right: 1px solid #B2BDD2; } table.list tr.odd { background: #cccccc; } table.list tr.even { background: none #F2F2F2; } table.list td.odd { background: #cccccc; } table.list td.even { background: none #F2F2F2; } /* --- Quotations orange --------------------------------- */ td.orderHeadPrice { background: none #CCCCCC; } td.orderHeadPriceSeparator { background: none #CCCCCC; border-top: 1px solid #000000; } td.orderHeadSeparator { border-top: 1px solid #000000; } /* === Folder IPC ======================================== */ body.ipcBody { background: none #F0F4FA; } .ipcConflictHandlingValueLayout{ font-weight:bold; } .ipcConflictHandlingHeader{ font-style:bold; font-size:12px; } .ipcAreaFrame{ background: none #F0F4FA; border: 1px solid #C9D7E9; padding:3px; } .ipcAreaFrameConflict{ border:1px solid #FFCC33; padding:3px; background-color:#FFFFFF; } .ipcConflictGroupText{ font-family: Verdana, Geneva, sans-serif; color: #FFCC33; } .ipcConflictStatusbar { font-family: Verdana, Geneva, sans-serif; background-color:#FFCC33; color: #000; } .ipcConflictSolvedStatusbar { font-family: Verdana, Geneva, sans-serif; background-color:#80FF80; border: 0px; color: #000; } th.ipc { font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-align: left; vertical-align: top; font-style: bold; color: #000; } table.ipcHeader { font-family: Verdana, Geneva, sans-serif; } table.ipcHeader th { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 11px; padding-top: 3px; padding-bottom: 3px; } table.ipcHeader td { font-family: Verdana, Geneva, sans-serif; padding-top: 3px; padding-bottom: 3px; } td.ipcConflict{ background-color: #FFCC33; } td.ipcLeft{ background: none #DCE3EC; } td.ipcMiddle{ background: none #F0F4FA; } td.ipcRight{ background: none #E7EBF2; } table.ipcDetailHeader { font-family: Verdana, Geneva, sans-serif; } table.ipcDetailHeader td { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 11px; padding-top: 3px; padding-bottom: 3px; } table.ipcDetailStatusbar { font-family: Verdana, Geneva, sans-serif; background: #cccccc; color: #000; } table.ipcDetailStatusbar td{ vertical-align: middle; font-size: 11px; padding-top: 3px; padding-bottom: 3px; } table.ipcDetailBody { font-family: Verdana, Geneva, sans-serif; background: none #F0F4FA; color: #000; } table.ipcProductVariants{ font-family: Verdana, Geneva, sans-serif; color: #000; caption-side:bottom; border-collapse: collapse; border: 1px solid #9b9b9b; background: none #c3ccdd; padding-top: 3px; padding-bottom: 3px; } table.ipcProductVariants th{ font-family: Verdana, Geneva, sans-serif; width: auto; border-right: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b; text-align: center; } table.ipcProductVariants td { font-family: Verdana, Geneva, sans-serif; border-bottom: 1px solid #b2bdd2; border-right: 1px solid #b2bdd2; background: #cccccc; } table.ipcStatusbar { font-family: Verdana, Geneva, sans-serif; background: #cccccc; color: #000; } table.ipcStatusbar td{ font-family: Verdana, Geneva, sans-serif; vertical-align: middle; } table.ipcCharacteristicBar { font-family: Verdana, Geneva, sans-serif; background: none #DCE3EC; color: #000; border: 0px } table.ipcCharacteristicBarConflict { font-family: Verdana, Geneva, sans-serif; background-color:#FFCC33; border: 0px } table.ipcCharacteristicGroup { font-family: Verdana, Geneva, sans-serif; background-color: none #b2bdd2; color: #000; font-style: bold; } table.ipcCharacteristicGroup td { font-family: Verdana, Geneva, sans-serif; background-color: none #b2bdd2; color: #000; font-style: bold; } td.ipc_characteristic_value_input { font-family: Verdana, Geneva, sans-serif; border: 0px; text-align:right; } td.ipc_characteristic_value_description { font-family: Verdana, Geneva, sans-serif; border: 0px; text-align:right; } td.ipc_characteristic_value_surcharge { font-family: Verdana, Geneva, sans-serif; border: 0px; width: 100%; text-align:right; } td.ipcActiveTab { background: none #CC0000; color: #FFFFFF; vertical-align: middle; font-weight: bold; border-bottom: none; } td.ipcActiveTab a:link { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; } td.ipcActiveTab a:visited { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF} td.ipcActiveTab a:hover { background: none #CC0000; color: #FFFFFF;} td.ipcActiveTab a:active { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; } td.ipcInactiveTab { background: none #DCE3EC; vertical-align: middle;} td.ipcInactiveTab a:link { color: #000000; text-decoration: underline; font-size: 10px; } td.ipcInactiveTab a:visited { color: #000000; text-decoration: underline; font-size: 10px; } td.ipcInactiveTab a:hover { } td.ipcInactiveTab a:active { color: #000000; text-decoration: underline; font-size: 10px; } td.ipcActiveGroupTab { background: none #CC0000; color: #FFFFFF; vertical-align: middle; font-weight: bold; border-bottom: none; } td.ipcActiveGroupTab a:link { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; } td.ipcActiveGroupTab a:visited { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF} td.ipcActiveGroupTab a:hover { background: none #CC0000; color: #FFFFFF;} td.ipcActiveGroupTab a:active { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; } td.ipcInactiveGroupTab { background: none #DCE3EC; vertical-align: middle;} td.ipcInactiveGroupTab a:link { color: #000000; text-decoration: underline; font-size: 10px; } td.ipcInactiveGroupTab a:visited { color: #000000; text-decoration: underline; font-size: 10px; } td.ipcInactiveGroupTab a:hover { } td.ipcInactiveGroupTab a:active { color: #000000; text-decoration: underline; font-size: 10px; } td.ipcConflictGroupTab { background: none #FFCC33; color: #FFFFFF; vertical-align: middle; font-weight: bold; border-bottom: none; } td.ipcConflictGroupTab a:link { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; } td.ipcConflictGroupTab a:visited { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; } td.ipcConflictGroupTab a:hover { background: none #FFCC33; color: #FFFFFF;} td.ipcConflictGroupTab a:active { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; } td.ipcTabScroll { background: none #F0F4FA; vertical-align: middle; border-bottom: none; } td.ipcTabScroll a:link { } td.ipcTabScroll a:visited { } td.ipcTabScroll a:hover { background: none #F0F4FA; } td.ipcTabScroll a:active { } /* === Folder Auction ==================================== */ div.module-name-new { color: #0066CC; text-align: right; font-weight: bold; display: inline; /* use switch in web-xml to disable the ouput */ } table.cat { background: #c6c6c6; font-family: Verdana, Geneva, sans-serif; } td.auctionFramed { font-family: Verdana, Geneva, sans-serif; border: 1px solid #242424; } tr.confirm { background: none #CFDBC5; } .auction { color: #0066cc; } .firstColumn { color:#454D58; background-color:#DCE3EC; cursor:default; font-size:0.7em; font-weight:normal; height:21px;padding:1px 4px 2px 6px; } .headerColumn { color:#454D58; background-color:#DCE3EC; border-color:#FFF; border-style:solid; border-width:0 0 0 1px; cursor:default; font-weight:normal;padding:1px 4px 2px 6px; } .tableCell { background-color:#fff; border-color:#DCE3EC;border-style:solid; border-width:0 0 1px 0;color:#000;padding:0 6px 0 6px;} .tableBxCell { background-color:#fff; border-color:#DCE3EC; border-style:solid; border-width:0 1px 1px 1px;color:#000;padding:0 6px 0 6px;} .sapTbsTabSel { font-family:arial,sans-serif; font-size:x-small; background-color:#cccccc;font-style:normal; cursor:default; border-right:1px solid #CACACA; padding:1px 10px 1px 10px; font-weight:normal; height:0;z-index:51;top:+1px; border-top:1px solid #CACACA;border-left:1px solid #CACACA;position:relative;} .sapTbsSpcOnOff { background-image:url();width:0;height:0;} .sapTbsSpcFrOn { height:0;background-image:url();width:0;} .sapTbsTab { font-family:arial,sans-serif; font-size:x-small; z-index:0; background-color1:#D1D4DE; background-color:DCE3EC;font-style:normal; border-left:1px solid #cccccc; border-top:1px solid #FFFFFF; border-right:1px solid #cccccc; padding:1px 10px 1px 10px; font-weight:normal;height:0; cursor:hand;top:+2px;position:relative;border-bottom:1px solid #6C82A0;} .headerTab { font-family:arial,sans-serif; font-size:x-small; z-index:0; background-color:#DCE3EC; font-style:normal; border-left:1px solid #cccccc; border-top:1px solid #FFFFFF; border-right:1px solid #cccccc; padding:1px 8px 1px 8px; font-weight:normal;height:0; top:+2px;position:relative; } .sapTbsSpcOffOff { background-image:url();width:0;height:0;} .sapTbsSpcOffOn { background-image:url();width:0;height:0;} .sapTbsSpcBkOn { background-image:url();width:0;height:0;} .sapTbsSpcBkOff { background-image:url();width:0;height:0;} .sapTbsWhl { z-index:50;background-color:#cccccc;border-top:none;border:1px solid #CC0000;position:relative;border-top:none;} .sapTbsTabBlk { width:100%;text-align:right;height:0;background:transparent;} .DetailsBoxBackground { background:none #F7F9FB;} /* === Folder eCall ====================================== */ body.hints { background: #cccccc; border-bottom: 1px solid #C9D7E9; } tr.settingheader { background: none /*?*/#C9D7E9; font-size: 10px; border-bottom: 1px solid #000; vertical-align: top; } td.settingheader2 { background: none #DCE3EC; font-size: 10px; border-bottom: 1px solid #000000; vertical-align: middle; } body.help { background: #cccccc; } td.helpNavTab { background: none #C9D7E9; border-bottom: 1px solid #CC0000; } td.actualHelpNavTab { background: none #CC0000; border-bottom: none; border: 1px solid #CC0000; font-weight: bold; } td.actualHelpNavTab a:link { color: #FFFFFF; text-decoration: none; } td.actualHelpNavTab a:visited { color: #FFFFFF; text-decoration: none; } td.actualHelpNavTab a:hover { background: none #CC0000; } td.actualHelpNavTab a:active { color: #FFFFFF; text-decoration: none; } body.ship { background: #cccccc; border-bottom: 1px solid #C9D7E9; } tr.ship { background: #cccccc; } table.shipto { background: #cccccc; } /* === Folder admin ====================================== */ /* make your entries here */ /* === Folder advisor ==================================== */ body.advisor { background: #cccccc; color: #000000; font-family : Verdana, sans-serif; font-size: 10px; margin: 10px 10px 10px 10px; } input.button { background: none #CC0000; color: #FFFFFF; border: none; font-weight: bold; border-top: 1px solid #96C8F5; border-left: 1px solid #96C8F5; border-bottom: 1px solid #051D33; border-right: 1px solid #051D33; } .error /* conflict, class exists in line 64 */ { color: #ff0000; font-family: Verdana, sans-serif; font-weight: bold; } .boxout { background: none #DCE3EC; } .boxin { background: #cccccc; } .boxtitle { background: none #DCE3EC; color: #CC0000; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; } .message { color: #009900; font-family: Verdana, sans-serif; font-weight: bold; } .matcheditem { color: #FF9933; font-family: Verdana, sans-serif; font-weight: bold; } /* === Folder catalog ==================================== */ input.batch-even {border:none; background-color: #F2F2F2} input.batch-odd {border:none; background-color: #FFFFFF} tr.categs { background: none; background-color: #DCE3EC; text-decoration: none; } tr.categsSelected { background: none; background-color: #CC0000; text-decoration: none; } td.categs { border-bottom: 1px solid #F6F7F9; } td.categsSelected { border-bottom: 1px solid #F6F7F9; } td.categs a:link { text-decoration: none; color: #000000;} td.categs a:visited { text-decoration: none; color: #000000;} td.categs a:hover { background: none #CC0000; color: #FFFFFF; text-decoration: none;} td.categs a:active { background: none #CC0000; color: #FFFFFF; text-decoration: none;} td.categsSelected a:link { text-decoration: none; color: #FFFFFF;} td.categsSelected a:visited { text-decoration: none; color: #FFFFFF;} td.categsSelected a:hover { background: none #CC0000; color: #FFFFFF; text-decoration: none;} td.categsSelected a:active { background: none #CC0000; color: #FFFFFF; text-decoration: none;} /* ==== Calendar ==============*/ .calendarcontrol { background: #CC0000; border-left: 2px solid #CC0000; border-bottom: 2px solid #CC0000; border-top: 2px solid #CC0000; border-right: 2px solid #CC0000;} /* make your entries here */ /* === Folder catalog ==================================== */ /* make your entries here */ /* === Folder dealerlocator ============================== */ /* make your entries here */ /* === Folder hightech =================================== */ /* make your entries here */ /* === Folder oob ======================================== */ /* make your entries here */ /* === Folder ICSS ========================================== */ .cont-pad { width: 95%; padding-left: 10px; } td.headLine { background: none #DCE3EC; text-align: left; vertical-align: middle; padding-bottom: 0px; font-size: 18px; font-weight: bold; } td.satBackground { background: none #667186; } input.loginInput { width: 150px; border: 1px solid Gray; } .NavTab { font-family: Verdana, Arial, Geneva, sans-serif; background: none #9eac9d; } .actualNavTab { font-family: Verdana, Arial, Geneva, sans-serif; background: none #bfcda1; font-weight: bold; text-decoration: none; } a.ibase:link {text-decoration: none} a.ibase:visited {text-decoration: none} a.ibase:active {text-decoration: none} a.ibase:hover {text-decoration: none; background-color: #DCE3EC } a.ibase_selected:link {background-color: #FFD18C; text-decoration: none} a.ibase_selected:visited {background-color: #FFD18C; text-decoration: none} a.ibase_selected:active {background-color: #FFD18C; text-decoration: none} a.ibase_selected:hover {background-color: #FFD18C; text-decoration: none; background-color: #DCE3EC } .textInputDisabled { border: 1px solid Gray; background-color: #DCDCDC} .outputData {background-color: #EEEEEE;} /* ======================================================= */ /* END ISA 4.0 HORIZON design */ /* ======================================================= */