/***** WEB FONTS - START *****/
@font-face {
font-family:'UniversLTW01-47LightCn';
src: url('../../../../a/pgs/Fonts/296c59c2-74b0-41c1-bcfd-23d22a713f86.eot');
src: url('../../../../a/pgs/Fonts/296c59c2-74b0-41c1-bcfd-23d22a713f86.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/609beecf-8d23-4a8c-bbf5-d22ee8db2fc9.woff') format('woff'),
url('../../../../a/pgs/Fonts/a6595b8d-d4a3-4f01-bf21-0b53617d4b1c.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/1cd9ef2f-b358-4d39-8628-6481d9e1c8ce.svg#1cd9ef2f-b358-4d39-8628-6481d9e1c8ce') format('svg');
}
@font-face {
font-family:'UniversLTW01-47LightCnO';
src: url('../../../../a/pgs/Fonts/fdfeee3b-73cf-40fc-9d11-f05ad57d4674.eot');
src: url('../../../../a/pgs/Fonts/fdfeee3b-73cf-40fc-9d11-f05ad57d4674.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/d35821cc-c3b0-4c4a-b25c-4d2e6e4ace3f.woff') format('woff'),
url('../../../../a/pgs/Fonts/dd492f60-93ca-43bd-8f01-5b10260cf005.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/16ac32a0-c6e8-4e7b-8753-9b6ddfb10c48.svg#16ac32a0-c6e8-4e7b-8753-9b6ddfb10c48') format('svg');
}
@font-face {
font-family:'Univers LT W01 55 Roman';
src: url('../../../../a/pgs/Fonts/b5c30ea8-0700-4fd2-aa12-cc45074693a9.eot');
src: url('../../../../a/pgs/Fonts/b5c30ea8-0700-4fd2-aa12-cc45074693a9.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/7b95cb9a-a288-4405-97a0-13095f56a903.woff') format('woff'),
url('../../../../a/pgs/Fonts/c7481806-4ea4-40db-a623-7bc352bbbe43.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/ac8280da-3de5-456d-bd77-8f01665452a9.svg#ac8280da-3de5-456d-bd77-8f01665452a9') format('svg');
}
@font-face {
font-family:'UniversLTW01-55Oblique';
src: url('../../../../a/pgs/Fonts/783e01cd-5eb8-41d7-a380-a18673f2983b.eot');
src: url('../../../../a/pgs/Fonts/783e01cd-5eb8-41d7-a380-a18673f2983b.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/90c17e08-290d-4eba-ab33-77c81c1f559d.woff') format('woff'),
url('../../../../a/pgs/Fonts/d93b9eab-632d-4aaf-b7fa-5c17060d62fc.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/caa7a31a-310f-4020-8311-89816a31472f.svg#caa7a31a-310f-4020-8311-89816a31472f') format('svg');
}
@font-face {
font-family:'UniversLTW01-57Condense 723821';
src: url('../../../../a/pgs/Fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot');
src: url('../../../../a/pgs/Fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff') format('woff'),
url('../../../../a/pgs/Fonts/9b913baf-b1f0-47d2-8c76-42f59650058f.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/0abcce12-2274-4ee7-b6d5-0066b5f5f670.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670') format('svg');
}
@font-face {
font-family:'UniversLTW01-57CondenseOb';
src: url('../../../../a/pgs/Fonts/6fc47523-fa84-47de-b974-533db32eacd8.eot');
src: url('../../../../a/pgs/Fonts/6fc47523-fa84-47de-b974-533db32eacd8.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/34e6ea2e-62b2-49c9-b5e6-128fddfd9f6c.woff') format('woff'),
url('../../../../a/pgs/Fonts/01a871ba-586f-4d5e-8924-d4ec3b44f723.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/5ebb44ef-5450-4b20-9612-66b2a127178b.svg#5ebb44ef-5450-4b20-9612-66b2a127178b') format('svg');
}
@font-face {
font-family:'UniversLTW01-59UltraCn';
src: url('../../../../a/pgs/Fonts/9ff12269-014c-4b72-a738-a0d7ddbce820.eot');
src: url('../../../../a/pgs/Fonts/9ff12269-014c-4b72-a738-a0d7ddbce820.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/7cc7234f-05ac-4109-8b8a-93f13c489739.woff') format('woff'),
url('../../../../a/pgs/Fonts/6c4a7455-816a-41fb-8c03-dd71dcbbc686.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/383b7b06-99d7-4749-85ac-bf144981cfce.svg#383b7b06-99d7-4749-85ac-bf144981cfce') format('svg');
}
@font-face {
font-family:'Univers LT W01 65 Bold';
src: url('../../../../a/pgs/Fonts/db1c462f-8890-4a11-9de5-36872279e20a.eot');
src: url('../../../../a/pgs/Fonts/db1c462f-8890-4a11-9de5-36872279e20a.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/b993da84-c1f6-474a-8f00-8aa797b3de8f.woff') format('woff'),
url('../../../../a/pgs/Fonts/58403ef6-4c15-4280-b4b6-9acf50804f4f.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/9178e351-95c5-4913-9eeb-fd0645a18c2d.svg#9178e351-95c5-4913-9eeb-fd0645a18c2d') format('svg');
}
@font-face {
font-family:'UniversLTW01-67BoldCn';
src: url('../../../../a/pgs/Fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot');
src: url('../../../../a/pgs/Fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/21decb60-b395-4de2-bd04-e38eb2a56d2f.woff') format('woff'),
url('../../../../a/pgs/Fonts/091058d4-36b2-43f6-80d3-16c88e098061.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402') format('svg');
}
@font-face {
font-family:'UniversLTW01-67BoldCnOb';
src: url('../../../../a/pgs/Fonts/6881ee98-4e9b-4409-9695-e5b0118c7c84.eot');
src: url('../../../../a/pgs/Fonts/6881ee98-4e9b-4409-9695-e5b0118c7c84.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/53f66cd7-168f-4c66-9514-9dd103c763a0.woff') format('woff'),
url('../../../../a/pgs/Fonts/774a1d99-085d-4249-8c2c-0ce23fa975a6.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/056a520c-7f4a-4b3a-8465-a841cfe0b6b3.svg#056a520c-7f4a-4b3a-8465-a841cfe0b6b3') format('svg');
}
@font-face {
font-family:'UniversLTW01-67BoldCnOb';
src: url('../../../../a/pgs/Fonts/6881ee98-4e9b-4409-9695-e5b0118c7c84.eot');
src: url('../../../../a/pgs/Fonts/6881ee98-4e9b-4409-9695-e5b0118c7c84.eot?#iefix') format('embedded-opentype'),
url('../../../../a/pgs/Fonts/53f66cd7-168f-4c66-9514-9dd103c763a0.woff') format('woff'),
url('../../../../a/pgs/Fonts/774a1d99-085d-4249-8c2c-0ce23fa975a6.ttf') format('truetype'),
url('../../../../a/pgs/Fonts/056a520c-7f4a-4b3a-8465-a841cfe0b6b3.svg#056a520c-7f4a-4b3a-8465-a841cfe0b6b3') format('svg');
}
#search-tout-container h3,
.browse-enabled .focuson-takeaway blockquote cite,
.our-thinking-sidebar .teaser,
.browse-enabled .focuson-takeaway blockquote p,
.careers-dashboard .grid2-grad h4,
.categoryNav div h2,
.content-grid p.leadin,
.error-404 section h2,
.error-404 section p,
.featuredAward article h3,
.featuredQuote,
.focus-intro p,
.grid2 p.leadin,
.grid2-padded p.leadin,
.immersive .immersive-takeaway address span,
.search-grid p.result-count,
.tenk-content ul.gsgives li,
.tenk-intro p,
article.leadership header hgroup h2,
blockquote.ex span.cite,
div.filterBlog > span,
h2.person span,
p.leadin,
p.smallLeadin,
ul.committeeList li a,
.filterby-content p,
.grid-half article.worldwide figure figcaption p {
font-family: "UniversLTW01-47LightCn","Arial Narrow",Arial,Helvetica,sans-serif;
}
#search-tout-container h3 i,
.browse-enabled .focuson-takeaway blockquote cite i,
.our-thinking-sidebar .teaser i,
.browse-enabled .focuson-takeaway blockquote p i,
.careers-dashboard .grid2-grad h4 i,
.categoryNav div h2 i,
.content-grid p.leadin i,
.error-404 section h2 i,
.error-404 section p i,
.featuredAward article h3 i,
.featuredQuote i,
.focus-intro p i,
.grid2 p.leadin i,
.grid2-padded p.leadin i,
.immersive .immersive-takeaway address span i,
.search-grid p.result-count i,
.tenk-content ul.gsgives li i,
.tenk-intro p i,
article.leadership header hgroup h2 i,
blockquote.ex span.cite i,
div.filterBlog > span i,
h2.person span i,
p.leadin i,
p.smallLeadin i,
ul.committeeList li a i,
.filterby-content p i,
.grid-half article.worldwide figure figcaption p i {
font-family: "UniversLTW01-47LightCnO","Arial Narrow",Arial,Helvetica,sans-serif;
font-style: normal;
}
.awardsList p {
font-family: 'Univers LT W01 55 Roman', Arial, Helvetica, sans-serif
}
.awardsList p i {
font-family: 'UniversLTW01-55Oblique', Arial, Helvetica, sans-serif;
font-style: normal;
}
.annualMeeting .map h2,
.browse-enabled .focuson-authors ul li h3,
.careerspeople .profile-card .profile-data p.title,
.content-grid .mastheadOverlayPlain p,
.content-grid .mastheadOverlayPlain time,
.homepage-grid article#hero figcaption p,
.immersive .immersive-authors li h3,
.immersive .immersive-takeaway blockquote p,
.immersive .immersive-takeaway p,
.jobSummary dt,
.jobSummary dt.first,
.office-listings .filters h3,
.profile-card.careerspeople .profile-data p.title,
.relatedContent h2,
.stockPrice table.stockprice tbody tr td,
.stockPrice ul li span,
.tenk-partner aside.grid2 hgroup h3 span,
article p.dateline,
article span.article-source,
article tme,
blockquote.app p span strong,
blockquote.ex p,
dl.pplDescription dt,
header .social-icons li.twitter ul li a,
header .social-items li.twitter .twitter-submenu li a,
h1.article time,
nav.state li a,
nav.subpages li a,
ul#feedList li,
ul#shareList li,
ul#socialLinks ul#feedList li,
ul#socialLinks ul#shareList li,
ul#socialLinks.expanded ul#shareList li,
ul.boardList li h3 span {
font-family: 'UniversLTW01-57Condense 723821','Arial Narrow',Arial,Helvetica,sans-serif;
}
.annualMeeting .map h2 i,
.browse-enabled .focuson-authors ul li h3 i,
.careerspeople .profile-card .profile-data p.title i,
.content-grid .mastheadOverlayPlain p i,
.content-grid .mastheadOverlayPlain time i,
.homepage-grid article#hero figcaption p i,
.immersive .immersive-authors li h3 i,
.immersive .immersive-takeaway blockquote p i,
.immersive .immersive-takeaway p i,
.jobSummary dt i,
.jobSummary dt.first i,
.office-listings .filters h3 i,
.profile-card.careerspeople .profile-data p.title i,
.relatedContent h2 i,
.stockPrice table.stockprice tbody tr td i,
.stockPrice ul li span i,
.tenk-partner aside.grid2 hgroup h3 span i,
article p.dateline i,
article span.article-source i,
article tme i,
blockquote.app p span strong i,
blockquote.ex p i,
dl.pplDescription dt i,
footer .social-items li.twitter .twitter-submenu li a i,
h1.article time i,
nav.state li a i,
nav.subpages li a i,
ul#feedList li i,
ul#shareList li i,
ul#socialLinks ul#feedList li i,
ul#socialLinks ul#shareList li i,
ul#socialLinks.expanded ul#shareList li i,
ul.boardList li h3 span i {
/* todo: name? */
font-family: 'UniversLTW01-57CondenseOb','Arial Narrow',Arial,Helvetica,sans-serif;
font-style: normal;
}
.error-404 section h1,
.mastheadOverlayPlain h3,
.tenk-partner aside.grid2 hgroup h3,
h1,
h2.person,
.simple-tout.banner .description .content .title {
font-family: 'UniversLTW01-59UltraCn', 'Arial Narrow', Arial, Helvetica, sans-serif;
}
.error-404 section h1 i,
.mastheadOverlayPlain h3 i,
.tenk-partner aside.grid2 hgroup h3 i,
h1 i,
h2.person i,
.simple-tout.banner .description .content .title i {
/* todo: no oblique version */
}
/* todo: are we using this? */
.awardsList h3,
.awardsList h4{
font-family: 'Univers LT W01 65 Bold', Arial, Helvetica, sans-serif;
}
.awardsList h3 i,
.awardsList h4 i {
/* todo: name -- if we're using it */
font-family: 'Univers LT W01 65 Bold', Arial, Helvetica, sans-serif;
font-style: normal;
}
#endFrame a.learn,
#endFrame div.moreVideos .vidLists span.title,
#endFrame span,
#search-tout-container a,
#search-tout-container h2,
#tooltip,
.annualMeeting .map time,
.breadcrumbs a,
.browse-enabled .focuson-authors ul li a,
.browse-enabled.video-list a.view,
.careers .more-info h4,
.careers-dashboard #content ul.faqs li h2,
.careers-dashboard .grid-list a,
.careers-dashboard .grid2-grad .regions a,
.careers-dashboard .grid2-grad .search-but,
.careers-dashboard .intros h3,
.careers-dashboard .more,
.categoryNav ul li,
.dateList li p.card a,
.error-404 section ul li a,
.grid2-padded p.leadin.bold,
.homepage-grid .careersPromo h2,
.homepage-grid .careersPromo h3,
.homepage-grid .leadText h2,
.homepage-grid article .careersPromox1 h2,
.homepage-grid article figure a.view,
.homepage-grid article#hero figcaption ul li,
.homepage-grid h2,
.immersive .immersive-authors li a,
.immersive .immersive-takeaway address,
.jobSummary dd,
.jobSummary dd.first,
.listings li p span.city,
.listings li p span.country,.listings li p span.city,
.meet-the-women .order-tabs-box a,
.meet-the-women .order-tabs-box h4,
.more-info dd a.bioLink,.press-detail .more-info h4,
.more-info dt,
.people li a,
.profile-card,
.quickLinks ul li h3 a,
.quickLinks ul li h3 span.trunc,
.search-grid section.results ul.search-results h2,
.searchListing .caption,
.searchNav .searchCTA,
.sitemap ul li a,
.splitGrid ul li ul li a,
.stockPrice h3,
.stockPrice table.stockprice caption,
.stockPrice table.stockprice tfoot tr td,
.stockPrice table.stockprice thead tr th,
.stockPrice ul li,
.tenk-intro p.readMore a.moreLink,
.tenk-partner aside.grid2 .masterSubHeaderLink,
.tenk-partner aside.grid2 hgroup h2,
.tenk-touts p.readMore a.moreLink,
.view-all-box .view-all-btn,
a.buttonLink,
a.geoLink,
a.moreLink,
a.startQuiz,
blockquote.app p,
blockquote.ex span.cite strong,
body .appDeadLine p,
dl.pplDescription dd,
header .social-connect .label,
form#mailing button,
h1.smallText,
h2,
h3,
h4,
h5,
h6,
p.downloadLink a,
p.leadin.bold,
section.split-tout article figure a.view,
ul.blogList a.view,
ul.cards li a,
ul.inlineContextualNav li a,
ul.tags li,
ul.thirdLevelNav li a,
.top-level .content-carousel-item .content a,
.homepage-grid article.filter-list-category,
header #global-nav span,
.grid-half article.worldwide figure figcaption p.cta a {
font-family: 'UniversLTW01-67BoldCn','Segoe WP Semilight','Arial Narrow',Arial,Helvetica,sans-serif;
}
#endFrame a.learn i,
#endFrame div.moreVideos .vidLists span.title i,
#endFrame span i,
#search-tout-container a i,
#search-tout-container h2 i,
#tooltip i,
.annualMeeting .map time i,
.breadcrumbs a i,
.browse-enabled .focuson-authors ul li a i,
.browse-enabled.video-list a.view i,
.careers .more-info h4 i,
.careers-dashboard #content ul.faqs li h2 i,
.careers-dashboard .grid-list a i,
.careers-dashboard .grid2-grad .regions a i,
.careers-dashboard .grid2-grad .search-but i,
.careers-dashboard .intros h3 i,
.careers-dashboard .more i,
.categoryNav ul li i,
.dateList li p.card a i,
.error-404 section ul li a i,
.grid2-padded p.leadin.bold i,
.homepage-grid .careersPromo h2 i,
.homepage-grid .careersPromo h3 i,
.homepage-grid .leadText h2 i,
.homepage-grid article .careersPromox1 h2 i,
.homepage-grid article figure a.view i,
.homepage-grid article#hero figcaption ul li i,
.homepage-grid h2 i,
.immersive .immersive-authors li a i,
.immersive .immersive-takeaway address i,
.jobSummary dd i,
.jobSummary dd.first i,
.listings li p span.city i,
.listings li p span.country i,.listings li p span.city i,
.meet-the-women .order-tabs-box a i,
.meet-the-women .order-tabs-box h4 i,
.more-info dd a.bioLink i,.press-detail .more-info h4 i,
.more-info dt i,
.people li a i,
.profile-card i,
.quickLinks ul li h3 a i,
.quickLinks ul li h3 span.trunc i,
.search-grid section.results ul.search-results h2 i,
.searchListing .caption i,
.searchNav .searchCTA i,
.sitemap ul li a i,
.splitGrid ul li ul li a i,
.stockPrice h3 i,
.stockPrice table.stockprice caption i,
.stockPrice table.stockprice tfoot tr td i,
.stockPrice table.stockprice thead tr th i,
.stockPrice ul li i,
.tenk-intro p.readMore a.moreLink i,
.tenk-partner aside.grid2 .masterSubHeaderLink i,
.tenk-partner aside.grid2 hgroup h2 i,
.tenk-touts p.readMore a.moreLink i,
.view-all-box .view-all-btn i,
a.buttonLink i,
a.geoLink i,
a.moreLink i,
a.startQuiz i,
blockquote.app p i,
blockquote.ex span.cite strong i,
body .appDeadLine p i,
dl.pplDescription dd i,
footer .social-connect .label i,
form#mailing button i,
h1.smallText i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i,
p.downloadLink a i,
p.leadin.bold i,
section.split-tout article figure a.view i,
ul.blogList a.view i,
ul.cards li a i,
ul.inlineContextualNav li a i,
ul.tags li i,
ul.thirdLevelNav li a i,
.top-level .content-carousel-item .content a i,
.homepage-grid article.filter-list-category i,
.grid-half article.worldwide figure figcaption p.cta a i, {
font-family: 'UniversLTW01-67BoldCnOb','Segoe WP Semilight','Arial Narrow',Arial,Helvetica,sans-serif;
font-style: normal;
}
.scrollCue,
.twitter.hitArea .header a.nickname {
font-family:'UniversLTW01-67BoldCn';
}
.scrollCue i,
.twitter.hitArea .header a.nickname i{
font-family:'UniversLTW01-67BoldCnOb';
font-style: normal;
}
.homepage-grid article p.list-content.dark,
.homepage-grid .explore p {
font-family:'UniversLTW01-57Condense 723821';
}
.homepage-grid article p.list-content.dark i,
.homepage-grid .explore p i {
font-family: 'UniversLTW01-57CondenseOb';
font-style: normal;
}
#twitter-container li {
font-family:'UniversLTW01-47LightCn';
}
#twitter-container li i {
font-family:'UniversLTW01-47LightCnO';
font-style: normal;
}
#twitter-container .has-image p {
font-family:'Univers LT W01 55 Roman';
}
#twitter-container .has-image p i {
font-family:'UniversLTW01-55Oblique';
font-style: normal;
}
/***** WEB FONTS - END *****/
/**** hide outline for tabindex=-1 ****/
[tabindex="-1"] {
outline: 0;
}
/**** hide outline for tabindex=-1 ****/
/******* GLOBAL CSS - START *******/
.desktop-hidden {
display: none !important;
}
body {
font: 0.75em/1em Arial, Helvetica, sans-serif;
color: #2f3338;
}
.wf-inactive body {
font: 0.88em/1em Arial, Helvetica, sans-serif
}
sup{
vertical-align:super;
font-size:0.8em;
}
sub{
vertical-align:sub;
font-size:0.8em;
}
#wrapper {
width: 960px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
header,#content{
width:960px;
margin:auto;
overflow:hidden;
}
#content {
z-index: 10;
padding-bottom: 200px;
}
header {
margin: 10px auto 8px;
}
/*for global nav notification begin*/
#global-nav {
display: none;
height: 50px;
margin-bottom: 10px;
background-color: #2d4b6f;
}
#global-nav div {
padding-top: 20px;
margin: 0 auto;
width:960px;
}
#global-nav span {
font-size: 18px;
color: #fff;
}
#global-nav span.local-language {
text-transform: uppercase;
}
#global-nav span.action {
color: #7899c2;
cursor: pointer;
height: 22px;
margin: -10px 0 0 10px;
padding: 5px 15px 5px 10px;
}
#global-nav span.action:hover {
background: #7399c6;
color: #fff;
}
/*for global nav notification end*/
/* Search form */
form label {
display: none;
}
header form {
float: right;
display: block;
margin: 0;
}
form button {
background: #7399c6;
color: #fff;
border: none!important;
padding: 0;
margin: 0;
cursor: pointer;
height: 28px;
overflow: hidden;
}
form button img {
padding: 0;
margin: 0;
border: none!important;
}
form input#searchBox {
/*background: #e8f1f7 url('../../../../a/pgs/images/search-bg.jpg') left top no-repeat;*/
background: #e4ebef;
font-size: 10px;
border: 1px solid #c3cfd5;
border-right: 0;
padding: 7px 4px;
margin-right: -3px;
text-transform: uppercase;
color: #999;
-webkit-appearance: none;
display: block;
float: left;
}
form img.search-img {
cursor: pointer;
}
header #learnMore {
float: right;
font-size: 10px;
line-height: 32px;
margin-right: 16px;
margin-top: -8px;
text-transform: uppercase;
}
header .social-connect {
float:right;
display:block;
height:38px;
top:7px;
margin-right: 30px;
width:140px;
}
/* new social css begin*/
header .social-icons {
float:right;
display:block;
height:38px;
top:7px;
margin-right: 30px;
}
header .social-icons li {
display: block;
text-indent: -9999px;
float: left;
padding-left: 10px;
}
header .social-icons li.twitter,
header .social-icons li.linkedin {
padding-left: 0px;
}
header .social-icons li.twitter {
padding-right: 20px;
position: relative;
}
header .social-icons li.twitter ul:before {
position: absolute;
background: url('../../../../a/pgs/images/footer-social.png');
background-repeat: no-repeat;
background-position: -52px -2px;
right: 35px;
top: 1px;
width: 14px;
height: 8px;
content: "";
}
header .social-icons li.twitter:after {
background: url('../../../../a/pgs/images/footer-social.png');
background-repeat: no-repeat;
background-position: -2px -2px;
width: 8px;
height: 10px;
position: absolute;
right: 8px;
top: 50%;
margin-top: -4px;
content: "";
}
header .social-icons li.twitter:hover:after {
background-position: -14px -2px;
}
header .social-icons li.twitter:hover ul,
header .social-icons li.twitter:focus ul {
display: block;
}
header .social-icons li.twitter ul {
position: absolute;
display: none;
top: 20px;
bottom: -117px;
right: -18px;
width: 118px;
text-align: left;
z-index: 510;
padding: 8px;
}
header .social-icons li.twitter ul li {
float: none;
padding: 0 10px;
background: #7397c5;
text-indent: 0px;
}
header .social-icons li.twitter ul li a {
display: block;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #8facd1;
font-size: 13px;
line-height: 1;
text-transform: none;
background: #7397c5;
color: #fff;
}
header .social-icons li div {
background: url('../../../../a/pgs/images/footer-social.png');
background-repeat: no-repeat;
}
header .social-icons li.twitter div {
width: 22px;
height: 22px;
background-position: -70px -2px;
}
header .social-icons li.linkedin div {
width: 22px;
height: 22px;
background-position: -26px -2px;
}
header .social-icons li.gplus div {
width: 22px;
height: 22px;
background-position: -123px -2px;
}
header .social-icons li.youtube div {
width: 22px;
height: 22px;
background-position: -96px -2px;
}
/* new social css end*/
header form a.search-img div {
width: 28px;
height: 28px;
background: url('../../../../a/pgs/images/search-button.gif');
}
header .social-connect .label {
font-size: 1.375em;
line-height: 26px;
text-transform: uppercase;
float: left;
color: #33383f;
}
header .social-connect p {
display:none;
}
header ul.social-items {
float:right;
}
header ul.social-items li {
float: left;
padding-right:0;
padding-left:10px;
}
header ul.social-items li:first-child, header ul.social-items li.linkedin {
padding-left:0;
}
header .social-items li.twitter {
padding-right: 20px;
position: relative;
}
header .social-items li.twitter:after {
background: url('../../../../a/pgs/images/footer-social.png');
background-repeat: no-repeat;
background-position: -2px -2px;
width: 8px;
height: 10px;
position: absolute;
right: 8px;
top: 50%;
margin-top: -4px;
content: "";
}
header .social-items li.twitter .twitter-submenu {
position: absolute;
display: none;
top: 20px;
bottom: -117px;
right: -18px;
width: 118px;
text-align: left;
z-index: 510;
padding: 8px;
}
header .social-items li.twitter .twitter-submenu:before {
position: absolute;
background: url('../../../../a/pgs/images/footer-social.png');
background-repeat: no-repeat;
background-position: -52px -2px;
right: 35px;
top: 1px;
width: 14px;
height: 8px;
content: "";
}
header .social-items li.twitter .twitter-submenu li {
float: none;
padding: 0 10px;
background: #7397c5;
}
header .social-items li.twitter .twitter-submenu li a {
display: block;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #8facd1;
font-size: 13px;
line-height: 1;
text-transform: none;
background: #7397c5;
color: #fff;
}
footer .twitter-submenu li:last-child {
border: none;
}
header .social-items li.twitter:hover:after {
background-position: -14px -2px;
}
header .social-items li.twitter:hover .twitter-submenu {
display: block;
}
.footer-social {
background: url('../../../../a/pgs/images/footer-social.png');
background-repeat: no-repeat;
display: block;
text-indent: -9999px;
}
/* todo: fix specificity war */
header ul li a.footer-social-link {
margin-top: 0px;
}
.footer-social-gplus {
width: 22px;
height: 22px;
background-position: -123px -2px;
}
.footer-social-linkedin {
width: 22px;
height: 22px;
background-position: -26px -2px;
}
.footer-social-twitter {
width: 22px;
height: 22px;
background-position: -70px -2px;
}
.footer-social-youtube {
width: 23px;
height: 22px;
background-position: -96px -2px;
background-color: white;
border-radius: 2px;
}
/* Search form */
form label {
display: none;
}
header form {
float: right;
display: block;
margin: 0;
}
form button {
background: #7399c6;
color: #fff;
border: none !important;
padding: 0;
margin: 0;
cursor: pointer;
height: 28px;
overflow: hidden;
}
form button img {
padding: 0;
margin: 0;
border: none !important;
}
form input#searchBox {
/*background: #e8f1f7 url('../../../../a/pgs/images/search-bg.jpg') left top no-repeat;*/
background: #e4ebef;
font-size: 10px;
border: 1px solid #c3cfd5;
border-right: none;
padding: 7px 4px;
margin-right: -3px;
text-transform: uppercase;
width: 170px;
color: #999999;
-webkit-appearance: none;
display: block;
float: left;
}
/* Global footer styling */
footer {
clear: both;
font-size: 0.75em;
padding: 15px 0;
margin-bottom: 5px;
}
footer ul {}
footer ul li {
float: left;
padding-right: 15px;
}
footer ul li a {
text-decoration: none;
text-transform: uppercase;
display: block;
margin-top: 7px;
color: #333;
}
footer p {
float: right;
margin-top: 7px;
color: #333;
text-transform: uppercase;
}
footer a:hover {
color: #444444;
}
/* hide fonts till they load (safari effect) */
.wf-loading h3,
.wf-loading p,
.wf-loading a {
/*display: none;*/
}
div.video-icon {
background: transparent url('../../../../a/pgs/images/post-image-icon-video.png') no-repeat;
width: 36px;
height: 36px;
position: absolute;
margin-top: -37px;
}
/* Generic page elements */
/* Breadcrumbs */
.breadcrumbs {
background: #8a9fb7 url('../../../../a/pgs/images/breadcrumb-bg.png') right top repeat-y;
color: #fff;
position: relative;
overflow: hidden;
padding-left: 15px;
}
.breadcrumbs li {
display: block;
float: left;
position: relative;
overflow: hidden;
}
.breadcrumbs a {
display: block;
color: #fff;
padding: 7px 15px 7px 10px;
text-transform: uppercase;
text-decoration: none;
font-size: 1.126em;
background: transparent url('../../../../a/pgs/images/breadcrumb-chevron.gif') right 51% no-repeat;
}
.breadcrumbs .first a {}
.breadcrumbs .last a {
padding-right: 10px;
background-image: none;
}
/* Masthead image */
.grid2 img.masthead,
.grid2-padded img.masthead {
display: block;
width: 640px;
border: 0;
margin: 0 0 30px;
z-index: 1;
}
.divisions .grid2 img.masthead {
margin: 0;
}
/* Quick links */
.quickLinks {}
.quickLinks.clearPromoted {
margin-bottom: 166px;
}
.quickLinks ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
position: relative;
overflow: hidden;
}
.quickLinks ul li {
list-style-type: none;
padding: 0;
margin: 0;
width: 160px;
height: 160px;
position: relative;
overflow: hidden;
color: #fff;
}
.quickLinks ul li.quickNext {
float: right;
text-align: right;
}
.quickLinks ul li.quickPrevious {
float: left;
text-align: left;
}
.quickLinks ul li.noLink {
background: #6293ce url('../../../../a/pgs/images/quicklinks-bg.png') -40px top repeat-y;
}
.quickLinks ul li.singleQuickLink {
width: 320px;
}
.quickLinks ul li h3 {
position: absolute;
top: 0;
left: 0;
margin: 0;
line-height: 1;
z-index: 100;
zoom: 1;
}
.quickLinks ul li h3 a {
display: block;
position: relative;
padding: 100px 15px 20px;
margin: 0;
width: 130px;
height: 40px;
font-size: 0.833em;
text-decoration: none;
color: #fff;
}
.quickLinks ul li.quickNext h3 a {
background: #5c8dc8 url('../../../../a/pgs/images/quicklinks-bg-next.png') right top repeat-y;
}
.quickLinks ul li.quickPrevious h3 a {
background: #6293ce url('../../../../a/pgs/images/quicklinks-bg-prev.png') left top repeat-y;
}
.quickLinks ul li.singleQuickLink h3 a {
width: 290px;
}
.quickLinks ul li.singleQuickLink.quickNext h3 a {
background: #5c8dc8 url('../../../../a/pgs/images/quicklinks-bg-next-single.png') right top repeat-y !important;
}
.quickLinks ul li.singleQuickLink.quickPrevious h3 a {
background: #5c8dc8 url('../../../../a/pgs/images/quicklinks-bg-prev-single.png') left top repeat-y !important;
}
.quickLinks ul li h3 span {
font: 0.777em Arial, Helvetica, sans-serif;
text-transform: none;
display: block;
clear: both;
}
.quickLinks ul li h3 span.hide {
display: none;
}
.quickLinks ul li h3 span.trunc {
font-size: 1em;
text-transform: uppercase;
}
/* Category page */
/* Category navigation list */
.categoryNav {
margin: 1em 0;
}
.categoryNav div {
/*
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
column-gap: 1em;
column-rule: none;
column-fill: balance;
*/
width: 45%;
float: left;
}
.categoryNav div p {
/*
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
column-gap: 1em;
column-rule: none;
column-fill: balance;
*/
width: 250px;
float: left;
}
.categoryNav div h2 {
font-size: 1.666666667em;
line-height: 1.3;
text-transform: none;
width: auto;
}
.categoryNav ul li {
font-size: 1.333em;
line-height: 2.25;
}
.categoryNav ul li a {
text-decoration: none;
text-transform: uppercase;
color: #2f3338;
padding-right: 15px;
background: transparent url('../../../../a/pgs/images/link-bullet.gif') right 50% no-repeat;
}
/* Featured items */
.featuredItems {
float: left;
}
.featuredItems article {
padding-bottom: 20px;
}
.featuredItems article img.articleImg {}
.featuredItems article figcaption {
display: block;
position: relative;
}
.featuredItems article h3 {
padding: 10px 15px 0;
margin: 0 0 0.25em;
line-height: 1;
font-size: 1.333em;
}
.featuredItems article h3 a {
text-decoration: none;
color: #2f3338;
}
.featuredItems article h3 span {
font: 0.611em/1.5 Arial, Helvetica, sans-serif;
color: #5d6267;
display: block;
clear: both;
}
.featuredItems article p {
font-size: 1em;
padding: 0 40px 15px 15px;
}
/* Featured quote */
.featuredQuote {
float: left;
position: relative;
overflow: hidden;
padding: 55px 35px;
min-height: 340px;
font-size: 2em;
line-height: 1.3;
color: #fff;
background: #8d9db2; /* Old browsers */
background: -moz-linear-gradient(left, #8d9db2 0%, #536378 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8d9db2), color-stop(100%,#536378)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #8d9db2 0%,#536378 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #8d9db2 0%,#536378 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #8d9db2 0%,#536378 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d9db2', endColorstr='#536378',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #8d9db2 0%,#536378 100%); /* W3C */
}
.featuredQuote * {
width: auto !important;
}
.blockHighlight,
.unlinkedNav {
padding: 20px 20px 10px;
margin: 0 -20px;
border-bottom: 1px solid #e6e7e9;
}
.blockHighlight:focus,
.blockHighlight:hover {
background: #e6e7e9;
}
.blockHighlight h2,
.unlinkedNav h2 {
margin-top: 0;
}
.blockHighlight h2 a {
color: #2f3338;
text-decoration: none;
/*padding-right: 15px;
background: transparent url('../../../../a/pgs/images/link-bullet.gif') right 50% no-repeat;*/
}
.grid2-padded .blockHighlight h2 a {
padding-right: 15px;
background: transparent url('../../../../a/pgs/images/link-bullet.gif') right 50% no-repeat;
}
/* Generic typography */
strong,
b {
font-weight: bold;
}
em,
i {
font-style: italic;
}
code {
font: 1em monospace;
text-transform: none;
color: #666;
background: #ccc;
padding: 0 5px;
}
h1 {
font-size: 3.916666667em;
line-height: 0.936170213;
text-transform: uppercase;
padding-top: 0.425531915em;
margin: 0 0 0.5em;
}
h1.masthead {
padding: 0;
margin: 0 -20px 0.5em;
}
h1.parent {
/* padding-top: 0;*/
padding-top: 0.340425532em;
}
h1.parent br {
display: none;
}
h1.parent span {
display: block;
font-size: 0.566em;
/* margin-top: -5px;*/
margin-bottom: 2px;
}
h1.parent.blue {
color: #6293ce;
font-size: 3.8em;
}
h1.parent.blue span {
font-size: 0.566em;
color: #fff;
}
h1.smalBig {
width: 100%
}
h1.smalBig span {
font-size: 0.566em;
}
h1.article {
width: 600px;
}
h1.article time {
display: block;
margin: 5px 0 0 0;
padding: 0;
font-size: 0.264em;
line-height:1;
color: #2f3338;
float: none;
}
.mastheadOverlay {
position: absolute;
top: 0;
left: 20px;
color: #fff;
margin: 0 170px 0 0;
z-index: 1000;
}
.mastheadOverlayPlain {
color: #fff;
margin: 0;
background: url("../../../../a/pgs/images/masthead-plain.jpg") 0 0 repeat-y;
width: 600px;
padding: 20px;
height: 120px;
z-index: 1000;
}
.grid3 .mastheadOverlayPlain {
width: auto;
background: url("../../../../a/pgs/images/masthead-plain-wide.jpg") 0 0 repeat-y;
}
.mastheadOverlayPlain h1 {
padding-top: 0px;
clear: left;
}
.mastheadOverlayPlain h3 {
float: left;
clear: right;
font-size: 2.56666667em;
line-height: 1.56170213;
margin-left: 0.33em;
margin-top:0;
color: #6293CE;
}
.browse-enabled .content-grid.browseDropdown section .mastheadOverlayPlain.has-nav h3{
margin-left: 0;
}
.mastheadOverlayPlain.our-thinking-article h3{
margin-left: 0px;
}
.mastheadOverlayPlain.our-thinking-article h1{
font-size: 30px;
}
.content-grid .mastheadOverlayPlain p {
margin: 0;
font-size: 1.333333333em;
line-height: 1.125;
}
.content-grid .mastheadOverlayPlain time {
display: block;
font-size: 1em;
line-height: 1;
margin-top: -14px;
margin-bottom: 12px !important;
}
.content-grid .text-tools-content img.image-padding {
width: 130%;
}
.grid2 .mastheadOverlay {
left: 20px;
}
h1.masthead img.mastheadImg {
width: 640px;
}
h1.smallText {
width: 400px;
font-size: 2.50em;
line-height: 1.2;
margin-bottom: 0.875em;
}
.careersF .mastheadOverlayPlain h1 {
margin-bottom: 10px;
}
h1.tripleHead {
color: #fff;
z-index: 1000;
}
h1.tripleHead span {
display: block;
}
h1.tripleHead .second {
color: #c2c2c2;
display: block;
margin-top: 5px;
}
h1.tripleHead .third {
color: #6293ce;
margin-top: 5px;
}
h2 {
font-size: 1.333em;
line-height: 1.5;
text-transform: uppercase;
margin: 2em 0 0.55em;
}
h2.explore {
line-height: 0.6;
}
h3 {
font-size: 1.167em;
line-height: 1.5;
text-transform: uppercase;
margin: 2em 0 0.55em;
}
h4 {
font-size: 1.000em;
line-height: 1.5;
}
h5 {
font-size: 0.833em;
line-height: 1.5;
}
h6 {
font-size: 0.667em;
line-height: 1.5;
}
p.leadin,
.content-grid p.leadin {
font-size: 1.84em;
line-height: 1.25;
margin: 0.5em 0 1em;
}
p.smallLeadin {
font-size: 2em !important;
line-height: 1.25 !important;
margin-bottom: 0.75em;
}
p.leadin.bold, .grid2-padded p.leadin.bold {
font-size: 1.333em;
line-height: 1.5;
}
p.leadin .author, p.leadin .position {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
p.leadin a span {
color: #eeeeee;
}
p.moreLink {
text-transform: uppercase;
margin: -1em 0 1em;
font-size: 0.8em;
}
p.moreLink a{
text-decoration: none;
}
a {
color: #3971b9;
text-decoration: none;
}
a:focus,
a:hover {
text-decoration: underline;
}
.fl {
float: left;
}
.fr {
float: right;
}
.cl {
clear: left;
}
.cr {
clear: right;
}
.cb {
clear: both;
}
/* Generic styles */
ul.normal {
list-style: disc;
list-style-type: disc !important;
width: 50em;
margin: 1em 0 1em 1.3em;
}
ul.normal li {
list-style: disc;
list-style-type: disc !important;
list-style-position: outside;
line-height: 1.5;
font-size: 1.167em;
}
ul.normal li ul {
margin: 0 0 0 0.9em;
}
ul.normal li ul li {
font-size: 1em;
}
ol.normal {
list-style-type: decimal;
counter-reset: item;
}
.grid2 ul.normal,
.grid2-padded ul.normal,
.grid2 ol.normal,
.grid2-padded ol.normal {
width: 470px;
}
ol.normal li {
list-style-type: none;
font-weight: normal;
margin-bottom: 1em;
font-size: 1.167em;
}
ol.normal li:before {
content: counter(item) '.';
counter-increment: item;
font-weight: bold;
padding-right: 0.5em;
}
ol.normal li ol {
counter-reset: item;
margin-left: 1em;
}
ol.normal li ol li {
font-size: 1em;
}
/* Generic border styling */
.topBorder {
border-top: 1px solid #e6e7e9;
}
.bottomBorder {
border-bottom: 1px solid #e6e7e9;
}
.noBorder {
border: none !important;
}
/* Separators */
hr {
height: 1px;
background: transparent;
border: none;
border-bottom: 1px solid #e6e7e9;
margin: 20px 0;
}
.grid2-padded hr {
margin: 20px -20px;
}
/* Gradient backgrounds */
/* Single grid width elements */
.grid1-grad1 {
background: url('../../../../a/pgs/images/grid1-grad1.jpg') right top repeat-y;
}
.grid3-grad1 {
background: url('../../../../a/pgs/images/grid1-grad1.jpg');
background-size: 100%;
background-repeat: repeat;
}
.grid3-grad2 {
background: url('../../../../a/pgs/images/grid1-grad2.jpg');
background-size: 100%;
background-repeat: repeat;
}
.grid3-grad3 {
background: url('../../../../a/pgs/images/grid1-grad3.jpg');
background-size: 100%;
background-repeat: repeat;
}
.grid3-grad4 {
background: url('../../../../a/pgs/images/grid1-grad4.jpg');
background-size: 100%;
background-repeat: repeat;
}
.grid3-grad5 {
background: url('../../../../a/pgs/images/grid1-grad5.jpg');
background-size: 100%;
background-repeat: repeat;
}
.grid3-grad6 {
background: url('../../../../a/pgs/images/grid1-grad6.jpg');
background-size: 100%;
background-repeat: repeat;
}
.grid1-grad2 {
background: url('../../../../a/pgs/images/grid1-grad2.jpg') right top repeat-y;
}
/*make background expend to entire div, examples in linkslistExploreCitizenshipDesktop.vm*/
.grid1-grad2.full-background-size {
background-size: 100%;
}
.grid1-grad3 {
background: url('../../../../a/pgs/images/grid1-grad3.jpg') right top repeat-y;
}
.grid1-grad4 {
background: url('../../../../a/pgs/images/grid1-grad4.jpg') right top repeat-y;
}
.grid1-grad5 {
background: url('../../../../a/pgs/images/grid1-grad5.jpg') right top repeat-y;
}
.grid1-grad6 {
background: url('../../../../a/pgs/images/grid1-grad6.jpg') right top repeat-y;
}
/* Double grid width elements */
.grid2-grad1 {
background: url('../../../../a/pgs/images/grid2-grad1.png') right top repeat-y;
}
.subpages.fl.grid2-grad1.mobile-clearfix {
background: none;
}
/* Triple grid width elements */
.grid3-gradient {
background: #f0f1f3; /* Old browsers */
background: -moz-linear-gradient(left, #f0f1f3 0%, #f6f7f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f0f1f3), color-stop(100%,#f6f7f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f0f1f3 0%,#f6f7f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f0f1f3 0%,#f6f7f9 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #f0f1f3 0%,#f6f7f9 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f3', endColorstr='#f6f7f9',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #f0f1f3 0%,#f6f7f9 100%); /* W3C */
}
/* Forced typography fixed for IE<=6 and other browsers on Windows XP / Windows Server 2003 */
.forceTypography #content p {
font-family: Arial, Helvetica, sans-serif;
}
.forceTypography footer {
font-family: Arial, Helvetica, sans-serif;
}
/* Miscelanous form styling */
input.placeholderFocus {
color: #000;
}
/* General utility classes */
.hidden {
display: none !important;
}
.invisible {
visibility: hidden;
}
.fullHeight {
height: 100%;
}
.noMargin {
margin: 0 !important;
}
.uppercase {
text-transform: uppercase !important;
}
.lowercase {
text-transform: lowercase !important;
}
.defaultcase {
text-transform: none !important;
}
/* Generic "save" links */
.saveLink a {
display: block;
height: 35px;
width: 18px;
text-indent: -999px;
background: transparent url('../../../../a/pgs/images/icons-sprite.gif') left top no-repeat;
background-position: 0 0;
}
.saveLink a:hover,
.saveLink a:focus {
background-position: 0 -64px;
}
/* Generic "button" links */
a.buttonLink {
display: inline-block;
width: auto;
padding: 5px 20px;
margin: 1.5em 0;
margin: 0;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
color: #fff;
background: #5f6d7d;
}
a.buttonLink:hover,
a.buttonLink:focus {}
/* "Social" links [pending full "add this" integration] */
ul#socialLinks {
overflow: visible;
/*margin: 0 0 3em;*/
margin: 0 0 7em;
}
ul#socialLinks.topRight {
float: right;
clear: left;
margin: 20px 0 -30px 0;
}
ul#socialLinks.pullUp {
margin-top: -5.5em !important;
}
ul#socialLinks.topRight.leadership {
clear: none;
}
ul#socialLinks.clearBelow {
margin-bottom: 20px;
}
.mediaComponentSocial {
position: relative;
clear: both;
height: 35px;
overflow: hidden;
padding: 7px 0 7px 18px;
background-color: #000;
}
.grid2 ul#socialLinks.topRight {
margin-right: 20px;
}
ul#socialLinks.hasMasthead {
margin-top: -10px;
}
ul#socialLinks li {
display: block;
float: left;
margin: 0 10px 0 0;
height: 35px;
position: relative;
}
ul#socialLinks.topRight li {
margin: 0 0 0 10px;
}
ul#socialLinks li a {
display: block;
height: 35px;
width: 30px;
text-indent: -1200px;
background: transparent url('../../../../a/pgs/images/icons-sprite.gif') left top no-repeat;
}
.content-tenk ul#socialLinks li a {
background-image: url("../../../../a/pgs/images/icons-sprite-light.gif");
}
.mediaComponentSocial ul#socialLinks li a {
background-image: url("../../../../a/pgs/images/icons-sprite-dark.gif");
}
ul#socialLinks li.saveLink a {
width: 18px;
background-position: 0 0;
}
ul#socialLinks li.saveLink a:hover,
ul#socialLinks li.saveLink a:focus {
background-position: 0 -64px;
}
ul#socialLinks li.shareLink a {
width: 26px;
background-position: -31px 0;
}
ul#socialLinks li.shareLink a:hover,
ul#socialLinks li.shareLink a:focus {
background-position: -31px -64px;
}
ul#socialLinks li.printLink a {
width: 25px;
background-position: -70px 0;
}
ul#socialLinks li.printLink a:hover,
ul#socialLinks li.printLink a:focus {
background-position: -70px -64px;
}
ul#socialLinks li.printLink a span {
display: none;
/* Used to suppress default "AddThis" print icon */
}
ul#socialLinks li.rssLink a {
width: 25px;
background-position: -108px 0;
}
ul#socialLinks li.rssLink a:hover,
ul#socialLinks li.rssLink a:focus {
background-position: -108px -64px;
}
.grid2-padded ul#socialLinks .printLink,.grid2-padded ul#socialLinks .rssLink {
float: right;
}
div#feedOverlay {
display: none;
position: absolute;
top: 230px;
right: 35px;
padding: 20px 0 0 15px;
width: 164px;
height: 200px;
background: url("../../../../a/pgs/images/feeds-bg.png") 0 0px no-repeat;
z-index: 9999;
}
ul#feedList li {
display: block;
margin: 0 0 15px 0;
padding: 0 0 0 60px;
height: 22px;
width: 75px;
color: #7397c5;
font-size: 1.25em;
line-height: 1.5;
cursor: pointer;
text-indent: 0;
}
ul#socialLinks ul#feedList li {
float: none;
margin: 0 0 15px 0;
font-style: normal;
font-size: 0.95em;
line-height: 1.5;
}
/**************** social links - expanded (start) ****************/
ul#socialLinks.expanded {
height:25px;
margin: 0 0 1em;
}
.mediaComponentSocial ul#socialLinks.expanded {
height:45px;
margin: 0;
right : 15px;
}
ul#socialLinks.borders {
border:1px solid #c9ced4;
border-left:none;
border-right:none;
clear: both;
height: 45px;
margin: 20px;
}
.grid2-padded ul#socialLinks.borders,
.padded ul#socialLinks.borders {
margin-left: 0px;
}
ul#socialLinks.expanded li {
height: 25px;
margin: 10px 10px 10px 0;
}
ul#socialLinks.expanded li.shareLink {
float: right;
margin-right: 0;
}
ul#socialLinks.expanded li a {
height: 25px;
}
ul#socialLinks.expanded ul#shareList li {
color: #7397C5;
cursor: pointer;
display: block;
font-size: 1.25em;
line-height: 1.5;
height: 25px;
margin: 0 0 15px;
padding: 0 0 0 0;
text-indent: 0;
width: 30px;
}
ul#socialLinks.expanded ul#shareList li {
float: left;
}
ul#socialLinks.expanded ul#shareList li#share {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll 0 -125px transparent;
cursor: default;
margin-right: 16px !important;
width: 49px;
}
ul#socialLinks.expanded ul#shareList li#email {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll 0 0 transparent;
margin-right:4px !important;
}
ul#socialLinks.expanded ul#shareList li#facebook {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll 0 -25px transparent;
}
ul#socialLinks.expanded ul#shareList li#twitter {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll 0 -50px transparent;
}
ul#socialLinks.expanded ul#shareList li#linkedin {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll 0 -75px transparent;
}
ul#socialLinks.expanded ul#shareList li#google {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll 0 -150px transparent;
}
ul#socialLinks.expanded ul#shareList li#more {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll 0 -100px transparent;
margin-left:5px !important;
width: 60px;
}
ul#socialLinks.expanded ul#shareList li#email:hover {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll -30px 0 transparent;
}
ul#socialLinks.expanded ul#shareList li#facebook:hover {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll -30px -25px transparent;
}
ul#socialLinks.expanded ul#shareList li#twitter:hover {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll -30px -50px transparent;
}
ul#socialLinks.expanded ul#shareList li#linkedin:hover {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll -30px -75px transparent;
}
ul#socialLinks.expanded ul#shareList li#google:hover {
background: url("../../../../a/pgs/images/icons-social-sprite_new.png") no-repeat scroll -30px -150px transparent;
}
/* Media Relations Newsroom - Start */
.newsroom h3 {
float: left;
margin-top:0.5em;
margin-right: 1em;
}
/*Media Relations Newsroom - End */
.mobile-switch {
position: absolute;
margin-top: 25px;
left: 660px;
font-size: 10px;
padding: 3px 5px;
background-color: #5283bd;
color: white;
bottom: 17px;
}
.uat-switch, .staging-switch {
position: absolute;
margin-top: 25px;
left: 760px;
font-size: 10px;
padding: 3px 5px;
background: red;
color: white;
opacity: 0.6;
bottom: 17px;
}
.uat-marker {
float: left;
position: absolute;
left: 85px;
top: 20px;
font-size: 25px;
color: red;
}
.staging-switch {
background: green;
bottom: 17px;
left: 760px;
}
.urbanInvestments .inlineContextualNav li {
display: inline-block;
margin-right: 2em;
width: 260px;
font-size: 14px;
}
.worldwide-home .inlineContextualNav li {
display: inline-block;
margin-right: 2em;
width: 460px;
font-size: 14px;
}
.worldwide-home .content-grid-half .inlineContextualNav li {
width: 40%;
padding-top: 2%;
border-bottom: 1px solid #e6e7e9;
}
.worldwide-home .content-grid-half ul.inlineContextualNav li:nth-of-type(1),
.worldwide-home .content-grid-half ul.inlineContextualNav li:nth-of-type(2) {
border-top: 1px solid #e6e7e9;
}
.careers-dashboard #content ul.faqs li h2 {
color: #2f3338;
font-size: 1em;
text-transform: uppercase;
}
ul.normal li ul.normal, ul.normal li ul.normal li {
list-style-type: circle !important;
}
.grid2-padded .has-table p {
width: 370px;
padding-left: 10px;
}
.grid2-padded .has-table td {
display: inline-block;
float: left;
padding-bottom: 20px;
}
.grid2-padded .has-table.small tr {
border-bottom: 1px solid #e6e7e9;
}
.grid2-padded .has-table.small img {
width: 120px;
}
.grid2-padded .has-table.small p {
font-size: 1em;
width: 485px;
margin-bottom: 0px;
}
.grid2-padded .has-table.small td {
padding: 5px 0;
}
.meet-the-women .order-tabs-box {
display: inline-block;
text-transform: uppercase;
overflow: hidden;
width: 380px;
position: absolute;
top: 53px;
left: 400px;
}
.meet-the-women .order-tabs-box h4, .meet-the-women .order-tabs-box a {
font-size: 1.1666em;
color: #a9adb4;
}
.meet-the-women .order-tabs-box h4 {
float: left;
width: 64px;
padding-top: 2px;
}
.meet-the-women .order-tabs-box li {
float: left;
padding-right: 20px;
display: list-item;
}
.meet-the-women .order-tabs-box a {
display: inline;
font-size: 0.9em;
}
.meet-the-women .order-tabs-box .selected a {
color: #fff;
}
.careersBlog .grid1-splitcolumn h2 {
margin-top: 0.55em;
}
.tenk-intro ul#socialLinks.expanded ul#shareList li, ul#socialLinks.expanded li.shareLink {
float: left;
}
.tenk-intro .mediaComponentSocial ul#socialLinks.expanded {
left: 20px;
}
#search-tout-container h3 {
font-size: 1.30em;
margin: 10px 0 0.6em;
text-transform: uppercase;
}
#search-tout-container div.hitArea {
border-bottom: none;
padding: 0;
background-color: #E6E7E9;
}
#search-tout-container div div{
width: 625px;
height: 200px;
}
#search-tout-container h2 {
font-size: 1.5em;
padding: 10px 0;
}
#search-tout-container img {
float: left;
margin-right: 10px;
}
#search-tout-container p {
font-family: Arial, Helvetica, sans-serif;
text-transform: none;
font-size: 1.266666667em;
padding-bottom: 10px;
line-height: 17px;
}
#search-tout-container a{
color: #5283bd;
font-size: 1.16667em;
line-height: 1.3;
padding-top: 10px;
text-transform: uppercase;
}
.gs-gives .mastheadOverlayPlain .masthead {
width: 10%;
}
.gs-gives .mastheadOverlayPlain h1.mastheadOverlay {
top:70px;
margin-right: 30px;
}
@media screen and (min-width:1230px) {
.careers-dashboard #content ul.faqs li h2 {
font-size: 1.2em;
}
.urbanInvestments .inlineContextualNav li {
width: 340px;
font-size: 16px;
}
.worldwide-home .inlineContextualNav li {
width: 540px;
font-size: 16px;
}
.hasMoreInfo ul#socialLinks{
height: 35px;
width:510px;
}
.hasMoreInfo ul#socialLinks.expanded{
height: 45px;
}
.meet-the-women .order-tabs-box {
left: 550px;
}
.gs-gives .mastheadOverlayPlain h1.mastheadOverlay {
top: 90px;
margin-right: 80px;
}
.grid2-padded .has-table.small img {
width: 165px;
}
.grid2-padded .has-table.small p {
font-size: 1.1em;
width: 600px;
margin-bottom: 0px;
}
}
/**************** social links - expanded (end) ****************/
.tenk-intro ul#socialLinks ul#feedList li {
font-size: 1.278em;
}
ul#feedList li#feedXML {
background: url("../../../../a/pgs/images/icons-social-sprite.png") 0 -200px no-repeat;
}
ul#feedList li#feedGoogle {
background: url("../../../../a/pgs/images/icons-social-sprite.png") 0 -250px no-repeat;
}
ul#feedList li#feedMyYahoo {
background: url("../../../../a/pgs/images/icons-social-sprite.png") 0 -300px no-repeat;
}
ul#feedList li#feedBloglines {
background: url("../../../../a/pgs/images/icons-social-sprite.png") 0 -350px no-repeat;
}
div#shareOverlay {
display: none;
position: absolute;
top: 35px;
left: -5px;
padding: 20px 0 0 15px;
width: 164px;
height: 200px;
background: url("../../../../a/pgs/images/share-bg-left.png") 0 0px no-repeat;
z-index: 9999;
}
.fr div#shareOverlay,
.topRight div#shareOverlay,
.mediaComponentSocial div#shareOverlay {
right: -25px;
left: auto;
background: url("../../../../a/pgs/images/share-bg-right.png") 0 0px no-repeat;
}
ul#shareList {
z-index: 9999;
}
ul#shareList li {
display: block;
margin: 0 0 15px 0;
padding: 0 0 0 60px;
height: 22px;
width: 75px;
color: #7397c5;
font-size: 1.25em;
line-height: 1.5;
cursor: pointer;
text-indent: 0;
}
ul#socialLinks ul#shareList li {
float: none;
margin: 0 0 15px 0;
font-style: normal;
font-size: 0.95em;
line-height: 1.5;
}
.tenk-intro ul#socialLinks ul#shareList li {
font-size: 1.278em;
}
ul#shareList li#facebook {
background: url("../../../../a/pgs/images/icons-social-sprite.png") 0 0 no-repeat;
}
ul#shareList li#twitter {
background: url("../../../../a/pgs/images/icons-social-sprite.png") 0 -50px no-repeat;
}
ul#shareList li#linkedin {
background: url("../../../../a/pgs/images/icons-social-sprite.png") 0 -100px no-repeat;
}
ul#shareList li#email {
background: url("../../../../a/pgs/images/icons-social-sprite.png") 0 -150px no-repeat;
}
ul#shareList li#more {
padding-left: 0px;
}
p.downloadLink {
margin: 3em 0 !important;
}
p.downloadLink a {
color: #637182;
text-decoration: none;
text-transform: uppercase;
font-size: 0.75em;
line-height: 1.5;
}
select.sorting {
border: 1px solid #c3cfd5;
padding: 2px 0px;
width: 170px;
margin-bottom: 10px;
}
div.customSelect {
position: relative;
background: #ffffff;
z-index: 400;
margin-bottom: 20px;
height: 30px;
width: 239px;
}
div.customSelect p{
margin: 0;
}
.searchNav div.customSelect {
z-index: 500;
}
div.customSelect.closed {
border: 1px solid #c3cfd5;
top: 4px;
left: 1px;
margin-bottom: 18px;
}
div.customSelect.open {
background: url(../../../../a/pgs/images/select-top.png) 0 0 no-repeat;
margin-right: 2px; /* Compensates for loss of 1px border when open */
}
div.customSelect.open a {
width: 229px;
}
div.customSelect.open li {
padding-left: 2px;
}
div.customSelect ul {
width: 244px;
padding: 0px;
position: relative;
overflow: hidden;
}
.open ul,
div.customSelect.open ul {
background: url(../../../../a/pgs/images/select-btm.png) 0 bottom no-repeat;
top: 5px;
padding-bottom: 50px;
z-index: 9999 !important;
}
div.customSelect ul li {
display: block;
width: 240px;
padding: 0 0px;
position: relative;
}
div.customSelect ul li.selected {
height: 30px;
}
div.customSelect ul a {
position: relative;
display: block;
padding: 6px 0 12px 10px;
width: 229px;
font-size: 0.75em;
color: #2F3338;
}
div.customSelect ul .selected a {
background: url(../../../../a/pgs/images/select-chevron.png) 210px 50% no-repeat;
text-decoration: none;
}
div.customSelect ul a:hover,
div.customSelect ul a:focus {
text-decoration: none;
background-color: #5e8fca;
color: #fff;
}
div.customSelect ul .selected a:hover,
div.customSelect ul .selected a:focus {
background-image: url(../../../../a/pgs/images/select-chevron-active.png);
}
li.video p {
background-image: url(../../../../a/pgs/images/icon-video.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
overflow: hidden;
width: auto !important;
}
blockquote {
font-size: 1em;
line-height: 1.5;
margin: 0 0 1em 0;
border-left: 5px solid #9ea6b0;
padding: 0 0 0 15px;
}
blockquote.ex {
border: none;
background: url('../../../../a/pgs/images/blockquote-single.png') left 5px no-repeat;
padding-left: 45px;
}
blockquote.ex p {
font-size: 1.833333333em;
line-height: 1.2em;
color: #737681;
margin-bottom: 0;
}
blockquote.ex span.cite {
display: block;
text-transform: uppercase;
margin-top: 1em;
font-size: 0.590909091em;
line-height: 1.5;
}
blockquote.ex span.cite strong {
font-weight: normal;
}
ul.thirdLevelNav {
float: left;
overflow: hidden;
margin-bottom: 30px;
}
ul.thirdLevelNav li {
float: left;
margin-right: 5px;
color: #2f3338;
}
ul.thirdLevelNav li a {
text-transform: uppercase;
text-decoration: none;
font-size: 0.875em;
line-height: 1;
color: #9ea7b3;
margin-right: 3px;
}
nav.subpages li.selected a,
nav.subpages li a:hover,
nav.state li.selected a,
nav.state li a:hover {
color: #2f3338;
}
/* tooltips for maps location */
#tooltip {
position: absolute;
z-index: 3000;
padding: 5px;
opacity: 1;
font-size: 1.166em
line-height: 1;
text-transform: uppercase;
}
ul.tags {
margin: 0 0 10px 10px;
position: relative;
overflow: hidden;
}
.padded ul.tags {
margin: 0 0 100px -5px;
}
ul.tags li {
font-size: 0.833em;
line-height: 1;
float: left;
text-transform: uppercase;
margin-left: 5px;
color: #666666;
}
.filterPagination {
font-size: 85%;
clear: both;
overflow: hidden;
font-weight: bold;
color: #373738;
padding-top: 22px;
}
.press-release .filterPagination {
padding-bottom: 20px;
}
.filterPagination li {
float: left;
border: 1px solid #bdbec0;
padding: 6px 12px;
margin-right: -1px;
cursor: pointer
}
.filterPagination li.unavailable,
.filterPagination li.active {
cursor: auto
}
.filterPagination li.unavailable {
color: #c0c1c2
}
.filterPagination li.active {
background-color: #ddd
}
.archiveWithPagination .archiveLink {
text-transform: uppercase;
font-weight: bold;
display: none;
padding-top: 25px
}
/******* GLOBAL CSS - END *******/
/******* CELL GRID CSS - START *******/
.homepage-grid {
padding-bottom: 0 !important;
}
.homepage-grid article {
float: left;
overflow: hidden;
}
.homepage-grid article p {
line-height: 1.3;
}
.homepage-grid h2 {
font-size: 1.583em;
text-transform: uppercase;
}
.wf-inactive .homepage-grid h2 {
font: bold 1.36em Arial, Helvetica, sans-serif;
}
.homepage-grid .leadText h2 {
font-size: 2.66em;
line-height: 1;
}
.wf-inactive .homepage-grid .leadText h2 {
font: bold 2.5em Arial, Helvetica, sans-serif;
}
.homepage-grid h2 a {
text-decoration: none;
color: #33383F;
}
.homepage-grid h2 {
margin: 7px 0px 5px 20px;
}
.homepage-grid h2.explore-divisions-title {
margin-left: 24px;
margin-bottom: 20px;
}
.homepage-grid .split h2 {
line-height: 24px;
}
.homepage-grid p {
margin: 7px 50px 5px 20px;
}
.homepage-grid h2 span.sectionHint {
display: block;
font: 0.578947368em/1.5 Arial, Helvetica, sans-serif;
color: #5d6267;
font-weight: normal;
}
/* Multi-Pane Layout dimentions - used on top-level pages */
.homepage-grid {
clear: both;
}
/* Single cells (default) */
.homepage-grid article,
.homepage-grid article.grid1x1 {
width: 320px;
height: 320px;
}
.homepage-grid article.quarter-grid {
width: 240px;
height: 240px;
}
.homepage-grid article.quarter-grid hgroup {
margin: 10px 0 0 20px;
}
.homepage-grid article.quarter-grid figure img {
width: 240px;
}
.homepage-grid article.three-vertical-grid {
width: 320px;
height: 160px;
}
.homepage-grid article.three-vertical-grid img {
width: 50%;
float: left;
}
.homepage-grid article.three-vertical-grid figure {
width: 50%;
float: left;
}
.homepage-grid article.three-vertical-grid figure p {
margin: 15px 20px 10px 20px;
}
.homepage-grid article.twin-tout {
height: auto;
}
.homepage-grid article.twin-tout .column {
float: left;
width: 50%;
}
.homepage-grid article.twin-tout .column .description {
margin: 5% 20% 5% 5%;
text-transform: uppercase;
font-size: 20px;
}
.homepage-grid article.locations-list {
height: 240px;
}
.homepage-grid article.locations-list .column-item {
width: 320px;
height: 240px;
float: left;
}
.homepage-grid article.locations-list .column-item-broder {
width: 480px;
height: 240px;
float: left;
}
.homepage-grid article.locations-list .column-item-broder.grad1 {
background: url('../../../../a/pgs/images/grid1-grad1.jpg');
background-repeat: repeat;
background-size: 100%;
}
.homepage-grid article.locations-list .column-item-broder.grad2 {
background: url('../../../../a/pgs/images/grid1-grad2.jpg');
background-repeat: repeat;
background-size: 100%;
}
.homepage-grid article.locations-list .column-item-broder.grad3 {
background: url('../../../../a/pgs/images/grid1-grad3.jpg');
background-repeat: repeat;
background-size: 100%;
}
.homepage-grid article.locations-list .column-item.grad1 {
background: url('../../../../a/pgs/images/grid1-grad1.jpg') right top repeat-y;
}
.homepage-grid article.locations-list .column-item.grad2 {
background: url('../../../../a/pgs/images/grid1-grad2.jpg') right top repeat-y;
}
.homepage-grid article.locations-list .column-item.grad3 {
background: url('../../../../a/pgs/images/grid1-grad3.jpg') right top repeat-y;
}
.homepage-grid article.locations-list .column-item .content {
margin: 30px 10px 10px 10px;
}
.content-grid .grid1 article figure img.articleImg,
.homepage-grid article figure img.articleImg,
.homepage-grid article.grid1x1 figure img.articleImg {
width: 320px;
display:block;
}
.homepage-grid article.quarter-grid figure img.articleImg {
width: 240px;
}
.simple-tout.banner {
background-color: #334F76;
}
.simple-tout.banner .description {
width: 469px;
float: left;
margin-bottom: 10px;
}
.simple-tout.banner .description .content{
margin-top: 20px;
margin-left: 20px;
border-right: 1px solid #888d96;
}
.simple-tout.banner .description .content .title {
font-size: 2.2em;
color: #fff;
text-transform: uppercase;
margin-bottom: 0px;
}
.simple-tout.banner .description .content .teaser {
font-size: 1em;
color: #fff;
width: 440px;
margin-top: 10px;
}
.simple-tout.banner .action {
width: 160px;
height: 180px;
float: left;
display: table;
}
.simple-tout.banner .action a {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #8FAFDE;
text-transform: uppercase;
}
.simple-tout.banner .action a span{
display: block;
margin-left: 20px;
width: 120px;
font-size: 1.3em;
}
section.split-tout article.grid0x2 {
width: 320px;
height: 160px;
clear: left;
}
section.split-tout article.grid0x2 figure.split{
height: 160px;
overflow: hidden
}
section.split-tout article.grid0x2 img.articleImg{
display: block;
float: left;
margin-right: 8px;
width: auto;
height: 160px;
}
section.split-tout article.grid0x3 {
width: 320px;
height: 106px;
clear: left;
}
section.split-tout article.grid0x3 figure.split{
height: 106px;
overflow: hidden
}
section.split-tout article.grid0x3:first-child {
height: 108px;
}
section.split-tout article.grid0x3:first-child figure.split {
height: 108px;
}
section.split-tout article.grid0x3 img.articleImg{
display: block;
float: left;
margin-right: 8px;
width: auto;
height: 106px;
}
section.split-tout article.grid0x3:first-child img.articleImg{
height: 107px;
}
section.split-tout article figure a.view {
color:#5283bd;
text-transform:uppercase;
margin-left: 20px;
}
.homepage-grid article figure a.view{
color:#5283bd;
margin-left: 20px;
text-transform:uppercase;
}
section.split-tout article:hover a.view,
.homepage-grid article:hover a.view{
text-decoration:underline;
}
/* 2x1 cells */
.homepage-grid article.grid2x1 {
width: 640px;
}
.homepage-grid article.grid2x1 img.articleImg {
width: 640px;
}
.homepage-grid article.grid2x1#hero img.articleImg {
height: 320px;
}
/* 3x1 cells */
.homepage-grid article.grid3x1 {
width: 960px;
}
.homepage-grid article.grid3x1 img.articleImg {
width: 960px;
}
.homepage-grid article.grid3x1#hero img.articleImg {
height: 320px;
}
.grid3-certain-height .grid3x1.imageOnly#hero img.articleImg {
width: 960px;
height: 300px;
}
/* 1x2 cells */
.homepage-grid article.grid1x2 {
height: 640px;
}
.homepage-grid article.grid1x2#hero img.articleImg {
height: 640px;
}
/* 2x2 cells */
.homepage-grid article.grid2x2 {
width: 640px;
height: 640px;
}
.homepage-grid article.grid2x2 img.articleImg {
width: 640px;
}
.homepage-grid article.grid2x2#hero img.articleImg {
height: 640px;
}
/* 3x2 cells */
.homepage-grid article.grid3x2 {
width: 960px;
height: 640px;
}
.homepage-grid article.grid3x2 img.articleImg {
width: 960px;
}
.homepage-grid article.grid3x2#hero img.articleImg {
height: 640px;
}
/* Hero cells */
.homepage-grid article#hero {
position: relative;
}
.homepage-grid article#hero.lightText *,
.homepage-grid article#hero .lightText,
.homepage-grid article#hero .lightText * {
color: #fff !important;
}
.homepage-grid article#hero figcaption {
left: 60px;
top: 30px;
width: 668px;
position: absolute;
}
.homepage-grid article#hero.imageOnly figcaption {
position: absolute !important;
left: -10000px !important;
top: auto;
font-size:1px;
}
.homepage-grid article#hero figcaption h2 {
font-size: 4.25em;
line-height: 1;
margin: 0 0 15px;
padding: 0;
}
.homepage-grid article#hero figcaption p {
font-size: 1.333333333em;
line-height: 1.25;
margin: 0 0 0 3px;
padding: 0;
}
.homepage-grid article#hero figcaption ul {
margin: 15px 0 0 3px;
padding: 0;
}
.homepage-grid article#hero figcaption ul li {
font-size: 1em;
line-height: 1.5;
text-transform: uppercase;
}
.homepage-grid article#hero figcaption ul li a {
color: #333;
}
/* Careers promo */
.homepage-grid .careersPromo {
background: #7195c2; /* Old browsers */
background: -moz-linear-gradient(left top, #7195c2 0%, #6382aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#7195c2), color-stop(100%,#6382aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left top, #7195c2 0%,#6382aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7195c2 0%,#6382aa 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #7195c2 0%,#6382aa 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7195c2', endColorstr='#6382aa',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #7195c2 0%,#6382aa 100%); /* W3C */
color: #fff;
}
.homepage-grid .careersPromo h2 {
color: #fff;
font-size: 2.5em;
line-height: 1;
margin: 30px 20px 30px;
}
.homepage-grid .careersPromo h2 a {
color: #fff;
}
.homepage-grid .careersPromo h2 a span {
font-size: 0.8em;
margin-top: 5px;
display: block;
}
.homepage-grid .careersPromo h3 {
color: #fff;
font-size: 1.333333333em;
line-height: 1;
margin: 20px 20px 15px;
}
.homepage-grid .careersPromo p {
font: 1em Arial, Helvetica, sans-serif;
margin: 10px 20px 0;
}
.homepage-grid .careersPromo p a {
color: #fff;
padding: 0 15px 0 0;
background: transparent url('../../../../a/pgs/images/cheron-careersPromo.png') right 50% no-repeat;
margin-right: 1.5em;
}
.homepage-grid .careersPromo h3 a {
color: #fff;
}
.homepage-grid article .careersPromox1 {
height: 60px;
}
.homepage-grid article .careersPromox2 {
height: 128px;
}
.homepage-grid article .careersPromox3 {
height: 144px;
}
.homepage-grid article .careersPromox1 h2 {
color: #FFFFFF;
font-size: 1.5em;
line-height: 1;
padding: 16px 0px 0px 16px;
margin:0px;
}
.homepage-grid .careersPromo h3 {
color: #FFFFFF;
font-size: 1.23em;
line-height: 1;
padding: 16px 16px 6px 16px;
margin:0px;
}
.homepage-grid .careersPromo p {
font: 1em Arial,Helvetica,sans-serif;
margin: 5px 16px;
}
.homepage-grid .grid1-grad7 {
background: url("../../../../a/pgs/images/grid1-grad7.jpg") repeat-y scroll right top transparent;
}
/* Generic content grid */
.content-grid {
width: 960px;
display: block;
position: relative;
overflow: hidden;
line-height: 1.25;
background: transparent url('../../../../a/pgs/images/content-grid-bg.png') -160px top repeat-y;
}
.content-grid-half {
width: 960px;
display: block;
position: relative;
overflow: hidden;
line-height: 1.25;
background: transparent url('../../../../a/pgs/images/content-grid-half-bg.png') -120px top repeat-y;
}
.content-grid-half img {
display: block;
}
.content-grid.no-bg-grad {
background: transparent url('../../../../a/pgs/images/content-tenk-bg.jpg') -160px top repeat-y;
}
.content-grid p {
margin: 0 0 1em;
}
.content-grid #tenk-profiles p {
margin-bottom: 0px;
line-height: 1.3;
}
/* Triple grid width */
.grid3 {
float: left;
width: 960px;
position: relative;
}
.grid3-certain-height {
float: left;
width: 960px;
position: relative;
height: 300px;
}
.grid3-padded {
float: left;
width: 920px;
padding: 0 20px 100px;
position: relative;
}
/* Double grid width */
.grid2 {
float: left;
width: 640px;
position: relative;
}
.grid2-padded {
float: left;
width: 600px;
padding: 0 20px;
position: relative;
}
.grid2-padded img.masthead {
position: relative;
left: -20px;
}
.grid2 h2, .grid2-padded h2/*,
.grid2 h3, .grid2-padded h3,
.grid2 h4, .grid2-padded h4*/ {
width: 470px;
}
.grid2 h2 {
width: auto;
}
.grid2 p,
.grid2-padded p {
width: 470px;
line-height: 1.5;
font-size: 1.17em;
}
.grid-half p {
line-height: 1.5;
font-size: 1.17em;
}
.grid2 p,
.full-size img {
width: 100%;
}
.grid2 .grid1-splitcolumn p,
.grid2 .grid1-splitcolumn h2,
.grid2 .grid1-splitcolumn h3,
.grid2 .grid1-splitcolumn h4 {
width: auto;
}
.grid2 p.leadin,
.grid2-padded p.leadin {
width: 470px;
font-size: 1.84em;
line-height: 1.05;
clear: both;
}
.grid2 li,
.grid2-padded li {
line-height: 1.5;
font-size: 1.33em;
}
.grid2 li p,
.grid2-padded li p {
font-size: 1em;
}
.clear-none p.leadin { clear: none;}
/* Single grid width */
.grid0 {
float: left;
width: 160px;
position: relative;
}
.grid1 {
float: left;
width: 320px;
position: relative;
}
.grid1-padded {
float: left;
width: 280px;
padding: 0 20px !important;
position: relative;
}
.grid1-padded p {
width: auto !important;
}
.grid1-padded p,
.grid1-padded p.leadin {
margin-right: 20px;
}
.grid1-splitcolumn {
float: left;
width: 270px;
padding: 0 20px 0 15px;
position: relative;
}
.grid-half {
float: left;
width: 480px;
}
.blog .grid1-splitcolumn {
padding: 0 20px 10px 15px;
height: auto;
width: 320px;
background: transparent url('../../../../a/pgs/images/blog-featured-posts-grad-bg.png');
}
.blog .grid1-splitcolumn p {
font-size: 12px;
}
/*grid-half figure begin*/
.grid-half figure img {
width: 480px;
height: auto;
display: block;
}
.grid-half article figure figcaption {
padding: 10px 20px;
}
.grid-half article.worldwide figure figcaption {
width: 480px;
height: 240px;
background-color: #244058;
background-size: 100%;
background-repeat: no-repeat;
}
.grid-half article.worldwide figure figcaption h3 {
color: #fff;
font-size: 1.3em;
margin-top: 0.8em;
}
.grid-half article.worldwide figure figcaption p {
color: #fff;
padding-right: 35px;
font-size: 1.34em;
line-height: 1.5em;
}
.grid-half article.worldwide figure figcaption p.cta {
margin-top: 1em;
}
.grid-half article.worldwide figure figcaption p.cta a {
text-transform: uppercase;
font-size: 1em;
}
/*grid-half figure end*/
/****** search grid ******/
.search-grid {
background: transparent url('../../../../a/pgs/images/search-grid-bg.png') -50px 0 repeat-y;
overflow: hidden;
}
nav.left-column {
float: left;
width: 269px;
display: block;
}
nav.left-column div.content-types {
background: transparent url('../../../../a/pgs/images/content-type-bg.png') 0 0 repeat-y;
padding-bottom: 10px;
}
nav.left-column div.content-types a {
padding-left: 43px;
}
nav.left-column div.languages {
background: transparent url('../../../../a/pgs/images/languages-bg.png') 0 0 repeat-y;
padding-bottom: 10px;
}
nav.left-column > h2 {
margin-left: 20px;
}
nav.left-column h2 {
margin: 0px;
padding: 20px 0 10px 20px;
}
nav.left-column ul {
padding-bottom: 25px;
}
nav.left-column ul li {
line-height: 2;
}
nav.left-column ul li a {
text-decoration: none;
display: block;
color: #505460;
padding: 0;
padding-left: 20px;
line-height: 2;
font-weight: bold;
}
nav.left-column a:hover,
nav.left-column li.selected a {
background-color: #7399c6 !important;
color: #fff;
}
nav.left-column div.content-types a.all {
padding-left: 20px;
}
nav.left-column a.financial {
background: url('../../../../a/pgs/images/financial-icon.png') 20px 3px no-repeat;
}
nav.left-column a.press {
background: url('../../../../a/pgs/images/press-release-icon.png') 20px 3px no-repeat;
}
nav.left-column a.video {
background: url('../../../../a/pgs/images/video-icon.png') 20px 5px no-repeat;
}
nav.left-column a.audio {
background: url('../../../../a/pgs/images/audio-icon.png') 18px 3px no-repeat;
}
nav.left-column a.slide {
background: url('../../../../a/pgs/images/slide-show-icon.png') 18px 5px no-repeat;
}
.search-grid section.results {
float: left;
width: 621px;
display: block;
padding: 20px 0 20px 20px;
}
.search-grid form input#searchBox {
width: 360px !important;
}
.search-grid article.top-result {
background: #dde2e6;
overflow: hidden;
margin-top: 30px;
width: 600px;
padding: 20px;
}
.search-grid article.top-result img.resultImg {
float: left;
margin: -20px 0 -20px -20px;
}
.search-grid article.top-result h2 {
font-size: 2em;
}
.search-grid article.top-result h3 {
font-size: 1.5em !important;
line-height: 1.334 !important;
text-transform: none;
color: #525a63;
}
.search-grid article.top-result p {
font-size: 1.083em;
line-height: 1.5;
color: #525a63;
}
.search-grid article.top-result h2,
.search-grid article.top-result h3,
.search-grid article.top-result p {
float: left;
width: 400px;
margin: 0 0 0 20px !important;
}
.search-grid p.result-count {
font-size: 1.5em;
margin: 50px 0 0;
}
.search-grid section.results h2,
.search-grid section.results h3 {
margin: 0;
padding: 0;
line-height: 1.1em;
}
.search-grid section.results em {
color: #7399c6;
font-style: normal;
}
.search-grid ul.search-results {
clear: both;
width: 620px;
}
.search-grid section.results ul.search-results li {
border: none !important;
}
.search-grid section.results ul.search-results h2 {
font-size: 1.3em;
line-height: 1.8;
}
.search-grid section.results ul.search-results li h3,
.search-grid section.results ul.search-results li p {
font: 1.167em/1.43 Arial, Helvetica, sans-serif;
text-transform: none;
}
.search-grid section.results li a.result-link {
font: 1em/1.667 Arial, Helvetica, sans-serif;
text-decoration: none;
color: #5a6a7f;
}
/******* CELL GRID CSS - END *******/
/******* CORE CONTENT - START *******/
/* Related content */
.relatedContent {
padding-bottom: 100px;
}
.relatedContent h2 {
font-size: 1.166em;
margin: 20px 15px 10px;
}
.relatedContent article {
padding: 15px 0;
}
.relatedContent article:focus,
.relatedContent article:hover {
background: #e2e9f1 url('../../../../a/pgs/images/link-block-highlight-bg.png') -200px 50% repeat-y;
}
.relatedContent article h3 {
/*font-size: 1.33em;*/
padding: 0 15px;
margin: 0 0 0.25em;
line-height: 1;
}
.relatedContent article h3 a {
text-decoration: none;
color: #2f3338;
padding-right: 15px;
/*background: transparent url('../../../../a/pgs/images/link-bullet.gif') right 45% no-repeat;*/
}
.relatedContent article p {
padding: 0 15px;
margin-bottom: 0;
}
/* Current / Archive nav state toggles */
nav.subpages,
nav.state {
overflow: hidden;
margin: 10px 0 25px;
}
nav.subpages li,
nav.state li {
float: left;
padding-right: 12px;
position: relative;
overflow: hidden;
}
nav.subpages li a,
nav.state li a {
display: block;
position: relative;
text-decoration: none;
text-transform: uppercase;
color: #9ea7b3;
font-size: 1em;
line-height: 1;
padding: 5px 12px 5px 0;
border-right: 1px solid #888;
}
nav.subpages li.last a,
nav.state li.last a {
border-right: none;
}
nav.subpages li.selected a,
nav.state li.selected a {
color: #2f3338;
cursor: default;
}
.financials .customSelect {
margin: 0 10px 0 0;
}
.financials #socialLinks {
margin: 5px 0 10px 0;
}
/* Headings */
h2.sectionHeading {
color: #2f3338;
font-size: 1.5em;
}
h2.sectionHeading a {
color: #2f3338;
text-decoration: none;
padding-right: 15px;
background: transparent url('../../../../a/pgs/images/link-bullet.gif') right 50% no-repeat;
}
/* "More" links */
a.moreLink {
font-size: 0.75em;
color: #4a7bb6;
text-decoration: none;
text-transform: uppercase;
}
/* "Geo" links to directions etc */
a.geoLink {
padding: 5px 0 5px 25px;
background: transparent url('../../../../a/pgs/images/icon-geolink.png') left 50% no-repeat;
font-size: 0.75em;
color: #4a7bb6;
text-decoration: none;
text-transform: uppercase;
}
/* Date-led lists */
.dateList {
clear: both;
/*overflow: hidden;*/
position: relative;
margin: 0 0 14px;
border-top: 1px solid #e6e7e9;
}
.dateList.no-border-top {
border-top: none;
}
.grid2-padded .dateList {
margin: 0 -20px 14px;
}
.viewPoints .dateList {
margin-top: 70px;
}
.dateList li {
border-bottom: 1px solid #e6e7e9;
padding: 15px 0;
margin: 0;
position: relative;
overflow: hidden;
}
.grid1 .dateList,
.grid1 .dateList li {
width: 280px;
}
.grid1-splitcolumn .dateList,
.grid1-splitcolumn .dateList li {
width: 250px;
}
.grid2-padded .dateList li {
padding: 10px 20px;
}
.dateList li.first {
/*border-top: 1px dotted #aaaaac;*/
}
.dateList li.featuredItem {
padding: 0;
}
.dateList li.featuredItem img {
float: left;
padding-right: 10px;
}
.dateList li.featuredItem h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8125em;
margin: 0;
padding-top: 10px;
color: #6a6a6a;
}
.dateList li.featuredItem p {
font-size: 0.95em;
line-height: 1.25;
float: left;
}
.dateList li.featuredItem p time {
color: #7d8084;
font-weight: normal;
}
.dateList li.blockHighlight p {
margin-bottom: 0;
}
.dateList li p a {
text-decoration: none;
color: #2f3338;
}
.dateList li p time {
display: inline;
float: left;
margin: 4px 0 0.5em;
width: 120px;
font-size: inherit;
font: 0.777777778em Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
clear: left;
}
.dateList li.card {
background-image: url('../../../../a/pgs/images/card-bg-1280.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.dateList li p.card {
position: relative;
float: left;
width: 170px;
height: 100%;
left: -20px;
top: -15px;
margin: 0;
}
.dateList li p.card a {
display: block;
position: relative;
padding: 30px 10px 40px;
width: 120px;
background: transparent url('../../../../a/pgs/images/card-bluesquare.gif') 10px 8px no-repeat;
color: #4a709d;
font-size: 0.875em;
line-height: 1;
text-transform: uppercase;
}
.dateList li p.card a span {
display: block;
font: 0.786em/1.28 Arial, Helvetica, sans-serif;
}
.grid1-splitcolumn .dateList li p time {
width: auto;
}
.dateList li p span {
display: block;
float: left;
width: 400px;
}
.dateList li p span cite {
font-size: 0.714em;
line-height: 2;
text-transform: uppercase;
color: #7d8084;
}
.dateList li p.category {
font-size: 0.7407em;
text-transform: uppercase;
width: auto;
clear: both;
margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 120px;
color: #7d8084;
line-height: 1;
}
.contacts address {
float: none;
}
.grid1 .dateList li p span,
.grid1-splitcolumn .dateList li p span {
width: auto;
clear: both;
}
/* Contact lists - large blocks */
.grid2-padded p.lsort {
width: 135px;
margin: 10px 0 0 0;
}
.grid1-splitcolumn ul.contacts p {
width: 120px;
font-size: 0.75em;
}
.grid1-splitcolumn ul.contacts li {
margin-bottom: 10px;
}
.grid1-splitcolumn ul.contacts strong {
display: block;
font-size: 1.166em;
}
ul.contacts {
margin: 20px 0 0 0;
overflow: hidden;
}
ul.contacts li {
width: 270px;
border: none;
float: left;
}
ul.contacts li a.directions {
background: url(../../../../a/pgs/images/icon-directions.png) 0 0 no-repeat;
display: block;
width: 105px;
height: 35px;
}
.dateList li p,
.contacts li p {
line-height: 1.5;
font-size: 0.8em;
width: auto;
position: relative;
overflow: hidden;
}
.contacts li p {
font-size: 0.66em;
}
div.contacts article > p,
div.contacts article label {
font-size: 1.15em;
}
li p strong {
font-weight: bold;
}
/* Contact lists - single line */
ul.contactList li p {
font-size: 0.75em;
margin: 10px 0;
width: 350px;
}
ul.contactList li p strong {
font-size: 1.166em;
width: 200px;
display: block;
}
.mediaContacts .grid2 ul.normal {
margin-left: 0;
margin-top: 0;
width: 270px;
padding-left: 0;
}
.mediaContacts .grid2 ul.normal li {
list-style-type: none !important;
font-weight: bold;
padding-bottom: 20px;
}
.mediaContacts .grid2 ul.normal li span{
font-weight: normal;
}
/* Text-led lists */
.textList {
clear: both;
overflow: hidden;
position: relative;
margin: 0 0 14px;
border-top: 1px solid #e6e7e9;
}
.grid2-padded .textList {
margin: 0 -20px 14px;
}
.textList li {
border-bottom: 1px solid #e6e7e9;
padding: 15px 0;
margin: 0;
position: relative;
overflow: hidden;
}
.grid1 .textList,
.grid1 .textList li {
width: 280px;
}
.grid1-splitcolumn .textList,
.grid1-splitcolumn .textList li {
width: 250px;
}
.grid2-padded .textList li {
padding: 15px 20px;
}
.textList li.first {
/*border-top: 1px dotted #aaaaac;*/
}
.textList li p {
line-height: 1.429;
font-size: 0.65em;
width: auto;
margin-bottom: 0;
}
.textList li p a {
text-decoration: none;
color: #2f3338;
}
span.fileInfo,
ul li p span.fileInfo {
color: #7d8084;
font-size: 0.916em;
margin-left: 0.5em;
display: inline;
width: auto;
float: none;
}
.india .textList li {
font-size: 1em;
}
.india .textList li p {
font-size: 1.167em
}
/* Text blocks in split-column designs */
.textBlock {
margin: 0 0 15px;
padding: 15px 0 0;
}
.textBlock p {
line-height: 1.5;
font-size: 1.083333333em !important;
}
/* Research indicator */
p.researchIndicator {
font-size: 0.65455em !important;
width: auto;
position: relative;
clear: both;
margin-left: 120px;
}
.article-meta p.researchIndicator {
margin: 5em 0 1em;
font-size: 0.8em !important;
}
.mediaRelationsIndex p.researchIndicator a:focus,
.mediaRelationsIndex p.researchIndicator a:hover {
background: #bec5ce;
}
p.researchIndicator a {
padding: 2px 8px;
text-transform: uppercase;
background: #bec5ce;
color: #fff !important;
display: block;
float: left;
margin-right: 0.5em;
}
p.researchIndicator a:focus,
p.researchIndicator a:hover {
background: #5c8dc8;
text-decoration: none;
}
/* Promoted blocks */
.promoted {
position: relative;
overflow: hidden;
}
.promoted article {
position: relative;
width: 320px;
height: 166px;
background: #101623 url('../../../../a/pgs/images/promoted-bg.png') right top repeat-y;
color: #fff;
float: left;
margin: 0;
padding: 0;
}
.promoted article h3 {
margin: 24px 14px 10px;
color: #fff;
/* font: 1.25em Arial, Helvetica, sans-serif;*/
text-transform: none;
width: auto;
}
.promoted article h2 {
margin: 24px 14px 10px;
color: #fff;
/* font: 1.25em Arial, Helvetica, sans-serif;*/
}
.promoted article p.sub-text {
font-weight: normal;
font-size: 1.166666667em;
width: 280px;
margin-left: 14px;
line-height: 1.3em;
}
.promoted article h3 {
font: 1.166666667em/1.25 Arial, Helvetica, sans-serif;
}
.promoted article h3 a {
color: #fff;
text-decoration: none;
}
.promoted article h2 a {
color: #fff;
text-decoration: none;
}
.promoted article p {
margin-left: 15px;
font-size: 1.167em;
}
.promoted article time {
margin: 10px 14px;
color: #979797;
font: 0.916666667em Arial, Helvetica, sans-serif;
}
.promoted article p.readMore {
position: absolute;
bottom: 20px;
left: 14px;
margin: 0;
padding: 0;
}
.promoted article p.readMore a.moreLink {
color: #8accf6;
}
/* Stock price promo block */
.stockPrice {
width: 100%;
height: 166px;
background: #101623 url('../../../../a/pgs/images/promoted-bg.png') right top repeat-y;
position: relative;
overflow: hidden;
}
/* *** Original version *** */
.stockPrice h3 {
margin: 20px 14px 10px;
padding: 0;
color: #fff;
font-size: 1.5em;
text-transform: uppercase;
}
.stockPrice ul {
margin: 10px 14px;
position: relative;
overflow: hidden;
}
.stockPrice ul li {
width: 65px;
margin-right: 20px;
float: left;
font-size: 1em;
text-transform: uppercase;
color: #8accf6;
}
.stockPrice ul li.wider {
width: 120px;
}
.stockPrice ul li.last {
margin-right: 0;
}
.stockPrice ul li span {
clear: both;
display: block;
width: auto;
font-size: 2.33em;
color: #fff;
}
.stockPrice ul li span.stockMovement {
padding-left: 25px;
}
.stockPrice ul li span.stockUp {
background: transparent url('../../../../a/pgs/images/stock-up.png') left 50% no-repeat;
}
.stockPrice ul li span span {
font-size: 0.6428em;
display: inline;
}
.stockPrice p.viewMore {
position: absolute;
bottom: 20px;
left: 14px;
margin: 0;
padding: 0;
color: #8accf6;
}
.stockPrice p.viewMore a.moreLink {
color: #8accf6;
font-size: 1em;
}
/* *** New, abstracted version *** */
.stockPrice table.stockprice {
width: 292px;
margin: 26px 14px 10px;
position: relative;
text-align: left;
}
.stockPrice table.stockprice caption {
position: relative;
padding: 0;
color: #fff;
font-size: 1.33em;
text-transform: uppercase;
text-align: left;
}
.stockPrice table.stockprice thead {}
.stockPrice table.stockprice thead tr {}
.stockPrice table.stockprice thead tr th {
padding: 15px 20px 10px 0;
font-size: 1em;
text-transform: uppercase;
color: #8accf6;
}
.stockPrice table.stockprice tbody {}
.stockPrice table.stockprice tbody tr {}
.stockPrice table.stockprice tbody tr td {
font-size: 2.33em;
color: #fff;
white-space: nowrap
}
.stockPrice table.stockprice tbody tr td.trend-up {
width: 20px;
text-indent: -999px;
background: transparent url('../../../../a/pgs/images/stock-up.png') left 50% no-repeat;
}
.stockPrice table.stockprice tbody tr td.trend-down {
width: 20px;
text-indent: -999px;
background: transparent url('../../../../a/pgs/images/stock-down.png') left 50% no-repeat;
}
.stockPrice table.stockprice tbody tr td.percentage-change {
font-size: 1.5em;
padding-right: 20px;
}
.stockPrice table.stockprice tbody tr td.volume {}
.stockPrice table.stockprice tbody tr td.volume span.unit {
font-size: 0.642857143em;
text-transform: uppercase;
}
.stockPrice table.stockprice tfoot {}
.stockPrice table.stockprice tfoot tr {}
.stockPrice table.stockprice tfoot tr td {
padding: 10px 0;
font-size: 1em;
text-transform: uppercase;
color: #8accf6;
}
.stockPrice table.stockprice tfoot tr td a {
color: #8accf6;
}
/* Inline contextual nav (e.g. case studies block in sub-category page) */
ul.inlineContextualNav {
margin-bottom: 1em;
}
ul.inlineContextualNav li {
display: inline;
margin-right: 2em;
line-height: 1;
padding-bottom: 0.5em;
}
ul.inlineContextualNav li a {
font-size: 0.875em;
text-transform: uppercase;
color: #5b636d;
white-space: nowrap;
}
.worldwide-home .content-grid-half ul.inlineContextualNav li a {
color: #7b9dcc;
}
ul.inlineContextualNav li a:hover,
ul.inlineContextualNav li a:focus {
text-decoration: underline;
}
/* Tables */
table {}
caption{}
thead {}
thead tr {}
thead th {}
tfoot {}
tfoot tr {}
tfoot th {}
tfoot td {}
tbody {}
tbody tr {}
tbody th {}
tbody td {}
/* data matrix table */
table.matrix {
margin: 20px 0;
font-size: 1em;
}
.grid2-padded table.matrix {
margin: 20px -20px;
}
table.matrix caption {}
table.matrix thead {}
table.matrix thead tr {
border-bottom: 1px solid #d9dadb;
}
table.matrix thead th {
width: 120px;
text-align: left;
padding: 5px 30px 15px 10px;
font-size: 1.166666667em;
color: #505461;
vertical-align: bottom;
}
table.matrix tfoot {}
table.matrix tfoot tr {}
table.matrix tfoot th {
width: 130px;
text-align: left;
padding: 10px 10px 10px 20px;
color: #505461;
font-weight: bold;
vertical-align: middle;
}
table.matrix tfoot td {
width: 130px;
text-align: left;
padding: 10px;
vertical-align: middle;
}
table.matrix tbody {}
table.matrix tbody tr {
border-bottom: 1px solid #d9dadb;
}
table.matrix tbody th {
width: 130px;
text-align: left;
padding: 5px 10px 5px 20px;
color: #505461;
font-weight: bold;
vertical-align: middle;
}
table.matrix tbody td {
width: 130px;
text-align: left;
padding: 5px 10px;
font-size: 3em;
line-height: 1;
color: #9ca1ab;
vertical-align: middle;
}
table.matrix tbody td strong {
font-weight: bold;
font-size: 0.3333em;
line-height: 1;
color: #505461;
vertical-align: middle;
}
/* Content adjustment to accomodate mini-sidebar */
.hasMoreInfo {
padding-right: 180px;
}
.hasMoreInfo p {
width: 400px;
line-height: 1.5;
}
.hasMoreInfo p.leadin {
width: 400px;
line-height: 1.05;
}
/* +===========================+ */
/* | Template-specific styling | */
/* +===========================+ */
/* Article page */
article.hasAuthor {
padding-right: 180px;
position: relative;
}
article.hasAuthor p {
width: 418px;
line-height: 1.5;
}
article.hasAuthor p.leadin {
width: 418px;
line-height: 1.05;
}
div.article-meta {
width: 100%;
clear: both;
position: relative;
overflow: hidden;
margin: -1.5em 0 2em;
}
article time,
article p.dateline {
display: block;
position: relative;
float: left;
clear: left;
font-size: 1.166em;
text-transform: uppercase;
margin-right: 1em;
}
article span.article-source {
display: block;
position: relative;
float: left;
clear: right;
font-size: 1em;
color: #728297;
text-transform: uppercase;
}
article address {
float: left;
margin: 30px 40px 0 0;
line-height: 1.5em;
font-size: 1.167em
}
article address span {
display: block;
text-transform: uppercase;
font-size: 0.6875em;
font-weight: bold;
}
.more-info {
position: absolute;
margin-right: 0;
width: 140px;
padding-right: 20px;
right: 0px;
top: 0;
background: #E1E3E7; /* old browsers */
background: -moz-linear-gradient(left, #E1E3E7 0%, #E9EBEE 100%); /* firefox */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#E1E3E7), color-stop(100%,#E9EBEE)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E3E7', endColorstr='#E9EBEE',GradientType=1 ); /* ie */
background: -o-linear-gradient(left, #E1E3E7 0%,#E9EBEE 100%); /* opera */
}
.grid2-padded .more-info {
top: 0;
padding-bottom: 40px;
}
.more-info img.authorImg {
width: 160px;
height: 160px;
}
.more-info h2 {
padding: 0 15px 0;
margin: 20px 0 0;
font-size: 1.5em;
line-height: 1;
width: auto;
}
.more-info dl {
padding: 0 15px;
}
.more-info dt {
text-transform: uppercase;
font-size: 0.833333333em;
line-height: 1.25;
margin: 1.75em 0 0.5em;
}
.more-info dt.leadAuthor {
font-size: 1em;
}
.more-info dd {
font-size: 0.8em;
}
.more-info dd p {
width: 130px;
font-size: 1.25em;
}
.more-info dd a.bioLink {
text-transform: uppercase;
font-size: 1.2em;
}
.more-info dd.jobTitle {
font-size: 0.833em;
margin-bottom: 0.8em;
}
.more-info aside {
position: absolute;
top: 0;
left: 200px;
}
/* News landing page */
section.contacts {
padding: 0 14px;
}
section.contacts h4 {
font-size: 1.166em;
font-weight: bold;
}
section.contacts ul.contactList li {
font-size: 1.166em;
font-weight: bold;
line-height: 1.5;
position: relative;
padding-right: 50%;
}
section.contacts ul.contactList li span,
section.contacts ul.contactList span {
font-size: 0.857em;
font-weight: normal;
position: absolute;
margin-top: 2px;
left: 50%;
}
/* Press release detail page */
/* Press releases */
.press-detail {
padding-bottom: 300px;
}
.press-detail .hasMoreInfo ul#socialLinks.topRight {
margin: 15px -160px -30px 0;
}
.press-detail .more-info {
top: 160px;
background: none;
}
.press-detail .more-info h4 {
font-size: 1.33em;
line-height: 1;
text-transform: uppercase;
margin-bottom: 20px;
}
.press-detail .more-info li {
font-size: 1em;
margin-bottom: 10px;
}
.press-detail .more-info h5 {
color: #4a7bb6;
text-transform: uppercase;
font-size: 0.92em;
font-weight: bold;
}
.press-detail .more-info a {
font-size: 1em;
text-decoration: none;
color: inherit;
}
/* FAQs */
ul.faqs {
margin: 0 -20px 40px;
border-top: 1px solid #e6e7e9;
}
#content ul.faqs li {
cursor: pointer;
font-size: 1.167em;
}
#content ul.faqs li.blockHighlight {
margin: 0;
}
#content ul.faqs li h2 {
font-size: 1em;
line-height: 1.2em;
font-weight: bold;
padding: 5px;
color: #536378;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
width: 450px;
}
#content ul.faqs li p {
font-size: 1em;
line-height: 1.2em;
width: 450px;
}
#content ul.faqs li div {
margin-left: 15px;
}
#content ul.faqs li.faqExpanded {
background: #e2e9f1 url('../../../../a/pgs/images/link-block-highlight-bg.png') -120px 50% repeat-y;
}
/* Awards page */
.featuredAward {
padding: 0 20px;
}
.featuredAward h2 {
margin-top: 0;
}
.featuredAward article {
width: 637px;
}
.featuredAward article h3 {
font-size: 2.083em;
line-height: 1;
color: #536378;
text-transform: none;
margin-top: 25px;
}
.featuredAward article h3 a {
color: #536378;
}
.featuredAward article p {
font: 1em/1.5 Arial, Helvetica, sans-serif;
}
.featuredAward article p.readMore {
font-size: 1.33em;
}
/* Presentation page */
ul.cards {
display: block;
overflow: hidden;
margin: 35px 0 30px;
}
ul.cards li {
position: relative;
float: left;
width: 120px;
margin: 0 10px 10px 0;
background: transparent url('../../../../a/pgs/images/card-bg-1280.jpg') left top repeat-y;
}
ul.cards li a {
display: block;
position: relative;
padding: 30px 10px 40px;
width: 120px;
background: transparent url('../../../../a/pgs/images/card-bluesquare.gif') 10px 8px no-repeat;
color: #4a709d;
font-size: 0.875em;
line-height: 1;
text-transform: uppercase;
}
ul.cards li a span {
display: block;
font: 0.786em/1.28 Arial, Helvetica, sans-serif;
}
/* Awards listing */
.awardsList {
margin-bottom: 200px;
}
.awardsList h3 {
font-size: 0.9166em;
line-height: 1.636;
color: #536378;
}
.awardsList h4 {
font-size: 1.166em;
line-height: 1.5;
color: #333333;
}
.awardsList p {
font-size: 1em;
line-height: 1.5;
margin: 0;
width: auto;
}
ul li a.xbrl {
background: url('../../../../a/pgs/images/arrow-xbrl.png') right 50% no-repeat;
padding-right: 10px;
float: right;
font-size: 0.75em;
color: #2f3338;
}
/* Immersive content */
.immersive {
background: url("../../../../a/pgs/images/breadcrumb-bg.png") right 0 repeat-y #8A9FB7;
color: #fff;
padding: 20px;
width: 920px;
}
.immersive .immersive-takeaway {
width: 380px;
float: left;
}
.immersive h2 {
margin: 0.4em 0;
}
.immersive .immersive-takeaway p {
font-size: 1.166666667em;
line-height: 1.25;
padding-right: 40px;
clear: both;
}
.immersive .immersive-takeaway blockquote {
background: url('../../../../a/pgs/images/immersive-quotes.png') 0 0 no-repeat;
padding-left: 25px;
margin-top: 30px;
border-left: 0;
}
.immersive .immersive-takeaway blockquote p {
font-size: 1.667em;
line-height: 1.05;
padding-right: 40px;
}
.immersive .immersive-takeaway address {
font-size: 1.033em;
line-height: 1;
text-transform: uppercase;
margin-top: 0.25em;
padding-left: 25px;
}
.immersive .immersive-takeaway address span {
display: inline;
font-size: 1em;
line-height: 1;
}
.immersive .immersive-links {
float: left;
}
.immersive .immersive-links li {
float: none;
}
.immersive .immersive-links ul.cards li {
font-size: 1.333333333em;
}
.immersive .immersive-authors {
float: left;
margin-left: 20px;
}
.immersive .immersive-authors ul {
margin-top: 30px;
}
.immersive .immersive-authors.twoExperts ul li {
float: left;
width: 150px;
margin-right: 20px;
}
.immersive .immersive-authors.oneExpert ul li {
float: none;
width: 300px;
}
.immersive .immersive-authors.oneExpert ul li img {
float: left;
margin-right: 20px;
}
.immersive .immersive-authors li h3 {
margin: 0;
text-transform: capitalize;
font-size: 1.66666667em;
}
.immersive .immersive-authors li p {
font: 0.75em/1 Arial,Helvetica,sans-serif;
color: #dce4ee;
}
.immersive .immersive-authors li a {
text-transform: uppercase;
font-size: 1em;
line-height: 1.8;
color: #fff;
}
.immersive .immersive-authors.moderator ul li {
float: none;
width: 300px;
}
.immersive .immersive-authors.moderator {
margin-top:20px;
}
.immersive .immersive-authors.moderator ul li img {
float: left;
margin-right: 20px;
}
.immersive .immersive-authors.moderator ul {
margin-top: 10px;
}
/* Our thinking index */
.ourthinking .hdrFilter {
display: inline;
margin-right: 10px;
font-weight: bold;
}
.ourthinking .radioType {
margin-left: 10px;
}
/* Our thinking index */
/* Office locations content */
.office-location {
position: relative;
}
.office-location #map {
position: relative;
left: -20px;
top: -30px;
width: 960px;
}
.office-location #map-container .loc {
position: absolute;
width: 12px;
height: 12px;
background: url('../../../../a/pgs/images/maploc.png') 0 0 no-repeat;
}
.office-location #map-container .hide {
background-position: 0 -13px;
}
.office-location .grid2-padded {
padding-bottom: 0;
}
.office-location .mastheadOverlay {
color: #527eb4;
}
.office-listings {
width: 800px;
}
.office-listings .filters {
padding-left: 20px;
width: 960px;
height: 60px;
border-bottom: 1px dotted #b2b2b2;
}
.office-listings .filters h3 {
float: left;
margin: 0;
padding: 13px 20px 0 0;
font-size: 1.166em;
}
.office-listings .filters ul.filter-links {
float: left;
margin: 0;
padding-right: 20px;
text-transform: uppercase;
}
.office-listings .filters li {
float: left;
}
.office-listings .filters li a {
color: #7d8084;
}
.office-listings .filters li a:hover,
.office-listings .filters li a:focus {
text-decoration: none;
}
.office-listings .filters li a.selected {
color: #000;
}
.office-listings .filters div.customSelect {
float: left;
}
.listings {
clear: both;
position: relative;
margin: 0 0 14px;
width: 960px;
}
.listings li {
padding: 15px 20px;
margin: 0;
position: relative;
overflow: hidden;
border-bottom: 1px dotted #b2b2b2;
}
.listings li p {
line-height: 1.429;
font-size: 0.875em;
width: auto;
}
.listings li p a {
text-decoration: none;
color: #2f3338;
}
.listings li p span {
display: block;
float: left;
width: 200px;
font-size: inherit;
font: 1em Arial, Helvetica, sans-serif;
margin-right: 20px;
color: #525a63;
}
.listings li p span.phone {
font-size: 13px;
}
.listings li p span.phone span {
width: 130px;
font-size: 13px;
float: right;
text-align: right;
}
.listings li p span.country {
font-size: 1.286em;
text-transform: uppercase;
color: #2f3338;
}
.listings li p span.city {
font: 1.286em;
text-transform: uppercase;
color: #0099ff;
}
.wf-inactive .listings li p span.country,
.wf-inactive .listings li p span.city {
font-weight: bold;
}
.listings li p a.email {
font-size: 0.786em;
text-transform: uppercase;
}
/* 10,000 women content */
.ten-thousand .content-tenk {
position: relative;
background: url('../../../../a/pgs/images/content-tenk-bg.jpg') 0 0 repeat-y;
}
.tenk-header {
margin-top: 20px;
width: 450px;
height: 100px;
/* text-indent: -10000px;*/
}
.tenk-women {
/* background: url("../../../../a/pgs/images/header-10000women.png") 0 0 no-repeat;*/
}
.tenk-business {
/* background: url("../../../../a/pgs/images/header-10000business.png") 0 0 no-repeat;*/
}
.tenk-intro {
height: 360px;
color: #fff;
background: url("../../../../a/pgs/images/10k-intro-bg.jpg") 0 0 repeat-y;
}
/* .tenk-intro #socialLinks {
display: block;
float: right;
clear: both;
margin: 20px 10px 0 0;
}*/
.tenk-intro p {
clear: both;
width: 280px;
padding: 20px;
font-size: 1.667em;
line-height: 1.05;
line-height: 1.25;
margin-right: 20px;
}
.tenk-intro a {
color: #fff;
font-size: 0.87em;
}
.tenk-intro p.readMore {
margin: 0;
padding-top: 0;
}
.tenk-intro p.readMore a.moreLink {
text-transform: uppercase;
font-size: 0.545em;
line-height: 1.8;
color: #fff;
}
.tenk-intro p.readMore a.moreLink:hover,
.tenk-intro p.readMore a.moreLink:focus {
text-decoration: underline;
}
.tenk-toutblock {
clear: both;
}
.tenk-touts {
margin-top: -4px;
height: 165px;
color: #fff;
background: url("../../../../a/pgs/images/10k-touts-bg.jpg") 0 0 repeat-y;
}
.tenk-touts h3 {
margin: 0;
padding: 20px 0 0 15px;
}
.tenk-touts p {
width: 290px;
padding: 15px 15px 0;
font-size: 1em;
line-height: 1.25em;
}
.tenk-touts p.readMore {
position: absolute;
bottom: 20px;
left: 0;
margin: 0;
padding: 0;
}
.tenk-touts p.readMore a.moreLink {
color: #8accf6;
font-size: 0.75em;
}
.tenk-touts p time {
float: none;
margin: 0;
font: 0.785714286em Arial, Helvetica, sans-serif;
color: #7d8084;
text-transform: uppercase;
line-height: 1.5;
}
.tenk-touts a {
display: block;
padding: 15px 0 0 15px;
font: bold 0.846em Arial, Helvetica, sans-serif;
color: #8accf6;
text-transform: uppercase;
}
.tenk-content {
padding-bottom: 100px;
}
.tenk-content h3 {
font-weight: bold;
}
.tenk-content img.map {
width: 280px;
height: 180px;
}
.tenk-content .customSelect li {
line-height: 1.5;
font-size: 1.33em;
}
.tenk-content ul.cards {
display: block;
margin-top: 15px;
margin-bottom: 100px;
}
.tenk-content ul.cards li {
width: 136px;
margin-right: 8px;
}
.tenk-content ul.cards li.last {
margin-right: 0;
}
ul.cards li a {
width: 96px;
}
.tenk-content ul.grid-content.women {
}
.tenk-content ul.grid-content.women li {
position: relative;
float: left;
width: 80px;
height: 80px;
}
.tenk-content ul.grid-content.women li a {
position: absolute;
clip: rect(0px 80px 80px 0px);
/* IE8 quirks */
filter: inherit;
}
.tenk-content ul.grid-content.women li a:hover {
clip: rect(100px 80px 180px 0px);
top: -100px;
}
.tenk-content ul.grid-content.women li a.disabled:hover {
clip: rect(0px 80px 80px 0px);
top: 0;
}
/*
.tenk-content ul.grid-content.women li span {
display: none;
position: absolute;
width: 90px;
height: 90px;
border: 5px solid #fff;
z-index: 5;
}
*/
#profile-container {
position: relative;
display: block;
margin: 0 auto;
width: 960px;
z-index: 100;
}
.profile-card {
display: none;
position: absolute;
background-color: #fff;
z-index: 100;
font-size: 1.5em;
line-height: 1;
border: 1px solid #ccc;
}
.profile-card.women {
width: 256px;
height: 96px;
}
.profile-card.women img {
position: absolute;
width: 96px;
height: 96px;
}
.profile-card.women .profile-data {
margin: 5px 8px 0;
width: 136px;
text-transform: uppercase;
}
.profile-card.women .profile-data h4 {
font-weight: bold;
font-size: 1em;
line-height: 1;
}
.profile-card.women .profile-data p {
margin: 0 0 0.5em;
font-size: 0.65em;
}
.profile-card.women .profile-data p.country {
font-size: 0.9em;
text-transform: capitalize;
}
.profile-card.women .profile-data p span {
font-weight: bold;
text-transform: capitalize;
}
.profile-card.women .profile-data a {
font-weight: bold;
font-size: 0.65em;
}
.profile-card.left {
margin: -15px 0 0 -5px;
}
.profile-card.left img {
}
.profile-card.left .profile-data {
float: right;
}
.profile-card.women.right {
margin: -15px 0 0 -171px;
}
.profile-card.women.right img {
right: 0;
}
.profile-card.right .profile-data {
float: left;
}
/* 10,000 business content */
.tenk-content h4 {
margin-top: 20px;
text-transform: uppercase;
font-size: 1.333em/1.5;
}
.tenk-content ul.cityFilter {
margin-top: 20px;
text-transform: uppercase;
font-size: 1.167em/1.5;
}
.tenk-content ul.cityFilter li {
margin-top: 15px;
}
.tenk-content ul.cityFilter li a {
color: #2f3338;
font-weight: bold;
}
.tenk-content ul.grid-content.business {
}
.tenk-content ul.grid-content.business li {
position: relative;
float: left;
width: 160px;
height: 160px;
}
.tenk-content ul.grid-content.business li a {
position: absolute;
clip: rect(0px 160px 160px 0px);
/* IE8 quirks */
filter: inherit;
}
.tenk-content ul.grid-content.business li a:hover {
clip: rect(200px 160px 360px 0px);
top: -200px;
}
.tenk-content ul.grid-content.business li a.disabled:hover {
clip: rect(0px 160px 160px 0px);
top: 0;
}
.profile-card.business {
width: 432px;
height: 200px;
}
.profile-card.business img {
position: absolute;
width: 200px;
height: 200px;
}
.profile-card.business .profile-data {
margin: 10px 10px 0;
width: 212px;
text-transform: uppercase;
}
.profile-card.business .profile-data h4 {
font-weight: bold;
font-size: 1em;
line-height: 1.5;
}
.profile-card.business .profile-data p {
margin: 0 0 0.5em;
font-size: 0.65em;
}
.profile-card.business .profile-data p.country {
font-size: 0.9em;
text-transform: capitalize;
}
.profile-card.business .profile-data p.desc {
text-transform: none;
line-height: 1.5;
}
.profile-card.business .profile-data p span {
font-weight: bold;
text-transform: capitalize;
}
.profile-card.business .profile-data a {
font-weight: bold;
font-size: 0.65em;
}
.profile-card.business.right {
margin: -15px 0 0 -265px;
}
.profile-card.business.right img {
right: 0;
}
.tenk-sb-join {
border-top: 1px solid #e6e7e9;
margin-top: 70px;
}
/* Incorporating old flash content for launch */
.tenkSBflash {
padding: 3em 0;
background: #000;
text-align: center;
margin-bottom: -200px;
}
.tenkSBflash h2 {
width: 100%;
margin: 0 0 2em;
padding: 20px 0 20px 15px;
background: #000;
text-align: left;
font-size: 1.75em;
color: #fff;
}
.tenkWflash {
padding: 0 0 3em;
background: #d9e6f2;
text-align: center;
margin-bottom: -200px;
}
.tenkWflash h2 {
width: 100%;
margin: 0 0 2em;
padding: 20px 0 20px 15px;
text-align: left;
font-size: 1.75em;
color: #00355f;
}
/* gs gives content */
.tenk-content p {
margin-top: 20px;
font: 1.167em/1.5 Arial, Helvetica, sans-serif;
}
.tenk-content ul.gsgives {
height: 400px;
}
.tenk-content ul.gsgives li {
position: relative;
float: left;
width: 160px;
height: 200px;
font-size: 1em;
}
.tenk-content ul.gsgives li a {
position: absolute;
height: 320px;
width: 160px;
clip: rect(0px 160px 160px 0px);
}
/*.tenk-content ul.gsgives li a:hover {
clip: rect(200px 160px 360px 0px);
top: -200px;
}*/
.tenk-content ul.gsgives p {
position: absolute;
margin: 0;
left: 0;
bottom: 10px;
width: 160px;
height: 20px;
line-height: 1.25;
}
/* Start Careers people content */
.people-content {
}
.people-content ul.grid-content {
padding-bottom: 100px;
}
.people-content ul.grid-content li {
position: relative;
float: left;
width: 160px;
height: 160px;
}
.people-content ul.grid-content li a {
position: absolute;
clip: rect(0px 160px 160px 0px);
/* IE8 quirks */
filter: inherit;
}
.people-content ul.grid-content li a:hover {
clip: rect(200px 160px 360px 0px);
top: -200px;
}
.people-content ul.grid-content li a.disabled:hover {
clip: rect(0px 160px 160px 0px);
top: 0;
}
.people-content .filterby {
width: 250px;
}
.people-content h3 {
margin: 16px 0 32px;
font-weight: bold;
}
.people-content #reset {
float: right;
font-size: 18px;
margin: 3px 0 0 0;
text-transform: uppercase;
}
/*.people-content #academic {
z-index: 10;
}*/
.people-content #division {
z-index: 10;
}
.people-content #region {
z-index: 9;
}
.people-content #corptitle {
z-index: 8;
}
/*.people-content #affinity {
z-index: 6;
}*/
.careerspeople .homepage-grid #hero figcaption {
width: 640px;
}
.people-content .customSelect li {
line-height: 1.5;
font-size: 1.33em;
}
.profile-card.careerspeople,
.careerspeople .profile-card {
width: 384px;
height: 192px;
}
.profile-card.careerspeople img,
.careerspeople .profile-card img {
position: absolute;
width: 192px;
height: 192px;
}
.profile-card.careerspeople .profile-data,
.careerspeople .profile-card .profile-data {
margin: 10px 8px 0;
width: 176px;
text-transform: uppercase;
}
.profile-card.careerspeople .profile-data h4,
.careerspeople .profile-card .profile-data h4 {
font-weight: bold;
font-size: 1.111111111em;
line-height: 1.25;
}
.profile-card.careerspeople .profile-data p,
.careerspeople .profile-card .profile-data p {
margin: 0 0 0.5em;
}
.profile-card.careerspeople .profile-data p.title,
.careerspeople .profile-card .profile-data p.title {
font-size: 1em;
line-height: 1.25;
text-transform: capitalize;
}
.profile-card.careerspeople .profile-data p.position,
.careerspeople .profile-card .profile-data p.position {
margin-top: 15px;
font-size: 0.65em;
text-transform: capitalize;
}
.profile-card.careerspeople .profile-data a,
.careerspeople .profile-card .profile-data a {
position: absolute;
bottom: 20px;
font-weight: bold;
font-size: 0.55em;
}
#profile-container .left,
.profile-card.left {
margin: -15px 0 0 -5px;
}
#profile-container .left img,
.profile-card.left img {
}
#profile-container .left .profile-data,
.profile-card.left .profile-data {
float: right;
}
.careerspeople #profile-container .right,
.profile-card.careerspeople.right {
margin: -15px 0 0 -219px;
}
.careerspeople #profile-container .right img,
.profile-card.careerspeople.right img {
right: 0;
}
#profile-container .right .profile-data,
.profile-card.right .profile-data {
float: left;
}
#profile-container .right .profile-data a,
.profile-card.right .profile-data a {
left: 8px;
}
.careerspeople .grid1-padded.filterby {
position: absolute;
top: 200px;
right: 30px;
}
.careerspeople .quickLinks {
position: absolute;
top: -160px;
}
/* End Careers people content */
/* Start Careers search content */
.careersSearch .content-search .masthead {
margin: 0;
}
.careersSearch .content-search .searchNav {
position: relative;
left: -20px;
width: 640px;
height: 108px;
background: url('../../../../a/pgs/content/images/careers/search-nav-bg.jpg') 0 0 no-repeat;
z-index: 100;
}
.searchNav h2 {
margin: 0;
padding: 10px 20px;
color: #fff;
}
.wf-inactive .searchNav h2 {
font-weight: bold;
}
.searchNav .customSelect {
float: left;
margin: 0 0 0 20px;
}
.searchNav .searchCTA {
float: left;
margin: 10px 0 0 15px;
text-transform: uppercase;
font-size: 1.5em;;
color: #7399c6;
}
#jobs {
position: relative;
}
.searchListing {
margin: 20px -20px;
width: 640px;
text-align: left;
color: #2f3338;
}
.searchListing .caption {
padding: 0 0 20px 20px;
text-align: left;
text-transform: uppercase;
font-size: 1.333em;
line-height: 1.5;
}
.wf-inactive .searchListing .caption {
font-weight: bold;
}
.searchListing .caption .counter {
display: block;
}
.searchListing .caption .counter {
display: block;
color: #8b8b8b;
text-transform: none;
font-weight: normal;
font-size: 0.75em;
}
.searchListing thead {
border-bottom: 1px solid #d8d9db;
}
.searchListing thead tr .header {
background: url('../../../../a/pgs/content/images/careers/bg.gif') center right no-repeat;
cursor: pointer;
}
.searchListing thead tr .headerSortUp {
background-image: url('../../../../a/pgs/content/images/careers/asc.gif');
}
.searchListing thead tr .headerSortDown {
background-image: url('../../../../a/pgs/content/images/careers/desc.gif');
}
.searchListing thead th {
padding: 10px 20px;
}
.searchListing tr {
border-bottom: 1px solid #d8d9db;
}
.searchListing tbody th,
.searchListing tbody td {
padding: 10px 20px;
}
.searchListing tbody th {
text-align: left;
font-weight: bold;
color: #505461;
}
.searchListing tbody td {
white-space: nowrap;
}
#jobs .filters {
position: absolute;
right: 0;
z-index: 1; /* Fixes layering issues */
}
#jobs .filters p {
width: auto;
float: left;
margin-top: 0.5em;
}
#jobs .filters .customSelect {
float: right;
margin-left: 10px;
width: 195px;
}
#jobs .filters div.customSelect.open {
background: url(../../../../a/pgs/images/select-top-narrow.png) 0 0 no-repeat;
}
#jobs .filters div.customSelect.open a {
width: 180px;
}
#jobs .filters div.customSelect ul {
width: 195px;
}
#jobs .filters div.open ul,
#jobs .filters div.customSelect.open ul {
background: url(../../../../a/pgs/images/select-btm-narrow.png) 0 bottom no-repeat !important;
}
#jobs .filters div.customSelect ul li {
width: 191px;
}
#jobs .filters div.customSelect ul li a {
width: 180px;
}
#jobs .filters div.customSelect ul .selected a {
background: url(../../../../a/pgs/images/select-chevron.png) 166px 50% no-repeat;
}
#jobs .filters div.customSelect ul a:hover,
#jobs .filters div.customSelect ul a:focus {
text-decoration: none;
background-color: #5e8fca;
color: #fff;
}
#jobs .filters div.customSelect ul .selected a:hover,
#jobs .filters div.customSelect ul .selected a:focus {
background-image: url(../../../../a/pgs/images/select-chevron-active.png);
}
/* Start Careers sidebar */
.jobSidebar {
padding: 0 15px;
}
.jobSidebar h2 {
margin-bottom: 15px;
font-size: 1.66em;
line-height: 1.2;
}
.jobSidebar p.selectHdr {
margin: 0;
padding: 0;
}
.jobSidebar h3.jobHdr {
margin: 0 0 15px 0;
padding: 0;
}
.jobSidebar h4.jobSubHdr {
margin: 20px 0 0 0;
padding: 0;
text-transform: uppercase;
}
.jobSidebar .customSelect.regionSelect,
.jobSidebar div {
margin-bottom: 30px;
}
.jobSidebar .regionSelect li {
line-height: 1.5;
font-size: 1.33em;
}
ul.jobList {
}
ul.jobList li {
margin:5px 0 10px;
padding-left: 10px;
list-style-position: outside;
background: url('../../../../a/pgs/images/arrow-xbrl.png') left 5px no-repeat;
}
ul.jobList li a {
color: #333;
}
ul.jobList li.showAll {
font-weight: bold;
text-transform: uppercase;
background: none;
}
.jobSidebar a.applyNow {
}
/* End Careers sidebar */
/* End Careers search content */
/* Start Request Financial Reports */
.financialReports h3 {}
.financialReports h3 span {
display: block;
padding-top: 10px;
color: #7d8084;
text-transform: none;
font: normal 0.75em Arial,Helvetica,sans-serif;
}
form#mailing {
width: 640px;
}
#reportList {
position: relative;
margin: 20px -20px 50px;
width: 640px;
z-index: 1;
}
#reportList li {
padding: 10px 20px 5px;
border-bottom: 1px solid #d8d9db;
font: Arial,Helvetica,sans-serif;
}
#reportList li h5 {
position: relative;
display: inline;
color: #7d8084;
font-size: 0.75em;
}
#reportList li h5#printed {
position: absolute;
right: 20px;
}
#reportList li span.year {
float: left;
width: 90px;
color: #6a6a6a;
font-size: 0.75em;
}
#reportList li p {
float: left;
margin: 0;
width: 450px;
color: #2f3338;
font-size: 0.85em;
}
#reportList li p span.filesize {
margin-left: 10px;
color: #7d8084;
font-size: 0.75em;
}
#reportList li input.checkbox {
margin: 0;
border: none;
}
div.form {
margin: 30px 0 100px;
width: 500px;
}
form#mailing label {
display: inline-block;
padding-top: 15px;
width: 100px;
vertical-align: top;
}
form#mailing input {
margin: 10px 0;
height: 22px;
border: 1px solid #c1c2c3;
color: #999;
}
form#mailing input.long {
width: 390px;
}
form#mailing input.short {
margin-right: 20px;
width: 150px;
}
form#mailing input#postal,
form#mailing input#country {
width: 110px;
}
form#mailing button {
float: right;
margin-top: 20px;
padding: 0 10px;
width: 160px;
height: 38px;
text-transform: uppercase;
font-size: 1.25em;
background-color: #5f6d7d;
}
/* End Request Financial Reports */
ul.boardList {
margin-top: 30px;
overflow: hidden;
min-height: 800px;
}
ul.boardList li {
float: left;
width: 300px;
margin-bottom: 30px;
}
ul.boardList li img {
float: left;
margin-right: 10px;
}
ul.boardList li h3 {
float: left;
font-size: 1em;
margin: 0;
line-height: 1em;
width: 174px;
}
ul.boardList li h3 a {
color: #2f3338;
}
ul.boardList li h3 span {
display: block;
margin-top: 5px;
font-size: 0.875em;
line-height: 1.25;
}
ul.boardList li p {
float: left;
font-size: 0.625em;
width: 174px;
line-height: 1.5;
margin-top: 0px;
}
section#managementCommittee {
clear: both;
}
ul.committeeList {
overflow: hidden;
margin-top: 20px;
}
ul.committeeList li {
float: left;
width: 190px;
}
ul.committeeList li a {
font-size: 1em;
line-height: 1;
color: #2f3338;
}
.atGlance ul.graph {
margin-top: 30px;
}
.atGlance ul.graph li {
float: left;
width: 149px;
border-left: 1px dotted #78797a;
height: 1100px;
}
.atGlance ul.graph li.first {
border: none;
}
.atGlance ul.graph li.first p {
padding-left: 0;
}
.atGlance ul.graph li h3 {
font-size: 0.875em;
line-height: 1.2em;
padding: 5px;
width: 130px;
}
.atGlance ul.graph li img {
width: 149px;
}
.atGlance ul.graph li p {
font-size: 0.750em;
padding: 10px;
width: auto;
}
article.leadership {
}
.leadership-landing .grid2-grad1 {
background: none;
}
article.leadership h2 {
line-height: 1.2em;
}
article.leadership h2 span.company {
font: 0.889em/1"Arial Narrow", Arial, Helvetica, sans-serif;
}
article.leadership header {
position: relative;
left: -20px;
top: -10px;
overflow: hidden;
width: auto;
height: auto;
float: left;
width: 655px;
}
article.leadership header h2{
width: auto;
}
article.leadership header hgroup {
float: left;
margin-left: 20px;
width: 442px;
}
article.leadership header hgroup h1 {
margin: 0;
padding-top: 20px;
font-size: 3.750em;
}
article.leadership header hgroup h2 {
font-size: 2.083em;
line-height: 1.2;
padding: 0;
margin: 0;
text-transform: none;
width: 300px;
}
article.leadership h3 {
margin: 0;
font: 1.333em/1"Arial Narrow", Arial, Helvetica, sans-serif;
text-transform: none;
}
article.leadership h2 {
margin: 40px 0 10px 0;
}
article.leadership header img {
float: left;
}
/***** 10K *****/
.mediaMasthead #socialLinks,
.tenk #socialLinks {
margin: 20px 20px 20px 0;
}
.tenk .customSelect {
margin: 20px 0 30px 20px;
}
img.subHead {
width: 640px;
}
h1.numeric {
margin-top: 20px;
color: #77a5e0;
}
h1.numeric span {
display: block;
line-height: 1;
margin-bottom: -5px;
/* height: 46px;
width: 174px;
text-indent: -1000px;
background: url('../../../../a/pgs/images/header-10000women-small.png') 0 0 no-repeat;*/
}
ul.eventsList {
clear: both;
border-top: 1px solid #e6e7e9;
}
ul.eventsList li {
overflow: hidden;
padding: 0;
margin: 0;
}
ul.eventsList li img {
float: left;
margin-right: 20px;
max-width: 320px;
}
ul.eventsList li h2 {
min-width: 150px;
font-size: 1em;
margin-top: 20px;
}
ul.eventsList.asymmetric li h2 {
background: transparent url('../../../../a/pgs/images/link-bullet.gif') right no-repeat;
float: left;
padding-right: 15px;
}
ul.eventsList li p {
float: left;
width: 300px;
font-size: 0.875em;
line-height: 1.2em;
clear: right;
padding: 0;
margin: 0;
}
ul.tenksb li p {
width: 360px;
}
ul.eventsList li a {
float: left;
display: block;
width: 200px;
font-size: 0.625em;
}
.padded {
padding: 0 20px;
}
.ten-thousand h2 {
margin: 1em 0.55em 0.55em
}
h2.person {
font-size: 2.17em;
line-height: 0.6;
margin: 30px 0 50px 0;
width: auto;
}
h2.person span {
font-size: 0.528em;
line-height: 1;
text-transform: none;
}
dl.pplDescription {
float: left;
margin: 23px 0 0 60px;
overflow: hidden;
text-transform: uppercase;
}
dl.pplDescription dt {
float: left;
clear: left;
min-width: 140px;
font-size: 1em;
line-height: 1.5;
}
dl.pplDescription dd {
float: left;
font-size: 1em;
line-height: 1.5;
}
h3.arial {
font: 1.500em/1.3 Arial, Helvetica, sans-serif;
margin-left: 20px;
font-weight: normal;
}
h3.arial strong {
font-weight: bold;
}
.customSelect.narrow {
font-size: 1.775em;
width: 162px;
}
.customSelect.narrow.open ul {
width: 166px;
background: url(../../../../a/pgs/images/select-small-btm.png) 0 bottom no-repeat;
}
.customSelect.narrow li {
width: 165px;
}
.customSelect.narrow.open li {
width: 165px !important;
}
.customSelect.narrow ul .selected a {
width: 152px;
background-position: 130px 50%;
padding-bottom: 4px;
}
.customSelect.narrow.open ul .selected a {
width: 150px;
}
.customSelect.narrow.open a {
width: 150px;
}
blockquote.app {
background: url(../../../../a/pgs/images/blockquoteapp-bg.jpg) 0 0 repeat-y;
height: 265px;
border: none;
padding: 20px;
margin: 0;
}
blockquote.app p {
width: auto;
background: url(../../../../a/pgs/images/blockquote-single-app.png) 0 0 no-repeat;
padding-left: 30px;
font-size: 2.29em;
line-height: 1;
color: #fff;
display: inline;
}
blockquote.app p span {
display: block;
font-size: 0.412em;
text-transform: uppercase;
margin-top: 20px;
line-height: 1.5em;
}
blockquote.app p span strong {
font-size: 1em;
line-height: 1;
display: block;
}
.tenk-partner .grid3 {}
.tenk-partner #socialLinks {
margin-top: 20px;
}
.tenk-partner aside.grid2 {
position: relative;
}
.tenk-partner aside.grid2 hgroup {
position: absolute;
top: 40px;
left: 30px;
}
.tenk-partner aside.grid2 .masterSubHeaderLink {
position: absolute;
top: 150px;
left: 30px;
font-size: 1;
line-height: 1;
text-transform: uppercase;
color: #fff;
}
.tenk-partner aside.grid2 hgroup h2 {
font-size: 1.5em;
line-height: 1;
color: #7397c5;
margin: 0
}
.tenk-partner aside.grid2 hgroup h3 {
font-size: 4.416em;
line-height: 1;
margin: 0;
color: #fff;
}
.tenk-partner aside.grid2 hgroup h3 span {
display: block;
font-size: 0.396em;
line-height: 1;
text-transform: none;
color: #e1e6ec;
}
.tenk-partner aside.grid2 article.bg {
background: #ebeef1;
padding-bottom: 50px;
overflow: hidden;
}
.tenk-partner aside.grid2 article ul {
padding-bottom: 50px;
}
.tenk-partner aside.grid2 article.bg ul {
/*background: url(../../../../a/pgs/images/three-squares.jpg) 0 bottom no-repeat; */
}
.tenk-partner aside.grid2 article h3 {
font-size: 1.5em
}
.tenk-partner aside.grid2 article li {
font-size: 1.167em;
}
.annualMeeting .map {
overflow: hidden;
margin: 20px 0 0 20px;
font-size: 0.94em;
}
.annualMeeting .map h2 {
font-size: 2.500em;
line-height: 1;
margin: 10px 0 10px 0;
width: 300px;
}
.annualMeeting .map time {
font-size: 1.500em;
line-height: 1;
text-transform: uppercase;
padding-bottom: 20px;
width: 400px;
}
.annualMeeting .map img {
margin-right: 20px;
}
.annualMeeting .map p {
width: 400px;
}
.annualMeeting .map p a {
display: block;
margin-top: 10px;
}
.annualMeeting ul.board {
margin-top: 50px;
overflow: hidden;
}
.annualMeeting ul.board li {
margin: 0 0 0 20px;
padding: 30px 0;
float: left;
width: 290px;
font-size: 1.2em;
}
.annualMeeting ul.board li h2 {
font-size: 1.125em
}
.annualMeeting ul.board li p {
font-size: 0.875em
}
.annualMeeting ul.board li a {
font-size: 1em;
}
.sitemap ul {
width: 100%;
margin-bottom: 100px;
position: relative;
overflow: hidden;
float: left;
clear: both;
}
.sitemap ul li {
width: 215px;
line-height: 2;
float: left;
margin-right: 15px;
position: relative;
overflow: hidden;
margin-bottom: 1em;
}
.sitemap ul li a {
color: #2f3338;
text-transform: uppercase;
}
.sitemap ul li ul {
width: 215px;
position: relative;
overflow: hidden;
clear: none;
margin-top: 2em;
margin-bottom: 0;
}
.sitemap ul li ul.narrowRight {
margin-top: 0;
}
.sitemap ul li ul li {
line-height: 2;
}
.sitemap ul li ul li a,
.sitemap ul li ul li span.linkless {
font: bold 1.167em Arial, Helvetica, sans-serif;
text-transform: none;
}
.sitemap ul li ul li ul {
margin-top: 0;
}
.sitemap ul li ul li ul li {
width: 200px;
margin: 0.5em 0 0 0;
}
.sitemap ul li ul li ul li.sidebyside {margin: 0;}
.sitemap ul li ul li ul li a {
font: normal 1em Arial, Helvetica, sans-serif;
text-transform: none;
}
.sitemap ul li#loginNav {
display: none;
}
.sitemap p,
.sitemap div.pullquote {
display: none;
}
.sitemap ul.splitColumn li a {
font-weight: bold;
}
.sitemap ul.splitColumn li ul li a {
font-weight: normal;
}
article.blockquote {
margin: 45px 0;
overflow: hidden;
}
article.blockquote img {
margin-right: 20px;
}
article.blockquote p {
width: 400px;
}
article.explained {}
article.explained li {
padding-right: 40px;
}
article.explained li.featured {
padding: 0px;
overflow: hidden;
}
article.explained li.featured h2 {
margin-top: 20px;
}
article.explained img {
margin-right: 20px;
}
article.explained h2 {
font-size: 1.125em;
}
article.explained p {
font-size: 1em;
width: auto;
}
article.explained li p {
margin-right: 20px;
}
ul.gradGrid {
overflow: hidden;
}
ul.gradGrid li {
float: left;
height: 120px;
width: 120px;
padding: 20px
}
ul.gradGrid li.grad1 {
background: #e4e9ed;
}
ul.gradGrid li.grad2 {
background: #dbe2e8;
}
ul.gradGrid li.grad3 {
background: #d3dce3;
}
ul.gradGrid li.grad4 {
background: #cbd6de;
}
ul.gradGrid li.grad5 {
background: #c2cfd8;
}
ul.gradGrid li.grad6 {
background: #b9c8d2;
}
ul.gradGrid li.grad7 {
}
ul.gradGrid li.grad8 {
}
ul.gradGrid li h2 {
font-size: 0.875em;
margin: 0
}
ul.gradGrid li h2 a {
background: url("../../../../a/pgs/images/link-bullet.gif") no-repeat right 50%;
padding-right: 15px;
color: #2F3338;
}
ul.gradGrid li p {
font-size: 0.625em;
width: auto;
}
a.startQuiz {
font-size: 1.167em;
background: #5f6d7d;
display: block;
padding: 5px 20px;
text-transform: uppercase;
color: #fff;
float: left;
clear: both;
margin: 0 0 30px 0;
}
div.filterBlog {
background: #000;
padding: 5px 20px 0 0;
height: 45px;
font-size: 1.363636364em;
}
div.filterBlog div.customSelect {
margin-left: 709px;
}
div.filterBlog div.customSelect a {}
ul.blogList {
overflow: hidden;
}
div.filterBlog > span {
float: left;
display: block;
color: white;
margin-top: 8px;
margin-left: 620px;
font-size: 1.2em;
line-height: 1;
}
ul.blogList li {
float: left;
width: 320px;
margin: 0;
padding: 0 0 5px 0;
}
ul.blogList li img {
max-height: 200px;
width: 320px;
}
ul.blogList li .edit_dot img {
width: 17px;
}
ul.blogList li figcaption {
padding: 15px 15px 10px;
}
ul.blogList li h2 {
}
ul.blogList li h2 .sectionHint {
display: block;
font: 0.611em/1.5 Arial, Helvetica, sans-serif;
color: #5d6267;
font-weight: normal;
}
ul.blogList li h2 a {}
ul.blogList li p {
line-height: 1.25;
padding: 0 40px 10px 0;
}
ul.blogList li .tags li {
width: auto;
margin-left: 5px;
}
ul.blogList a.view {
color: #5283bd;
margin-left: 0px;
text-transform: uppercase
}
.blogGrad1 {
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0.17, #DFE3E8),
color-stop(0.42, #E4E8ED),
color-stop(0.67, #EBEEF3)
);
background-image: -moz-linear-gradient(
left center,
#DFE3E8 17%,
#E4E8ED 42%,
#EBEEF3 67%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DFE3E8', endColorstr='#EBEEF3',GradientType=1 ); /* IE6-9 */
}
.blogGrad2 {
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0.17, #DFE3E8),
color-stop(0.42, #E5E9EE),
color-stop(0.67, #EBEEF3)
);
background-image: -moz-linear-gradient(
left center,
#DFE3E8 17%,
#E5E9EE 42%,
#EBEEF3 67%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DFE3E8', endColorstr='#EBEEF3',GradientType=1 ); /* IE6-9 */
}
.blogGrad3 {
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0.17, #D7DDE4),
color-stop(0.42, #E3E8EF),
color-stop(0.85, #EEF3FB)
);
background-image: -moz-linear-gradient(
left center,
#D7DDE4 17%,
#E3E8EF 42%,
#EEF3FB 85%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7DDE4', endColorstr='#EEF3FB',GradientType=1 ); /* IE6-9 */
}
.splitGrid {
width: 260px;
float: left;
padding: 0 20px 0 0;
margin-right: 20px;
}
.grid2-padded p.label {
font-size: 1em;
line-height: 1.25;
margin: 0;
width: 290px;
}
.splitGrid > ul {
margin-top: 60px;
}
.splitGrid ul.infoLinks {
margin: -0.5em 0 25px;
overflow: hidden;
}
.splitGrid ul li {
margin: 0;
padding: 10px 0 0 0;
overflow: hidden;
}
.splitGrid ul.infoLinks li {
padding: 0;
}
.splitGrid ul h2 {
font-size: 1.125em;
width: 250px;
line-height: 1.25;
margin-top: 20px;
}
.splitGrid ul h2 a {
background: url("../../../../a/pgs/images/link-bullet.gif") no-repeat scroll right 50% transparent;
color: #2F3338;
padding-right: 15px;
}
.splitGrid ul p {
font-size: 1em;
}
.splitGrid ul h3 {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: none;
line-height: 1em;
}
.splitGrid ul p time {
margin: 0;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: inherit;
float: none;
display: block;
}
.grid2-padded .splitGrid p {
width: auto !important;
}
.splitGrid ul li ul li {
float: left;
margin-right: 10px;
}
.splitGrid ul li ul li a {
text-transform: uppercase;
font-size: 0.57em;
}
.specifications {
width: 300px;
border-top: 1px solid #e6e7e9;
}
.specifications li {
margin: 0;
padding: 10px 0;
}
.specifications li h3 {
margin: 0;
font-size: 0.875em;
text-transform: none;
}
.specifications li h3 a {
color: #2F3338;
}
.specifications li p {
width: auto;
font-size: 0.875em;
}
.careersF .grid2 .padded > p {
width: 400px;
}
.careersF .cards {
margin: 20px 20px 0 0;
}
.people {
overflow: hidden;
width: 550px;
}
.people li {
position: relative;
float: left;
width: 250px;
overflow: hidden;
padding: 0;
margin: 0 0 20px 0;
margin-right: 10px;
border-bottom: none;
}
.people li img {
display: block;
position: relative;
float: left;
clear: right;
margin-right: 10px;
}
.people li h3 {
font-size: 0.9375em;
line-height: 1;
margin: 0 0 10px;
padding: 0;
position: relative;
}
.people li p {
position: relative;
overflow: hidden;
width: 150px;
font-size: 0.625em;
text-transform: uppercase;
margin: 0 0 15px 0;
line-height: 1.25;
}
.people li a {
display: block;
text-transform: uppercase;
font-size: 0.75em;
}
.appDeadLine {
position: relative;
}
body .appDeadLine p {
width: auto;
font-size: 2.500em;
color: #5f6d7d;
text-transform: uppercase;
padding: 0 20px;
position: absolute;
left: 240px;
top: -10px
}
body .appDeadLine a.buttonLink {
position: relative;
top: -5px;
left: 5px;
font-size: 0.467em;
}
ul.awards {
clear: both;
}
ul.awards p {
font-size: 0.875em;
}
ul.awards h3 {
margin: 0;
}
.careers .more-info {
background: none;
top: 615px;
}
.careers .more-info h4 {
font-size: 1.33em;
line-height: 1;
text-transform: uppercase;
margin-bottom: 0.75em;
}
.careers .more-info li {
line-height: 1em;
}
.careers .more-info li a {
font-size: 0.750em;
}
.careers .tab {
position: relative;
}
.careers .tab p {
width: 430px;
}
.careers .tab .more-info {
top: 38px;
background: none
}
.careers .tab .more-info a {
color: "transparent";
}
.careers .tab .more-info a:hover {
text-decoration: none;
}
.jobSummary {
width: 450px;
overflow: hidden;
}
.jobSummary * {
float: left;
}
.jobSummary dt.first {
font-size: 2.500em;
line-height: 1;
text-transform: uppercase;
}
.jobSummary dd.first {
font-size: 1.5em;
line-height: 1.2;
height: 30px;
padding-top: 5px;
margin-bottom: 20px;
text-transform: capitalize;
}
.jobSummary dt {
width: 150px;
font-size: 1.5em;
line-height: 1;
padding: 5px 0;
text-transform: uppercase;
color: #66676b;
}
.jobSummary dd {
width: 280px;
font-size: 1.5em;
line-height: 1;
padding: 5px 0;
text-transform: uppercase;
}
/******* CORE CONTENT - END *******/
/*new career folder list template begin*/
.careerspeople .career-people-nav .quickLinks {
position: initial;
}
#content {
padding-bottom: 0px;
}
.people-list article.people-profile figcaption p {
margin-right: 20px;
}
.people-list article.people-profile figcaption p.name {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
}
.people-list article.people-profile figcaption p.title {
text-transform: uppercase;
font-size: 12px;
}
.people-list article.people-profile figcaption p.name a {
color: #2f3338;
}
.people-list article.people-profile figcaption p.group {
margin-bottom: 0;
}
.people-list article.people-profile figcaption p.division {
margin-bottom: 0;
}
.people-list article.people-profile figcaption p.region {
font-weight: bold;
}
.people-list article.people-profile figcaption {
margin: 5% 0 5% 5%;
}
.people-list article.people-profile {
width: 240px;
height: 360px;
float: left;
}
.people-list article.people-profile img.articleImg {
width: 240px;
}
/*new career folder list template end*/
/******* ERROR PAGES - START *******/
.error-404 {
background: transparent url('../../../../a/pgs/images/error-404-bg.png') -120px top no-repeat;
padding-bottom: 0 !important;
}
.error-404 section {
width: 640px;
padding: 170px 160px 20px;
text-align: center;
color: #fff;
line-height: 1;
min-height: 545px;
}
.error-404 section h1 {
font-size: 7.5em;
line-height: 1;
padding-top: 0;
margin-bottom: 0.33em;
}
.error-404 section h2 {
font-size: 2.1667em;
line-height: 1.5;
text-transform: none;
}
.error-404 section p {
font-size: 2.1667em;
line-height: 1.5;
}
.error-404 section p strong {
font-size: 1.5em;
font-weight: normal;
}
.error-404 section a {
color: #7397c5;
}
.error-404 section ul {
position: relative;
width: auto;
margin: 0 auto 2em;
}
.error-404 section ul li {
display: inline;
padding: 0 18px;
}
.error-404 section ul li a {
font-size: 1.25em;
line-height: 1;
text-transform: uppercase;
}
/******* ERROR PAGES - END *******/
/****** MEDIA COMPONENT - START ******/
/*** Start slideshow component ***/
#endFrame,
#mediaHolder {
position: relative;
width: 640px;
min-height: 360px;
height: auto;
background-color: #000;
}
#endFrame{
background: transparent url('../../../../a/pgs/images/mediacomponent-screen.png') 0 0 repeat;
position:absolute;
z-index:999;
display:none;
}
#endFrame.html5{
background: none repeat scroll 0 0 transparent;
}
.grid3 #endFrame{
margin-left: 160px;
margin-right: 160px
}
.browse-enabled .grid3 #endFrame,
.video-carousel-test .grid3 #endFrame{
margin-left: 0px;
margin-right: 0px;
}
#endFrame span{
color: #FFFFFF;
display: block;
font-size: 2em;
line-height: 30px;
cursor:pointer;
position: absolute;
text-transform: uppercase;
}
#endFrame span.replay{
background: url("../../../../a/pgs/images/mediacomponent-replay.png") no-repeat scroll 0 0 transparent;
height: 30px;
left: 260px;
margin-top: 165px;
text-indent: 42px;
width: 120px;
}
#endFrame span.replay.lower{
margin-top: 200px;
}
#endFrame a.learn{
background: url("../../../../a/pgs/images/mediacomponent-carot.png") no-repeat scroll right 0 transparent;
color: #FFFFFF;
display: block;
font-size: 1.8em;
line-height: 24px;
height: 24px;
left: 208px;
*left:226px;
margin-top: 240px;
position: absolute;
text-transform: uppercase;
width: 224px;
*width:260px;
}
#endFrame a.learn:hover{ text-decoration:none;}
#endFrame div.moreVideos{
position: absolute;
margin-left:20px;
margin-top: 27px;
height:160px;
width:640px;
}
#endFrame div.moreVideos .vidLists span.title{
font-size: 1.5em;
line-height: 18px;
}
#endFrame div.moreVideos img{display:block; height:80px; margin-bottom: 4px; width:120px;}
#endFrame div.vidLists ul li{display:block; float:left; margin-right:40px; margin-top:31px; width:120px; line-height:1.2;}
#endFrame div.vidLists ul li.last{margin-right:0px;}
#endFrame div.vidLists ul li a{color:#eeeeee; font: 0.84em/1 Arial,Helvetica,sans-serif;}
#endFrame div.vidLists ul li a span{color:#a9a8a8; font: 0.75em/1 Arial,Helvetica,sans-serif;}
#endFrame div.vidLists ul li a:hover{text-decoration:none;}
#endFrame div.moreVideos.twoLists .vidLists.first{margin-right:40px;}
.grid2 .richContent {
margin-bottom: 15px;
}
.grid3 #mediaHolder {
padding-left: 160px;
padding-right: 160px;
/* padding-bottom: 20px;*/
}
ul.mediaComponentThumbs {
position: relative;
float: left;
padding: 0 50px 15px;
width: 540px;
height: 150px;
background-color: #000;
overflow: hidden;
}
.carousel {
background-color: #000;
position: relative;
float: left;
padding: 0;
overflow: hidden;
}
.grid1 .carousel {
width: 200px;
}
.grid2 .carousel {
width: 520px;
}
.grid3 .carousel {
width: 640px;
}
.carousel ul.mediaComponentThumbs {
padding: 16px 0;
}
.carouselButton {
display: block;
float: left;
width: 50px;
height: 182px;
background: #000 url('../../../../a/pgs/images/mediacomponent-sprite.png') 0 0 no-repeat;
cursor: pointer;
}
.prevBtn {
background-position: 0 -150px;
border-right: 10px solid #000;
}
.prevBtn:focus,
.prevBtn:hover {
background-position: 0 0;
}
.prevBtn.disabled {
background-position: 0 -300px;
cursor: default;
}
.prevBtn.inactive {
background-position: 0 -450px;
cursor: default;
}
.nextBtn {
background-position: -100px -150px;
border-left: 10px solid #000;
}
.nextBtn:focus,
.nextBtn:hover {
background-position: -100px 0;
}
.nextBtn.disabled {
background-position: -100px -300px;
cursor: default;
}
.nextBtn.inactive {
background-position: -100px -450px;
cursor: default;
}
.grid3 .prevBtn {
background-position: 100px -150px;
padding-left: 100px;
}
.grid3 .prevBtn:focus,
.grid3 .prevBtn:hover {
background-position: 100px 0;
}
.grid3 .prevBtn.disabled {
background-position: 100px -300px;
}
.grid3 .prevBtn.inactive {
background-position: 100px -450px;
}
.grid3 .nextBtn {
padding-right: 100px;
}
.grid3 .grid2 .prevBtn {
padding-left: 0;
}
.grid3 .grid2 .nextBtn {
padding-right: 0;
}
.grid3 .grid2 .carousel {
width: 520px;
}
ul.mediaComponentThumbs li {
float: left;
display: block;
position: relative;
width: 120px;
height: 150px;
/* margin: 0 15px 0 0;*/
margin: 0 10px 0 0;
padding: 0;
font-size: 1em;
line-height: 1.25;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.grid2 ul.mediaComponentThumbs li {
margin: 0 13px 0 0;
}
ul.mediaComponentThumbs li a {
outline: none;
opacity: 0.5; /* Standards Compliant Browsers */
-moz-opacity: 0.5;
filter: alpha(opacity=50); /* IE 7 and Earlier */
/* Next 2 lines IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
color: #fff;
width: 120px;
height: 150px;
padding: 0;
text-decoration: none;
display: block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
ul.mediaComponentThumbs li a.selected,
ul.mediaComponentThumbs li a:focus,
ul.mediaComponentThumbs li a:hover {
opacity: 1; /* Standards Compliant Browsers */
-moz-opacity: 1;
filter: alpha(opacity=100); /* IE 7 and Earlier */
/* Next 2 lines IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
ul.mediaComponentThumbs li a span.indicator {
position: absolute;
top: 56px;
left: 0;
width: 23px;
height: 24px;
text-indent: -999px;
overflow: hidden;
}
ul.mediaComponentThumbs li a.slideshow span.indicator {
background: transparent url('../../../../a/pgs/images/mediacomponent-indicator.png') 0 0 no-repeat;
}
ul.mediaComponentThumbs li a.video span.indicator {
background: transparent url('../../../../a/pgs/images/mediacomponent-indicator.png') 0 -48px no-repeat;
}
/*** End mediacomponent ***/
/*** Start slideshow component ***/
#overlay {
display: none;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 9999;
}
#overlay img {
position: absolute;
z-index: 10;
}
.overlayClose {
position: absolute;
right: 50px;
top: 50px;
cursor: pointer;
}
#preloader {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #000 url('../../../../a/pgs/images/preloader.gif') no-repeat 50% 50%;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
z-index: 7;
}
#fullImgHolder {
position: relative;
z-index: 8;
}
#fullImgHolder img {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 8;
}
#fullImgCaptionHolder {
position: absolute;
bottom: -30px;
padding: 15px 0;
color: #fff;
height: 40px;
width: 800px;
z-index: 10;
}
#fullImgCaptionHolder p {
height: 40px;
font: 1.25em/1.25 "Arial Narrow", Arial, Helvetica, sans-serif;
}
#fullImgCaptionHolder p.caption {
float: left;
color: #999;
}
#fullImgCaptionHolder p.controls {
float: right;
text-align: right;
}
#fullImgCaptionHolder p.controls span.pagination {
margin-right: 10px;
color: #999;
font-size: 0.8em;
}
#fullImgCaptionHolder p.controls a {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 0.8em;
}
.slideShowHolder {
position: relative;
width: 640px;
height: 360px;
overflow: hidden;
background: #000 url('../../../../a/pgs/images/preloader.gif') no-repeat 50% 50%;
}
.slideShowHolder img {
float: left;
margin: 0;
cursor: pointer;
/*
max-height: 100%;
max-width: 100%;
*/
}
#captionHolder {
display: none;
position: absolute;
bottom: 0;
padding: 15px 20px;
width: 600px;
height: 40px;
color: #fff;
background-color: #000;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
z-index: 10;
}
#captionHolder p {
float: left;
height: 40px;
font: 1.25em/1.25 "Arial Narrow", Arial, Helvetica, sans-serif;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#captionHolder p.caption {
margin-right: 70px;
width: 370px;
}
#captionHolder p.controls {
width: 160px;
text-align: right;
}
#captionHolder p.controls span.pagination {
margin-right: 10px;
color: #999;
font-size: 0.8em;
}
#captionHolder p.controls a {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 0.8em;
}
ul.mediaComponentSlideshow li img {
}
/*** End slideshow component ***/
.mediaComponentVideo {
background: #000;
position: relative;
overflow: hidden;
}
.forceStaticPosition {
height: 100%;
width: 100%;
overflow: hidden;
}
.forceStaticPosition * {
position: static !important;
z-index: 0;
}
body.video-fullscreen * {
position: static;
}
.fullscreen {
display: block!important;
position: fixed !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 100% !important;
background: #000;
z-index: 999;
}
.fullscreen video {
width: 100%;
height: 100%;
position: absolute!important;
top: 0;
left: 0;
right: 0;
bottom: 30px;
z-index: 1000;
}
.fullscreen .video-controls {
/*width: 640px;*/
width: 80%;
position: absolute!important;
bottom: 0;
left: 0;
right: 0;
z-index: 1001;
}
.fullscreen .video-time-scroll-box .gs-slider-wrapper {
width: 100%;
}
.fullscreen .video-time-scroll-box {
width: 85%;
}
.video-fullscreen-close-button {
display: none;
}
.fullscreen .video-fullscreen-close-button {
position: fixed;
top: 50px;
right: 50px;
width: 38px;
height: 38px;
text-indent: -9999px;
background: url('../../../../a/pgs/images/mediacomponent-close.png') no-repeat scroll 0 0 transparent;
z-index: 1010;
display: block;
}
.mediaComponentVideo {
width: 100%;
}
.mediaComponentVideo video {
display: block;
margin: 0 auto;
width: 100%;
height:360px;
}
.mediaComponentVideo .video-controls {
background: black;
display: block;
margin: 0 auto;
padding: 0 5px;
}
.mediaComponentVideo .video-title {
position: absolute;
left: 45px;
padding: 10px;
color: #fff;
width: 100%;
background: #000;
z-index: 999;
text-transform: uppercase;
font-size: 1.5em;
}
.mediaComponentVideo .video-title strong {
margin-right: 1em;
font-weight: bold;
}
.mediaComponentVideo .video-controls .video-play-button {
float: left;
display: block;
width: 25px;
height: 25px;
background: url('../../../../a/pgs/images/video-controls-sprite.png') no-repeat scroll -45px 10px black;
padding: 10px;
text-indent: -9999px;
cursor: pointer;
border-right: 2px solid #191919;
}
.mediaComponentVideo .playing .video-play-button {
background-position: -45px -30px;
}
.mediaComponentVideo .video-controls .video-volume-button-box {
float: right;
padding: 0;
width: 45px;
height: 45px;
margin: 0 5px;
text-indent: -9999px;
cursor: pointer;
border-left: 2px solid #191919;
}
.mediaComponentVideo .video-controls .video-volume-button-box .gs-slider-wrapper {
display: none;
}
.mediaComponentVideo .video-controls .video-volume-button-box:hover .gs-slider-wrapper {
display: block;
}
.mediaComponentVideo .video-controls .video-volume-button {
width: 25px;
height: 25px;
margin: 0;
padding: 10px;
background: url('../../../../a/pgs/images/video-controls-sprite.png') no-repeat scroll 4px 10px black;
text-indent: -9999px;
cursor: pointer;
display: block;
}
.mediaComponentVideo .muted .video-volume-button {
background-position: 9px -30px;
}
.mediaComponentVideo .video-controls .video-volume-button-scroll {
height: 100px;
width: 12px;
}
.mediaComponentVideo .video-controls .video-volume-button-box .gs-slider-wrapper {
border: 2px solid white;
border-radius: 12px;
margin-left: 12px;
margin-top: -108px;
margin-bottom: -10px;
padding: 4px;
padding-bottom: 10px;
width: 12px;
height: 100px;
}
.mediaComponentVideo .video-controls .video-volume-button-box .gs-slider-wrapper .gs-slider-bar {
background: none repeat scroll 0 0 white;
border: 2px solid white;
border-radius: 4px 4px 4px 4px;
margin: 1px;
width: 6px;
}
.mediaComponentVideo .video-controls .video-time-scroll-box {
display: block !important;
float: left;
color: white;
font-size: 15px;
margin: 12px 5px 8px;
width: 415px;
}
.mediaComponentVideo .video-controls .video-time-scroll {
display: inline;
background: transparent;
opacity: 0;
color: white;
font-size: 15px;
margin-top: 0;
cursor: pointer;
width: 100%;
}
.mediaComponentVideo .video-controls .gs-slider-wrapper .video-time-scroll.gs-taken-over {
display: none;
}
.mediaComponentVideo .video-controls .video-toggle-fullscreen,
.mediaComponentVideo .video-controls .video-toggle-cc {
float: right;
width: 25px;
height: 25px;
margin: 0;
padding: 10px;
text-indent: -9999px;
cursor: pointer;
border-left: 2px solid #191919;
}
.mediaComponentVideo .video-controls .video-toggle-fullscreen {
background: url('../../../../a/pgs/images/video-controls-sprite.png') no-repeat scroll -100px 10px black;
margin-right: 0;
}
.mediaComponentVideo .video-controls .video-toggle-fullscreen:focus,
.mediaComponentVideo .video-controls .video-toggle-fullscreen:hover {
background-position: -100px -30px;
}
.video-fullscreen .mediaComponentVideo .video-controls .video-toggle-fullscreen {
background: url('../../../../a/pgs/images/video-controls-sprite.png') no-repeat scroll -200px 10px black;
}
.video-fullscreen .mediaComponentVideo .video-controls .video-toggle-fullscreen:focus,
.video-fullscreen .mediaComponentVideo .video-controls .video-toggle-fullscreen:hover {
background-position: -200px -30px;
}
.mediaComponentVideo .video-controls .video-toggle-cc {
padding: 10px 13px;
background: url('../../../../a/pgs/images/video-controls-sprite.png') no-repeat scroll -147px 10px black;
}
.mediaComponentVideo.captions .video-controls .video-toggle-cc {
background-position: -147px -30px;
}
.mediaComponentVideo .video-caption,
.mediaComponentVideo .video-caption-data {
display: none;
}
.mediaComponentVideo.captions .video-caption {
display: block;
}
.mediaComponentVideo .video-caption {
background: rgba(0,0,0,0.4);
color: white;
height: 35px;
margin: -75px 0 0;
padding: 20px 20px;
position: relative;
font-size: 1.3em;
z-index: 9999;
}
.fullscreen .video-caption {
position: absolute!important;
bottom: 30px;
left: 50%;
width: 610px;
margin-left: -325px;
}
.mediaComponentVideo .video-nextlink {
display: none;
position: absolute;
left: 25%;
top: 25%;
width: 50%;
height: 50%;
background: #999;
}
.mediaComponentVideo .video-controls input {
display: none;
border: 0;
margin: 0;
padding: 0;
}
.gs-slider-wrapper input.gs-taken-over {
display: none;
}
.gs-slider-wrapper {
background: black;
height: 12px;
padding-top: 7px;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
.gs-slider-wrapper .gs-slider-bar {
width: 5px;
height: 5px;
background: #0cf;
}
.gs-slider-wrapper .gs-slider-bar-handle {
}
.gs-slider-vertical {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
/****** MEDIA COMPONENT - END ******/
.our-thinking-sidebar {
background: url("../../../../a/pgs/images/grid3-grad1-grey.jpg") repeat-y scroll 0 0 transparent;
}
.our-thinking-sidebar.hide {
display: none;
}
.our-thinking-sidebar .teaser {
color: #fff;
margin: 20px 0 10px 16px;
}
article.our-thinking-sidebar.single-video {
min-height: 360px;
}
article.our-thinking-sidebar.multi-video {
min-height: 545px;
}
/******* FOCUS ON *******/
.focus-on #content {
padding-bottom: 4px
}
.focus section.split-tout {
float: left;
}
.focus section.split-tout h2 a {
text-decoration: none;
color: #33383F;
}
.focus section.split-tout h2,
.focus section.split-tout p {
margin: 7px 50px 5px 10px;
}
.homepage-grid section.split-tout {
float:left
}
.focus-intro {
background: url("../../../../a/pgs/images/10k-intro-bg.jpg") repeat-y scroll 0 0 transparent;
color: #FFFFFF;
height: 740px
}
.focus-intro p {
clear: both;
width: 280px;
padding: 20px;
font-size: 1.667em;
line-height: 1.05;
line-height: 1.25;
margin-right: 20px;
}
.focus-intro a {
font-size:80%;
color: #FFFFFF;
}
.focus-intro #socialLinks {
margin: 20px 0 0 10px;
display: block;
float: left;
clear: both
}
.focus-row article {
float: left;
overflow: hidden;
}
.focus-row .homepage-grid {
clear: right;
float: right
}
.focus-intro {
height: 660px
}
.focus-row article.grid2x1{
height: 340px
}
.focus-row article.grid1x1 {
height: 320px
}
.focus-row article.grid2x1 {
width: 640px;
}
.focus-row article.grid2x1 img.articleImg {
width: 640px;
}
/******* FOCUS ON - END ******/
/********* NEW FOCUS STYLES ********/
.browse-enabled .quickLinks ul li h3 span.trunc{
position: absolute;
right: 15px;
bottom:50px;
}
.focus-landing.browse-enabled .quickLinks ul li h3 span.trunc{
position: static;
right: 15px;
bottom:50px;
}
.browse-enabled #content.focus{padding-bottom:0px;}
.browse-enabled .content-grid .grid2 #mediaHolder{padding:0;}
.browse-enabled .grid2 .richContent {
margin-bottom: 0;
}
.browse-enabled .content-grid .focus_logo{
background: url("../../../../a/pgs/images/title_bg_focus.jpg") no-repeat scroll 0 0 transparent;
height:38px;
text-transform:uppercase;
width:111px;
margin: 4px 0;
}
.thought-leadership.browse-enabled .content-grid .conferences_logo, .content-grid .conferences_logo{
background: url("../../../../a/pgs/images/leadership_logo.jpg") no-repeat scroll 0 0 transparent;
height:38px;
text-transform:uppercase;
width:300px;
margin: 4px 0;
}
.browse-enabled .content-grid .trends_logo{
background: url("../../../../a/pgs/images/trends_logo.jpg") no-repeat scroll 0 0 transparent;
height:38px;
text-transform:uppercase;
width:250px;
margin: 4px 0;
}
.browse-enabled .content-grid .conferences_logo{
background: url("../../../../a/pgs/images/conferences_logo.jpg") no-repeat scroll 0 0 transparent;
height:38px;
text-transform:uppercase;
width:320px;
margin: 4px 0;
}
.browse-enabled .content-grid .aviewfrom_logo{
background: url("../../../../a/pgs/images/aviewfrom_logo.jpg") no-repeat scroll 0 0 transparent;
height:38px;
text-transform:uppercase;
width:147px;
margin: 4px 0;
}
.browse-enabled .content-grid.browseDropdown section.header {
width: 800px;
}
.browse-enabled .content-grid article {float: left;overflow: hidden;}
.browse-enabled article.grid1x1 figcaption{color:#33383f; margin:0 1em;}
.browse-enabled article.grid1x1 figcaption h2{font-size:1.583em; margin: 0.4em 0 0;}
.browse-enabled article.grid1x1 figcaption h2 a{color:#33383f; text-decoration:none;}
.browse-enabled article.grid1x1 figcaption p{font-size:1em;}
.browse-enabled .content-grid article.grid1x1 {height:320px; width:320px;}
.browse-enabled .content-grid article.grid1x1 img{width:320px;}
.browse-enabled .content-grid article.grid2x1,
.browse-enabled .content-grid article.grid2x1 img {
height:363px;
}
.browse-enabled .content-grid.browseDropdown section.header .mastheadOverlayPlain {
background: url("../../../../a/pgs/images/masthead-plain-1200.jpg") repeat-y scroll 0 0 transparent;
width: 760px;
}
.browse-enabled .quickLinks ul li.quickBrowse {
float: right;
text-align: right;
}
.browse-enabled .quickLinks ul li.quickBrowse h3 a {
background: #6293ce url('../../../../a/pgs/images/quicklinks-bg-browse-focus.png') right bottom repeat-y;
}
.browse-enabled .quickLinks ul li.quickBrowse h3 a.on {
background: #6293ce url('../../../../a/pgs/images/quicklinks-bg-browse-focus-on.png') right bottom repeat-y;
}
.browse-enabled .quickLinks ul li.quickBrowse h3 a.on span.trunc {
color: #66768B;
}
.browse-enabled .content-grid.browseDropdown section .dropdown{
background: url("../../../../a/pgs/images/dropdown_bg.jpg") repeat-y scroll 0 0 transparent;
display:block;
height:0px;
width:100%;
}
.browse-enabled.video-list .content-grid.browseDropdown section .dropdown,
.browse-enabled .content-grid.browseDropdown section .dropdown{
display:none;
}
.browse-enabled .content-grid.browseDropdown section .dropdown .dropdown_wrapper{
display:block;
overflow:hidden;
}
.browse-enabled .content-grid.browseDropdown section .dropdown article.grid1x1 {
background:none;
height: 136px;
margin: 25px 0px;
width: 225px;
}
.browse-enabled .content-grid.browseDropdown section .dropdown article.grid1x1:last-child{
margin-right: 0px;
}
.browse-enabled .content-grid.browseDropdown section .dropdown article.grid1x1 img{
height: 95px;
width: 225px;
}
.browse-enabled .content-grid.browseDropdown section .dropdown article.grid1x1 figcaption {
margin-left:0;
}
.browse-enabled .content-grid.browseDropdown section .dropdown article.grid1x1 figcaption h2 {
font-size: 1.25em;
line-height: 1.25em;
margin: 0.25em 0 0;
text-transform: uppercase;
}
.browse-enabled .content-grid.browseDropdown section.grid2 .carousel {
width: 520px;
}
.browse-enabled .content-grid.browseDropdown .grid2 .prevBtn {
background-position: 0 -150px;
border-right: 10px solid #000;
}
.browse-enabled .content-grid.browseDropdown .grid2 .prevBtn:focus,
.browse-enabled .content-grid.browseDropdown .grid2 .prevBtn:hover {
background-position: 0 0;
}
.browse-enabled .content-grid.browseDropdown .grid2 .prevBtn.disabled {
background-position: 0 -300px;
cursor: default;
}
.browse-enabled .content-grid.browseDropdown .grid2 .prevBtn.inactive {
background-position: 0 -450px;
cursor: default;
}
.browse-enabled .content-grid.browseDropdown .grid2 .nextBtn {
background-position: -100px -150px;
border-left: 10px solid #000;
}
.browse-enabled .content-grid.browseDropdown .grid2 .nextBtn:focus,
.browse-enabled .content-grid.browseDropdown .grid2 .nextBtn:hover {
background-position: -100px 0;
}
.browse-enabled .content-grid.browseDropdown .grid2 .nextBtn.disabled {
background-position: -100px -300px;
cursor: default;
}
.browse-enabled .content-grid.browseDropdown .grid2 .nextBtn.inactive {
background-position: -100px -450px;
cursor: default;
}
.browse-enabled .content-grid.browseDropdown section.grid2 .prevBtn {
padding-left: 0;
}
.browse-enabled .content-grid.browseDropdown section.grid2 .nextBtn {
padding-right: 0;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .carouselButton {
background: url("../../../../a/pgs/images/dropdown-mediacomponent-sprite.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
display: block;
float: left;
height: 186px;
width: 42px;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .prevBtn {
background-position: 0px 0px;
border-right: none;
padding-left: 0px;
margin-right: 12px;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .nextBtn {
background-position: -42px 0;
border-left: none;
padding-right: 0px;
margin-left: 12px;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .prevBtn:hover,
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .prevBtn.disabled{
background-position: 0px 0px;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .nextBtn:hover,
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .nextBtn.disabled{
background-position: -42px 0;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .prevBtn.disabled,
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .nextBtn.disabled {
opacity:0.25;
filter:alpha(opacity=25);
cursor: default;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .prevBtn.inactive,
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .nextBtn.inactive {
background-position: 42px 0;
cursor: default;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .carousel{
background:transparent;
width:852px;
}
.browse-enabled div.mediaComponentThumbs {
/*float: left;*/
height: 186px;
margin:0 auto;
overflow: hidden;
position: relative;
}
.browse-enabled .grid3.dark article.grid1{
background: url("../../../../a/pgs/images/grid3-grad1-dark.jpg") repeat-x scroll 0 0 transparent;
}
.browse-enabled.full-leftCol article.grid1 {
background: url("../../../../a/pgs/images/grid3-grad1-dark-tall.jpg") repeat-x scroll 0 0 transparent;
height: 640px;
}
.browse-enabled .grid3 .grid2 #mediaHolder object,
.browse-enabled .grid3.dark .grid2,
/*.browse-enabled .grid3.grey .grid2*/ {
height: 360px;
}
.browse-enabled .grid3 .grid2 #mediaHolder object{
width: 640px;
}
.browse-enabled .grid3.grey article.grid1{
background: url("../../../../a/pgs/images/grid3-grad1-grey.jpg") repeat-y scroll 0 0 transparent;
}
.browse-enabled .grid1 article.focuson-takeaway.grey{
background: url("../../../../a/pgs/images/grid3-grad1-grey.jpg") repeat-y scroll 0 0 transparent;
margin: 0px;
width: 400px;
}
.browse-enabled .grid3 .grid1 .mediaComponentSocial {
background: transparent;
clear: both;
height: 35px;
margin:0px 10px;
padding: 15px 0 5px;
position: relative;
width: 300px;
}
.browse-enabled .grid3 .grid1 .mediaComponentSocial.borderBot{
border-bottom:1px #545e6c solid;
}
.browse-enabled .grid3 .grid1 .mediaComponentSocial ul#socialLinks.expanded {
height: 45px;
margin: 0;
right:auto;
}
.browse-enabled .grid3 .grid1 .mastheadFocusOnPlain {
background: transparent;
color: #FFFFFF;
height: 297px;
margin: 0;
padding: 10px 28px 0px;
width: 280px;
z-index: 1000;
}
.browse-enabled .grid3 .grid1.long .mastheadFocusOnPlain {
height: 600px;
}
.browse-enabled .grid3.dark .grid1.long li p time {
font-size: 10px;
}
.browse-enabled .grid3.dark article.grid1.long {
background: url("../../../../a/pgs/images/grid-grad-dark-666px.jpg") repeat-x scroll 0 0 transparent;
}
.browse-enabled .grid3.dark article.grid1.long800 {
background: url("../../../../a/pgs/images/grid-grad-dark-640px.jpg") repeat-x scroll 0 0 transparent;
height: 640px;
}
.browse-enabled .grid3.dark .grid1.long li p span {
font-size: 12px;
}
.browse-enabled .grid3 .grid1.small .mastheadFocusOnPlain {
height: 239px;
}
.browse-enabled .grid3 .grid1 .mastheadFocusOnPlain p.leadin {
font-size: 1.3em;
line-height: 1.3em;
width: 280px;
overflow: hidden;
}
.browse-enabled .grid3 .grid1 .mastheadFocusOnPlain p.subtext {
font-size: 1.2em;
line-height: 1.2em;
}
.browse-enabled .focuson-authors{
color:#fff;
}
.browse-enabled .focuson-authors ul{
float:left;
width: 260px;
margin-left:16px;
}
.browse-enabled .focuson-authors li {
height: 100px;
}
.browse-enabled .focuson-authors ul li h3{
font-size: 20px;
line-height: 20px;
margin-bottom: 4px;
margin-top: 10px;
text-transform:capitalize;
zoom:1;
}
.browse-enabled .focuson-authors ul li p {
font-size: 10px;
margin-bottom:6px;
width:270px;
}
.browse-enabled .focuson-authors ul li a {
color:#fff;
font-size: 10px;
text-transform:uppercase
}
.browse-enabled .focuson-authors img {
float:left;
height:88px;
width:88px;
padding-right:10px;
}
.browse-enabled .focuson-takeaway {
margin:10px 10px;
width:300px;
}
.browse-enabled .focuson-takeaway blockquote {
background: url("../../../../a/pgs/images/immersive-quotes.png") no-repeat scroll 0 8px transparent;
border-left: 0 none;
color:#fff;
line-height: 30px;
margin-top: 10px;
padding-left: 25px;
}
.browse-enabled .focuson-takeaway blockquote p,
.browse-enabled .focuson-takeaway blockquote cite,
.our-thinking-sidebar .teaser {
font-size:20px;
line-height:26px;
margin-bottom: 0.5em;
width:276px;
}
.browse-enabled .grid2-padded30 h2{
margin-top: 1.3em
}
.browse-enabled.video-list .focuson-takeaway {
height: auto;
width: auto;
}
.browse-enabled.video-list .focuson-takeaway p.leadin{
font-size: 1.62em;
width: 270px;
color: #FFFFFF;
padding: 50px 20px;
z-index: 1000;
}
.browse-enabled.video-list a.view{
color:#5283bd;
margin-top: 20px;
text-transform:uppercase;
}
.browse-enabled.video-list ul.eventsList.padding li h2 {
margin-top: 0;
}
.browse-enabled.video-list ul.eventsList.padding li{
padding-bottom: 20px;
display: table;
width: 661px;
}
.browse-enabled.video-list ul.eventsList.padding li div {
float: left;
clear: right;
max-width: 216px;
}
/******** NEW FOCUS STYLES - END ***********/
/** 012014 hp **/
.homepage-grid article.grid2x1 {
position: relative;
}
/** 012014 hp **/
.homepage-grid figcaption.overlay {
position:absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
opacity: 0.75;
}
/** 012014 hp **/
.homepage-grid figcaption.overlay:before {
background: #000000;
opacity: 0.75;
width: 100%;
height: 100%;
position: absolute;
content: '';
z-index: 0;
bottom: 0;
left: 0;
}
/** 012014 hp **/
.homepage-grid figcaption.overlay {
color: #FFF;
}
/** 012014 hp **/
.homepage-grid figcaption.overlay h2 a{
color: #FFF;
}
/** 012014 hp **/
.homepage-grid figcaption.overlay .content {
position: relative;
z-index: 1;
}
/** 012014 hp **/
.scrollCue {
width: 110px;
height: 40px;
background: #FFF url('../../../../a/pgs/images/scroll_cue.png') no-repeat center 80%;
opacity:.75;
display: none;
font-size: 13px;
text-transform: uppercase;
text-align: center;
line-height: 30px;
}
/** 012014 hp **/
.scrollCue.active {
display: block;
z-index:50;
}
/***** NEW HOME PAGE STYLES BEGIN *****/
.twitter.hitArea {
background: #445467;
cursor: default !important;
}
.twitter.hitArea .header {
margin: 15px 20px 0 20px;
padding-bottom: 15px;
border-bottom: 1px solid #627080;
}
.twitter.hitArea .header a.nickname {
float: left;
display: inline-block;
font-size: 17px;
padding: 15px 0 15px 50px;
color: #8fadd1;
background:url('../../../../a/pgs/images/gs_twitter_logo.jpg') no-repeat;
}
.twitter.hitArea .header a.follow {
float: right;
display:inline-block;
text-indent: -999999px;
width: 35px;
height: 21px;
margin-top: 10px;
background:url('../../../../a/pgs/images/follow.png') no-repeat;
}
.twitter.hitArea .container {
margin: 0 20px;
}
/** 012014 hp **/
.top-level .video.content-carousel {
background: #000;
position: relative;
}
/** 012014 hp **/
.top-level .video.content-carousel h2 {
display:inline-block;
float: left;
font-size: 18px;
color: #7397c5;
margin-top: 12px
}
.top-level .video.content-carousel .arrows {
float:right;
position: relative;
background-color: #242424;
}
/** 012014 hp **/
.content-carousel {
position: relative;
z-index: 1;
}
/** 012014 hp **/
.content-carousel-wrap {
display: block;
position: relative;
}
/** 012014 hp **/
.content-carousel-scroll-container {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
/** 012014 hp **/
.top-level .content-carousel-arrow {
width: 51px;
height:51px;
z-index: 200;
cursor: pointer;
float: left;
}
/** 012014 hp **/
.content-carousel-arrow:hover{
opacity: 0.3;
}
/** 012014 hp **/
.touch .content-carousel-arrow:hover{
opacity: 1;
z-index:50;
}
/** 012014 hp **/
.touch .content-carousel-arrow.disabled {
opacity: 0.3;
}
/** 012014 hp **/
.content-carousel-arrow.disabled {
cursor: default;
opacity: 0.3;
filter: alpha(opacity=30);
}
/** 012014 hp **/
.touch-enabled .content-carousel-arrow.disabled{
opacity: 0.3;
}
/** 012014 hp **/
.top-level .content-carousel-arrow-left {
background: url("../../../../a/pgs/images/content-carousel/left_arrow.png") center -3px no-repeat;
left: 0px;
}
/** 012014 hp **/
.top-level .content-carousel-arrow-right {
background: url("../../../../a/pgs/images/content-carousel/right_arrow.png") center -3px no-repeat;
right: 0px;
border-left: 1px solid #000000;
}
/** 012014 hp **/
.content-carousel-arrow {
display: block;
position: relative;
z-index: 20;
}
/** 012014 hp **/
.content-carousel-item {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/** 012014 hp **/
.content-carousel-item {
top: 0;
position: absolute
}
/** 012014 hp **/
.content-carousel .pagination {
position: absolute;
bottom: 0;
left: 50%;
z-index: 3;
}
/** 012014 hp **/
.top-level .content-carousel .pagination li {
width: 7px;
height: 7px;
background: #4a4a4a;
position: relative;
float: left;
margin: 0 5px 10px 0;
cursor: pointer;
}
/** 012014 hp **/
.top-level .content-carousel .pagination li.active {
background: #6faddc;
cursor: default;
}
.top-level .content-carousel-item {
width: 320px;
height: 285px;
display:block;
color: #FFF;
}
.top-level .content-carousel-item img.still-image {
width: 320px;
height: 180px;
}
.top-level .content-carousel-item {
width: 320px;
}
.top-level .content-carousel-item .carousel-image {
float: left;
position: relative;
}
.top-level .content-carousel-item .carousel-image .icn{
position: absolute;
left: 0;
bottom: 2px;
}
.top-level .content-carousel-item a{
display:block;
}
.top-level .content-carousel-item .content h3 {
font-size: 16px;
}
.top-level .content-carousel-item .content {
padding: 16px 16px 0 16px;
}
.top-level .content-carousel-item .content a {
margin-top: -5px;
text-transform: uppercase;
font-size: 1.16667em;
}
/** 012014 hp **/
.top-level .content-carousel-item .content p {
margin-left: 0;
}
/** 012014 hp **/
.top-level .content-carousel-item a.hitarea {
color: #FFF;
text-decoration: none;
}
.top-level .career figure figcaption a {
margin-top: 15px;
width: 40%;
}
/** 012014 hp **/
.homepage-grid .hitArea.career {
background: #7397c5;
color: #FFF;
}
/** 012014 hp **/
.homepage-grid .hitArea.career a {
display:block;
margin-top: 30px;
float: left;
color: #224263;
}
/***** NEW HOME PAGE STYLES END *****/
/** BEGIN TWITTER SLIDER */
#twitter-container{
position: relative;
width: 84%;
margin: 0 auto;
}
#twitter-container .flex-viewport {
z-index: 5;
}
#twitter-container ul.slides li {
position: relative;
}
#twitter-container, #twitter-container ul.slides, #twitter-container li {
height: 247px;
}
#twitter-container li {
font-style: italic;
color: #FFF;
}
#twitter-container p {
font-size: 18px;
margin: 0;
}
#twitter-container .has-image p {
font-size: 12px;
font-style: normal;
}
#twitter-container p.tweet {
margin: 40px 25px 0 25px;
}
#twitter-container .has-image p.tweet {
margin: 14px 0;
}
#twitter-container p.timePosted {
color:#999;
}
#twitter-container img {
width: 100%;
height: auto;
margin-top: -36px;
}
#twitter-container .image {
height: 130px;
overflow:hidden;
}
#twitter-container .tweet a {
color: #7297c4;
}
#twitter-container p.interact, #twitter-container p.timePosted {
margin-top: 10px;
font-family: 'Helvetica';
font-size: 10px;
font-style: normal;
position: absolute;
bottom: 10px;
}
#twitter-container p.interact {
right: 0;
}
#twitter-container .interact a {
color: #90aed1;
margin-left: 9px;
position: relative;
padding-left: 14px;
}
#twitter-container .interact a.twitter_reply_icon:before {
position: absolute;
background: url('../../../../a/pgs/images/twitter-intents.png') no-repeat;
width: 12px;
height: 14px;
left: -2px;
content: "";
}
#twitter-container .interact a.twitter_retweet_icon:before {
position: absolute;
background: url('../../../../a/pgs/images/twitter-intents.png') no-repeat -12px 2px;
width: 12px;
height: 14px;
left: -2px;
content: "";
}
#twitter-container .interact a.twitter_fav_icon:before {
position: absolute;
background: url('../../../../a/pgs/images/twitter-intents.png') no-repeat -25px 2px;
width: 12px;
height: 14px;
left: -2px;
content: "";
}
#twitter-container .flex-direction-nav {
position: absolute;
top: 0;
width: 100%;
}
#twitter-container .flex-direction-nav li {
width: 32px;
position: relative;
}
#twitter-container .flex-direction-nav li:first-child {
float: left;
}
#twitter-container .flex-direction-nav li {
float: right;
}
#twitter-container .flex-direction-nav li a {
position: absolute;
display: block;
width: 13px;
height: 22px;
text-indent: -99999px;
top: 50%;
background: url('../../../../a/pgs/images/twitter-arrows.png') no-repeat;
}
#twitter-container .flex-direction-nav li a.flex-prev {
left:-20px;
}
#twitter-container .flex-direction-nav li a.flex-next {
right:-20px;
background-position: -13px;
}
/** END TWITTER SLIDER */
/** BEGIN CITIZENSHIP */
.homepage-grid article p.list-content.dark a {
margin-left: 10px;
}
#hero .column {
float: left;
width: 165px;
}
#hero .column li {
margin-bottom: 15px;
}
#hero .column li a{
display: block;
font-size: 12px;
line-height: 14px;
}
.homepage-grid article#hero figcaption {
width: 325px;
}
.homepage-grid hgroup {
margin: 15px 0 15px 20px;
}
.homepage-grid hgroup img {
float: left;
margin: 0 15px 15px 0;
}
.homepage-grid hgroup h3 {
font-size: 14px;
line-height: 100%;
margin: 0;
}
.homepage-grid hgroup h2 {
margin: 0;
line-height: 14px;
padding-right: 12px;
}
.homepage-grid article.career hgroup h2 {
line-height: 18px;
}
.homepage-grid hgroup h2 a {
line-height: 100%;
}
.homepage-grid figcaption img.category {
margin: 0 12px 0 20px;
float: left;
}
.homepage-grid article.grid1x3 {
width:100%;
}
.homepage-grid article.split {
width:50%;
height: 200px;
}
.homepage-grid article.grid1x3 img {
width: 66.66%;
}
.homepage-grid article.grid1x3 figcaption {
width: 33.33%;
}
.homepage-grid article.grid1x3 img.left {
float: left;
}
.homepage-grid article.grid1x3 figcaption.left {
float: left;
}
.homepage-grid article.grid1-grad2.left {
background-position: top left;
}
.homepage-grid article .has-title-line {
position: relative;
}
.homepage-grid .explore {
clear: both;
}
.homepage-grid .explore figcaption h2,
.homepage-grid .explore figcaption p,
.homepage-grid .explore figcaption a.view {
margin-left: 30px;
}
.homepage-grid .explore figcaption p {
line-height:22px;
margin-top: 25px;
}
.homepage-grid .explore figcaption h2 {
margin-top: 30px;
}
.homepage-grid .explore p {
font-size: 20px;
}
.homepage-grid h2.explore {
background: #2f3338;
color: #FFF;
margin: 0;
padding: 25px 10px;
}
.homepage-grid h2.also-explore {
position: relative;
margin: 30px 0;
}
.homepage-grid h2.has-title-line:after {
position: absolute;
bottom: -6px;
height: 5px;
width: 32px;
left: 1px;
content: ".";
text-indent: -9999px;
display: block;
background: #6faddc;
}
.homepage-grid .also-explore img, .homepage-grid .also-explore figcaption {
float: left;
}
.homepage-grid .also-explore figcaption {
width: 60%;
}
.homepage-grid .also-explore figcaption h2 {
margin-top: 0;
}
.homepage-grid h2.has-title-line:after {
bottom: -10px;
}
.homepage-grid article {
height: auto;
}
.homepage-grid .explore-citizenship-item p {
padding-top: 5px;
}
/** END CITIZENSHIP */
.privacy-and-security h1.smalBig {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
padding-top: 0;
}
@media screen and (min-width:1230px) {
/** 012014 hp **/
.homepage-grid .gridCol {
width: 400px;
}
.homepage-grid article p.list-content.dark {
font-size: 15px;
}
.homepage-grid article p.list-content.dark a {
font-size: 14px;
}
/** 012014 hp **/
.top-level .content-carousel-item {
width: 400px !important;
}
.top-level .content-carousel-item img.still-image {
width: 400px !important;
height: 225px;
}
/** 012014 hp **/
.top-level .content-carousel-item .content {
clear: both;
padding: 20px 20px 0 20px;
}
/** 012014 hp **/
.top-level .content-carousel-item .content h3 {
margin-top: 0;
font-size: 20px;
}
/** 012014 hp **/
.content-carousel-wrap {
height: 400px;
}
/** 012014 hp **/
.homepage-grid h2, .homepage-grid p {
margin: 15px 50px 10px 20px;
}
/** 012014 hp **/
.homepage-grid h2 {
font-size: 1.667em;
}
/** 012014 hp **/
.homepage-grid p {
margin-top: 0;
margin-bottom: 8px;
}
/** 012014 hp **/
.homepage-grid article figure a.view {
margin-left: 20px;
}
/** 012014 hp **/
.homepage-grid article.grid1x1.half {
width: 400px;
height: 199px !important;
}
/** BEGIN TWITTER SLIDER */
#twitter-container, #twitter-container ul.slides, #twitter-container li {
height:327px;
}
#twitter-container p {
font-size: 24px;
margin: 0;
}
#twitter-container .image {
height: 170px;
}
#twitter-container img {
margin-top: -42px;
}
#twitter-container .has-image p {
font-size: 14px;
}
#twitter-container .has-image p.tweet {
margin: 20px 0;
}
#twitter-container p.interact, #twitter-container p.timePosted {
font-size: 12px;
bottom: 18px;
}
#twitter-container .interact a {
margin-left: 20px;
}
#twitter-container .flex-direction-nav li a.flex-prev {
left:-24px;
}
#twitter-container .flex-direction-nav li a.flex-next {
right:-24px;
background-position: -13px;
}
/** END TWITTER SLIDER */
#hero .column {
width: 170px;
margin-right: 50px;
}
#hero .column li a{
font-size: 14px;
line-height: 16px;
}
.homepage-grid article#hero figcaption {
width: 668px;
left: 60px;
}
.homepage-grid hgroup {
margin: 16px 20px 11px 20px;
}
.homepage-grid hgroup h3 {
font-size: 14px;
}
.homepage-grid hgroup h2 {
margin-top: 0;
line-height: 18px;
}
.homepage-grid hgroup h2 a {
font-size: 18px;
}
.homepage-grid article .has-title-line a {
font-size: 24px;
}
.homepage-grid .explore p {
font-size: 24px;
line-height: 26px;
}
.homepage-grid h2.explore {
padding: 25px 20px;
}
.homepage-grid .explore figcaption h2,
.homepage-grid .explore figcaption p,
.homepage-grid .explore figcaption a.view {
margin-left: 40px;
}
.homepage-grid .explore figcaption h2 {
margin-bottom: 30px;
margin-top: 40px;
}
.homepage-grid .also-explore figcaption {
width: 67%;
}
}
/******* CAREERS DASHBOARD - START **********/
/* =============================================================================
Overriding some styles for careers page
========================================================================== */
.careers-dashboard .homepage-grid .careersPromo h3 a {
color: #FFFFFF;
}
.careers-dashboard .grid2-grad .regionSelect {
z-index:550;
position:relative;
}
.careers-dashboard .searchListing{
position:relative;
}
.careers-dashboard .searchListing .search-all{
display:block;
position:absolute;
top:0;
right:20px;
padding-right:12px;
background: url(../../../../a/pgs/images/link-chevron-2.png) no-repeat right 6px;
color:#7397c5;
}
.careers-dashboard .grid2-grad {
height: 600px;
}
/* =============================================================================
Small social
An override for the default socialLinks layout.
Used when we need to stick the links between two vertical blocks.
========================================================================== */
.careers-dashboard .small-social{
padding:0 10px;
}
.careers-dashboard ul#socialLinks.small-social li.shareLink {
float:left;
}
.careers-dashboard .small-social .printLink {
border-right: 1px solid #d7dadf;
padding-right:10px;
}
/* =============================================================================
Read more style
Just a simple style applied to read more links.
========================================================================== */
.careers-dashboard .more {
color: #7398c5;
display: block;
margin-top:10px;
text-transform: uppercase;
}
/* =============================================================================
No hint
Override featuredItems h3 default styling. We don't have a hint so we need
to increase the top padding.
========================================================================== */
.careers-dashboard .featuredItems article .no-hint{
padding-top:20px;
}
/* =============================================================================
Grid 2 with gradient.
A two columns grid with two gradients background using faux-column technique.
Some overriding of default styles because we have a dark background.
========================================================================== */
.careers-dashboard .customSelect ul {
margin: 0;
}
.careers-dashboard .grid2-grad {
background:url(../../../../a/pgs/images/grid2-grad.png) repeat-y top center;
}
.careers-dashboard .grid2-grad-item {
padding:0;
width: 320px;
}
.careers-dashboard .grid2-grad-inner {
padding: 15px 20px;
}
.careers-dashboard .content-grid .grid2-grad p.leadin {
color:#fff;
font-size:1.41em;
line-height:1.5em;
width:auto;
margin:0;
}
.careers-dashboard .grid2-grad h2 {
color:#fff;
line-height:1.3em;
font-size:1.3em;
}
.careers-dashboard .grid2-grad h3 {
color:#fff;
font: normal 1.2em Arial,Helvetica,sans-serif;
text-transform:none;
margin:0 0 10px 0;
}
.careers-dashboard .grid2-grad h4 {
color:#fff;
font-size: 1.25em;
margin-bottom:10px;
width: 85%;
}
.careers-dashboard .grid2-grad .top-separator {
border-top:1px solid #353e4c;
}
.careers-dashboard .grid2-grad .no-bottom-padding{
padding-bottom:0!important;
}
.careers-dashboard .grid2-grad .regions a {
text-transform: uppercase;;
font-size: 1em;
color:#7397c5;
}
.careers-dashboard .grid2-grad .search-but {
margin: 10px 0 0 0;
text-transform: uppercase;
font-size: 1.5em;
color: #7399C6;
display:block;
width:40px;
}
.careers-dashboard .grid2-grad .buttonLink {
font-size:1.2em;
}
.careers-dashboard .grid2-grad-beta .buttonLink {
background: #171d2a;
}
/* =============================================================================
Intro list
A vertical list with title, content and read more.
Items are separated by a dotted background.
========================================================================== */
.careers-dashboard .intros h3 {
text-transform: uppercase;
font-size: 1em;
color:#fff;
}
.careers-dashboard .intros li {
padding-bottom:18px;
margin-bottom:18px;
background: url(../../../../a/pgs/images/dotted-separator.png) repeat-x bottom left;
}
.careers-dashboard .intros .last {
margin-bottom:0;
background: none;
}
.careers-dashboard .intros li p {
font-size:0.80em;
line-height:1.3em;
color:#fff;
}
.careers-dashboard .intros .more {
font-size:0.75em;
}
/* =============================================================================
Two 50% columns
========================================================================== */
.careers-dashboard .half-column {
float:left;
width:50%;
}
/* =============================================================================
Content header on a gray gradient
Overriding some customSelect default styles.
========================================================================== */
.careers-dashboard .content-header {
padding:15px 20px;
background:url(../../../../a/pgs/images/content-header-grad.png) repeat-y;
}
.careers-dashboard .content-header h2 {
margin:4px 26px 4px 0;
width:auto!important;
float:left;
}
.careers-dashboard .content-header div.customSelect.closed,
.careers-dashboard .content-header div.customSelect.open {
float:left;
margin-bottom:0;
margin-top:-4px;
}
/* =============================================================================
Micro Clearfix
========================================================================== */
.careers-dashboard .clearfix:before, .clearfix:after {
content: "";
display: table;
}
.careers-dashboard .clearfix:after { clear: both; }
.careers-dashboard .clearfix { zoom: 1; }
/* =============================================================================
3 columns list with dotted separators and vertical borders
I used classes like .first, .first-row, .last instead of css3 selectors
because we need to mentain compatibility with older browsers.
========================================================================== */
.careers-dashboard .grid-list {
margin:30px 20px;
}
.careers-dashboard .grid-list li {
float:left;
padding:0 22px;
border-right:1px solid #ced4dc;
}
.careers-dashboard .grid-list .first {
padding-left:0!important;
}
.careers-dashboard .grid-list .last {
padding-right:0!important;
border-right:none;
}
.careers-dashboard .grid-list a {
display:block;
width:168px;
overflow:hidden;
padding:15px 0 15px 2px;
height:43px;
color:#2f3338;
font-size: 1em;
text-transform:uppercase;
background:url(../../../../a/pgs/images/dotted-separator2.png) repeat-x bottom left;
}
.careers-dashboard .first-row a {
padding-top:0;
}
.careers-dashboard .last-row a {
background:none;
padding-bottom:0;
}
.careers-dashboard .searchListingPadded {
margin:20px 0;
}
.careers-dashboard .searchListingPadded tbody td {
white-space: normal;
}
.careers-dashboard .grid2-grad .mediaComponentSocial {
background: transparent;
clear: both;
height: 35px;
margin:0px 10px;
padding: 15px 0 5px;
position: relative;
width: 300px;
}
.careers-dashboard .grid2-grad .mediaComponentSocial.borderBot{
border-bottom:1px #545e6c solid;
}
.careers-dashboard .grid2-grad .mediaComponentSocial ul#socialLinks.expanded {
height: 45px;
margin: 0;
right:auto;
}
/******* CAREERS DASHBOARD - END **********/
/******* COLOR - SHARE ICONS - START **********/
.social-share-bar {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-top: 15px;
margin-bottom: 15px;
}
.filterby-content .social-share-bar{
margin:0;
padding: 0 5% 0 5%;
}
#top_matches_content .social-share-bar {
margin-top: -3px;
}
.ten-thousand.meet-the-women .social-share-bar, .ten-thousand.meet-the-owners .social-share-bar {
margin-top: 0;
margin-bottom: 0;
}
.social-share-bar.dark {
border-bottom: 1px solid #616772;
background: #101623;
}
.social-share-bar a {
float: left;
display: block;
padding: 8px 0;
cursor: pointer;
}
.social-share-bar .sep {
border-left: 1px solid #ccc;
padding: 0 15px;
}
.social-share-bar.dark .sep {
border-left: 1px solid #616772;
}
.social-share-bar .sep.nob {
border-left: none;
}
.social-share-bar .sep.nop {
padding-left: 4px;
}
.freeFormSmallSocialDarkBg .social-share-bar {
border: 0px;
}
.careersProfilePanel .social-share-bar .addthis_button_print {
margin-right: 10px;
}
.careersProfilePanel .social-share-bar a:nth-child(2) {
margin-left: 10px;
}
.simpleToutNoTitle .mediaComponentSocial .social-share-bar {
border-top: 0px;
margin: 0 0 0 0;
}
.textDetailWithPrintShare .social-share-bar {
margin-bottom: 25px;
}
.textDetailWithPrintShareNoMasthead .social-share-bar {
margin-top: 25px;
margin-bottom: 25px;
}
.freeFormWithPrintShareNoTitle .social-share-bar {
margin-top: 25px;
}
.citizenshipArticleWithTitle .social-share-bar {
margin-top: 25px;
}
.shareIconsWithRss .social-share-bar {
margin-bottom: 25px;
}
.shareIconsWithRss .social-share-bar .rss-link {
background: transparent url('../../../../a/pgs/images/icons-sprite.gif') left top no-repeat;
background-position: -100px 0px;
height: 10px;
width: 45px;
margin-top: 6px;
float: right;
}
.social-share-bar a.rss-link:hover,
.social-share-bar a.rss-link:focus {
background-position: -100px -64px;
}
.social-share {
background-image: url(../../../../a/pgs/images/social-share/sprite.png);
background-repeat: no-repeat;
display: block;
}
.social-share-email {
width: 24px;
height: 24px;
background-position: -2px -2px;
}
.social-share-fb {
width: 10px;
height: 24px;
background-position: -30px -2px;
}
.social-share-fb-share {
width: 50px;
height: 24px;
background-position: -44px -2px;
}
.social-share-g {
width: 18px;
height: 24px;
background-position: -98px -2px;
}
.social-share-g-share {
width: 32px;
height: 24px;
background-position: -120px -2px;
}
.social-share-lin {
width: 18px;
height: 24px;
background-position: -156px -2px;
}
.social-share-lin-share {
width: 60px;
height: 24px;
background-position: -178px -2px;
}
.social-share-more {
width: 40px;
height: 24px;
background-position: -236px -2px;
}
.social-share-share {
width: 18px;
height: 24px;
background-position: -280px -2px;
}
.social-share-tw {
width: 16px;
height: 24px;
background-position: -302px -2px;
}
.social-share-tw-share {
width: 56px;
height: 24px;
background-position: -322px -2px;
}
.social-share.anim-on {
transition: width 500ms;
-webkit-transition: width 500ms;
-moz-transition: width 500ms;
-o-transition: width 500ms;
}
.social-share-bar a:hover .social-share-fb.anim-on {
width: 64px;
}
.social-share-bar a:hover .social-share-tw.anim-on {
width: 78px;
}
.social-share-bar a:hover .social-share-lin.anim-on {
width: 78px;
}
.social-share-bar a:hover .social-share-g.anim-on {
width: 54px;
}
.social-share-btn {
position: absolute;
padding: 10px;
bottom: 5px;
right: 0;
cursor: pointer;
}
.social-share-box-wrap {
z-index: 9999px;
position: absolute;
padding: 20px;
right: 16px;
top: -21px;
display: none;
}
.social-share-box-wrap:after {
position: absolute;
right: 14px;
width: 0px;
height: 0px;
content: "";
top: 50%;
margin-top: -6px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
}
.social-share-box {
width: 325px;
height: 45px;
background: #fff;
margin: 0;
border-bottom: none;
}
.social-share-btn:hover .social-share-box-wrap {
display: block;
}
/******* social-share-bar just share button template *********/
.social-share-bar.just-share-button {
overflow: hidden;
height: 41px;
margin-left: 7%;
margin-right: 7%;
margin-top: 14px;
border-top: 0px;
}
/******* social-share-bar just share button template end *********/
.social-share-bar.just-share-button .sep {
padding: 0 10px;
}
.mediaComponentSocial .social-share-bar {
float:right;
border-bottom: 0px;
border-top: 0px;
margin: 0;
}
.tenk-intro .mediaComponentSocial .social-share-bar {
float:left;
}
.shareIconsWithDownload .social-share-bar {
margin-bottom: 20px;
margin-right: 10px;
}
/******* COLOR - SHARE ICONS - END **********/
/******* social-share-bar print icon *********/
.social-share-bar .addthis_button_print,
.social-share-bar a.print {
background: transparent url('../../../../a/pgs/images/icons-sprite.gif') left top no-repeat;
background-position: -70px 0px;
height: 10px;
width: 25px;
margin-top: 6px;
float: right;
}
.social-share-bar a.addthis_button_print:hover,
.social-share-bar a.addthis_button_print:focus,
.social-share-bar a.print:hover,
.social-share-bar a.print:focus {
background-position: -70px -64px;
}
.social-share-bar a.saveLink {
height: 10px;
width: 18px;
margin: 6px 8px 0px 0px;
background: transparent url('../../../../a/pgs/images/icons-sprite.gif') left top no-repeat;
background-position: 0 0;
}
.social-share-bar a.saveLink:hover,
.social-share-bar a.saveLink:focus {
background-position: 0px -65px;
}
.social-share-bar .addthis_button_print span,
.social-share-bar a.print span {
display: none;
}
/******* social-share-bar print icon end *********/
/******* VIEW ALL BOX - VIDEO INDEX - START **********/
.view-all-box {
border-top: 1px solid #282c34;
position: relative;
text-align: center;
height: 40px;
}
.view-all-box .view-all-btn {
display: inline;
position: relative;
top: 14px;
padding: 10px 15px 10px 40px;
background: rgb(40, 44, 52) url("../../../../a/pgs/images/arrows/expand.gif") 15px center no-repeat;
font-size: 16px;
color: #7399c6;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
}
.view-all-box .view-all-btn.collapse {
background-image: url("../../../../a/pgs/images/arrows/collapse.gif");
}
.view-all-box .view-all-btn:hover {
background-color: rgba(40, 44, 52, 0.8);
}
.view-all-box .view-all-btn:active {
opacity: 0.9;
}
/******* VIEW ALL BOX - VIDEO INDEX - END **********/
/******* Progress Campaign - Start ********/
.progress ul.faqs {
border-top:0;
margin-bottom:10px;
}
.progress ul.faqs li.blockHighlight {
padding-top: 0px;
border-bottom: 0px;
}
.progress #content ul.faqs li h2 {
padding-left: 0px;
padding-top: 10px;
}
.progress #content ul.faqs li div {
margin-left: 0;
}
.progress.browse-enabled.video-list a.view {
margin-top: 8px;
}
.progress.browse-enabled.video-list ul.eventsList.padding li h2 {
margin-bottom:4px;
}
.progress.browse-enabled.video-list .focuson-takeaway p.leadin {
padding-top: 20px;
padding-bottom: 20px;
}
.progress .trademark p {
position: absolute;
padding-left: 20px;
bottom: 10px;
font-size: 11px;
}
.progress .grid2 img.subHead {
display: block;
}
.progress .focuson-takeaway h2 {
padding-left: 20px;
margin: 0.5em 0 0;
color: #FFFFFF;
font-size: 22px;
}
.progress .focuson-takeaway h3 {
padding-left: 20px;
margin: 0;
color: #FFFFFF;
font-size: 18px;
text-transform: none;
}
/******* Progress Campaing - End ********/
footer p.extraText {
text-transform: none;
color: #8398b1;
font-weight: bold;
margin-top: 3px;
float: none;
font-size: 1.25em
}
/*css for filterLinksList begin*/
.homepage-grid article.filter-list-category {
height: 52px;
background-color: #2f3338;
}
.homepage-grid article.filter-list-category .title {
float: left;
height: 100%;
width: 110px;
font-size: 12px;
line-height: 16px;
color: #5283bd;
text-align: center;
padding: 12px 0 12px 0;
border-right: solid 1px gray;
}
.homepage-grid article.filter-list-category .title.category {
cursor: pointer;
}
.homepage-grid article.filter-list-category .title.filter {
width: 40px;
}
.homepage-grid article.filter-list-category .title.select {
background-color: #5283bd;
}
.homepage-grid article.filter-list-category .title a {
text-decoration: none;
text-transform: uppercase;
}
.homepage-grid article.filter-list-category .title.select a {
color: #FFF;
}
/*css for filterLinksList end*/
/*css for careers people filter horizontal begin*/
.filterby-content .horizontal{
width: 100%;
background-color:#c3cfd5;
height: 40px;
padding: 10px 10px 10px 10px;
}
.filterby-content .horizontal div.customSelect,
.filterby-content .horizontal div.label {
float: left;
}
.filterby-content .horizontal div.label {
width: 100px;
margin-top: 7px;
}
.filterby-content .horizontal div.label p,
.filterby-content .horizontal div.label a {
font-size: 20px;
margin-bottom: 0px;
margin-right: 5px;
text-align: right;
}
/*css for careers people filter horizontal end*/
/*single content background*/
.single-background {
background: transparent url('../../../../a/pgs/images/single-content-bg.png') top repeat-y;
}
/* Media query detection */
#mqdetect { width: 1px; display: none; }
@media screen and (min-width: 10px){ #mqdetect { width: 10px !important; } }
/*
This element is always display: none; with an otherwise-declared width of 1px.
So, in your JavaScript you can just test the element for its width to determine whether or not CSS Media Queries are supported.
*/
/******* MEDIA QUERY RULES - 1280px version - START *******/
/* 1280px width styling - included here otherwise it won't work if a small page is expanded */
@media screen and (min-width: 1230px) {
.filterby-content .horizontal div.customSelect {
margin-right: 20px;
}
/*new careers people template begin*/
.people-list {
background-color: white;
min-height: 450px;
}
.people-list article.people-profile figcaption p.name {
font-size: 20px;
margin-bottom: 0;
}
.people-list article.people-profile {
width: 300px;
height: 450px;
float: left;
cursor: pointer;
}
.people-list article.people-profile img.articleImg {
width: 300px;
}
/*new careers people template end*/
/** BEGIN TWITTER SLIDER */
#twitter-container, #twitter-container ul.slides, #twitter-container li {
height:327px;
}
#twitter-container p {
font-size: 24px;
margin: 0;
}
#twitter-container .image {
height: 170px;
}
#twitter-container img {
margin-top: -42px;
}
#twitter-container .has-image p {
font-size: 14px;
}
#twitter-container .has-image p.tweet {
margin: 20px 0;
}
#twitter-container p.interact, #twitter-container p.timePosted {
font-size: 12px;
bottom: 18px;
}
#twitter-container .interact a {
margin-left: 20px;
}
#twitter-container .flex-direction-nav li a.flex-prev {
left:-24px;
}
#twitter-container .flex-direction-nav li a.flex-next {
right:-24px;
background-position: -13px;
}
/** END TWITTER SLIDER */
/******* GLOBAL CSS - START *******/
#wrapper,
header,
#content,
footer,
#global-nav div {
width: 1200px;
}
/* Header sizing */
header {
margin: 15px auto;
}
/* Skip links */
nav#skiplinks ul li a:hover,
nav#skiplinks ul li a:focus {
top: 200px;
left: 85px;
width: 285px;
height: 30px;
padding: 28px 15px 12px;
}
nav#skiplinks ul li#homelink {
background-image: url('../../../../a/pgs/images/gs-logo-70.gif');
width: 70px;
height: 70px;
}
nav#skiplinks ul li#homelink a,
nav#skiplinks ul li#homelink a:focus,
nav#skiplinks ul li#homelink a:hover {
width: 70px;
height: 70px;
}
/* Typography */
h1 {
font-size: 4.416em;
padding-top: 0.5em;
}
h1.masthead img.mastheadImg {
width: 800px;
}
h1.smallText {
width: 510px;
font-size: 2.50em;
}
h1.parent {
padding-top: 0.377358491em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.333em;
}
h4 {
font-size: 1.167em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.833em;
}
a.buttonLink {
font-size: 1em;
}
.homepage-grid article p {
font-size: 1.166666667em;
}
.homepage-grid h2 {
font-size: 1.75em;
}
.homepage-grid h2.explore-divisions-title {
margin-left: 30px;
margin-bottom: 20px;
}
.wf-inactive .homepage-grid h2 {
font: bold 1.36em Arial, Helvetica, sans-serif;
}
.homepage-grid .leadText h2 {
font-size: 2.83em;
}
.wf-inactive .homepage-grid .leadText h2 {
font: bold 2.36em Arial, Helvetica, sans-serif;
}
.featuredItems article h3 {
font-size: 1.5em;
}
/* Forced typography fixed for IE<=6 and other browsers on Windows XP / Windows Server 2003 */
.forceTypography .homepage-grid p {
font-family: Arial, Helvetica, sans-serif !important;
}
.forceTypography footer {
font-family: Arial, Helvetica, sans-serif !important;
}
footer .social-connect {
width: 138px;
}
footer .social-connect p {
display: block;
font-size: 1.2em;
color: #7399c6;
padding-right: 18px;
margin-right: 8px;
height: 24px;
padding-top: 6px;
background: transparent url('../../../../a/pgs/images/connect-icon-sprite.png') right -182px no-repeat;
float: left;
text-align: right;
}
/* Breadcrumbs */
.breadcrumbs a.first {
background: transparent url('../../../../a/pgs/images/breadcrumb-chevron.gif') 5px 50% no-repeat;
}
/* Quick links */
.quickLinks ul li {
width: 200px;
height: 200px;
}
.quickLinks ul li.noLink {
background-position: left top;
}
.quickLinks ul li.singleQuickLink {
width: 400px;
}
.quickLinks ul li h3 a {
padding: 130px 15px 40px;
margin: 0;
width: 170px;
background-position: 0 20px;
font-size: 0.938em
}
.quickLinks ul li.singleQuickLink h3 a {
width: 370px;
}
.quickLinks ul li.quickNext h3 a,
.quickLinks ul li.quickPrevious h3 a {
background-position: 0 14px;
}
/* Masthead image */
.grid2 img.masthead,
.grid2-padded img.masthead {
width: 800px;
}
.blockHighlight:focus,
.blockHighlight:hover {
background-position: left 50%;
}
/* Featured items */
.featuredItems article {
padding-bottom: 40px;
}
.featuredItems article p {
padding: 0 50px 15px 15px;
font-size: 1.166666667em;
}
/* Immersive page */
.mastheadOverlayPlain {
width: 800px;
height: 160px;
padding: 30px 20px 10px;
}
.mastheadOverlayPlain h1 {
padding-top: 0px;
margin-bottom: 0.5em;
clear: left;
}
.content-grid .mastheadOverlayPlain time {
margin-top: -16px;
}
.content-grid .mastheadOverlayPlain p {
font-size: 1.833em;
}
.mastheadOverlayPlain h3 {
float: left;
clear: right;
font-size: 2.916666667em;
line-height: 1.36170213;
margin-left: 0.33em;
margin-top:0;
}
.mastheadOverlayPlain.our-thinking-article h3{
margin-left: 0px;
}
.mastheadOverlayPlain.our-thinking-article h1{
font-size: 3.5em;
width: 770px;
}
h1.parent.blue {
font-size: 4.416em;
margin-top: 0;
}
nav.subpages li a,
nav.state li a {
font-size: 1em;
}
ul.tags li {
font-size: 1em;
}
ul.cards li {
width: 170px;
}
/******* GLOBAL CSS - END *******/
/******* CELL GRID CSS - START *******/
/* Multi-Pane Layout dimentions - used on top-level pages */
/* Single cells (default) */
.homepage-grid article,
.homepage-grid article.grid1x1 {
width: 400px;
height: 400px;
}
.homepage-grid article.explore-citizenship,
.homepage-grid article.also-explore,
.homepage-grid h2.also-explore {
height: auto;
}
/*css for filterLinksList begin*/
.homepage-grid article.filter-list-category {
height: 72px;
}
.homepage-grid article.filter-list-category .title {
width: 130px;
font-size: 16px;
line-height: 20px;
padding: 20px 0 20px 0;
}
.homepage-grid article.filter-list-category .title.filter {
width: 60px;
}
/*css for filterLinksList end*/
.content-grid .grid1 article figure img.articleImg,
.homepage-grid article figure img.articleImg,
.homepage-grid article.grid1x1 figure img.articleImg {
width: 400px;
}
.homepage-grid article.quarter-grid figure img.articleImg {
width: 300px;
}
section.split-tout article.grid0x2 {
width: 400px;
height: 200px;
clear:left;
}
section.split-tout article.grid0x2 figure.split{
height: 200px;
}
section.split-tout article.grid0x3 {
width: 400px;
height: 133px;
clear:left;
}
section.split-tout article.grid0x3 figure.split{
height: 133px;
}
section.split-tout article.grid0x3:first-child {
width: 400px;
height: 134px;
}
section.split-tout article.grid0x3:first-child figure.split{
height: 134px;
}
section.split-tout article.grid0x2 figure img.articleImg{
height: 200px;
width: auto
}
section.split-tout article.grid0x3 figure img.articleImg{
height: 133px;
width: auto
}
section.split-tout article.grid0x3:first-child figure img.articleImg{
height: 134px;
}
section.split-tout article figure a.view {
color:#5283bd;
font-size: 1.16667em;
line-height: 1.3;
text-transform:uppercase;
margin-left: 20px;
}
.homepage-grid article figure a.view{
color:#5283bd;
font-size: 1.16667em;
line-height: 1.3;
text-transform:uppercase;
}
section.split-tout article:hover a.view,
.homepage-grid article:hover a.view{
text-decoration:underline;
}
/* 2x1 cells */
.homepage-grid article.grid2x1 {
width: 800px;
}
.homepage-grid article.grid2x1 img.articleImg {
width: 800px;
}
.homepage-grid article.grid2x1#hero img.articleImg {
height: 400px;
}
/* 3x1 cells */
.homepage-grid article.grid3x1 {
width: 1200px;
}
.grid3-certain-height {
width: 1200px;
height: 400px;
}
.grid3-certain-height .grid3x1.imageOnly#hero img.articleImg {
width: 1200px;
height: 400px;
}
.homepage-grid article.grid3x1 img.articleImg {
width: 1200px;
}
.homepage-grid article.grid3x1#hero img.articleImg {
height: 400px;
}
/* 1x2 cells */
.homepage-grid article.grid1x2 {
height: 800px;
}
.homepage-grid article.grid1x2#hero img.articleImg {
height: 800px;
}
/* 2x2 cells */
.homepage-grid article.grid2x2 {
width: 800px;
height: 800px;
}
.homepage-grid article.grid2x2 img.articleImg {
width: 800px;
}
.homepage-grid article.grid2x2#hero img.articleImg {
height: 800px;
}
/* 3x2 cells */
.homepage-grid article.grid3x2 {
width: 1200px;
height: 800px;
}
.homepage-grid article.grid3x2 img.articleImg {
width: 1200px;
}
.homepage-grid article.grid3x2#hero img.articleImg {
height: 800px;
}
/* Hero cells */
.homepage-grid article#hero figcaption {
left: 60px;
top: 50px;
width: 668px;
position: absolute;
}
.homepage-grid article#hero.grid2x1 figcaption {
left: 70px;
top: 70px;
width: 320px;
}
.homepage-grid article#hero figcaption h2 {
font-size: 5.333333333em;
margin: 0 0 15px;
}
.homepage-grid article#hero figcaption p {
font-size: 1.5em;
}
.homepage-grid article#hero figcaption ul {
margin: 15px 0 0 3px;
}
.homepage-grid article#hero figcaption ul li {
font-size: 1.166666667em;
}
.homepage-grid article.quarter-grid {
width: 300px;
height: 300px;
}
.homepage-grid article.quarter-grid hgroup {
margin: 10px 0 0 20px;
}
.homepage-grid article.quarter-grid figure img{
width: 300px;
}
.homepage-grid article.three-vertical-grid {
width: 400px;
height: 200px;
}
.homepage-grid article.three-vertical-grid img {
width: 50%;
float: left;
}
.homepage-grid article.three-vertical-grid figure {
width: 50%;
float: left;
}
.homepage-grid article.three-vertical-grid figure p {
margin: 15px 20px 10px 20px;
}
.homepage-grid article.locations-list {
height: 300px;
}
.homepage-grid article.locations-list .column-item {
width: 400px;
height: 300px;
float: left;
}
.homepage-grid article.locations-list .column-item-broder {
width: 600px;
height: 300px;
float: left;
}
.homepage-grid article.locations-list .column-item-broder.grad1 {
background: url('../../../../a/pgs/images/grid1-grad1.jpg');
background-repeat: repeat;
background-size: 100%;
}
.homepage-grid article.locations-list .column-item-broder.grad2 {
background: url('../../../../a/pgs/images/grid1-grad2.jpg');
background-repeat: repeat;
background-size: 100%;
}
.homepage-grid article.locations-list .column-item-broder.grad3 {
background: url('../../../../a/pgs/images/grid1-grad3.jpg');
background-repeat: repeat;
background-size: 100%;
}
.homepage-grid article.locations-list .column-item.grad1 {
background: url('../../../../a/pgs/images/grid1-grad1.jpg') right top repeat-y;
}
.homepage-grid article.locations-list .column-item.grad2 {
background: url('../../../../a/pgs/images/grid1-grad2.jpg') right top repeat-y;
}
.homepage-grid article.locations-list .column-item.grad3 {
background: url('../../../../a/pgs/images/grid1-grad3.jpg') right top repeat-y;
}
.homepage-grid article.locations-list .column-item-broder .content {
margin: 50px 10px 10px 10px;
}
.homepage-grid article.locations-list .column-item .content {
margin: 50px 10px 10px 10px;
}
/* Careers promo
.homepage-grid .careersPromo h2 {
font-size: 3em;
margin: 70px 20px 40px;
}
.homepage-grid .careersPromo h2 a span {
font-size: 0.777777778em;
}
.homepage-grid .careersPromo h3 {
font-size: 1.5em;
margin: 30px 20px 15px;
}
.homepage-grid .careersPromo p {
font-size: 1.166666667em;
margin: 10px 20px 0;
}*/
.homepage-grid article .careersPromox1 {
height: 80px;
}
.homepage-grid article .careersPromox2 {
height: 158px;
}
.homepage-grid article .careersPromox3 {
height: 182px;
}
.homepage-grid article .careersPromox1 h2 {
font-size: 2em;
padding: 20px 0 0 20px;
}
.homepage-grid .careersPromo h3 {
font-size: 1.5em;
padding: 20px 20px 6px 20px;
}
.homepage-grid .careersPromo p {
font-size: 1.16667em;
margin: 6px 20px 0 20px;
}
/* Generic content grid */
.content-grid {
width: 1200px;
background-position: left top;
}
.content-grid-half {
width: 1200px;
background-position: left top;
}
.grid3 {
width: 1200px;
}
.grid3-padded {
width: 1160px;
padding: 0 20px 100px;
}
.grid2 {
width: 800px;
}
.grid2-padded {
width: 760px;
padding: 0 20px;
}
.grid2-padded30 {
width: 740px;
padding: 0 30px;
}
.grid-half {
width: 600px;
}
.grid-half article figure figcaption {
padding: 10px 20px;
}
.grid-half article.worldwide figure figcaption {
width: 600px;
height: 300px;
}
.press-detail .grid2-padded {
position: relative;
}
.grid2 h2, .grid2-padded h2/*,
.grid2 h3, .grid2-padded h3,
.grid2 h4, .grid2-padded h4*/ {
width: 580px;
}
.grid2 h2 {
width: auto;
}
.grid2 p,
.grid2-padded p {
width: 580px;
font-size: 1.33em;
}
.grid-half p {
font-size: 1.33em;
}
.grid2 p.leadin,
.grid2-padded p.leadin {
width: 580px;
font-size: 2em;
}
p.leadin,
.content-grid p.leadin {
font-size: 2.24em;
}
.grid0 {
width: 200px;
}
.grid1 {
width: 400px;
}
.grid1-padded {
width: 360px;
}
.grid1-splitcolumn {
width: 335px;
height: auto;
padding: 0 25px 0 20px;
}
.blog .grid1-splitcolumn {
padding: 0 25px 10px 20px;
width: 400px;
}
.blog .grid1-splitcolumn p {
font-size: 14px;
}
.grid1 p,
.grid1-splitcolumn p {
width: 23.5em;
}
.grid1 p.leadin,
.grid1-splitcolumn p.leadin {
width: 25ex;
}
/*grid-half figure begin*/
.grid-half figure img {
width: 600px;
}
.grid-half article.worldwide figure figcaption h3 {
font-size: 1.5em;
margin-top: 1em;
}
.grid-half article.worldwide figure figcaption p {
font-size: 1.4em;
line-height: 1.5em;
}
.grid-half article.worldwide figure figcaption p.cta {
margin-top: 1em;
}
.grid-half article.worldwide figure figcaption p.cta a {
font-size: 1em;
}
/*grid-half figure end*/
/****** search grid ******/
.search-grid {
background: url('../../../../a/pgs/images/search-grid-bg.png') 0 0 repeat-y;
}
nav.left-column {
width: 319px;
}
.search-grid section.results {
width: 860px;
}
.search-grid article.top-result {
width: 765px;
}
.search-grid article.top-result h2,
.search-grid article.top-result h3,
.search-grid article.top-result p {
width: 560px;
}
.search-grid ul.search-results {
width: 625px;
}
/******* CELL GRID CSS - END *******/
/******* CORE CONTENT - START *******/
/* Date-led lists */
.grid1 .dateList,
.grid1 .dateList li {
width: 360px;
}
.grid1-splitcolumn .dateList,
.grid1-splitcolumn .dateList li {
width: 330px;
}
.dateList li p time {
width: 120px;
}
.dateList li p span {
width: 460px;
}
.dateList li p span.moreInfo {
font-size: 0.80em;
}
/* Text blocks */
.textBlock p,
.textBlock span {
font-size: 1.166666667em !important;
}
/* Promoted blocks */
.promoted article {
width: 400px;
}
.promoted article p.sub-text {
width: 360px;
}
/* Stock price promo */
/* Older version */
.stockPrice h3 {
margin: 24px 14px 20px;
}
.stockPrice ul {
margin: 20px 14px 10px;
}
.stockPrice ul li {
width: 80px;
margin-right: 40px;
}
.stockPrice ul li.wider {
width: 125px;
}
/* New version */
.stockPrice table.stockprice {
width: 372px;
}
.stockPrice table.stockprice caption {
font-size: 1.5em;
}
.stockPrice table.stockprice thead tr th {
padding: 15px 50px 10px 0;
font-size: 1em;
}
.stockPrice table.stockprice tbody tr td {
font-size: 2.33em;
}
.stockPrice table.stockprice tbody tr td.percentage-change {
font-size: 1.5em;
padding-right: 60px;
}
.stockPrice table.stockprice tbody tr td.volume span.unit {
font-size: 0.642857143em;
}
.stockPrice table.stockprice tfoot tr td {
font-size: 1em;
}
.dateList li.featuredItem h3 {
font-size: 0.95em;
}
.dateList li.featuredItem p {
font-size: 1.1em;
}
blockquote.ex p {
font-size: 2em;
}
blockquote.ex span.cite {
font-size: 0.666666667em;
}
/* Content adjustment to accomodate mini-sidebar */
.hasMoreInfo {
padding-right: 180px;
}
.hasMoreInfo p {
width: 510px;
line-height: 1.5;
}
.hasMoreInfo p.leadin {
width: 510px;
line-height: 1.05;
}
/* Small sidebar (Author detail pane etc.) */
.more-info {
width: 180px;
padding-bottom: 20px;
}
.more-info h2 {
padding: 0 20px 0;
margin: 20px 0 0;
}
.more-info img.authorImg {
width: 200px;
height: 200px;
}
.more-info dl {
padding: 0 20px;
}
.more-info dt {
font-size: 1em;
}
.more-info dt.leadAuthor {
font-size: 1.166666667em;
}
.more-info dd {
font-size: 0.8em;
}
.more-info dd.jobTitle {
font-size: 0.833em;
}
.more-info dd p {
width: 160px;
}
/* Press releases */
.press-detail {
padding-bottom: 300px;
}
.press-detail .hasMoreInfo ul#socialLinks.topRight {
margin: 15px -180px -30px 0;
}
.press-detail .more-info {
top: 200px;
}
/* FAQs */
.faqs #content li.faqExpanded {
background-position: left 50%;
}
.faqs #content li h2 {
width: 580px;
}
.faqs #content li p {
width: 580px;
}
/* Generic "card" style list itmes */
ul.cards li a {
font-size: 1em;
}
ul.cards li a span {
font-size: 0.75em;
}
/* CONTACTS */
ul.contacts li {
width: 340px;
}
/* MEDIA CONTACTS */
.grid1-splitcolumn h2.pr {
margin-left: 50px;
}
.grid1-splitcolumn ul.contacts {
width: 120px;
margin: 0 47px 0 50px;
}
.grid1-splitcolumn ul.contacts p {
width: 120px;
}
/****** Immersive page ******/
.immersive .immersive-takeaway {
width: 530px;
}
.immersive .immersive-takeaway p {
font-size: 1.333333333em;
}
.immersive .immersive-takeaway blockquote p {
padding-right: 60px;
}
.immersive .immersive-authors {
margin-left: 90px;
}
.immersive .immersive-authors li h3 {
font-size: 1.833333333em;
}
.immersive .immersive-authors li p {
font-size: 0.916666667em;
}
blockquote.leftBorder {
/*width: 580px;*/
}
/* Office locations content */
.office-location #map {
width: 1200px;
}
.office-listings .filters {
width: 1200px;
}
.listings {
width: 1200px;
}
.listings li p span {
width: 250px;
}
.listings li p span.phone span{
width: 140px;
font-size: 14px;
}
.tenk-intro,
.tenk-hero aside {
height: 450px;
}
/* 10,000 women content */
.tenk-intro p {
width: 350px;
font-size: 1.833em;
}
.tenk-intro a {
color: #fff;
font-size: 0.87em;
}
.tenk-touts p {
width: 370px;
font-size: 1.166666667em;
}
.tenk-content img.map {
width: 350px;
height: 225px;
}
.tenk-content ul.cards li {
width: 170px;
margin-right: 10px;
}
ul.cards li a {
width: 120px;
}
.tenk-content ul.grid-content.women li {
width: 100px;
height: 100px;
}
.tenk-content ul.grid-content.women li a {
height: 200px;
width: 100px;
clip: rect(0px 100px 100px 0px);
}
.tenk-content ul.grid-content.women li a:hover {
clip: rect(100px 100px 200px 0px);
}
.tenk-content ul.grid-content.women li a.disabled:hover {
clip: rect(0px 100px 100px 0px);
}
#profile-container {
width: 1200px;
}
.profile-card.women {
width: 320px;
height: 120px;
}
.profile-card.women img {
width: 120px;
height: 120px;
}
.profile-card.women .profile-data {
margin: 5px 10px 0;
width: 170px;
}
.profile-card.women .profile-data p {
margin: 0 0 1em;
}
.profile-card.women.right {
margin: -15px 0 0 -215px;
}
.profile-card.women.right img {
right: 0;
}
/* 10,000 business content */
.tenk-content ul.grid-content.business {
}
.tenk-content ul.grid-content.business li {
width: 200px;
height: 200px;
}
.tenk-content ul.grid-content.business li a {
height: 400px;
width: 200px;
clip: rect(0px 200px 200px 0px);
}
.tenk-content ul.grid-content.business li a:hover {
clip: rect(200px 200px 400px 0px);
}
.tenk-content ul.grid-content.business li a.disabled:hover {
clip: rect(0px 200px 200px 0px);
}
h2.person {
font-size: 4.17em;
line-height: 0.6;
margin: 30px 0 50px 0;
width: auto;
}
dl.pplDescription dt {
font-size: 1.167em;
}
dl.pplDescription dd {
font-size: 1.167em;
}
.profile-card.business {
width: 540px;
height: 240px;
}
.profile-card.business img {
width: 240px;
height: 240px;
}
.profile-card.business .profile-data {
margin: 10px 10px 0;
width: 260px;
}
.profile-card.business .profile-data p {
margin: 0 0 1em;
}
.profile-card.business.right {
margin: -15px 0 0 -330px;
}
.profile-card.business.right img {
right: 0;
}
.tenk-sb-join {
margin-top: 105px;
}
/* GS gives content */
.tenk-content ul.gsgives li {
width: 200px;
height: 240px;
}
.tenk-content ul.gsgives li a {
height: 400px;
width: 200px;
clip: rect(0px 200px 200px 0px);
}
/*.tenk-content ul.gsgives li a:hover {
clip: rect(200px 200px 400px 0px);
top: -200px;
}*/
.dateList li p, .contacts li p {
font-size: 0.875em;
}
/* Careers people content */
.people-content ul.grid-content li {
width: 200px;
height: 200px;
}
.people-content ul.grid-content li a {
height: 400px;
width: 200px;
clip: rect(0px 200px 200px 0px);
}
.people-content ul.grid-content li a:hover {
clip: rect(200px 200px 400px 0px);
}
.people-content ul.grid-content li a.disabled:hover {
clip: rect(0px 200px 200px 0px);
}
.profile-card.careerspeople,
.careerspeople .profile-card {
width: 480px;
height: 240px;
}
.profile-card.careerspeople img,
.careerspeople .profile-card img {
width: 240px;
height: 240px;
}
.profile-card.careerspeople .profile-data,
.careerspeople .profile-card .profile-data {
margin: 10px 10px 0;
width: 220px;
}
.profile-card.careerspeople .profile-data p,
.careerspeople .profile-card .profile-data p {
margin: 0 0 1em;
}
.profile-card.careerspeople.right,
.careerspeople .profile-card .right {
margin: -15px 0 0 -275px;
}
/* AH */
.profile-card.careerspeople .profile-data h4,
.careerspeople .profile-card .profile-data h4 {
font-size: 1.111111111em;
}
.profile-card.careerspeople .profile-data p.title,
.careerspeople .profile-card .profile-data p.title {
font-size: 1em;
}
.profile-card.careerspeople .profile-data p.position,
.careerspeople .profile-card .profile-data p.position {
font-size: 0.65em;
}
.profile-card.careerspeople .profile-data a,
.careerspeople .profile-card .profile-data a {
font-size: 0.55em;
}
.careerspeople .grid1-padded.filterby {
top: 230px;
right: 110px;
}
.careerspeople .quickLinks {
top: -200px;
}
/* AH */
/* Jobs search */
#jobs .filters {}
/* Start Careers search content */
.careersSearch .content-search .searchNav {
width: 800px;
height: 115px;
}
.searchListing {
width: 800px;
}
/* End Careers search content */
/* Start Request Financial Reports */
#reportList {
width: 800px;
}
#reportList li span.year {
width: 113px;
}
#reportList li p {
width: 563px;
}
/* End Request Financial Reports */
/* Who We Are Leadership */
ul.boardList li {
width: 378px;
}
ul.boardList li img {
margin-right: 10px;
}
ul.boardList li h3 {
width: 235px;
font-size: 1.125em;
}
ul.boardList li h3 span {
font-size: 0.777777778em;
}
ul.boardList li p {
width: 235px;
margin-top: 5px;
font-size: 0.6875em;
}
/* Who We Are At Glance */
.atGlance ul.graph li {
width: 188px;
}
.atGlance ul.graph li h3 {
width: 130px;
}
.atGlance ul.graph li img {
width: 188px;
}
article.leadership header {
top: -16px;
}
ul.eventsList li img {
margin-right: 20px;
max-width: 380px;
}
ul.eventsList li h2 {
min-width: 300px;
margin-top: 20px;
}
ul.eventsList li p {
width: 361px;
clear: right;
margin: 0 35px 0 0;
}
ul.tenksb li p {
width: 401px;
clear: right;
margin: 0 35px 0 0;
}
ul.eventsList li a {
width: 200px;
font-size: 0.725em;
}
/*section.daAjax img.region {
width: 349px;
}
section.daAjax ul li {
font-size: 1em
}
section.daAjax ul li img {
width: 146px;
margin: 0 20px 0 0;
}
section.daAjax ul li h4 {
margin-left: 170px;
}
section.daAjax ul li dl {
margin-left: 170px;
}
section.daAjax ul li a {
margin-left: 170px;
} */
blockquote.app {
height: 322px;
padding: 30px;
}
blockquote.app p {
font-size: 2.833em;
}
img.subHead {
width: 800px;
}
h1.numeric {
margin-top: 50px;
}
ul.eventsList li h2 {
font-size: 1.125em;
}
ul.eventsList li p {
font-size: 1em;
}
.tenk-partner aside.grid2 article li {
font-size: 1.333em;
}
.featuredAward article h3 {
font-size: 2.33em;
}
.featuredAward article p {
font-size: 1.166666667em;
}
.awardsList h4 {
font-size: 1.333333333em;
}
.categoryNav div h2 {
font-size: 1.833333333em;
}
.categoryNav ul li {
font-size: 1.5em;
}
.faqs #content li {
font-size: 1.333em;
}
.immersive {
width: 1160px;
}
.immersive .immersive-takeaway blockquote p {
font-size: 1.833em;
}
.immersive .immersive-takeaway address {
font-size: 1.2em;
}
.india .textList li p {
font-size: 1.33em;
}
.annualMeeting .map {
font-size: 1em;
}
.annualMeeting ul.board li {
width: 365px;
font-size: 1.33em;
}
.grid2 ul.normal,
.grid2-padded ul.normal,
.grid2 ol.normal,
.grid2-padded ol.normal {
width: 580px;
}
ol.normal li {
font-size: 1.333em;
}
ol.normal li li {
font-size: 1em;
}
ul.normal li {
font-size: 1.333em;
}
ul.normal li ul li,
ul.normal li ul li ul li {
font-size: 1em;
}
article.leadership header hgroup h1 {
font-size: 4.167em;
}
article.leadership header hgroup h2 {
font-size: 2.333em;
width: auto;
}
article address {
font-size: 1.33em;
}
.search-grid section.results ul.search-results li h3,
.search-grid section.results ul.search-results li p {
font-size: 1.333em;
}
.sitemap ul li {
width: 275px;
}
.sitemap ul li a {
font-size: 2em;
}
.sitemap ul li ul {
width: 275px;
}
.sitemap ul li ul li a,
.sitemap ul li ul li span.linkless {
font: bold 1.33em Arial, Helvetica, sans-serif;
}
.sitemap ul li ul li ul li {
width: 260px;
}
.sitemap ul li ul li ul li a {
font-size: 1.166666667em;
}
article.blockquote {
margin: 53px 0;
}
article.blockquote p {
width: 550px;
}
article.explained li p {
margin-right: 20px;
max-width: 600px;
}
ul.gradGrid li {
height: 160px;
width: 160px;
}
ul.gradGrid li h2 {
font-size: 1em;
}
ul.gradGrid li p {
font-size: 0.813em;
}
a.startQuiz {
font-size: 1.333em;
}
.textList li p {
font-size: 0.75em;
}
.splitGrid {
width: 340px;
}
.specifications {
width: 380px;
}
.careersF .grid2 .padded > p {
width: 550px;
}
.careers .tab p {
width: 530px;
}
ul.blogList li {
float: left;
width: 400px;
margin: 0;
padding: 0 0 5px 0;
}
ul.blogList li img {
width: 400px;
}
ul.blogList li .edit_dot img {
width: 17px;
}
ul.blogList li p {
padding: 0 50px 15px 0;
}
ul.blogList a.view {
color: #5283bd;
font-size: 1.16667em;
line-height: 1.3;
margin-left: 0px;
text-transform: uppercase
}
div.filterBlog div.customSelect {
margin-left: 949px;
}
div.filterBlog > span {
margin-left: 860px
}
.categoryNav div p {
width: 300px;
float: left;
}
/******* CORE CONTENT - END *******/
/******* ERROR PAGES - START *******/
.error-404 {
background: transparent url('../../../../a/pgs/images/error-404-bg.png') left top no-repeat;
}
.error-404 section {
width: 800px;
padding: 170px 200px 20px;
}
.error-404 section h1 {
font-size: 7.6667em;
line-height: 1;
}
.error-404 section h2 {
font-size: 2.333em;
line-height: 1.5;
}
.error-404 section p {
font-size: 2.333em;
line-height: 1.5;
}
.error-404 section ul li a {
font-size: 1.33em;
line-height: 1;
}
/******* ERROR PAGES - END *******/
/******* MEDIA COMPONENT - START *******/
#endFrame,
#mediaHolder {
width: 800px;
min-height: 450px;
}
.grid3 #endFrame{
margin-left: 200px;
margin-right: 160px
}
.browse-enabled .grid3 #endFrame,
.video-carousel-test .grid3 #endFrame{
margin-left: 0px;
margin-right: 0px;
}
#endFrame span.replay{
left: 340px;
margin-top: 210px;
}
#endFrame span.replay.lower{
margin-top: 240px;
}
#endFrame a.learn{
left: 288px;
*left:270px;
margin-top: 300px;
}
#endFrame div.moreVideos {
margin-left: 100px;
}
#endFrame div.moreVideos.twoLists {
margin-left: 80px;
}
#endFrame div.moreVideos.twoLists .vidLists.first{
margin-right:70px;
}
.grid3 #mediaHolder {
padding-left: 200px;
padding-right: 200px;
}
ul.mediaComponentThumbs {
width: 700px;
}
ul.mediaComponentThumbs li {
margin: 0 16px 0 0;
}
.grid2 ul.mediaComponentThumbs li {
margin: 0 20px 0 0;
}
.grid1 .carousel {
width: 280px;
}
.grid2 .carousel {
width: 680px;
}
.grid3 .carousel {
width: 800px;
}
.grid3 .prevBtn {
padding-left: 140px;
background-position: 140px -150px;
}
.grid3 .grid2 .prevBtn {
padding-left: 0;
}
.grid3 .grid2 .nextBtn {
padding-right: 0;
}
.grid3 .grid2 .carousel {
width: 680px;
}
.grid3 .prevBtn:focus,
.grid3 .prevBtn:hover {
background-position: 140px 0;
}
.grid3 .prevBtn.disabled {
background-position: 140px -300px;
cursor: default;
}
.grid3 .prevBtn.inactive {
background-position: 140px -450px;
cursor: default;
}
.grid3 .nextBtn {
background-position: -100px -150px;
padding-right: 140px;
}
.grid3 .nextBtn:focus,
.grid3 .nextBtn:hover {
background-position: -100px 0;
}
.grid3 .nextBtn.disabled {
background-position: -100px -300px;
cursor: default;
}
.grid3 .nextBtn.inactive {
background-position: -100px -450px;
cursor: default;
}
.slideShowHolder {
width: 800px;
height: 450px;
}
#captionHolder {
width: 760px;
}
#captionHolder p.caption {
width: 530px;
}
/******* MEDIA COMPONENT - END *******/
/******* Start of simple tout banner ***********/
.simple-tout.banner {
background-color: #334F76;
}
.simple-tout.banner .description {
width: 599px;
float: left;
margin-bottom: 10px;
}
.simple-tout.banner .description .content{
margin-top: 20px;
margin-left: 20px;
border-right: 1px solid #888d96;
}
.simple-tout.banner .description .content .title {
font-size: 2.5em;
color: #fff;
text-transform: uppercase;
margin-bottom: 0px;
}
.simple-tout.banner .description .content .teaser {
font-size: 1.2em;
color: #fff;
width: 560px;
margin-top: 10px;
}
.simple-tout.banner .action {
width: 200px;
height: 180px;
float: left;
display: table;
}
.simple-tout.banner .action a {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #8FAFDE;
text-transform: uppercase;
}
.simple-tout.banner .action a span{
display: block;
margin-left: 20px;
width: 155px;
font-size: 1.5em;
}
/******* End of simple tout banner ***********/
.mediaComponentSocial ul#socialLinks {
right: 200px;
}
/****** FOCUS ON *******/
.focus section.split-tout {
float: left;
}
.homepage-grid section.split-tout {
float:left
}
.focus-intro {
height: 820px
}
.focus-intro p {
width: 350px;
font-size: 1.833em;
}
.focus-row article.grid2x1 {
width: 800px;
}
.focus-row article.grid2x1 img.articleImg {
width: 800px;
}
.focus-row article.grid2x1{
height: 420px
}
.focus-row article.grid1x1 {
height: 400px
}
/****** FOCUS ON - END ******/
/************ NEW FOCUS ********/
/*.browse-enabled article.grid1 {
height: 450px;
}*/
.browse-enabled .content-grid.browseDropdown section.header .mastheadOverlayPlain {
width: 961px;
}
.browse-enabled .content-grid.browseDropdown section .mastheadOverlayPlain.has-nav {
width: 760px;
}
.browse-enabled .content-grid.browseDropdown section .mastheadOverlayPlain.has-nav h3{
margin-left: 0;
}
.browse-enabled .content-grid.browseDropdown section.header {
width: 1000px;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .prevBtn {
margin-right: 42px;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .nextBtn {
margin-left: 42px;
}
.browse-enabled .content-grid.browseDropdown div.dropdown_wrapper .carousel{
background:transparent;
width:1032px;
}
.browse-enabled .content-grid.browseDropdown section.grid2 .carousel {
width: 680px;
}
.browse-enabled .content-grid.browseDropdown section.grid2 .richContent {
margin: 0;
}
.browse-enabled .grid3.dark .grid2 {
height: 448px;
}
.browse-enabled .grid3 .grid2 #mediaHolder object {
height: 450px;
width:800px;
}
.browse-enabled .grid3 .grid1 .mediaComponentSocial {
background: transparent;
clear: both;
height: 35px;
margin:0px 28px;
padding: 15px 0 5px;
position: relative;
width: 344px;
}
.browse-enabled .grid3 .grid1 .mastheadFocusOnPlain {
width: 360px;
background: transparent;
height: 382px;
padding: 10px 28px 0;
}
.browse-enabled .grid3 .grid1.long .mastheadFocusOnPlain {
height: 700px;
}
.browse-enabled .grid3.dark article.grid1.long {
background: url("../../../../a/pgs/images/grid-grad-dark-766px.jpg") repeat-x scroll 0 0 transparent;
}
.browse-enabled .grid3.dark article.grid1.long800 {
background: url("../../../../a/pgs/images/grid-grad-dark-800px.jpg") repeat-x scroll 0 0 transparent;
height: 800px;
}
.browse-enabled .grid3.dark .grid1.long li p time {
font-size: 11px;
}
.browse-enabled .grid3.dark .grid1.long li p span {
font-size: 14px;
line-height: 20px;
}
.browse-enabled .grid3.dark .grid1.long .padded p {
margin-bottom: 0.5em;
}
.browse-enabled.full-leftCol article.grid1 {
height: 800px;
}
.browse-enabled .grid3 .grid1.small .mastheadFocusOnPlain {
height: 319px;
}
.browse-enabled .grid3 .grid1 .mastheadFocusOnPlain p.leadin {
font-size: 1.5em;
line-height: 1.5em;
width: 360px;
overflow: hidden;
}
.browse-enabled .grid3 .grid1 .mastheadFocusOnPlain p.subtext {
font-size: 1.4em;
line-height: 1.2em;
}
.browse-enabled .content-grid article.grid1x1 {height:400px; width:400px;}
.browse-enabled .content-grid article.grid1x1 img{width:400px;}
.browse-enabled article.grid1x1 figcaption h2{font-size:1.84em; margin: 0.8em 0 0;}
.browse-enabled article.grid1x1 figcaption p{font-size:1.15em;}
.browse-enabled .content-grid article.grid2x1,
.browse-enabled .content-grid article.grid2x1 img {
height:450px;
}
.browse-enabled .focuson-authors ul{
width: 340px;
}
.browse-enabled .focuson-authors li {
height: 120px;
}
.browse-enabled .focuson-authors ul li h3{
font-size:26px;
line-height:26px;
margin-top:20px;
margin-bottom:8px;
}
.browse-enabled .focuson-authors ul li p {
font-size: 12px;
margin-bottom:10px;
width:300px;
}
.browse-enabled .focuson-authors ul li a {
color:#fff;
font-size: 12px;
text-transform:uppercase
}
.browse-enabled .focuson-authors img {
float:left;
height:124px;
width:124px;
padding-right:10px;
}
.browse-enabled .focuson-takeaway {
margin:10px 16px;
width:368px;
}
.browse-enabled .focuson-takeaway blockquote p,
.browse-enabled .focuson-takeaway blockquote cite,
.our-thinking-sidebar .teaser {
font-size:24px;
line-height:30px;
margin-bottom: 1em;
width:330px;
}
.browse-enabled.video-list .focuson-takeaway p.leadin{
font-size: 1.84em;
width: 330px;
}
/*********** NEW FOCUS - END **********/
/******* CAREERS DASHBOARD - START **********/
.careers-dashboard .grid2-grad {
height: 600px;
}
.careers-dashboard .grid2-grad-item {
padding:0;
width: 400px;
}
.careers-dashboard .grid2-grad-inner {
padding:30px 42px 30px 30px;
}
.careers-dashboard .content-header h2 {
margin-right:48px;
}
.careers-dashboard .grid-list li {
padding:0 31px;
}
.careers-dashboard .grid-list a {
width:209px;
font-size:1.12em;
}
.careers-dashboard .intros li p {
font-size:0.90em;
}
.careers-dashboard .padded-top {
padding-top:40px;
}
.careers-dashboard .grid2-grad .mediaComponentSocial {
background: transparent;
clear: both;
height: 35px;
margin:0px 28px;
padding: 15px 0 5px;
position: relative;
width: 344px;
}
.careers-dashboard .grid2-grad .mediaComponentSocial ul#socialLinks {
width: auto;
}
/******* CAREERS DASHBOARD - END **********/
.progress .focuson-takeaway h2 {
font-size: 26px;
}
.progress .focuson-takeaway h3 {
font-size: 20px;
}
.mobile-switch {
bottom: 7px;
left: 680px;
}
.uat-switch,.staging-switch {
bottom: 7px;
left: 775px;
}
}
@media screen and (min-width: 1230px) {
.homepage-grid .careersPromox2 {
height: 158px;
}
}
.view1280 .homepage-grid .careersPromox2 {
height: 158px;
}
/* changed .homepage-grid article .careersPromox3 .homepage-grid .careersPromox3 */
.homepage-grid .careersPromox3 {
height: 112px;
}
@media screen and (min-width: 1230px) {
article.our-thinking-sidebar.single-video {
min-height: 450px;
}
article.our-thinking-sidebar.multi-video {
min-height: 635px;
}
.homepage-grid .careersPromox3 {
height: 162px; /* changed from 182 to 162 */
}
}
.view1280 .homepage-grid .careersPromox3 {
height: 162px; /* changed from 182 to 162 */
}
/*
need to change the selector from
.homepage-grid .careersPromo h2 a span
to
.homepage-grid .careersPromo h2 span
since was only an empty element that didn't behave as a link or anchor so we removed the element
*/
.homepage-grid .careersPromo h2 span {
font-size: .8em;
margin-top: 5px;
display: block;
}
/*
.careersPromo, .careersPromo ul, .careersPromo li {
font-size: 1em;
padding: 0;
margin: 0;
}
*/
.homepage-grid .careersPromo .links li
{
font:1.166666667em Arial,Helvetica,sans-serif;
margin:6px 20px 0;
}
.homepage-grid .careersPromo .links li a
{
color:#fff;
padding:0 15px 0 0;
background:transparent url(../../../../a/pgs/images/cheron-careersPromo.png) right 50% no-repeat;
margin-right:1.5em;
}
.view1280 .homepage-grid .careersPromo .links li
{
font-size: 1.166666667em;
margin: 10px 20px 0;
}
/* End of 1280px styles */
/******* MEDIA QUERY RULES - 1280px version - END *******/
/* Firefox-specific CSS properties */
/* This shouldn't be necessary, but sometimes Gecko just won't play nicely */
@-moz-document url-prefix() {
form input#searchBox {
padding: 7px 4px 6px;
}
}
/* End of Firefox-specific CSS properties */
/* clearfix and desktop-only clearfix */
.clearfix:before, .clearfix:after,
.desktop-clearfix:before, .desktop-clearfix:after {
content: "";
display: table;
}
.clearfix:after,
.desktop-clearfix:after { clear: both; }
.clearfix,
.desktop-clearfix { zoom: 1; }