#error-page { width: 950px; background-color: #FFF; display: block; position: relative; } #error-content { padding: 20px 20px 0 25px; } #error-page a { text-decoration: none; } #error-page a:hover { text-decoration: underline; } #error-page h2.heading { font-size: 22px; margin: 10px 0 17px 0; clear: both; } #secondary #error-content h2.heading { margin: 50px 0 17px 0; } #error-page h3 { font-size: 14px; margin-bottom: 10px;margin-top: 20px; } #error-page #sitemap-content { margin-left: -10px; margin-top: -30px; width: } #error-content .search-module .search-field-lg, div.search-component input { float: left; margin-right: 8px; height: 30px; width: 551px; font-size: 14px; color: #333; background: url(bkg_forminput_searchresults.png) no-repeat top left; border: 0; line-height: 24px; padding-left: 5px; } #error-page .sitemap-row h2 { font-size: 15px; } #error-page .search-module, div.search-component { background: url(bkg-az-nav.png) repeat; padding: 16px 10px; width: 875px; } div.search-module-404 input[type="submit"] { width: 46px; height: 31px; background: url(btn-search-lg-1.png) no-repeat 0 0; border: none; } div.search-module-404 input[type="submit"]:hover { background-position: 0 -31px; cursor:pointer; } a.btn-search-lg span { display: none; } div.search-component input[type="submit"]{text-indent:-9999px;} .search-module-404 fieldset { height:auto;} /* ===== FOOTER =============================================================================================================== */ #footer { position:relative; clear:both; float:left; margin-top:10px; padding:0 10px 0 10px; height:41px; width:930px; background:#323232; line-height:41px;color:#ffffff;font-family:"΢ÈíÑźÚ"; } #footer .column { float: left; padding-right:25px; font-size: 11px; } #footer .column .single-row { color: #FFF; font-weight: bold; display: block; padding: 6px 0 0 0; } #footer .column .top { color: #FFF; font-weight: bold; display: block; padding: 10px 0 3px 0; } #footer .column .bottom { color: #BBB; display: block; padding-top: 3px; } #footer .column a { text-decoration: none; } #footer .column a:hover { text-decoration: underline; } #footer .column #quick-links a { background:url(icon-quicklinks-caret.png) no-repeat right 12px; padding-right:9px; font-weight:bold } #footer .column #quick-links a.on, #footer .column #quick-links a:hover { background: url(icon-quicklinks-caret-on.png) no-repeat right 12px; } #footer .column #quick-links { position:relative; cursor:pointer; z-index: 100; } #footer .column #quick-links:hover, #footer .column #quick-links.on { background-color:#fff; z-index:99} #footer .column #quick-links:hover a, #footer .column #quick-links.on a { color:#666; text-decoration:none; } #footer .column #quick-links ul { cursor:pointer; position:absolute; bottom:26px; left:0px; background:#fff; width:289px; display:none; padding:3px; /*z-index:1001;*/ } #footer .column #quick-links ul li { display:block; margin:0 2px; padding:1px 0; float:none; border-top:solid 1px #dededc; width:98%; } #footer .column #quick-links ul a { padding:4px 0 4px 7px; margin:0 0 0 0; color:#0165b1; float:none; display:block; width:276px; font-family:"΢ÈíÑźÚ"; } #footer .column #quick-links ul a:hover { color:#0165b1; text-decoration:underline; background:none #fbeabf; font-family:"΢ÈíÑźÚ"; } /* ==== The classes below can be removed once p.4 footer with separate social media icons is implemented ===== */ #footerlink-communities.on { background:#00a2de; } #footer-right { position:absolute; right:10px; top:10px; display:block; text-align:right; } #footer-right h3 { line-height:16px; float:right; font-size: 13px; font-weight: bold; color: #fff; } #footer-right h3 a { display: block; text-decoration:none; height:20px; float:left; } #footer-right a#social-network, #footer-right a#social-network-de, #footer-right a#social-network-fr { display:block; /*width:157px;*/ width:auto; padding-left:94px; line-height:24px; height:24px; background:url(icon-social-network.png) top left no-repeat; color:#fff; text-decoration:none; font-weight:bold; } #footer-right a#social-network-de { background: url(icon-social-network-de.png) top left no-repeat; } #footer-right a#social-network-fr { background: url(icon-social-network-fr.png) top left no-repeat; } #footer-right h3 span { padding-left:10px; } #footer-right ul { float:right; } #footer-right ul li { display: inline-block; height: 16px; width: 16px; margin-right:4px; float:left; } #footer-right ul li a { display: block; float: left; height:20px; width:16px; } #footer-right ul a span { display: none; } a.twitter { background: url(icon-social-network-twitter-email.png) no-repeat; } a.googleplus { background: url(icon-social-network-googleplus-email.png) no-repeat; } a.youtube { background: url(icon-social-network-youtube-email.png) no-repeat; } a.linkedin { background: url(icon-social-network-linkedin-email.png) no-repeat; } a.facebook { background: url(icon-social-network-facebook-email.png) no-repeat; } a.blog { background: url(ico_blog_icon_sm.png) 0 0 no-repeat; } a.scn { background: url(ico_scn_icon_sm.png) 0 0 no-repeat; } /* -- Styles Updated to fix social defect 5256 START -- */ /**1800 fix start**/ .twitter-sm { background:url(icon-social-network-twitter-16x16.png) left 4px no-repeat; } .facebook-sm { background:url(icon-social-network-facebook-16x16.png) left 4px no-repeat; } .youtube-sm { background:url(icon-social-network-youtube-16x16.png) left 4px no-repeat; } .scn-sm { background:url(icon-social-network-scn-16x16.png) left 4px no-repeat; } .linkedin-sm { background:url(icon-social-network-linkedin-16x16.png) left 4px no-repeat; } .googleplus-sm { background:url(icon-social-network-googleplus-16x16.png) left 4px no-repeat; } .blogs-sap-sm { background:url(icon-social-network-blogs-16x16.png) left 4px no-repeat; } .blogs-external-sm { background:url(icon-social-network-blogs-external-grey-16x16.png } .slideshare-sm { background:url(icon-social-network-slideshare-16x16.png } .instagram-sm { background:url(icon-social-network-instagram-16x16.png) left 4px no-repeat; } .pinterest-sm { background:url(icon-social-network-pinterest-16x16.png) left 4px no-repeat; } .weibo-sm { background:url(icon-social-network-weibo-16x16.png) left 4px no-repeat; } .tencent-sm { background:url(icon-social-network-tencent-16x16.png) left 4px no-repeat; } .sohuweibo-sm { background:url(icon-social-network-sohuweibo-16x16.png) left 4px no-repeat; } .youku-sm { background:url(icon-social-network-youku-16x16.png) left 4px no-repeat; } .baidu-sm { background:url(icon-social-network-baidu-16x16.png) left 4px no-repeat; } .email-sm { background:url(icon-social-network-mail-16x16.png) left 4px no-repeat; } .delicious-sm { background:url(icon-social-network-delicious-16x16.png) left 4px no-repeat; } .digg-sm { background:url(icon-social-network-digg-16x16.png) left 4px no-repeat; } .kaixin-sm { background:url(icon-social-network-kaixin-16x16.png) left 4px no-repeat; } .qzone-sm { background:url(icon-social-network-qzone-16x16.png) left 4px no-repeat; } .stumbleupon-sm { background:url(icon-social-network-stumbleupon-16x16.png) left 4px no-repeat; } .tudou-sm { background:url(icon-social-network-tudou-16x16.png) left 4px no-repeat; } .viadeo-sm { background:url(icon-social-network-viadeo-16x16.png) left 4px no-repeat; } .wechat-sm { background:url(icon-social-network-wechat-16x16.png) left 4px no-repeat; } .wordpress-sm { background:url(icon-social-network-wordpress-16x16.png) left 4px no-repeat; } .xing-sm { background:url(icon-social-xing-wordpress-16x16.png) left 4px no-repeat; } .flickr-sm { background:url(icon-social-network-flickr-16x16.png) left 4px no-repeat; } a.twitter-sm, a.flickr-sm, a.facebook-sm, a.youtube-sm, a.scn-sm, a.linkedin-sm, a.googleplus-sm, a.blogs-sap-sm, a.blogs-external-sm, a.slideshare-sm, a.instagram-sm, a.pinterest-sm, a.weibo-sm, a.tencent-sm, a.sohuweibo-sm, a.youku-sm, a.baidu-sm, a.email-sm,a.delicious-sm,a.digg-sm ,a.kaixin-sm,a.qzone-sm,a.stumbleupon-sm,a.tudou-sm,a.viadeo-sm,a.wechat-sm,a.wordpress-sm,a.xing-sm { padding:0 5px 0 20px; line-height:25px !important; } /**1800 fix end**/ /* ===== SUBLEVEL FEATURE ============================================================================================ */ /* Shared Styles */ #secondary #subtop em.login { display: block; clear: both;} #ft-bullet h1.full-width, #secondary #subtop #subft-halfwth-head h1.full-width, #secondary #subtop #subft-cnt-teaser h1.full-width, #secondary #subtop #subft-fullwth-head .left-panel h1.half-width { display: none; } #secondary #subtop #subft-fullwth-head, #secondary #subtop #subft-halfwth-head, #secondary #subtop #subft-cnt-teaser { padding-bottom: 20px; } #secondary #subtop.diag-bkg #subft-fullwth-head .left-panel ul, #secondary #subtop.diag-bkg #subft-halfwth-head .left-panel ul, #secondary #subtop.diag-bkg #subft-cnt-teaser .left-panel ul { list-style:outside none; margin: 10px 0 30px 10px; width: 100%; float: left; } #secondary #subtop.diag-bkg #subft-fullwth-head .left-panel ul li, #secondary #subtop.diag-bkg #subft-halfwth-head .left-panel ul li, #secondary #subtop.diag-bkg #subft-cnt-teaser .left-panel ul 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; } #secondary #subtop #subft-fullwth-head .left-panel ul, #secondary #subtop #subft-halfwth-head .left-panel ul, #secondary #subtop #subft-cnt-teaser .left-panel ul { list-style:outside none; margin: 10px 0 30px 0; width: 100%; float: left; } #secondary #subtop #subft-fullwth-head .left-panel ul li, #secondary #subtop #subft-halfwth-head .left-panel ul li, #secondary #subtop #subft-cnt-teaser .left-panel ul 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; } /* Feature with Bulleted List */ #ft-bullet { display: block; background: #fff; height: auto; max-height:500px; overflow: hidden; /*height: 500px;*/ width: 100%; margin-top:8px; content:"\0020"; } #ft-bullet .left-panel { width: 620px; float: left;padding: 25px 0 30px 30px; } #ft-bullet .left-panel h1.half-width { font-family:"BentonSansRegular", Arial, sans-serif; color:#f0ab00; font-size:30px; } #ft-bullet .left-panel h2 { font-family:"BentonSansRegular", Arial, sans-serif; color:#f0ab00; font-size:22px; } #ft-bullet .left-panel p { padding: 30px 0 20px 0; } #ft-bullet .left-panel a { font-size: 16px; font-weight: bold; color: #0066b3; text-decoration: none; } #ft-bullet .left-panel ul { list-style:outside none; margin: 10px 0 20px 0} #ft-bullet .left-panel ul li { list-style:outside none; padding: 0px 0 5px 0; font-size:12px; margin:0 0 5px 0; border-bottom:#cdcdcd 1px solid; } #ft-bullet .right-panel { float:right; width:211px; padding: 25px 30px 0 0; } #ft-bullet .right-panel img { float:right; padding-bottom: 25px; } /* Sublevel Feature with Full-Width Headline */ #secondary #subtop #subft-fullwth-head .left-panel { float: left; width: 355px; margin-right: 35px; } #secondary #subtop #subft-fullwth-head .left-panel p { width: 355px; } #secondary #subtop #subft-fullwth-head .right-panel { float: right; width: 488px; } /* Sublevel Feature with Half-Width Headline */ #secondary #subtop #subft-halfwth-head .left-panel { float: left; width: 355px; margin-right: 35px; } #secondary #subtop #subft-halfwth-head .left-panel p { width: 355px; } #secondary #subtop #subft-halfwth-head .right-panel { float: right; width: 488px; } /* Sublevel Feature with Contact */ #secondary #subtop #subft-cnt-teaser .left-panel { float: left; width: 580px; padding-right: 60px; } #secondary #subtop #subft-cnt-teaser .left-panel p { width: 580px; } #secondary #subtop #subft-half-cnt-teaser .right-panel { width: 190px; } #subrightcol-promo p.subrightcol-promotitle-static {color: #FFFFFF;font-size: 27px;font-weight: bold;line-height: 35px;padding: 17px 0;} /* ===== BEGIN SPOTLIGHT PREMIUM STYLES ============================================================================================ */ #subrightcol .landing-premium {color: #555; font-size: 12px; line-height: 16px;} #subrightcol .landing-premium p{line-height: 16px;} #spotlight_paragraphpremium {width:405px; float: left; margin-left: -28px;} #spotlight_paragraphpremium p{width:375px;} #spotlight_paragraph_prem{width:570px; float: left; margin-left: -28px;} #subrightcol .landing-premium h3{padding-left: 10px; width:550px; font:Arial; font-size:14px; font-weight: bold; color: #333; line-height: 16px; margin-top: 0px; margin-bottom: 5px;} #spotlight_paragraph_prem p{padding-left: 10px; width:550px;} #premium_photos{width: 148px; float: left; padding-right: 15px;} li.icon-premium { float:left; margin: 0 30px 35px; border-bottom: 1px solid #CCC;} a.spotlight_boldlink{float:right; font-weight: bold; font-size: 14px; font: Arial; height: 40px; width: 374px; line-height: 18px;} a.spotlight_boldlink:hover { text-decoration: underline !important; } a.spotlight_boldlink_single{float:right; font-weight: bold; font-size: 14px; font: Arial; height: 20px; width: 374px; line-height: 18px;} li.icon-premium2{float:left; margin: 0 30px 35px; border-bottom: 1px solid #CCC; margin-top: -20px;} li.icon-premium3{float:left; margin: 0 30px 35px; border-bottom: 1px solid #CCC; margin-top: -20px;} li.icon-premium4{float:left; margin: 0 30px 35px; border-bottom: 1px solid #CCC; margin-top: -20px;} #subrightcol .L1 li {margin:0px 30px 0px 0px !important;} #subrightcol .L5 li {margin:0px 30px 35px 30px !important;} /* == Creating styles for User Groups based on the lines above == */ .landing-premium.user-groups a.spotlight_boldlink { height: auto !important; line-height: 16px; } .landing-premium.user-groups #spotlight_paragraphpremium h3 { padding-left: 0 !important; } /* list within list */ .landing-premium.user-groups ul { padding-left: 30px; } .landing-premium.user-groups ul li { border-bottom: #CDCDCD 1px solid; padding: 5px 0 5px; } /* end list within list*/ li.icon-premium { float:left; margin: 0 30px 20px; border-bottom: 1px solid #CCC;} li.icon-premium:last-child { margin-bottom: 5px; } p.top { text-align: right; font-size: 11px; } p.top a { display: inline-block; background: transparent url("icon-arrow-back-to-top.gif"/*tpa=http://www.sap.com/global/ui/images/icons/icon-arrow-back-to-top.gif*/) no-repeat right center; padding-right: 15px; } ul.anchorlinks { margin-left: 30px; } ul.anchorlinks li { margin-bottom: 5px; } ul.anchorlinks li a { margin-right: 5px; } ul.anchorlinks li a:hover { text-decoration: underline !important; } a.search_arrow { background: url(icon-arrow-16x16.png) no-repeat; display: block; height: 80px; width: 20px; margin-right: 5px; padding: 0px; float: left;} a.search_arrow-lg { background: url(icon-arrow-16x16.png) no-repeat; display: block; height: 80px; width: 25px; margin-right: 3px; padding: 0px; float: left; margin-top: -4px;} a.search_whitepaper { background: url(icon-doc-16x16.png) no-repeat; display: block; height: 80px; width: 20px; margin-right: 5px; padding: 0px; float: left;} a.search_computer { background: url(icon-webcast-16x16.png) no-repeat; display: block; height: 80px; width: 20px; margin-right: 5px; padding: 0px; float: left;} a.search_video { background: url(icon-video-16x16.png) no-repeat; display: block; height: 80px; width: 20px; margin-right: 5px; padding: 0px; float: left;} a.search_press { background: url(icon-rss-16x16.png) no-repeat; display: block; height: 80px; width: 20px; margin-right: 5px; padding: 0px; float: left;} a.search_demos { background: url(icon-demo-16x16.png) no-repeat; display: block; height: 80px; width: 20px; margin-right: 5px; padding: 0px; float: left;} a.search_events { background: url(icon-calendar-16x16.png) no-repeat; display: block; height: 80px; width: 20px; margin-right: 5px; padding: 0px; float: left;} /* END Spotlight Premium Styles */ /* ===== L2 GREEN PROMO STYLES (c9.banner.right.cta) ======================================================================= */ #subrightcol .promo-module { width: 606px; height: 181px; overflow: hidden; background-color: #060; float: left; margin-bottom: 30px; } #subrightcol .promo-module img { position: static; z-index: 0; cursor: pointer; } #subrightcol .promo-module #promo-btns { right: 10px; top: 157px; height:15px;} #subrightcol .promo-module .overlay { background: url(bkg-level2-promo.png) repeat; width: 263px; height: 151px; position: absolute; z-index: 10; padding: 15px 15px; cursor: pointer; } #subrightcol .promo-module .overlay span.title strong { font-family: "BentonSansBold", Arial, Helvetica, San-Serif; display: block; line-height: 25px; letter-spacing: .5px; color: #FFF; font-size: 20px; padding-bottom: 10px; } #subrightcol .promo-module .overlay span.subtitle { color: #FFF; display: block; font-size: 14px; line-height: 16px; position: relative; width: 260px; letter-spacing: 0px; } #subrightcol .promo-module a.promo-area:hover { text-decoration: none; cursor: pointer; } #subrightcol .promo-module .cta-video {background: url(promo-icon-video.png) left 4px no-repeat; position: absolute; top: 125px; left: -15px; padding: 2px 0 6px 35px; color: #FCB913; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 15px; display: block; margin-top: -2px; height: 29px; margin-top: 10px; width: 236px; cursor: pointer; } #subrightcol .promo-module .cta-video:hover { text-decoration: underline; } #subrightcol .static-promo-module {width: 606px;height: 181px;overflow: hidden;float: left;margin-bottom: 30px;} #subrightcol .static-promo-module .overlay-nobkgd { width: 300px; height: 151px; position: absolute; z-index: 10; padding: 17px 30px; display: block; } #subrightcol .static-promo-module .overlay-nobkgd span.title { color: #FFF; font-size: 27px; font-weight: bold; line-height: 35px; } /* below line is used in C9 component in D-template */ .c9 { margin:0px 0 30px !important; height:181px !important; width:606px !important; position:relative !important; } /* == new styles created to accomodate a button within the D temples in ".promoA" == */ span.btn-cta { padding:0 25px 0 0; display:block; font-weight:normal; text-decoration:none; background: url(btn-cta-orangeright.png) no-repeat right top; line-height:30px; float:left; } span.btn-cta span { padding:0 0 0 17px; display: block; color:#FFF; text-decoration:none; background: url(btn-cta-orangeleft.png) no-repeat left top; font-size:14px; cursor: pointer; float:left; line-height:30px; height:30px; } span.btn-cta:hover { background-position:right -30px; text-decoration:none !important; } span.btn-cta:hover span {background-position: left -30px; } .promoA span.btn-cta { position:absolute; bottom:15px; left:15px; } .promo-module a.btn-cta { position:absolute; margin-top:20px } /* --- Buy Now spacing above button, NW ---*/ /* == end *==/ /* ADDITIONAL CSS FOR DISCOVER SOLUTIONS PAGE */ #subleftcol {padding-bottom:0px;} #subleftcol-promo { margin:20px 20px 0px; height:310px; width:280px; position:relative; overflow:hidden;} #promo-box { height:310px; width:280px; position:absolute; } #promo-box-left { height:310px; width:280px; position:relative; } #promo-overlay { position:absolute; left:0px; bottom:0px; padding-top:20px; background-color:#122116; width:280px; height:132px; } #promo-overlay h2 { color:#fff; } #promo-overlay p { color:#fff; margin-bottom:10px; } #promo-overlay a { margin:0 20px 25px; } #subleftcol.solutions #promo-overlay { padding-top:10px; height:164px; } #subleftcol.solutions #promo-overlay a.btn-cta { margin-left:10px; } #subleftcol.solutions #promo-overlay p { margin:12px; color:#fff; } #subleftcol.solutions #promo-overlay h2 { margin:0 12px 0 12px; padding:0; color:#fff; font-family:"BentonSansBold", Arial, sans-serif; font-size:22px; font-weight:bold; line-height:24px; } #subleftcol.solutions #promo-btns { top:288px; right:24px; } #promo-btns a { display:block; font-size:8px; font-weight:bold; text-decoration:none; float:left; color:#fff; margin-right:3px; width:12px; height:12px; line-height:10px; text-align:center; background:#888; } #promo-btns a.on { background:#888 url("bkg-hero-btn-on.gif"/*tpa=http://www.sap.com/etc/designs/sapcom/resources/global/ui/images/backgrounds/bkg-hero-btn-on.gif*/) no-repeat 0 0; } /* ===== ADDITIONAL LINKS ====================================================================================================== */ #subbottom #additional-links { padding: 0 0 10px 16px; clear:both; width: 100%; } #subbottom #additional-links a { color:#2A7B43; text-decoration:none; padding-left:10px; color:#1F6CAC; } #subbottom #additional-links a:hover { text-decoration:underline; } #sub #additional-links #cta-solution { margin: 0 25px 10px 25px; clear:both; } #sub #additional-links .disclaimer { margin: 0 25px 30px 25px; } /* ===== SEARCH RESULTS =================================================================================================== */ ul#search li input.save-result { position: absolute; right:10px; } #bottom-panel { background: none; height: auto; width:937px; padding: 20px 20px 20px 20px; } #bottom-panel .content-4-col_search p { margin-bottom: 15px; line-height: 18px; } #bottom-panel .content-4-col_search a { line-height: 14px; } #bottom-panel .content-4-col_search { float: left; width: 195px; margin-right: 55px; padding-left: 0px; line-height: 18px; margin-bottom:20px;} #bottom-panel .content-4-col_search h3 { border-bottom: 2px solid; line-height: 28px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 8px; } #bottom-panel .content-4-col_search a { text-decoration:none; } /* ===== RESOURCES/ SOLUTION FINDER =================================================================================================== */ #nav-search h3 { width: 190px; } #list-results-thumb li { list-style: none; border-bottom: 1px solid #ddd; padding: 20px 0 20px 10px; clear: both; min-height: 27px; position: relative; } #list-results-thumb p a { color: #247230 !important; } #list-results-thumb ul li img.thumb { position: absolute; right: 40px; top: 80px; } ul#list-results-thumb li input.save-result { position: absolute; right:10px; } #list-results-thumb li img { float: right; margin: 5px 0 30px 75px; width:105px; height:55px; position: absolute; right: 40px; top: 60px; } #list-results-thumb li span { display:block; width:106px; float:right; height:20px; font-size:10px; color:#666; padding-left:19px; padding-top:2px; text-align:left; font-weight:bold; clear:both; } #list-results-thumb li span.icon-play { background:url(ico-vidresult_icon_sm.png) no-repeat; } #list-results-thumb li span.icon-premium { background:url(icon-internal-search-results-premium_sm.png) no-repeat;} #list-results-thumb li span.icon-pdf { background:url(ico_document_sm.png) no-repeat;} #list-results-thumb li span.icon-press { background:url(ico_press_release_icon_sm.png) no-repeat;} #list-results-thumb li span.icon-event { background:url(ico_event_icon_sm.png) no-repeat;} #list-results-thumb li span.icon-webcast { background:url(ico_webcast_computer_icon_sm.png) no-repeat;} #list-results-thumb li span.icon-demo { background:url(ico_demo_pointer_icon_sm.png) no-repeat;} #list-results-thumb li a { color: #0066b3; text-decoration: none; font-size:100%;} #list-results-thumb li h3 { width:500px; margin-bottom:3px; } #list-results-thumb li h3 a { color: #0066b3; text-decoration: none; padding-bottom: 3px; font-size:14px; font-weight:bold; color:#0066b3; width:450px; display:inline; } #list-results-thumb li h3 a span { color: #0066b3; font-size:14px; padding:2px 3px 0 0px; font-size:14px; font-weight:bold; color:#0066b3; width:auto; float:none; display:inline; } #list-results-thumb li h3 a:hover { text-decoration: none; } #list-results-thumb li h3 a:hover span { text-decoration: underline; } #list-results-thumb li p { color: #222; font-weight:normal; margin-bottom:5px; width: 450px; display: inline-block; } #list-results-thumb.searchresultset li img { float:right; cursor:pointer; } #list-results-thumb.searchresultset li a { text-decoration:none; color:#0066b3; } #list-results-thumb.searchresultset li a:hover { text-decoration:none; } #list-results-thumb.searchresultset li a span { text-decoration:none; color:#0066b3; font-size:16px; font-weight:bold; margin-left:0; padding-left:0; background:url(navArrowBlueRight.png) no-repeat right 7px; padding-right:10px; } #list-results-thumb.searchresultset li a span.icon-play { text-decoration:none; color:#0066b3; font-size:12px; font-weight:bold; margin-left:30px; padding-left:25px; background:url(icon-internal-search-results-play.png) no-repeat; } #list-results-thumb.searchresultset li a span.icon-premium { background: url(icon-internal-search-results-premium.png) no-repeat right 3px; padding-right:23px; height:18px; } #list-results-thumb.searchresultset li a:hover span { text-decoration:none; } #list-results-thumb.searchresultset li a:hover span.icon-play { text-decoration:underline; } #list-results-thumb.searchresultset li h3 { margin-left:14px; } #list-results-thumb.searchresultset li p { margin:3px 20px 6px 14px; } #list-results-thumb.searchresultset li.search-highlight { background: transparent url("bkg_featured_li_background.png") repeat; } #list-results-thumb.searchresultset li p a { text-decoration:none; } #list-results-thumb.searchresultset li p a:hover { text-decoration:underline; } #search-list .results-indicator span a { margin: 0 3px !important;} .results-indicator .sort { margin-left: 40px; display: inline-block; float: left; } .results-indicator .sort a { margin: 0 3px; } #list-results-thumb li span, #search li span { display:block; width:106px; float:right; height:20px; font-size:10px; color:#666; padding-left:19px; padding-top:2px; text-align:left; font-weight:bold; clear:both; margin-top: 10px; } #list-results-thumb li span.icon-premium, #search li span.icon-premium { background: url(icon-search-results-premium_sm.png) no-repeat scroll 0 0 transparent; } #search-list .results-indicator span {display: block;float: left;border-right: 1px solid #DDD;text-align: center;padding-right: 4px;padding-left: 4px;text-decoration: none;line-height: 16px;} /* ===== RULED LIST W/ COLUMNS ================================================================================================== */ #subrightcol .ruled-list { margin:20px 0 30px 30px; padding:0px; border-bottom:1px solid #dddddd; list-style:none; line-height:22px; } /*NW 04June */ #subrightcol .ruled-list li { font-weight:normal; border-top:1px solid #dddddd; } #subrightcol .ruled-list li a span { font-weight:bold; padding-left:3px; } #subrightcol .ruled-list a:hover { text-decoration:underline; } #subrightcol .ruled-list.list-3-col { overflow: hidden; border: none; } #subrightcol .ruled-list.list-3-col li { width: 168px; margin-right: 21px; float: left; border-top: none; border-bottom: 1px solid #ddd; } html.ie7 #subrightcol .ruled-list.list-3-col li { width: 162px; margin-right: 20px; } #subrightcol .ruled-list.list-3-col li:nth-child(3n) { margin-right: 0px; } #subrightcol .ruled-list.list-2-col address { margin-bottom:20px; font-style:normal; line-height:16px } /* Created style for Office Directory fix */ #subrightcol .ruled-list.list-2-col { overflow:hidden; border:none; } #subrightcol .ruled-list.list-2-col li { width:263px; margin-right:20px; margin-bottom:20px; float:left; border-top:none; border-bottom:1px solid #ddd; } /* Added margin-bottom for Office Directory fix */ html.ie7 #subrightcol .ruled-list.list-2-col li { width: 253px; margin-right: 20px; } html.ie7 #subrightcol .ruled-list.list-2-col li { width:253px; margin-right:20px; } #subrightcol .ruled-list.list-2-col li:nth-child(2n) { margin-right:0px; } /* Revised classes for l6.list.links to enable vertical listing */ #subrightcol .list-3-col-vert { width: 168px; overflow: hidden; border: none; display: block; float: left; list-style:none; line-height:22px; padding: 0 0 25px 30px; } #subrightcol .list-3-col-vert li { width: 168px; margin-right: 21px; float: left; border-top: none; border-bottom: 1px solid #DDD; } html.ie7 #subrightcol .list-3-col-vert li { width: 162px; margin-right: 20px; } #subrightcol .list-3-col-vert li:nth-child(3n) { margin-right: 0px; } #subrightcol .list-3-col-vert li:hover { text-decoration: underline; } #subrightcol .list-3-col-vert li {margin: 0 30px 0 0px !important;} /* ===== TRAINING SEARCH ================================================================================================== */ /* -- start TRAINING --es-- */ #subleftcol.searchtraining2 .search hr { border-bottom:1px solid #ffff00; margin:10px auto; width:300px; } #subleftcol.searchtraining2 .search fieldset { padding-bottom: 5px; margin-left:15px; position: relative; width:308px; background: url(bkg-search_training.png) no-repeat; } #subleftcol.searchtraining2 .search fieldset label { position: absolute; left: 23px; top: 4px; color: #999;} #subleftcol.searchtraining2 .search fieldset input { float: left; width: 245px; margin: 1px 0px 0px 20px; } #subleftcol.searchtraining2 .search a.btn-cta-sm { float: left; margin-left: 5px; } #subleftcol.searchtraining2 .search fieldset #searchbox-submit { position:absolute; top:0; right:0; width:21px;} /* ===== SUBLEFTCOL GENERIC SEARCH ================================================================================================== */ #subleftcol.genericSearch hr { border-bottom:1px solid #ffff00; margin:10px auto; width:300px; } #subleftcol.genericSearch fieldset { padding-bottom: 5px; margin-left:15px; position: relative; width:308px; background: url(bkg-search_training.png) no-repeat; } #subleftcol.genericSearch fieldset label { position: absolute; left: 23px; top: 4px; color: #000;} #subleftcol.genericSearch fieldset input { float: left; width: 245px; margin: 1px 0px 0px 20px; } #subleftcol.genericSearch fieldset input.search-input { background:none; display: block; width: 250px; border: none; position: relative; margin-left: 5px; top:1px; } #subleftcol.genericSearch a.btn-cta-sm { float: left; margin-left: 5px; } #subleftcol.genericSearch fieldset #searchbox-submit { position:absolute; top:0; right:0; width:21px; } /* ===== BUY NOW ================================================================================================== */ #store-panel-top { height: 320px; border-top: solid 9px #F0AB00; background-color: #FFF; } #store-panel-top .col-single { width: 294px; height: 280px; margin: 20px 30px 20px 20px; float: left; } #store-panel-top .col-double { width: 606px; height: 320px; background: url(bkg-diaglines-grayB.png) repeat; float: left; padding: 0 0; margin: 0 0; } #store-panel-top .col-double .content { width: 253px; float: left; padding: 33px 20px; } #store-panel-top .promo-module { width: 606px; height: 285px; overflow: hidden; background-color: #060; float: left; } #store-panel-top .promo-module img { margin-left: -54px; position: static; z-index: 0; } #store-panel-top .promo-module #promo-btns { right: 15px; top: 270px; } #store-panel-top .promo-module .overlay { background: url(bkg-promo-horizontal-green.png) repeat; width: 263px; height: 245px; position: absolute; z-index: 10; padding: 20px 20px; } #store-panel-top .promo-module .overlay span.title strong { font-family:"BentonSansBold", Arial, Helvetica, San-Serif; display:block; padding-bottom:10px; color:#FFF; font-size:22px; } /* --- Buy Now fix Header to white color, consistent with D template banner, NW ---*/ #store-panel-top .promo-module .overlay span.subtitle { color:white; font-size:14px; font-weight:normal; padding:0 !important; line-height:18px; } /* --- Buy Now fix to remove extra spacing above subtitle, NW ---*/ #store-panel-top .promo-module a.promo-area:hover { text-decoration: none; cursor: pointer; } #store-panel-top .promo-module .overlay .promo-cta { color: #FFF; text-decoration: none; font-weight: bold; font-size: 14px; display: block; padding-top: 20px; } #store-panel-top .promo-module .overlay .promo-cta:hover { text-decoration: underline; } #store-panel-top h1 { font-size: 26px; font-weight: bold; margin-bottom: 8px; letter-spacing: .5px; padding: 0;} #store-panel-top h3, #store-panel-bottom h3 { font-size: 18px;color: #5B5B5B; font-weight: bold; } #store-panel-top a { color:#0066B3; text-decoration:none; } #store-panel-top a:hover { text-decoration:underline; } #store-panel-top .col-single p, #store-panel-bottom .col-single p, #store-panel-bottom .col-single-bkgd p, #store-panel-bottom .col-single-bkgd-last p, #store-panel .col-double p { margin-bottom: 10px; line-height: 16px; color: #555; } #store-panel-top .col-single p.call strong { font-size: 16px; display: inline; float: left; padding-bottom: 0; } a.btn-cta-blue { padding:0 25px 0 0; display:block; font-weight:normal; text-decoration:none; background:url(btn-cta-blueright.png) no-repeat right top; line-height:30px; float:left; } a.btn-cta-blue span, a.profile-btn-cta span { padding:0 0 0 17px; display: block; color:#FFF; text-decoration:none; background: url(btn-cta-blueleft.png) no-repeat left top; font-size:14px; cursor: pointer; float:left; line-height:30px; height:30px; } #store-panel-top .store-bottom { margin-top: 500px; padding: 15px 30px 10px; height: 20px; background: url(bkg-cta-solution.png) repeat } #store-panel-bottom { height: 180px; background-color: #FFF; } #store-panel-bottom .col-single { width: 294px; height: 180px; margin: 0 30px 20px 20px; float: left; } #store-panel-bottom .col-single-bkgd { width: 260px; height: 180px; margin: 0 0 20px 0; float: left; background: url(bkg-diaglines-grayB.png) repeat; padding: 0 20px; } #store-panel-bottom .col-single-bkgd-last { width: 276px; height: 180px; margin: 0 0 20px 0; float: left; background: url(bkg-diaglines-grayB.png) repeat; padding: 0 20px 0 10px; } /* added to correct width of additional resources component */ #store-panel-bottom .col-single .additional-resource {width: 294px;} #store-panel-bottom .col-single-bkgd .additional-resource {width: 260px;} #store-panel-bottom .col-single-bkgd-last .additional-resource {width: 260px;} /* BUY NOW, rotating billboard component */ p.cta-icon-video { background:url(promo-icon-video.png) left 4px no-repeat; left:15px; padding:2px 0 6px 32px; color:#fcb913; font-size:13px; font-weight:bold; text-decoration:none; line-height:15px; display:block; margin-top:-2px; height:29px; margin-top:20px; width:236px; } p.cta-icon-doc { background:url(ico_document_lg.png) left 4px no-repeat; left:15px; padding:2px 0 6px 32px; color:#fcb913; font-size:13px; font-weight:bold; text-decoration:none; line-height:15px; display:block; margin-top:-2px; height:29px; margin-top:20px; width:236px; } p.cta-icon-cart { background:url(promo-icon-cart.png) left 4px no-repeat; left:15px; padding:2px 0 6px 32px; color:#fcb913; font-size:13px; font-weight:bold; text-decoration:none; line-height:15px; display:block; margin-top:-2px; height:29px; margin-top:20px; width:236px; } p.cta-icon-video span, p.cta-icon-doc span, p.cta-icon-cart span { color:#fcb913; text-decoration:none; font-weight:bold; font-size:13px; display:block; padding-top:7px; } /* --- Buy Now fix icon link color to gold and font size 13, consistent with D template banner, NW ---*/ p.cta-icon-video span:hover, p.cta-icon-doc span:hover, p.cta-icon-cart span:hover { text-decoration:underline; } /* ===== SUBRIGHTCOL PROMO STATIC ================================================================================================== */ #subrightcol-promo p.subrightcol-promotitle-static { padding:17px 0px; font-size:27px; font-weight:bold; line-height:35px; color:#fff; } /* ===== SOCIAL COLLABORATION ================================================================================================== */ .hashtag { color: #0FAAFF; font-size: 11px; font-weight: normal; } .hashtag:hover { text-decoration: underline; cursor: pointer; } /* ===== n1.navi.top / GoldBar ============================================================ */ #secondary #nav-main p .hashtag { float: left; clear: both; margin: 2px 0 0 10px; color: #0FAAFF; font-size: 11px; } #secondary #gold-bar-hashtag { background: #F6CD66; padding: 0 10px 6px 10px; margin-top: -4px; } #secondary #page-heading .hashtag { float: right; } #secondary #page-heading h3 { float: left; width: 700px; } /* ===== n1.navi.top / GoldBar REVISED TO MOVE HASHTAG TO RIGHT ============================================================ */ #secondary #gold-bar { min-height:37px; height: auto; background: #F6CD66; color: #222; } #secondary #gold-bar h3 { font-size: 18px; font-weight: bold; padding: 8px 0 0 10px; width: 750px; display: inline-block; } #secondary #gold-bar .social { text-align: right; display: inline-block; vertical-align: top; width: 175px; padding: 11px 10px 0 0; } html.ie7 #secondary #gold-bar h3 { float: left; } html.ie7 #secondary #gold-bar .social { float: right; } /* ===== c6.content.homepage.hero (CommunityVariation) ===================================================== */ #hero .community-news { padding-left: 20px; } html.ie7 #hero .community-news { margin-top: -8px; } #hero h2.community { font-size:26px; line-height:26px; color:#fff; font-family:"BentonSansBold", Arial, sans-serif; text-decoration:none; padding:14px 20px 0 20px; } #hero .hashtag { color: #FFF; font-size: 12px; font-weight: normal; text-decoration: none; display: block; float: left; margin-left: 16px; } #hero .hashtag:hover { text-decoration: underline; cursor: pointer; } p.icon-community-sm { background:url(ico_scn_icon_sm-1.png) left 4px no-repeat; left:15px; padding:2px 0 6px 32px; color:#fcb913; font-size:13px; font-weight:bold; text-decoration:none; line-height:15px; display:block; height: 16px; } p.icon-community-sm span { color: #FFF; font-size: 11px; display: block; float: left; padding-top: 2px; } p.icon { left:15px; padding:2px 0 6px 32px; color:#fcb913; font-size:13px; font-weight:bold; text-decoration:none; line-height:15px; display:block; height: 16px; } p.icon span { color: #FFF; font-size: 11px; display: block; float: left; padding-top: 2px; } .twitter-sm { background:url(icon-social-network-twitter-16x16.png) left 4px no-repeat; } .facebook-sm { background:url(icon-social-network-facebook-16x16.png) left 4px no-repeat; } .youtube-sm { background:url(icon-social-network-youtube-16x16.png) left 4px no-repeat; } .scn-sm { background:url(icon-social-network-scn-16x16.png) left 4px no-repeat; } .linkedin-sm { background:url(icon-social-network-linkedin-16x16.png) left 4px no-repeat; } .googleplus-sm { background:url(icon-social-network-googleplus-16x16.png) left 4px no-repeat; } .blogs-sap-sm { background:url(icon-social-network-blogs-16x16.png) left 4px no-repeat; } .blogs-external-sm { background:url(icon-social-network-blogs-external-grey-16x16.png) left 4px no-repeat; } .slideshare-sm { background:url(icon-social-network-slideshare-16x16.png) left 4px no-repeat; } .instagram-sm { background:url(icon-social-network-instagram-16x16.png) left 4px no-repeat; } .pinterest-sm { background:url(icon-social-network-pinterest-16x16.png) left 4px no-repeat; } .weibo-sm { background:url(icon-social-network-weibo-16x16.png) left 4px no-repeat; } .tencent-sm { background:url(icon-social-network-tencent-16x16.png) left 4px no-repeat; } .sohuweibo-sm { background:url(icon-social-network-sohuweibo-16x16.png) left 4px no-repeat; } .youku-sm { background:url(icon-social-network-youku-16x16.png) left 4px no-repeat; } .baidu-sm { background:url(icon-social-network-baidu-16x16.png) left 4px no-repeat; } .email-sm { background:url(icon-social-network-mail-16x16.png) left 4px no-repeat; } .flickr-sm { background:url(icon-social-network-flickr-16x16.png) left 4px no-repeat; } /* Begin new socal media icons for MOWCMS-1800 */ .wordpress-sm { background:url(icon-social-network-wordpress-16x16.png) left 4px no-repeat; } .xing-sm { background:url(icon-social-network-xing-16x16.png) left 4px no-repeat; } .tudou-sm { background:url(icon-social-network-tudou-16x16.png) left 4px no-repeat; } .kaixin-sm { background:url(icon-social-network-kaixin-16x16.png) left 4px no-repeat; } .qzone-sm { background:url(icon-social-network-qzone-16x16.png) left 4px no-repeat; } .delicious-sm {background:url(icon-social-network-delicious-16x16.png) no-repeat scroll left 4px rgba(0, 0, 0, 0); } .digg-sm { background:url(icon-social-network-digg-16x16.png) left 4px no-repeat; } .stumbleupon-sm { background:url(icon-social-network-stumbleupon-16x16.png) left 4px no-repeat; } .viadeo-sm { background:url(icon-social-network-viadeo-16x16.png) left 4px no-repeat; } .wechat-sm { background:url(icon-social-network-wechat-16x16.png) left 4px no-repeat; } /* End new socal media icons for MOWCMS-1800 */ /* Logo overlay */ .hp-logo { top: 90px; display: block; position: relative; left: 183px; } /* ===== c2.content.column.middle ===================================================== */ .content-4-col p.community-sm {../images/icons/ico_scn_icon_sm.png) left 4px no-repeat; left:0; padding:3px 0 2px 20px !important; font-size: 11px; text-decoration:none; line-height:15px; display:block; height:18px; margin-top:8px; width:236px; margin-bottom: 2px !important; } .content-4-col p.community-sm span { color: #0FAAFF; text-decoration: none !important; font-size: 11px; display: block; font-weight: normal; cursor: pointer; } .content-4-col p.community-sm span:hover { text-decoration: underline; } .content-4-col span { } .content-4-col span .hashtag { color: #0FAAFF !important; text-decoration: none; font-size: 11px; font-weight: normal; line-height: 11px; display: inline-block; padding-bottom: 6px; } .content-4-col span .hashtag:hover { text-decoration: underline !important; cursor: pointer; } .subbottom-col span { text-indent: 27px; } .subbottom-col span .hashtag { color: #0FAAFF !important; text-decoration: none; font-size: 11px; font-weight: normal; margin-top: -6px; } .subbottom-col span .hashtag:hover{ text-decoration: underline !important; cursor: pointer; } p.community-sm { background:url(ico_scn_icon_sm-1.png) left 4px no-repeat; left:0; padding:3px 0 0 18px; color:#999 !important; font-size: 11px; text-decoration:none; line-height:15px; display:block; height:18px; margin-top:18px; width:236px; } p.community-sm span { color: #0FAAFF; text-decoration: none; font-size: 11px; display: block; padding-top: 7px; font-weight: normal; cursor: pointer; } p.community-sm span:hover { text-decoration: underline; } /* ===== c7.content.teaser.community ===================================================== */ #secondary #wecanhelp-promo.community { width:189px; float:left; background: url(bkg_promo-blue.png) no-repeat #0076CB; color:#fff; margin-bottom: 20px;} #secondary #wecanhelp-promo.community h3 { margin:0 10px 14px 15px; font-size:21px !important; color:#fff; border:none; } #secondary #wecanhelp-promo.community p { margin:0px 14px 15px; font-size:12px; color:#fff; padding-left:0; } #secondary #wecanhelp-promo.community li { background: url(bkg_promo-nav-blue.png) repeat; margin-bottom:2px; display:block; color:#f0ab00; font-size:15px; font-weight:bold; list-style-type:none;} html.ie7 #secondary #wecanhelp-promo.community li { zoom:1; } #secondary #wecanhelp-promo.community li.gold { display:block; padding:5px 14px;} #secondary #wecanhelp-promo.community li a { color:#fff; display:block; padding:5px 14px; text-decoration: none; margin-bottom: 2px; } #secondary #wecanhelp-promo.community li a.twitter, #secondary #wecanhelp-promo.community li a.googleplus, #secondary #wecanhelp-promo.community li a.youtube, #secondary #wecanhelp-promo.community li a.linkedin, #secondary #wecanhelp-promo.community li a.facebook, #secondary #wecanhelp-promo.community li a.blog, #secondary #wecanhelp-promo.community li a.scn { color:#fff; display:block; padding:5px 14px 5px 36px; text-decoration: none; margin-bottom: 2px; } #secondary #wecanhelp-promo.community li a:hover, #secondary #wecanhelp-promo.community li a.twitter:hover, #secondary #wecanhelp-promo.community li a.googleplus:hover, #secondary #wecanhelp-promo.community li a.youtube:hover, #secondary #wecanhelp-promo.community li a.linkedin:hover, #secondary #wecanhelp-promo.community li a.facebook:hover, #secondary #wecanhelp-promo.community li a.blog:hover, #secondary #wecanhelp-promo.community li a.scn:hover { color:#f0ab00; } #secondary #wecanhelp-promo.community li a.twitter { background: url(icon-social-network-twitter-email-1.png) 14px 6px no-repeat; } #secondary #wecanhelp-promo.community li a.googleplus { background: url(icon-social-network-googleplus-email-1.png) 14px 6px no-repeat; } #secondary #wecanhelp-promo.community li a.youtube { background: url(icon-social-network-youtube-email-1.png) 14px 6px no-repeat; } #secondary #wecanhelp-promo.community li a.linkedin { background: url(icon-social-network-linkedin-email-1.png) 14px 6px no-repeat; } #secondary #wecanhelp-promo.community li a.facebook { background: url(icon-social-network-facebook-email-1.png) 14px 6px no-repeat; } #secondary #wecanhelp-promo.community li a.blog { background: url(ico_blog_icon_sm-1.png) 14px 6px no-repeat; } #secondary #wecanhelp-promo.community li a.scn { background: url(ico_scn_icon_sm-1.png) 14px 6px no-repeat; } /* ===== c7.content.teaser.community ===================================================== */ a.menu-item { padding: 0 8px; text-decoration: none; color: #333; display: block; clear: both; line-height: 20px; } a.menu-item:hover { text-decoration: underline; } #login-dropdown { background-color: #FFF; color: #333; z-index: 50; position:absolute; display: block; padding-bottom: 2px; } #dropdown-content { display: none;} .dropdown-li { background-color: #FFF; } .dropdown-a { color: #333 !important; } /* ===== SEARCH LIST CUSTOMER TESTIMONIAL ================================================================================================== */ #search-list-ct { float: left; width: 560px; margin-left:25px;} #search-list-ct ul li.document span.iconcontainer span { background: url(bkg_thumbnail_gridded_overlay_document.png) no-repeat 20px 0; } #search-list-ct ul li.video span.iconcontainer span { background: url(bkg_thumbnail_gridded_overlay_video.png) no-repeat 20px 0; } #search-list-ct ul li img { position:relative; z-index:21; margin-top: -57px; margin-left: 0; width:106px; height:55px; } #search-list-ct ul li span.iconcontainer span { position:relative; z-index:22; display:block; width:106px; height:55px; } html.ie7 #search-list-ct ul li.document span.iconcontainer span { margin-left: -20px; } html.ie7 #search-list-ct ul li.video span.iconcontainer span { margin-left: -20px; } #search-list-ct .selections { border-bottom: solid 1px #ddd; padding:0 0 5px 0; margin-bottom: 20px; clear: both; height: 15px;} #search-list-ct .selections ul { margin-bottom: 5px; } #search-list-ct .selections ul li.label { list-style: none; font-weight: bold; } #search-list-ct .selections ul li { display: block; float: left; position: relative; list-style-type:none; margin-right: 10px; } #search-list-ct .selections ul li a { cursor: pointer;} #search-list-ct .selections ul li a span { background: url(btn-remove-selection.png) no-repeat 0 0; display: inline-block; height: 15px; width: 16px; } #search-list-ct .selections ul li a span:hover { background-position: 0 -15px; } #search-list-ct .list-selector2 { width: 546px; margin-left:2px;} #list-results-thumb-ct li { list-style: none; border-bottom: 1px solid #ddd; padding: 20px 0 20px 3px; clear: both; min-height: 27px; position: relative; } #list-results-thumb-ct p a { color: #247230 !important; } #list-results-thumb-ct ul li img.thumb { position: absolute; right: 40px; top: 80px; } ul#list-results-thumb-ct li input.save-result { position: absolute; right:10px; } #list-results-thumb-ct li img { float: right; margin: 5px 0 30px 75px; width:105px; height:55px; position: absolute; right: 40px; top: 60px; } #list-results-thumb-ct li span { display:block; width:106px; float:right; height:20px; font-size:10px; color:#666; padding-left:19px; padding-top:2px; text-align:left; font-weight:bold; clear:both; } #list-results-thumb-ct li span.icon-play { background:url(ico-vidresult_icon_sm.png) no-repeat; } #list-results-thumb-ct li span.icon-premium { background:url(icon-internal-search-results-premium_sm.png) no-repeat;} #list-results-thumb-ct li span.icon-pdf { background:url(ico_document_sm.png) no-repeat;} #list-results-thumb-ct li span.icon-press { background:url(ico_press_release_icon_sm.png) no-repeat;} #list-results-thumb-ct li span.icon-event { background:url(ico_event_icon_sm.png) no-repeat;} #list-results-thumb-ct li span.icon-webcast { background:url(ico_webcast_computer_icon_sm.png) no-repeat;} #list-results-thumb-ct li span.icon-demo { background:url(ico_demo_pointer_icon_sm.png) no-repeat;} #list-results-thumb-ct li a { color: #0066b3; text-decoration: none; font-size:100%;} #list-results-thumb-ct li h3 { width:370px; margin-bottom:3px; } #list-results-thumb-ct li h3 a { color: #0066b3; text-decoration: none; padding-bottom: 3px; font-size:14px; font-weight:bold; color:#0066b3; width:390px; display:inline; } #list-results-thumb-ct li h3 a span { color: #0066b3; font-size:14px; padding:2px 3px 0 0px; font-size:14px; font-weight:bold; color:#0066b3; width:auto; float:none; display:inline; } #list-results-thumb-ct li h3 a:hover { text-decoration: none; } #list-results-thumb-ct li h3 a:hover span { text-decoration: underline; } #list-results-thumb-ct li p.ct { color: #222; font-weight:normal; margin-bottom:5px; margin-left:auto; padding-left:5px; margin-top:12px; width: 380px; display: inline-block; float:left; } #list-results-thumb-ct li p { color: #222; font-weight:normal; margin-bottom:5px; width: 380px; display: inline-block; } #list-results-thumb-ct.searchresultset li img { float:right; cursor:pointer; } #list-results-thumb-ct.searchresultset li a { text-decoration:none; color:#0066b3; } #list-results-thumb-ct.searchresultset li a:hover { text-decoration:none; } #list-results-thumb-ct.searchresultset li a span { text-decoration:none; color:#0066b3; font-size:16px; font-weight:bold; margin-left:0; padding-left:0; background:url(navArrowBlueRight.png) no-repeat right 7px; padding-right:10px; } #list-results-thumb-ct.searchresultset li a span.icon-play { text-decoration:none; color:#0066b3; font-size:12px; font-weight:bold; margin-left:30px; padding-left:25px; background:url(icon-internal-search-results-play.png) no-repeat; } #list-results-thumb-ct.searchresultset li a span.icon-premium { background: url(icon-internal-search-results-premium.png) no-repeat right 3px; padding-right:23px; height:18px; } #list-results-thumb-ct.searchresultset li a:hover span { text-decoration:none; } #list-results-thumb-ct.searchresultset li a:hover span.icon-play { text-decoration:underline; } #list-results-thumb-ct.searchresultset li h3 { margin-left:14px; } #list-results-thumb-ct.searchresultset li p { margin:3px 20px 6px 14px; } #list-results-thumb-ct.searchresultset li.search-highlight { background: transparent url("bkg_featured_li_background.png") repeat; } #list-results-thumb-ct.searchresultset li p a { text-decoration:none; } #list-results-thumb-ct.searchresultset li p a:hover { text-decoration:underline; } #search-list-ct .results-indicator span a { margin: 0 3px !important;} .results-indicator .sort { margin-left: 40px; display: inline-block; float: left; } .results-indicator .sort a { margin: 0 3px; } #list-results-thumb-ct li span, #search li span { display:block; width:106px; float:right; height:20px; font-size:10px; color:#666; padding-left:19px; padding-top:2px; text-align:left; font-weight:bold; clear:both; margin-top: 10px; } #list-results-thumb-ct li span.icon-premium, #search li span.icon-premium { background: url(icon-search-results-premium_sm.png) no-repeat scroll 0 0 transparent; } #search-list-ct .results-indicator span {display: block;float: left;border-right: 1px solid #DDD;text-align: center;padding-right: 4px;padding-left: 4px;text-decoration: none;line-height: 16px;} /* ===== FORM FILTER CUSTOMER TESTIMONIAL ================================================================================================== */ #subrightcol form#form-filter-ct #filter-submit { background: url(btn_fixed_size_apply_filters.png) no-repeat top left; height:24px; width:108px; border:0 none; color:#FFF; padding-left:1px; padding-bottom:4px; cursor:pointer; margin-top:5px; margin-left:245px; } #subrightcol #ct-filter2 { margin:0 30px; padding:10px 0 30px 0; border-top:2px solid #666; height:35px;} #subrightcol #ct-filter2 #filter-region {width:165px; font-size:12px; margin-right: 8px; } #subrightcol #ct-filter2 #filter-country {width:171px; font-size:12px; margin-right: 8px; } html.ie7 #subrightcol #ct-filter2 #filter-country {width:171px; font-size:12px;} #subrightcol #ct-filter2 #filter-companysize {font-size: 12px; } #subrightcol #ct-filter2 #filter-region2 {width:95px; font-size:12px;} #subrightcol #ct-filter2 fieldset {display:inline; padding-left:4px; margin-top:8px; font-size:11px;} #subrightcol #ct-filter2 #Video {margin-left:6px;} #subrightcol #ct-filter2 .page-selector { padding:18px 0 0 0; text-align:right; margin-right: -110px;} #subrightcol #ct-filter2 .page-selector a.btn-prev-page { float:none; display:inline-block; } #subrightcol #ct-filter2 .page-selector a.btn-next-page { float:none; display:inline-block; } #subrightcol #ct-filter2 .page-selector ul { float:none; display:inline-block; } html.ie7 #subrightcol #ct-filter2 .page-selector ul { zoom: 1; display: inline; margin: 0px auto -3px; } #subrightcol #ct-filter2 .page-selector ul li { float:left; } #subrightcol #ct-filter2 .page-identifier { margin-top:18px; } #subrightcol #ct-filter2 .page-views { margin-top:18px; margin-right:0; } html.ie7 #subrightcol #ct-filter .page-views { padding-top: 18px; margin:0 auto; } /* ===== CUSTOM 404 ================================================================================================== */ #search-module-leftcol { width:680px; float:left; padding-right:20px; margin-bottom:50px; } #search-module-leftcol p { padding-right:20px; } #search-module-leftcol p span { font-weight:bold; } #search-module form#404 { width:500px; } #search-module-rightcol {float:left; width:190px;} #search-module-rightcol p {padding:0 !important;} #search-module-rightcol h3 {padding:15px 0 10px 0; font-size:14px; border-bottom:2px solid #000;} #search-module-rightcol .ruled-list { margin: 5px 0 30px 0;} #search-module-rightcol .ruled-list li {padding:10px 0 4px 0; list-style:none; color:#555; font-size:12px; border-bottom:1px solid #bfbfbf;} #search-module-rightcol .ruled-list li a {color:#0066b3; text-decoration:none;} #error-page .search-module-404 { background: url(bkg-az-nav-1.png) repeat; padding: 16px 10px; width: 630px; margin-bottom:50px; } #error-content .search-module-404 .search-field-lg { float: left; margin-right: 8px; height: 30px; width: 551px; font-size: 14px; color: #333; background: url(bkg_forminput_searchresults-1.png) no-repeat top left; border: 0; line-height: 24px; padding-left: 5px; } /* ===== PAGE TOOLS ================================================================================================== */ #page-tools-hero { position:relative; display:block; width:100%; z-index:1; height:20px; } #page-tools-hero ul.page-tools { padding:0px 0px 10px 25px; clear:both; } #page-tools-hero ul.page-tools.fl-right { width:100%; margin-right:0px; } #page-tools-hero .compare ul.page-tools.fl-right { width:100%; margin-right:30px; } #page-tools-hero ul.page-tools.fl-right li { display:inline; margin-right:0px; padding-right:0px; } #page-tools-hero ul.page-tools.fl-right li.save a { } #page-tools-hero ul.page-tools.fl-right li.save { display:inline; float:right;} #page-tools-hero ul.page-tools.fl-right li.addThisLI { width:167px; margin:0px; padding-right:0px; } #page-tools-hero ul.page-tools.fl-right li.addThisLI div.addthis_toolbox.addthis_default_style { width:auto; margin-right:-15px;} ul.page-tools.fl-right li.addThisLI div.addthis_toolbox.addthis_default_style { margin-right:-40px; } #page-tools-hero ul.page-tools.fl-right span.addthis_share { color: #0066B3; } #page-tools-hero div.addthis_toolbox.addthis_default_style { width:auto; } #page-tools-hero ul.page-tools.fl-right div.custom_images { width:180px; margin-right:0px; padding-right:0px;} #page-tools-hero ul.page-tools li { list-style:none; line-height:18px; float:left; display:block; padding-left:0px; margin-right:0px; height:25px; border-bottom: none; } #page-tools-hero ul.page-tools li.save { background:url(icon-save-tac.png) no-repeat 0 0; background-position: top right; width:auto; margin-right:10px; padding-right:18px;} #page-tools-hero ul.page-tools li.saved { background:url(ico_savED_checkmark_icon_matted_white.png) no-repeat 0 0; background-position: top right; width:52px; margin-right:10px; } #page-tools-hero ul.page-tools li.count { margin-left:10px; } #page-tools-hero ul.page-tools li.like { background:url(icon-fb-like.png) no-repeat 0 0; } span.share { color:#666; font-size:12px; float:left; } span.addthis_share { color:#0066B3; font-size:12px; margin-right:5px } #page-tools-hero ul.page-tools li a { color:#000000; font-size:11px; text-decoration:none; } #page-tools-hero ul.page-tools li a:hover { text-decoration:none; } #page-tools-hero ul.page-tools li a span { padding-left:2px; color:#000; font-size:10px; font-weight:normal; } #page-tools-hero ul.page-tools li a:hover span { text-decoration:none; font-weight:normal; } #page-tools-hero ul.page-tools div.custom_images { width:180px; } #page-tools-hero ul.page-tools div.custom_images_2icon { width:120px; } .page-tools { padding:0px 25px 10px 25px; clear:both; } .page-tools li { list-style:none; line-height:18px; float:left; display:block; padding-left:0px; margin-right:0px; height:25px; border-bottom:none; } .page-tools li.save { background:url(icon-save-tac.png) no-repeat 0 0; background-position: top right; width:auto; margin-right:10px; padding-right:18px; } .page-tools li.saved { background:url(ico_savED_checkmark_icon_matted_white.png) no-repeat 0 0; background-position: top right; width:auto; margin-right:10px; padding-right:18px;} .page-tools li.count { margin-left:10px; } .page-tools li.like { background:url(icon-fb-like.png) no-repeat 0 0; } .page-tools li.share { } span.addthis_share { margin-right:5px } .page-tools li a { color:#0066b3; font-size:12px; text-decoration:none; font-weight:normal; } .page-tools li a:hover { text-decoration:none; font-weight:normal; } .page-tools li a span { padding-left:2px; color:#000; font-size:10px; font-weight:normal; } .page-tools li a:hover span { text-decoration:none; font-weight:normal; } .page-tools div.custom_images { width:180px; } .page-tools div.custom_images_2icon { width:120px; } .page-tools .addthis_counter {margin-left: 2px;} /* ===== COMMUNITY HUB SOCIAL ================================================================================================== */ /* -- Styles Updated to fix social defect 1382 START -- */ #CommunityHubSocial { padding-top:30px; width:344px; } /* -- Styles Updated to fix social defect 1382 END -- */ #CommunityHubTopRated { width:575px; height:200px; overflow:scroll; overflow-x:hidden; padding-top:0px; } #CommunityHubTopRated ul { margin-left:30px; margin-right:30px;} #CommunityHubTopRated ul li { margin-bottom:20px;} #CommunityHubFeed { width:545px; height:auto; padding:20px 30px; } #CommunityHubFeed table.table-sociallist { margin-top:0px; padding-top:0px; } a.twitter-addthis { background: url(ico_right-single-arrow_sm.png) no-repeat; display: block; height: 60px; width: 20px; margin-right: 5px; padding: 0px; float: left;} #subrightcol-bottom h2.communityhub-heading { padding-top:35px; } .disable_sectionheader {color: #CCCCCC;border-top: 4px solid #CCCCCC;} /* ===== COMMUNITY HUB SOCIAL Added below line to display section heading properly =========================================== */ #subrightcol-bottom #communityhub-heading h2 { padding-top:62px; } div.communityhub-heading #navigationheader p b { font-size:14px; font-weight:bold; color:#333; } /* ===== CUSTOMER TESTIMONIAL RESULTS ============================================================================================ */ #ct-results_photos {width: 148px; float: right; padding-right: 15px;} #subrightcol .ct-results {color: #555; font-size: 12px; line-height: 16px; width:560px; margin-left:28px; margin-top:25px;} #subrightcol .ct-results #spotlight_paragraphpremium p {line-height: 16px; margin-top:0px; height:auto;} #subrightcol .ct-results li {margin-top:15px; margin-bottom:20px;} #subrightcol .ct-results #spotlight_paragraphpremium a.spotlight_boldlink {margin-top:0px; margin-bottom:10px; height:auto;} #subrightcol .ct-results #spotlight_paragraphpremium a:hover { text-decoration:underline;} #subrightcol .ct-results h3{padding-left: 10px; width:550px; font:Arial; font-size:14px; font-weight: bold; color: #333; line-height: 16px; margin-top: 0px; margin-bottom: 0px;} a.premium_arrow_left { display:inline; margin-left:30px; margin-right:0px; margin-top: 0px; width:140px; background: url(ico_right-single-arrow_sm.png) no-repeat; display: block; height: 20px; padding-left: 20px !important; padding-top: 0px !important; text-decoration: none; font-weight: bold !important; color: #0066b3; float:left; } a.premium_arrow_right { display:inline; margin-right:0px; margin-top: 0px; width:140px; background: url(ico_right-single-arrow_sm.png) no-repeat; display: block; height: 20px; padding-left: 20px !important; padding-top: 0px !important; text-decoration: none; font-weight: bold !important; color: #0066b3; float:right; } #subrightcol-bottom .list-selector2 {margin-left:30px;} #subrightcol-bottom .list-selector_search {margin-left:30px;} #subrightcol-bottom .results-indicator span {display: block;float: left;border-right: 1px solid #DDD;text-align: center;padding-right: 4px;padding-left: 4px;text-decoration: none;line-height: 16px;} #subrightcol-bottom .results-indicator span a:hover {text-decoration:underline; } /* === NEW SOLUTIONS PAGE === */ .solutions-wrap { width: 950px; padding: 0; } #subbottom.solutions ul.user-actions { position: absolute; left: 340px; top: 470px; } #subleftcol.solutions { background-color: #fff; padding: 15px 0 20px; } #subleftcol.solutions .promo { display: block; position: relative; height: 310px; width: 280px; margin: 0 20px 0; background-color: #122116; } #subleftcol.solutions .promo .image { display: block; height: 136px; overflow: hidden; } #subleftcol.solutions .promo .content { background-color: #122116; overflow: hidden; z-index: 199; } #subleftcol.solutions .promo .content h3 { margin: 10px 13px; padding: 0; color: #fff; font-family: "BentonSansBold", Arial, sans-serif; font-size: 22px; font-weight: bold; line-height: 24px; } #subleftcol.solutions .promo .content p { color: #fff; margin: 0 13px 10px; } #subleftcol.solutions .promo .content p a.cta { color: #f4a201; font-weight: normal; line-height: 26px; } #subleftcol.solutions .promo .content a.btn-cta { margin: 0 13px 10px; } #subrightcol.solutions { padding: 15px 0px 20px; } #subrightcol.solutions h2 { padding: 0; } #subrightcol.solutions h2 a { color: #2d2d2d; } #subrightcol.solutions h2 a:hover { text-decoration: underline; } #subrightcol.solutions .left { float: left; width: 55%; } #subrightcol.solutions .right { float: right; width: 45%; } #subrightcol.solutions ul { padding-left: 50px; margin-bottom: 12px; position: relative; } .ie7 #subrightcol.solutions ul { padding-left: 50px; margin-bottom: 0px; position: relative; overflow: hidden; } #subrightcol.solutions ul li.icon { height: 0px; line-height: 0; border: solid: 1 red; } #subrightcol.solutions ul li.icon img{ position: absolute; margin: 0; padding: 0; } #subrightcol.solutions ul.business-apps li.icon img { left: 11px; top: 0px; } #subrightcol.solutions ul.data-and-tech li.icon img{ left: 9px; top: -2px; } #subrightcol.solutions ul.analytics li.icon img { left: 8px; top: 0px; } #subrightcol.solutions ul.cloud li.icon img{ left: 10px; top: -5px; } #subrightcol.solutions ul.mobile li.icon img { left: 14px; top: 0px; } #subrightcol.solutions li h2 span { color: #0066B3; } #subrightcol.solutions li { line-height: 17px; } #subrightcol.solutions li a:hover { text-decoration: underline; } /* MOWCMS-1684 Discover Solutions template - incorrect left nav display */ #subleftcol.solutions h1 { font-size: 16px; padding: 0; margin: 0 20px; line-height: 16px; margin-bottom: 4px; font-family: Arial, Helvetica, sans-serif; } #subleftcol.solutions h2 { font-size: 16px; padding: 0; margin: 0 20px; line-height: 16px; margin-bottom: 4px; font-family: Arial, Helvetica, sans-serif; } #subleftcol.solutions ul { border: none; margin-bottom: 10px; } #subleftcol.solutions ul li { overflow: hidden; border: none; } #subleftcol.solutions ul li a { float: left; padding: 0; line-height: 20px; width: 100%; } #subleftcol.solutions ul li a:hover { border: none; background-color: #fff; } #subleftcol.solutions ul li span { float: right; color: #0066B3; } /* -- SUBLEFTCOL PROMOS -- */ #subleftcol div.promo { display:block; position:relative; height:310px; width:280px;} #subleftcol div.promo div.promoL { display:none; position:absolute; top:0px; left:0px; height:310px; width:280px; cursor:pointer; text-decoration:none; } #subleftcol div.promo div.promoL.first { display:block; } /* -- A TO Z PAGES WITHOUT EXPAND COLLAPSE -- */ #atoz-list-noexpand li { list-style: none; clear:both; } #atoz-list-noexpand { margin-right: 20px; margin-left: 20px; } #atoz-list-noexpand ul { zoom:1; list-style:outside none; } #atoz-list-noexpand .atoz-list dl dd { padding: 0px 76px 10px 17px; border-bottom: solid 1px #ddd; height:auto; overflow:visible; line-height:22px; } #atoz-list-noexpand .atoz-list dl dt a { background-image:none; display: block; padding:6px 0 0 17px; font-weight: bold; text-decoration: none; margin-bottom: 5px; font-size:12px; color:#0066B3; } #atoz-list-noexpand .atoz-list dl dt span { background-image:none; display: block; padding:6px 0 0 17px; font-weight: bold; text-decoration: none; margin-bottom: 5px; font-size:12px; color:#333; } #atoz-list-noexpand .atoz-list dl.on dt a { background-image:none; color:#0066B3; font-size:12px; } #atoz-list-noexpand .atoz-list dl dt a:hover, #atoz-list-noexpand .atoz-list dl.on dt a:hover { text-decoration: underline; } .atoz-search { margin-left:780px; height: 40px; } .atoz-search fieldset { padding: 3px 6px; } .atoz-search .search fieldset .search-input { background:none; display:block; width:129px; border:none; font-size:12px; position:absolute; left:780px; top:40px; /* IE 8 and below only */top:40px\9; } .atoz-search .atozsearch fieldset .search-input { background:none; display:block; width:129px; border:none; font-size:12px; position:absolute; left:780px; top:74px; /* IE 8 and below only */top:40px\9; } #communitySection { margin-top:28px !important; } #CommunityHubTopRated ul { margin:0 !important; padding:0 !important; } #CommunityHubTopRated ul li { margin-left:33px !important; margin-bottom: 20px !important; } #subrightcol .c99 .btn-cta { margin-top:15px; } #multinkstyle a { margin-bottom:5px; } a.premium_arrow { margin-top: 10px; background: url(ico_right-single-arrow_sm.png) no-repeat; display: block; height: 20px; padding-left: 20px !important; padding-top: 0px !important; text-decoration: none; font-weight: bold !important; color: #0066b3; } a.premium_document { margin-top: 10px; background: url(ico_document_sm.png) no-repeat; display: block; height: 20px; padding-left: 20px; padding-top: 0px; text-decoration: none; font-weight: bold; color: #0066b3; } a.premium_play { margin-top: 10px; background: url(ico-vidresult_icon_sm.png) no-repeat; display: block; height: 20px; padding-left: 20px !important; padding-top: 0px !important; text-decoration: none; font-weight: bold !important; color: #0066b3; } /* Added for Twitter componet header and footer, as no provision provided for these in the script*/ #twtr-feed { padding-right: 20px; } .twtr-ft { position: relative; } .twtr-ft div { background: none repeat scroll 0 0 #CCCCCC; overflow: hidden; padding: 10px; } .twtr-ft a { display: block; float: left; } .twtr-ft img { height: 16px; min-height: 16px !important; min-width: 18px !important; width: 18px; } .twtr-ft span { float: right; text-align: right; } .twtr-ft span a { font-weight: bold; } .twtr-ft span a:hover { text-decoration: underline; } .twtr-hd { background: none repeat scroll 0 0 #CCCCCC; overflow: hidden; padding: 10px; position: relative; } .twtr-bd { border-left: 10px solid #CCCCCC; border-right: 10px solid #CCCCCC; } .twtr-img img { height: 30px; min-height: 30px !important; min-width: 30px !important; width: 30px; } /*Rotating banner button or link*/ .bannerrotating a { color:#F0AB00 !important; position:absolute; } #secondary .content-4-col p.icon { height: 18px; font-weight: normal; left: 0; padding: 4px 0 4px 20px !important; font-size: 11px; text-decoration: none; color: #999 !important; margin-bottom: 0 !important; } /*NW begin fix */ /* ===== LANDING PAGE FEATURE ============================================================================================ */ /* Sublevel Feature with Full Width Image */ #secondary-hero-fullimage { height:305px; width:950px; } #secondary-hero-fullimage #hero-left { position: absolute; z-index: 33; float:left; padding:20px 0 25px 30px; width:436px; height: 185px; background:url(bkg-overlay-white.png) repeat; margin-top: 20px; } #secondary-hero-fullimage .noBkgd { background:none !important } #secondary-hero-fullimage #hero-left .benton { font-family:"BentonSansBold", Arial, sans-serif; } #secondary-hero-fullimage #hero-left h1 { font-size:28px; line-height: 28px; color:#000; } #secondary-hero-fullimage #hero-left p { font-size:12px; color:#000; padding:15px 40px 10px 0 !important; } #secondary-hero-fullimage #hero-left a { font-size:16px; font-weight:bold; color:#0066b3; text-decoration:none; } #secondary-hero-fullimage #hero-left a:hover { text-decoration:underline; } #secondary-hero-fullimage #hero-image { position: absolute; z-index: 0; } #secondary-hero-fullimage #hero-left #page-tools-hero { position: absolute; bottom: 15px; right: -10px; } /*NW 04June */ html.ie7 #secondary-hero-fullimage #hero-left #page-tools-hero { position: absolute; bottom: 6px; right: 5px; } #secondary-hero-fullimage #hero-left #page-tools-hero .save a { font-size: 12px !important; font-weight: normal; } #secondary-hero-fullimage #hero-left #page-tools-hero .share { padding-right: 4px; } /* Rotating Banner shared - left side */ #secondary-hero-half-rotate { background-color: #FFF;} #secondary-hero-half-rotate #hero-left { float:left; width: 453px; position:absolute;} #secondary-hero-half-rotate #hero-left .benton { font-family:"BentonSansBold", Arial, sans-serif; clear:left;} #secondary-hero-half-rotate #hero-left a { font-size:16px; font-weight:bold; color:#0066b3; text-decoration:none; } #secondary-hero-half-rotate #hero-left a:hover { text-decoration:underline; } /* Rotating Banner for U1 only - left side */ #page-content #secondary-hero-half-rotate { } /*NW 04June */ #page-content #secondary-hero-half-rotate #hero-left { padding:30px; } #page-content #secondary-hero-half-rotate #hero-left h1 { font-size:28px; line-height: 32px; color:#F0AB00; } #page-content #secondary-hero-half-rotate #hero-left p { font-size:12px; color:#000; padding:10px 40px 0 0; } /* Rotating Banner for U2 only - left side */ #subtop #secondary-hero-half-rotate #hero-left {width:400px; padding:0 !important; } /*NW 04June */ #subtop #secondary-hero-half-rotate #hero-left h1 { font-size:25px; line-height:31px; color:#2c2c2c; padding: 0 0 15px 10px; margin-top:-5px; } #subtop #secondary-hero-half-rotate #hero-left p { font-size:12px; color:#666; padding: 0 10px 15px; } #subtop #secondary-hero-half-rotate #hero-left a { margin: 0 0px 15px;} #subtop #secondary-hero-half-rotate #hero-left ul {list-style: none outside none; margin: 10px 0 10px 10px;} #subtop #secondary-hero-half-rotate #hero-left li {border-bottom: 1px solid #CDCDCD; color: #676767; font-size: 12px; list-style: none outside none; margin: 0 20px 5px 0; padding: 0 0 5px;} /* Rotating Banner shared - right side */ #secondary-hero-half-rotate #hero-image .overlay { position: absolute; z-index: 33; padding:20px 0 25px 30px; width:436px; height: 185px; background:url(bkg-overlay-white.png) repeat; margin-top: 20px; } html.ie7 #secondary-hero-half-rotate span.btnPlay { cursor: hand; } #secondary-hero-half-rotate #hero-image .content-overlay { position: absolute; display:block; float: right; width: 215px; top: 24px; right: 0; padding:20px; } #secondary-hero-half-rotate #hero-image .content-overlay h3 { font-size: 17px; font-weight: normal; padding-bottom: 10px; line-height: 23px; } #secondary-hero-half-rotate #hero-image .content-overlay h3 span { font-weight: normal; } #secondary-hero-half-rotate #hero-image .white { background:url(bkg-overlay-white.png) repeat; color: #000; } #secondary-hero-half-rotate #hero-image .black { background:url(bkg-overlay-black.png) repeat; color: #FFF; } #secondary-hero-half-rotate #hero-image { position: absolute; z-index: 0; right:0; } /* Rotating Banner shared - Save Share */ #secondary-hero-half-rotate #hero-left #page-tools-hero { position: absolute; bottom: 0px; right: 476px; } html.ie7 #secondary-hero-half-rotate #hero-left #page-tools-hero { position: absolute; top: 408px; right: 476px; } #secondary-hero-half-rotate #hero-left #page-tools-hero .save a { font-size: 12px !important; font-weight: normal; } #secondary-hero-half-rotate #hero-left #page-tools-hero .share { padding-right: 4px; } #secondary-hero-half-rotate div.video-page-tools{ width:95%; right:30px!important;top:260px;} #secondary-hero-half-rotate div.video-page-tools li{ border-bottom: 0px!important; } /* bottom classes created by Petr to fix SaveShare */ #secondary-hero-half-rotate.fullframe{ height: 305px!important;width: 950px!important; } #secondary-hero-half-rotate.rotatingimage{ height: 380px; padding-bottom:20px;} #secondary-hero-half-rotate .halfwidth { height: 305px; background-color: #FFF; } #secondary-hero-half-rotate .fullwidth { height: 396px; background-color: #FFF;} #secondary-hero-half-rotate .fullwidthheader { font-size:25px; line-height:31px; color:#2c2c2c; padding:0 0 15px 10px; margin-top:5px;padding-top: 15px } #secondary-hero-half-rotate #hero-image img.video-right { float:right;} #page #subtop .sublevel.parbase.fastfactsWoverlay2.feature{ padding-bottom:20px; } /* can be removed from U1 video component #secondary-hero-half-rotate #hero-left.hero-left-video { width:443px !important; padding: 30px 10px 30px 30px !important} #secondary-hero-half-rotate #hero-left.hero-left-video p {padding:20px 20px 20px 0 !important;} */ /*need to determine which component the bottom classes refer to */ #secondary-hero #hero-left-narrow { width:425px; float:left;} #secondary-hero-half-rotate #hero-left-narrow { float:left; padding:30px; width: 453px; } #secondary-hero-half-rotate #hero-left-narrow .benton { font-family:"BentonSansBold", Arial, sans-serif; } #secondary-hero-half-rotate #hero-left-narrow h1 { font-size:28px; line-height: 32px; color:#F0AB00; } #secondary-hero-half-rotate #hero-left-narrow p { font-size:12px; color:#000; padding:20px 40px 20px 0; } #secondary-hero-half-rotate #hero-left-narrow a { font-size:16px; font-weight:bold; color:#0066b3; text-decoration:none; } #secondary-hero-half-rotate #hero-left-narrow a:hover { text-decoration:underline; } #secondary-hero-half-rotate #hero-left-narrow #page-tools-hero { position: absolute; bottom: 12px; right: 456px; } html.ie7 #secondary-hero-half-rotate #hero-left-narrow #page-tools-hero { position: absolute; top: 408px; right: 476px; } #secondary-hero-half-rotate #hero-left-narrow #page-tools-hero .save a { font-size: 12px !important; font-weight: normal; } #secondary-hero-half-rotate #hero-left-narrow #page-tools-hero .share { padding-right: 4px; } /*NW end fix */ #secondary #wecanhelp-promo.community li a.icon { margin-left: 15px; padding: 2px 0 1px 0; text-indent: 21px; line-height: 16px; background-position: 0 6px; } .male { background:url(bkg-u1-quote-274520.png) repeat; color: #FFF; } .female { background:url(bkg-u1-quote-272910.png) repeat; color: #FFF; } .quote { width: 467px; height: 305px; } .quote h3 { width: 240px; padding: 20px 0 5px 10px; float: left; font-family: "BentonSansRegular", Arial, Helvetica, sans-serif; color: #000; font-size: 14px; line-height: 20px; font-weight: normal; } .quote .start-quote { font-family: "BentonSansBold", Arial, Helvetica, sans-serif; color: #F0AB00; font-size: 70px; display: block; float: left; margin-left: 150px; } .quote .end-quote { font-family: "BentonSansBold", Arial, Helvetica, sans-serif; color: #F0AB00; font-size: 70px; float: right; padding-top: 20px; } html.ie7 .quote .end-quote { font-family: "BentonSansBold", Arial, Helvetica, sans-serif; color: #F0AB00; font-size: 70px; float: right; margin-top: -15px; } .speaker { font-family: "BentonSansRegular", Arial, Helvetica, sans-serif; color: #000; font-size: 11px; line-height: 14px; width: 240px; display: block; margin-left: 195px; clear:both; } /* ================================= FAST FACTS PROMO =============================== */ .ff-vertical-container { float: right; margin: 30px 20px 0px 0px; padding-bottom: 20px; } /*NW 3.12 - adjusted right margin to be inline with feature box below it, also adding padding-bottom to account for the social/share icons */ .fast-facts-vertical { width: 211px; height: 350px; overflow: hidden; float: left; position: relative; } .fast-facts-vertical .overlay { width: 211px; height: 100px; position: absolute; z-index: 10; }/*NW 3.12 - increased width to 211px to grid, removed padding */ .fast-facts-vertical .overlay span.title { font-family: "BentonSansBold", Arial, Helvetica, sans-serif; display: block; margin-top:160px; }/*NW - margin-top to account for padding removal above */ .fast-facts-vertical .overlay span.green-lg { color: #4fb81c; font-size: 52px; letter-spacing: -3px; line-height: 60px; } /*NW 3.12 - Added font styling */ .fast-facts-vertical .overlay span.purple-lg { color: #760a85; font-size: 52px; letter-spacing: -3px; line-height: 60px; } /*NW 3.12 - Added font styling */ .fast-facts-vertical .overlay span.orange-lg { color: #e35500; font-size: 52px; letter-spacing: -3px; line-height: 60px; } /*NW 3.12 - Added font styling */ .fast-facts-vertical .overlay span.green-sm { color: #4fb81c; font-size: 42px; } .fast-facts-vertical .overlay span.purple-sm { color: #760a85; font-size: 42px; } .fast-facts-vertical .overlay span.orange-sm { color: #e35500; font-size: 42px; } .fast-facts-vertical .overlay span.subtitle { font-family: "BentonSans" Arial, Helvetica, sans-serif; color: #000; font-size: 24px; font-weight: normal; line-height: 28px; padding-bottom: 6px; display: block;} /*NW 3.12 - Added padding */ .fast-facts-vertical .overlay span.subtitle-sm { font-family: "BentonSans" Arial, Helvetica, sans-serif; color: #000; font-size: 20px; font-weight: normal; line-height: 20px; margin-top: 2px; display: block; }/*NW 3.12 - Added padding */ .fast-facts-vertical .btn-cta-sm { font-size: 13px; } .fast-facts-vertical .overlay img { position: absolute; top: 0; left: 0; z-index: -10; } .fast-facts-vertical p { display: block; clear: both; padding-top:10px; } .fast-facts-vertical #promo-btns { position:absolute; z-index:101; bottom:10px; right:10px; } .ff-rotator_container {width:467px; height: 305px;overflow:hidden;} .ffOverlay {display: block; position: relative; overflow:hidden;display:none;} /* ================================= FAST FACTS WITH OVERLAY =============================== */ .fast-facts-vertical2 { float: right; position: absolute; z-index: 0; right:0; } .fast-facts-vertical2 .overlay { width: 190px; height: 100px; position: absolute; z-index: 10;} .fast-facts-vertical2 .overlay span.title { font-family: "BentonSansBold", Arial, Helvetica, sans-serif; display: block; margin-top:145px; } .fast-facts-vertical2 .overlay span.subtitle { font-family: "BentonSans" Arial, Helvetica, sans-serif; color: #000; font-size: 24px; font-weight: normal; line-height: 28px; } .fast-facts-vertical2 .overlay span.subtitle-sm { font-family: "BentonSans" Arial, Helvetica, sans-serif; color: #000; font-size: 20px; font-weight: normal; line-height: 20px; } .fast-facts-vertical2 .btn-cta-sm { font-size: 13px; } .fast-facts-vertical2 .overlay img { position: absolute; top: 0; left: 0; z-index: -10; } .fast-facts-vertical2 p { display: block; clear: both; padding-top:10px; color: #000;} .fast-facts-vertical2 .content-overlay { position: absolute; z-index: 30; float: right; width: 215px; top: 24px; right: 0; padding:20px; } .fast-facts-vertical2 .content-overlay h3 { font-size: 17px; font-weight: normal; padding-bottom: 10px; line-height: 23px; } .fast-facts-vertical2 .content-overlay h3 span { font-weight: bold; } .fast-facts-vertical2 .white { background:url(bkg-overlay-white.png) repeat; color: #000; } .fast-facts-vertical2 .black { background:url(bkg-overlay-black.png) repeat; color: #FFF; } .img-preview { height:100%;} #secondary-hero-half-rotate #hero-left #page-tools-hero { position: absolute; bottom: 12px; right: 456px; } * ================================= FAST FACTS WITH OVERLAY =============================== */ .ff-vertical-container3 { float: right; margin: 30px 20px 0px 0px; padding-bottom: 20px; } /*NW 3.12 - adjusted right margin to be inline with feature box below it, also adding padding-bottom to account for the social/share icons */ .fast-facts-vertical3 { width: 467px; height: 300px; overflow: hidden; float: left; position: relative; } .fast-facts-vertical3 .overlay { width: 190px; height: 100; position: absolute; z-index: 10; } .fast-facts-vertical3 .overlay span.title { font-family: "BentonSansBold", Arial, Helvetica, sans-serif; display: block; margin-top:145px; } .fast-facts-vertical3 .overlay span.subtitle { font-family: "BentonSans" Arial, Helvetica, sans-serif; color: #000; font-size: 24px; font-weight: normal; line-height: 28px; } .fast-facts-vertical3 .overlay span.subtitle-sm { font-family: "BentonSans" Arial, Helvetica, sans-serif; color: #000; font-size: 20px; font-weight: normal; line-height: 20px; } .fast-facts-vertical3 .btn-cta-sm { font-size: 13px; } .fast-facts-vertical3 .overlay img { position: absolute; top: 0; left: 0; z-index: -10; } .fast-facts-vertical3 p { display: block; clear: both; padding-top:10px; color: #000;} .fast-facts-vertical3 .content-overlay { position: absolute; z-index: 30; float: right; width: 215px; top: 24px; right: 0; padding:20px; } .fast-facts-vertical3 .content-overlay h3 { font-size: 17px; font-weight: normal; padding-bottom: 10px; line-height: 23px; } .fast-facts-vertical3 .content-overlay h3 span { font-weight: bold; } .fast-facts-vertical3 .white { background:url(bkg-overlay-white.png) repeat; color: #000; } .fast-facts-vertical3 .black { background:url(bkg-overlay-black.png) repeat; color: #FFF; } /* ================================= Quote rotation =============================== */ .quore-rotation-container { float: right; margin: 0px 30px 0px 0px; position:relative;z-index: 0;right: 0;height: 305px;height: 305px; } .quote-rotation { width: 453px; height: 305px; overflow: hidden; float: left; position: relative; } .quote-rotation .btn-cta-sm { font-size: 13px; } .quote-rotation .overlay img { position: absolute; top: 0; left: 0; z-index: -10; } .quote-rotation p { display: block; clear: both; padding-top:10px; color: #000;} .quote-rotation #promo-btns { position:absolute; float:right; z-index:250; bottom:15px; right:10px; } .quote-rotation #hero-image .overlay { position: absolute; z-index: 33; padding:20px 0 25px 30px; width:436px; height: 185px; background:url(bkg-overlay-white.png) repeat; margin-top: 20px; } html.ie7 .quote-rotation span.btnPlay { cursor: hand; } .quote-rotation .male { background:url(bkg-u1-quote-274520.png) repeat; color: #FFF; } .quote-rotation .female { background:url(bkg-u1-quote-272910.png) repeat; color: #FFF; } .quote-rotation .quote { width: 467px; height: 305px; position:absolute;top:0px; } .quote-rotation .quote h3 { width: 240px; padding: 20px 0 5px 10px; float: left; font-family: "BentonSansRegular", Arial, Helvetica, sans-serif; color: #000; font-size: 14px; line-height: 20px; font-weight: normal; } .quote-rotation .quote .start-quote { font-family: "BentonSansBold", Arial, Helvetica, sans-serif; color: #F0AB00; font-size: 70px; display: block; float: left; margin-left: 150px; } .quote-rotation .quote .end-quote { font-family: "BentonSansBold", Arial, Helvetica, sans-serif; color: #F0AB00; font-size: 70px; float: right; padding-top: 20px; } html.ie7 .quote-rotation .quote .end-quote { font-family: "BentonSansBold", Arial, Helvetica, sans-serif; color: #F0AB00; font-size: 70px; float: right; margin-top: -15px; } .quote-rotation .speaker { font-family: "BentonSansRegular", Arial, Helvetica, sans-serif; color: #000; font-size: 11px; line-height: 14px; width: 240px; display: block; margin-left: 195px; clear:both; } /* ========== ERRORPAGE CTA =============== */ #error-page .error-cta { padding: 25px 0 5px 0; } #error-page .error-cta p { padding-bottom: 20px; } #error-page .error-cta a.blueanchor-lg { font-size: 15px; line-height: 14px; } #error-page .sm-text { font-size: 11px; color: #646464 !important; } #error-page .horizontal-rule { border-bottom: solid 1px #BFBFBF; } /* ===== MICROSITES =============================================================================================================== */ #content-top #twtr-widget-1 a { display: inline; } .content-2-col { margin: 0 7px 21px 4px; } .content-2-col p.icon { height: 18px; font-weight: normal; left: 0; padding: 4px 0 4px 20px !important; font-size: 11px; text-decoration: none; color: #999 !important; margin-bottom: 0 !important; } .content-2-col p.community-sm {../images/icons/icon-social-network-community-16x16.png) left 4px no-repeat; left:0; padding:3px 0 2px 20px !important; font-size: 11px; text-decoration:none; line-height:15px; display:block; height:18px; margin-top:8px; width:236px; margin-bottom: 2px !important; } .content-2-col p span { color: #0FAAFF; text-decoration: none !important; font-size: 11px; display: block; font-weight: normal; cursor: pointer; } .content-2-col p span:hover { text-decoration: underline; } .content-2-col span .hashtag { color: #0FAAFF !important; text-decoration: none; font-size: 11px; font-weight: normal; line-height: 11px; display: inline-block; padding-bottom: 6px; } .content-2-col span .hashtag:hover { text-decoration: underline !important; cursor: pointer; } .content-2-col h3 { margin-top: 10px; margin-bottom: 8px !important; font-size: 18px !important; font-weight: bold; } .content-2-col h3.margin-fix { margin-top: 0 !important;} #subbottom .content-2-col { margin-left: 27px;} .promo-green-overlay a.btn-cta { padding: 0 25px 0 14px !important;} .promo-green-overlay { position:relative; float:left; color: #FFF; margin:0; height:auto } .promo-green-overlay .image { position:absolute; z-index: 0; } .promo-green-overlay .promo-content { z-index:1; background:#297642 url("bkg-lp-promo.png"/*tpa=http://www.sap.com/etc/designs/sapcom/resources/global/ui/images/backgrounds/bkg-lp-promo.png*/) repeat; padding-bottom: 20px;} .promo-green-overlay h3 { display:block; float:left; padding:13px 13px 8px 13px !important; font-size:18px!important; margin:0 !important; font-family:Arial, Helvetica, sans-serif; } .promo-green-overlay p { color:#FFF !important; margin-bottom:8px; padding:0 13px 5px; 13px; line-height:17px; } .promo-green-overlay a { color:#FFF; text-decoration:none; font-weight:bold; } .promo-green-overlay a:hover { color:#FFF; text-decoration:underline; } .promo-green-overlay a.btn-cta-sm { padding: 0 25px 0 14px !important; } .lp-4-col-promo { width:211px!important; min-height:320px; } .sl-4-col-promo { width:188px!important; min-height:320px; } .lp-2-col-promo { width:435px!important; margin-left:4px; } .sl-2-col-promo { width:415px!important; margin-left:27px; } .lp-4-col-promo .promo-content, .lp-2-col-promo .promo-content, .sl-2-col-promo .promo-content { padding-top:118px!important; } .sl-4-col-promo .promo-content { padding-top:98px!important; } .lp-2-col-promo .promo-content h3, .sl-2-col-promo .promo-content h3 { width:90%; } #content-top #wecanhelp-promo {width:211px !important; background: #2B7C44 url(bkg_promo-green-211px.png) repeat-y !important;} #content-top #wecanhelp-promo.community { width:211px !important; background: url(bkg_promo-blue-211px.png) no-repeat !important; } #subbottom .lp-2-col-promo { width:415px!important; margin-left:27px; } /* ===== l5.listimages - Understand Template ================================================================================== */ #subbottom .image-list { color: #555; font-size: 12px; line-height: 16px;} #subbottom .image-list .list-item { border-bottom: 1px solid #CCC; float:left; margin: 0 0 20px 6px; display: block; padding-bottom: 10px; } #subbottom .list-photo { float: left; padding-right: 15px; width: 148px;} #subbottom .list-logo { float: left; padding-right: 20px; width: 120px;} #subbottom .list-content { float: left; width:470px;} #subbottom .image-list h3 { line-height: 18px; width: 374px; margin-bottom:5px !important; } #subbottom .image-list p.booth-number { color:#999; padding:0 !important; margin:0 0 5px 0 !important; } #subbottom .image-list p { line-height: 16px; } #subbottom .image-list a { display:block; padding: 0 0 5px 0; text-decoration:none; } #subbottom .image-list a:hover { text-decoration:underline; } /* ================================= U1 PARTNER LOGOS =============================== */ #hero-left .partner-logos {padding-bottom:10px;} #hero-left .partner-logos img { padding: 0 30px 0 0; margin-top:-10px; } #content-bottom .img { width:150px; min-height: 90px; float:left; padding: 20px 10px 0 10px;} #content-bottom .img img:first-child{margin-left:40px} #content-bottom .img img:last-child{margin-right:-7px} #content-bottom .img img[alt] {min-height:auto;} /* layout 1 column : 100% */ div.cq-colctrl-cols {width: 100%; float: left; } div.cq-colctrl-lt1_1 { width: 100%;display :inline-block;} /* layout 2 column : 50% 50% */ div.cq-colctrl-lt2_1 { } div.cq-colctrl-lt2_1-c0 { width: 50%;display :inline-block;} div.cq-colctrl-lt2_1-c1 { width: 50%;display :inline-block;} /* layout 2 column : 75% 25% */ div.cq-colctrl-lt2_2 { } div.cq-colctrl-lt2_2-c0 { width: 75%;display :inline-block;} div.cq-colctrl-lt2_2-c1 { width: 25%;display :inline-block;} /* layout 3 column : 33% 33% 33% */ div.cq-colctrl-lt3_1 { } div.cq-colctrl-lt3_1-c0 { width: 33%;display :inline-block;} div.cq-colctrl-lt3_1-c1 { width: 33%;display :inline-block;} div.cq-colctrl-lt3_1-c2 { width: 33%;display :inline-block;} /* layout 4 column: 16% 16% 16% 33% */ div.cq-colctrl-lt4_1 { } div.cq-colctrl-lt4_1-c0 { width: 16%;display :inline-block;} div.cq-colctrl-lt4_1-c1 { width: 16%;display :inline-block;} div.cq-colctrl-lt4_1-c2 { width: 16%;display :inline-block;} div.cq-colctrl-lt4_1-c3 { width: 33%;display :inline-block;} /* layout 4 column: 4 x 25% */ div.cq-colctrl-lt4_2 { } div.cq-colctrl-lt4_2-c0 { width: 25%;display :inline-block;} div.cq-colctrl-lt4_2-c1 { width: 25%;display :inline-block;} div.cq-colctrl-lt4_2-c2 { width: 25%;display :inline-block;} div.cq-colctrl-lt4_2-c3 { width: 25%;display :inline-block;} /* layout 5 column: 5 x 20% */ div.cq-colctrl-lt5_1 { } div.cq-colctrl-lt5_1-c0 { width: 20%;display :inline-block;} div.cq-colctrl-lt5_1-c1 { width: 20%;display :inline-block;} div.cq-colctrl-lt5_1-c2 { width: 20%;display :inline-block;} div.cq-colctrl-lt5_1-c3 { width: 20%;display :inline-block;} div.cq-colctrl-lt5_1-c4 { width: 20%;display :inline-block;} /* ================================= action bar on U2-U9 =============================== */ #action-bar-sub-level {padding:0; background:transparent;} /*#cta-tour.sub-level {float:none;}*/ #cta-tour.sub-level {clear:both;} /* ===== MICROSITE CLASSES FOR ACTION BAR ================================================================================= */ .microsite { background:none !important; } .microsite #subtop,.microsite #subbottom { background-color: #FFF; } /* ===== MICROSITE CLASSES FOR TWITTER ================================================================================= */ #content-top .twitter-25 .twtr-doc {width:211px !important;} /* override twitter.css for U1 25% */ #content-top .twitter-50 .twtr-doc {width:444px !important;} /* override twitter.css for U1 50% */ #subbottom .twitter-25 .twtr-doc {width:188px !important;} /* override twitter.css for U2 25% */ #subbottom .twitter-50 .twtr-doc {width:415px !important;} /* override twitter.css for U2 50% */ #content-top .twitter-50 .cq-social-twitter-widgets-div {padding-bottom: 20px!important; padding-right: 7px!important;} /* override twitter.css to add padding on the U1 */ /* ===================Search No Results=================*/ /* Null Search Results - Content Middle */ #noSearchResultContent {display:none;} #search-content { position:relative; float:left; margin:0; padding:40px 0; width:100%; background-color: #FFFFFF;} .search-bulleted-list { float:left; width:670px; } .search-bulleted-list h1 { font-size: 24px; font-weight: normal;margin-top:-5px !important} .search-bulleted-list ul{padding:10px 0px 0px 0px} .search-bulleted-list ul li { font-size: 14px; font-weight:bold;} .search-bulleted-list p{ border-bottom: 1px solid #DDDDDD; clear: both; color: #666666; line-height: 17px; list-style: none outside none; min-height: 27px; padding: 0px; position: relative; width: 670px; } .search-list-selector2{ border-bottom: 1px solid #DDDDDD !important; height: auto; margin-top: 15px; } /* Null Search Results - Content Bottom */ #search-content-bottom { float: left; margin-left: -50px; padding: 0; position: relative; width: 960px; } background-color: #FFFFFF; } #search-content-bottom .content-4-col-cta .subtop-rightcol { float: left; width: 190px; margin-left: 50px; line-height: 180%; margin-bottom:20px;} #search-content-bottom .content-4-col-cta .subtop-rightcol h3{ border-bottom: 2px solid; line-height: 40px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 8px; } #search-content-bottom .content-4-col-cta .subtop-rightcol a { text-decoration:none; display:block; } #search-content-bottom .content-4-col-cta .subtop-rightcol a:hover { text-decoration: underline; } #secondary #noSearchResultContent #wecanhelp-promo-right{margin:28px 0px 0px 0px} #search-content-bottom .content-4-col-cta{ float: left; line-height: 180%; margin-bottom: 20px; margin-left: 50px; width: 190px;} #search-content-bottom .content-4-col-cta h3{ border-bottom: 2px solid; font-size: 14px; font-weight: bold; line-height: 40px; margin-bottom: 8px; margin-top: 10px;} #search-content-bottom .blueanchor-sm {margin-bottom:0px;} .searchNoResultsMessage{ margin-bottom:15px; } /* ==================== Release 4====================*/ #secondary #subbottom.dam-detail{padding:0px;} #subbottom.dam-detail #videoPanel{padding:0 20px; margin-top:-10px} #search-results #wecanhelp-promo { width:189px; float:right; background: url(bkg_promo-green.png) no-repeat #2B7C44; color:#fff; margin-top:25px;} #search-results #wecanhelp-promo h3 { margin: 14px 14px 10px; font-size:21px !important; color:#fff; border:none; } #search-results #wecanhelp-promo p { margin: 0px 14px 15px; font-size:12px; color:#fff; padding-left:0; } #search-results #wecanhelp-promo li { background: url(bkg_promo-nav.png) repeat; margin-bottom:2px; display:block; color:#f0ab00; font-size:15px; font-weight:bold; list-style-type:none;} html.ie7 #search-results #wecanhelp-promo li { zoom:1; } #search-results #wecanhelp-promo li.gold { display:block; padding:5px 14px;} #search-results #wecanhelp-promo li a { color:#fff; display:block; padding:5px 14px; text-decoration: none; margin-bottom: 2px; } #search-results #wecanhelp-promo li a:hover { color:#f0ab00; } #footer-right .icon { float:left;height:20px;width:16px;padding-right:4px} .social-footer-sm { background:no-repeat scroll left 4px transparent } /*=========Defect MOWCMS 2330 No results for serach========*/ #search-noresults-text li{ border-bottom: 1px solid #DDDDDD; clear: both; line-height: 160%; padding-bottom: 10px; position: relative; width: 620px;} #search-noresults-text h3{ font-size: 14px; clear: both; line-height: 160%; list-style: none outside none; padding-top: 10px; } #footer-right .icon { float:left;height:20px;width:16px;padding-right:4px} /* ========== Styles for Discover Standard Template (Added for MENA -- CSS updates for U.S. site have not gone live yet ) =============== */ #subrightcol .image-list { color: #555; font-size: 12px; line-height: 16px; } #subrightcol .image-list .list-item { border-bottom: 1px solid #CCC; float:left; margin: 0 30px 20px; display: block; padding-bottom: 10px; } #subrightcol .image-list p { line-height: 16px; } #subrightcol .list-photo { float: left; padding-right: 15px; width: 148px;} #subrightcol .list-content { float: left; margin-left: -28px; width:405px;} #subrightcol a.headline {float:right; font-size: 14px; font-weight: bold; line-height: 18px; padding-bottom: 2px; width: 374px; } #subrightcol a.icon { font-weight:bold; margin-left: 30px;padding: 4px 0 10px 20px; text-decoration:none; } #subrightcol a.headline:hover, #subrightcol a:hover.icon, #subrightcol a:hover.standard, #subrightcol .social a:hover { text-decoration:underline; } #subrightcol a.standard { display:block; font-weight:bold;margin-left: 30px; padding: 0 0 10px 0; text-decoration:none; } #subrightcol .social { clear: both; display:block; font-weight:bold; padding: 4px 0 4px 20px; margin: 0 0 0 30px; text-decoration:none; } html.ie7 #subrightcol .social { line-height: 9px; } #subrightcol .social a { color: #0FAAFF; font-size: 11px; font-weight: normal; padding: 0 0 2px 6px; } #subrightcol .social span { color: #999; font-weight: normal; } #subrightcol .promo-module { width: 606px; /*height: 181px;*/ overflow: hidden; float: left; margin-bottom: 30px; } #subrightcol .promo-module img { position: static; z-index: 0; } #subrightcol .promo-module #promo-btns { right: 10px; top: 157px; } #subrightcol .promo-module .overlay { background: url(bkg-level2-promo.png) repeat; width: 263px; height: 151px; position: absolute; z-index: 10; padding: 15px 15px; } #subrightcol .promo-module .overlay span.title strong { font-family: "BentonSansBold", Arial, Helvetica, San-Serif; display: block; line-height: 25px; letter-spacing: .5px; color: #FFF; font-size: 20px; padding-bottom: 10px; } #subrightcol .promo-module .overlay span.subtitle { color: #FFF; display: block; font-size: 14px; line-height: 16px; position: relative; width: 260px; letter-spacing: 0px; padding-bottom: 10px;} #subrightcol .promo-module a.promo-area:hover { text-decoration: none; cursor: pointer; } #subrightcol .promo-module .cta-video {background: url(btn-vid.png) left 4px no-repeat; position: absolute; top: 125px; padding: 2px 0 6px 35px; color: #FCB913; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 15px; display: block; margin-top: -2px; height: 29px; margin-top: 10px; width: 236px; cursor: pointer; } #subrightcol .promo-module .cta-doc {background: url(btn-doc.png) left 4px no-repeat; position: absolute; top: 125px; padding: 2px 0 6px 35px; color: #FCB913; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 15px; display: block; margin-top: -2px; height: 29px; margin-top: 10px; width: 236px; cursor: pointer; } #subrightcol .promo-module .cta-video:hover, #subrightcol .promo-module .cta-doc:hover { text-decoration: underline; } #subrightcol .promo-module .btn-cta { position: absolute; bottom: 15px; } #subrightcol .promo-module .overlay-nobkgd { width: 300px; height: 151px; position: absolute; z-index: 10; padding: 17px 30px; display: block; } #subrightcol .promo-module .overlay-nobkgd span.title { color: #FFF; font-size: 27px; font-weight: bold; line-height: 35px; } /* ======== Styles for Event Search Template (Added for MENA: this template has not yet been created for the U.S. site in CQ) ======== */ #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 { list-style:none; padding-left:24px; } #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 { font-size:13px; line-height:19px; background-position: left 13px; } #subrightcol #eventspagination { margin:27px 0 0 28px; } /*Styles for Expandable List Component (Added for MENA -- to be merged back into clientlibs CSS) =============== */ #subrightcol div.expandable-list-wrapper{width:546px;margin:0 30px;padding:0;} #subrightcol ul.expandable-list{margin:0;list-style:none;padding:0;clear:both;} #subrightcol ul.expandable-list li{cursor:pointer;height:35px;overflow:hidden;border-top:1px solid #ddd;padding:0 80px 9px 25px;position:relative;margin-top:7px;background:transparent none;} #subrightcol ul.expandable-list li:hover{background:#FFF none;} #subrightcol ul.expandable-list li li{height:auto;overflow:auto;padding:5px 0;margin-top:0;line-height:1.2em;} #subrightcol ul.expandable-list li li:hover{background:transparent none!important;} #subrightcol ul.expandable-list li.first{border-top:none;margin-top:0;} #subrightcol ul.expandable-list li.on{background:#fff;height:auto;} #subrightcol ul.expandable-list li.off{background-color:transparent!important;height:auto;} #subrightcol ul.expandable-list h3{font-family:Arial,sans-serif;font-weight:bold;font-size:13px;padding:10px 0 0 20px;margin-left:-20px;background:url(btn-blue_downup_arrows.png) no-repeat left 11px;} #subrightcol ul.expandable-list li.on h3{background:transparent url(btn-blue_downup_arrows.png) no-repeat left -75px;} #subrightcol ul.expandable-list p{padding:0;margin:0 30px 10px 0;line-height:18px;} #subrightcol ul.expandable-list p.cta{margin:15px 0;} #subrightcol ul.expandable-list p.link-list{clear:both;} #subrightcol ul.expandable-list a.btn-cta:hover{text-decoration:none;} #subrightcol ul.expandable-list .ruled-list{margin:20px 0 30px 0;} .expandcollapse-control-container{border-bottom:2px solid #666;width:100%;height:27px;text-align:right;} #subrightcol a#cta-top{position:relative;float:left;margin:0;text-decoration:none;color:#0085C1;line-height:27px;} #subrightcol a:hover#cta-top{text-decoration:underline;} a#btn-expandall-subright{margin:0;padding-right:10px;text-decoration:none;display:block;border-bottom:2px solid #666;color:#0085c1;line-height:27px;background:url(ico_double-down-arrow_matted_white.png) no-repeat right 10px;text-align:right;} 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;text-decoration:none;background:url(ico_double-down-arrow_matted_white.png) no-repeat right 4px;} a.btn-expanditem-subright:hover{text-decoration:underline;} a.btn-expanditem-subright span{display:none;} .rmuc_expandableLI.on .rmuc_morelessBTN,.rmuc_expandcollapseAllBTN.on{/*background:url(../../../www_sap_com/global/ui/images/ux/ico_double-up-arrow_matted_white.png) no-repeat right 4px!important;*/} #subrightcol .rmuc_expandcollapseAllBTN.on{background-position:right 10px!important;} /* ===== 16x16 ICONS =========================================================================== */ .arrow-sm { background:url(icon-arrow-16x16.png) left 4px no-repeat; } .audio-sm { background:url(icon-audio-16x16.png) left 4px no-repeat; } .blog-sm { background:url(icon-blog-16x16.png) left 4px no-repeat; } .calendar-sm { background:url(icon-calendar-16x16.png) left 4px no-repeat; } .demo-sm { background:url(icon-demo-16x16.png) left 4px no-repeat; } .doc-sm { background:url(icon-doc-16x16.png) left 4px no-repeat; } .premium-sm { background:url(icon-premium-16x16.png) left 4px no-repeat; } .rss-sm { background:url(icon-rss-16x16.png) left 4px no-repeat; } .search-sm { background:url(icon-search-16x16.png) left 4px no-repeat; } .video-sm { background:url(icon-video-16x16.png) left 4px no-repeat; } .webcast-sm { background:url(icon-webcast-16x16.png) left 4px no-repeat; } /* ===== l1.list ============================================================ */ #subrightcol .landing-list { margin:0; padding:0 30px 0; list-style:none; } #subrightcol .landing-list a { color:#0066b3; font-weight:bold; display:block; padding:0 0 2px; } #subrightcol .landing-list a:hover { text-decoration:underline; } #subrightcol .landing-list a span { font-size:13px; font-weight:bold; padding-left:3px; } #subrightcol .landing-list a:hover span { text-decoration:none; } #subrightcol .landing-list p { color:#555555; font-size:12px; line-height:16px; padding:0 0 20px !important; margin:0; } .about-sap-image { color:#555555; font-size:12px; line-height:16px; margin:0; } .about-sap-image img { float: left; padding: 4px 16px 0 0; } /* ===== search display ============================================================ */ #search-keyword { padding: 0 } #search-keyword input.search-field-sm{ float: left; font-size: 14px; color: #333; height: 31px; width: 226px; background: url(bkg_forminput_searchresults_226px-1.png) no-repeat; border: 0; padding:0; margin-right:8px; text-indent: 3px; padding-top: 7px\9;/* IE8 and below */ line-height:31px; } #search-keyword fieldset label { position: relative; top: 22px; left: 5px; color:#888; display: block; } #search-keyword .btn-search-lg {display:block; width: 46px; height: 31px; background: url(btn-search-lg-2.png) no-repeat 0 0; cursor:pointer; padding:0px; } #search-keyword .btn-search-lg:hover { background-position: 0 -31px; cursor: pointer; } #search-keyword p {margin: 10px 12px 0 0 !important; } /* ===== c16.aboutsap ============================================================ */ .landing-list p img { float: left; padding: 4px 16px 0 0; } .landing-list li.first {border-top:none!important;margin-top:0;} .landing-list ul { margin:20px 0 30px 0; padding:0px; list-style:none; line-height:22px; } .landing-list ul li { list-style:outside none; border-bottom:#cdcdcd 1px solid;} #subrightcol-bottom .noborder { border: 0; margin: 0 0 -20px 30px !important; color: #333; } #subrightcol-bottom .new-expandable-list li.heading,#subrightcol-bottom .expandable-list li:hover.heading { margin-top:2px; height: 30px; font-size: 14px; line-height:30px; font-weight: bold; cursor:text; background: #ddd; text-indent: -20px; padding-bottom: 0 !important; } .new-expandable-list .content-image { float: right; padding: 0 0 10px 10px; } /* == The following styles for the expandable list component should be added to /etc/clientlibs/sapcom/sapcom.component.content.expandcollapse.css == */ #subrightcol-bottom a#cta-top{position:relative;float:left;margin:0 20px;text-decoration:none;color:#0085C1;line-height:27px;} #subrightcol-bottom a:hover#cta-top{text-decoration:underline;} #subrightcol-bottom a#btn-expandall-subbottom{background:url(ico_double-down-arrow_matted_white.png) no-repeat;background-position:right 4px;text-decoration:none;margin:0;padding-right:10px;color:#0085c1;line-height:27px;} #subrightcol-bottom a#btn-expandall-subbottom:hover{text-decoration:underline;} #subrightcol-bottom a#btn-expandall-subbottom span{display:none;} #subrightcol-bottom a.btn-expanditem-subbottom{position:absolute;top:15px;right:25px;padding-right:10px;text-decoration:none;background:url(ico_double-down-arrow_matted_white.png) no-repeat right 4px;} #subrightcol-bottom a.btn-expanditem-subbottom:hover{text-decoration:underline;} #subrightcol-bottom a.btn-expanditem-subbottom span{display:none;} /* ===== MOMWCMS-2632 =========================================== */ .landing-list .btn-cta { height: 23px; padding:0 25px 0 0 !important; display:block; font-weight:normal; text-decoration:none; background:url(btn-cta-orangeright-sm.png) no-repeat right top; line-height:23px; float:left; } .landing-list .btn-cta span { height: 23px; padding:0 0 0 17px !important; display: block; color:#FFF; text-decoration:none; background: url(btn-cta-orangeleft-sm.png) no-repeat left top; font-size:12px; cursor: pointer; float:left; line-height:23px; font-weight: normal!important; } .landing-list .btn-cta:hover { background-position:right -23px !important; text-decoration:none !important; } .landing-list .btn-cta:hover span { background-position:left -23px !important; text-decoration:none !important; } /* ===== Customers ============================================================ */ .search-customers { } .search-customers fieldset #searchevents-input { width: 129px; } #subleftcol .search-customers .hr { border-bottom:1px solid #cecece; margin:10px 0 20px 20px; width:303px; } #subleftcol .search-customers fieldset { margin:0 0 10px 15px; clear:both; } #subleftcol .search-customers fieldset.longselect select { width:303px; margin-left:4px; margin-bottom: 8px; } #subleftcol .search-customers .btn-cta { margin:10px 20px 0 0; } #subleftcol .search-customers .btn-cta span { font-weight:bold; white-space:nowrap; } #subleftcol .search-customers .btn-cta:hover { text-decoration:none; } #subleftcol .search-customers .btn-cta:hover span { text-decoration:none; } #subleftcol .search-customers span.resetbtn { display:block; float:left; margin-top:17px; } #subleftcol .search-customers span.resetbtn a { color:#0066b3; font-size:13px; font-weight:bold; } .result-list { } .result-list .customer h3 { font-size: 13px; clear: both; } .result-list .customer .first { width: 100px; display: inline-block; } .customer .page-selector { float: left; padding: 30px; width: 350px; } .customer .page-identifier .first, .customer .page-identifier .last { border:0 !important; } /*Styles for New Expandable List Component (Changes made to accomodate new JS for expandable component) =============== */ #subrightcol div.expandable-list-wrapper{width:546px;margin:0 30px;padding:0;} #subrightcol ul.new-expandable-list{margin:0;list-style:none;padding:0;clear:both;} #subrightcol ul.new-expandable-list li{cursor:pointer;height:35px;overflow:hidden;border-top:1px solid #ddd;padding:0 80px 9px 25px;position:relative;margin-top:7px;background:transparent none;} #subrightcol ul.new-expandable-list li:hover{background:#FFF none;} #subrightcol ul.new-expandable-list li li{height:auto;overflow:auto;padding:5px 0;margin-top:0;line-height:1.2em;} #subrightcol ul.new-expandable-list li li:hover{background:transparent none!important;} #subrightcol ul.new-expandable-list li.first{border-top:none;margin-top:0;} #subrightcol ul.new-expandable-list li.on{background:#fff;height:auto;} #subrightcol ul.new-expandable-list li.off{background-color:transparent!important;height:auto;} #subrightcol ul.new-expandable-list h3{font-family:Arial,sans-serif;font-weight:bold;font-size:13px;padding:10px 0 0 20px;margin-left:-20px;background:url(btn-blue_downup_arrows.png) no-repeat left 11px;} #subrightcol ul.new-expandable-list li.on h3{background:transparent url(btn-blue_downup_arrows.png) no-repeat left -75px;} #subrightcol ul.new-expandable-list p{padding:0;margin:0 30px 10px 0;line-height:18px;} #subrightcol ul.new-expandable-list p.cta{margin:15px 0;} #subrightcol ul.new-expandable-list p.link-list{clear:both;} #subrightcol ul.new-expandable-list a.btn-cta:hover{text-decoration:none;} #subrightcol ul.new-expandable-list .ruled-list{margin:20px 0 30px 0;} /* need to varify: Customer Testimonials */ #subrightcol a.icon_ct { font-weight: bold; margin-left: 30px; padding: 4px 0 10px 20px; text-decoration: none; } .doc-sm { background:url(icon-doc-16x16-1.png) left 4px no-repeat; } #subleftcol.search-customers .hr { border-bottom:1px solid #cecece; margin:10px 0 20px 20px; width:303px; } #subleftcol.search-customers fieldset { margin:0 0 10px 15px; clear:both; } #subleftcol.search-customers fieldset.longselect select { width:303px; margin-left:4px; margin-bottom: 8px; } #subleftcol.search-customers .btn-cta { margin:10px 20px 0 0; } #subleftcol.search-customers .btn-cta span { font-weight:bold; } #subleftcol.search-customers .btn-cta:hover { text-decoration:none; } #subleftcol.search-customers .btn-cta:hover span { text-decoration:none; } #subleftcol.search-customers span.resetbtn { display:block; float:left; margin-top:17px; } #subleftcol.search-customers span.resetbtn a { color:#0066b3; font-size:13px; font-weight:bold; } .page-selector-ct ul li, .page-views ul li { list-style: none; } .page-selector-ct ul li.noBord, .page-views ul li.noBord { border-right:none; } .page-selector-ct ul li a, .page-views ul li a { display: block; float: left; border-right:1px solid #ddd; height: 16px; text-align: center; padding-right: 6px; padding-left: 6px; text-decoration: none; color:#106fb7; } .page-selector-ct ul li a:hover, .page-views ul li a:hover { background:#106fb7; color:#fff; } .page-selector-ct ul li a.on, .page-views ul li a.on { background:#b2b2b2; color:#fff; cursor:default; } .page-selector-ct ul li span { display:block; float:left; border-right:1px solid #ddd; line-height:16px; text-align:center; padding:0 4px; } .result-list .customer { margin: 10px 30px; border-bottom: 1px solid #CCC; } .result-list .customer p { margin: 0 !important; } .result-list .customer h3 { font-size: 13px; clear: both; margin: 0 !important; padding-top: 10px; } .result-list .customer .first { width: 160px; display: inline-block; padding-right: 10px; } .customer .page-selector-ct { float: left; padding: 30px; width: 350px; } .customer .page-identifier { float: left; margin: 30px 30px 0 26px; height: 30px; border-bottom: solid 1px #CCC; width: 546px; } .customer .page-identifier .results-indicator {float: left; padding-right: 50px; } .customer .page-identifier .first, .customer .page-identifier .last { border:0 !important; } .customer .icon_ct { display: inline-block; vertical-align: top; height: 19px; margin: 0 0 10px 0 !important; } .customer a:hover { text-decoration: underline !important; } .arrow-sm { background:url(icon-arrow-16x16-1.png) left 4px no-repeat; } .audio-sm { background:url(icon-audio-16x16-1.png) left 4px no-repeat; } .blog-sm { background:url(icon-blog-16x16-1.png) left 4px no-repeat; } .calendar-sm { background:url(icon-calendar-16x16-1.png) left 4px no-repeat; } .demo-sm { background:url(icon-demo-16x16-1.png) left 4px no-repeat; } .doc-sm { background:url(icon-doc-16x16-1.png) left 4px no-repeat; } .premium-sm { background:url(icon-premium-16x16-1.png) left 4px no-repeat; } .rss-sm { background:url(icon-rss-16x16-1.png) left 4px no-repeat; } .search-sm { background:url(icon-search-16x16-1.png) left 4px no-repeat; } .video-sm { background:url(icon-video-16x16-1.png) left 4px no-repeat; } .webcast-sm { background:url(icon-webcast-16x16-1.png) left 4px no-repeat; } #subleftcol #page-tools-hero ul.page-tools li.addThisLI{ float:right; width:167px; } #subleftcol #page-tools-hero ul.page-tools{ padding-left:0; } #search-results-indicator a { border-left: 1px solid #DDD; padding-left:8px; } #results-indicator a { border-left: 1px solid #DDD; padding-left:8px; } /* ===== 1 Click Unsubscribe ================================================ */ .fullpage-content { margin-top: 20px; } .fullpage-content h1 { font-weight: bold; font-size: 22px !important; margin-left: 0; } .fullpage-content h2 { font-weight: normal !important; font-size: 20px !important; margin: 10px 0; color: #000!important; } .fullpage-content p {margin: 0 20px 15px 20px;} html.ie7 .fullpage-content hr, html.ie8 .fullpage-content hr { border-bottom: 1px solid #ddd; margin:0 0 15px 0; margin-left:18px } .fullpage-content hr { border-bottom: 1px solid #ddd; margin:15px 0; margin-left:18px } .fullpage-content .btn-cta { margin: 10px 0 30px 20px; } .fullpage-content a:hover { text-decoration: underline; } .fullpage-content .image-portrait { padding-right: 15px; float: right; } .fullpage-content .box { width:189px; height:18px; border:1px solid #959595; background:#ebebeb; margin-left: 20px; } .fullpage-content label { color:#666; display:block; margin:0 0 2px; margin-left: 20px; } .fullpage-content label.error {font-size:11px !important; color: #ff0000 !important; font-style:italic !important; padding:2px 0px 0px 20px !important; clear:left !important; margin:0px !important; cursor: auto !important; border: 0!important; } .fullpage-content label.description { margin-left: 25px; display: block;} .fullpage-content .unsubscribe { float: left; } #page-tools-hero .saveandshareRight ul.page-tools {float: right;} #page-tools-hero .saveandshareLeft ul.page-tools {float: left;}