@charset "UTF-8";
/* START CROSS-SITE GLOBAL IDGE STYLES */
.print-only {
display: none; }
.insider {
background-image: url(https://web.archive.org/web/20150214000449im_/http://idge.staticworld.net/images/insider-logo-updated.svg);
background-repeat: no-repeat;
background-size: contain;
width: 65px;
height: 18px;
display: inline-block;
padding: 0;
margin: 0;
vertical-align: text-bottom;
text-indent: -9999px;
position: relative;
/*&:before{
content: 'Insider';
}*/
/*&:after{
content:"";
position: absolute;
width: 0;
height: 0;
border-top: 9px solid transparent;
border-left: 10px solid #6eae00;
border-bottom: 9px solid transparent;
left: 100%;
top: 0;
}
*/ }
body.article .insider-green {
display: none; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-wrapper-red {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: 0;
right: 0; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-red {
font-size: 1.45rem;
font-family: 'PT Sans Narrow', sans-serif;
line-height: 1.3;
font-weight: 700;
color: #FFF;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 0;
left: -3px;
top: 15px;
width: 120px;
background-color: #af141d; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-red:before {
left: 0; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-red:after {
right: 0; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-red:before, .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-red:after {
content: ""; }
input[type=text], input[type=password] {
border: 1px solid #dedede;
border-radius: .18rem;
background-color: #fff;
margin: 0 5px;
padding: 6px;
outline: none;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15); }
input[type=email] {
border: 1px solid #dedede;
border-radius: .18rem;
background-color: #fff;
margin: 0 5px;
padding: 6px;
outline: none;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15); }
input[type=submit] {
background: #FFF;
border: 1px solid #BBB;
border-radius: 7px;
outline: none;
padding: 6px 8px;
text-transform: uppercase; }
.filter-list-controls select.filter-list {
-webkit-appearance: none;
width: 90%;
width: -webkit-calc(100% - 5px);
width: -moz-calc(100% - 5px);
width: calc(100% - 5px);
padding: 5px;
border: 0;
background: #f2f2f2;
background-image: url(https://web.archive.org/web/20150214000449im_/http://idge.staticworld.net/images/ss-standard-icon-sprite-limited-shapes-grey.svg) !important;
color: #999999;
font-size: 0.875rem;
background-repeat: no-repeat !important;
background-position: 95% -56px !important;
background-size: 14px auto !important;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: ''; }
@media only screen and (min-width: 24.0625em) {
.filter-list-controls select.filter-list {
background-position: 97% -56px !important; } }
@media only screen and (min-width: 48em) {
.filter-list-controls select.filter-list {
background-position: 94% -56px !important; } }
.filter-list-controls:after {
font-family: "SSStandard";
color: #999999;
text-rendering: optimizeLegibility;
content: "" !important;
font-size: 0.75rem;
margin-left: -1.5rem; }
.lt-ie10 .filter-list-controls:after {
content: "";
font-size: 0;
margin: 0; }
.cn-header {
border-top: 1px solid #dedede;
height: 3.5rem;
text-align: center;
padding: 8px 0 0 !important;
background: url("https://web.archive.org/web/20150214000449im_/http://idge.staticworld.net/nww/ICN-striped-pattern_12x12.png") repeat transparent; }
@media only screen and (min-width: 24.0625em) {
.cn-header {
height: 2.3rem; } }
.cn-header .contributor-nw {
font-size: 1.25rem;
line-height: 1.25rem !important;
font-weight: 700; }
.cn-header.index-pages, .cn-header.bio, .cn-header.blog-brand {
border-top: none;
background: none; }
.cn-header.index-pages {
font-size: .725rem;
line-height: 1rem;
height: auto;
text-align: left;
padding-top: 0;
padding-bottom: 3px; }
.cn-header.index-pages .contributor-nw .ss-connection {
margin-left: 0; }
.cn-header.blog-brand {
line-height: .875rem;
padding-left: 7px; }
.cn-header.blog-brand .cn-container {
border: none;
padding: 0;
margin-top: 0;
font-size: .875rem;
line-height: .875rem;
display: inline-block; }
.cn-header.blog-brand .user {
border-right: none !important; }
.cn-header.bio, .cn-header.blog-brand {
display: inline-block;
height: auto;
padding-top: 1px !important;
margin-bottom: .5rem; }
@media only screen and (min-width: 48em) {
.cn-header.bio, .cn-header.blog-brand {
line-height: .875rem; } }
.cn-header.bio .contributor-nw, .cn-header.blog-brand .contributor-nw {
font-size: .875rem;
padding: 0 !important; }
.cn-header.bio .ss-icon, .cn-header.blog-brand .ss-icon {
cursor: pointer;
padding: 2px 4px 0px 4px;
border-radius: 50%;
font-size: .75rem; }
.cn-header .cn-container {
border: 1px solid #ffd100;
padding: 3px 5px 0;
margin-top: 5px;
font-size: .875rem;
display: inline-block;
line-height: 1.4rem; }
.cn-header .contributor-user {
font-weight: 500;
color: #002147 !important; }
.cn-header .contributor-user.advisor .ss-icon {
color: #002147;
background-color: #ffd100; }
.cn-header .contributor-user.influencer .ss-icon {
color: #cbdfef;
background-color: #002147; }
.cn-header .contributor-user.thought-leader .ss-icon {
color: #ffffff;
background-color: #bb3d19; }
.cn-header .contributor-user .user {
font-weight: 700;
color: #002147;
border-right: 1px solid #dedede;
padding-right: 10px;
padding-left: 3px;
margin-right: 8px; }
.cn-header .cn-tooltip {
padding-left: 10px;
line-height: .82rem;
cursor: pointer;
font-size: 0.8125rem;
text-decoration: underline;
color: #454545 !important;
white-space: nowrap; }
.cn-header .contributor-nw .company {
color: #191919 !important; }
.contributor-nw {
font-weight: 700;
color: #7b7b7b;
text-transform: uppercase;
font-size: .83rem; }
.contributor-nw.index-page-title {
font-size: .725rem; }
.contributor-nw .ss-connection {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #ffd100 !important; }
h1 .contributor-nw {
font-size: 3.375rem !important;
font-weight: bold; }
h1 .contributor-nw .company {
color: #191919 !important; }
.cn-click-tooltip {
cursor: pointer; }
.cn-vote {
display: block; }
@media only screen and (min-width: 48em) {
.cn-vote {
float: right; } }
.cn-vote .cn-vote-text {
color: #454545;
font-size: .875rem; }
.cn-vote .thumbsup, .cn-vote .thumbsdown {
color: #b1cde7;
font-size: 1rem;
padding: 0 10px;
cursor: pointer; }
.cn-vote .thumbsup:hover, .cn-vote .thumbsdown:hover {
color: #0067a5; }
.cn-vote .thumbsup:active, .cn-vote .thumbsup.voted {
color: #095521; }
.cn-vote .thumbsdown:active, .cn-vote .thumbsdown.voted {
color: #bb3d19; }
.mobile {
display: inline; }
@media only screen and (min-width: 48em) {
.mobile {
display: none; } }
.not-mobile {
display: none; }
@media only screen and (min-width: 48em) {
.not-mobile {
display: inline; } }
/* our own custom prettyprint styles - to fix some 
* things which the Google Code Light theme doesn't account for */
ol.linenums {
padding: 0; }
li.L1, li.L3, li.L5, li.L7, li.L9 {
background: none; }
#superadunit.hidden {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%; }
#superadunit.unhidden {
display: block;
position: fixed;
height: 100%;
top: 0;
left: 0;
width: 100%;
z-index: 6000000;
background-color: rgba(0, 0, 0, 0.85);
height: 100%; }
#superadunit .ad {
text-align: center;
z-index: 6000000;
width: 640px;
margin: 100px auto; }
#superadunit a, #superadunit img {
border: none;
z-index: 6000000; }
#superstitial-text {
display: block !important;
color: #fff;
font-weight: bold;
font-size: 16px;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
padding-bottom: 20px; }
#superadunit #dogear > div > iframe,
#superadunit #gpt-overlay > div > iframe {
width: 640px;
height: 500px; }
iframe[name=__bkframe] {
display: block; }
/* generic modal styles */
.modal {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 6000000; }
.modal .close-btn {
display: block;
position: absolute;
top: 0.5rem;
right: 0.5rem;
color: #16161d;
font-size: 1.25rem;
text-decoration: none; }
/* end generic modal styles */
/* BRANDPOST/SPONSORED BLOG styles */
.learn-more {
position: relative; }
.blog-byline {
border-bottom: 1px solid #dedede; }
.blog-branding-text {
font-size: 0.83rem;
color: #666;
text-transform: none;
font-weight: 400; }
.blog-branding-text .brandpost {
font-weight: bold;
font-style: italic;
font-size: 0.875rem;
color: #e29001;
padding-right: 0.25rem; }
.blog-branding-text .brandpost.title {
font-size: 1rem; }
.river-well .eyebrow .blog-branding-text .brandpost {
font-weight: bold;
font-style: italic;
font-size: 0.875rem;
color: #e29001;
padding-right: 0.25rem;
text-transform: none; }
.about-brandposts {
position: absolute;
left: 0;
/* top will be determined by JS */
border: 1px solid #16161d;
background-color: #fff;
margin: 1rem 0.75rem 0 0.75rem;
font-size: 0.875rem;
border-radius: 5px;
z-index: 6000000; }
@media only screen and (min-width: 48em) {
.about-brandposts {
margin-left: 1.5rem;
margin-right: 1.5rem; } }
@media only screen and (min-width: 60.625em) {
.about-brandposts {
max-width: 300px;
left: auto;
/* right is being written by JS; need this to not override */
margin-left: 0;
margin-right: 0; } }
.about-brandposts p {
margin: 1rem 2rem !important;
font-size: 0.8125rem !important;
text-transform: none;
font-weight: normal;
line-height: 1.125rem !important;
color: #16161d; }
.about-brandposts hr {
box-shadow: 0px 3px 5px 0px rgba(204, 204, 204, 0.75);
margin: 0; }
.about-brandposts .close-bar {
display: block;
text-align: center;
padding: 0.5rem 0;
text-transform: uppercase;
font-size: 1.125rem;
font-weight: bold; }
.about-cn-users {
position: absolute;
left: 0;
/* top will be determined by JS */
border: 1px solid #ccc;
-webkit-box-shadow: 0px 12px 8px -1px rgba(0, 0, 0, 0.15);
box-shadow: 0px 12px 8px -3px rgba(0, 0, 0, 0.15);
background-color: #fff;
margin: .95rem 0.75rem 0 0.75rem;
font-size: 0.875rem;
border-radius: 5px;
z-index: 6000000; }
@media only screen and (min-width: 48em) {
.about-cn-users {
margin-left: 1rem;
margin-right: 1rem;
margin-top: 1.45rem;
right: 0; } }
@media only screen and (min-width: 60.625em) {
.about-cn-users {
max-width: 300px;
left: auto;
/* right is being written by JS; need this to not override */
margin-left: 0;
margin-right: 0; } }
.about-cn-users .arrow-up {
display: none; }
@media only screen and (min-width: 60.625em) {
.about-cn-users .arrow-up {
display: block;
width: 29px;
height: 17px;
position: absolute;
top: -16px;
left: 30px; } }
.about-cn-users p {
margin: .725rem 1rem !important;
font-size: 0.8125rem !important;
text-transform: none;
font-weight: normal;
line-height: 1.125rem !important;
color: #555; }
.about-cn-users p .cn-learn-more {
text-decoration: underline;
color: #555; }
.about-cn-users hr {
color: #eee;
margin: 0; }
.about-cn-users .close-bar {
display: block;
text-align: center;
padding: 0.25rem 0;
text-transform: uppercase;
text-decoration: none;
font-size: .75rem;
font-weight: bold;
color: #555 !important; }
.embed-wrapper {
width: 100%;
float: none;
margin: 0 0 20px 0; }
@media only screen and (min-width: 48em) {
.embed-wrapper {
max-width: 620px;
margin: 20px auto; } }
@media only screen and (min-width: 60.625em) {
.embed-wrapper {
float: left;
margin: 20px 0; } }
.embed-wrapper .embed-container {
position: relative;
padding-bottom: 56.25%;
/* 16/9 ratio */
padding-top: 30px;
/* IE6 workaround*/
height: 0;
overflow: hidden; }
.embed-wrapper .embed-container iframe, .embed-wrapper .embed-container embed, .embed-wrapper .embed-container object, .embed-wrapper .embed-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.embed-wrapper .embed-container .play-android:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
margin: auto;
font-size: 1rem;
height: 44px;
width: 54px;
border-radius: 2px;
box-shadow: 0 0 5px black;
background-color: #999;
line-height: 48px;
display: inline-block;
color: #fff;
content: '���';
z-index: 2;
opacity: 1; }
.embed-wrapper .embed-container .play-android img {
width: 100%; }
.follow-us {
width: auto;
float: none;
margin: 2.5rem 0; }
@media only screen and (min-width: 48em) {
.follow-us {
width: 24%; } }
@media only screen and (min-width: 60.625em) {
.follow-us {
width: auto; } }
.follow-us .head {
text-transform: uppercase;
margin: 0 0 0.5rem 0;
font-size: 1.17rem;
font-weight: 700; }
.follow-us p {
color: #000;
margin: 0.25rem 0 1rem 0; }
.follow-us .links {
text-align: center; }
.follow-us .links p {
margin: 1.5rem 0 0 0; }
.follow-us a.btn {
padding: 7px 20px;
text-decoration: none;
font-size: 1.1rem;
color: #fff;
border-radius: .18rem;
margin: 2rem auto;
font-weight: 600; }
@media only screen and (min-width: 48em) {
.follow-us a.btn {
padding: 7px 10px;
display: block; } }
@media only screen and (min-width: 60.625em) {
.follow-us a.btn {
padding: 7px 20px; } }
.follow-us ul.social {
list-style: none;
padding: 0; }
.follow-us ul.social li {
font-size: 1.6rem;
display: inline-block;
float: none;
clear: none;
padding: 0 0.75rem;
border-left: 1px solid #e2e2e2; }
@media only screen and (min-width: 48em) {
.follow-us ul.social li {
font-size: 1.2rem;
padding: 0 0.5rem; } }
@media only screen and (min-width: 60.625em) {
.follow-us ul.social li {
font-size: 1.6rem;
padding: 0 0.75rem; } }
.follow-us ul.social li:first-child {
border-left: none; }
#gpt-skin iframe {
display: none; }
/* END CROSS-SITE GLOBAL IDGE STYLES */
/* START CROSS-SITE HEADER */
#reading-selector {
display: none; }
.js #reading-selector {
display: block; }
#banner {
background: #eee; }
#banner .ad {
background-color: #333;
text-align: center;
height: 50px;
padding-top: 5px;
padding-bottom: 5px; }
@media only screen and (min-width: 48em) {
#banner .ad {
height: 90px;
padding-top: 10px;
padding-bottom: 10px; } }
#banner .ad #topleaderboard {
display: inline-block; }
#banner .main-header {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
position: relative;
/* z-index: 20; */ }
#banner .topics {
background: #FFF;
position: relative;
z-index: 5;
*zoom: 1; }
#banner .topics:before, #banner .topics:after {
content: " ";
display: table; }
#banner .topics:after {
clear: both; }
#banner .topics nav {
width: 100%;
height: 42px; }
@media only screen and (min-width: 60.625em) {
#banner .topics nav {
max-width: 970px;
margin: 0 auto; } }
#banner .topics nav ul {
margin: 0;
padding: 0;
width: 970px;
/* @todo this should be calc'd, probably with js */
font-size: 0; }
#banner .topics nav ul li {
display: inline-block;
padding: 10px;
padding-right: 0;
font-size: 1rem; }
#banner .topics nav ul li::after {
content: "\00B7";
padding-left: 10px;
position: relative; }
#banner .topics nav ul li:last-child::after {
content: none;
padding-left: 0; }
#banner .topics nav ul li.header {
float: left;
padding: 10px 0 10px 10px;
text-transform: uppercase; }
@media only screen and (min-width: 60.625em) {
#banner .topics nav ul li.header {
padding: 10px 0; } }
#banner .topics nav ul li.header::after {
content: none; }
#banner .topics nav ul li a {
text-decoration: none; }
#banner section.main {
padding: 10px 10px 0 10px;
position: relative;
z-index: 1400000;
*zoom: 1; }
#banner section.main:before, #banner section.main:after {
content: " ";
display: table; }
#banner section.main:after {
clear: both; }
@media only screen and (min-width: 48em) {
#banner section.main {
padding: 5px 10px; } }
@media only screen and (min-width: 60.625em) {
#banner section.main .wrapper {
max-width: 970px;
margin: 0 auto; } }
.lt-ie9 #banner section.main .wrapper {
width: 970px; }
#banner section.main .masthead {
float: left;
position: relative;
top: -10px;
width: 235px; }
@media only screen and (min-width: 48em) {
#banner section.main .masthead {
width: 295px; } }
#banner section.main .masthead button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 18px;
line-height: 1em;
margin: 0 5px 0 0;
outline: none;
padding: 10px 8px 4px 8px;
position: relative;
top: -8px; }
#banner section.main .masthead .logo {
display: inline-block;
position: relative; }
@media only screen and (min-width: 48em) {
#banner section.main .masthead .logo {
top: 7px; } }
@media only screen and (min-width: 48em) {
#banner section.main #reading-tools-wrapper {
float: right;
margin-left: 10px;
width: 45%;
width: -webkit-calc(100% - 310px);
width: -moz-calc(100% - 310px);
width: calc(100% - 310px); } }
#banner section.main .reading {
display: none;
position: absolute;
left: 15px;
top: 60px;
width: 90%;
width: -webkit-calc(100% - 55px);
width: -moz-calc(100% - 55px);
width: calc(100% - 55px);
-webkit-transition: top 0.3s ease 0;
-moz-transition: top 0.3s ease 0;
transition: top 0.3s ease 0; }
@media only screen and (min-width: 48em) {
#banner section.main .reading {
display: block;
float: left;
margin-left: 220px;
top: 13px;
width: 40%;
width: -webkit-calc(100% - 480px);
width: -moz-calc(100% - 480px);
width: calc(100% - 480px); } }
@media only screen and (min-width: 60.625em) {
#banner section.main .reading {
width: 450px;
margin-left: 30%;
margin-left: -webkit-calc(50% - 200px);
margin-left: -moz-calc(50% - 200px);
margin-left: calc(50% - 200px); } }
#banner section.main .reading #reading-selector {
display: none; }
@media only screen and (min-width: 60.625em) {
#banner section.main .reading #reading-selector {
display: block;
padding: 4px 0 8px 0;
position: absolute;
width: 100%;
z-index: 5500000; } }
#banner section.main .reading #reading-selector .label {
cursor: pointer;
padding-right: 16px;
padding-left: 12px; }
#banner section.main .reading #reading-selector .label .tick {
display: inline-block;
float: right;
font-size: 12px;
padding: 9px 4px 0 0; }
#banner section.main .reading #reading-selector ul {
display: none; }
#banner section.main .reading #reading-selector.open .label {
padding-bottom: 10px; }
#banner section.main .reading #reading-selector.open .label .tick {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
padding: 0 0 4px 4px; }
#banner section.main .reading #reading-selector.open ul {
display: block;
list-style: none;
padding: 0;
margin: 0; }
#banner section.main .reading #reading-selector.open ul li {
border-bottom: 1px solid #333;
padding: 0.5rem 0;
padding: 8px 16px 8px 12px;
margin: 0; }
#banner section.main .reading #reading-selector.open ul li a {
display: block;
text-decoration: none; }
#banner section.main .reading #reading-selector.open ul li.more {
font-size: 0.9em; }
#banner section.main .reading #reading-selector.open ul li.more .ss-icon {
font-size: 14px; }
#banner section.main .reading #reading-selector.open ul li.subhed {
border-bottom: 4px solid rgba(255, 255, 255, 0.1);
font-size: 1.2em;
padding-top: 20px; }
#banner section.main .tools {
float: right;
position: relative;
top: 3px;
/* z-index: 9; */ }
@media only screen and (min-width: 48em) {
#banner section.main .tools {
top: 11px; } }
#banner section.main .tools ul {
margin: 0;
padding: 0;
float: left; }
#banner section.main .tools ul.social {
display: none; }
@media only screen and (min-width: 48em) {
#banner section.main .tools ul.social {
display: block;
margin-right: 10px; } }
#banner section.main .tools ul.social li:nth-child(3) {
display: none; }
@media only screen and (min-width: 48em) {
#banner section.main .tools ul.social li:nth-child(3) {
display: inline-block; } }
#banner section.main .tools ul li {
font-size: 18px;
display: inline-block;
padding: 0 8px;
float: left;
margin: 0;
height: 18px; }
#banner section.main .tools ul li:first-child {
border-left: none; }
#banner section.main .tools ul li:last-child {
padding-right: 0; }
@media only screen and (min-width: 48em) {
#banner section.main .tools ul li:last-child {
padding-right: 8px; } }
#banner section.main .tools ul li.signed-in {
top: -5px !important;
font-size: 0.875rem;
display: block;
float: none;
margin-right: 10px; }
@media only screen and (min-width: 48em) {
#banner section.main .tools ul li.signed-in {
top: auto !important; } }
#banner section.main .tools ul li.signed-in .user-info {
position: relative; }
#banner section.main .tools ul li.signed-in .user-info #loginuser-img {
display: inline; }
#banner section.main .tools ul li.signed-in .user-info .avatar {
height: 28px;
width: 28px;
border-radius: 50%;
margin-right: 5px;
cursor: pointer;
box-sizing: border-box;
-moz-box-sizing: border-box;
display: inline-block;
font-size: 1rem;
line-height: 22px;
vertical-align: middle; }
@media only screen and (min-width: 48em) {
#banner section.main .tools ul li.signed-in .user-info .avatar {
height: 50px;
width: 50px;
line-height: 44px;
font-size: 2rem;
margin-right: 10px; } }
@media only screen and (min-width: 48em) {
#banner section.main .tools ul li.signed-in .user-info img.user-img {
border: 2px solid #fff; } }
#banner section.main .tools ul li.signed-in .user-info i {
font-size: 0.625rem;
cursor: pointer; }
#banner section.main .tools ul li.signed-in .user-info .user-actions {
position: absolute;
top: 23px;
right: 0;
padding: 0;
max-height: 0;
width: 100px;
background-color: #fff;
border-radius: 3px;
-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.1s ease 0s;
-moz-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
visibility: hidden;
overflow: hidden; }
@media only screen and (min-width: 48em) {
#banner section.main .tools ul li.signed-in .user-info .user-actions {
top: 32px; } }
#banner section.main .tools ul li.signed-in .user-info .user-actions.open {
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
visibility: visible;
padding: 15px 0;
max-height: 300px; }
#banner section.main .tools ul li.signed-in .user-info .user-actions li {
font-size: 0.875rem;
height: 1.5rem;
line-height: 1.5rem;
display: block;
float: none;
top: 0;
padding: 0; }
#banner section.main .tools ul li.signed-in .user-info .user-actions li a {
display: block;
padding: 0 10px;
top: 0;
float: none; }
#banner section.main .tools ul li.signed-out {
font-size: 0.875rem;
padding: 0 8px; }
#banner section.main .tools ul li a {
display: inline-block;
position: relative;
top: -2px;
text-decoration: none; }
#banner section.tools-expand {
max-height: 0;
padding: 0 10px;
position: relative;
top: -55px;
/* z-index: 1; */
-webkit-transition: max-height 0.3s ease 0s, top 0.3s ease 0s, padding 0.3s ease 0s;
-moz-transition: max-height 0.3s ease 0s, top 0.3s ease 0s, padding 0.3s ease 0s;
transition: max-height 0.3s ease 0s, top 0.3s ease 0s, padding 0.3s ease 0s; }
@media only screen and (min-width: 60.625em) {
#banner section.tools-expand {
max-width: 970px;
margin: 0 auto; } }
.lt-ie9 #banner section.tools-expand {
width: 970px; }
#banner section.tools-expand form.search {
display: none; }
#banner section.tools-expand form.search button {
border: 0;
padding: 0;
margin: 0;
background: transparent;
margin: 0 20px 0 -30px; }
#banner section.tools-expand .user {
display: none; }
#banner section.tools-expand.search form.search {
display: block; }
#banner section.tools-expand.user div.user {
display: block; }
#banner section.tools-expand input[type=text] {
width: 80%;
width: -webkit-calc(100% - 140px);
width: -moz-calc(100% - 140px);
width: calc(100% - 140px);
border-radius: 3px; }
#banner section.tools-expand input[type=submit] {
padding: 4px 7px;
text-decoration: none;
font-size: 1.1rem;
color: #fff;
background: #ddd;
border-radius: 3px;
font-weight: 700;
text-transform: none;
font-style: normal;
text-transform: none;
width: auto;
margin: 0;
box-shadow: none; }
#banner section.tools-expand .ui-autocomplete {
cursor: default;
border: 1px solid #e5e5e5 !important;
border-radius: 0;
border-top: 2px solid #eee !important;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
left: 0 !important;
margin-top: 10px;
top: auto !important;
padding: 5px 0;
width: 100% !important;
z-index: 5500000 !important;
background-color: #ffffff;
position: absolute; }
#banner section.tools-expand .ui-autocomplete li {
color: #666;
font-size: 0.9375rem;
list-style: none; }
#banner section.tools-expand .ui-autocomplete li a {
display: block;
padding: 5px;
color: #000; }
#banner section.tools-expand .ui-autocomplete li a.ui-state-focus {
border: 0 none; }
#banner section.tools-expand .search-suggest {
font-size: 0.75rem;
font-weight: bold;
color: #999;
margin: 10px 0 0 72px;
text-transform: uppercase;
display: none; }
#banner.expand-open section.main .reading {
top: 130px; }
@media only screen and (min-width: 48em) {
#banner.expand-open section.main .reading {
top: 13px; } }
#banner.expand-open section.tools-expand {
max-height: 100px;
padding: 10px 10px;
top: 0; }
#banner.expand-open section.tools-expand.fixed-bar {
max-height: 500px;
max-width: none;
margin: 0;
padding: 0;
-webkit-transition: max-height 0s ease 0s, top 0s ease 0s, padding 0s ease 0s;
-moz-transition: max-height 0s ease 0s, top 0s ease 0s, padding 0s ease 0s;
transition: max-height 0s ease 0s, top 0s ease 0s, padding 0s ease 0s; }
#banner.expand-open section.tools-expand.fixed-bar .fixed-search-wrapper {
padding: 15px 10px;
width: 95%;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px); }
@media only screen and (min-width: 60.625em) {
#banner.expand-open section.tools-expand.fixed-bar .fixed-search-wrapper {
padding: 20px;
width: 95%;
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px); } }
.fixed-search-scroll #banner.expand-open section.tools-expand.fixed-bar .fixed-search-wrapper {
position: fixed;
top: 0;
z-index: 1400000; }
#banner.expand-open section.tools-expand.fixed-bar .fixed-search-wrapper form {
margin: 0 auto; }
@media only screen and (min-width: 60.625em) {
#banner.expand-open section.tools-expand.fixed-bar .fixed-search-wrapper form {
max-width: 970px; } }
#banner.expand-open section.tools-expand .ui-helper-hidden {
display: none; }
#banner.expand-open section.tools-expand .ui-helper-hidden-accessible {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
#banner.expand-open section.tools-expand .search-intro {
margin: 0 auto;
padding: 20px; }
@media only screen and (min-width: 60.625em) {
#banner.expand-open section.tools-expand .search-intro {
max-width: 970px; } }
#page-wrapper {
/* removing these styles for the modal to work - not sure if this will wreak havoc w/other things (expanding ads, etc.) */
/* position: relative;
z-index: 1; */ }
@media only screen and (min-width: 48em) {
#page-wrapper {
padding-top: 0.9rem; } }
/* END CROSS-SITE HEADER */
/* START CROSS-SITE NAV */
html, body {
height: 100%; }
#banner {
*zoom: 1;
/* -webkit-perspective: 600; */ }
#banner:before, #banner:after {
content: " ";
display: table; }
#banner:after {
clear: both; }
#banner nav.main {
box-shadow: 0 0 5px rgba(37, 37, 37, 0.75);
box-sizing: border-box;
-moz-box-sizing: border-box;
height: auto;
/* @todo set this via JS, probably */
left: -100%;
/* use 100% to make sure the shadow is offscreen, too */
padding: 0;
top: 95px;
/* This drops the nav panel below the header */
position: absolute;
width: 280px;
z-index: 5500000;
-webkit-transition: left 0.5s ease 0;
-moz-transition: left 0.5s ease 0;
transition: left 0.5s ease 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
@media only screen and (min-width: 48em) {
#banner nav.main {
width: 310px;
top: 108px;
/* This drops the nav panel below the header */ } }
#banner nav.main ul {
margin: 0;
padding: 0 10px;
padding: 0;
position: relative;
width: 280px; }
@media only screen and (min-width: 48em) {
#banner nav.main ul {
width: 310px; } }
#banner nav.main ul > li {
font-size: 1rem;
font-weight: bold;
height: 36px;
margin: 0;
padding: 0;
position: relative;
background-color: #ccc; }
#banner nav.main ul > li a {
display: inline-block;
text-decoration: none;
padding: 7px 10px;
width: 80%;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px); }
#banner nav.main ul > li a span {
display: none; }
@media only screen and (min-width: 48em) {
#banner nav.main ul > li a span {
display: inline-block;
position: absolute;
right: 0;
top: 0;
height: 36px;
line-height: 36px;
padding: 0 10px 0 20px; } }
#banner nav.main ul > li ul {
position: absolute;
margin: 0;
padding: 0;
top: -1px;
-webkit-transition: left 0.5s ease 0;
-moz-transition: left 0.5s ease 0;
transition: left 0.5s ease 0;
width: 280px;
left: 0;
display: none;
z-index: -1; }
@media only screen and (min-width: 48em) {
#banner nav.main ul > li ul {
width: 310px;
display: block;
left: -310px; } }
#banner nav.main ul > li ul li {
height: auto;
padding-left: 0;
background-color: #999; }
#banner nav.main ul > li ul li:first-child a {
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
#banner nav.main ul > li.nav-open ul {
left: 310px; } }
#banner nav.main ul.primary, #banner nav.main ul.secondary {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: left 0.5s ease 0;
-moz-transition: left 0.5s ease 0;
transition: left 0.5s ease 0; }
#banner nav.main ul.secondary {
padding-top: 0; }
#banner nav.main ul.secondary li {
font-weight: normal;
border: 0 none; }
#banner nav.main ul.secondary li:first-child {
border-top: none; }
#banner.nav-open nav.main {
left: 0; }
section[role="main"] article .byline address {
display: inline-block; }
/* END CROSS-SITE NAV */
/* START CROSS-SITE FOOTER */
footer {
clear: both;
text-align: center; }
@media only screen and (min-width: 48em) {
footer {
text-align: left; } }
footer .brand {
padding: 1.2em 0.625em 0 0.625em; }
@media only screen and (min-width: 60.625em) {
footer .brand {
max-width: 970px;
margin: 0 auto; } }
footer .brand .logo {
display: inline-block;
text-indent: -314159px;
text-indent: -19634.9375em;
float: none;
display: block; }
@media only screen and (min-width: 48em) {
footer .brand .logo {
float: left;
display: inline-block; } }
footer .brand .tagline {
display: none;
max-width: 33%;
color: #fff;
font-size: 13.6px;
line-height: 16px;
font-size: 0.85rem;
line-height: 1.0rem;
font-weight: 400;
border-left: 1px solid #eee;
margin: 0 0 0 1.0em;
padding: 0 0 0 1.0em; }
@media only screen and (min-width: 48em) {
footer .brand .tagline {
display: inline-block; } }
footer .brand .follow {
float: none;
clear: both;
text-align: center; }
@media only screen and (min-width: 48em) {
footer .brand .follow {
float: right;
clear: none;
text-align: right; } }
footer .brand .follow label {
display: none;
color: #fff;
text-transform: uppercase;
float: left; }
@media only screen and (min-width: 48em) {
footer .brand .follow label {
display: inline-block; } }
footer .brand .follow ul {
list-style: none;
float: none;
padding: 0;
margin: 0.35rem auto 0 auto; }
@media only screen and (min-width: 48em) {
footer .brand .follow ul {
float: right;
margin: 0.35rem 0 0 0.5rem; } }
.lt-ie9 footer .brand .follow ul {
margin: 0.35em auto 0 auto; }
footer .brand .follow ul li {
display: inline-block;
float: none;
clear: none;
padding: 0 0.75rem;
border-right: 1px solid #eee;
line-height: 1.0rem; }
@media only screen and (min-width: 48em) {
footer .brand .follow ul li {
float: left; } }
.lt-ie9 footer .brand .follow ul li {
line-height: 16px;
padding: 0 0.75em; }
footer .brand .follow ul li:last-child {
border-right: none;
padding-right: 0; }
footer .brand .follow ul li a {
color: #fff;
text-decoration: none; }
footer .topics {
float: left;
padding: 1rem 10px 1.5rem; }
@media only screen and (min-width: 48em) {
footer .topics {
float: none; } }
@media only screen and (min-width: 60.625em) {
footer .topics {
max-width: 970px;
margin: 0 auto; } }
footer .topics .lt-ie9 {
padding: 16px 10px 24px; }
footer .topics nav {
*zoom: 1;
max-width: 60.625rem;
width: 100%; }
footer .topics nav:before, footer .topics nav:after {
content: " ";
display: table; }
footer .topics nav:after {
clear: both; }
.lt-ie9 footer .topics nav {
width: 970px; }
footer .topics nav ul {
float: left;
margin: 0;
padding: 0;
/* width: 50%; */
display: inline;
float: none;
width: auto; }
footer .topics nav ul:last-child li:last-child::after {
content: none;
padding-left: 0; }
footer .topics nav ul li {
list-style: none;
margin: 0 0 0.25rem 0;
display: inline-block;
padding: 0 10px 0 10px; }
.lt-ie9 footer .topics nav ul li {
margin: 0 0 4px 0; }
footer .topics nav ul li::after {
content: none;
padding-left: 10px;
position: relative;
color: #fff; }
@media only screen and (min-width: 48em) {
footer .topics nav ul li::after {
content: "\00B7"; } }
@media only screen and (min-width: 48em) {
footer .topics nav ul li {
padding: 0 10px 0 0; } }
footer .topics nav ul li a {
text-decoration: none; }
footer .topics nav.primary {
margin-bottom: 0.5em; }
footer .topics nav.secondary {
font-size: 14px;
font-size: 0.875rem; }
footer .topics #ft1 {
margin-bottom: 0.5em; }
footer .topics #ft2 {
font-size: 14px;
font-size: 0.875rem; }
footer .about {
clear: left;
background: #eee;
padding: 1rem 0;
overflow: hidden; }
@media only screen and (min-width: 48em) {
footer .about {
padding: 1rem 0.5rem; } }
@media only screen and (min-width: 60.625em) {
footer .about {
float: none;
padding: 1rem 0; } }
.lt-ie9 footer .about {
padding: 16px 0; }
footer .about .wrapper {
max-width: 970px;
margin: 0 auto; }
footer .about nav {
*zoom: 1; }
footer .about nav:before, footer .about nav:after {
content: " ";
display: table; }
footer .about nav:after {
clear: both; }
footer .about nav ul {
float: left;
margin: 0;
padding: 0;
display: inline;
float: none;
width: auto; }
footer .about nav ul:last-child li:last-child::after {
content: none;
padding-left: 0;
border-right: none; }
footer .about nav ul li {
list-style: none;
margin: 0 0 0.25rem 0;
border-right: none;
text-transform: uppercase;
line-height: 0.75rem;
display: inline-block;
padding: 0 0.75rem 0.25rem 0.75rem; }
@media only screen and (min-width: 48em) {
footer .about nav ul li {
border-right: 1px solid #ddd; } }
.lt-ie9 footer .about nav ul li {
margin: 0 0 4px 0;
padding: 0 12px 4px 12px; }
footer .about nav ul li a {
text-decoration: none; }
@media only screen and (min-width: 48em) {
footer .about nav ul li:first-child {
padding-left: 0; } }
footer .about nav ul li:last-child {
border-right: none; }
footer .about #ft3 {
font-size: 0.875rem;
float: left;
clear: none; }
footer .about .idg-network {
float: left;
clear: none;
width: 93%;
margin: 0.75em 0.75em 0 0.75em; }
@media only screen and (min-width: 48em) {
footer .about .idg-network {
width: 40%;
margin: 0.75em 0 0 0; } }
@media only screen and (min-width: 60.625em) {
footer .about .idg-network {
float: right;
clear: none;
width: 25%;
margin: 0; } }
footer .copyright {
font-size: 12px;
color: #aaa;
padding: 1.5em 1em; }
footer .copyright .wrapper {
max-width: 970px;
margin: 0 auto; }
footer .copyright .network {
display: block;
position: relative;
float: none;
width: 275px;
background: #fff;
border-radius: 3px;
border: 1px solid #ccc;
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
font-size: 14px;
font-size: 0.85rem;
color: #333;
margin: 1.0rem auto 1.0rem auto;
text-align: left;
-webkit-transition: top 0.5s ease 0;
-moz-transition: top 0.5s ease 0;
transition: top 0.5s ease 0; }
@media only screen and (min-width: 48em) {
footer .copyright .network {
width: 225px;
float: right;
margin-top: -1.3rem; } }
@media only screen and (min-width: 60.625em) {
footer .copyright .network {
margin-top: -4.7rem; } }
.lt-ie9 footer .copyright .network {
margin: 16px auto 16px auto; }
footer .copyright .network #network-selector {
padding: 4px 4px 4px 8px;
position: relative;
background: #fff;
border-radius: 3px; }
@media only screen and (min-width: 48em) {
footer .copyright .network #network-selector {
position: static; } }
footer .copyright .network #network-selector .label {
cursor: pointer; }
footer .copyright .network #network-selector .label .tick {
display: inline-block;
float: right;
font-size: 11px;
padding: 3px 3px 0 0; }
footer .copyright .network #network-selector ul {
display: none; }
footer .copyright .network #network-selector.open {
position: absolute;
bottom: 1%;
z-index: 5500000;
width: 263px;
padding-bottom: 30px;
margin-bottom: -1.7rem;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); }
@media only screen and (min-width: 48em) {
footer .copyright .network #network-selector.open {
width: 213px; } }
footer .copyright .network #network-selector.open .label {
position: absolute;
bottom: 0;
padding-bottom: 5px;
width: 90%; }
footer .copyright .network #network-selector.open .label .tick {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
margin-right: -8px; }
footer .copyright .network #network-selector.open ul {
display: block;
list-style: none;
padding: 0;
margin: 0; }
footer .copyright .network #network-selector.open ul li {
padding: 0.18rem 0;
margin: 0; }
footer .copyright .network #network-selector.open ul li a {
text-decoration: none; }
footer .copyright .network #network-selector.open ul li.more {
font-size: 0.9em; }
footer .copyright .network #network-selector.open ul li.more .ss-icon {
font-size: 14px; }
footer .copyright .network #network-selector.open ul li.subhed {
border-bottom: 1px solid #FFF;
font-size: 1.2em;
padding-top: 10px; }
/* END CROSS-SITE FOOTER */

/*
     FILE ARCHIVED ON 00:04:49 Feb 14, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:13:32 Jul 04, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 128.201
  exclusion.robots: 0.196
  exclusion.robots.policy: 0.191
  RedisCDXSource: 2.359
  esindex: 0.007
  LoadShardBlock: 108.858 (3)
  PetaboxLoader3.datanode: 121.812 (4)
  CDXLines.iter: 14.517 (3)
  load_resource: 80.941
  PetaboxLoader3.resolve: 54.748
*/