/*
 *  * font imports
 */
@font-face {
  font-family: "Knowledge Regular";
  font-weight: normal;
  src: url("Knowledge-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Knowledge Regular Italic";
  font-weight: normal;
  src: url("Knowledge-RegularItalic.otf") format("opentype");
}
@font-face {
  font-family: "Knowledge Light";
  font-weight: normal;
  src: url("Knowledge-Light.otf") format("opentype");
}
@font-face {
  font-family: "Knowledge Light Italic";
  font-weight: normal;
  src: url("Knowledge-LightItalic.otf") format("opentype");
}
@font-face {
  font-family: "Knowledge Medium";
  font-weight: normal;
  src: url("Knowledge-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Knowledge Ultra Light";
  font-weight: normal;
  src: url("Knowledge-UltraLight.otf") format("opentype");
}
@font-face {
  font-family: "wrc-icons";
  font-weight: normal;
  src: url('thedeparted.eot');
  src: url('thedeparted.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('thedeparted.otf') format('opentype');
  /* IE9 Compat Modes */
}
[data-icon]:before {
  font-family: "wrc-icons";
  /* BYO icon font, mapped smartly */
  content: attr(data-icon);
  speak: none;
  /* Not to be trusted, but hey. */
}
/* 
 * Scrolling in the browser
 */
.isDesktop ::-webkit-scrollbar {
  width: 15px;
  background: transparent;
  border-color: transparent;
}
.isDesktop ::-webkit-scrollbar:window-inactive {
  width: 0px;
  display: none;
}
.isDesktop ::-webkit-scrollbar-track {
  background-color: transparent;
  border: transparent;
}
.isDesktop ::-webkit-scrollbar-thumb {
  background-image: url('scroll-thumb-background.png');
  background-repeat: repeat-y;
}
.isDesktop ::-webkit-scrollbar-thumb:hover {
  background-image: url('scroll-thumb-background-over.png');
}
.isDesktop ::-webkit-scrollbar-track-piece:vertical:start,
.isDesktop ::-webkit-scrollbar-track-piece:vertical:end {
  margin-top: 3px;
  margin-bottom: 3px;
}
/*
 * Same scale across the app
 */
[data-rank="0"] {
  font-size: 9px;
}
[data-rank="1"] {
  font-size: 13px;
}
[data-rank="2"] {
  font-size: 17px;
}
[data-rank="3"] {
  font-size: 11px;
}
[data-rank="4"] {
  font-size: 15px;
}
[data-rank="5"] {
  font-size: 19px;
}
[data-rank="6"] {
  font-size: 23px;
}
[data-rank="7"] {
  font-size: 27px;
}
[data-rank="8"] {
  font-size: 31px;
}
[data-rank="9"] {
  font-size: 35px;
}
/*
 * basic overrides
 */
* {
  /* apply a natural box layout model to all elements */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
html {
  width: 100%;
  height: 100%;
}
body {
  font-family: "Knowledge Regular";
  font-size: 14px;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: black;
}
.scrollable-y,
.scrollable-x {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
li {
  cursor: text;
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
p {
  font-family: "Knowledge Regular", sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #766c62;
  padding: 0px;
  clear: both;
  margin: 16px 0 16px 0;
}
p i {
  font-family: "Knowledge Regular Italic";
  font-style: normal;
}
/* front page */
.edgeLoad-social-power {
  visibility: hidden;
}
/*Org view*/
.constrain-height #org-description p {
  color: white;
  line-height: 24px;
}
/*Social Power*/
#network-explainer p,
#network-explainer p a,
#spheres-of-influence div p,
#relating-description p,
#associations-list a {
  font-size: 14px;
  line-height: 24px;
}
/*all guides*/
.step p {
  color: white;
  width: 310px;
  line-height: 24px;
}
.step h2,
.step h1 {
  color: white;
  width: 265px;
  line-height: 34px;
  margin: 64px 0 0px;
}
/*china 101 and featured articles*/
.subtitle p {
  line-height: 24px;
  color: #0083bf;
  margin-top: 14px;
  width: 265px;
}
ol {
  padding-left: 0px;
}
li {
  font-family: "Knowledge Regular", sans-serif;
  line-height: 26px;
  margin-bottom: 16px;
  color: #766c62;
  padding: 0px;
}
ul li {
  font-size: 16px;
  margin-left: -5px;
  list-style-type: disc;
}
ol li {
  list-style-type: none;
  font-size: 12px;
  line-height: 20px;
  margin-left: 0px;
  margin-bottom: 8px;
  clear: both;
  white-space: normal;
}
#org-profile li {
  font-family: "Knowledge Regular", sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #766c62;
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 8px;
  clear: both;
  white-space: normal;
}
sup {
  line-height: 0px;
  font-size: 12px;
}
li sup {
  min-width: 20px;
  text-align: right;
  line-height: 0px;
}
li i {
  font-family: "Knowledge Regular Italic", sans-serif;
  font-style: normal;
}
li a i {
  font-family: "Knowledge Regular Italic", sans-serif;
  font-style: normal;
}
.updated {
  font-size: 12px;
  font-family: "Knowledge Regular Italic", sans-serif;
}
#outerwrapper {
  min-width: 100%;
  min-height: 100%;
  border: 0px blue;
  overflow: hidden;
  background: black;
  position: absolute;
  top: 0;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* IE10+ */
  /* W3C * /
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454039', endColorstr='#766c62', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
#uiwrapper {
  width: 1280px;
  height: 720px;
  padding-left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  -webkit-box-shadow: -3px 3px 30px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -3px 3px 30px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: -3px 3px 30px rgba(0, 0, 0, 0.4);
  box-shadow: -3px 3px 30px rgba(0, 0, 0, 0.4);
}
/*#main-content {
  position: absolute;
  padding: 0;
  top: 0;
  left: 58px;
  width: 100%;
  height: 100%;
  margin-left: -58px;
  padding-left: 58px;
  background: #ffffff url('transparent.png') no-repeat center center;
  background-size: 30px 30px;
  z-index: 0;
}
*/
#main-content {
  position: relative;
  width: 100%;
  height: 100%;
  background: #ffffff url('transparent.png') no-repeat center center;
  z-index: 0;
}
#main-content.loading-initial {
  background: #ffffff url('nonagon_red.gif') no-repeat center center;
}
#main-content.loading {
  background: #ffffff url('nonagon_light-gray.gif') no-repeat 653px 370px;
}
#main-canvas {
  position: absolute;
  top: 0;
  left: 65px;
  z-index: 100;
  width: 100%;
  height: 100%;
}
/*#main-content-wrap {
  padding-left: 58px;
  width: 100%;
  height: 100%;
}
*/
/*#main-content {
  position: relative;
  padding: 0;
  width: 100%;
  height: 100%;
  background: #ffffff url('transparent.png') no-repeat center center;
  z-index: 0;
}
*/
#mobile.darken-bg {
  background: rgba(0, 0, 0, 0.8);
  position: relative;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 600;
}
#old-browser #window,
#mobile.darken-bg #window,
#error-message #window,
.oldBrowser #window {
  z-index: 9999;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background: rgba(160, 0, 0, 0.9);
  width: 415px;
  height: auto;
  top: 50px;
  padding: 55px;
  padding-bottom: 0px;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
}
#error-message #window #red-phone {
  background: transparent url('red-phone.png') no-repeat 10px;
  font-family: "Knowledge Light Italic", sans-serif;
  font-size: 12px;
  line-height: 15px;
  padding-left: 80px;
  padding-top: 40px;
  height: 70px;
  color: white;
}
#old-browser #window #contents,
#mobile.darken-bg #window #contents,
#error-message #window #contents,
.oldBrowser #window #contents {
  padding-top: 30px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px rgba(160, 150, 140, 0.6) solid;
  border-top: 1px rgba(160, 150, 140, 0.6) solid;
}
#old-browser #window #contents h1,
#mobile.darken-bg #window #contents h1,
#error-message #window #contents h1,
.oldBrowser #window #contents h1 {
  font-family: "Knowledge Light", sans-serif;
  font-size: 26px;
  line-height: 34px;
  color: white;
  font-weight: lighter;
  font-style: normal;
}
#old-browser #window #contents p,
#mobile.darken-bg #window #contents p,
#error-message #window #contents p,
.oldBrowser #window #contents p {
  font-family: "Knowledge Regular", sans-serif;
  font-size: 15px;
  line-height: 25px;
  color: white;
}
/*links*/
a {
  cursor: pointer;
  font-family: "Knowledge Regular", sans-serif;
  font-size: 16px;
  color: #766c62;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none;
  white-space: normal;
  clear: both;
  background: none;
}
/*a.personLink gray*/
a.personLink {
  background: rgba(236, 234, 232, 0.5) url('button-small-info.png') no-repeat center right;
  padding-right: 24px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
/*a.personLink gray retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  a.personLink {
    background: rgba(236, 234, 232, 0.5) url('button-small-info-hi.png') no-repeat center right;
    background-size: 19px 12px;
  }
}
/*a.personLink gray explainer*/
#network-explainer a.personLink {
  padding-right: 24px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
/*a.personLink gray influence*/
#spheres-of-influence a.personLink {
  padding-right: 24px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
/*a.personLink white org*/
#org-detail #org-description a.personLink {
  color: white;
  background: rgba(236, 234, 232, 0.25) url('button-small-info-white.png') no-repeat center right;
  padding-right: 24px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  text-decoration: none;
}
/*a.personLink white org retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #org-detail #org-description a.personLink {
    background: rgba(236, 234, 232, 0.25) url('button-small-info-white-hi.png') no-repeat center right;
    background-size: 19px 12px;
  }
}
/*a.personLink white guide*/
.step a.personLink {
  font-family: 'Knowledge Regular';
  color: white;
  background: rgba(255, 255, 255, 0.25) url('button-small-info-white.png') no-repeat center right;
  padding-right: 24px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  text-decoration: none;
  white-space: normal;
  font-style: normal;
}
/*a.personLink white guide retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .step a.personLink {
    background: rgba(255, 255, 255, 0.25) url('button-small-info-white-hi.png') no-repeat center right;
    background-size: 19px 12px;
  }
}
/*a.glossaryLink gray*/
a.glossaryLink,
#glossary-inner .content .glossary-entries p a[href^="glossary"] {
  background: rgba(236, 234, 232, 0.5) url('button-small-gloss.png') no-repeat center right;
  padding-right: 20px;
}
/*a.glossaryLink gray retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  a.glossaryLink,
  #glossary-inner .content .glossary-entries p a[href^="glossary"] {
    background: rgba(236, 234, 232, 0.5) url('button-small-gloss-hi.png') no-repeat center right;
    background-size: 16px 12px;
  }
}
/*a.glossaryLink gray explainer*/
#network-explainer a,
#spheres-of-influence a,
#profile-long-associations a,
#associations a {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 20px;
  font-size: 14px;
}
/*a.glossaryLink white guide*/
.step a.glossaryLink,
#org-detail #org-description a.glossaryLink {
  font-family: 'Knowledge Regular';
  color: white;
  background: rgba(255, 255, 255, 0.25) url('button-small-gloss-white.png') no-repeat center right;
  padding-right: 20px;
  background-size: 16px 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .step a.glossaryLink,
  #org-detail #org-description a.orgLink {
    background-image: url('button-small-gloss-white-hi.png');
  }
}
/*a.orgLink gray*/
a.orgLink {
  background: rgba(236, 234, 232, 0.5) url('button-small-info.png') no-repeat center right;
  background-size: 19px 12px;
  padding-right: 25px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  text-decoration: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  a.orgLink {
    background-image: url('button-small-info-hi.png');
  }
}
/*a.orgLink gray explainer*/
#network-explainer a.orgLink {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 24px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
/*a.orgLink gray influence*/
#spheres-of-influence a.orgLink {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 24px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
/*a.orgLink white guide*/
.step a.orgLink {
  font-family: 'Knowledge Regular';
  color: white;
  background: rgba(236, 234, 232, 0.25) url('button-small-info-white.png') no-repeat center right;
  background-size: 19px 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .step a.orgLink {
    background-image: url('button-small-info-white-hi.png');
  }
}
/*a.orgLink org white detail*/
#org-detail #org-description a.orgLink {
  cursor: pointer;
  font-family: 'Knowledge Regular';
  color: white;
  background: rgba(236, 234, 232, 0.25) url('button-small-info-white.png') no-repeat center right;
  padding-right: 25px;
  background-size: 19px 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #org-detail #org-description a.orgLink {
    background-image: url('button-small-info-white-hi.png');
  }
}
a.externalLink {
  font-family: "Knowledge Regular", sans-serif;
  color: #766c62;
  background: rgba(236, 234, 232, 0.5) url('button-small-external.png') no-repeat center right;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 25px;
  text-decoration: none;
  white-space: normal;
  clear: both;
  border-radius: 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  a.externalLink {
    background: rgba(236, 234, 232, 0.5) url('button-small-external-hi.png') no-repeat center right;
    background-size: 19px 12px;
  }
}
li a.externalLink {
  /*	font-family: "Knowledge Regular", sans-serif;*/
  font-size: 12px;
  margin-bottom: 9px;
  /*	color: rgb(118,108,98);
	background: rgba(236,234,232,.5) url('button-small-external.png')no-repeat center right;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 25px;
	text-decoration: none;
	white-space: normal;
	clear: both;*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  li a.externalLink {
    background: rgba(236, 234, 232, 0.5) url('button-small-external-hi.png') no-repeat center right;
    background-size: 19px 12px;
  }
}
.reporting.top-level-content .copy-feat a.errorLink {
  background: red;
  /*	background: none;*/
  cursor: default;
}
#old-browser #window #contents a,
#mobile.darken-bg #window #contents a,
#error-message #window #contents a,
.oldBrowser #window #contents a {
  font-family: 'Knowledge Regular';
  background: rgba(255, 255, 255, 0.3);
  color: white;
  padding-top: 3px;
  padding-bottom: 4px;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  white-space: normal;
  font-style: normal;
}
#old-browser #window #tr-logo,
#mobile.darken-bg #window #tr-logo,
#error-message #window #tr-logo {
  background: transparent url('reutersLogo.png') no-repeat center center;
  background-size: 130px 42px;
  height: 85px;
  width: 100%;
  border: 0px yellow solid;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #old-browser #window #tr-logo,
  #mobile.darken-bg #window #tr-logo,
  #error-message #window #tr-logo {
    background: transparent url('reutersLogo-hi.png') no-repeat center center;
    background-size: 130px 42px;
  }
  #error-message #window #red-phone {
    background: transparent url('red-phone-hi.png') no-repeat 10px;
    background-size: 57px 46px;
  }
}
#copyright {
  cursor: default;
  position: relative;
  width: 1024px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 748px;*/
  margin-top: 720px;
  padding-top: 20px;
  font-family: 'Knowledge Regular' sans-serif;
  font-weight: normal;
  color: rgba(160, 150, 140, 0.5);
  font-size: 12px;
  text-align: center;
  letter-spacing: 0px;
}
#copyright.error-page {
  margin-top: 60px;
}
div {
  margin: 0;
}
br {
  clear: both;
  width: 0px;
  height: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0px;
  -webkit-margin-before: 0;
  -moz-margin-before: 0;
  -ms-margin-before: 0;
  -webkit-margin-after: 0;
  -moz-margin-after: 0;
  -ms-margin-after: 0;
  -webkit-margin-start: 0;
  -moz-margin-start: 0;
  -ms-margin-start: 0;
  -webkit-margin-end: 0;
  -moz-margin-end: 0;
  -ms-margin-end: 0;
}
/*
 * Popup for mobile users to add to home screen
 */
#mobile #pop-up {
  font-family: "Knowledge Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #766c62;
  width: 225px;
  height: 200px;
  background: #ffffff url('graphic-addhome-vis.png') no-repeat center 80px;
  background-size: 184px 100px;
  position: absolute;
  top: 20px;
  left: 48px;
  padding: 25px;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}
#mobile.isIOS6 #pop-up {
  font-family: "Knowledge Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #766c62;
  background: #ffffff url('graphic-addhome-ios6.png') no-repeat center 80px;
  background-size: 184px 196px;
  height: 307px;
  position: absolute;
  top: 20px;
  left: 48px;
  padding: 25px;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
}
#mobile.darken-bg #pop-up #opt,
#mobile.darken-bg.isOIS6 #pop-up {
  width: 50px;
  height: 20px;
  margin-right: 5px;
  background: transparent url('graphic-addhome.png') no-repeat center right;
  float: left;
}
#mobile.darken-bg #pop-up #notch {
  background: transparent url('dialogue_box_arrow1.png') no-repeat;
  width: 41px;
  height: 14px;
  position: absolute;
  top: -14px;
  left: 91px;
  z-index: 9999;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #mobile.darken-bg #pop-up {
    background: #ffffff url('graphic-addhome-vis-hi.png') no-repeat center 80px;
    background-size: 184px 100px;
  }
  #mobile.darken-bg #pop-up #opt {
    background: transparent url('graphic-addhome-hi.png') no-repeat center right;
    background-size: 22px 18px;
  }
  #mobile.darken-bg #pop-up #notch {
    background: transparent url('dialogue_box_arrow1-hi.png') no-repeat;
    background-size: 41px 14px;
  }
}
#about-slider,
#share-slider {
  width: 616px;
  height: 748px;
  position: absolute;
  top: 0px;
  left: -616px;
  z-index: 800;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  background-size: 68px 728px;
}
#about-slider {
  background: rgba(160, 0, 0, 0.98) url('diagonal-step.png') no-repeat right center;
}
#share-slider {
  left: -650px;
  background: rgba(69, 64, 57, 0.95) url('guide-halftone-right.png') no-repeat right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #share-slider,
  #about-slider {
    background-image: url('diagonal-step-hi.png');
  }
}
#share-slider #close,
#about-slider #close {
  background: transparent url('button-dismiss-red.png') no-repeat center center;
  position: absolute;
  top: 21px;
  right: 41px;
  width: 30px;
  height: 30px;
  z-index: 9999;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  background-size: 30px 30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #share-slider #close,
  #about-slider #close {
    background-image: url('button-dismiss-red-hi.png');
  }
}
#share-slider #close:hover,
#about-slider #close:hover {
  opacity: 0.7;
}
#main-nav {
  display: none;
  position: absolute;
  top: -10px;
  left: 0;
  padding-top: 10px;
  width: 77px;
  height: 740px;
  vertical-align: middle;
  z-index: 888;
  background: #766c62 url('diagonal-hi.png') no-repeat top left;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  background-size: 77px 697px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #main-nav {
    background-image: url('diagonal-hi.png');
  }
}
#main-nav.china-101 {
  mask: url('menu-mask_china101.svg');
  -webkit-mask: url('menu-mask_china101.svg');
  -ms-mask-image: url('menu-mask_china101.svg');
  -moz-mask-image: url('menu-mask_china101.svg');
  -webkit-mask-position-x: -13px;
  -moz-mask-position-x: -13px;
  -ms-mask-position-x: -13px;
  -webkit-mask-position-y: 10px;
  -moz-mask-position-y: 10px;
  -ms-mask-position-y: 10px;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
}
#main-nav.social {
  mask: url('menu-mask_social.svg');
  -webkit-mask: url('menu-mask_social.svg');
  -ms-mask-image: url('menu-mask_social.svg');
  -moz-mask-image: url('menu-mask_social.svg');
  -webkit-mask-position-x: -13px;
  -moz-mask-position-x: -13px;
  -ms-mask-position-x: -13px;
  -webkit-mask-position-y: 10px;
  -moz-mask-position-y: 10px;
  -ms-mask-position-y: 10px;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
}
#main-nav.org {
  mask: url('menu-mask_org.svg');
  -webkit-mask: url('menu-mask_org.svg');
  -ms-mask-image: url('menu-mask_org.svg');
  -moz-mask-image: url('menu-mask_org.svg');
  -webkit-mask-position-x: -13px;
  -moz-mask-position-x: -13px;
  -ms-mask-position-x: -13px;
  -webkit-mask-position-y: 10px;
  -moz-mask-position-y: 10px;
  -ms-mask-position-y: 10px;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
}
#main-nav.career {
  mask: url('menu-mask_career.svg');
  -webkit-mask: url('menu-mask_career.svg');
  -ms-mask-image: url('menu-mask_career.svg');
  -moz-mask-image: url('menu-mask_career.svg');
  -webkit-mask-position-x: -13px;
  -moz-mask-position-x: -13px;
  -ms-mask-position-x: -13px;
  -webkit-mask-position-y: 10px;
  -moz-mask-position-y: 10px;
  -ms-mask-position-y: 10px;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
}
#main-nav.features {
  mask: url('menu-mask_featured.svg');
  -webkit-mask: url('menu-mask_featured.svg');
  -ms-mask-image: url('menu-mask_featured.svg');
  -moz-mask-image: url('menu-mask_featured.svg');
  -webkit-mask-position-x: -13px;
  -moz-mask-position-x: -13px;
  -ms-mask-position-x: -13px;
  -webkit-mask-position-y: 10px;
  -moz-mask-position-y: 10px;
  -ms-mask-position-y: 10px;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
}
#main-nav.glossary {
  mask: url('menu-mask_glossary.svg');
  -webkit-mask: url('menu-mask_glossary.svg');
  -ms-mask-image: url('menu-mask_glossary.svg');
  -moz-mask-image: url('menu-mask_glossary.svg');
  -webkit-mask-position-x: -13px;
  -moz-mask-position-x: -13px;
  -ms-mask-position-x: -13px;
  -webkit-mask-position-y: 10px;
  -moz-mask-position-y: 10px;
  -ms-mask-position-y: 10px;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
}
#main-nav.share {
  mask: url('menu-mask_share.svg');
  -webkit-mask: url('menu-mask_share.svg');
  -ms-mask-image: url('menu-mask_share.svg');
  -moz-mask-image: url('menu-mask_share.svg');
  -webkit-mask-position-x: -13px;
  -moz-mask-position-x: -13px;
  -ms-mask-position-x: -13px;
  -webkit-mask-position-y: 10px;
  -moz-mask-position-y: 10px;
  -ms-mask-position-y: 10px;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
}
#main-nav.arrow {
  mask: url('menu-mask_about.svg');
  -webkit-mask: url('menu-mask_about.svg');
  -ms-mask-image: url('menu-mask_about.svg');
  -moz-mask-image: url('menu-mask_about.svg');
  -webkit-mask-position-x: -13px;
  -moz-mask-position-x: -13px;
  -ms-mask-position-x: -13px;
  -webkit-mask-position-y: 10px;
  -moz-mask-position-y: 10px;
  -ms-mask-position-y: 10px;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
}
#main-nav > .main-nav-button {
  text-align: center;
  font-size: 33px;
  color: rgba(160, 150, 140, 0.5);
  text-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  position: relative;
  top: 15px;
  height: 50px;
  width: 61px;
  padding-top: 7px;
  margin: 26px 0px 0px 0px;
  cursor: pointer;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -1px center;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#main-nav > .main-nav-button.secondary,
#arrow-opt {
  font-size: 25px;
  color: rgba(69, 64, 57, 0.7);
  text-shadow: rgba(69, 64, 57, 0) 0px 0px 5px;
  margin: 0px;
  padding: 0px;
  height: 35px;
  width: 62px;
  margin-top: -7px;
  margin-bottom: 15px;
}
#arrow-opt {
  z-index: 9999;
  position: absolute;
  left: 0px;
  /*bottom: 16px;*/
  bottom: 29px;
  margin-bottom: 0px;
  width: 65px;
  text-align: center;
  font-size: 19px;
  height: 22px;
}
#main-nav #home-opt.main-nav-button {
  /*  top: 16px;
  font-size: 23px;*/
  top: 33px;
  font-size: 24px;
}
#main-nav #reload.main-nav-button {
  top: 35px;
  font-size: 26px;
}
#main-nav #china-101-opt.main-nav-button {
  /*margin-top: 92px;*/
  /*font-size: 27px;*/
  margin-top: 71px;
  font-size: 29px;
}
#main-nav #social-opt.main-nav-button {
  font-size: 31px;
}
#main-nav #org-opt.main-nav-button {
  font-size: 37px;
}
#main-nav #career-opt.main-nav-button {
  font-size: 29px;
}
#main-nav #features-opt.main-nav-button {
  /*font-size: 29px;*/
  font-size: 30px;
}
#main-nav #glossary-opt.main-nav-button {
  /*margin-top: 82px;*/
  margin-top: 65px;
  font-size: 26px;
}
#main-nav #share-opt.main-nav-button {
  font-size: 18px;
  margin-left: 2px;
  margin-top: -1px;
}
#main-nav #fps {
  display: none;
}
#main-nav > .main-nav-button.active {
  color: rgba(255, 180, 0, 0.9);
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#main-nav.expanded .background .menu {
  left: 30px;
}
#glossary-opt #gloss-counter {
  position: absolute;
  top: 5px;
  left: 2px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  width: 61px;
  cursor: pointer;
}
#about-slider .labels label {
  opacity: 0;
  font-family: "Knowledge Regular", sans-serif;
  font-size: 12px;
  color: rgba(208, 202, 198, 0.8);
  vertical-align: top;
  margin-left: 12px;
  line-height: 50px;
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}
#about-slider.expanded .labels label {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}
#about-slider.expanded .labels label:hover {
  opacity: .7;
  cursor: pointer;
}
#other {
  height: 100%;
  width: 100%;
  position: relative;
}
#Stage {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #main-content.loading-initial {
    background-image: url('nonagon_light-gray-hi.gif');
  }
  #main-content.loading {
    background-image: url('nonagon_light-gray-hi.gif');
  }
}
.top-level-content {
  position: absolute;
  width: 966px;
  height: 100%;
  z-index: 1;
  padding: 0;
  margin: 0;
}
.lead-in.row1 {
  position: relative;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
#home {
  overflow: hidden;
}
#home.top-level-content {
  /*width: 1024px;*/
  width: 100%;
  left: 0px;
  top: 0px;
  background: #a00000 url('nonagon_red.gif') no-repeat center 372px;
  background-size: 30px 30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #home.top-level-content {
    background-image: url('nonagon_red-hi.gif');
  }
}
#home .front-lead-in {
  height: 748px;
  display: none;
  width: 204px;
  cursor: default;
  position: absolute;
  color: #5C5E5C;
  z-index: 5000;
}
/* to correct the shimmy when others load before china101 */
#home #china-101-lead.front-lead-in {
  left: 0px;
}
#home #social-lead.front-lead-in {
  left: 204px;
}
#home #org-lead.front-lead-in {
  left: 410px;
}
#home #career-lead.front-lead-in {
  left: 610px;
}
#home #features-lead.front-lead-in {
  left: 817px;
  width: 207px;
}
#home .section-over {
  text-align: center;
  font-family: 'Knowledge Regular';
  font-size: 16px;
  color: rgba(255, 255, 255, 0.85);
  position: relative;
}
#home .section-over .text {
  cursor: pointer;
  position: relative;
}
#home .section-over .icon {
  cursor: pointer;
  margin-bottom: 13px;
  margin-left: -6px;
  color: #ff8000;
  text-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  opacity: 1;
}
.introgradient {
  position: absolute;
  top: -354px;
  height: 720px;
  width: 210px;
  z-index: -1;
}
#introgradient-left {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a00000+0,a00000+100&1+0,0+15 */
  background: -moz-linear-gradient(left, #a00000 0%, rgba(160, 0, 0, 0) 18%, rgba(160, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #a00000 0%, rgba(160, 0, 0, 0) 18%, rgba(160, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #a00000 0%, rgba(160, 0, 0, 0) 18%, rgba(160, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a00000', endColorstr='#00a00000', GradientType=1);
  /* IE6-9 */
}
#introgradient-right {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a00000+0,a00000+100&0+85,1+100 */
  background: -moz-linear-gradient(left, rgba(160, 0, 0, 0) 0%, rgba(160, 0, 0, 0) 82%, #a00000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(160, 0, 0, 0) 0%, rgba(160, 0, 0, 0) 82%, #a00000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(160, 0, 0, 0) 0%, rgba(160, 0, 0, 0) 82%, #a00000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a00000', endColorstr='#a00000', GradientType=1);
  /* IE6-9 */
}
#home #career-lead .section-over .icon {
  font-size: 54px;
  margin-top: 358px;
}
#home #social-lead .section-over .icon {
  font-size: 60px;
  margin-top: 351px;
}
#home #org-lead .section-over .icon {
  font-size: 67px;
  margin-top: 342px;
}
#home #china-101-lead .section-over .icon {
  font-size: 58px;
  margin-top: 354px;
}
#home #features-lead .section-over .icon {
  font-size: 56px;
  margin-top: 355px;
}
#home .section-over .icon.loading,
#main-nav .main-nav-button.loading {
  color: rgba(255, 128, 0, 0.9);
  background: transparent url('loader-background.png') no-repeat -600px 0px;
  background-size: 787px 65px;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -o-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
  animation: shimmy 20s linear 0s infinite;
  -moz-animation: shimmy 20s linear 0s infinite;
  -webkit-animation: shimmy 20s linear 0s infinite;
  -o-animation: shimmy 20s linear 0s infinite;
  text-shadow: rgba(0, 0, 0, 0) 0px 0px 15px;
}
#main-nav .main-nav-button.loading {
  color: rgba(160, 150, 140, 0.9);
  background-position-y: -7px;
  animation: shimmy 25s linear 0s infinite;
  -moz-animation: shimmy 25s linear 0s infinite;
  -webkit-animation: shimmy 25s linear 0s infinite;
  -o-animation: shimmy 25s linear 0s infinite;
}
@keyframes shimmy {
  0% {
    background-position-x: -600px;
  }
  100% {
    background-position-x: 150px;
  }
}
@-moz-keyframes shimmy {
  /* Firefox */
  0% {
    background-position-x: -600px;
  }
  100% {
    background-position-x: 150px;
  }
}
@-webkit-keyframes shimmy {
  /* Safari and Chrome */
  0% {
    background-position-x: -600px;
  }
  100% {
    background-position-x: 150px;
  }
}
@-o-keyframes shimmy {
  /* Opera */
  0% {
    background-position-x: -600px;
  }
  100% {
    background-position-x: 150px;
  }
}
#home .section-over .icon:hover {
  opacity: .8;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#home #homeTitle {
  height: 110px;
  width: 250px;
  position: absolute;
  left: 50%;
  top: 20px;
  background: transparent url('connected-china-logo-hi.png') center center;
  background-size: 250px 110px;
  margin-left: -125px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #home #homeTitle {
    background-image: url('connected-china-logo-hi.png');
  }
}
#home #reuters-logo {
  background-image: url('reutersLogo.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 155px 50px;
  width: 155px;
  height: 50px;
  padding: 1px;
  position: absolute;
  bottom: 13px;
  z-index: 9999;
  cursor: default;
  left: 50%;
  margin-left: -65px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #home div#reuters-logo {
    background-image: url('reutersLogo-hi.png');
  }
}
/* Styling the About pullout from the left nav */
#about-slider .about,
#share-slider .about {
  margin: 50px 40px 40px 50px;
  font-size: 16px;
  line-height: 24px;
  color: white;
  border: 0px solid yellow;
  width: 328px;
  height: 600px;
  position: absolute;
  left: 200px;
  top: 60px;
  opacity: 0;
  font-family: "Knowledge Light", sans-serif;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -ms-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}
#share-slider .about {
  width: 230px;
  left: 340px;
  margin: 0px;
  top: 113px;
  overflow: visible;
}
#about-slider.expanded,
#share-slider.expanded {
  opacity: 1;
  -webkit-transition: left 0.25s ease-in;
  -moz-transition: left 0.25s ease-in;
  -ms-transition: left 0.25s ease-in;
  transition: left 0.25s ease-in;
}
#about-slider.expanded {
  left: 0px;
}
#share-slider.expanded {
  left: -230px;
}
#about-slider.expanded .about,
#share-slider.expanded .about {
  opacity: 1;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -ms-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}
#about-slider .about .about-content {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px rgba(208, 202, 198, 0.6) solid;
}
#share-slider .about .about-content {
  padding: 30px 10px 25px 10px;
  margin-bottom: 56px;
  border-bottom: 1px rgba(208, 202, 198, 0.6) solid;
  border-top: 1px rgba(208, 202, 198, 0.6) solid;
}
#about-slider .about .last-update,
#share-slider .about .last-update {
  font-family: "Knowledge Regular", sans-serif;
  text-align: right;
  font-size: 12px;
  color: rgba(208, 202, 198, 0.8);
  position: absolute;
  right: 8px;
  top: -31px;
}
#about-slider .about h1,
#share-slider .about h1 {
  font-family: "Knowledge Light", sans-serif;
  font-size: 26px;
  line-height: 34px;
  color: white;
  font-weight: lighter;
  font-style: normal;
}
#about-slider .about p,
#share-slider .about p {
  font-family: "Knowledge Regular", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: white;
}
#about-slider .about a,
#share-slider .about a {
  color: white;
}
#about-slider .about #share,
#share-slider .about .share {
  font-family: "Knowledge Regular", sans-serif;
  font-size: 11px;
  height: 35px;
  line-height: 30px;
  margin-top: 5px;
  cursor: pointer;
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}
#share-slider .about .share {
  margin-left: 10px;
  opacity: .8;
  font-size: 28px;
  margin-top: 18px;
}
#share-slider .about #link.share {
  padding-left: 2px;
}
#share-slider .about .share span {
  font-size: 14px;
  padding-left: 11px;
}
#share-slider .about .share#email {
  font-size: 20px;
}
#share-slider .about .share#twitter {
  font-size: 25px;
  margin-left: 17px;
}
#share-slider .about .share#twitter span {
  padding-left: 20px;
}
#share-slider .about .share#facebook {
  font-size: 26px;
  margin-left: 13px;
}
#share-slider .about .share#sina {
  font-size: 25px;
  margin-left: 11px;
}
#share-slider .about .share#tencent {
  font-size: 27px;
  margin-left: 11px;
}
#share-slider .about .share#renren {
  font-size: 27px;
  margin-left: 13px;
}
#share-slider .about .share#tianya {
  font-size: 25px;
}
#share-slider .about .share:hover {
  opacity: 0.6;
}
#share-slider #url-container input {
  width: 175px;
  -webkit-user-select: text;
  background: rgba(255, 255, 255, 0.2);
  padding: 9px 0px 9px 9px;
  margin-left: 60px;
  color: rgba(255, 255, 255, 0.6);
  border: 0px;
  border-style: 0px;
  outline: none;
}
#share-slider .about .share div {
  font-family: "Knowledge Regular", sans-serif;
  font-size: 14px;
  color: #ffffff;
  height: 35px;
  width: 185px;
  float: right;
  cursor: pointer;
}
#about-slider .about #share #feedback {
  font-family: "Knowledge Regular", sans-serif;
  margin-left: 10px;
  font-size: 14px;
  float: left;
  text-align: center;
  line-height: 35px;
  height: 35px;
  width: 135px;
  background-color: #7b080c;
  -webkit-box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}
#about-slider .about #share #feedback:hover {
  opacity: .85;
}
#about-slider .about #share #blog {
  font-family: "Knowledge Regular", sans-serif;
  margin-right: 10px;
  font-size: 14px;
  float: right;
  text-align: center;
  line-height: 35px;
  height: 35px;
  width: 135px;
  background-color: #7b080c;
  -webkit-box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 2px 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}
#about-slider .about #share #blog:hover {
  opacity: .85;
}
#about-slider .about #reuters-logo {
  background: transparent url('reutersLogo.png') no-repeat left center;
  width: auto;
  margin: 55px 0 0 3px;
  height: 50px;
  background-size: 155px 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #about-slider .about #reuters-logo {
    background-image: url('reutersLogo-hi.png');
  }
}
#about-slider .labels,
#share-slider .labels {
  opacity: 0;
  width: 200px;
}
#about-slider.expanded .labels,
#share-slider.expanded .labels {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}
#about-slider .labels .main-nav-button,
#share-slider .labels .main-nav-button {
  color: #eceae8;
  width: 150px;
  margin-left: 66px;
  font-family: "Knowledge Regular", sans-serif;
  font-size: 12px;
  height: 52px;
  line-height: 49px;
  margin-top: 25px;
  border: 1px solid transparent;
}
#about-slider .labels #china-101-opt.main-nav-button {
  margin-top: 88px;
}
#about-slider .labels #glossary-opt.main-nav-button {
  margin-top: 70px;
}
#about-slider .labels #share-opt.main-nav-button.secondary {
  margin-top: 4px;
  margin-bottom: 10px;
}
#about-slider .labels .main-nav-button.secondary,
#share-slider .labels .main-nav-button.secondary {
  height: 35px;
  line-height: 35px;
  margin-top: 7px;
}
#about-slider .labels .secondary label {
  line-height: 35px;
}
/* Styles for the universal link modal */
.link-handler {
  top: 200px;
  left: 100px;
  width: 300px;
  height: auto;
  z-index: 1001;
  position: absolute;
  padding: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-radius: 4px;
  font-family: "Knowledge Regular", sans-serif;
  font-size: 14px;
  line-height: 25px;
  color: #a0968c;
  background-color: rgba(255, 255, 255, 0.98);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.link-handler #text.org,
.link-handler #text.externalLink {
  width: 200px;
  float: right;
}
.link-handler .externalLink .option {
  display: none;
}
.link-handler #go {
  background: transparent url("button-org.png") no-repeat center top;
  font-family: "Knowledge Regular", sans-serif;
  text-align: center;
  font-size: 12px;
  width: 60px;
  float: left;
  height: 65px;
  padding-top: 45px;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.link-handler #go:hover {
  opacity: .7;
}
.link-handler .notch {
  width: 300px;
  height: 20px;
  position: absolute;
  z-index: 9999;
}
.link-handler.box-top .notch {
  background: transparent url('dialogue_box_arrow3.png') no-repeat center top;
  bottom: -20px;
  left: -3px;
}
.link-handler.box-left .notch {
  background: transparent url('dialogue_box_arrow4.png') no-repeat left;
  width: 20px;
  height: 100%;
  right: -20px;
  top: 0px;
}
.link-handler.box-below .notch {
  background: transparent url('dialogue_box_arrow1.png') no-repeat bottom;
  top: -20px;
  left: -3px;
}
.link-handler.box-right .notch {
  background: transparent url('dialogue_box_arrow2.png') no-repeat right;
  width: 20px;
  height: 100%;
  left: -20px;
  top: 0px;
}
.link-handler p {
  font-family: "Knowledge Regular", sans-serif;
  font-style: normal;
  font-size: 12px;
  line-height: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
  clear: none;
  text-align: center;
}
.link-handler .dismiss img {
  background-color: transparent;
  border: none;
  padding: 0px;
  height: 30px;
  width: 30px;
  position: absolute;
  right: -15px;
  top: -15px;
}
.link-handler img {
  float: left;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 55px;
}
#loadingDiv {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 700;
  background: rgba(0, 0, 0, 0.9);
}
/* Featured articles video embed */
.articleKit .video-embed {
  position: relative;
}
.articleKit .video-embed iframe,
.articleKit .video-embed video {
  border: 0px;
  border-style: none;
  max-width: 520px;
}
.video-embed .video-play {
  position: absolute;
  top: 140px;
  left: 230px;
  z-index: 9999;
  height: 83px;
  width: 83px;
  cursor: pointer;
  color: white;
  font-size: 60px;
  -webkit-transition: 0.25s ease-in;
  -moz-transition: 0.25s ease-in;
  -ms-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.video-embed .video-play:hover {
  opacity: 0.7;
}
.video-embed p {
  margin-top: 200px;
  width: 25em;
  margin: 200px auto;
  color: white;
  font-size: 16px;
  text-align: center;
}
.video-embed p a {
  color: white;
}
.video-embed p a:hover {
  color: #766c62;
}
#pop-up-box {
  display: block;
}
#pop-up-box.external-link #profile.option,
#pop-up-box.external-link #orgs.option,
#pop-up-box.external-link #career.option,
#pop-up-box.external-link #network.option {
  display: none;
}
#pop-up-box.link-handler .option {
  display: inline-block;
  width: 67px;
  height: 80px;
  text-align: center;
  float: left;
  opacity: .2;
}
#pop-up-box.link-handler .option.active {
  opacity: 1;
}
#pop-up-box.link-handler .option {
  font-family: "Knowledge Regular";
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  padding-top: 54px;
  line-height: 12px;
}
#pop-up-box .dismiss,
#org-link .dismiss {
  background: rgba(255, 255, 255, 0);
  border: 0px solid blue;
  width: 45px;
  height: 45px;
  position: absolute;
  top: -22px;
  right: -22px;
  margin: 0px;
}
#pop-up-box .dismiss-inner,
#org-link .dismiss-inner {
  background: #ffffff url("button-dismiss-flag.png") no-repeat center center;
  width: 24px;
  height: 24px;
  border-radius: 15px;
  background-size: 24px 24px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 10px;
  left: 10px;
}
#pop-up-box .dismiss-inner:hover,
#org-link .dismiss-inner:hover {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
#pop-up-box.link-handler .option.active {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  cursor: pointer;
}
#pop-up-box.link-handler #profile {
  background: transparent url("button-profile.png") no-repeat center top;
}
#pop-up-box.link-handler #network {
  background: transparent url("button-social.png") no-repeat center top;
}
#pop-up-box.link-handler #orgs {
  background: transparent url("button-org.png") no-repeat center top;
}
#pop-up-box.link-handler #career {
  background: transparent url("button-career.png") no-repeat center top;
}
#pop-up-box.link-handler .option.active:hover {
  opacity: .55;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #pop-up-box.link-handler #profile {
    background: transparent url("button-profile-hi.png") no-repeat center top;
    background-size: 55px 55px;
  }
  #pop-up-box.link-handler #network {
    background: transparent url("button-social-hi.png") no-repeat center top;
    background-size: 55px 55px;
  }
  #pop-up-box.link-handler #orgs {
    background: transparent url("button-org-hi.png") no-repeat center top;
    background-size: 55px 55px;
  }
  #pop-up-box.link-handler #career {
    background: transparent url("button-career-hi.png") no-repeat center top;
    background-size: 55px 55px;
  }
}
#pop-up-box .external-link-dialog {
  padding: 10px 5px 7px 12px;
  cursor: pointer;
}
#pop-up-box .external-link-dialog span {
  padding-left: 14px;
  font-size: 14px;
}
#modal-background {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 9990;
  margin: 0px;
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -ms-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}
#modal-background iframe {
  margin: 55px auto;
  display: block;
}
#modal-background img {
  height: 508px;
  margin: 0px auto 0px;
  display: block;
}
#modal-background .modal-caption {
  display: block;
  background-color: #766c62;
  padding: 35px;
  width: 827px;
  margin: 0px auto;
  max-height: 192px;
}
#modal-background .modal-caption .caption {
  line-height: 18px;
  margin: 0px;
  color: white;
  display: inline;
  padding-right: 17px;
}
#modal-background .modal-caption .credit {
  line-height: 18px;
  color: white;
  display: inline-block;
  margin: 0;
  font-family: "Knowledge Regular Italic", sans-serif;
  white-space: nowrap;
}
#modal-background #right-photo-arrow,
#modal-background #left-photo-arrow {
  position: absolute;
  background: transparent;
  color: #766c62;
  font-size: 48pt;
  height: 748px;
  line-height: 748px;
  padding: 0px 20px 0px 20px;
  border: 0;
}
#modal-background #left-photo-arrow {
  left: 0px;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
#modal-background #right-photo-arrow {
  right: 0px;
}
#modal-background #right-photo-arrow:hover,
#modal-background #left-photo-arrow:hover {
  color: white;
}
#modal-background #images-navigation {
  margin: 0px auto;
  text-align: center;
}
#modal-background #images-navigation .image-opt {
  display: inline-block;
  width: 40px;
  line-height: 47px;
  font-size: 30px;
  letter-spacing: 0px;
  color: rgba(255, 255, 255, 0.5);
}
#modal-background #images-navigation .image-opt.selected {
  color: rgba(255, 255, 255, 0.9);
}
button#modal-dismiss {
  color: rgba(255, 255, 255, 0.4);
  /* lightBlue : "#0083bf", */
  background: none;
  border: 0px;
  font-size: 0px;
  text-transform: uppercase;
  font-family: "Knowledge Light", sans-serif;
  width: 120px;
  display: block;
  position: absolute;
  /* In order for the z-index to work */
  margin-left: 80px;
  z-index: 2000;
  right: 5px;
  top: 5px;
}
#modal-dismiss .modal-button {
  width: 43px;
  height: 43px;
  background: transparent url("button-dismiss-large.png") no-repeat right center;
  display: inline-block;
  float: right;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
#modal-dismiss .modal-button:hover {
  opacity: .7;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #modal-dismiss .modal-button {
    background: transparent url("button-dismiss-large-hi.png") no-repeat right center;
    background-size: 43px 43px;
    display: inline-block;
  }
}
#modal-dismiss .text {
  padding: 10px 0px;
  display: inline-block;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#font-load {
  position: absolute;
  left: -10000px;
  top: 10000px;
  visibility: hidden;
  height: 1px;
  width: 1px;
}
#font-load #medium {
  font-family: 'Knowledge Medium';
}
#font-load #regular-italic {
  font-family: 'Knowledge Regular Italic';
}
#font-load #light-italic {
  font-family: 'Knowledge Light Italic';
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline-width: 0;
}
.no-select:focus {
  outline-width: 0;
}
#about-slider .labels .main-nav-button {
  position: absolute;
  text-transform: uppercase;
}
#about-slider .labels .main-nav-button#home-opt {
  top: 17px;
}
#about-slider .labels .main-nav-button#reload-opt {
  top: 58px;
}
#about-slider .labels .main-nav-button#china-101-opt {
  top: 68px;
}
#about-slider .labels .main-nav-button#social-opt {
  top: 205px;
}
#about-slider .labels .main-nav-button#org-opt {
  top: 285px;
}
#about-slider .labels .main-nav-button#career-opt {
  top: 355px;
}
#about-slider .labels .main-nav-button#features-opt {
  top: 432px;
}
#about-slider .labels .main-nav-button#glossary-opt {
  top: 490px;
}
#about-slider .labels .main-nav-button#share-opt {
  top: 614px;
}
#about-slider .labels .main-nav-button#about-opt {
  top: 657px;
}