/* SAP Header and Overall Styles */ /* ===== @FONT-FACE ============================================================================================================= */ /*This CSS resource incorporates links to font software which is the valuable copyrighted property of WebType LLC, The Font Bureau, and/or their suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact WebType with any questions:http://www.webtype.com */ @font-face { font-weight:bold; font-style:normal; font-family:BentonSansBold; src:url("/assets/fonts/sap/90a77a6d-79fe-4845-96a8-b6dadd7d52a4-2.eot"); src:url("/assets/fonts/sap/90a77a6d-79fe-4845-96a8-b6dadd7d52a4-2.eot?") format("embedded-opentype"),url("/assets/fonts/sap/90a77a6d-79fe-4845-96a8-b6dadd7d52a4-3.woff") format("woff"),url("/assets/fonts/sap/90a77a6d-79fe-4845-96a8-b6dadd7d52a4-1.ttf") format("truetype"),url("/assets/fonts/sap/90a77a6d-79fe-4845-96a8-b6dadd7d52a4-4.svg#web") format("svg"); } @font-face { font-weight:normal; font-style:normal; font-family:BentonSansRegular; src:url("/assets/fonts/sap/b36a47f4-8876-40cb-b31a-d02f16a88d78-2.eot"); src:url("/assets/fonts/sap/b36a47f4-8876-40cb-b31a-d02f16a88d78-2.eot?") format("embedded-opentype"),url("/assets/fonts/sap/b36a47f4-8876-40cb-b31a-d02f16a88d78-3.woff") format("woff"),url("/assets/fonts/sap/b36a47f4-8876-40cb-b31a-d02f16a88d78-1.ttf") format("truetype"),url("/assets/fonts/sap/b36a47f4-8876-40cb-b31a-d02f16a88d78-4.svg#web") format("svg"); } /* ===== RESETS, ANCHOR OUTLINE REMOVAL, CLEARFIX ========================================================================= */ html, body, a, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, /*sup,*/ var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; outline:0; border:0; border-spacing:0; border-collapse:collapse; background:transparent; vertical-align:baseline; font-size:100%; } a:hover, a:active, a:focus, object, embed { outline:none; } .clearfix:before, .clearfix:after { display:block; visibility:hidden; height:0; content:"\\0020"; } .clearfix:after { clear:both; } /* ===== GLOBALS ======================================================================================================= */ /* Base -------------------*/ html * { margin:0; padding:0; } html, body { height:100%; width:100%; } body { overflow-y:scroll; background:#cfcfcf url(/assets/img/bkg-body.png) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; } a { outline:none; color:#0066B3; } map, area, img { outline:none; border:none; } hr { height:0; border:none; background:none; } /* -- PAGE, BREADCRUMB -- */ #page { position:absolute; top:0; left:50%; margin:0 0 58px -475px; width:950px; height:auto; } #breadcrumb { display:block; margin-top:147px; width:100%; height:24px; background:#e5e5e5; } #breadcrumb ul li { display:inline; } #breadcrumb ul li a { display:block; float:left; background:url(/assets/img/bkg-breadcrumb-nav-arrow.png) no-repeat right; color:#0066b3; text-decoration:none; font-weight:bold; } #breadcrumb ul li a:hover { text-decoration:underline; } #breadcrumb ul li span { display:block; float:left; padding:5px 14px 4px 10px; font-weight:bold; } /*-- HEADER --*/ #header { position:absolute; top:0px; z-index:50; width:950px; height:50.5px; } #header q a, q a { display:block; float:left; margin-top:10px; width:auto; height:33px; text-decoration:none; } #header q span { display:block; float:left; padding:10px 0 0 0px; color:#FFF; font-weight:bold; font-size:12px; } #header q img { float:left; border:0 none; displaying:block; } q.repl a { position:absolute; z-index:80; display:block; margin-top:7px; width:auto; height:33px; background:url(../images/logos/sap-logo.png) no-repeat; text-decoration:none; } q.repl span { display:block; float:left; padding:8px 0 0 68px; color:#FFF; font-weight:bold; font-size:13px; } q { quotes:none; } .header-box { width: 80%; height: inherit; } .header-navs { width: 75%; float: left; } ul#nav-links, ul#nav-links2 { margin: 0; padding: 0 12px 0 0px;} ul#nav-links2 { margin: 0; padding: 0 4px 0 0px;} ul#nav-links li { position:relative; display:inline-block; float:left; padding-top:7px; list-style:none; margin: 0 9px 0 8px; } ul#nav-links2 li { position:relative; display:inline-block; padding:5px 0 0 0; list-style:none; text-align: right; margin: 0 0px 0 14.1px;} ul#nav-links li a { display:block; float:left; text-decoration:none; font-size:12px; } ul#nav-links2 li a { display:block; text-decoration:none; font-size:12px; } ul#nav-links li a, ul#nav-links2 li a { color:#fff; font-weight:bold; } .searchField fieldset { background: url("../images/bg-search3.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: right; height: 40px; width: 175px; margin-top: 10px; } .searchField .text { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #505050; float: left; margin: 0; padding: 4px 3px 0 4px; width: 152px; font-weight: normal; outline: none; } .searchField .submit { background: url("../images/btn-submit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; cursor: pointer; float: left; font-size: 0; height: 11px; line-height: 0; margin: 4px 0 0; padding: 0; text-indent: -9999px; width: 10px; } .page-header { background: url("../images/bg-block.gif") repeat-x scroll 0 0 #fdfdfd; border-top: 9px solid #f0ab00; /*height: 85px;*/ margin: 0 0 3px; overflow: hidden; width: 950px; } .page-header #first-box { color: #353535; display: table-cell; float: left; font-size: 16px; margin-left: 9px; padding-left: 0; text-align: left; vertical-align: top !important; width: 205px; } .page-header #first-box h1 { color: #353535; float: left; font-size: 18px; padding-top: 12px; padding-bottom: 12px; margin-right: 30px; } .page-header #first-box h1 a { color: #353535; line-height: 20px; text-decoration: none; } .page-header #first-box a:hover { background-color: #00A3DF; color: #FFFFFF; text-decoration: none; } .content {margin-top:4px;} /* -- SEARCH -- */ .search fieldset { margin:0px; padding:0px; height:21px; border:none; background:url(/assets/img/bkg-search.png) no-repeat; } .search fieldset label { display:block; } .search fieldset .search-input { position:relative; top:1px; left:5px; display:block; width:129px; border:none; background:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .search fieldset .search-submit { display:block; float:left; width:17px; height:21px; border:none; background:url(/assets/img/ab/btn-search.png); cursor:pointer; } #searchsite { position:absolute; top:10px; right:-1px; width:151px; } #searchsite fieldset label { position:absolute; top:3px; left:5px; } #searchsite fieldset #searchsite-input { width:129px; } #searchsite fieldset #searchsite-submit { position:absolute; top:0; right:0; } #searchevents { width:151px; } #searchevents fieldset #searchevents-input { width:129px; } a.search-go { display:block; float:right; margin:0; padding:0px 0px 0px 15px; height:21px; background:url(/assets/img/bkg_search-results-save-left.png) no-repeat; color:#fff; text-decoration:none; text-transform:uppercase; } a.search-go span { display:block; float:left; padding:3px 15px 0 0; height:18px; background:url(/assets/img/bkg_search-results-save-right.png) no-repeat right; color:#fff; text-decoration:none; font-weight:bold; } /* -- UTILITY NAV -- */ ul#nav-utilitytop { position:absolute; top:7px; right:0px; } ul#nav-utilitybtm { position:absolute; top:27px; right:160px; } ul#nav-utilitytop li, ul#nav-utilitybtm li { display:inline-block; float:left; color:#fff; list-style-type:none; font-weight:bold; font-size:12px; } ul#nav-utilitytop li a, ul#nav-utilitybtm li a { display:inline-block; float:left; margin:0 1px; padding:2px 7px; color:#FFF; text-decoration:none; } ul#nav-utilitytop li a:hover, ul#nav-utilitybtm li a:hover { text-decoration:underline; } #utilitynav-locationselect.on, #utilitynav-buy.on { background:#666; color:#ccc; } #utilitynav-myprofile.on, #utilitynav-call.on, #utilitynav-chat.on, #utilitynav-contact.on { height:21px; background:#fff; color:#888; } #overlay.utilitynav-myprofile { } ul#nav-utilitytop li a span, ul#nav-utilitybtm li a span { display:none; } ul#nav-utilitytop li a#location-select { padding-right:9px; background:url(../images/ux/icon-countryselect-caret.png) no-repeat right; /*z-index:101; */ } ul#nav-utilitytop li a#location-select.on { background:#00a2dd url(../images/ux/icon-countryselect-caret.png) no-repeat right; } li#utilitynav-phone { padding:2px 10px; } li#utilitynav-phone.multi span { display:none !important; float:left; } li#utilitynav-phone.multi { margin:-2px 0; padding:2px 10px; background:url("/assets/img/bkg-overlay.png") repeat scroll 0 0 transparent; } li#utilitynav-phone.multi span.first, li#utilitynav-phone.multi span.hoveron { display:block !important; } li#utilitynav-phone.multi span.hoveron { padding-left:14px; } li#utilitynav-phone.multi a:hover { color:#f3b800; text-decoration:none; } ul#nav-utility { position:absolute; top:7px; right:0; text-align:right; } ul#nav-utility li, ul#nav-utilitybtm li { display:inline-block; float:left; color:#fff; list-style-type:none; font-weight:bold; font-size:12px; line-height:16px; } ul#nav-utility li a { display:inline-block; color:#FFF; text-decoration:none; } ul#nav-utility li a:hover { text-decoration:underline; } /* -- MAIN NAV --*/ #nav-main { position:relative; z-index:50; display:block; height:100px; background:url(/assets/img/bkg-nav-main.png) repeat-x; } #nav-main ul { position:absolute; top:16px; left:0; width:640px; } #nav-main ul li { display:block; float:left; margin:0 14px 0 10px; padding:1px 0; width:168px; height:21px; border-bottom:1px solid #ddd; list-style:none; } html.ie6 #nav-main ul li { overflow:hidden; } #nav-main ul li a { display:block; margin:0 -3px; padding:3px 0 3px 4px; width:168px; background:url(../images/ux/icon-bluearrowright.png) no-repeat 158px 6px; color:#222; text-decoration:none; } #nav-main ul li a:hover { background:#00a2de url(../images/ux/icon-whitearrowright.png) no-repeat 158px 6px; color:#FFF; } #nav-main ul li a.on { background:#00a2de url(../images/ux/icon-whitearrowdown.png) no-repeat 156px 7px; color:#FFF; } /* -- LEFT NAV EXPANDIBLE -- */ .leftnav-li-hide { display:none; } .leftnav-expandable-list .btnToggle { height:23px; border:none !important; background:url(../images/ux/btn-leftnav-toggle-down.png) no-repeat center; cursor:pointer; } .leftnav-expandable-list .btnToggle.open { background:url(../images/ux/btn-leftnav-toggle-up.png) no-repeat center; } /* variable font-size H1's, such as abstract page titles */ h1.font16 { font-size:16px!important; } h1.font18 { font-size:18px!important; } h1.font20 { font-size:20px!important; } h1.font22 { font-size:22px!important; } /* ===== HOME ELEMENTS ========================================================================================================= */ #home #header, #header { position:relative; z-index:70; } #home .footer-panel, .footer-panel { position:relative !important; bottom:auto !important; left:auto !important; } #page-content { position:relative; } #home #page { margin-bottom:0; height:100%; } #hero { position:absolute; top:130px; left:0px; z-index:50; min-width:375px; width:auto; height:185px; background:url(/assets/img/bkg-overlay.png) repeat; } #hero li { display:block; width:475px; list-style-type:none; } #hero h2 { padding:14px 20px 14px 20px; color:#fff; text-decoration:none; font-size:26px; font-family:"BentonSansBold", Arial, sans-serif; line-height:26px; } #hero h2 span { font-weight:normal; } #hero a.btn-cta { position:absolute; top:140px; left:20px; } #hero a.btn-cta.b { position:absolute; top:110px; left:12px; } #hero p { display:block; padding:0 20px 10px 20px; color:#FFF; font-weight:normal; font-size:16px; line-height:20px; } #hero p.hero-ftnote { position:absolute; bottom:0; left:0; padding-right:10px; font-weight:bold; font-size:12px; } #hero .type2 h2 { padding:20px 20px 14px 12px; font-size:20px; line-height:20px; } #hero .type2 p, #hero p.size14 { display:block; padding:0 20px 10px 12px; color:#FFF; font-weight:normal; font-size:14px; line-height:14px; } #hero ul li { display:none; } #hero-btns { position:absolute; right:12px; bottom:12px; } #hero-btns a { display:block; float:left; margin-right:3px; width:12px; height:12px; background:#888; color:#fff; text-align:center; text-decoration:none; font-weight:bold; font-size:8px; line-height:10px; } /* @ BELOW:"background:url" is a fallback for web browsers that do not support RGBa */ #hero-btns.pause a { background:url(/assets/img/bkg_white_alpha20.png); background:rgba(255, 255, 255, 0.2); } #hero-btns a.on, #hero-btns.pause a.on { background:#888 url(../images/ux/bkg-hero-btn-on.gif) no-repeat 0 0; } #hero-btns.pause a.pause { background-position:0 0 !important; } #hero-timer { position:absolute; right:12px; bottom:15px; } #hero-timer ul li { display:block; float:left; margin-left:3px; width:3px; height:3px; background:#fcb913; } #hero-timer ul li.spent { background:#888; } #hero-timer { position:absolute; bottom:6px; left:12px; display:none !important; } #hero-timer ul li { display:block; float:left; margin-left:0px; width:8px; height:1px; background:#fcb913; } #hero-timer ul li.spent { background:#888; } /* ===== OVERLAY AND SHADOW ELEMENTS ========================================================================================== */ #overlay { position:relative; top:20px; left:50%; z-index:20; margin-left:-475px; width:950px; } /*--#home #overlay { margin-left:-475px; position:relative; width:950px; top:20px; left:50%; z-index:20; } --*/ #ajax-content-wrapper { position:relative; margin:20px 0 0 0; } #descriptionClose { display:none; } #blackout { position:fixed; top:0; left:0; display:none; background:#000; } #QLshadow { position:absolute; bottom:29px; left:3px; width:auto; height:auto; background:url(/assets/img/bkg-overlay.png) repeat; } #XHR_request { position:absolute; top:0; left:0; z-index:99999; display:none; width:100%; height:100%; background:#fff; } #XHR_request span { display:block; margin:150px auto; width:27px; height:27px; background:url(../images/ux/bkg-loading-wheel.gif) no-repeat; color:#000; text-indent:-9999px; } #overlay_tier2 { position:absolute; top:120px; left:50%; z-index:50; margin-left:-475px; width:950px; } .forceLogin { position:absolute; top:10%; left:25%; margin-left:0; width:500px; } .forceLogin a.btn-close-overlay { right:-23px; } #overlay_tier3 { position:absolute; top:120px; left:50%; z-index:70; margin-left:-475px; width:950px; } .winbacks { position:absolute; top:17%; left:25%; z-index:100; margin-left:0; padding:0 20px 22px 28px; width:500px!important; background-color:#FFF; } .winbacks div.divMainContentPanel h1 { margin-bottom:10px; color:#666666; text-transform:capitalize; font:18px/22px Arial,Helvetica,sans-serif; } .winbacks div.divMainContentPanel h2 { padding-bottom:20px; color:#666666 !important; font-weight:bold; font-size:15px; } .winbacks div.divMainContentPanel div.Dove div ul { margin:12px 0 12px 20px; } .winbacks table#Table2 { margin-right:20px; } .winbacks table#Table2 td img, .winbacks table#Table3 td img { display:none; } .winbacks table#Table2 td.ButtonDove, .winbacks table#Table3 td.ButtonDove { padding:0 25px 0 0; background:transparent url(/assets/img/ab/btn-cta-orangeright.png) no-repeat top right; } .winbacks table#Table2 td.ButtonDove a,.winbacks table#Table3 td.ButtonDove a { display:block; padding:5px 0 0 14px; height:30px; height:25px; background:transparent none; background:transparent url(/assets/img/ab/btn-cta-orangeleft.png) no-repeat top left; color:#FFF; text-decoration:none; font-weight:bold; font-size:16px; } .winbacks table#Table2 td.ButtonDove a:hover,.winbacks table#Table3 td.ButtonDove a:hover { color:#FFF; text-decoration:none; } /* ===== LOGIN OVERLAY PRELOADER ========================================================================================== */ .login-loading { position:fixed; top:0; width:100%; height:340px; background-color:#FFFFFF; vertical-align:middle; text-align:center; line-height:340px; } .login-loading img { padding-top:140px; } /* ===== UTILITY OVERLAYS ======================================================================================================= */ .utility-dropdown a { color:#0066B3; text-decoration:none; } .utility-dropdown a:hover { text-decoration:underline; } .utility-dropdown a.btn-cta:hover { text-decoration:none; } .utility-dropdown .name { float:left!important; margin:auto!important; } .utility-dropdown .utility-nav-highlight { position:absolute; top:-16px; left:0; display:block; padding:2px 7px; width:auto; height:auto; background:#fff; } .utility-dropdown .utility-nav-highlight span { color:#008fcc; font-weight:bold; } .utility-dropdown .countryselector { margin-left:auto; } .utility-dropdown .btn-cta { position:absolute; margin-left:auto; height:30px; line-height:1em; } .utility-dropdown #contactinfo { position:absolute; top:120px; } .utility-dropdown #contactname { position:absolute; top:175px; left:20px; width:240px; } .utility-dropdown #utility { position:relative; display:block; width:467px; height:282px; background:#fff; } .utility-dropdown #utility fieldset { margin-bottom:10px; margin-left:166px; border:0; } .utility-dropdown #utility label, .utility-dropdown #utility select, .utility-dropdown #utility .ui-select-menu { float:left; margin:10px 10px 5px 0; } .utility-dropdown #header { position:absolute; top:25px; left:20px; width:445px; height:112px; line-height:16px; } .utility-dropdown #header h2 { clear:both; color:#008fcc; font-weight:bold; font-size:16px; } .utility-dropdown #utilitybottom { height:35px; background:#008fcc; } .utility-dropdown #utilitybottom a { color:#fff!important; text-decoration:underline; } .utility-dropdown #utilitybottom p { display:block; margin-left:20px; padding-left:25px; background:url(../images/icons/alert-triangle.png) no-repeat left; color:#fff; text-decoration:none; font-size:13px; line-height:32px; } .utility-dropdown hr.utility-contactus { margin-top:185px; margin-left:18px; border-bottom:1px solid #ddd; } .utility-dropdown .contactus { position:relative; display:block; width:890px; height:225px; background:#fff; } .utility-dropdown #subleftcontent { overflow:auto; padding:42px 12px 14px 26px; height:351px; } .overlay-utility-chat #utility { height:265px; } .overlay-utility-chat #header p { padding:12px 0 0 0; } .overlay-utility-chat #bodybkg { position:absolute; bottom:0px; width:433px; height:130px; } .overlay-utility-chat #bodybkg .bodytxt { display:block; margin-left:0px; height:88px; background:url(/assets/img/bkg-green.png) no-repeat left; } .overlay-utility-chat #bodybkg .bodytxt p { width:auto; height:30px; } .overlay-utility-chat #bodybkg .bodytxt p a, #bodybkg .bodytxt p span { display:block; padding:4px 0 4px 15px; font-weight:bold; font-size:15px; } .overlay-utility-chat #bodybkg .bodytxt p a { color:#fff; } .overlay-utility-chat #bodybkg .bodytxt p span { color:#a3c048; } #overlay.utilitynav-locationselect, #overlay.utilitynav-contact { position:absolute; top:0; left:-11px; z-index:60; margin-left:11px; border-top:10px solid #f2bb00; background:#fff; } #secondary #overlay.utilitynav-locationselect { top:0; } #overlay.utilitynav-buy, #overlay.utilitynav-locationselect { position:absolute; top:50px; left:50%; z-index:60; margin:0 0 58px -475px; width:950px; border-top:10px solid #f2bb00; background:#fff; } #overlay.utilitynav-myprofile { position:absolute; top:-19px; left:477px; z-index:60; margin-left:0; width:500px; } #overlay.utilitynav-myprofile #subfull, #overlay.utilitynav-myprofile #subfull #subbottom { width:auto; } #overlay.utilitynav-myprofile a.btn-close-overlay { right:-23px; left:500px; } #overlay.utilitynav-call { position:absolute; top:47px; left:313px; z-index:60; margin-top:0px; margin-left:0px; width:467px; } #overlay.utilitynav-chat { position:absolute; top:47px; left:313px; z-index:60; margin-top:0px; margin-left:0px; width:467px; } #overlay.utilitynav-reg { position:absolute; top:12px; left:0px; z-index:60; margin-left:0px; background:#fff; } #overlay.utilitynav-reg a.btn-close-overlay { right:-23px; } /* ===== NEWS DROPDOWN & READER PAGE =========================================================================================== */ #sap-news { position:absolute; right:0px; z-index:50; width:312px; background:url(../images/ux/bkg-newsflyout.png) top left no-repeat; } #sap-news.on { background-position:top right; } /* Removed to fix news reader appearing behind the Video Player */ /* html.ie7 #sap-news.on { z-index:180!important; } */ #sap-news h2 a { display:block; padding:0 0 1px 15px; height:25px; color:#222; text-decoration:none; font-size:13px; line-height:25px; } #sap-news p.news-heading a { display:block; padding:0 0 1px 15px; height:25px; color:#222; text-decoration:none; font-size:13px; line-height:25px; font-weight:bold; } /*html.ie7 #secondary #sap-news { z-index:50; } -sk 4/27/11 */ #sap-news-wrapper { position:relative; overflow:hidden; padding-left:13px; height:65px; line-height:32px; } .sap-news-wrapper-on { height:288px !important; } #sap-news-wrapper ul { position:absolute; top:0px; left:0px; } #sap-news-wrapper ul li { margin:0 5px 0 7px; border-bottom:1px solid #d3d3d3; list-style:none; font-size:12px; } #sap-news-wrapper ul li a { display:block; overflow:hidden; margin:0; padding:7px 9px 12px; height:65px; color:#222; text-decoration:none; font-size:11px; line-height:13px; } html.ie7 #sap-news-wrapper ul li a { width:95%; } #sap-news-wrapper ul li a:hover { background-color:#ffeccd; } #sap-news-wrapper ul li a span { display:block; color:#0066b3; text-decoration:none; font-size:10px; line-height:15px; } #sap-news-bottom { position:absolute; bottom:1px; left:2px; padding:3px 6px; background:#eee; } #sap-news-bottom a { display:block; float:left; height:20px; background:url(../images/ux/spr-newsoverlaybuttons.png) no-repeat; } #sap-news-bottom a.btn-news-up { width:74px; background-position:0px 0px; } #sap-news-bottom a.btn-news-up:hover { background-position:0px -20px; } #sap-news-bottom a.btn-news-down { width:74px; background-position:-74px 0px; } #sap-news-bottom a.btn-news-down:hover { background-position:-74px -20px; } #sap-news-bottom a.btn-news-reader { margin-left:5px; width:143px; background-position:-149px -20px; color:#fff; text-align:center; text-decoration:none; font-size:11px; line-height:20px; } #sap-news-bottom a.btn-news-reader:hover { background-position:-149px 0px; } #secondary li.save { } #secondary #sap-news-bottom { padding:3px; } #secondary #sap-news-bottom a { } #secondary #sap-news-bottom a.btn-news-up { width:52px; background-position:-10px 0px; } #secondary #sap-news-bottom a.btn-news-up:hover { background-position:-10px -20px; } #secondary #sap-news-bottom a.btn-news-down { width:52px; background-position:-84px 0px; } #secondary #sap-news-bottom a.btn-news-down:hover { background-position:-84px -20px; } #secondary #sap-news-bottom a.btn-news-reader { margin-left:3px; width:124px; } #secondary #sap-news-bottom a.btn-news-reader:hover { } /* ===== COUNTRY SELECTOR =========================================================================================== */ #worldmap { position:relative; margin:20px 0; width:930px; /*z-index:100; */ height:458px; background:#fff url(../images/ux/map/bkg-worldmap-master.png) no-repeat 8px 20px; } #worldmap-left { position:absolute; top:10px; left:0px; width:525px; height:435px; } #worldmap-left img { margin-top:0px; } #worldmap-right { position:absolute; top:0px; right:0px; width:400px; height:435px; background:#ececec none; } #worldlist-intro { position:relative; height:345px; } #worldlist-intro p { padding:90px 30px 84px 20px; color:#333; font-weight:bold; font-size:14px; line-height:20px; } #worldlist-intro .worldbottom { padding:24px 30px 30px 18px; height:169px; background-color:#d8d8d8; } #worldlist-intro .worldbottom p { margin:0 0 23px 0; padding:0; font-weight:normal; font-size:14px; } #worldlist-intro .worldbottom p a { color:#0066b3; text-decoration:none; font-weight:normal; } #worldlist-intro .worldbottom p a:hover { text-decoration:underline; } #worldlist-intro .worldbottom p a.arrowright:hover { text-decoration:none; } #worldlist-intro .worldbottom p a.arrowright span { text-decoration:underline; font-weight:bold; font-size:14px; } #worldlist-intro .worldbottom p a.arrowright:hover span { text-decoration:underline; } .worldlist { display:none; } .worldlist h2 { display:block; background:#fcb913; color:#FFF; text-align:center; font-size:20px; line-height:36px; } .worldlist ul { display:block; float:left; margin:10px 0 0 20px; width:160px; } .worldlist ul li { padding:2px 0; color:#535353; list-style:none; font-weight:bold; line-height:16px; } .worldlist ul li span { font-weight:normal; } .worldlist ul li a { color:#0066b3; text-decoration:none; } .worldlist ul li a:hover { text-decoration:underline; } #worldmap-left p { position:absolute; bottom:0; left:0; padding:0 0 0 16px; color:#222; font-weight:normal; line-height:18px; } #worldmap-left a { display:block; float:left; padding:0 17px; padding:0 15px; border:1px solid #717174; background:#fff; color:#535353; text-decoration:none; font-weight:bold; font-size:12px; line-height:20px; } #worldmap-left a:hover { border:1px solid #008fcc; background:#fff; color:#262626; } #worldmap-left a.on, #worldmap-left a.huvver { border:none; background:#535353; color:#fff; } a#worldmaptitle-northamerica { position:absolute; top:139px; left:30px; } a#worldmaptitle-southamerica { position:absolute; top:248px; left:46px; } a#worldmaptitle-europe { position:absolute; top:103px; left:305px; } a#worldmaptitle-asiapacific { position:absolute; top:194px; left:378px; } a#worldmaptitle-africaandmiddleeast { position:absolute; top:194px; left:185px; } #worldmap-left p a { display:inline-block; float:none; padding-right:0; padding-left:0px; background:none; color:#0066b3; text-decoration:none; font-size:12px; } #worldmap-left p a:hover { border:0 none; color:#262626; } /*-- worldmap hover --*/ #worldmap-hover-northamerica { position:absolute; top:0px; left:0px; width:525px; height:435px; background:url(../images/ux/map/bkg-worldmap-northamerica.png) no-repeat 8px 20px; } #worldmap-hover-southamerica { position:absolute; top:0px; left:0px; width:525px; height:435px; background:url(../images/ux/map/bkg-worldmap-southamerica.png) no-repeat 8px 20px; } #worldmap-hover-europe { position:absolute; top:0px; left:0px; width:525px; height:435px; background:url(../images/ux/map/bkg-worldmap-europe.png) no-repeat 8px 20px; } #worldmap-hover-africaandmiddleeast { position:absolute; top:0px; left:0px; width:525px; height:435px; background:url(../images/ux/map/bkg-worldmap-africaandmiddleeast.png) no-repeat 8px 20px; } #worldmap-hover-asiapacific { position:absolute; top:0px; left:0px; width:525px; height:435px; background:url(../images/ux/map/bkg-worldmap-asiapacific.png) no-repeat 8px 20px; } .utilitynav-locationselect a.btn-close-overlay, .utilitynav-buy a.btn-close-overlay { top:1px; } /* ===== MY SAP PROFILE FLY OUT ======================================================================================================= */ #utility.mysapaccount { padding:20px; width:478px; height:237px; } #utility.mysapaccount label { float:none; } #utility.mysapaccount p { margin:0 0 14px 0; color:#333333; font-size:11px; } #utility.mysapaccount h3 { margin:0 0 14px 0; color:#656565; font-weight:bold; font-size:16px; } #utility.mysapaccount .utilityleft,#utility.mysapaccount .utilityright { position:relative; float:left; height:196px; } #utility.mysapaccount .utilityleft { margin-right:13px; padding:10px 10px 10px 0; width:221px; } #utility.mysapaccount .utilityright { padding:10px; width:203px; background:url(/assets/img/bkg-subright.jpg) repeat top left; } #utility.mysapaccount .utilityleft input { width:213px; } #utility.mysapaccount .utilityleft input[type=checkbox] { display:block; float:left; margin-left:-2px; width:16px; } #overlay #utility.mysapaccount .utilityleft label { float:none; margin-top:0; } #overlay #utility.mysapaccount .utilityleft label[for=rememberme] { float:left; margin-top:2px; } #utility.mysapaccount .axshunbuttons { position:absolute; bottom:25px; left:0; padding-top:10px; padding-left:10px; width:100%; height:30px; } #utility.mysapaccount .utilityleft .axshunbuttons { padding-left:0px; } #utility.mysapaccount .utilityleft .axshunbuttons a.fgotpword { display:inline-block; float:right; margin-top:6px; padding-right:13px; text-align:right; font-weight:bold; } #utility.mysapaccount .utilityleft .axshunbuttons a.fgotpword:hover { text-decoration:underline; } a.questionmark { position:relative; display:inline-block; width:14px; height:14px; background:url(../images/ux/ico-question_mark_flyout_icon.png) no-repeat scroll left top transparent; text-decoration:none; } a.questionmark:hover { text-decoration:none!important; } a.questionmark div.questionpopupouter { position:absolute; bottom:10px; left:13px; z-index:1000; display:none; padding-bottom:13px; width:321px; height:auto; background:url(../images/ux/bkg-blue_tooltip_leftBottomArrow.png) no-repeat bottom left; } a.questionmark.right div.questionpopupouter { right:13px; bottom:10px; left:auto; z-index:1000; background:url(../images/ux/bkg-blue_tooltip_rightBottomArrow.png) no-repeat bottom left; } a.questionmark div.questionpopup { margin-left:4px; padding:10px; width:297px; height:auto; background:url(../images/ux/bkg-blue_tooltip_background.png) no-repeat top left; } a.questionmark div.questionpopup h3 { margin-bottom:4px; color:#FFF!important; } a.questionmark div.questionpopup p { margin-bottom:8px; color:#FFF!important; } a.questionmark:hover div.questionpopupouter { display:block; } a.questionmark:hover div.questionpopup h3 { text-decoration:none; } a.questionmark:hover div.questionpopup p { text-decoration:none; } #utility.mysapaccount .utilityleft a.questionmark { float:left; margin-top:2px; } /* ===== MY PROFILE EDIT PAGE ===== */ ul#nav-sub li a { cursor:pointer; } div.DataTableRow01Dove { padding:20px; } div.CollapsedHeadlineDove { border-top:2px solid #333!important; background:#FBF5E7!important; } div.UMEditClose { font:bold 12px/13px Arial, Helvetica, sans-serif; } div.UMEditClose a { text-decoration:none; } div.CollapsedHeadline { margin-left:10px!important; font-weight:bold; font-size:12px; } div.ExpandedContent { text-align:left; } div.ExpandedContent table { width:100%; text-align:left; } div.SecondLineSummary div { padding:5px 0; font-size:12px; } div.SecondLineSummary div b { color:#666; font-weight:normal; } div.SecondLineSummary div span { font-weight:bold; } div#MessageTextContainer, div#CancelMessageContainer { padding:2px 20px; } div.ExpandedContent table tbody tr td table tbody tr td img { display:none; } .cta_nx_reset { clear:both; margin-top:13px; width:140px!important; height:30px; } .cta_nx_reset table td img { display:none; } .cta_nx_reset table td.ButtonDove { padding:0 25px 0 0; height:30px; background:transparent url(/assets/img/ab/btn-cta-orangeright.png) no-repeat right 1px; } .cta_nx_reset table td.ButtonDove a { display:block; padding:5px 0 0 14px; height:30px; height:25px; background:transparent url(/assets/img/ab/btn-cta-orangeleft.png) no-repeat top left; color:#FFF; text-decoration:none; font-weight:bold; font-size:16px; } .cta_nx_reset table td.ButtonDove a:hover { color:#FFF; text-decoration:none; } html.ie8 .cta_nx_reset table td.ButtonDove { background-position:right 0px; } /* ===== BUYING OPTIONS ======================================================================================================= */ /* TEMP MOVED INLINE WITH PAGE, WAS NOT PICKING UP OUTSIDE FOR SOME REASON */ /* ===== CONTACT US ======================================================================================================= */ /* TEMP MOVED INLINE WITH PAGE, WAS NOT PICKING UP OUTSIDE FOR SOME REASON */ /* ===== RESOURCE NAV AND CONTENT ================================================================================================= */ #content { width:950px; background:#fff; } #content-top { margin-top:8px; padding-top:18px; padding-left:23px; width:927px; height:auto; background:#e5e5e5; } #resource-content { padding:30px; } a.search-save { display:block; float:left; margin:11px 0; padding:0px 0px 0px 15px; height:21px; background:url(/assets/img/bkg_search-results-save-left.png) no-repeat; color:#fff; text-decoration:none; text-transform:uppercase; cursor:pointer; } a.search-save span { display:block; float:left; padding:3px 15px 0 0; height:18px; background:url(/assets/img/bkg_search-results-save-right.png) no-repeat right; color:#fff; text-decoration:none; font-weight:bold; } #results-dropdown { float:right; margin-top:11px; width:115px; } #searchresults { position:relative; top:0; right:0; width:191px; height:21px; background:url(/assets/img/bkg_search-results-left.png); } #searchresults fieldset { background:none; } #searchresults fieldset label { position:absolute; top:3px; left:5px; } #searchresults fieldset #searchresults-input { width:155px; } #searchresults fieldset #searchresults-submit { position:absolute; top:0; right:0; width:20px; height:21px; background:url(/assets/img/bkg_search-results-right.png); } #nav-resource { float:left; width:191px; } html.ie7 #nav-resource { min-height:330px; height:330px; } #nav-resource h3 { display:inline-block; clear:both; padding:5px 0; border-top:2px solid #222; font-weight:bold; font-size:14px; } #nav-resource form#searchresults h3 { width:190px; } #nav-resource h3 a { display:block; float:right; padding:2px 0; color:#00A2DE; text-decoration:none; font-weight:normal; font-size:10px; } #nav-resource ul { margin-bottom:15px; } #nav-resource ul li { clear:both; padding:1px 0; border-top:1px solid #ddd; /*display:block; */ list-style:none; text-align:left; } #nav-resource ul li.selected { color:#545454; font-weight:bold; } #nav-resource ul li a { display:block; float:left; margin:0-3px; padding:3px; color:#00A2DE; text-decoration:none; } #nav-resource ul li a:hover { text-decoration:underline; } #nav-resource ul li a:hover span { color:#999; } #nav-resource ul li input { float:right; margin-top:4px; } #nav-resource ul li span { display:inline-block; float:none; padding:3px 0 0 2px; color:#999; } #resource-list { float:right; width:661px; } #resource-list ul li.document span.iconcontainer span { background:url(../images/icons/bkg_thumbnail_gridded_overlay_document.png) no-repeat 20px 0; } #resource-list ul li.video span.iconcontainer span { background:url(../images/icons/bkg_thumbnail_gridded_overlay_video.png) no-repeat 20px 0; } #resource-list ul li img { position:relative; z-index:21; margin-top:-57px; margin-left:0; width:106px; height:55px; } #resource-list ul li span.iconcontainer span { position:relative; z-index:22; display:block; width:106px; height:55px; } html.ie7 #resource-list ul li.document span.iconcontainer span { margin-left:-20px; } html.ie7 #resource-list ul li.video span.iconcontainer span { margin-left:-20px; } #resource-list .selections { clear:both; margin-bottom:20px; padding:0 0 5px 0; height:15px; border-bottom:solid 1px #ddd; } #resource-list .selections ul { margin-bottom:5px; } #resource-list .selections ul li.label { list-style:none; font-weight:bold; } #resource-list .selections ul li { position:relative; display:block; float:left; margin-right:10px; list-style-type:none; } #resource-list .selections ul li a { cursor:pointer; } #resource-list .selections ul li a span { display:inline-block; width:16px; height:15px; background:url(../images/ux/btn-remove-selection.png) no-repeat 0 0; } #resource-list .selections ul li a span:hover { background-position:0 -15px; } #resource p { display:inline-block; width:450px; } .list-selector { height:30px; border-bottom:solid 2px #000; } .list-selector.customerAZ { margin-right:210px; } .page-identifier { float:left; } .page-selector { float:right; width:240px; } .page-views { float:right; margin-right:20px; width:140px; } .page-views span { float:left; margin-right:5px; } .list-selector.customerAZ .page-views { margin:0 30px; } a.btn-prev-page { display:block; float:left; width:25px; height:16px; background:url(../images/ux/btn-pagination-arrows.gif) no-repeat 0 0; } a.btn-prev-page.disabled { background:url(../images/ux/btn-pagination-arrows.gif) no-repeat 0 -16px; cursor:default; } a.btn-next-page { display:block; float:left; width:25px; height:16px; background:url(../images/ux/btn-pagination-arrows.gif) no-repeat -25px 0; } a.btn-next-page.disabled { background:url(../images/ux/btn-pagination-arrows.gif) no-repeat -25px -16px; cursor:default; } .page-selector ul li, .page-views ul li { list-style:none; } .page-selector ul li.noBord, .page-views ul li.noBord { border-right:none; } .page-selector ul li a, .page-views ul li a { display:block; float:left; padding-right:6px; padding-left:6px; height:16px; border-right:1px solid #ddd; color:#106fb7; text-align:center; text-decoration:none; } .page-views ul li.noBord a { border-right:none; } .page-selector ul li a:hover, .page-views ul li a:hover { background:#106fb7; color:#fff; } .page-selector ul li a.on, .page-views ul li a.on { background:#b2b2b2; color:#fff; cursor:default; } .page-selector ul li span { display:block; float:left; padding:0 4px; border-right:1px solid #ddd; text-align:center; line-height:16px; } #list-catagories { height:27px; background:#e4e4e4; } #list-catagories ul li { display:inline; list-style:none; } #list-catagories ul li a { display:block; float:left; padding:7px 10px 6px; color:#0066b3; text-decoration:none; font-size:11px; } a.downloadLink { display:block; float:right; padding:7px 10px 6px; color:#0066b3; text-decoration:none; } #resource li { position:relative; clear:both; padding:20px 0 20px 20px; min-height:27px; border-bottom:1px solid #ddd; list-style:none; } #resource li.noresults { min-height:24px; color:#656565; font-weight:bold; font-size:15px; } #resource li.noresults span.black { display:inline-block; float:none; padding-left:0; width:auto; height:auto; } #resource li.noresults span.black a { display:inline-block; } #resource li.resource-highlight { background:#FBF5E7; } #resource li img { float:right; margin:5px 0 30px 75px; width:105px; height:55px; } #resource li span { display:block; float:right; clear:both; padding-top:2px; padding-left:19px; width:106px; height:20px; color:#666; text-align:left; font-weight:bold; font-size:10px; } #resource li span.icon-play { background:url(../images/icons/ico-vidresult_icon_sm.png) no-repeat; } #resource li span.icon-premium { background:url(../images/icons/icon-search-results-premium_sm.png) no-repeat; } #resource li span.icon-pdf { background:url(../images/icons/ico_document_sm.png) no-repeat; } #resource li span.icon-press { background:url(../images/icons/ico_press_release_icon_sm.png) no-repeat; } #resource li span.icon-event { background:url(../images/icons/ico_event_icon_sm.png) no-repeat; } #resource li span.icon-webcast { background:url(../images/icons/ico_webcast_computer_icon_sm.png) no-repeat; } #resource li span.icon-demo { background:url(../images/icons/ico_demo_pointer_icon_sm.png) no-repeat; } #resource li a { display:block; padding-top:5px; color:#666; text-decoration:none; font-size:11px; } #resource li h3 { margin-bottom:3px; width:460px; } #resource li h3 a { display:inline; padding-bottom:3px; width:450px; color:#0066b3; color:#0066b3; text-decoration:none; font-weight:bold; font-size:14px; } #resource li h3 a span { display:inline; float:none; padding:2px 3px 0 0px; width:auto; color:#0066b3; color:#0066b3; font-weight:bold; font-size:14px; font-size:14px; } #resource li h3 a:hover { text-decoration:none; } #resource li h3 a:hover span { text-decoration:underline; } #resource li p { margin-bottom:10px; color:#222; font-weight:normal; } #resource li input { position:absolute; top:88px; right:0px; } /* search results customizations to the above template --es */ #resource.searchresultset li img { float:right; cursor:pointer; } #resource.searchresultset li a { color:#0066b3; text-decoration:none; } #resource.searchresultset li a:hover { text-decoration:none; } #resource.searchresultset li a span { color:#0066b3; text-decoration:none; font-size:16px; font-weight:bold; margin-left:0; padding-left:0; background:url(../images/ux/navArrowBlueRight.png) no-repeat right 7px; padding-right:10px; } #resource.searchresultset li a span.icon-play { color:#0066b3; text-decoration:none; font-size:12px; font-weight:bold; margin-left:30px; padding-left:25px; background:url(../images/icons/icon-search-results-play.png) no-repeat; } #resource.searchresultset li a span.icon-premium { padding-right:23px; height:18px; background:url(../images/icons/icon-search-results-premium.png) no-repeat right 3px; } #resource.searchresultset li a:hover span { text-decoration:none; } #resource.searchresultset li a:hover span.icon-play { text-decoration:underline; } #resource.searchresultset li h3 { margin-left:14px; } #resource.searchresultset li p { margin:3px 20px 6px 14px; } #resource.searchresultset li.resource-highlight { background:transparent url(/assets/img/bkg_featured_li_background.png) repeat; } #resource.searchresultset li p a { text-decoration:none; } #resource.searchresultset li p a:hover { text-decoration:underline; } #nav-resource p.asset-type { margin:15px 0 10px 0; color:#666; } /* ===== PAGE CONTENT ========================================================================================================= */ /* -- SUB, SUBTOP, SUBBOTTOM -- */ #subfull { position:relative; display:block; width:950px; background:#fff; } #subtop { height:37px; height:auto; } #subbottom { position:relative; padding-bottom:14px; width:950px; } #subbottom h2 { padding:8px 20px 8px 18px; color:#555; font-weight:bold; font-size:16px; } #subbottom h1 { margin:20px; font-size:16px; } /* -- SUB NAV -- */ #nav-sub { z-index:60; display:block; padding:0 0 0 15px; height:37px; background:#fbb700; } #nav-sub li { position:relative; display:block; float:left; padding-top:9px; list-style-type:none; } #nav-sub li a { display:block; float:left; margin:1px 0 0 5px; padding:0 0 0 0; padding:0 10px 0 0; height:27px; background:url(/assets/img/ab/btn-subtopnav-right.png) no-repeat right -56px; color:#fff; text-decoration:none; font-weight:bold; font-family:Arial, sans-serif; cursor:pointer; } #nav-sub li a span { display:block; float:left; padding:6px 8px 6px 18px; height:15px; background:url(/assets/img/ab/btn-subtopnav-left.png) no-repeat left -56px; font-size:12px; } #nav-sub li a:hover { background-position:right -28px; } #nav-sub li a:hover span { background-position:left -28px; } #nav-sub li a.on, #nav-sub li a.on:hover { background:url(/assets/img/ab/btn-subtopnav-right.png) no-repeat right 0px; color:#333; cursor:default; } #nav-sub li a.on:hover { text-decoration:none; } #nav-sub li a.on span { display:block; float:left; background:url(/assets/img/ab/btn-subtopnav-left.png) no-repeat top left; } #nav-sub li a.on:hover span { } #nav-sub2 { z-index:2000; display:block; padding:0 0 0 15px; height:37px; background:#fbb700; } #nav-sub2 li { position:relative; display:block; float:left; padding-top:9px; list-style-type:none; } #nav-sub2 li a { display:block; float:left; margin-left:5px; padding:0 0 0 0; padding:0 10px 0 0; background:url(/assets/img/ab/btn-subtopnav-right.png) no-repeat bottom right; color:#fff; text-decoration:none; font-family:"BentonSansBold", Arial, sans-serif; line-height:28px; cursor:pointer; } #nav-sub2 li a span { display:block; float:left; padding:0 15px 0 25px; background:url(/assets/img/ab/btn-subtopnav-left.png) no-repeat bottom left; } #nav-sub2 li a:hover { background-position:right -28px; } #nav-sub2 li a span:hover { background-position:left -28px; } #nav-sub2 li a.on, #nav-sub li a.on:hover { background:url(/assets/img/ab/btn-subtopnav-right.png) no-repeat top right; color:#333; } #nav-sub2 li a.on:hover { text-decoration:underline; } #nav-sub2 li a.on span { display:block; float:left; background:url(/assets/img/ab/btn-subtopnav-left.png) no-repeat top left; letter-spacing:-.5px; } #nav-sub2 li a.on span:hover { display:block; float:left; background:url(/assets/img/ab/btn-subtopnav-left.png) no-repeat top left; } #subtop div#returnBtn { position:absolute; top:11px; right:20px; z-index:60; } #subtop div#returnBtn a { color:#0066b3; text-decoration:none; font-weight:bold; font-size:14px; } #subtop div#returnBtn a span { text-decoration:none; } #subtop div#returnBtn a:hover { text-decoration:none; } #subtop div#returnBtn a:hover span { text-decoration:underline; } /* -- TIERCIARY NAV -- #nav-tierciary { display:block; padding:0 20px 20px; border-top:4px solid #000; } html.ie7 #nav-tierciary { zoom:1; } #nav-tierciary-none { display:block; padding:0 0 20px 0; } #nav-tierciary li { display:block; float:left; list-style-type:none; margin:0 12px; padding-bottom:3px; } html.ie7 #nav-tierciary li { margin:0 14px; } #nav-tierciary li a { display:block; float:left; color:#007dc2; font-weight:bold; font-size:12px; line-height:22px; text-decoration:none; cursor:pointer; } #nav-tierciary li a span { display:block; float:left; padding:2px 9px 0 9px; } #nav-tierciary li a:hover { color:#000; } #nav-tierciary li a span:hover { } #nav-tierciary li a.on, #nav-tierciary li a.on:hover { background:#797979; color:#fff; } #nav-tierciary li a.on:hover { text-decoration:underline; } #nav-tierciary li a.on span { } #nav-tierciary li a.on span:hover { } #nav-tierciary.double li { width:145px; } */ /* -- SUBLEFTCOL -- */ #subleftcol { float:left; padding:30px 0 40px; width:344px; background:#fff; } #subleftcol a { text-decoration:none; } #subleftcol h2 { margin:0 20px; padding:0 0 10px; color:#333; font-size:18px; font-family:"BentonSansBold", Arial, sans-serif; } #subleftcol form h2 { font-size:14px; } #subleftcol h3 { margin:0 20px 0 20px; padding:0 0 10px; color:#333; font-size:14px; } #subleftcol h3 a { color:#565656; text-decoration:none; } #subleftcol h3 a:hover { color:#0066b3; text-decoration:underline; } #subleftcol p { margin:0 20px 25px; color:#555555; line-height:16px; } #subleftcol p a:hover { text-decoration:underline; } #subleftcol ul { margin:0 20px 25px; border-top:1px solid #dddddd; list-style:none; } #subleftcol li { border-bottom:1px solid #dddddd; } #subleftcol ul a { position:relative; display:block; margin:1px 0; padding:0 5px; color:#0066b3; text-decoration:none; line-height:22px; } #subleftcol ul a span { position:absolute; top:-1px; right:5px; } #subleftcol ul a:hover { background-color:#ffeccd; text-decoration:underline; } #subleftcol ul a:hover span { text-decoration:none; } #subleftcol ul a.on { background-color:#666; color:#fff; } #subleftcol ul p { padding:0 5px 10px; color:#555555; } p.btn-leftcolbottom { margin:0 20px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; line-height:22px; } p.btn-leftcolbottom a { display:block; padding:5px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:url(/assets/img/bkg-diaglines-grayA.png) top left repeat; text-decoration:none; } p.btn-leftcolbottom a:hover { text-decoration:underline; } a.sln-youtube, a.sln-blogs, a.sln-community, a.sln-facebook, a.sln-linkedin, a.sln-twitter, a.sln-xing, a.sln-sinaweibo, a.sln-tudou { padding:0 5px 0 35px !important; background:url(../../../../13/2013/global/ui/images/icons/SocialMedia/spr-socialmedialeftnav.png) no-repeat top left; line-height:33px !important; } a.sln-youtube { height:33px; background-position:4px 4px; } a.sln-youtube.on { height:33px; background-position:4px -26px; } a.sln-facebook { height:33px; background-position:4px -56px; } a.sln-facebook.on { height:33px; background-position:4px -86px; } a.sln-twitter { height:33px; background-position:4px -116px; } a.sln-twitter.on { height:33px; background-position:4px -146px; } a.sln-linkedin { height:33px; background-position:4px -176px; } a.sln-linkedin.on { height:33px; background-position:4px -206px; } a.sln-blogs { height:33px; background-position:4px -236px; } a.sln-blogs.on { height:33px; background-position:4px -266px; } a.sln-community { height:33px; background-position:4px -296px; } a.sln-community.on { height:33px; background-position:4px -326px; } a.sln-sinaweibo { height:33px; background-position:4px -356px; } a.sln-sinaweibo.on { height:33px; background-position:4px -386px; } a.sln-tudou { height:33px; background-position:4px -416px; } a.sln-tudou.on { height:33px; background-position:4px -4466px; } a.sln-xing { height:33px; background-position:4px -476px; } a.sln-xing.on { height:33px; background-position:4px -506px; } /* -- SUBRIGHTCOL -- */ #rightcolbox { float:left; width:606px; } #subrightcol { float:left; width:606px; color:#676767; } #subrightcol a { text-decoration:none; } #subrightcol p a:hover { text-decoration:underline; } #subrightcol h1 { margin:35px 30px 15px; color:#424242; font-weight:bold; font-size:26px; font-family:Arial, sans-serif; } #subrightcol h3 { margin:0 40px 0 30px; line-height:20px; } #subrightcol p { margin:0 40px 10px 30px; line-height:20px; } #subrightcol p.cta { margin:10px 30px 40px; } html.ie7 #subrightcol p.cta.clearfix { padding-bottom:20px; } #subrightcol p.callout { margin:15px 30px 0; padding-top:5px; border-top:1px solid #dddddd; } #subrightcol p.link-list a { display:block; } #subrightcol p.promotitle { padding:30px 0px; color:#fff; font-weight:bold; font-size:24px; line-height:30px; } #subrightcol img.subrightcol-heroimagefloat { display:block; float:left; padding:0 20px 20px 30px; } #subrightcol-bottom { clear:both; padding:0 0 25px; } #subrightcol-bottom h2 { margin:0 30px 15px; padding:0 0 5px; border-bottom:2px solid #555; color:#333; font-size:14px; font-family:Arial, sans-serif; } #subrightcol .table-sociallist { margin:50px 30px 0; } #subrightcol .table-sociallist th { padding:7px 0; border-top:1px solid #dddddd; border-bottom:2px solid #666; text-align:left; font-weight:normal; font-size:11px; } #subrightcol .table-sociallist th.colA { width:400px; } #subrightcol .table-sociallist th.colB { width:130px; } #subrightcol .table-sociallist td { padding:20px 0; border-bottom:1px solid #dddddd; } #subrightcol .table-sociallist tr.last td { padding:20px 0; border:none; } #subrightcol .table-sociallist p { margin:0; padding:0 90px 0 0; } #subrightcol .table-sociallist a { font-weight:bold; } #subrightcol img.thumb-topleft { display:block; float:left; padding:5px 22px 15px 30px; } #subrightcol .landing-list { margin:0; padding:0 30px 0; list-style:none; } #subrightcol .landing-list a { display:block; padding:0 0 2px; color:#0066b3; font-weight:bold; } #subrightcol .landing-list a:hover { text-decoration:underline; } #subrightcol .landing-list a span { padding-left:3px; font-weight:bold; font-size:13px; } #subrightcol .landing-list a:hover span { text-decoration:none; } #subrightcol .landing-list p { margin:0; padding:0 0 20px !important; color:#555555; font-size:12px; line-height:16px; } #subrightcol .expandable-list { clear:both; margin:0px 30px; padding:0; list-style:none; } #subrightcol .expandable-list li { position:relative; overflow:hidden; margin-top:7px; padding:0 80px 9px 25px; height:35px; border-top:1px solid #dddddd; background:transparent none; cursor:pointer; } #subrightcol .expandable-list li:hover { background:#FFFFFF none; } #subrightcol .expandable-list li li { overflow:auto; margin-top:0px; padding:5px 0; height:auto; line-height:1.2em; } #subrightcol .expandable-list li li:hover { background:transparent none!important; } #subrightcol .expandable-list li.first { margin-top:0px; border-top:none; } #subrightcol .expandable-list li.on { height:auto; background:#ffffff; } #subrightcol .expandable-list li.off { height:auto; background-color:transparent!important; } #subrightcol .expandable-list h4 { margin-left:-20px; padding:10px 0 0 20px; background:url(../images/ux/btn-blue_downup_arrows.png) no-repeat left 11px; font-size:13px; } #subrightcol .expandable-list li.on h4 { background:transparent url(../images/ux/btn-blue_downup_arrows.png) no-repeat left -75px; } #subrightcol .expandable-list p { margin:0 30px 10px 0; padding:0; line-height:18px; } #subrightcol .expandable-list p.cta { margin:15px 0; } #subrightcol .expandable-list a.btn-cta:hover { text-decoration:none; } #subrightcol .ruled-list { margin:20px 30px 30px; padding:0px; border-bottom:1px solid #dddddd; list-style:none; line-height:22px; } #subrightcol .ruled-list li { border-top:1px solid #dddddd; font-weight:normal; } #subrightcol .ruled-list li a span { padding-left:3px; font-weight:bold; } #subrightcol .ruled-list a:hover { text-decoration:underline; } #subrightcol .nobullets { margin:0 30px; list-style:none; line-height:20px; } /* -- PROMOS -- */ #subrightcol-promo { margin:30px; } #subrightcol a.promoA { position:relative; display:block; height:181px; text-decoration:none; cursor:pointer; } #subrightcol a.promoA span.title { position:absolute; top:15px; left:15px; display:block; margin:0; width:270px; color:#fff; letter-spacing:.5px; font-size:22px; line-height:25px; } #subrightcol a.promoA span.title strong { display:block; padding-bottom:10px; font-family:"BentonSansBold", Arial, Helvetica, San-Serif; } #subrightcol a.promoA span.subtitle { position:relative; display:block; width:260px; color:#FFFFFF; letter-spacing:0px; font-size:14px; line-height:16px; } #subrightcol a.promoA span.cta-video { position:absolute; bottom:5px; left:15px; display:block; margin-top:-2px; margin-top:10px; padding:2px 0 6px 32px; width:236px; height:29px; background:url(../../../../13/2013/global/ui/images/promos/promo-icon-video.png) left 4px no-repeat; color:#fcb913; text-decoration:none; font-weight:bold; font-size:13px; line-height:15px; } #subrightcol a.promoA span.cta-video span { display:inline; padding-left:0px; width:240px; color:#FCB913; font-size:13px; } #subrightcol a.promoCT { position:relative; display:block; height:383px; cursor:pointer; } #subrightcol a.promoA:hover span.cta-video { text-decoration:underline; } #subrightcol a.promoA:hover span.cta-video span { text-decoration:none; } /* merge these into the above */ #subrightcol-promo { position:relative; margin:0px 0 30px; width:606px; height:181px; } #subrightcol a.promoA { position:absolute; top:0px; left:0px; display:none; width:606px; height:181px; text-decoration:none; cursor:pointer; } #subrightcol a.promoA.first { display:block; } #subrightcol a.promoA span.title { position:absolute; top:15px; left:15px; display:block; margin:0; width:265px; color:#fff; letter-spacing:.5px; font-size:20px; line-height:25px; } /*DUPLICATE STYLE #subrightcol a.promoA span.title strong { font-family:"BentonSansBookRegular", Arial, Helvetica, San-Serif; font-weight:bold; display:block; padding-bottom:10px; } */ #subrightcol a.promoA span.subtitle { position:relative; display:block; width:265px; color:#FFFFFF; letter-spacing:0px; font-size:14px; line-height:16px; } #subrightcol a.promoA span.cta-video { position:absolute; top:125px; left:15px; display:block; margin-top:-2px; margin-top:10px; padding:2px 0 6px 35px; width:236px; height:29px; background:url(../../../../13/2013/global/ui/images/promos/promo-icon-video.png) left 4px no-repeat; color:#fcb913; text-decoration:none; font-weight:bold; font-size:13px; line-height:15px; } #subrightcol a.promoCT { position:relative; display:block; height:383px; cursor:pointer; } #subrightcol a.promoA:hover span.cta-video { text-decoration:underline; } #subrightcol a.promoA:hover span.cta-video span { text-decoration:none; } #promo-btns { position:absolute; right:12px; bottom:12px; } #promo-btns a { display:block; float:left; margin-right:3px; width:12px; height:12px; background:#888; color:#fff; text-align:center; text-decoration:none; font-weight:bold; font-size:8px; line-height:10px; } #promo-btns a.on { background:#888 url(../images/ux/bkg-hero-btn-on.gif) no-repeat 0 0; } /* promoB is used on the 'buy now' popup panel */ /* -- BUTTONS -- */ a.btn-cta, a.profile-btn-cta { display:block; float:left; padding:0 25px 0 0; background:url(/assets/img/ab/btn-cta-orangeright.png) no-repeat right top; text-decoration:none; font-weight:normal; line-height:30px; } a.btn-cta span, a.profile-btn-cta span { display:block; float:left; padding:0 0 0 17px; height:30px; background:url(/assets/img/ab/btn-cta-orangeleft.png) no-repeat left top; color:#FFF; text-decoration:none; font-size:14px; line-height:30px; cursor:pointer; } a.btn-cta:hover, a.profile-btn-cta:hover { background-position:right -30px; text-decoration:none !important; } a.btn-cta:hover span, a.profile-btn-cta:hover span { background-position:left -30px; text-decoration:none !important; } a.btn-cta-sm { display:block; float:left; padding:0 25px 0 0; background:url(/assets/img/ab/btn-cta-orangeright-sm.png) no-repeat right top; text-decoration:none; font-weight:normal; line-height:23px; } a.btn-cta-sm span { display:block; float:left; padding:0 0 0 17px; width:auto !important; background:url(/assets/img/ab/btn-cta-orangeleft-sm.png) no-repeat left top; color:#FFF; text-decoration:none; text-decoration:none!important; font-size:12px; line-height:23px; cursor:pointer; } a.btn-cta-sm:hover { background-position:right -23px; text-decoration:none!important; } a.btn-cta-sm:hover span { background-position:left -23px; text-decoration:none!important; } a.btn-close-overlay, a.profile-btn-close-overlay { position:absolute; top:25px; right:-23px; display:block; width:23px; height:50px; background:url(../images/ux/btn-close-overlay.png) top left no-repeat; } a#btn-expandall-subright { display:block; margin:0 30px; padding-right:10px; border-bottom:2px solid #666; background:url(../images/ux/ico_double-down-arrow_matted_white.png) no-repeat right 10px; color:#0085c1; text-align:right; text-decoration:none; line-height:27px; } a#btn-expandall-subright.expandalright { float:right; } a#btn-expandall-subright:hover { text-decoration:underline; } a#btn-expandall-subright span { display:none; } a.btn-expanditem-subright { position:absolute; top:9px; right:30px; padding-right:10px; background:url(../images/ux/ico_double-down-arrow_matted_white.png) no-repeat right 4px; text-decoration:none; } a.btn-expanditem-subright:hover { text-decoration:underline; } a.btn-expanditem-subright span { display:none; } /* -- SUBRIGHT FORM FILTERS -- */ #subrightcol #ct-filter { margin:0 30px; padding:10px 0 30px 0; border-top:2px solid #666; border-bottom:1px solid #d3d3d3; } #subrightcol #ct-filter #filter-region { width:118px; font-size:12px; } #subrightcol #ct-filter #filter-country { width:125px; font-size:12px; } html.ie7 #subrightcol #ct-filter #filter-country { width:120px; font-size:12px; } #subrightcol #ct-filter #filter-region2 { width:95px; font-size:12px; } #subrightcol #ct-filter fieldset { display:inline; padding-left:4px; font-size:11px; } #subrightcol #ct-filter #Video { margin-left:6px; } #subrightcol #ct-filter .page-selector { margin:8px 0 0 0; text-align:right; } #subrightcol #ct-filter .page-selector a.btn-prev-page { display:inline-block; float:none; } #subrightcol #ct-filter .page-selector a.btn-next-page { display:inline-block; float:none; } #subrightcol #ct-filter .page-selector ul { display:inline-block; float:none; } html.ie7 #subrightcol #ct-filter .page-selector ul { display:inline; margin:0px auto -3px; zoom:1; } #subrightcol #ct-filter .page-selector ul li { float:left; } #subrightcol #ct-filter .page-identifier { margin-top:8px; } #subrightcol #ct-filter .page-views { margin-top:8px; margin-right:0; } html.ie7 #subrightcol #ct-filter .page-views { margin:0 auto; padding-top:8px; } #subrightcol .asset-list { margin:0px 30px; padding:0; list-style:none; } #subrightcol .asset-list li { position:relative; overflow:hidden; border-bottom:1px solid #dddddd; } #subrightcol .asset-list li:hover { background:#fff url('../images/ux/bkg-expandablelist-hover.png') top repeat-x; } #subrightcol .asset-list li a { display:block; padding:0 6px; } #subrightcol .asset-list li a:hover { background:#fff; } #subrightcol .asset-list h4 { float:left; padding:10px 0px 0 0; width:415px; color:#0066b3; font-weight:bold; font-size:12px; } #subrightcol .asset-list h4 span { display:inline-block; padding-left:4px; font-size:14px; } #subrightcol .asset-list p { float:left; margin:0; padding:0 0px 10px 0; width:415px; color:#333; line-height:18px; } #subrightcol form#form-customertestimonials-filter #filter-submit { padding-bottom:4px; padding-left:1px; width:108px; height:24px; border:0 none; background:url(/assets/img/ab/btn_fixed_size_apply_filters.png) no-repeat top left; color:#FFF; cursor:pointer; } #subrightcol .asset-list li span.iconcontainer { position:relative; z-index:20; float:right; margin:30px 10px 0 0; width:106px; height:55px; } #subrightcol .asset-list li span.iconcontainer img { position:relative; top:0; left:0; z-index:21; display:block; width:106px; height:55px; border:0; } #subrightcol .asset-list li span.iconcontainer span { position:absolute; z-index:22; display:block; width:106px; height:55px; } #subrightcol .asset-list li.document span.iconcontainer span { background:url(../images/icons/bkg_thumbnail_gridded_overlay_document.png) no-repeat top left; } #subrightcol .asset-list li.video span.iconcontainer span { background:url(../images/icons/bkg_thumbnail_gridded_overlay_video.png) no-repeat top left; } /* -- A TO Z PAGES --*/ .atoz-bottom { background:#fff; } #atoz-menu { display:block; margin-right:20px; margin-bottom:12px; margin-left:20px; height:28px; background:url(/assets/img/bkg-az-nav.png) repeat-x; } #atoz-menu ul li { display:block; float:left; list-style:none; } #atoz-menu ul a { display:block; float:left; margin-top:7px; padding:0px 8px; border-right:1px solid #ddd; color:#0066B3; list-style:none; text-decoration:none; font-weight:bold; font-size:12px; } #atoz-menu ul a.on { background:#666; color:#fff; } #atoz-menu ul a.disabled { color:#999; cursor:default; } #atoz-search { position:absolute; top:69px; right:50px; display:block; width:154px; height:21px; border:none; background:url(/assets/img/bkg-azsearch-input.png) no-repeat left; } #atoz-search label { position:absolute; top:2px; left:7px; display:block; border-style:none; font-size:12px; } html.ie7 #atoz-search label { top:5px; } #atoz-input { padding:0px 0px 2px 6px; width:147px; height:15px; background:none; } #atoz-submit { position:absolute; top:4px; right:1px; width:17px; height:17px; border:none; background:url(/assets/img/bkg-azsearch-submit.png) no-repeat 0 -2px; text-indent:999em; cursor:pointer; } html.ie7 #atoz-submit { top:4px; padding-left:40px; background-position:0 -2px; } #atoz-toggle { margin:0px 20px 12px; } #atoz-list-wrapper { margin-right:20px; margin-left:20px; } #atoz-list-wrapper ul { list-style:outside none; zoom:1; } .atoz-list { border-top:2px solid #222; position:relative; list-style:outside none; zoom:1; } .atoz-list h3 { position:absolute; top:7px; left:0; color:#999; font-weight:bold; font-size:20px; } #atoz-list-wrapper li { clear:both; list-style:none; } html.ie7 ul#atoz-list-wrapper li { position:relative; padding-top:8px; padding-bottom:20px; height:auto; zoom:1; } .atoz-list dl { clear:both; } html.ie7 .atoz-list dl { position:relative; clear:both; margin-left:50px; } .atoz-list dt a { margin-top:7px; } .atoz-list dd, .atoz-list dt { position:relative; display:block; margin-left:50px; } .atoz-list dt { clear:both; margin-top:3px; } html.ie7 .atoz-list dt { margin:0px; padding:0px; zoom:1; } .atoz-list dl dd { overflow:hidden; padding:0px 76px 10px 17px; height:18px; border-bottom:solid 1px #ddd; line-height:22px; } html.ie7 .atoz-list dl dd { margin:0px; padding:0px 0 0 17px; line-height:16px; zoom:1; } .atoz-list dl.on dd { height:auto; } .atoz-list dd p { margin:0 0 10px 0; padding:0px; } .atoz-list dl dt a { display:block; margin-bottom:5px; padding:6px 0 0 17px; background:url(../images/icons/icon-plus-small.jpg) no-repeat 3px 10px; color:#666; text-decoration:none; font-weight:bold; font-size:12px; } .atoz-list dt a:hover { text-decoration:none; font-size:12px; } .atoz-list dl.on dt a { background:url(../images/icons/icon-minus-small.jpg) no-repeat 3px 10px; color:#666; font-size:12px; } .az-results .atoz-list h3 { display:none; } .az-results .atoz-list dt, .az-results .atoz-list dd { margin-left:0; } .atoz-bottom #atoz-toggle { float:left; } .atoz-bottom .list-selector { float:right; border:none; } .atoz-bottom #atoz-search { top:72px; } .atoz-bottom .page-views { margin:0 50px; } .a2z-moreless { margin:12px 0 12px 50px; } html.ie7 .a2z-moreless { position:relative; margin:20px 0 0px 50px; zoom:1; } .a2z-moreless a { } #abstract-bottom { padding:20px; } #abstract-bottom p { margin-top:10px; } /* ==== UNIVERSAL MEDIA PLAYER ==== */ #videoPanel { padding:25px 20px; width:890px; } #videoHeader { height:40px; } #videoHeader h3 { float:left; margin:0; border-bottom:none; font-weight:normal; font-size:16px; } #video-left-col { float:left; width:350px; } #video-left-col .no-chapter { min-height:288px; border-top:3px solid #000 !important; border-bottom:1px solid #d7d7d7 !important; } html.ie6 #video-left-col .no-chapter { height:288px; } #video-left-col .no-chapter h1 { margin:0; padding:15px 0; font-size:24px; } #video-left-col .no-chapter p { margin:0 0 10px 0; width:320px; font-size:12px; line-height:18px; } #video-left-col .no-chapter a { color:#0066b3; text-decoration:none; } #video-left-col .chapter { border-bottom:1px solid #666; } #video-left-col .chapter.open { padding:15px 0 30px 0; border-top:3px solid #000 !important; border-bottom:3px solid #000 !important; } #video-left-col .chapter span { float:right; } #video-left-col .chapter .chapterLink { display:block; } #video-left-col .chapter .chapterLink a { display:block; padding:4px 0; height:27px; color:#0066b3; text-decoration:none; font-size:16px; line-height:27px; } #video-left-col .chapter .chapterLink a.on { color:#000; } #video-left-col .chapter .chapterLink a:hover { background:#efefef; } #video-left-col .chapter .chapterLink a span { color:#999; font-size:14px; } #video-left-col .chapter .chapterDetail { display:none; } #video-left-col .chapter .chapterDetail .detail { float:left; width:85%; line-height:20px; } #video-right-col { float:right; width:512px; } /* ==== DOCUMENT ABSTRACT PAGE STYLES ==== */ #documentPanel { padding:25px 20px 0; width:890px; } #documentHeader { height:40px; } #documentHeader h3 { float:left; margin:0; border-bottom:none; font-weight:normal; font-size:16px; } #document-left-col { float:left; padding-top:14px; padding-bottom:40px; width:589px; border-top:3px solid #000; border-bottom:1px solid #d7d7d7; } #document-left-col h1 { padding:0 0 13px 0; font-size:24px; } #document-left-col p { margin:0 0 15px 0; font-size:12px; line-height:18px; } #document-left-col ul { margin:0 0 20px 0; list-style:none; } #document-left-col ul li { margin:0 0 10px 0; list-style:none; } #document-left-col ul a { color:#0066b3; text-decoration:none; } #document-left-col ul a span { color:#0066b3; text-decoration:none; font-weight:bold; } #document-left-col ul a:hover { color:#0066b3; text-decoration:none; } #document-left-col ul a span:hover { color:#0066b3; text-decoration:underline; } #document-right-col { float:right; width:280px; } .clear { clear:both; height:0; line-height:0; } .promoReturn { float:right; color:#0066b3; text-decoration:none; font-weight:bold; font-size:13px; } .promoReturn span { font-weight:normal; font-size:10px; } .UMP_div ul { display:none; } .user-actions { clear:both; padding:0 0 52px 30px; } .user-actions li { display:block; float:left; margin-right:15px; padding-left:20px; height:25px; list-style:none; line-height:18px; } .user-actions li.save { background:url(../images/icons/icon-save-tac.png) no-repeat 0 0; } .user-actions li.saved { background:url(../images/icons/ico_savED_checkmark_icon_matted_white.png) no-repeat 0 0; } .user-actions li.like { background:url(../images/icons/icon-fb-like.png) no-repeat 0 0; } .user-actions li.share { } .user-actions li a { color:#0066b3; text-decoration:none; font-size:12px; } .user-actions li a:hover { text-decoration:underline; } .user-actions li a span { padding-left:2px; color:#000; font-size:10px; } .user-actions li a:hover span { text-decoration:none; } a.sharelink { display:block; float:left; margin:0px 0 0px 10px; padding:0 0 3px 18px; background:url("../images/icons/ico_share_link_icon-small.png") no-repeat scroll left 3px transparent; } /* ===== SECONDARY ===== */ /* -- SECONDARY GLOBAL OVERWRITES -- */ body#secondary { background:url(http://www.sapteched.com/2013/global/ui/images/backgrounds/bkg-secondary-main.png) top repeat-x; } #secondary #nav-main ul { position:absolute; top:16px; left:218px; } #secondary #nav-main ul li { width:auto; } #secondary #nav-main ul li a { width:220px; background:url(http://www.sapteched.com/2013/global/ui/images/ux/icon-bluearrowright.png) no-repeat 208px 6px; } #secondary #nav-main ul li a:hover { background:#00a2de url(http://www.sapteched.com/2013/global/ui/images/ux/icon-whitearrowright.png) no-repeat 208px 6px; } #secondary #nav-main ul li a.on { background:#00a2de url(http://www.sapteched.com/2013/global/ui/images/ux/icon-whitearrowdown.png) no-repeat 206px 7px; } #secondary #sap-news { top:9px; padding-right:7px; width:234px; background:url(http://www.sapteched.com/2013/global/ui/images/ux/bkg-newsflyout-secondary.png) top left no-repeat; } #secondary #sap-news.on { background-position:top right; } #secondary #sub { margin-top:10px; padding:0 0 15px; background:#fff; } /* -- BUTTONS -- */ #secondary a#btn-expandall-subbottom { display:block; margin:0 20px; border-bottom:2px solid #666; color:#0085c1; text-decoration:none; line-height:27px; } #secondary a#btn-expandall-subbottom:hover { text-decoration:underline; } #secondary a#btn-expandall-subbottom span { } #secondary a.btn-expanditem-subbottom { position:absolute; top:15px; right:25px; text-decoration:none; } #secondary a.btn-expanditem-subbottom:hover { text-decoration:underline; } #secondary a.btn-expanditem-subbottom span { } /* -- SECONDARY SUBTOP -- */ #secondary #subtop { position:relative; padding:68px 20px 0px 20px; height:auto; } html.ie7 #secondary #subtop { zoom:1; } #secondary #subtop-resources { position:relative; margin-bottom:0px; padding:10px 20px 0px 20px; height:auto; } #secondary #subtop.diag-bkg { background:url(http://www.sapteched.com/2013/global/ui/images/backgrounds/bkg-secondary-subtopdiag.png) 0 33px no-repeat; } #secondary #page-heading { height:37px; background:#F6CD66; color:#222; } /* This is a duplicate of the style below - created for SEO */ #secondary #page-heading h2 { padding:8px 0 0 10px; font-weight:bold; font-size:18px; } #secondary #page-heading h3 { padding:8px 0 0 10px; font-weight:bold; font-size:18px; } #secondary #nav-sub { position:absolute; top:0px; left:0px; z-index:50; width:935px; } #secondary #subtop h1 { margin-top:-5px; padding:0 0 15px 10px; color:#2c2c2c; font-size:25px; line-height:31px; } #secondary #subtop h1 span { display:block; font-weight:normal; } #secondary #subtop p { padding:0 0 15px 10px; color:#000; line-height:17px; } #secondary #subtop.diag-bkg h1 { margin-top:0px; padding:5px 20px 15px 20px; } #secondary #subtop.diag-bkg p { padding:0 20px 15px; } #secondary #subtop.diag-bkg #subtop-video-right { margin:0 20px 20px 30px; } /*-- #secondary #subtop-left-content { width:700px; float:left; } --*/ #secondary #subtop-left-content { float:left; padding-right:20px; width:680px; } #secondary #subtop-left-content h1, #secondary #subtop-left-content p { padding-right:30px; } #secondary #subtop-left-content.detail { width:650px; } #secondary #subtop-left-content ul { float:left; margin:10px 0 30px 10px; width:100%; list-style:outside none; } #secondary #subtop-left-content ul li { margin:0 20px 5px 10px; padding:0px 0 5px 0; border-bottom:#cdcdcd 1px solid; color:#676767; list-style:outside none; font-size:12px; } #secondary #subtop p span.gray-sm { display:block; color:#999; font-size:10px; } #secondary #subtop-left-content.detail #detail-video ul.user-actions { padding-top:10px; padding-left:0; } #secondary #subtop-rightcol { float:left; padding:20px; width:190px; } #secondary #subtop-rightcol p { padding:0 !important; } #secondary #subtop-rightcol h3 { padding:15px 0 10px 0; border-bottom:2px solid #000; font-size:14px; } #subrightcol .expandable-list .ruled-list { margin:20px 0 30px 0; } #secondary #subtop-rightcol .ruled-list li { padding:10px 0 10px 0; border-bottom:1px solid #bfbfbf; color:#555; list-style:none; font-size:12px; } #secondary #subtop-rightcol .ruled-list li a { color:#0066b3; text-decoration:none; } #subrightcol .expandable-list p.link-list { clear:both; } /* Added 10px left margin to existing style */ #secondary #subtop .subtop-video-left ul { margin:10px 0 30px 10px; list-style:outside none; } #secondary #subtop .subtop-video-left ul li { margin:0 20px 5px 10px; padding:0px 0 5px 0; border-bottom:#cdcdcd 1px solid; color:#676767; list-style:outside none; font-size:12px; } #secondary .disclaimer { clear:both; margin:0 20px 0 20px; color:#666; font-size:11px; } #secondary #subtop-rightcol-detail { float:left; width:210px; } #secondary #subtop-rightcol-detail h3 { padding:5px 0 15px 0; border-top:2px solid #000; font-size:16px; } #secondary #subtop-rightcol-detail .ruled-list li { padding:5px 0 10px 0; border-top:1px solid #bfbfbf; color:#555; list-style:none; font-size:13px; } #secondary #subtop-rightcol-detail .ruled-list li strong { display:block; color:#000; font-size:12px; } #secondary #subtop-rightcol-detail .ruled-list li a { color:#0066b3; text-decoration:none; } #secondary #subtop #hero-bulleted { width:100%; } #secondary #subtop #hero-bulleted h1 { width:740px; } #secondary #subtop #hero-bulleted p { width:740px; } #secondary #subtop #hero-bulleted .content-left { display:block; float:left; width:350px; } #secondary #subtop #hero-bulleted .content-left p { width:350px; } #secondary #subtop #hero-bulleted p.cta { display:inline-block; width:350px; } #secondary #subtop #hero-bulleted ul { margin:10px 0 30px 10px; list-style:outside none; width:350px; float:left; } #secondary #subtop #hero-bulleted ul li { margin:0 20px 5px 10px; padding:0px 0 5px 0; border-bottom:#cdcdcd 1px solid; color:#676767; list-style:outside none; font-size:12px; } #secondary #subtop #hero-bulleted .content-right { float:right; margin:0 30px 0 0; } #secondary #subtop #hero-bulleted .content-right img { margin-bottom:30px; } #secondary #subtop #subtop-video-left ul { float:left; margin:10px 0 30px 0; width:375px; list-style:outside none; } #secondary #subtop #subtop-video-left ul li { margin:0 20px 5px 10px; padding:0px 0 5px 0; border-bottom:#cdcdcd 1px solid; color:#676767; list-style:outside none; font-size:12px; } #secondary #subtop #wecanhelp-promo p { margin:0px 0px 0px 15px; padding-left:0; } /* -- NEW -- */ #secondary .diag-bkg h4 { margin-bottom:-40px; padding:0 0 0 10px; color:#2c2c2c; font-size:18px; line-height:31px; } /* -- NEW -- */ #secondary #subtop .content-4-col.highlight { margin:7px; margin-right:20px; padding:118px 0 0; width:211px!important; background:url(../../../../13/2013/global/..../images/promos/Homepage_featured_content_Promo.jpg) no-repeat; background-color:#297642; color:#FFF; } /* -- NEW -- */ #secondary #subtop .content-4-col.highlight h3 { padding:5px 13px 0 13px; font-size:21px; } /* -- NEW -- */ #secondary #subtop .content-4-col.highlight p { padding-right:13px; padding-bottom:10px; padding-left:13px; } /* -- NEW -- */ #secondary #subtop .content-4-col.highlight ul li { margin-bottom:1px; list-style:none; } /* -- NEW -- */ #secondary #subtop .content-4-col.highlight ul li a, #content-top .content-4-col.highlight ul li span { display:block; padding-top:5px; padding-left:13px; height:23px; background:url(../../../../13/2013/global/../assets/img/bkg-highlight-nav.png) repeat-x; color:#fff; text-decoration:none; font-weight:bold; font-size:14px; } /* -- NEW -- */ #secondary #subtop .content-4-col.highlight ul li a:hover { background:none; } /* -- NEW -- */ #secondary #subtop .content-4-col.highlight ul li a.bottom-link { background:none; } /* -- NEW -- */ #secondary #subtop .content-4-col.highlight ul li a.bottom-link:hover { background:url(../../../../13/2013/global/../assets/img/bkg-highlight-nav.png) repeat-x; } /* -- NEW -- */ #secondary #subtop #subtop-left-content { float:left; padding-right:20px; width:620px; } /* -- SECONDARY SUBBOTTOM -- */ #secondary #subbottom { padding:20px; width:auto; } #secondary #subbottom.border-top { margin:0 20px; padding:0 0 20px 0; border-top:4px solid #000; } #secondary #subbottom h2 { margin:0; padding:7px 25px 33px; border-top:4px solid #000; color:#222; letter-spacing:-.5px; font-size:17px; font-family:"BentonSansRegular", Arial, sans-serif; } #secondary #subbottom h2.no-indent { text-indent:-25px; } #secondary #subbottom h3 { margin-bottom:4px; letter-spacing:-.5px; font-size:15px; } #secondary #subbottom p { margin-bottom:10px; } #secondary #subbottom-3col { float:left; margin-bottom:40px; width:690px; } #secondary #subbottom-3col .subbottom-col { float:left; padding-bottom:20px; width:220px; } #secondary #subbottom-3col .subbottom-col_byd { float:left; padding-bottom:20px; width:220px; min-height:200px; } #secondary #subbottom-3col .thumb { display:block; margin:0 5px 0 27px; } #secondary #subbottom-3col .sm-gray { display:block; margin-top:5px; margin-left:27px; color:#999; text-transform:uppercase; font-size:8px; } #secondary #subbottom-3col h3 { display:block; margin:6px 5px 9px 27px; font-weight:bold; font-size:14px; } #secondary #subbottom-3col p { display:block; margin:5px 5px 10px 27px; color:#666; line-height:17px; } #secondary #subbottom-3col a { display:block; color:#0066b3; text-decoration:none; } #secondary #subbottom-3col a span { color:#00abed; } #secondary .content-4-col { float:left; margin:0px 7px 50px 27px; padding:0; width:188px; height:154px; } #secondary .content-4-col p { padding:0 16px 0 0; color:#666; line-height:17px; } #secondary .footnote { padding:0 0 0 20px; color:#555; font-size:12px; } /* -- SECONDARY SUBBOTTOM EXPANDABLE LIST-- */ #secondary #subbottom .expandable-list-wrapper { float:left; width:670px; } #secondary #subbottom .expandable-list-wrapper-fullwidth { float:left; width:910px; } #secondary #subbottom .expandable-list-wrapper-fullwidth h2 { clear:both; } #secondary #subbottom .expandable-list { margin:0px 30px; margin:0px 20px; padding:0; list-style:none; } #secondary #subbottom .expandable-list li { position:relative; overflow:hidden; margin-top:10px; padding:0 80px 0 25px; height:40px; border-top:1px solid #dddddd; cursor:pointer; } #secondary #subbottom .expandable-list li li { overflow:auto; margin-top:0px; padding:5px 0; height:auto; } #secondary #subbottom .expandable-list li li span { font-weight:bold; } #secondary #subbottom .expandable-list li.first { margin-top:0px; border-top:none; } #secondary #subbottom .expandable-list li.on { height:auto; background:#fff; } #secondary #subbottom .expandable-list li.on:hover { background:#fff url('/assets/img/bkg-diaglines-lightblue.png') top repeat; } /* This is a duplicate of the style below - created for SEO */ #secondary #subbottom .expandable-list h3 { margin-bottom:-1px; margin-left:-20px; padding:10px 0 0 20px; background:url(../images/ux/btn-blue_downup_arrows.png) no-repeat left 11px; font-size:13px; font-family:Arial, sans-serif !important; } #secondary #subbottom .expandable-list h4 { font-family:Arial, sans-serif !important; margin-left:-20px; padding:10px 0 0 20px; background:url(../images/ux/btn-blue_downup_arrows.png) no-repeat left 11px; font-size:13px; } /* This is a duplicate of the style below - created for SEO */ #secondary #subbottom .expandable-list li.on h3 { background:url(../images/ux/btn-blue_downup_arrows.png) no-repeat left -75px; } #secondary #subbottom .expandable-list li.on h4 { background:url(../images/ux/btn-blue_downup_arrows.png) no-repeat left -75px; } #secondary #subbottom .expandable-list p { margin:0 30px 10px 0; padding:0; line-height:18px; } #secondary #subbottom .expandable-list p.cta { margin:15px 0; } #secondary #subbottom .expandable-list li.heading { margin-top:2px; height:30px; background:#ddd; text-indent:-20px; font-weight:bold; font-size:14px; line-height:30px; cursor:text; } #secondary #subbottom .expandable-list li.description { overflow:hidden; margin-top:10px; max-height:106px; height:auto; } #secondary #subbottom .expandable-list li.description p { margin-left:-20px; width:620px; line-height:18px; } #secondary #subbottom .expandable-list li.description a.blueanchor-sm { display:block; margin-left:-20px; color:#0066b3; text-decoration:none; } #secondary #subbottom .expandable-list li.description a.blueanchor-sm:hover { text-decoration:underline; } #secondary #subbottom .expandable-list li.hr { display:block; margin-top:15px; height:2px; border-top:none; border-bottom:2px solid #666; color:#0085c1; text-decoration:none; } #secondary #subbottom .expandable-list img { display:none; float:right; padding:10px 30px 0 20px; } #secondary #subbottom .expandable-list p span { display:block; width:400px; } #secondary #subbottom .expandable-list-wrapper ul.no-wrap { width:400px; } #p-related-info { clear:both; padding:30px 0 30px 20px; } #p-related-info a { color:#2A7B43; color:#1F6CAC; text-decoration:none; } #p-related-info a:hover { text-decoration:underline; } #cta-related-info { clear:both; padding:30px 0 10px 25px; width:100%; } #cta-related-info a { padding-left:10px; color:#2A7B43; color:#1F6CAC; text-decoration:none; } #cta-related-info a:hover { text-decoration:underline; } #secondary a#cta-top { position:relative; float:right; margin-top:-31px; color:#0085c1; text-decoration:none; line-height:27px; } #secondary a:hover#cta-top { text-decoration:underline; } /* -- WECANHELP PROMO -- */ #secondary #wecanhelp-promo { float:left; width:189px; background:url(/assets/img/bkg_promo-green.png) no-repeat; /*height:248px; */ background-color:#2A7B44; color:#fff; } #secondary #wecanhelp-promo.right { float:right; margin-right:35px; } #secondary #wecanhelp-promo h3 { margin:14px 14px 10px; border:none; color:#fff; font-size:21px !important; } #secondary #wecanhelp-promo p { margin:0px 14px 15px; padding-left:0; color:#fff; font-size:12px; } #secondary #wecanhelp-promo li { display:block; margin-bottom:2px; background:url(/assets/img/bkg_promo-nav.png) repeat; color:#f0ab00; list-style-type:none; font-weight:bold; font-size:15px; } html.ie7 #secondary #wecanhelp-promo li { zoom:1; } #secondary #wecanhelp-promo li.gold { display:block; padding:5px 14px; } #secondary #wecanhelp-promo li a { display:block; padding:5px 14px; color:#fff; text-decoration:none; } #secondary #wecanhelp-promo li a:hover { color:#f0ab00; } #secondary #wecanhelp-promo.bluehelppromo { background:url(/assets/img/bkg_blue_help_pod_top.jpg) no-repeat; } #secondary #wecanhelp-promo.bluehelppromo h3 { margin:10px 14px 5px; color:#2A7B43; } #secondary #wecanhelp-promo.bluehelppromo h3 a { color:#2A7B43; font-weight:bold; font-size:21px; font-family:Arial, Helvetica, sans-serif; } #secondary #wecanhelp-promo.bluehelppromo p { margin:0 14px 5px; padding-bottom:0; color:#555555; } #secondary #wecanhelp-promo.promomargin { float:right; margin:30px 20px; } /* -- TOOL BARS -- */ #secondary .subtop-video-toolbar { padding-top:10px; } #secondary .subtop-video-toolbar li { display:inline; margin-right:20px; list-style:none; line-height:18px; } #secondary .subtop-video-toolbar li a { display:inline !important; padding-left:22px; color:#0066b3; text-decoration:none; font-size:12px; } #secondary .subtop-video-toolbar li span { padding-left:2px; color:#000; font-size:10px; } #secondary .subtop-video-toolbar .toolbar-save { background:url(../images/icons/icon-save-tac.png) no-repeat 0 -2px; } #secondary .subtop-video-toolbar .toolbar-recommend { background:url(../images/icons/icon-fb-like.png) no-repeat 0 -2px; } #secondary .subtop-video-toolbar .toolbar-fbrecommend { background:url(../images/icons/icon-fb-logo.png) no-repeat 0 -2px; color:#000; } #secondary #subbottom-3col .subbottom-col-toolbar { margin:20px 5px 0 27px; } #secondary .subbottom-col-toolbar { padding-top:5px; } #secondary .subbottom-col-toolbar.top-border { border-top:1px solid #d7d7d7; } #secondary .subbottom-col-toolbar li { list-style:none; line-height:18px; } #secondary .subbottom-col-toolbar li a { display:inline !important; padding-left:22px; color:#0066b3; text-decoration:none; font-size:12px; } #secondary .subbottom-col-toolbar li span { padding-left:2px; color:#000; font-size:10px; } #secondary .subbottom-col-toolbar .toolbar-save { background:url(../images/icons/icon-save-tac.png) no-repeat 0 -2px; } #secondary .subbottom-col-toolbar .toolbar-recommend { background:url(../images/icons/icon-fb-like.png) no-repeat 0 -2px; } /* ===== ARCHIVED SECONDARY CONTENT ================================================================================= */ #secondary-hero-bulleted { display:block; overflow:hidden; /*height:500px; */ margin-top:8px; max-height:500px; width:100%; height:auto; background:#fff; content:"\\0020"; } #secondary-hero-bulleted #hero-left { float:left; padding:25px 0 30px 30px; width:620px; } #secondary-hero-bulleted #hero-illustration { float:right; padding:25px 30px 0 0; width:211px; } #secondary-hero-bulleted #hero-illustration img { float:right; padding-bottom:25px; } #secondary-hero-bulleted h1 { color:#f0ab00; font-size:30px; font-family:"BentonSansRegular", Arial, sans-serif; } #secondary-hero-bulleted h2 { color:#f0ab00; font-size:22px; font-family:"BentonSansRegular", Arial, sans-serif; } #secondary-hero-bulleted p { padding:30px 0 20px 0; } #secondary-hero-bulleted a { color:#0066b3; text-decoration:none; font-weight:bold; font-size:16px; } #secondary-hero-bulleted ul { margin:10px 0 20px 0; list-style:outside none; } #secondary-hero-bulleted ul li { margin:0 0 5px 0; padding:0px 0 5px 0; border-bottom:#cdcdcd 1px solid; list-style:outside none; font-size:12px; } h1.benton { color:#f0ab00; font-size:30px; font-family:"BentonSansRegular", Arial, sans-serif; } #secondary-hero { display:block; margin-top:8px; width:100%; height:305px; background:#fff; } #secondary-hero #hero-left { float:left; width:550px; } #secondary-hero #hero-illustration { float:right; width:400px; height:305px; } #secondary-hero #hero-illustration img { float:right; width:400px; height:305px; } #secondary-hero #hero-left-narrow { float:left; width:425px; } #secondary #hero-video { float:right; margin:20px 30px 20px 20px; } #secondary-hero #subtop-video-right { float:right; border:solid 1px #000; } /* ===== STOP USING ===== */ #secondary-hero #hero-right { float:right; width:392px; height:305px; background:url(../../../../13/2013/global/ui/images/hero/secondary-hero-right1.png) no-repeat; } #secondary-hero h1 { margin:13px 30px 25px; color:#f0ab00; font-size:30px; } #secondary-hero p { padding:0px 50px 20px 30px; color:#333; font-size:12px; } #secondary-hero a { color:#0066b3; text-decoration:none; } #secondary-hero a:hover { text-decoration:underline; } #cta-tour { margin-top:8px; width:100%; height:48px; background:#8b8b8b; } html.ie7 #secondary #cta-tour { margin-bottom:8px; } #cta-tour .btn-cta { margin-top:10px; margin-left:30px; } #cta-tour p { float:left; margin-top:16px; margin-left:25px; } #content { width:950px; background:#fff; } #content-top { margin-top:8px; padding-top:18px; padding-left:23px; width:927px; height:auto; background:#e5e5e5; } html.ie7 #content-top { margin-top:0; } .content-4-col { float:left; padding:7px; width:211px; } #content-top h3 { margin-top:10px; margin-bottom:8px; font-weight:bold; font-size:18px; } #content-top p { margin-bottom:8px; } #content-top p a { color:#0066b3; text-decoration:none; font-weight:bold; } #content-top p a:hover { text-decoration:underline; } #content-top .content-4-col.highlight { margin:7px; padding:0; width:211px; background:#35824e; color:#FFF; } #content-top .content-4-col.highlight h3 { padding:5px 13px 0 13px; font-size:21px; } #content-top .content-4-col.highlight p { padding-right:13px; padding-bottom:10px; padding-left:13px; } #content-top .content-4-col.highlight a { color:#FFF; } #content-top .content-4-col.highlight a:hover { color:#FFF; } #content-top .content-4-col.highlight ul li { margin-bottom:1px; list-style:none; } #content-top .content-4-col.highlight ul li a, #content-top .content-4-col.highlight ul li span { display:block; padding-top:5px; padding-left:13px; height:23px; background:url(/assets/img/bkg-highlight-nav.png) repeat-x; color:#fff; text-decoration:none; font-weight:bold; font-size:14px; } #content-top .content-4-col.highlight ul li a:hover { background:none; } #content-top .content-4-col.highlight ul li a.bottom-link { background:none; } #content-top .content-4-col.highlight ul li a.bottom-link:hover { background:url(/assets/img/bkg-highlight-nav.png) repeat-x; } #content-top .content-4-col.landing-promo { margin:0; min-height:251px; width:211px!important; background-color:#297642; color:#FFF; } #content-top .content-4-col.landing-promo .image { position:absolute; z-index:0; } #content-top .content-4-col.landing-promo .promo-content { position:absolute; z-index:10; margin-top:118px; width:211px!important; background:url(/assets/img/bgk-lp-promo-gradient.png) repeat; } #content-top .content-4-col.landing-promo h3 { padding:5px 13px 0 13px; font-size:21px; } #content-top .content-4-col.landing-promo p { color:#FFF; padding-right:13px; padding-bottom:10px; padding-left:13px; } #content-top .content-4-col.landing-promo a { color:#FFF; } #content-top .content-4-col.landing-promo a:hover { color:#FFF; } #content-top .content-4-col.landing-promo ul li { margin-bottom:1px; list-style:none; } #content-top .content-4-col.landing-promo ul li a, #content-top .content-4-col.landing-promo ul li span { display:block; padding-top:5px; padding-left:13px; height:23px; background:url(/assets/img/bkg-highlight-nav.png) repeat-x; color:#fff; text-decoration:none; font-weight:bold; font-size:14px; } #content-top .content-4-col.landing-promo ul li a:hover { background:none; } #content-top .content-4-col.landing-promo ul li a.bottom-link { background:none; } #content-top .content-4-col.landing-promo ul li a.bottom-link:hover { background:url(/assets/img/bkg-highlight-nav.png) repeat-x; } #content-top .content-4-col p.asset-type { margin-top:10px; margin-bottom:-10px; color:#999; text-transform:uppercase; font-size:9px; } #content-spotlight { margin-top:8px; margin-left:20px; padding-top:18px; padding-left:23px; width:890px; height:auto; border-top:2px solid #222; background:#e5e5e5; } #content-spotlight .content-4-col { float:left; padding:7px 21px 7px 7px; width:188px; } #content-spotlight h3 { margin-top:0px; margin-bottom:8px; font-weight:bold; font-size:18px; } #content-spotlight p { margin-bottom:8px; } #content-spotlight p a { color:#0066b3; text-decoration:none; font-weight:bold; } #content-spotlight p a:hover { text-decoration:underline; } #content-spotlight .content-4-col.highlight { margin:7px 10px; padding:0; width:188px; background:#35824e; color:#FFF; } #content-spotlight .content-4-col.highlight h3 { padding:5px 13px 0 13px; font-size:21px; } #content-spotlight .content-4-col.highlight p { padding-right:13px; padding-bottom:10px; padding-left:13px; } #content-spotlight .content-4-col.highlight ul li { margin-bottom:1px; list-style:none; } #content-spotlight .content-4-col.highlight ul li a, #content-spotlight .content-4-col.highlight ul li span { display:block; padding-top:5px; padding-left:13px; height:23px; background:url(/assets/img/bkg-highlight-nav.png) repeat-x; color:#fff; text-decoration:none; font-weight:bold; font-size:14px; } #content-spotlight .content-4-col.highlight ul li a:hover { background:none; } #content-spotlight .content-4-col.highlight ul li a.bottom-link { background:none; } #content-spotlight .content-4-col.highlight ul li a.bottom-link:hover { background:url(/assets/img/bkg-highlight-nav.png) repeat-x; } #content-spotlight .content-4-col p.asset-type { margin-top:10px; margin-bottom:0px; color:#999; text-transform:uppercase; font-size:9px; } /* ===== BYDESIGN HOMEPAGE ================================================================================= */ #nav-main p strong { display:block; float:left; padding:18px 0 0 10px; width:204px; color:#353535; font-size:18px; } #nav-main p strong a { color:#353535; text-decoration:none; } #nav-main p strong a:hover { text-decoration:underline; } #nav-main sup { font-size:13px; } /* ===== STOP USING ===== */ #secondary-hero #hero-right { float:right; width:392px; height:305px; background:url(../../../../13/2013/global/ui/images/global/secondary-hero-right1.png) no-repeat; } #cta-tour .btn-cta { margin-top:10px; margin-left:30px; font-weight:bold; } #cta-tour p { float:left; margin-top:16px; margin-left:25px; color:#fff; font-weight:bold; font-size:13px; } .content-4-col { float:left; padding:7px; width:211px; margin-bottom:30px; } /* ===== CHANGE ===== */ #content-top .content-4-col.highlight { margin:7px; padding:118px 0 0; width:211px!important; background:url(../../../../13/2013/global/ui/images/promos/Homepage_featured_content_Promo.jpg) no-repeat; background-color:#297642; color:#FFF; } #content-top .content-4-col.highlight h3 { padding:0px 13px; font-size:21px; } #content-bottom { padding:30px 23px; width:904px; background:#fff; } #content-bottom_extendedpanel { float:left; width:904px; background:#fff; } #content-bottom_extendedpanel .content-4-col { height:225px; } #featured-resources { padding-bottom:1px; background:#fff; } #featured-addons { padding-bottom:20px; } #content-bottom h2 { margin:0 7px 20px 7px; padding:6px 0 0; border-top:2px solid #222; color:#222; font-size:18px; } #content-bottom h3 { margin-bottom:4px; font-size:15px; } #content-bottom p { margin-bottom:10px; } #content-bottom .content-4-col { margin-bottom:22px; height:185px; } a.btn-noicon { color:#0066b3; text-decoration:none; font-weight:bold; } a.btn-doc { display:block; padding-top:4px; padding-left:28px; height:19px; background:url(/assets/img/ab/btn-doc.png) no-repeat; color:#0066b3; text-decoration:none; font-weight:bold; } a.btn-vid { display:block; padding-top:4px; padding-left:28px; height:19px; background:url(/assets/img/ab/btn-vid.png) no-repeat; color:#0066b3; text-decoration:none; font-weight:bold; } #secondary .content-4-col a.btn-vid { padding-top:7px; height:26px; background-position:0 2px; } #content-bottom a:hover { text-decoration:underline; } #content-bottom .disclaimer { margin-left:0; } #cta-solution { clear:both; height:34px; background:url(/assets/img/bkg-cta-solution.png) repeat; text-align:right; } #cta-solution p { padding:10px 15px 10px; font-size:14px; } #cta-solution p a { color:#0066b3; text-decoration:none; font-weight:bold; } #cta-solution p a:hover { text-decoration:underline; } #content-bottom-secondary { padding:0 23px 15px 23px; width:904px; background:#fff; } #content-bottom-secondary .disclaimer { margin-left:0; padding:15px 0 10px 0; } /* ===== FOOTER =============================================================================================================== */ #footer { position:relative; margin-top:5px; width:950px; height:50px; } #home #footer { position:absolute; bottom:0px; z-index:59; } #footer.ftr-notfixed { position:relative; } ul#footer-leftbtm { clear:both; padding-left:10px; } ul#footer-lefttop { padding-left:10px; } ul#footer-lefttop li, ul#footer-leftbtm li { position:relative; display:inline-block; float:left; padding:10px 0 2px 0px; width:90px; list-style:none; } ul#footer-leftbtm li { padding:4px 0 2px 0; } ul#footer-lefttop li a, ul#footer-leftbtm li a { display:block; float:left; text-decoration:none; font-size:11px; } ul#footer-lefttop li a { color:#fff; font-weight:bold; } ul#footer-leftbtm li a { color:#bbb; font-weight:normal; } ul#footer-lefttop li a:hover, ul#footer-leftbtm li a:hover { text-decoration:underline; } ul#footer-lefttop li#quick-links a { padding-right:9px; background:url(../images/ux/icon-quicklinks-caret.png) no-repeat right 2px; } ul#footer-lefttop li#quick-links a.on, ul#footer-lefttop li#quick-links a:hover { background:url(../images/ux/icon-quicklinks-caret-on.png) no-repeat right 2px; } ul#footer-lefttop li#quick-links { position:relative; cursor:pointer; } ul#footer-lefttop li#quick-links:hover, ul#footer-lefttop li#quick-links.on { background:#fff; } ul#footer-lefttop li#quick-links:hover a, ul#footer-lefttop li#quick-links.on a { color:#666; text-decoration:none; } ul#footer-lefttop li#quick-links ul { position:absolute; bottom:26px; left:0px; display:none; padding:3px; /*z-index:1001; */ width:289px; background:#fff; cursor:pointer; } ul#footer-lefttop li#quick-links ul li { display:block; float:none; margin:0 2px; padding:1px 0; width:98%; border-top:solid 1px #dededc; } ul#footer-lefttop li#quick-links ul a { display:block; float:none; margin:0 0 0 0; padding:4px 0 4px 7px; width:276px; color:#0165b1; } ul#footer-lefttop li#quick-links ul a:hover { background:none #fbeabf; color:#0165b1; text-decoration:underline; } #footerlink-communities.on { background:#00a2de; } #footer-right { position:absolute; top:10px; right:10px; display:block; text-align:right; } #footer-right a {color:#fff;} #footer-right h3 { float:right; color:#fff; font-weight:bold; font-size:13px; line-height:16px; } #footer-right h3 a { display:block; float:left; height:20px; text-decoration:none; } #footer-right a#social-network { display:block; width:157px; background:url(../images/icons/icon-social-network.png) top left no-repeat; color:#fff; text-decoration:none; font-weight:bold; line-height:24px; } #footer-right h3 span { padding-left:10px; } #footer-right ul { float:right; } #footer-right ul li { display:inline-block; float:left; margin-right:4px; width:16px; height:16px; } #footer-right ul li a { display:block; float:left; width:16px; height:20px; } #footer-right ul a span { display:none; } /* ===== GLOBAL CLASSES ======================================================================================================= */ .hide { display:none; } .show { display:block; } .clearer { clear:both; } .noborder, .noBord { border:0 none !important; } .nopadding { padding:0; } .nomargin { margin:0; } .h120 { height:120px !important; } .h110 { height:110px !important; } .h90 { height:90px !important; } .h80 { height:80px !important; } .h70 { height:70px !important; } .h60 { height:60px !important; } .h50 { height:50px !important; } .h40 { height:40px !important; } .w75 { width:75px !important; } .w100 { width:100px !important; } .w125 { width:125px !important; } .w150 { width:150px !important; } .w175 { width:175px !important; } .fl-left { float:left !important; } .fl-right { float:right !important; } .blueanchor-lg { display:block; margin-bottom:5px; color:#0066b3; text-decoration:none; font-weight:bold; font-size:17px; } .blueanchor-lg span { color:#00abed; font-weight:normal; } .blueanchor-lg:hover { text-decoration:underline; } .blueanchor-sm { display:block; margin-bottom:5px; color:#0066b3; text-decoration:none; } .blueanchor-sm:hover { text-decoration:underline; } span.required { color:#FF0000; font-weight:bold; } span.black { color:#000; } img.fl-left { padding:0 20px 20px 0!important; } img.fl-right { padding:0 0px 20px 20px!important; } .superLowZ { z-index:20!important; } /*ul.bulleted-list { list-style:outside none; margin:10px 0 30px 0; width:370px; float:left; } ul.bulleted-list li { list-style:outside none; padding:0px 0 5px 0; font-size:12px; color:#676767; margin:0 20px 5px 10px; border-bottom:#cdcdcd 1px solid; } ul.bulleted-list-fullwidth { list-style:outside none; margin:10px 0 30px 0; width:100%; float:left; } ul.bulleted-list-fullwidth li { list-style:outside none; padding:0px 0 5px 0; font-size:12px; color:#676767; margin:0 20px 5px 10px; border-bottom:#cdcdcd 1px solid; } */ sup { font-size:60%; } /* ===== SITEMAP ========================================================================================================= */ #sitemap { position:relative; display:block; width:950px; background:#fff; } #sitemap-content { padding:25px 35px 35px; } #sitemap h1 { padding:0 13px; background:#fcb913; font-weight:bold; font-size:16px; line-height:36px; } #sitemap h2 { margin:0 0 20px; } #sitemap ul { list-style:none; } .sitemap-row { clear:both; } .sitemap-row h2 { margin-bottom:20px; padding:5px 0px 10px; padding-left:0!important; border-bottom:solid 2px #222; color:#226ca9; font-weight:bold; font-size:18px; } .sitemap-row h2 a { text-decoration:none; } .sitemap-row h3 { padding:0px 0px 8px; color:#4c4c4c; font-weight:bold; font-size:14px; } .sitemap-sub3 { float:left; width:660px; } .trio { float:left; width:660px; } .trio h2 { margin-right:20px; } .sitemap-sub1, .solo { float:left; clear:none; padding-right:30px; width:190px; } .sitemap-sub3 ul { float:left; width:220px; } .sitemap-row ul { margin:0 0 30px; } .sitemap-row li { display:block; padding:3px 30px 0 0; list-style-type:none; } .sitemap-row li a { color:#226ca9; text-decoration:none; } .sitemap-row li a:hover { text-decoration:underline; } .sitemap-substack { float:left; width:220px; } /* ===== IE SPECIFIC ========================================================================================================= */ html.ie6 #hero { background:#000; } html.ie6 #footer-right a#social-network { background:url(../images/icons/icon-social-network.gif) top left no-repeat; } html.ie6 #sap-news-wrapper ul li a span, html.ie7 #sap-news-wrapper ul li a span { height:15px; } html.ie6 .clearfix { height:1%; } html.ie6 body { overflow:hidden; width:100%; height:100%; } html.ie6 #header h1 a { background:url(../images/logos/sap-logo.gif) top left no-repeat; } html.ie6 ul#nav-utilitytop li a#location-select { background:url(../images/ux/icon-countryselect-caret.gif) no-repeat right; } html.ie6 #nav-main ul li a { background:url(../../../../13/2013/global/ui/images/ux/icon-bluearrowright.gif) no-repeat 162px 6px; } html.ie6 #nav-main ul li a:hover { background:#00a2de url(/global/ui/ux/icons/icon-whitearrowright.gif) no-repeat 162px 6px; } html.ie6 #nav-main ul li a.on { background:#00a2de url(/global/ui/ux/icons/icon-whitearrowdown.gif) no-repeat 160px 7px; } html.ie6 #hero li { float:left; } html.ie6 #hero-btns.pause a { background:#ccc; } html.ie6 a.btn-cta { background:url(/assets/img/ab/btn-cta-orangeright.gif) no-repeat top right; } html.ie6 a.btn-cta span { background:url(/assets/img/ab/btn-cta-orangeleft.gif) no-repeat left top; } html.ie6 a.btn-close-overlay { background:url(../images/ux/btn-close-overlay.gif) top left no-repeat; } html.ie6 #nav-sub li a { float:left; } html.ie6 #subleft-listB ul li, #subleft-listC ul li { width:200px; } html.ie6 ul#footer-lefttop li#quick-links a { background:url(../images/ux/icon-quicklinks-caret.gif) no-repeat right 2px; } html.ie6 #subleftcol ul a span { position:absolute; top:-7px; right:20px; } html.ie7 #atoz-input { float:left; padding:3px 0px 0px 6px; } html.ie6 input[type=radio],html.ie6 input[type=checkbox],html.ie7 input[type=radio],html.ie7 input[type=checkbox],html.ie8 input[type=radio],html.ie8 input[type=checkbox] { border:0 none!important; background:transparent none!important; } html.ie6 #hero h2,html.ie7 #hero h2 { padding-top:4px; padding-bottom:8px; } html.ie6 #secondary #subtop.diag-bkg h1,html.ie7 #secondary #subtop.diag-bkg h1 { float:none; clear:both; zoom:1; } html.ie6 #secondary #subtop.diag-bkg p,html.ie7 #secondary #subtop.diag-bkg p { zoom:1; } /* merge from ESUMM stylesheet (sapcom-es.css) on 2/7/11 */ /* generic #utility styles */ /* ===== NAV UTILITY DROPDOWNS ===== */ #utility a { color:#0066B3; text-decoration:none; } #utility a:hover { text-decoration:underline; } #overlay .name { float:left!important; margin:auto!important; } #overlay .utility-nav-highlight { position:absolute; top:-16px; left:0; display:block; padding:2px 7px; width:auto; height:auto; background:#fff; } #overlay .utility-nav-highlight span { color:#008fcc; font-weight:bold; } #overlay .countryselector { margin-left:auto; } #overlay .btn-cta { margin-left:auto; line-height:1em; } /* #overlay .btn-cta span { height:16px; padding-top:7px!important; } */ #contactinfo { margin:26px 35px 0 0; text-align:right; } #contactname { margin:0 20px 10px 20px; } #utility { position:relative; display:block; width:467px; height:242px; background:#fff; } #overlay #utility fieldset { margin-bottom:10px; margin-left:123px; border:0; /*margin-left:auto; */ } #overlay #utility label, #overlay #utility select, #overlay #utility .ui-select-menu { float:left; /*margin-left:170px; */ margin:10px 10px 5px 0; } #contactinfo select#countryselector { float:none; margin:0 -2px 0 3px; width:171px; } #contactinfo input#phone1 { margin-left:2px; width:164px; } #contactinfo label[for=Country] { float:none!important; margin:0!important; } #contactinfo .btn-cta { position:static; float:right; margin-top:20px; } #subheader { margin:0px 29px 20px 20px; padding-top:17px; padding-bottom:10px; height:auto; border-bottom:1px solid #ddd; line-height:16px; } .contactus div #subheader { padding-top:0; } #subheader h2 { clear:both; margin-bottom:8px; color:#656565; font-weight:bold; font-size:16px; } #utilitybottom { height:35px; background:#008fcc; } #utilitybottom a { color:#fff!important; text-decoration:none; } #utilitybottom a:hover { text-decoration:underline; } #utilitybottom p { display:block; margin-left:20px; padding-left:25px; background:url(../images/icons/alert-triangle.png) no-repeat left; color:#fff; text-decoration:none; font-size:12px; line-height:32px; } hr.utility-contactus { margin-top:185px; margin-left:18px; border-bottom:1px solid #ddd; } /* breadcrumb styles for chris's original 'long/byD' template */ /* ===== BREADCRUMB =====*/ #breadcrumb { display:block; margin:3px 0; width:100%; height:24px; background:#e5e5e5; } #breadcrumb ul li { display:inline; } #breadcrumb ul li a { display:block; float:left; background:url(/assets/img/bkg-breadcrumb-nav-arrow.png) no-repeat right; color:#0066b3; text-decoration:none; font-weight:normal; } #breadcrumb ul li a:hover { text-decoration:underline; } #breadcrumb ul li a span { display:block; float:left; padding:5px 14px 4px 10px; font-weight:normal; } #breadcrumb ul li span { display:block; float:left; padding:5px 14px 4px 10px; font-weight:bold; } /* styles for MyAccount section */ /* for login POPUP off of main layout */ /* styles for MyAccount Information */ #content.mySAPedit { padding:28px; width:894px; background-color:#FFF; } #content.mySAPedit .intropara { margin-bottom:30px; width:900px; } #content.mySAPedit .intropara h2 { margin-bottom:18px; } #content.mySAPedit .intropara p { color:#333; } #content.mySAPedit .thicktopborder { position:relative; padding:15px 0px 17px 14px; border-top:2px solid #333; } #content.mySAPedit .thicktopborder h3 { margin-bottom:10px; } #content.mySAPedit .thicktopborder ul li { position:relative; padding:5px 0 5px 13px; color:#666; list-style:none; } #content.mySAPedit .thicktopborder.on { background-color:#fbf5e7; } #content.mySAPedit .thicktopborder div.editbuttons { position:absolute; top:15px; right:21px; } #content.mySAPedit .thicktopborder div.editbuttons span { display:block; } #content.mySAPedit .thicktopborder div.editbuttons span a { color:#0066b3; text-decoration:none; font-weight:bold; font-size:12px; } #content.mySAPedit .thicktopborder div.editbuttons span a:hover { text-decoration:underline; } #content.mySAPedit .thicktopborder div.editbuttons span.close { display:none; } #content.mySAPedit .thicktopborder.on div.editbuttons span { display:none; } #content.mySAPedit .thicktopborder.on div.editbuttons span.close { display:block; } #content.mySAPedit .thicktopborder ul li span { } #content.mySAPedit .thicktopborder ul li span.answer { font-weight:bold; } #content.mySAPedit .thicktopborder ul li span.attention { color:#0066b3; font-weight:bold; } #content.mySAPedit .thicktopborder ul li span.attention a { text-decoration:none; } #content.mySAPedit .thicktopborder ul li span.attention a:hover { text-decoration:underline; } #content.mySAPedit .thicktopborder ul li span.answeredit { display:none; padding-left:10px; } #content.mySAPedit .thicktopborder div.axshawnbuttons { display:none; margin:0; } #content.mySAPedit .thicktopborder div.axshawnbuttons a.cancellink { display:inline-block; margin:7px 0 0 30px; text-decoration:none; font-weight:bold; cursor:pointer; } #content.mySAPedit .thicktopborder div.axshawnbuttons a.cancellink:hover { text-decoration:underline; } #content.mySAPedit .thicktopborder.on ul li span.answer { display:none; } #content.mySAPedit .thicktopborder.on ul li span.answeredit { display:inline-block; } #content.mySAPedit .thicktopborder.on ul li span.answeredit input { border:1px solid #f2f2f2; background:#FFF none; } #content.mySAPedit .thicktopborder.on div.axshawnbuttons { display:block; margin:20px 20px 10px 13px; } #content.mySAPedit .bluepromodiv { margin:20px 0; padding:2px 13px; width:98%; background-color:#00a2de; } #content.mySAPedit .bluepromodiv p { margin:20px 0; width:100%; background-color:#00a2de; color:#FFF; } #content.mySAPedit .bluepromodiv p a { color:#FFF; text-decoration:underline; font-weight:bold; font-size:15px; } #content.mySAPedit .bluepromodiv p a:hover { color:#dedede; text-decoration:underline; } /* styles for MySubscriptions page */ #content.mySAPedit .thicktopborder h4 { margin:20px 0 0px 10px; font-size:13px; } #content.mySAPedit .thicktopborder table.newslettertable { margin:0 0 30px 10px; padding:0; border:0 none; border-collapse:collapse; } #content.mySAPedit .thicktopborder table.newslettertable th { height:6px; font-size:1px; line-height:1px; } #content.mySAPedit .thicktopborder table.newslettertable th.col-one { width:15px; } #content.mySAPedit .thicktopborder table.newslettertable th.col-two { width:400px; } #content.mySAPedit .thicktopborder table.newslettertable th.col-three { width:40px; } #content.mySAPedit .thicktopborder table.newslettertable th.col-four { width:15px; } #content.mySAPedit .thicktopborder table.newslettertable th.col-five { width:auto; } #content.mySAPedit .thicktopborder table.newslettertable tr { vertical-align:top; } #content.mySAPedit .thicktopborder table.newslettertable td { padding:5px 5px 5px 0; vertical-align:top; line-height:1.3em; } #content.mySAPedit .thicktopborder table.newslettertable td ul li { width:720px; } #content.mySAPedit .thicktopborder table td a.infoicon { position:relative; display:inline-block; margin-bottom:-1px; margin-left:3px; cursor:pointer; } #content.mySAPedit .thicktopborder table td a.infoicon div.infopopupouter { position:absolute; bottom:10px; left:13px; display:none; padding-bottom:13px; width:321px; height:auto; background:url(../images/ux/bkg-blue_tooltip_leftBottomArrow.png) no-repeat bottom left; } #content.mySAPedit .thicktopborder table td a.infoicon.right div.infopopupouter { right:13px; bottom:10px; left:auto; background:url(../images/ux/bkg-blue_tooltip_rightBottomArrow.png) no-repeat bottom left; } #content.mySAPedit .thicktopborder table td a.infoicon:hover div.infopopupouter { display:block; } #content.mySAPedit .thicktopborder table td a.infoicon div.infopopup { margin-left:4px; padding:10px; width:297px; height:auto; background:url(../images/ux/bkg-blue_tooltip_background.png) no-repeat top left; } #content.mySAPedit .thicktopborder table td a.infoicon div.infopopup h3 { margin-bottom:4px; color:#FFF; } #content.mySAPedit .thicktopborder table td a.infoicon div.infopopup p { margin-bottom:8px; color:#FFF; } #content.mySAPedit .thicktopborder table td input[type=checkbox] { margin-top:2px; } html.ie6 #content.mySAPedit .thicktopborder table td input[type=checkbox],html.ie7 #content.mySAPedit .thicktopborder table td input[type=checkbox],html.ie8 #content.mySAPedit .thicktopborder table td input[type=checkbox] { margin-top:-2px; } #content.mySAPedit div.bottomactions p { margin:0 0 12px 0; } #content.mySAPedit div.bottomactions p a.cancellink { display:inline-block; margin:8px 0 12px 30px; text-decoration:none; font-weight:bold; } #content.mySAPedit div.bottomactions p a.cancellink:hover { text-decoration:underline; } /* newsletter preview panel */ #previewContainer { left:21%!important; } #previewContainer a#myModalClose { position:absolute; top:5px; right:20px; text-decoration:none; font-weight:bold; cursor:pointer; } #previewContainer a#myModalClose:hover { text-decoration:underline; } #previewContainer #previewInner { padding:20px; background-color:#FFF; } #previewContainer #previewInner h3 { margin:0 20px 10px 0; padding-bottom:10px; border-bottom:2px solid #565656; color:#565656; font-size:14px; } #previewContainer #previewInner p { margin:0 20px 10px 0; } #previewContainer #previewInner p .btn-cta { margin-bottom:10px; } #previewContainer #previewInner img { display:block; clear:both; } /* styles for MyResources page */ #content.mySAPedit .thicktopborder.resources { margin-bottom:30px; padding-bottom:31px; background:url(/assets/img/bkg-light_gray_hash_bg.png) repeat; } #content.mySAPedit .thicktopborder.resources h3 { display:inline-block; font-weight:bold; font-size:16px; } #content.mySAPedit .thicktopborder.resources div.page-selector { float:right; padding-right:18px; } #content.mySAPedit .thicktopborder.resources div.page-selector li { padding:0; } #content.mySAPedit .thicktopborder .resultrow { margin-right:18px; margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #cecece; } #content.mySAPedit .thicktopborder .resultrow.alpha { margin-top:10px; padding-top:12px; border-top:1px solid #cecece; } #content.mySAPedit .thicktopborder .resultrow a.thumb { display:block; float:left; margin-right:20px; padding-top:3px; width:106px; height:55px; } #content.mySAPedit .thicktopborder .resultrow .resultrowbody { float:left; width:525px; height:auto; } #content.mySAPedit .thicktopborder .resultrow .resultrowbody h4 { display:inline-block; margin:0 0 4px 0; padding-right:11px; background:url(../images/ux/navArrowBlueRight.png) no-repeat right 4px; } #content.mySAPedit .thicktopborder .resultrow .resultrowbody h4 a { text-decoration:none; } #content.mySAPedit .thicktopborder .resultrow .resultrowbody h4 a:hover { text-decoration:underline; } #content.mySAPedit .thicktopborder .resultrow .resultrowbody p { font-weight:bold; } #content.mySAPedit .thicktopborder .resultrow .resultrowbody span.vidresult { display:inline-block; margin-left:40px; padding-top:2px; padding-left:20px; height:16px; background:url(../images/icons/ico-vidresult_icon_sm.png) no-repeat left 0px; color:#666; font-weight:normal; font-size:11px; } #content.mySAPedit .thicktopborder .resultrow .resultrowbody span.docresult { display:inline-block; margin-left:40px; padding-left:20px; height:15px; background:url(../images/icons/ico-docresult_icon.png) no-repeat left 0px; color:#666; font-weight:normal; font-size:11px; } #content.mySAPedit .thicktopborder .resultrow .resultrowbody p.url { color:#666; font-weight:normal; font-size:11px; } #content.mySAPedit .thicktopborder .resultrow .resulttoolset { float:right; margin-top:-1px; width:316px; text-align:right; } #content.mySAPedit .thicktopborder .resultrow .resulttoolset a { display:inline-block; margin-left:32px; padding-top:2px; height:19px; text-decoration:none; font-weight:bold; } #content.mySAPedit .thicktopborder .resultrow .resulttoolset a span { text-decoration:none; } #content.mySAPedit .thicktopborder .resultrow .resulttoolset a:hover span { text-decoration:underline; } #content.mySAPedit .thicktopborder .resultrow .resulttoolset a.recommendlink { padding-left:18px; background:url(../images/icons/ico_facebook_thumbsUp.png) no-repeat left 3px; } #content.mySAPedit .thicktopborder .resultrow .resulttoolset a.sharelink { padding-right:25px; background:url(../images/icons/ico_share_link_icon.png) no-repeat right 0px; } #content.mySAPedit .thicktopborder .resultrow .resulttoolset a.deletelink { padding-right:25px; background:url(../images/icons/ico_delete_link_icon.png) no-repeat right 0px; } #content.mySAPedit .thicktopborder .resultrow .resulttoolset fb { display:block; float:left; width:85px; } #content.mySAPedit .thicktopborder .resultrow .resulttoolset iframe.fb_ltr { width:85px!important; } #content.mySAPedit .thicktopborder.savedsearches { padding-bottom:31px; background:url(/assets/img/bkg-light_gray_hash_bg.png) repeat; } #content.mySAPedit .thicktopborder.savedsearches h3 { display:inline-block; font-size:16px; } #content.mySAPedit .thicktopborder.savedsearches div.page-selector { float:right; padding-right:18px; } #content.mySAPedit .thicktopborder.savedsearches div.page-selector li { padding:0; } #content.mySAPedit .thicktopborder.savedsearches .resultrow a.savedsearch { display:block; float:left; margin-top:-2px; margin-right:20px; width:40px; height:22px; } #content.mySAPedit .thicktopborder.savedsearches .resultrow { margin-bottom:9px; padding-bottom:11px; width:847px; } #content.mySAPedit .thicktopborder.savedsearches .resultrow .resultrowbody { width:469px; } #content.mySAPedit .thicktopborder.savedsearches .resultrow .resultrowbody a { text-decoration:none; font-weight:bold; } #content.mySAPedit .thicktopborder.savedsearches .resultrow .resultrowbody a:hover { text-decoration:underline; } /* newsreader - es */ #subleftcol #subleft-listC div.newssearchbox { margin-bottom:9px; padding-left:5px; width:292px; height:22px; } #subleftcol #subleft-listC div.newssearchbox fieldset { position:relative; margin-left:15px; padding-left:6px; width:100%; background:url(/assets/img/bkg_search_onethird.png) no-repeat top left; } #subleftcol #subleft-listC div.newssearchbox fieldset label { position:absolute; top:4px; left:0; } #subleftcol div.newssearchbox fieldset input#searchnews-input { top:1px; left:-3px; float:left; width:261px; height:16px; border:0 none; background:transparent none; color:#3e3e3e; font-size:12px; } #subleftcol #subleft-listC div.newssearchbox fieldset input#searchnews-submit { float:left; margin-top:2px; height:18px; background:url(../images/ux/btn-searchnews.png) repeat top left; } #subleftcol div.newsfilters { padding-bottom:10px; padding-left:19px; width:307px; } #subleftcol div.newsfilters label { display:inline-block; color:#707070; font-size:11px; } #subleftcol div.newsfilters .alpha { float:left; margin-right:6px; width:168px; } #subleftcol div.newsfilters .omega { float:left; width:131px; } #subleftcol div.newsfilters select { display:inline-block; } #subleftcol div.newsfilters label.omega { margin-top:-14px; width:131px; } #subleftcol div.news-group { } #subleftcol div.news-group ul { margin:0 20px 0px 19px; } #subleftcol div.news-group ul li { width:100%; height:57px; } #subleftcol div.news-group ul li a { position:relative; margin:1px 0; height:56px; } #subleftcol div.news-group ul li a:hover { background-color:#00A2DE; text-decoration:none; } #subleftcol div.news-group ul li a:hover span { text-decoration:none!important; } #subleftcol div.news-group ul li a span.newstype { position:absolute; top:0; right:10px; /*width:150px; */ color:#989898; text-align:right; font-size:10px; } #subleftcol div.news-group ul li a span.newsdate { position:absolute; top:0; left:5px; width:150px; font-weight:bold; font-size:10px; } #subleftcol div.news-group ul li a span.newsteaser { position:relative; top:23px; left:0px; display:inline-block; color:#333; font-size:11px; line-height:1.3em; } #subleftcol div.news-group ul li a span.ctaarrows { position:absolute; right:10px; bottom:10px; padding-top:32px; color:#0066b3; font-weight:bold; font-size:13px; } #subleftcol div.news-group ul li a span.ellipses { position:static; display:inline; margin:0 3px; } #subleftcol div.news-group ul li.on { } #subleftcol div.news-group ul li.on a { background-color:#555; text-decoration:none; } #subleftcol div.news-group ul li.on a:hover { background-color:#555; text-decoration:none; } #subleftcol div.news-group ul li.on a:hover span { text-decoration:none!important; } #subleftcol div.news-group ul li.on a span.newstype { color:#fff; } #subleftcol div.news-group ul li.on a span.newsdate { color:#cecece; } #subleftcol div.news-group ul li.on a span.newsteaser { color:#fff; } #subleftcol div.news-group ul li.on a span.ctaarrows { color:#fff; } #subleftcol div.news-group ul li a:hover span.newstype { color:#fff; } #subleftcol div.news-group ul li a:hover span.newsdate { color:#cecece; } #subleftcol div.news-group ul li a:hover span.newsteaser { color:#fff; } #subleftcol div.news-group ul li a:hover span.ctaarrows { color:#fff; } /* newsreader page controls */ #newspagination { margin-left:19px; padding:5px 8px 0 8px; width:289px; height:22px; background:url(/assets/img/bkg-light_gray_hash_bg.png) repeat; } #newspagination ul { display:block; float:left; margin:0; height:25px; border-top:0 none; } #newspagination li { display:inline; float:none; width:auto!important; border-bottom:0 none; } #newspagination .page-selector { display:block; float:left; margin:0; width:170px; } #newspagination .page-selector li a { margin:0; } #newspagination .page-views { display:block; float:right; margin-right:0; width:115px; text-align:right; } #newspagination .page-views li { line-height:16px; } #newspagination .page-views li a { margin:0; padding-bottom:1px; line-height:16px; } #newspagination .page-views span { float:left; margin-right:5px; } #newspagination a.btn-prev-page { display:block; float:left; width:25px; height:16px; } #newspagination a.btn-next-page { display:block; float:left; width:25px; height:16px; } .page-selector ul li, .page-views ul li { display:inline; list-style:none; } #newspagination .page-selector ul li.noBord, .page-views ul li.noBord { border-right:none; } #newspagination .page-selector ul li a, .page-views ul li a { display:block; float:left; padding-right:4px; padding-left:4px; border-right:1px solid #ddd; color:#106fb7; text-align:center; text-decoration:none; line-height:16px; } #newspagination .page-views ul li.noBord a { border-right:none; } #newspagination .page-selector ul li a:hover, .page-views ul li a:hover { background:#106fb7; color:#fff; } #newspagination .page-selector ul li a.on, .page-views ul li a.on { background:#b2b2b2; color:#fff; } #newspagination .page-selector ul li span { display:block; float:left; padding:0 4px; border-right:1px solid #ddd; text-align:center; line-height:16px; } /* right-side Article styles */ #subrightcol #articledisplay { overflow:hidden; margin:27px 25px 15px 23px; /*border-top:4px solid #555; */ padding-bottom:15px; width:557px; border-bottom:1px solid #cdcdcd; } #subrightcol #articledisplay h2 { margin:5px 0 10px 0; padding-left:0; font-weight:bold; font-size:22px; line-height:1.2em; } #subrightcol #articledisplay .byline { margin-bottom:23px; color:#cecece; font-size:13px; } #subrightcol #articledisplay .byline span.articledate { margin-right:10px; color:#666; font-size:11px; } #subrightcol #articledisplay .byline span.articlesource { margin-left:10px; color:#666; font-size:11px; } #subrightcol #articledisplay p { margin:0 0 10px 0; line-height:1.4em; } #subrightcol #articledisplay p.articlesubhead { color:#545454; font-weight:bold; } #subrightcol .newsshareline { margin:0 0 20px 24px; } #subrightcol .newsshareline a { text-decoration:none; } #subrightcol .newsshareline a:hover { text-decoration:none; } #subrightcol .newsshareline a span { text-decoration:none; } #subrightcol .newsshareline a:hover span { text-decoration:underline; } #subrightcol .newsshareline a.newsshare { display:inline-block; margin-right:18px; padding-top:2px; padding-left:17px; height:18px; background:url(../images/icons/ico_share_link_icon-small.png) no-repeat left 3px; cursor:pointer; } #subrightcol .newsshareline a.newsrecommend { display:inline-block; margin-right:18px; padding-left:17px; background:url(../images/icons/ico_facebook_thumbsUp.png) no-repeat left 0px; cursor:pointer; } #subrightcol .newsshareline span.facebookcount { display:inline-block; padding-left:17px; background:url(../images/icons/ico_facebook_F-icon.png) no-repeat left 1px; } #subrightcol #articledisplay ul { margin:10px 0 20px 0; list-style:outside none; } #subrightcol #articledisplay ul li { margin:0 0 5px 0; padding:0px 0 5px 0; border-bottom:#cdcdcd 1px solid; list-style:outside none; font-size:12px; } /*-- end newsreader --*/ /* -- start EVENTS --es-- */ #subleftcol.searchevents { } #subleftcol.searchevents hr { margin:17px 0 10px 19px; width:303px; border-bottom:1px solid #cecece; } #subleftcol.searchevents fieldset { clear:both; margin:0 0 10px 15px; } #subleftcol.searchevents fieldset select.disabled { background-color:#dbdbdb; color:#fff; } #subleftcol.searchevents fieldset select.disabled option { background-color:#fff; color:#333; } #subleftcol.searchevents fieldset.radios { } #subleftcol.searchevents fieldset.radios input[type=radio] { display:block; float:left; margin-top:5px; } #subleftcol.searchevents fieldset.radios label { display:inline-block; width:70px; } #subleftcol.searchevents fieldset.radios select { width:215px; } #subleftcol.searchevents fieldset.radios select option { } #subleftcol.searchevents fieldset.longselect select { margin-left:4px; width:303px; } #subleftcol.searchevents fieldset.halfnhalf { padding-left:4px; } #subleftcol.searchevents fieldset.halfnhalf div { position:relative; float:left; margin-right:8px; width:148px; } #subleftcol.searchevents fieldset.halfnhalf div.textentry { width:148px; height:21px; background:url(/assets/img/bkg-lt_grey_text_input_halfnhalf.png) no-repeat top left; } #subleftcol.searchevents fieldset.halfnhalf div.omega { margin-right:0; } #subleftcol.searchevents fieldset.halfnhalf div select { width:148px; } #subleftcol.searchevents fieldset.halfnhalf div.textentry label { position:absolute; top:3px; left:4px; } #subleftcol.searchevents fieldset.halfnhalf div.textentry input[type=text] { display:block; float:left; margin-top:-1px; padding-bottom:2px; padding-left:4px; width:132px; height:18px; border:none; background:url(../images/ux/btn-date-picker-button.png) no-repeat right 5px; font-size:12px; line-height:18px; cursor:default; } /*#subleftcol.searchevents fieldset.halfnhalf div input.datepicker { background:url(../images/ux/btn-date-picker-button.png) no-repeat top left; display:inline-block; width:16px; height:13px; border:0 none; cursor:pointer; margin-top:4px; } */ #subleftcol.searchevents fieldset.halfnhalf div input[type=checkbox] { display:block; float:left; margin-top:1px; } #subleftcol.searchevents p.clearfix a.btn-cta { margin:20px 20px 0 0; } #subleftcol.searchevents p.clearfix a.btn-cta span { font-weight:bold; } #subleftcol.searchevents p.clearfix a.btn-cta:hover { text-decoration:none; } #subleftcol.searchevents p.clearfix a.btn-cta:hover span { text-decoration:none; } #subleftcol.searchevents p.clearfix span.resetbtn { display:block; float:left; margin-top:27px; padding-left:20px; } #subleftcol.searchevents p.clearfix span.resetbtn a { color:#0066b3; font-weight:bold; font-size:13px; } /* styles for right-col event results */ #subrightcol #subrightcol-bottom.eventsearch { padding-top:20px; } #subrightcol #subrightcol-bottom.eventsearch a#btn-expandall-subright { border-top:0 none; } #subrightcol #subrightcol-bottom.eventsearch .expandable-list li { height:43px; } #subrightcol #subrightcol-bottom.eventsearch .expandable-list li.on { height:auto; } #subrightcol #subrightcol-bottom.eventsearch ul { padding-left:24px; list-style:none; } #subrightcol #subrightcol-bottom.eventsearch ul li { list-style:none; } #subrightcol #subrightcol-bottom.eventsearch ul li.noresults { list-style:none; } #subrightcol #subrightcol-bottom.eventsearch ul li h4 { background-position:left 13px; font-size:13px; line-height:19px; } #subrightcol #eventspagination { margin:27px 0 0 28px; } /* CONTACT US styles - es */ .contactus #subheader .throwright { position:absolute; top:1px; right:1px; } .contactus form .contactright { position:relative; float:right; margin-top:8px; padding:20px 0 0 20px; width:405px; height:457px; background:url(/assets/img/bkg-htb-nav-header.png) repeat top left; } .contactus form .contactright .othercontact { position:absolute; bottom:0; left:0; padding:20px; width:384px; height:100px; background-color:#e5e5e5; } .contactus form .contactright .othercontact h4 { margin-bottom:4px; color:#666; font-weight:bold; font-size:16px; } .contactus form .contactright .othercontact li { padding:3px 0; color:#666; list-style:none; font-weight:bold; font-size:12px; } .contactus form .contactright .othercontact li a { color:#0066b3; text-decoration:none; font-weight:bold; } .contactus form .contactright .othercontact li a:hover { text-decoration:underline; } .contactus form .contactleft { float:left; margin:0 22px 20px 0; padding-top:20px; width:423px; } .contactus form a.questionmark { margin:0 0 -2px 3px; } .contactus { padding-left:8px; background-color:#FFF; } .contactus div#subheader { position:relative; top:20px; display:block; margin-bottom:0px!important; width:870px; height:auto; border-bottom:0 none!important; } .contactus div#subheader h2 { clear:both; margin-bottom:16px; padding-bottom:7px; border-bottom:3px solid #646464; color:#646464; font-size:18px; } .contactus h3 { padding-bottom:11px; color:#666; font-weight:bold; font-size:15px; } .contactus form { display:block; margin:-6px 20px 20px; width:870px; } .contactus hr { overflow:hidden; margin:20px 0; width:100%; height:1px; background-color:#999; } .contactus div { margin-bottom:10px; border:none; } .contactus div .inputgroup { position:relative; } .contactus div .inputgroup label { margin-right:12px; } .contactus div .inputgroup label.hidden { position:absolute; top:0px; left:10px; color:#999; } .contactus div .inputgroup input { margin-bottom:8px; margin-left:3px; padding:2px 4px; width:250px; border:1px solid #999; background-color:transparent; color:#999; } .contactus div .inputgroup span.required { float:left; padding-right:5px; } .contactus div .inputgroup span.fauxlabel { position:relative; display:block; float:left; margin-top:2px; width:104px; } .contactus div select { margin-left:4px; padding:1px 1px 1px 2px; width:209px; height:21px; border:0 none; background:url(/assets/img/bkg_blueselect.jpg) no-repeat scroll left top transparent; color:#FFF; font-weight:normal; } .contactus div select[name=contacttitle] { margin-bottom:8px; } .contactus div select option { color:#333; } .contactus p.fineprint { font-size:11px; } .contactus a.btn-cta { position:static; display:inline-block; margin:0px 0 30px; } .contactus textarea { padding:5px; width:374px; height:109px; border:1px solid #999; background-color:#FFF; color:#999; } .utilitynav-contact div#utilitybottom p { margin-left:30px; } .utilitynav-contact div#utilitybottom p a { margin-right:30px; text-decoration:none; } .utilitynav-contact div#utilitybottom p a:hover { text-decoration:underline; } div#contactterms { margin-left:20px; width:872px; background-color:#FFF; } div#contactterms h2 { margin-bottom:7px; } div#contactterms p { margin-bottom:10px; } div#contactterms div.scrollthis { overflow:hidden; overflow-x:hidden; overflow-y:scroll; margin-bottom:12px; padding-right:10px; padding-bottom:10px; width:100%; height:350px; border-top:3px solid #666; border-bottom:3px solid #666; } div#contactterms h3 { margin-top:18px; margin-bottom:12px; padding-bottom:0; color:#999; } div#contactterms div { margin-bottom:12px; color:#999; } div#contactterms p span.cancel { display:inline-block; padding-top:9px; padding-left:55px; } div#contactterms p span.cancel a { color:#2E82C0; text-decoration:none; font-weight:bold; font-size:14px; } div#contactterms p span.cancel a:hover { text-decoration:underline; } .contactus .contactright div select { width:259px!important; } .contactus .contactright div label { display:inline-block; width:99px; text-align:right; } .contactus .contactright div label[for=messgbox] { display:inline; width:199px; text-align:left; } .contactus div div .inputgroup input[type=radio] { width:16px; } .contactus div.questionpopupouter,.contactus div.questionpopup,.contactus div.othercontact { margin-bottom:0; } /* contactus ERROR states */ .error { border:1px solid #FF2120!important; background:#FFF none; color:#333; } div.errmsg { position:relative; display:none; clear:both; padding:4px 0; } div.errmsg span { color:#FF2120; font-weight:bold; font-size:12px; } .contactus div.errmsg { margin-bottom:0; } .contactus div.errmsg span { margin-left:118px; } .utilitynav-chat a.btn-close-overlay { right:-23px; } a#chat-call, a#chat-contact { display:block; margin-left:20px; padding:6px 20px 3px 18px; width:384px; height:21px; border-bottom:solid 1px #287541; background:url(/assets/img/bkg-green_hash_backgroundloop.png) repeat; text-decoration:none; font-weight:bold; font-size:15px; } a#chat-call:hover, a#chat-contact:hover { text-decoration:none; } a#chat-call { margin-bottom:0; color:#f1ab00; } a#chat-contact { color:#FFF; } /* styles for 'forgot password' screen */ #pwordresetpnl { position:absolute; top:12px; left:12px; padding:0px; width:96%; height:91%; background-color:#FFF; } #pwordresetpnl h3 { margin:14px 0 10px 14px; font-weight:bold; font-size:15px; } #pwordresetpnl p { margin:0px 0 10px 20px; font-size:12px; } #pwordresetpnl p img { } #pwordresetpnl p input { width:127px; } /* styles for the 'forklift' callout section */ #subrightcol-topcallouts { margin:0 37px 10px 33px; padding:20px 0 10px 85px; border-top:2px solid #666; } html.ie7 #subrightcol-topcallouts { background-position:left 26px!important; zoom:1; } #subrightcol-topcallouts a { display:block; float:left; margin:0; padding-right:25px; width:125px; color:#0066b3; line-height:1.4em; } html.ie7 #subrightcol-topcallouts a { padding-top:10px; } #subrightcol-topcallouts a strong { display:block; margin-bottom:12px; color:#1E7C47; color:#676767; text-decoration:none; font-weight:bold; font-size:34px; } #subrightcol-topcallouts a span { padding-right:3px; color:#0066b3; text-decoration:underline; font-weight:bold; } #subrightcol-bottom dl.asteriskfineprint { margin:20px 20px 20px 4px; } #subrightcol-bottom dl.asteriskfineprint dt { display:block; float:left; clear:both; padding-right:4px; width:23px; color:#666; text-align:right; font-weight:bold; font-size:12px; } #subrightcol-bottom dl.asteriskfineprint dd { float:left; width:90%; color:#666; font-size:11px; } #subrightcol-topcallouts { margin:0 37px 10px 33px; padding:20px 0 10px 85px; border-top:2px solid #666; } .lob-forklift { background:url(../../../../13/2013/global/ui/images/pictograms/bkg_green_forklift_matted_white.png) no-repeat left 14px; } .lob-finance { background:url(../../../../13/2013/global/ui/images/pictograms/LOB-Finance_Calculator.gif) no-repeat left 14px; } .lob-humanresources { background:url(../../../../13/2013/global/ui/images/pictograms/LOB-Human_Resources_Crowd.gif) no-repeat left 14px; } .lob-procurement { background:url("../../../../13/2013/global/ui/images/pictograms/lob-procurement.png") no-repeat scroll left 14px transparent; } .lob-it { background:url(../../../../13/2013/global/ui/images/pictograms/LOB-Information_Technology_Phone.gif) no-repeat left 14px; } .lob-manufacturing { background:url(../../../../13/2013/global/ui/images/pictograms/LOB-Manufacturing_Factory.gif) no-repeat left 14px; } .lob-marketing { background:url(../../../../13/2013/global/ui/images/pictograms/LOB-Marketing_Dart.gif) no-repeat left 14px; } .lob-productdevelopment { background:url(../../../../13/2013/global/ui/images/pictograms/LOB-Product_Development_lightbulb.gif) no-repeat left 14px; } .lob-sales { background:url(../../../../13/2013/global/ui/images/pictograms/LOB-Sales_PriceTag.gif) no-repeat left 14px; } .lob-service { background:url(../../../../13/2013/global/ui/images/pictograms/LOB-Service_Bell.gif) no-repeat left 14px; } .lob-supplychain { background:url(../../../../13/2013/global/ui/images/pictograms/LOB-Supply_Chain_Funnel.gif) no-repeat left 14px; } .lob-sustainability { background:url(../../../../13/2013/global/ui/images/pictograms/LOB-Sustainability_Leaf.gif) no-repeat left 14px; } /*==== JQUERY UI CSS FRAMEWORK 1.8.9 ================================================*/ /* Layout helpers----------------------------------*/ .ui-helper-hidden { display:none; } .ui-helper-hidden-accessible { position:absolute !important; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px); } .ui-helper-reset { margin:0; padding:0; outline:0; border:0; list-style:none; text-decoration:none; font-size:100%; line-height:1.3; } .ui-helper-clearfix:after { display:block; visibility:hidden; clear:both; height:0; content:"."; } .ui-helper-clearfix { display:inline-block; } /* required comment for clearfix to work in Opera \\*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); } /* Interaction Cues----------------------------------*/ .ui-state-disabled { cursor:default !important; } /* Icons----------------------------------*/ /* states and images */ .ui-icon { display:block; overflow:hidden; background-repeat:no-repeat; text-indent:-99999px; } /* Misc visuals----------------------------------*/ /* Overlays */ .ui-widget-overlay { position:absolute; top:0; left:0; width:100%; height:100%; } /* Component containers---------------------------------- .ui-widget { font-size:1em; } .ui-widget .ui-widget { font-size:1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size:1em; font-family:Arial, Helvetica, sans-serif; } .ui-widget-content { border:none; } .ui-widget-header { border:1px solid #e78f08; background:#f6a828 url(/assets/img/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color:#ffffff; font-weight:bold; } .ui-widget-header a { color:#ffffff; }*/ /* Interaction states---------------------------------- .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:1px solid #cccccc; background:#f6f6f6 url(/assets/img/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; color:#1c94c4; font-weight:bold; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#1c94c4; text-decoration:none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border:1px solid #fbcb09; background:#fdf5ce url(/assets/img/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; color:#c77405; font-weight:bold; } .ui-state-hover a, .ui-state-hover a:hover { color:#c77405; text-decoration:none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:1px solid #fbd850; background:#ffffff url(/assets/img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; color:#eb8f00; font-weight:bold; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#eb8f00; text-decoration:none; } .ui-widget:active { outline:none; }*/ /* Interaction Cues---------------------------------- .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:1px solid #fed22f; background:#ffe45c url(/assets/img/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color:#363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color:#363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border:1px solid #cd0a0a; background:#b81900 url(/assets/img/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color:#ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color:#ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color:#ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight:bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { font-weight:normal; opacity:.7; filter:Alpha(Opacity=70); } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { background-image:none; opacity:.35; filter:Alpha(Opacity=35); }*/ /* Icons----------------------------------*/ /* states and images .ui-icon { width:16px; height:16px; background-image:url(../../../../13/2013/global/ui/images/icons/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon { background-image:url(../../../../13/2013/global/ui/images/icons/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image:url(../../../../13/2013/global/ui/images/icons/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image:url(../../../../13/2013/global/ui/images/icons/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image:url(../../../../13/2013/global/ui/images/icons/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon { background-image:url(../../../../13/2013/global/ui/images/icons/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon { background-image:url(../../../../13/2013/global/ui/images/icons/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image:url(../../../../13/2013/global/ui/images/icons/ui-icons_ffd27a_256x240.png); } */ /* positioning */ .ui-icon-carat-1-n { background-position:0 0; } .ui-icon-carat-1-ne { background-position:-16px 0; } .ui-icon-carat-1-e { background-position:-32px 0; } .ui-icon-carat-1-se { background-position:-48px 0; } .ui-icon-carat-1-s { background-position:-64px 0; } .ui-icon-carat-1-sw { background-position:-80px 0; } .ui-icon-carat-1-w { background-position:-96px 0; } .ui-icon-carat-1-nw { background-position:-112px 0; } .ui-icon-carat-2-n-s { background-position:-128px 0; } .ui-icon-carat-2-e-w { background-position:-144px 0; } .ui-icon-triangle-1-n { background-position:0 -16px; } .ui-icon-triangle-1-ne { background-position:-16px -16px; } .ui-icon-triangle-1-e { background-position:-32px -16px; } .ui-icon-triangle-1-se { background-position:-48px -16px; } .ui-icon-triangle-1-s { background-position:-64px -16px; } .ui-icon-triangle-1-sw { background-position:-80px -16px; } .ui-icon-triangle-1-w { background-position:-96px -16px; } .ui-icon-triangle-1-nw { background-position:-112px -16px; } .ui-icon-triangle-2-n-s { background-position:-128px -16px; } .ui-icon-triangle-2-e-w { background-position:-144px -16px; } .ui-icon-arrow-1-n { background-position:0 -32px; } .ui-icon-arrow-1-ne { background-position:-16px -32px; } .ui-icon-arrow-1-e { background-position:-32px -32px; } .ui-icon-arrow-1-se { background-position:-48px -32px; } .ui-icon-arrow-1-s { background-position:-64px -32px; } .ui-icon-arrow-1-sw { background-position:-80px -32px; } .ui-icon-arrow-1-w { background-position:-96px -32px; } .ui-icon-arrow-1-nw { background-position:-112px -32px; } .ui-icon-arrow-2-n-s { background-position:-128px -32px; } .ui-icon-arrow-2-ne-sw { background-position:-144px -32px; } .ui-icon-arrow-2-e-w { background-position:-160px -32px; } .ui-icon-arrow-2-se-nw { background-position:-176px -32px; } .ui-icon-arrowstop-1-n { background-position:-192px -32px; } .ui-icon-arrowstop-1-e { background-position:-208px -32px; } .ui-icon-arrowstop-1-s { background-position:-224px -32px; } .ui-icon-arrowstop-1-w { background-position:-240px -32px; } .ui-icon-arrowthick-1-n { background-position:0 -48px; } .ui-icon-arrowthick-1-ne { background-position:-16px -48px; } .ui-icon-arrowthick-1-e { background-position:-32px -48px; } .ui-icon-arrowthick-1-se { background-position:-48px -48px; } .ui-icon-arrowthick-1-s { background-position:-64px -48px; } .ui-icon-arrowthick-1-sw { background-position:-80px -48px; } .ui-icon-arrowthick-1-w { background-position:-96px -48px; } .ui-icon-arrowthick-1-nw { background-position:-112px -48px; } .ui-icon-arrowthick-2-n-s { background-position:-128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position:-144px -48px; } .ui-icon-arrowthick-2-e-w { background-position:-160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position:-176px -48px; } .ui-icon-arrowthickstop-1-n { background-position:-192px -48px; } .ui-icon-arrowthickstop-1-e { background-position:-208px -48px; } .ui-icon-arrowthickstop-1-s { background-position:-224px -48px; } .ui-icon-arrowthickstop-1-w { background-position:-240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position:0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position:-16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position:-32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position:-48px -64px; } .ui-icon-arrowreturn-1-w { background-position:-64px -64px; } .ui-icon-arrowreturn-1-n { background-position:-80px -64px; } .ui-icon-arrowreturn-1-e { background-position:-96px -64px; } .ui-icon-arrowreturn-1-s { background-position:-112px -64px; } .ui-icon-arrowrefresh-1-w { background-position:-128px -64px; } .ui-icon-arrowrefresh-1-n { background-position:-144px -64px; } .ui-icon-arrowrefresh-1-e { background-position:-160px -64px; } .ui-icon-arrowrefresh-1-s { background-position:-176px -64px; } .ui-icon-arrow-4 { background-position:0 -80px; } .ui-icon-arrow-4-diag { background-position:-16px -80px; } .ui-icon-extlink { background-position:-32px -80px; } .ui-icon-newwin { background-position:-48px -80px; } .ui-icon-refresh { background-position:-64px -80px; } .ui-icon-shuffle { background-position:-80px -80px; } .ui-icon-transfer-e-w { background-position:-96px -80px; } .ui-icon-transferthick-e-w { background-position:-112px -80px; } .ui-icon-folder-collapsed { background-position:0 -96px; } .ui-icon-folder-open { background-position:-16px -96px; } .ui-icon-document { background-position:-32px -96px; } .ui-icon-document-b { background-position:-48px -96px; } .ui-icon-note { background-position:-64px -96px; } .ui-icon-mail-closed { background-position:-80px -96px; } .ui-icon-mail-open { background-position:-96px -96px; } .ui-icon-suitcase { background-position:-112px -96px; } .ui-icon-comment { background-position:-128px -96px; } .ui-icon-person { background-position:-144px -96px; } .ui-icon-print { background-position:-160px -96px; } .ui-icon-trash { background-position:-176px -96px; } .ui-icon-locked { background-position:-192px -96px; } .ui-icon-unlocked { background-position:-208px -96px; } .ui-icon-bookmark { background-position:-224px -96px; } .ui-icon-tag { background-position:-240px -96px; } .ui-icon-home { background-position:0 -112px; } .ui-icon-flag { background-position:-16px -112px; } .ui-icon-calendar { background-position:-32px -112px; } .ui-icon-cart { background-position:-48px -112px; } .ui-icon-pencil { background-position:-64px -112px; } .ui-icon-clock { background-position:-80px -112px; } .ui-icon-disk { background-position:-96px -112px; } .ui-icon-calculator { background-position:-112px -112px; } .ui-icon-zoomin { background-position:-128px -112px; } .ui-icon-zoomout { background-position:-144px -112px; } .ui-icon-search { background-position:-160px -112px; } .ui-icon-wrench { background-position:-176px -112px; } .ui-icon-gear { background-position:-192px -112px; } .ui-icon-heart { background-position:-208px -112px; } .ui-icon-star { background-position:-224px -112px; } .ui-icon-link { background-position:-240px -112px; } .ui-icon-cancel { background-position:0 -128px; } .ui-icon-plus { background-position:-16px -128px; } .ui-icon-plusthick { background-position:-32px -128px; } .ui-icon-minus { background-position:-48px -128px; } .ui-icon-minusthick { background-position:-64px -128px; } .ui-icon-close { background-position:-80px -128px; } .ui-icon-closethick { background-position:-96px -128px; } .ui-icon-key { background-position:-112px -128px; } .ui-icon-lightbulb { background-position:-128px -128px; } .ui-icon-scissors { background-position:-144px -128px; } .ui-icon-clipboard { background-position:-160px -128px; } .ui-icon-copy { background-position:-176px -128px; } .ui-icon-contact { background-position:-192px -128px; } .ui-icon-image { background-position:-208px -128px; } .ui-icon-video { background-position:-224px -128px; } .ui-icon-script { background-position:-240px -128px; } .ui-icon-alert { background-position:0 -144px; } .ui-icon-info { background-position:-16px -144px; } .ui-icon-notice { background-position:-32px -144px; } .ui-icon-help { background-position:-48px -144px; } .ui-icon-check { background-position:-64px -144px; } .ui-icon-bullet { background-position:-80px -144px; } .ui-icon-radio-off { background-position:-96px -144px; } .ui-icon-radio-on { background-position:-112px -144px; } .ui-icon-pin-w { background-position:-128px -144px; } .ui-icon-pin-s { background-position:-144px -144px; } .ui-icon-play { background-position:0 -160px; } .ui-icon-pause { background-position:-16px -160px; } .ui-icon-seek-next { background-position:-32px -160px; } .ui-icon-seek-prev { background-position:-48px -160px; } .ui-icon-seek-end { background-position:-64px -160px; } .ui-icon-seek-start { background-position:-80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position:-80px -160px; } .ui-icon-stop { background-position:-96px -160px; } .ui-icon-eject { background-position:-112px -160px; } .ui-icon-volume-off { background-position:-128px -160px; } .ui-icon-volume-on { background-position:-144px -160px; } .ui-icon-power { background-position:0 -176px; } .ui-icon-signal-diag { background-position:-16px -176px; } .ui-icon-signal { background-position:-32px -176px; } .ui-icon-battery-0 { background-position:-48px -176px; } .ui-icon-battery-1 { background-position:-64px -176px; } .ui-icon-battery-2 { background-position:-80px -176px; } .ui-icon-battery-3 { background-position:-96px -176px; } .ui-icon-circle-plus { background-position:0 -192px; } .ui-icon-circle-minus { background-position:-16px -192px; } .ui-icon-circle-close { background-position:-32px -192px; } .ui-icon-circle-triangle-e { background-position:-48px -192px; } .ui-icon-circle-triangle-s { background-position:-64px -192px; } .ui-icon-circle-triangle-w { background-position:-80px -192px; } .ui-icon-circle-triangle-n { background-position:-96px -192px; } .ui-icon-circle-arrow-e { background-position:-112px -192px; } .ui-icon-circle-arrow-s { background-position:-128px -192px; } .ui-icon-circle-arrow-w { background-position:-144px -192px; } .ui-icon-circle-arrow-n { background-position:-160px -192px; } .ui-icon-circle-zoomin { background-position:-176px -192px; } .ui-icon-circle-zoomout { background-position:-192px -192px; } .ui-icon-circle-check { background-position:-208px -192px; } .ui-icon-circlesmall-plus { background-position:0 -208px; } .ui-icon-circlesmall-minus { background-position:-16px -208px; } .ui-icon-circlesmall-close { background-position:-32px -208px; } .ui-icon-squaresmall-plus { background-position:-48px -208px; } .ui-icon-squaresmall-minus { background-position:-64px -208px; } .ui-icon-squaresmall-close { background-position:-80px -208px; } .ui-icon-grip-dotted-vertical { background-position:0 -224px; } .ui-icon-grip-dotted-horizontal { background-position:-16px -224px; } .ui-icon-grip-solid-vertical { background-position:-32px -224px; } .ui-icon-grip-solid-horizontal { background-position:-48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position:-64px -224px; } .ui-icon-grip-diagonal-se { background-position:-80px -224px; } /* Misc visuals----------------------------------*/ /* Corner radius */ .ui-corner-tl { -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; } .ui-corner-tr { -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; } .ui-corner-bl { -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .ui-corner-br { -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; } .ui-corner-top { -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; } .ui-corner-bottom { -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; } .ui-corner-right { -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; } .ui-corner-left { -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .ui-corner-all { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } /* Overlays */ .ui-widget-overlay { background:#666666 url(/assets/img/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity:.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); } .ui-widget-shadow { margin:-5px 0 0 -5px; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#000000 url(/assets/img/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity:.20; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter:alpha(opacity=20); } /** jQuery UI Datepicker 1.8.9** Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/ui/Datepicker#theming*/ .ui-datepicker { display:none; padding:.2em .2em 0; width:17em; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:2px; width:1.8em; height:1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top:1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { position:absolute; top:50%; left:50%; display:block; margin-top:-8px; margin-left:-8px; } .ui-datepicker .ui-datepicker-title { margin:0 2.3em; text-align:center; line-height:1.8em; } .ui-datepicker .ui-datepicker-title select { margin:1px 0; font-size:1em; } .ui-datepicker select.ui-datepicker-month-year { width:100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:49%; } .ui-datepicker table { margin:0 0 .4em; width:100%; border-collapse:collapse; font-size:.9em; } .ui-datepicker th { padding:.7em .3em; border:0; text-align:center; font-weight:bold; } .ui-datepicker td { padding:1px; border:0; } .ui-datepicker td span, .ui-datepicker td a { display:block; padding:.2em; text-align:right; text-decoration:none; } .ui-datepicker .ui-datepicker-buttonpane { margin:.7em 0 0 0; padding:0 .2em; border-right:0; border-bottom:0; border-left:0; background-image:none; } .ui-datepicker .ui-datepicker-buttonpane button { float:right; overflow:visible; margin:.5em .2em .4em; padding:.2em .6em .3em .6em; width:auto; cursor:pointer; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { margin:0 auto .4em; width:95%; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction:rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right:2px; left:auto; } .ui-datepicker-rtl .ui-datepicker-next { right:auto; left:2px; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right:1px; left:auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { right:auto; left:1px; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float:left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position:absolute; /*must have*/ top:-4px; /*must have*/ left:-4px; /*must have*/ z-index:-1; /*must have*/ display:none; /*sorry for IE5*/ width:200px; /*must have*/ height:200px; /*must have*/ filter:mask(); /*must have*/ display/**/ :block; /*sorry for IE5*/ } /* ===== CORPORATE ===== */ #corporate-headerright { position:absolute; top:15px; right:0px; } #corporate-headerright a { display:block; float:left; padding:6px 12px; background:#7a787a; color:#fff; text-decoration:none; } #corporate #nav-main { margin:0 0 10px; } #corporate #nav-main p strong { padding:23 0 0 10px; } #corporate #nav-main ul { position:absolute; top:17px; left:176px; } #corporate #nav-main ul li { margin:0 12px 0 10px; width:auto; } #corporate #nav-main ul li a { width:234px; background:url(../images/ux/icon-bluearrowright.png) no-repeat 227px 6px; } #corporate #nav-main ul li a:hover { background:#00a2de url(../images/ux/icon-whitearrowright.png) no-repeat 225px 6px; } #corporate #nav-main ul li a.on { background:#00a2de url(../images/ux/icon-whitearrowdown.png) no-repeat 227px 7px; } #corporate #subrightcol-promo { height:180px; } #corporate #secondary-hero { background:#fff url(../../../../13/2013/global/ui/images/corp/home/home-hero.png) bottom right no-repeat; } #corporate #secondary-hero #hero-left { width:430px; } #corporate #secondary-hero h1 { color:#222222; } #corporate #content .diagC { background:url(/assets/img/bkg-diaglines-grayC.png) top left repeat; } #corporate p.subrightcol-promotitle { padding:17px 0px; color:#fff; font-weight:bold; font-size:27px; line-height:35px; } /* ===== FIX IMAGE LOCATION ===== */ #cs { overflow-y:scroll; background:url("../../../../13/2013/global/ui/images/home/hero-florist.jpg") no-repeat scroll center top #CFCFCF; font:12px Arial,Helvetica,sans-serif; } #cs #footer, #corporate #footer { position:relative; margin-top:0; width:950px; height:26px; background:url("/assets/img/bkg-footer1.png") repeat scroll 0 0 transparent; } #cs ul#footer-lefttop li, #corporate ul#footer-lefttop li { position:relative; display:inline-block; float:left; padding:6px 40px 2px 0; width:auto; list-style:none outside none; } #cs #worldmap { position:relative; margin:10px 0 0; width:950px; height:498px; border-top:8px solid #F9BC00; background:url("../images/ux/map/bkg-worldmap-master.png") no-repeat scroll 8px 20px #FFFFFF; } #cs #worldmap-right { position:absolute; top:20px; right:20px; width:380px; height:435px; background-color:#ececec; } #cs #corporate-headerright a,#corporate #corporate-headerright a { display:block; float:left; margin-left:1px; padding:6px 12px; background:none repeat scroll 0 0 #0C8BCE; color:#FFFFFF; text-decoration:none; } #cs #corporate-headerright a:hover, #cs #corporate-headerright a.on,#corporate #corporate-headerright a:hover, #corporate #corporate-headerright a.on { display:block; float:left; padding:6px 12px; background:none repeat scroll 0 0 #ffffff; color:#0C8BCE; text-decoration:none; } #subrightcol h3 { margin:0 40px 0 30px; line-height:20px; } lete#subrightcol img.subrightcol-heroimagefloat { display:block; float:left; padding:0 20px 20px 30px; } /*==== AUTO COMPLETE ======*/ .autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 2px; /* IE6 fix:*/ background:url(/assets/img/bkg_select-dropdown-shadow.png) no-repeat bottom right; _background:none; _margin:0; } .autocomplete { overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific:*/ max-height:350px; border:1px solid #999; background:#FFF; text-align:left; cursor:default; _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .ui-autocomplete div { padding:2px 5px; white-space:nowrap; } .ui-autocomplete strong { color:#3399FF; font-weight:normal; } .ui-autocomplete { overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific:*/ max-height:350px; border:1px solid #999; background:#FFF; text-align:left; cursor:default; _height:350px; _margin:0; _overflow-x:hidden; } .ui-autocomplete .selected { background:#F0F0F0; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-menu { display:block; float:left; margin:0; padding:1px; list-style:none; } .ui-menu .ui-menu { margin-top:-3px; } .ui-menu .ui-menu-item { float:left; clear:left; margin:0; padding:0; width:100%; zoom:1; } .ui-menu .ui-menu-item a { display:block; padding:.2em .4em; text-decoration:none; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active { margin:-1px; font-weight:normal; } #subtop #secondary { background-color:#fff; } /* creating a faux-new-button out of their old code */ .cta_nx_reset { clear:both; padding-top:13px; } .cta_nx_reset table td img { display:none; } .cta_nx_reset table td.ButtonDove { padding:0 25px 0 0; background:transparent url(/assets/img/ab/btn-cta-orangeright.png) no-repeat top right; } .cta_nx_reset table td.ButtonDove a { display:block; padding:6px 0 0 14px; height:24px; background:transparent none; background:transparent url(/assets/img/ab/btn-cta-orangeleft.png) no-repeat top left; color:#FFF!important; text-decoration:none; font-weight:bold; font-size:16px; } .cta_nx_reset table td.ButtonDove a:hover { color:#FFF; text-decoration:none!important; } /*==== Logged In dropdown ======*/ #utility.mysapaccount2 { padding:20px; width:215px; height:237px; border-bottom:34px solid #008ecc; } html.ie7 #utility.mysapaccount2 { } #utility.mysapaccount2 h1 { padding-bottom:8px; border-bottom:1px solid #999; color:#0065B3; font-weight:bold; font-size:20px; } #utility.mysapaccount2 ul li { padding:0; border-bottom:1px solid #999; list-style-type:none; font-weight:bold; font-size:13px; } #utility.mysapaccount2 ul li a { display:block; margin:1px -4px; padding:7px 4px; color:#555; text-decoration:none; } #utility.mysapaccount2 ul li a:hover { background:#0065B3; color:#ccc; } #utility.mysapaccount2 ul li a span { color:#0065B3; text-decoration:none; } #utility.mysapaccount2 ul li a:hover span { color:#fff; } #secondary #overlay.utilitynav-buy { top:1px; } #secondary #overlay.utilitynav-buy #subbottom { padding:0; } /* AJ's styles for ByD tables, etc */ table.buying { margin:43px auto; width:98%; border-collapse:collapse; border-top:5px solid #000000; } table.buying thead { border-bottom:1px solid #000000; } table.buying tr.odd td, .buying tr.odd th { background:#f6f6f6; } /*.buying tr.odd .column1 { background:#f4f9fe; } */ table.buying .column1 { background:#f9fcfe; } table.buying td { border-bottom:1px solid #bcbcbc; color:#555555; text-align:left; } table.buying th { padding:4px 0; border-bottom:1px solid #bcbcbc; color:#222222; text-align:left; font-weight:normal; } table.buying thead th { border-right:none; color:#222222; vertical-align:top; text-align:left; } /*.buying tfoot th { text-align:center; background:#f4f9fe; } */ table.buying tbody tr.desc th, .buying tbody tr.desc td { padding:5px 0 12px 3px; border-right:none; border-bottom:none; border-bottom:3px solid #000000; vertical-align:top; font-weight:normal; } table.buying .title { width:22%; border-right:none; vertical-align:top; font-weight:bold; font-size:21px; } table.buying .header { width:30%; border-right:none; font-weight:bold; font-size:14px; } table.buying .from { color:#2a7b44; font-weight:bold; } table.buying .number { font-size:18px; } table.pricing .number { color:#2a7b44; font-weight:bold; font-size:25px; } table.buying thead tr td, .buying thead tr th { padding:5px 0 12px 6px; border-bottom:none; } table.buying .highlighted { background-image:url(/assets/img/background.png); background-position:50% 50%; background-repeat:no-repeat; } .empty { border-bottom:none !important; background:#ffffff; } table.pricing tr td.empty { background:none !important; } table.pricing thead tr th.empty { background:none !important; } .buying tr.odd td.empty, .buying tr.odd th.empty { width:15px; border-bottom:none; background:#ffffff; } .pricing tr.odd td.empty, .pricing tr.odd th.empty { width:15px; border-bottom:none; background:none; } /* ==== FIX PATH ==== */ .highlighted2 { background-image:url(../../../../13/2013/global/ui/css/images/background.png); background-position:50% 50%; background-repeat:no-repeat; } .check { display:block; margin:0 auto; width:8px; height:9px; } #subtop-video-right { display:block !important; /*background-color:#000000 !important; */ float:right; margin:-5px 20px 20px 30px; width:489px !important; height:295px !important; } .subtop-video-left { display:block; float:left; width:360px; height:auto; } .system-requirements { padding:16px 23px; } .system-requirements h2 { margin:0 0 18px 0; color:#565656; font-size:24px; } .system-requirements h3 { margin:15px 0 15px 0; padding-top:8px; border-top:#565656 solid 3px; color:#565656; font-size:16px; } .system-requirements h4 { margin:16px 0 10px 0; color:#676767; font-size:14px; } .system-requirements ul { list-style:outside none; } .system-requirements li { margin:0 20px 5px 20px; padding:0px 0 5px 0; border-bottom:#cdcdcd 1px solid; color:#676767; list-style:outside none; font-size:12px; } .system-requirements li.omega { border-bottom:0 none; } .system-requirements p { color:#676767; font-size:13px; } .sales-on-demand_ul_buy li { margin-left:8px; } .sales-on-demand_ul li { margin-left:8px; } #secondary #content-top .content-4-col { float:left; margin:4px 7px 21px 4px; width:217px; height:auto; } #secondary #content-top .content-4-col .highlight { float:left; margin:0 0 0 28px; padding:118px 0 0; width:211px; background:#00ff42 url("/assets/img/bkg_byd-green-highlight-box.png") no-repeat 0 0; color:#ffffff; } .highlight p { color:#ffffff !important; line-height:17px; } .content-bottom .content-4-col { height:185px; } .buying .btn-cta { margin:10px 0 0 0; } /* styles for AJ/Chris's ByD Guided Tour popup panel */ #overlay.byd-tour { top:9px!important; z-index:51; } #overlay.byd-tour #htb-panel { padding-top:10px; width:930px; } #overlay.byd-tour .tour_wrap { width:919px; height:472px; font-family:Arial, Helvetica, sans-serif; } #overlay.byd-tour .tour_wrap h1 { margin:0 0 15px; font-weight:bold; font-size:24px; } #overlay.byd-tour .tour_content { margin:0 0 20px 0; padding:10px 0 0 0; width:891px; height:311px; border-top:3px solid #000000 !important; border-bottom:1px solid #D7D7D7 !important; } #overlay.byd-tour .tour_choice1 { float:left; padding:20px 10px 10px 10px; width:420px; height:48px; } #overlay.byd-tour .tour_choice1 p { float:left; margin:0 10px 0 41px; font-weight:bold; } #overlay.byd-tour .tour_choice1 #select2 { float:left; } #overlay.byd-tour .tour_choice2 { float:right; padding:20px 10px 10px 10px; width:420px; height:48px; } #overlay.byd-tour .tour_choice2 p { float:left; margin:0 10px 0 20px; font-weight:bold; } #overlay.byd-tour .tour_choice2 #select2 { float:left; } #overlay.byd-tour .tour_wrap img.step1 { } #overlay.byd-tour .tour_wrap h2 { padding:0!important; border-top:none!important; color:#565656!important; font-size:21px!important; } #overlay.byd-tour .tour_wrap h3 { } #overlay.byd-tour .tour_wrap p { } #overlay.byd-tour .tour_wrap #option1,#overlay.byd-tour .tour_wrap #select2 { background-color:#0770c5; color:#fff; } #overlay.byd-tour .tour_wrap .content { float:left; padding:0 20px 0 0; width:380px; } #overlay.byd-tour .tour_wrap .video { float:left; width:519px; } #overlay.byd-tour .tour_wrap ul { display:inline-block; float:left; margin:0; margin:10px 0 0 0; padding:0; list-style:none outside none; font-size:10px; } #overlay.byd-tour .tour_wrap ul li { display:block; float:left; padding:0 11px 0 0; } #overlay.byd-tour .tour_wrap a.leave,#overlay.byd-tour .tour_wrap a.backBtn { float:left; margin:6px 0 0 40px; color:#0066b3; text-decoration:none; font-weight:bold; font-size:12px!important; } #overlay.byd-tour .tour_wrap a.leave_content { float:left; margin:0px 0 10px 0px; width:400px; color:#0066b3; text-decoration:none; font-weight:bold; font-size:12px!important; } /* ORIGINAL - Styles for BOTH 'buy now' and byD 'buying options' */ #overlay.overlay-utility-buy { top:20px; left:-14px; } /*#secondary #overlay.utilitynav-buy { top:1px!important; } -sk 4/27/11 */ #secondary #overlay.utilitynav-buy #subbottom h2 { padding-left:0; border:0 !important; color:#555 !important; font-family:Arial, Helvetica, sans-serif !important; } #overlay.overlay-utility-buy a.utility-nav-highlight { top:-42px; left:570px; background-color:#0066b3; color:#FFF; text-decoration:none; } #overlay.overlay-utility-buy a.utility-nav-highlight span { color:#FFF; } #htb-panel { width:950px; height:500px; background:#fff; } #htb-top { padding:27px 30px; } #htb-bottom { padding:15px 30px 10px; height:169px; background:url(/assets/img/bkg_htb-bottom.png) repeat; } #htb-top-content { float:left; width:608px; } #htb-panel .tri-col { float:left; margin-top:10px; margin-right:24px; width:280px; } #htb-panel .tri-col a.btn-cta { margin:6px 0; } #htb-panel .tri-col-last { float:left; margin-top:10px; margin-right:0px; width:280px; } #htb-bottom .tri-col, #htb-bottom .tri-col-last { border-top:4px solid #666; } #htb-bottom h3 { margin:5px 0 10px; color:#222; font-size:16px; } #htb-bottom a { color:#0066b3; text-decoration:none; } #htb-bottom a:hover { text-decoration:underline; } #htb-panel h2 { margin-bottom:8px; padding-left:0; letter-spacing:.5px; font-weight:bold; font-size:26px; } #htb-panel h3 { margin-bottom:13px; font-weight:bold; font-size:14px; } #htb-panel p { margin-bottom:10px; padding-right:10px; color:#555555; line-height:16px; } #htb-panel p strong { display:block; padding-bottom:17px; color:#555; font-weight:bold; font-size:21px; } a.lm-link { color:#0066b3; text-decoration:none; } a.lm-link span { color:#999; } #htb-panel .cta p { padding:0; } #htb-highlight-right { position:relative; float:right; width:280px; height:270px; background:#236F40; } #htb-highlight-right a.promoB { display:none; padding-top:136px; width:280px; height:276px; color:#fff; text-decoration:none; font-weight:bold; } #htb-highlight-right a.promoB.first { display:block; } #htb-highlight-right p.offer { margin:10px 20px; color:#fff; font-weight:normal; font-size:14px; line-height:16px; } #htb-highlight-right p.offer span { display:inline-block; margin-bottom:10px; color:#f0ab00; letter-spacing:0.5px; font-size:20px; font-family:"BentonSansBold", Arial, sans-serif; line-height:22px; } #htb-highlight-right a p.promoBcta { margin-left:20px; color:#FFF; } #htb-top-content .tri-col.cta p.clearfix { clear:both; } #htb-highlight-right a:hover p.promoBcta { text-decoration:underline; } /* NEW - Styles for BOTH 'buy now' and byD 'buying options' */ #overlay.overlay-utility-buy { top:20px; left:-14px; } /*#secondary #overlay.utilitynav-buy { top:1px!important; } -sk 4/27/11 */ #secondary #overlay.utilitynav-buy #subbottom h2 { font-size:26px !important; padding-left:0; border:0 !important; color:#555 !important; font-family:Arial, Helvetica, sans-serif !important; } #secondary #overlay.utilitynav-buy #subbottom #htb-top-tall { height:555px !important; } #overlay.overlay-utility-buy a.utility-nav-highlight { top:-42px; left:570px; background-color:#0066b3; color:#FFF; text-decoration:none; } #overlay.overlay-utility-buy a.utility-nav-highlight span { color:#FFF; } #htb-panel-tall { width:950px; height:610px; background:#fff; } #htb-top-tall { padding:27px 30px; height:560px; } #htb-bottom-short { padding:15px 30px 10px; height:80px; background:url(/assets/img/bkg_htb-bottom.png) repeat; } #htb-top-content { float:left; width:608px; } #htb-panel-tall .two-col { margin-top:6px; width:430px; } #htb-panel-tall .tri-col { float:left; margin-top:10px; margin-right:20px; width:265px; } #htb-panel-tall .vertical-rule { display:block; float:left; padding-right:25px; width:1px; height:455px; border-left:solid 1px #666; } #htb-panel-tall .tri-col a.btn-cta, #htb-panel-tall .two-col a.btn-cta, #htb-top-tall a.btn-cta { margin:6px 0; } #htb-panel-tall .tri-col-last { float:left; margin-top:10px; margin-right:0px; width:280px; } #htb-panel-tall a { color:#0066b3; text-decoration:none; } #htb-panel-tall a:hover { text-decoration:underline; } #htb-panel-tall strong.small { margin-bottom:-10px; font-size:14px; } #htb-bottom-short .tri-col, #htb-bottom-short .tri-col-last, #htb-bottom-short .two-col { border-top:4px solid #666; } #htb-bottom-short h3.subhead { margin:5px 0 10px !important; color:#222 !important; font-size:14px !important; font-family:Arial, Helvetica, sans-serif !important; } #htb-bottom-short a { color:#0066b3; text-decoration:none; } #htb-bottom-short a:hover { text-decoration:underline; } #htb-panel-tall h2 { margin-bottom:8px !important; padding:0 !important; letter-spacing:.5px !important; font-weight:bold !important; font-size:26px !important; } #htb-panel-tall h3 { margin-bottom:13px !important; color:#5B5B5B !important; font-weight:bold !important; font-size:18px !important; font-family:Arial, Helvetica, sans-serif !important; } #htb-panel-tall p { margin-bottom:10px; padding-right:10px; color:#555555; line-height:16px; } #htb-panel-tall p strong { display:inline-block; padding-bottom:17px; color:#000; font-weight:bold; font-size:16px; } #htb-panel-tall p.call strong { display:inline; float:left; padding-bottom:0 !important; } #htb-panel-tall p.call span { padding-left:4px; } a.lm-link { color:#0066b3; text-decoration:none; } a.lm-link span { color:#999; } #htb-panel-tall .cta p { padding:0; } #htb-highlight { position:relative; float:right; width:280px; height:270px; background:#236F40; } #htb-highlight a.promoB { display:none; padding-top:120px; width:280px; height:167px; color:#fff; text-decoration:none; font-weight:bold; } #htb-highlight a.promoB.first { display:block; } #htb-highlight p.offer { padding:21px 20px; color:#fff; font-weight:normal; font-size:14px; line-height:16px; } #htb-highlight p.offer span { display:inline-block; margin-bottom:10px; color:#f0ab00; letter-spacing:0.5px; font-size:20px; font-family:"BentonSansBold", Arial, sans-serif; line-height:22px; } #htb-highlight a p.promoBcta { margin-left:20px; color:#FFF; } #htb-top-content .tri-col.cta p.clearfix { clear:both; } #htb-highlight a:hover p.promoBcta { text-decoration:underline; } /*aj added 3-30- */ #overlay.byd-tour hr { height:4px; border:0; background-color:#000; color:#000; } #htb-panel h1 { color:#222222; font-size:26px!important; } #htb-panel .content h3 { margin:0; color:#222222; font-size:18px!important; } #htb-panel .content p { color:#555555; font-size:12px; line-height:16px; } .video #subtop-rightcol { float:left; margin:0 0 0 70px; width:190px; } .video #subtop-rightcol h3 { margin:0; padding:15px 0 10px; } .video #subtop-rightcol .ruled-list li { float:none!important; padding:10px 0 10px 0; border-bottom:1px solid #bfbfbf!important; color:#555; list-style:none; font-size:12px!important; } .video #subtop-rightcol .ruled-list li a { color:#0066b3; text-decoration:none; } /*aj added 4-5- */ .unbold { font-weight:normal !important; } a.btn-gen { display:block; padding-top:4px; padding-left:28px; height:19px; background:url(../../../../13/2013/global/ui/images/buttons/btn-gen.png) no-repeat; color:#0066b3; text-decoration:none; font-weight:bold; } .delivery_lower_left { float:left; width:679px; } .delivery_lower_right { float:right; } .tour_rightpadding { margin:0 0 0 100px; } /* registration process insterstitial windows */ #dialog-inner { } #dialog-inner h1,#dialog-inner h2,#dialog-inner h3,#dialog-inner p { margin:0 0 10px 0; padding:0; color:#565656; } html.ie7 #dialog-inner p.clearfix { float:left; clear:both; width:100%; } html.ie7 #dialog-inner p.clearfix a.btn-cta { } html.ie7 #dialog-inner p.clearfix a.btn-cta span { } #dialog-inner table td img { display:none!important; } .interstitialbox { padding:20px; } .interstitialbox h2 { margin:0 0 20px 0; padding-bottom:10px; width:100%; border-bottom:2px solid #565656; color:#565656!important; font-weight:bold; font-size:18px; } .interstitialbox h3 { margin:0 0 20px 0; width:100%; color:#565656!important; font-weight:bold; font-size:16px; } .interstitialbox p { margin:0 0 12px 0; } .interstitialbox ul { margin:0 0 20px 0; padding-left:0; list-style:none; } .interstitialbox li { margin:0 0 7px 0; padding-left:0; border-bottom:#999 solid 1px; list-style:none; font-weight:normal; font-size:12px; } a.btn-gen { display:block; padding-top:4px; padding-left:28px; height:19px; background:url(/assets/img/ab/btn_gen.png) no-repeat; color:#0066b3; text-decoration:none; font-weight:bold; } /* from chris */ #secondary #nav-resource h3 { display:block; clear:both; } #sitemap h2 em { margin:0; color:#000; font-style:normal; font-size:22px; } #error-msg { padding:30px 50px 70px; } #error-msg p { padding:0 0 30px; } #utilitynav-myprofile-menu { position:absolute; top:-25px; left:570px; z-index:150; display:none; } /* correction for buttons on MyProfile information-edit page */ div.ExpandedContent table table td.ButtonDove { padding:10px 0px 0 0; width:160px; } div.ExpandedContent table table td.ButtonDove a.btn-cta { display:inline-block; } div.ExpandedContent table input { background:#FFFFFF none; font-size:12px; } #secondary .byd-news-overlay { z-index:80; margin-top:-17px; } #secondary .byd-news-overlay #subtop { padding-top:38px; } #secondary .byd-news-overlay #subbottom { padding:0px; } html.ie7 #secondary .byd-news-overlay #subbottom { width:100%; zoom:1; } /* mobile-classes for body-tag */ body.iphone { } body.ipad { } body.ipod { } body.android { padding:0 25px 0 95px; } body.android #page { display:block; margin-left:-400px; width:950px; } body.windows-mobile { } body.blackberry { } body.palm { } /* Sales OnDemand from AJ */ .sales-on-demand_ul { padding:1px 2px 15px; width:350px; } .sales-on-demand_ul_buy { padding:1px 2px 15px; width:450px; } .sales-on-demand_siia { min-height:195px !important; } #secondary-hero #hero-left_sod { float:left; width:480px; } #secondary-hero #hero-left_sod h1 { margin-top:56px; padding:0; color:#2C2C2C; font-size:25px; line-height:31px; } /* ==== FIX PATH ==== */ #secondary-hero #hero-right_sod { float:right; width:467px; height:305px; background:url("../../../../13/2013/global/ui/images/promos/Sales_on_demand_hero-right.jpg") no-repeat scroll 0 0 transparent; } /* expandable logos */ #certificate-logos { position:absolute; top:50px; right:10px; margin:10px; padding:5px; } /* New Nav */ #nav-main ul.single-col-nav { width:300px; } /* Omniture */ .mbox_Default { display:block; } .mbox_Alternate, .mbox_Alternate2, .mbox_Alternate3, .mbox_Alternate4, .mbox_Alternate5 { display:none; } /* U1 PARTNER LOGOS */ #hero-left span.partner-logos img { padding:30px 0 0 30px; } #content-bottom.body-partner-logos .img { float:left; padding:20px 10px 0 10px; min-height:90px; width:150px; } #content-bottom.body-partner-logos h2 { border-top:none !important; } #content-top .content-4-col.landing-promo .promo-content > h3 { color:#FFFFFF !important; } html { background:url(/assets/img/ab/bg_html.png) repeat top transparent; } body { background:url(/assets/img/ab/bg_body.png) repeat-x top transparent; font-size:12px; font-family:Arial; } form, fieldset { background:none; } .container { margin:0 auto; width:950px; } .floatleft { float:left; } .floatright { float:right; } .container a { text-decoration:none; } .container a:hover { text-decoration:underline; } .selfclear:after { display:block; visibility:hidden; clear:both; height:0; content:'.'; } .clearfloat { clear:both; margin:0px; padding:0px; height:0px; font-size:0px; line-height:0px; } .hide { display:none; } /* header */ .logo { float:left; margin-top:11px; } .global-links { float:right; padding-top:21px; list-style:none; *width:400px; *text-align:right; } .global-links li { display:inline-block; padding-left:13px; list-style:none; text-align:right; *display:inline; } .global-links li a { color:#fff; font-weight:bold; } .news { position:relative; clear:both; padding-top:10px; } #nav-tierciary { display:block; height:30px; margin: 8px 10px; } html.ie7 #nav-tierciary { zoom:1; } #nav-tierciary li { display:block; float:left; list-style-type:none; margin:0 5px 0px 2px; padding-bottom:3px; } html.ie7 #nav-tierciary li { margin:0 14px; } #nav-tierciary li a { display:block; float:left; color:#007dc2; font-weight:bold; font-size:12px; line-height:22px; text-decoration:none; cursor:pointer; } #nav-tierciary li a span { display:block; float:left; padding:2px 9px 0 9px; } #nav-tierciary li a:hover { color:#000; } #nav-tierciary li a span:hover { } #nav-tierciary li a.on, #nav-tierciary li a.on:hover { color:#ED8001; } #nav-tierciary li a.on:hover { text-decoration:underline; } #nav-tierciary li a.on span { } #nav-tierciary li a.on span:hover { } #nav-tierciary.double li { width:145px; } #nav-tierciary li a.active { color:#ED8001; } /* sap news */ #nav-main-standard { float:left; margin-left:16px; margin-top: 1px; position:relative; z-index:50; display:block; height:92px; /*background:url(/assets/img/ab/bkg-nav-main.png) repeat-x;*/ } #nav-main-standard ul { position:absolute; top:1px; left:0; width:475px; } #nav-main-standard ul li { display:block; float:left; margin:0 15px 2px 0; width:220px; padding-top: 3px; height:21px; border-bottom:1px solid #ddd; list-style:none; } html.ie6 #nav-main-standard ul li { overflow:hidden; } #nav-main-standard ul li a { display:block; margin:0 -3px; padding:3px 5px 3px 4px; width:220px; background:url(/assets/img/ab/icon-bluearrowright.png) no-repeat 212px 6px; color:#222; text-decoration:none; } #nav-main-standard ul li a:hover { background:#00a2de url(/assets/img/ab/icon-whitearrowdown.png) no-repeat 210px 8px; color:#FFF; } #nav-main-standard ul li a.on { background:#00A2DE url(/assets/img/ab/icon-whitearrowdown.png) no-repeat 210px 8px; color:#FFF; } #sap-news { position:absolute; top:9px; right:0px; z-index:50; width:241px; background:url(/assets/img/ab/bkg-newsflyout-secondary.png) top left no-repeat; } #sap-news.on { background-position:top right; } #sap-news h2 a { display:block; padding:0 0 1px 15px; height:25px; color:#222; text-decoration:none; font-size:13px; line-height:25px; } #sap-news p.news-heading a { display:block; padding:0 0 1px 15px; height:25px; color:#222; text-decoration:none; font-size:13px; line-height:25px; font-weight:bold; } #sap-news-wrapper { position:relative; overflow:hidden; padding-left:13px; height:65px; line-height:32px; } .sap-news-wrapper-on { height:288px !important; } #sap-news-wrapper ul { position:absolute; top:0px; left:0px; } #sap-news-wrapper ul li { margin:0 5px 0 7px; border-bottom:1px solid #d3d3d3; list-style:none; font-size:12px; } #sap-news-wrapper ul li a { display:block; overflow:hidden; margin:0; padding:7px 9px 12px; height:65px; color:#222; text-decoration:none; font-size:11px; line-height:13px; } html.ie7 #sap-news-wrapper ul li a { width:95%; } #sap-news-wrapper ul li a:hover { background-color:#ffeccd; } #sap-news-wrapper ul li a span { display:block; color:#0066b3; text-decoration:none; font-size:10px; line-height:15px; } #sap-news-bottom { position:absolute; bottom:1px; left:2px; padding:3px 6px; background:#eee; } #sap-news-bottom a { display:block; float:left; height:20px; background:url(/assets/img/ab/spr-newsoverlaybuttons.png) no-repeat; } #sap-news-bottom a.btn-news-up { width:74px; background-position:0px 0px; } #sap-news-bottom a.btn-news-up:hover { background-position:0px -20px; } #sap-news-bottom a.btn-news-down { width:74px; background-position:-74px 0px; } #sap-news-bottom a.btn-news-down:hover { background-position:-74px -20px; } #sap-news-bottom a.btn-news-reader { margin-left:5px; width:143px; background-position:-149px -20px; color:#fff; text-align:center; text-decoration:none; font-size:11px; line-height:20px; } #sap-news-bottom a.btn-news-reader:hover { background-position:-149px 0px; } body#secondary { background:url(/assets/img/ab/backgrounds/bkg-secondary-main.png) top repeat-x; } #secondary #nav-main ul { position:absolute; top:16px; left:218px; } #secondary #nav-main ul li { width:auto; } #secondary #nav-main ul li a { width:220px; background:url(/assets/img/ab/icon-bluearrowright.png) no-repeat 208px 6px; } #secondary #nav-main ul li a:hover { background:#00a2de url(/assets/img/ab/icon-whitearrowright.png) no-repeat 208px 6px; } #secondary #nav-main ul li a.on { background:#00a2de url(/assets/img/ab/icon-whitearrowdown.png) no-repeat 206px 7px; } #secondary #sap-news.on { background-position:top right; } #secondary #sub { margin-top:10px; padding:0px; background:#fff; } #secondary #sap-news-bottom { padding:3px; } #secondary #sap-news-bottom a.btn-news-up { width:52px; background-position:-10px 0px; } #secondary #sap-news-bottom a.btn-news-up:hover { background-position:-10px -20px; } #secondary #sap-news-bottom a.btn-news-down { width:52px; background-position:-84px 0px; } #secondary #sap-news-bottom a.btn-news-down:hover { background-position:-84px -20px; } #secondary #sap-news-bottom a.btn-news-reader { margin-left:3px; width:124px; } /* footer */ #footer-content {padding-top: 20px; width: 100%; height: auto !important} #footer { position:relative; margin:5px auto 0; width:950px; height:50px; background:url(/assets/img/ab/bkg-footer.png); } #footer.ftr-notfixed { position:relative; } ul#footer-leftbtm { padding-left:10px; } ul#footer-lefttop { padding-left:10px; } ul#footer-lefttop li, ul#footer-leftbtm li { position:relative; display:inline-block; float:left; padding:10px 10px 2px 0px; list-style:none; } ul#footer-lefttop li.short, ul#footer-leftbtm li.short { width:120px; } ul#footer-leftbtm li { padding:4px 10px 0 0; } ul#footer-lefttop li a, ul#footer-leftbtm li a { display:block; float:left; text-decoration:none; font-size:11px; } ul#footer-lefttop li a { color:#fff; font-weight:bold; } ul#footer-leftbtm li a { color:#bbb; font-weight:normal; } ul#footer-lefttop li a:hover, ul#footer-leftbtm li a:hover { text-decoration:underline; } ul#footer-lefttop li#quick-links:hover, ul#footer-lefttop li#quick-links.on { background:#fff; } ul#footer-lefttop li#quick-links:hover a, ul#footer-lefttop li#quick-links.on a { color:#666; text-decoration:none; } ul#footer-lefttop li#quick-links ul { position:absolute; bottom:26px; left:0px; display:none; padding:3px; /*z-index:1001; */ width:289px; background:#fff; cursor:pointer; } ul#footer-lefttop li#quick-links ul li { display:block; float:none; margin:0 2px; padding:1px 0; width:98%; border-top:solid 1px #dededc; } ul#footer-lefttop li#quick-links ul a { display:block; float:none; margin:0 0 0 0; padding:4px 0 4px 7px; width:276px; color:#0165b1; } ul#footer-lefttop li#quick-links ul a:hover { background:none #fbeabf; color:#0165b1; text-decoration:underline; } #footerlink-communities.on { background:#00a2de; } #footer-right { position:absolute; top:10px; right:10px; display:block; text-align:right; } #footer-right h3 { float:right; color:#fff; font-weight:bold; font-size:13px; line-height:16px; } #footer-right h3 a { display:block; float:left; height:20px; text-decoration:none; } #footer-right a#social-network { display:block; width:157px; color:#fff; text-decoration:none; font-weight:bold; line-height:24px; } #footer-right h3 span { padding-left:10px; } #footer-right ul { float:right; } #footer-right ul li { display:inline-block; float:left; margin-right:4px; width:16px; height:16px; } #footer-right ul a span { display:none; } #footer-right ul li a { display:block; float:left; width:22px; height:20px; text-indent:-9999px; } #footer-right .follow { float:right; margin:8px 6px 0 2px; color:#ffffff; font-size:12px; } .social-networks { float:right; margin:5px 4px 0 0; padding:0px 5px 5px 4px; list-style:none outside none; } .social-networks a { display:block; overflow:hidden; width:17px; height:17px; background:url("/assets/img/ab/icon-social-network.png") no-repeat scroll 0 0 transparent; text-indent:-9999em; } .social-networks .youtube { background-position:-20px 0; } .social-networks .facebook { background-position:-40px 0; } .social-networks .twitter { background-position:-60px 0; } /* ######### CSS for Gray Tabs. Remove if not using ######### */ .graytab { height:27px; margin-left:0; margin-bottom:0; font:normal 12px Verdana; list-style-type:none; padding-left:2px; } .graytab li { display:inline; margin:0; } .graytab li a span { float:left; text-align:center; font-weight:bold; font-size:12px; text-decoration:none; color:#007DC2; font-family:Arial, Helvetica, sans-serif; margin-right:20px; padding:6px 9px 3px 9px; cursor:pointer; } .graytab li a span:hover { float:left; text-decoration:none; color:#000; } .graytab li a.selected span { /*selected main tab style */ padding:6px 9px 3px 9px; color:#fff; background:#797979; } /* ------------------------------------------- Expand Menu--------------------------------------- */ .mypets { /*header of 1st demo*/ cursor:hand; cursor:pointer; padding:2px 5px; } .thelanguage { border-bottom:1px solid #999999; display:none; padding-bottom:15px; } .openpet { /*class added to contents of 1st demo when they are open*/ background:#333; } .technology { /*header of 2nd demo*/ cursor:hand; cursor:pointer; margin:10px 0; } .openlanguage { /*class added to contents of 2nd demo when they are open*/ color:#0066B3; font-size:13px; font-weight:bold; } .closedlanguage { /*class added to contents of 2nd demo when they are closed*/ color:#222222; font-size:13px; font-weight:bold; }