/* revised : 03/19/2009 : dw */ /* all media */ @media all { /* global */ * { margin:0; padding:0; } html { overflow-y:scroll; } body { padding:0 0 30px 0; font:12px arial, helvetica, sans-serif; color:#464440; } /* layout */ #super-wrap { width:100%; background:#fdfdfd url(/graphics/layout/wrap-bg.gif) 0 0 repeat-x; height:26px; } #wrap { background:#fff; } #header { } #header-top { height:42px; background:url(/graphics/layout/header-top-shadow-bg.gif) bottom center no-repeat #A08E1D; } #header-top-nav { width:940px; margin:0 auto; } #header-center { width:940px; margin:0 auto; } #header-center img { float:left;} #header-center p { font-size:18px; color:#58534b; padding-top:25px; } #navigation { width:940px; margin:0 auto; } #content-wrap { /* height:300px; */ width:940px; margin:0 auto; } #content-left { float:left; width:703px; background:url(/graphics/layout/content-box-sides-bg.gif) 0 0 repeat-y; } * html #content-left { display:inline; overflow:hidden; margin-right:6px; } #content-left-box-top { width:703px; float:left; background:url(/graphics/layout/content-box-top-bg.gif) 0 0 no-repeat;display:inline; overflow:hidden; } #content-left-box-bottom { width:687px; float:left; background:url(/graphics/layout/content-box-bot-bg.gif) left bottom no-repeat; padding:8px; min-height:400px;display:inline; overflow:hidden;} * html #content-left-box-bottom { } .full-width { width:687px; } #content-right { float:left; width:137px; margin-left:6px; display:inline; } * html #content-right { margin-left:0; width:230px !important; overflow:hidden; } .content-right-box { background:url(/graphics/layout/content-right-sides-bg.gif) 0 0 repeat-y; width:237px; } .content-right-box-bot { width:237px; background:url(/graphics/layout/content-sidebar-bottom-bg.gif) left bottom no-repeat;padding-bottom:15px; } #page-history { background-image:url(/graphics/layout/content-sidebar-bottom-bg.gif)} #home-content-wrap { width:940px; margin:0 auto; background:url(/graphics/layout/home-box-sides-bg.gif) 0 0 repeat-y; } * html #home-content-wrap { margin-top:-5px;} *+ html #home-content-wrap { margin-top:-10px; } #content { background:url(/graphics/layout/home-box-top-bg.gif) 0 0 no-repeat; } #content-bot { height:345px; background:url(/graphics/layout/home-box-bot-bg.gif) left bottom no-repeat; } #call-outs { width:940px; margin:0 auto; } #footer-shadow { background:url(/graphics/layout/footer-top-shadow.gif) center bottom no-repeat #fff; height:14px; } #footer { background:url(/graphics/layout/footer-bg.gif) 0 0 repeat-x; padding:0 0 200px 0; clear:both; } #footer-content { width:940px; margin:0 auto; } #shadow { float:left; clear:both; display:none; width:100%; height:20px;background:url(/graphics/layout/about-shadow.gif) 0 0px no-repeat;} * html #shadow { margin-top:-5px; } *+ html #shadow { margin-top:-10px; } /* tags */ h1, .hentry h2 { font-size:24px; color:#464440; font-weight:bold; padding:0px; } h2 { font-size:18px; color:#3d6374; padding:5px 0; font-weight:normal; } h3 { font-size:12px; color:#333; /*color:#e0dfd7;*/ } h4 { font-size:12px; color:#4e4b34; font-weight:normal; } label,select,input[type='submit'],.point { cursor:pointer; } li { } li,p { line-height:19px; margin-top:5px; } ol, ul { padding:0 0 10px 35px; } dl { margin:0 0 10px 0; } dl dt { float:left; width:50px; clear:both; } dl.wide dt { width:175px; } p { margin:5px 0 14px 0; } sup { font-size:12px; } textarea,input { font:12px arial, helvetica, sans-serif; padding:3px; } /* custom */ .all { font-size:11px; } .checkbox { width:10px; height:8px; background:url(/graphics/uncheck.jpg) 0 0 no-repeat; cursor:pointer; } .check { background:url(/graphics/check.jpg) 0 0 no-repeat; } .dark-button, #navigation ul li a.dark-button { display:block; float:left; background:url(/graphics/layout/dark-button.gif) no-repeat; } #navigation ul li a.dark-button span, .dark-button span { color:#fff; padding:0 10px; display:block; background:url(/graphics/layout/dark-button-right.gif) 100% 0 no-repeat; line-height:24px; } * html .dark-button span { float:left; cursor:pointer; } * html .light-button span { float:left; cursor:pointer; } .dark-button.m { margin-right:5px; } .dark-button-spr { display:block; color:#fff; background:url(/graphics/layout/dark-button-spr.gif) 0 -26px no-repeat; padding:4px 0 0 0; text-align:center; width:109px; height:22px; } .dark-button-spr:hover, .dark-button-spr:active { background-position:0 0; } a.dark-button {background:url(/graphics/layout/btnBlue_L.png) left 0 no-repeat; height:24px; display:block; float:left;} a.dark-button span {background:url(/graphics/layout/btnBlue_R.png) right 0 no-repeat; height:24px; margin-right:-3px; color:#fff; padding:0 10px; display:block; line-height:24px;} a.dark-button:hover {background-position:left -24px; text-decoration:none;} a.dark-button:hover span {background-position:right -24px; text-decoration:none;} a.light-button {background:url(/graphics/layout/btnWhite_L.png) left 0 no-repeat; height:24px; display:block; float:left;} a.light-button span {background:url(/graphics/layout/btnWhite_R.png) right 0 no-repeat; height:24px; margin-right:-3px; color:#352f26; padding:0 10px; display:block; line-height:24px;} a.light-button:hover {background-position:left -24px; text-decoration:none;} a.light-button:hover span {background-position:right -24px; text-decoration:none;} .caption { text-align:center; font-size:11px; } .clear { clear:both; } .deemp { color:#dad5b4; } .demo { float:left; background:url(/graphics/layout/neutral-button.gif) 0px 0 no-repeat; height:27px; padding:2px 0; text-align:center; width:84px; } * html .demo { background-position:0px 0; } *+ html .demo { background-position:0px 0; padding:4px 0px; } .demo a { padding:0 0 0 10px; line-height:25px; } .demo a:hover { text-decoration:none; } .develop { background:url(/graphics/layout/neutral-button-wide.gif) 238px 0 no-repeat; height:27px; } * html .develop { background-position:0 0; } *+ html .develop { background-position:0 0; padding:4px; } .develop a { padding:0 0 0 10px; line-height:25px; } .emp { color:#a08e1d; } .error { color:#f00; } .half { float:left; width:50%; display:inline; } .input { border:1px solid #ccc; padding:3px; } .link { background:url(/graphics/layout/cube-bullet.gif) 0 0 no-repeat;padding-left:20px; color:#4e4b34; } .link-white { background:url(/graphics/layout/cube-bullet-white.gif) 0 0 no-repeat;padding-left:20px; color:#4e4b34; } .message-box { padding:5px; border:1px solid #fc0; background:#fffea1; margin:0 0 15px 0; } .note { background:#fffea1; padding:0 0 0 30px; } .note-pull { position:relative; display:block; margin:0; line-height:15px; background:url(/graphics/layout/bullet.gif) 0 5px no-repeat; padding:0 0 0 10px; } /* .note-pull { color:#fff; background:#4E4B34; padding:8px; line-height:17px; font-size:11px; margin:5px 0 0 0; } .note-pull-mo { background:#D0C864; color:#4E4B34; } .note-foot { color:#3D6374; font-weight:bold; cursor:help; background:#B7B7AD; padding:2px; } */ .page-break,.print-only { display:none; } .question { cursor:pointer; } .read-more { background:url(/graphics/layout/neutral-button.gif) 0px 0 no-repeat; height:27px; padding:5px 0 0 0; text-align:center; width:84px; } #clp2-left table.two-col { margin-bottom:20px; border-collapse:collapse; } #clp2-left table.two-col td { border-left:1px solid #ccc; } #clp2-left table.two-col th { border-bottom:1px solid #ccc; border-left:1px solid #ccc; } #clp2-left table.two-col tr { border:none; } .h3-link { color:#3d6374; } /* no sub nav pages */ .no-subnav #content-left, .no-subnav #content-right { margin-top:10px; } * html .no-subnav #home-nav-border { height:48px; } * html .no-subnav #nav-main { margin-left:13px; } /* links */ a { color:#554b3a; } a:link, a:visited { text-decoration:none; } a:hover, a:active { text-decoration:underline; } a img { border:0; } #content-left-box-bottom a { color:#3d6374; } .link:link, .link:visited { color:#4e4b34; font-weight:bold; } /* header navigation */ .header-top-nav-third { float:left; height:26px; margin:0; padding:0; color:#fff; display:inline;} .header-nav-ul { float:left; list-style:none; margin:0; padding:0; display:inline;} .header-nav-ul li { float:left; background:#4e4b34; margin:0; height:26px; padding:0 10px; margin-right:1px; display:inline;} .header-nav-ul li a { display:block; color:#fff; text-decoration:none; padding:3px 0 0 0; } .header-nav-ul li a:hover { text-decoration:underline; } #help { margin:0 0px 0 100px; padding:5px 0 0 0; } * html #help { margin-left:80px; } #help { width:140px; } *html #help { width:160px; } #twitter { margin-right:5px; padding-top:4px; } /* navigation */ * html #navigation { margin: 0 auto; padding-left:10px; } #navigation ul { list-style:none; width:960px; padding-left:0; margin-left:0; padding-bottom:0; margin-bottom:0; } #navigation ul li { float:left; display:inline; height:33px; line-height:33px; text-align:center; position:relative; } * html #navigation ul li { height:24px; } #twitter { float:left; width:16px; } #twitter-icon { float:left; width:16px; } .nav-icon { display:block;width:12px; float:left; padding:4px 2px 0 0;display:inline; } /* #nav-main li { float:left; margin:0 2px 0 0; position:relative; } #nav-main li a { *//* position:absolute; top:0; left:0; bottom:0; right:0; *//* height:33px; display:block; background:url(/graphics/navleft.png) 0 0 no-repeat; } * html #nav-main li a { float:left; } #nav-main li a span { display:block; background:url(/graphics/nav-right.png) right 0 no-repeat; height:33px; white-space:nowrap; padding:0 13px 0 13px; cursor:pointer; } * html #nav-main li a span { float:left; }*/ /* STEVE's EDITS */ #nav-main li { float:left; margin:0 5px 0 0; position:relative; } #nav-main li a { background:url(/graphics/layout/tab_L.png) left -33px no-repeat; height:33px; display:block; } * html #nav-main li a { float:left; } #nav-main li a span { display:block; background:url(/graphics/layout/tab_R.png) right -33px no-repeat; height:33px; padding:0 13px 0 13px; margin-right:-3px; cursor:pointer; white-space:nowrap; } * html #nav-main li a span { float:left; } #nav-main li a:hover {background-position: left -66px;} #nav-main li a:hover span {background-position: right -66px;} #nav-main li.cur a { background:url(/graphics/layout/tab_L.png) left 0 no-repeat; color:#fff;} #nav-main li.cur a span { background:url(/graphics/layout/tab_R.png) right 0 no-repeat; color:#fff;} /* -----------*/ .nav-expand { position:absolute; padding:10px 11px 11px; top:32px; left:-63px; background:#fff; height:164px; width:499px; z-index:5000; display:none; background:url(/graphics/layout/expand-bg.png) 0 0 no-repeat; } .nav-expand.first { left:-130px; } .nav-expand.second { left:-180px; } .nav-expand.third { left:-220px; } .nav-expand.fourth { left:-300px; } .nav-expand.fifth { left:-395px; } .ex-info { text-align:left; padding:5px 9px 9px; width:481px; height:151px; background:transparent 100% 100% no-repeat; } .ex-info h3 { margin:0 0 5px; color:#3d6374; font-size:14px; line-height:19px; } #navigation .ex-info ul.norm { width:300px; padding:0 0 8px 10px; } #navigation .ex-info ul.norm li { text-align:left; margin:0px; padding:0px; float:none; display:block; height:19px; line-height:19px; } #navigation .ex-info ul.norm li a { color:#554b3a; background:url(/graphics/layout/arrow.gif) 0 50% no-repeat; margin:0px; padding:0 0 0 12px; display:inline; text-decoration:underline; } #navigation .ex-info ul.norm li a:hover, #navigation .ex-info ul.norm li a:active { text-decoration:none; } * html #navigation .ex-info ul.norm li { height:auto; clear:both; display:block; } * html #navigation .ex-info ul.norm li a { height:auto; clear:both; display:inline; } #expand-feedback .ex-info { background-image:url(/graphics/expands/360-degree-feedback.png); } #expand-coaching .ex-info { background-image:url(/graphics/expands/executive-coaching.png); } #expand-talent .ex-info { background-image:url(/graphics/expands/talent-management.png); } #expand-leadership .ex-info { background-image:url(/graphics/expands/leadership-development.png); } #expand-management .ex-info { background-image:url(/graphics/expands/management-consulting.png); } #expand-about .ex-info { background-image:url(/graphics/expands/about-calibra.png); } /*#nav-main li.cur a { background:url(/graphics/navleft-mo.png) 0 0 no-repeat; color:#fff; } #nav-main li.cur a span { background:url(/graphics/navright-mo.png) right 0 no-repeat; }*/ #nav-main li.momo a { background:url(/graphics/layout/tab_L.png) 0 -66px no-repeat; color:#554b3a; } #nav-main li.momo a:hover { color:#554b3a; } #nav-main li.momo a span { background:url(/graphics/layout/tab_R.png) right -66px no-repeat; color:#554b3a; } #navigation a:link, #navigation a:hover, #navigation a:active, #navigation a:visited { color:#554b3a; } #navigation ul a.mainBtn { display:block; height:33px; color:#554b3a; } a.mim:hover { text-decoration:none; display:none; } /* about us pages nav */ #clp2-right .about-nav { list-style:none; } #clp2-right .about-nav li a { background:url(/graphics/layout/arrow-wh.gif) 0 50% no-repeat;margin:0px; padding:0 0 0 12px; display:inline; text-decoration:underline; } /* DEMO */ /* #home { background:url(/graphics/layout/home-bg.gif) center top no-repeat; width:81px; } #home.cur { background:url(/graphics/layout/home-current-bg.gif) center top no-repeat; width:81px; } #feedback { background:url(/graphics/layout/feedback-bg.gif) center top no-repeat; width:147px; } #feedback:hover { background:url(/graphics/layout/feedback-bg.gif) center top no-repeat; } #coaching { background:url(/graphics/layout/coaching-bg.gif) center top no-repeat; width:147px;} #coaching.cur { background:url(/graphics/layout/coaching-current-bg.gif) center top no-repeat; width:147px; } #talent { background:url(/graphics/layout/talent-bg.gif) center top no-repeat; width:147px;} #leadership { background:url(/graphics/layout/leadership-bg.gif) center top no-repeat; width:167px;} #management { background:url(/graphics/layout/management-bg.gif) center top no-repeat; width:168px; } */ #home-nav-border { background:url(/graphics/layout/nav-border.gif) left bottom no-repeat; height:38px; } *+ html #home-nav-border { position:relative; margin:-34px 0 10px 0;} * html #home-nav-border { position:relative; margin:-34px 0 5px 0; } /* * html #nav-main { margin-left:13px; }*/ * html #home-nav-border { margin-left:13px; height:30px; width:960px; } #nav-border { clear:both; background:url(/graphics/layout/content-subnav-bg.gif) left bottom no-repeat; height:34px; margin-bottom:10px; width:945px; overflow:hidden; } #sub-navs-right ul li { height:31px !important; } * html #sub-navs-right ul li { z-index:1; } #sub-navs ul { padding:0 10px; } * html #sub-navs ul { z-index:1; position:absolute; } #sub-navs li { padding:0 5px; background:url(/graphics/subnavback.png) 0 0 repeat-x #4e4b34; margin-top:3px; } * html #sub-navs li { float:left; z-index:1; } #sub-navs li a { height:31px; } * html #sub-navs li a { float:left; z-index:1; } #sub-navs a:hover, #sub-navs a:link, #sub-navs a:visited { color:#fff; padding:0px; display:block; } li.first-subnav { width:7px; } li.last-subnav { background:url(/graphics/bottomrightsubnav.png) 0 bottom no-repeat #4e4b34; width:7px; } /* Home Page Call-Outs */ #right-call-out-bg { background:url(/graphics/layout/promo-img-bg.gif) 0 0 no-repeat; height:183px; width:223px; float:left; } #right-call-out-bg img { padding:15px 0 0 13px; } #right-call-out img { margin-top:8px; } /* footer/site-map */ .site-map { float:left; width:155px; border-left:1px solid #342e25; } .site-map a { display:block; padding:5px; color:#bdb6aa; } .site-map h3 { padding:5px; border-bottom:1px solid #342e25; font-weight:normal; line-height:27px; cursor:pointer; color:#e0dfd7; } .site-map ul { margin:0 0 0 -15px; color:#bdb6aa; font-size:11px;} #site-map-logo a { border-top:1px solid #342e25; color:#e0dfd7; padding:10px; } .site-map li { margin:0; padding:0; line-height:13px; } /* content landing page */ #content-right h3.main { width:204px; padding:12px; height:12px; color:#554b3a; background:url(/graphics/layout/content-sidebar-heading-bg.gif) left 0 no-repeat; } #content-right h3.alt { color:#3d6374; padding:15px 12px 0 12px; } #content-right h4 { padding:0 12px; } #content-right p { padding:12px; margin:0; } #page-history ul { list-style:none; padding-left:12px; } .neutral-button { display:block; background:url(/graphics/layout/neutral-button-tan-bg.gif) 0 0 no-repeat; height:17px; width:74px; padding:5px 0; text-align:center; margin:0 0 0 12px; } #content-left-main { float:left; width:420px; padding:0 20px; } #content-left-sidebar { float:left; width:215px; } #content-left-sidebar ul { padding-left:12px; } h2.know { color:#a08e1d; } /* content landing page 2 */ #clp2-left { width:426px; float:left; display:inline;overflow:hidden; padding:15px; padding-right:20px; border-right:1px solid #d4d3d1; margin-bottom:15px } #clp2-right { width:201px; float:left; display:inline; padding:15px; padding-right:0px; overflow:hidden; } #page-demo #clp2-left { width:461px; padding:0px; } /* half columns */ .c2hl, .c2hr { float:left; width:333px; } .c2hl { padding:0 10px 0 0; border-right:1px solid #aaa; margin:0 10px 0 0; } /* home page callouts */ /* Landing Page Banners */ .banner {} .banner div {background:url(/graphics/layout/content-break-shadow-bg.gif) center bottom no-repeat; height:127px; padding:100px 420px 20px 15px;} .banner h1 {font-size:20px; margin:0px; padding:0px;} .banner p {font-size:14px; margin:0px; padding:0px;} .banner-feedback {background:url(/graphics/banners/banner360.jpg) center top no-repeat} .banner-feedback h1 {color:#417381} .banner-coaching {background:url(/graphics/banners/bannerExecutive.jpg) center top no-repeat} .banner-coaching h1 {color:#af5f1e} .banner-talent {background:url(/graphics/banners/bannerTalentManagement.jpg) center top no-repeat} .banner-talent h1 {color:#801d1d} .banner-leadership {background:url(/graphics/banners/bannerLeadershipDevelopment.jpg) center top no-repeat} .banner-leadership h1 {color:#c4920c} .banner-management {background:url(/graphics/banners/bannerManagementConsulting.jpg) center top no-repeat} .banner-management h1 {color:#78a53d} .header360 {position:relative; margin-left:-13px; margin-top:-11px; margin-bottom:10px; padding:15px; background:url(/graphics/banners/bgBanner360.jpg) left top no-repeat; height:45px; width:420px} .header360 h1 {color:#fff; line-height:22px} .headerCoaching {position:relative; margin-left:-13px; margin-top:-11px; margin-bottom:10px; padding:15px; background:url(/graphics/banners/bgBannerExecutive.jpg) left top no-repeat; height:45px; width:420px} .headerCoaching h1 {color:#fff; line-height:22px} .headerTalent {position:relative; margin-left:-13px; margin-top:-11px; margin-bottom:10px; padding:15px; background:url(/graphics/banners/bgBannerTalent.jpg) left top no-repeat; height:45px; width:420px} .headerTalent h1 {color:#fff; line-height:22px} .headerLeadership {position:relative; margin-left:-13px; margin-top:-11px; margin-bottom:10px; padding:15px; background:url(/graphics/banners/bgBannerLeadership.jpg) left top no-repeat; height:45px; width:420px} .headerLeadership h1 {color:#fff; line-height:22px} .headerManagement {position:relative; margin-left:-13px; margin-top:-11px; margin-bottom:10px; padding:15px; background:url(/graphics/banners/bgBannerManagement.jpg) left top no-repeat; height:45px; width:420px} .headerManagement h1 {color:#fff; line-height:22px} .headerAbout {position:relative; margin-left:-13px; margin-top:-11px; margin-bottom:10px; padding:15px; background:url(/graphics/banners/bgBannerAbout.jpg) left top no-repeat; height:45px; width:420px} .headerAbout h1 {color:#fff; line-height:22px} /* Left Pannel Styles */ #clp2-left {} #clp2-left h1 {} #clp2-left img {position:relative; margin-left:-13px; margin-top:-13px; margin-bottom:15px} #clp2-left h2 {padding-bottom:15px} #clp2-left h3 {color:#333; padding:0px 0px 5px 0px; margin:0px} #clp2-left h4 {} #clp2-left h5 {} #clp2-left h6 {} #clp2-left p {padding:0px 0px 15px 0px; margin:0px; line-height:18px} #clp2-left p b {} #clp2-left strong {} #clp2-left ul {margin:0px; padding:0px; margin:-5px 0px 15px 15px} #clp2-left ul li {} #clp2-left ul li strong {color:#3d6374;} #clp2-left ol {margin:0px; padding:0px; margin:-5px 0px 15px 18px} #clp2-left ol li {} #clp2-left blockquote {padding:0px 15px 0px 15px; margin:0px} #clp2-left blockquote p {font-style:italic; line-height:18px} #clp2-left table { border-collapse:collapse; border:1px solid #ccc; } #clp2-left table th, #clp2-left table td { vertical-align:top; padding:5px; } #clp2-left table th { padding:13px 5px 5px 5px; } #clp2-left table th[scope="row"] { text-align:left; } #clp2-left table tr.odd { background:#efefef; } #clp2-left table tr { border-top:1px solid #ccc; } .partners img { display:block; padding:10px; } /* Right Pannel Styles */ #clp2-right {font-size:12px} #clp2-right img {position:relative; margin-left:-5px; margin-bottom:5px} * html #clp2-right img { position:relative; margin-left:0px; left:-5px; } #clp2-right h1 {} #clp2-right h2 {padding-bottom:10px} #clp2-right h3 {color:#333; padding:0px 0px 10px 0px; margin:0px; font-size:12px} #clp2-right h4 {} #clp2-right h5 {} #clp2-right h6 {} #clp2-right p {padding:0px 0px 10px 0px; margin:0px; line-height:16px; font-size:12px; color:#666} #clp2-right p b {} #clp2-right strong {} #clp2-right ul {margin:0px; padding:0px; margin-left:15px; padding-bottom:10px; color:#666} #clp2-right ul li {line-height:16px; padding-bottom:5px} #clp2-right ul li strong {color:#3d6374;} #clp2-right ol {margin:0px; padding:0px; margin-left:15px; color:#666} #clp2-right ol li {line-height:14px; padding-bottom:10px} #clp2-right ol li ul {list-style:none; margin:0px; } #clp2-right blockquote {padding:0px 15px 0px 15px; margin:0px} #clp2-right blockquote p {font-style:italic; line-height:18px} /* call-to-action */ .call-to-action { display:block; padding:15px 0 0 0px; border-top:1px solid #ccc} .basicTable {} #article-contents .basicTable td {padding:10px; width:50%; line-height:18px} #article-contents .basicTable td ul li, #article-contents ul li {line-height:14px} #article-contents ul li {line-height:16px; padding-bottom:8px} #article-contents ul ul { margin-top:5px; } #article-contents ol ul { margin-top:5px; margin-bottom:5px; } #article-contents ol ul li { padding-bottom:0px; } #article-contents ol li { margin-bottom:5px; } } /* print media */ @media print { /* global */ * { font-family:arial, helvetica, sans-serif; } body { color:#000; font-size:9pt; } /* layout */ #wrap,#footer { width:600px; margin:0; } #header, #navigation, #content-right, .no-print, #footer { display:none; } /* custom */ .print-only { display:block; } .page-break { page-break-before:always; } /* links */ a { text-decoration:underline; color:#999; } a:link:after, a:visited:after { content:" [" attr(href) "] "; } }