/* --------- /stylesheets/economist.css --------- */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

*:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

body {
  font-family: Verdana, Geneva, sans-serif; }

#vp {
  position: relative;
  width: 961px;
  height: 653px;
  overflow: hidden; }

#vp_offset {
  position: absolute;
  top: 0;
  left: -18px;
  left: 0; }

#clock .digit {
  position: absolute;
  top: 14px;
  width: 30px;
  height: 50px;
  background: url(/digits.gif) repeat 0 -450px;
  border: 1px solid lighten(#dae4e6,2%);
  border-width: 0 1px 1px 0; }
#clock #d14 {
  left: 188px; }
#clock #d13 {
  left: 219px; }
#clock #d12 {
  left: 250px; }
#clock #d11 {
  left: 304px; }
#clock #d10 {
  left: 335px; }
#clock #d9 {
  left: 366px; }
#clock #d8 {
  left: 420px; }
#clock #d7 {
  left: 451px; }
#clock #d6 {
  left: 482px; }
#clock #d5 {
  left: 536px; }
#clock #d4 {
  left: 567px; }
#clock #d3 {
  left: 598px; }
#clock #d2 {
  left: 652px; }
#clock #d1 {
  left: 683px; }
#clock #d0 {
  left: 714px; }

#clock #number_overlay {
  position: absolute;
  top: 74px;
  left: 298px;
  width: 374px;
  height: 19px;
  background-color: #fff; }
#clock .pt1, #clock .pt2, #clock .pt3 {
  position: absolute;
  top: 2px;
  height: 17px; }
#clock .pt1, #clock .pt2 {
  background-image: url(/sprites.png); }
#clock .pt1 {
  left: 29px;
  width: 34px; }
#clock .pt2 {
  left: 61px;
  width: 15px; }
#clock .pt3 {
  left: 79px;
  width: 230px;
  background: url(/sprites.png) -522px -423px; }
#clock .y1999 .pt1 {
  background-position: -3px -441px; }
#clock .y1999 .pt2 {
  background-position: -153px -461px; }
#clock .y2000 .pt1 {
  background-position: -43px -441px; }
#clock .y2000 .pt2 {
  background-position: -1px -461px; }
#clock .y2001 .pt1 {
  background-position: -43px -441px; }
#clock .y2001 .pt2 {
  background-position: -19px -461px; }
#clock .y2002 .pt1 {
  background-position: -43px -441px; }
#clock .y2002 .pt2 {
  background-position: -36px -461px; }
#clock .y2003 .pt1 {
  background-position: -43px -441px; }
#clock .y2003 .pt2 {
  background-position: -53px -461px; }
#clock .y2004 .pt1 {
  background-position: -43px -441px; }
#clock .y2004 .pt2 {
  background-position: -69px -461px; }
#clock .y2005 .pt1 {
  background-position: -43px -441px; }
#clock .y2005 .pt2 {
  background-position: -87px -461px; }
#clock .y2006 .pt1 {
  background-position: -43px -441px; }
#clock .y2006 .pt2 {
  background-position: -104px -461px; }
#clock .y2007 .pt1 {
  background-position: -43px -441px; }
#clock .y2007 .pt2 {
  background-position: -120px -461px; }
#clock .y2008 .pt1 {
  background-position: -43px -441px; }
#clock .y2008 .pt2 {
  background-position: -137px -461px; }
#clock .y2009 .pt1 {
  background-position: -43px -441px; }
#clock .y2009 .pt2 {
  background-position: -153px -461px; }
#clock .y2010 .pt1 {
  background-position: -448px -461px;
  left: 28px; }
#clock .y2010 .pt2 {
  width: 24px;
  left: 52px;
  background-position: -172px -461px; }
#clock .y2011 .pt1 {
  background-position: -448px -461px;
  left: 28px; }
#clock .y2011 .pt2 {
  width: 22px;
  left: 53px;
  background-position: -200px -461px; }
#clock .y2012 .pt1 {
  background-position: -448px -461px;
  left: 28px; }
#clock .y2012 .pt2 {
  width: 22px;
  left: 53px;
  background-position: -228px -461px; }
#clock .y2013 .pt1 {
  background-position: -448px -461px;
  left: 28px; }
#clock .y2013 .pt2 {
  width: 22px;
  left: 53px;
  background-position: -256px -461px; }
#clock .y2014 .pt1 {
  background-position: -448px -461px;
  left: 28px; }
#clock .y2014 .pt2 {
  width: 22px;
  left: 53px;
  background-position: -284px -461px; }
#clock .y2015 .pt1 {
  background-position: -448px -461px;
  left: 28px; }
#clock .y2015 .pt2 {
  width: 22px;
  left: 53px;
  background-position: -312px -461px; }

#spinner {
  position: absolute;
  top: 1px;
  left: 621px;
  width: 92px;
  height: 21px;
  z-index: 10001;
  background: url(/sprites.png) no-repeat -196px -220px; }

area {
  cursor: url(/magnify.cur), crosshair; }

#time_slider {
  position: absolute;
  top: 584px;
  left: 0px;
  background: #fff url(/sprites.png) no-repeat 0 0;
  width: 717px;
  height: 37px; }
  #time_slider .button {
    height: 32px;
    width: 23px;
    position: absolute;
    top: 1px; }
  #time_slider #ts_left_btn {
    left: 5px; }
  #time_slider #ts_left_btn:hover {
    background: url(/sprites.png) no-repeat -5px -39px; }
  #time_slider #ts_right_btn {
    left: 688px; }
  #time_slider #ts_right_btn:hover {
    background: url(/sprites.png) no-repeat -688px -39px; }
  #time_slider #time_slider_selector {
    z-index: 100;
    position: absolute;
    top: -19px;
    left: 32px;
    height: 24px;
    width: 23px;
    background: url(/sprites.png) no-repeat -645px -38px;
    cursor: pointer; }
  #time_slider #ts_years .year.active, #time_slider #ts_years .year:hover {
    border: 1px solid #ff0000;
    text-decoration: none;
    color: #ff0000; }
  #time_slider #ts_years .year {
    border: 1px solid #666;
    text-decoration: none;
    color: #333;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    height: 15px;
    width: 32px;
    position: absolute;
    padding-top: 1px;
    top: 9px; }
  #time_slider #ts_years #year0 {
    left: 38px; }
  #time_slider #ts_years #year1 {
    left: 89px; }
  #time_slider #ts_years #year2 {
    left: 139px; }
  #time_slider #ts_years #year3 {
    left: 190px; }
  #time_slider #ts_years #year4 {
    left: 241px; }
  #time_slider #ts_years #year5 {
    left: 291px; }
  #time_slider #ts_years #year6 {
    left: 342px; }
  #time_slider #ts_years #year7 {
    left: 393px; }
  #time_slider #ts_years #year8 {
    left: 442px; }
  #time_slider #ts_years #year9 {
    left: 494px; }
  #time_slider #ts_years #year10 {
    left: 544px; }
  #time_slider #ts_years #year11 {
    left: 595px; }
  #time_slider #ts_years #year12 {
    left: 644px; }
  #time_slider #ts_years .year_text {
    position: relative;
    top: 1px; }
  #time_slider #ts_years .year {
    background: url(/sprites.png) no-repeat -754px -211px; }
  #time_slider #ts_years .y1999 {
    background-position: -754px -196px; }
  #time_slider #ts_years .y1999.active, #time_slider #ts_years .y1999:hover {
    background-position: -786px -196px; }
  #time_slider #ts_years .y2000 {
    background-position: -753px -211px; }
  #time_slider #ts_years .y2000.active, #time_slider #ts_years .y2000:hover {
    background-position: -786px -211px; }
  #time_slider #ts_years .y2001 {
    background-position: -753px -226px; }
  #time_slider #ts_years .y2001.active, #time_slider #ts_years .y2001:hover {
    background-position: -786px -226px; }
  #time_slider #ts_years .y2002 {
    background-position: -753px -240px; }
  #time_slider #ts_years .y2002.active, #time_slider #ts_years .y2002:hover {
    background-position: -786px -240px; }
  #time_slider #ts_years .y2003 {
    background-position: -753px -255px; }
  #time_slider #ts_years .y2003.active, #time_slider #ts_years .y2003:hover {
    background-position: -786px -255px; }
  #time_slider #ts_years .y2004 {
    background-position: -753px -269px; }
  #time_slider #ts_years .y2004.active, #time_slider #ts_years .y2004:hover {
    background-position: -786px -269px; }
  #time_slider #ts_years .y2005 {
    background-position: -753px -283px; }
  #time_slider #ts_years .y2005.active, #time_slider #ts_years .y2005:hover {
    background-position: -786px -283px; }
  #time_slider #ts_years .y2006 {
    background-position: -753px -298px; }
  #time_slider #ts_years .y2006.active, #time_slider #ts_years .y2006:hover {
    background-position: -786px -298px; }
  #time_slider #ts_years .y2007 {
    background-position: -753px -312px; }
  #time_slider #ts_years .y2007.active, #time_slider #ts_years .y2007:hover {
    background-position: -786px -312px; }
  #time_slider #ts_years .y2008 {
    background-position: -753px -327px; }
  #time_slider #ts_years .y2008.active, #time_slider #ts_years .y2008:hover {
    background-position: -786px -327px; }
  #time_slider #ts_years .y2009 {
    background-position: -753px -341px; }
  #time_slider #ts_years .y2009.active, #time_slider #ts_years .y2009:hover {
    background-position: -786px -341px; }
  #time_slider #ts_years .y2010 {
    background-position: -753px -355px; }
  #time_slider #ts_years .y2010.active, #time_slider #ts_years .y2010:hover {
    background-position: -786px -355px; }
  #time_slider #ts_years .y2011 {
    background-position: -753px -370px; }
  #time_slider #ts_years .y2011.active, #time_slider #ts_years .y2011:hover {
    background-position: -786px -370px; }
  #time_slider #ts_years .y2012 {
    background-position: -753px -384px; }
  #time_slider #ts_years .y2012.active, #time_slider #ts_years .y2012:hover {
    background-position: -786px -384px; }
  #time_slider #ts_years .y2013 {
    background-position: -753px -399px; }
  #time_slider #ts_years .y2013.active, #time_slider #ts_years .y2013:hover {
    background-position: -786px -399px; }
  #time_slider #ts_years .y2014 {
    background-position: -753px -413px; }
  #time_slider #ts_years .y2014.active, #time_slider #ts_years .y2014:hover {
    background-position: -786px -413px; }
  #time_slider #ts_years .y2015 {
    background-position: -753px -427px; }
  #time_slider #ts_years .y2015.active, #time_slider #ts_years .y2015:hover {
    background-position: -786px -427px; }

#view_selector {
  font-size: 9.5px; }
  #view_selector .open {
    position: absolute;
    top: 112px;
    left: 10px;
    width: 192px;
    height: 26px;
    background: url(/sprites.png) no-repeat -57px -270px;
    text-decoration: none;
    z-index: 100; }
    #view_selector .open .text {
      font-weight: bold;
      position: absolute;
      top: 8px;
      left: 7px;
      width: 170px;
      color: #ffffff; }
  #view_selector .open:hover {
    background: url(/sprites.png) no-repeat -251px -270px;
    cursor: pointer; }
    #view_selector .open:hover .text {
      color: #ff0000;
      text-decoration: none; }
  #view_selector .panel {
    position: absolute;
    z-index: 20;
    top: 112px;
    left: 10px;
    width: 192px;
    height: 150px;
    background: url(/sprites.png) no-repeat -251px -270px; }
    #view_selector .panel .text {
      position: absolute;
      color: #ffffff;
      text-decoration: none;
      top: 128px;
      left: 7px;
      width: 115px;
      color: #ffffff; }
    #view_selector .panel .option {
      color: #0a526d;
      width: 186px;
      height: 31px; }
      #view_selector .panel .option .sub {
        display: none; }
    #view_selector .panel #debt {
      top: 37px; }
      #view_selector .panel #debt:hover {
        top: 24px;
        background: url(/sprites.png) no-repeat -64px -294px; }
    #view_selector .panel #debt_per_capita {
      top: 65px; }
      #view_selector .panel #debt_per_capita:hover {
        top: 54px;
        background: url(/sprites.png) no-repeat -64px -324px; }
    #view_selector .panel #debt_as_gdp_pct {
      top: 93px; }
      #view_selector .panel #debt_as_gdp_pct:hover {
        top: 82px;
        background: url(/sprites.png) no-repeat -64px -352px; }
    #view_selector .panel #roc {
      top: 121px; }
      #view_selector .panel #roc:hover {
        top: 113px;
        background: url(/sprites.png) no-repeat -64px -383px; }
    #view_selector .panel .close {
      display: none;
      width: 152px;
      height: 32px; }
    #view_selector .panel .close:hover {
      cursor: pointer;
      color: #ff0000; }

#view_selector.opened .open {
  background: url(/sprites.png) no-repeat -251px -270px; }

#active_view_selector.debt_per_capita {
  background: url(/sprites.png) no-repeat -14px -190px; }

#active_view_selector.debt {
  background: url(/sprites.png) no-repeat -14px -208px; }

#active_view_selector.debt_as_gdp_pct {
  background: url(/sprites.png) no-repeat -14px -244px; }

#active_view_selector.roc {
  background: url(/sprites.png) no-repeat -14px -226px; }

#active_view_selector {
  margin: -3px 0 0 2px;
  z-index: 200000;
  display: block;
  width: 150px;
  height: 20px; }

#zoom {
  cursor: pointer; }
  #zoom .button {
    position: absolute;
    z-index: 10001;
    top: 145px;
    left: 622px;
    width: 93px;
    height: 25px;
    background: url(/sprites.png) no-repeat -590px -75px;
    text-decoration: none; }
    #zoom .button .text {
      display: none;
      cursor: pointer;
      position: absolute;
      font-size: 10px;
      top: 11px;
      left: 45px;
      width: 62px;
      overflow: hidden;
      color: #ffffff; }
  #zoom .button:hover {
    cursor: pointer;
    background: url(/sprites.png) no-repeat -590px -111px; }
    #zoom .button:hover .text {
      cursor: pointer;
      color: #000000;
      text-decoration: none; }

.info_field {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 10px;
  position: absolute;
  height: 18px;
  right: 8px;
  color: red; }
  .info_field .huge {
    font-size: 9px; }

.debt {
  width: 161px;
  top: 48px; }

.debt_per_capita {
  width: 100px;
  top: 68px; }

.pop {
  width: 163px;
  top: 87px; }

.debt_as_gdp_pct {
  width: 94px;
  top: 106px; }

.roc {
  width: 86px;
  top: 125px; }

#bubble {
  z-index: 10002;
  position: absolute;
  left: 300px;
  top: 300px;
  width: 259px;
  height: 166px;
  background: url(/sprites.png) no-repeat -445px -146px; }
  #bubble .info_fields {
    position: absolute;
    right: 0;
    top: 3px; }
  #bubble .name {
    position: absolute;
    top: 6px;
    left: 4px; }
  #bubble .sudan-note {
    display: none;
    position: absolute;
    top: 18px;
    right: 16px;
    font-size: 11px; }

#bubble.nodata {
  width: 259px;
  height: 87px;
  background-position: -445px -146px;
  background-position: -445px -312px; }

#infoboxes {
  position: absolute;
  height: 510px;
  width: 240px;
  top: 141px;
  left: 720px; }
  #infoboxes .closed:hover, #infoboxes .infobox.opened {
    background: url(/sprites.png) no-repeat -184px -38px; }
  #infoboxes .infobox {
    position: relative;
    margin: 3px 4px 8px 4px;
    width: 228px;
    height: 153px;
    background: url(/sprites.png) no-repeat -184px -243px; }
    #infoboxes .infobox select {
      width: 220px; }
    #infoboxes .infobox .info_fields {
      position: absolute;
      right: -33px;
      top: -16px; }
      #infoboxes .infobox .info_fields .debt {
        top: 49px; }
      #infoboxes .infobox .info_fields .debt_per_capita {
        top: 67px; }
      #infoboxes .infobox .info_fields .pop {
        top: 86px; }
      #infoboxes .infobox .info_fields .debt_as_gdp_pct {
        top: 103px; }
      #infoboxes .infobox .info_fields .roc {
        top: 122px; }
    #infoboxes .infobox .close {
      position: absolute;
      width: 100px;
      height: 20px;
      top: 130px;
      left: 5px;
      background: url(/sprites.png) no-repeat -455px -112px; }
      #infoboxes .infobox .close:hover {
        background-position: -189px -196px; }
  #infoboxes .infobox.closed {
    height: 24px;
    border: 2px solid #fff;
    border-width: 0 0 2px 0; }
    #infoboxes .infobox.closed .close {
      display: none; }
  #infoboxes .infobox.closed.selecting {
    border-width: 0 0 128px 0; }
  #infoboxes #infobox_0 {
    z-index: 30; }
  #infoboxes #infobox_1 {
    z-index: 20; }
  #infoboxes #infobox_2 {
    z-index: 10; }
  #infoboxes .overlay {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 192px;
    height: 20px;
    overflow: hidden;
    background: blue url(/cname_mt-ib.gif) no-repeat 0 0; }

.country_dropdown {
  position: absolute;
  top: 9px;
  left: 3px;
  width: 1200px;
  cursor: pointer; }
  .country_dropdown .country {
    width: 80px;
    height: 20px;
    border: 1px solid red;
    float: left; }
  .country_dropdown ul.newList {
    z-index: 9004;
    margin: -5px 0 0 -2px;
    padding: 0;
    list-style: none;
    color: #59899d;
    width: 224px;
    background: #f4f7f9;
    position: absolute;
    border: 1px solid #fff;
    top: -5px;
    left: 0;
    overflow: auto; }
    .country_dropdown ul.newList * {
      margin: 0;
      padding: 0; }
  .country_dropdown .newListSelected {
    font-size: 11px;
    width: 221px;
    color: #fff;
    height: 24px;
    margin: -9px 0 0px 0;
    padding: 6px 0 3px 0px;
    float: left;
    /* background: url(/sprites.png) no-repeat -414px -38px */ */ }
    .country_dropdown .newListSelected span {
      width: 284px;
      display: block; }
  .country_dropdown ul.newList li {
    padding: 3px 8px; }
  .country_dropdown .selectedTxt {
    font-weight: bold;
    width: 200px;
    overflow: hidden;
    height: 16px;
    padding: 0 23px 0 0; }
    .country_dropdown .selectedTxt .icon {
      position: absolute;
      width: 18px;
      height: 18px;
      right: 3px;
      top: 4px;
      background: url(/sprites.png) no-repeat -389px -48px; }
    .country_dropdown .selectedTxt img {
      margin: -4px 0 0 0; }
  .country_dropdown .hiLite {
    background: #dae4e6!important;
    color: #333!important; }
  .country_dropdown .newListHover {
    background: #dae4e6!important;
    color: #59899d!important; }
  .country_dropdown .newListSelHover, .country_dropdown .newListSelFocus {
    background-position: -187px -45px; }
  .country_dropdown .newListOptionTitle {
    font-weight: bold; }
    .country_dropdown .newListOptionTitle ul {
      margin: 3px 0 0; }
    .country_dropdown .newListOptionTitle li {
      font-weight: normal;
      border-left: 1px solid #ccc; }

.opened .selectedTxt {
  background-color: #09526d;
  position: relative; }

.closed .selectedTxt {
  background-color: transparent;
  position: relative; }

#legend {
  position: absolute;
  top: 113px;
  left: 245px;
  width: 376px;
  height: 24px; }
  #legend #colorbar {
    position: absolute;
    top: 7px;
    left: 100px;
    width: 176px;
    height: 10px; }
  #legend .label {
    font-size: 9.5px;
    font-weight: bold;
    color: #333;
    height: 25px;
    width: 105px;
    position: absolute;
    top: 0px; }
  #legend #left_legend {
    left: 10px; }
  #legend #right_legend {
    left: 302px; }
  #legend #left_legend.roc {
    background: url(/sprites.png) no-repeat -76px -49px; }
  #legend #right_legend.roc {
    background: url(/sprites.png) no-repeat -71px -81px; }
  #legend #bucket {
    position: absolute;
    top: 6px;
    height: 9px;
    width: 19px; }
  #legend .b0, #legend .b1, #legend .b2, #legend .b3, #legend .b4, #legend .b5, #legend .b6, #legend .b7 {
    border: 1px solid #333; }
  #legend .b0 {
    left: 121px; }
  #legend .b1 {
    left: 143px; }
  #legend .b2 {
    left: 165px; }
  #legend .b3 {
    left: 187px; }
  #legend .b4 {
    left: 209px; }
  #legend .b5 {
    left: 231px; }
  #legend .b6 {
    left: 253px; }
  #legend .b7 {
    left: 275px; }

#footnote {
  position: absolute;
  background: url(/sprites.png) no-repeat -517px -456px;
  width: 203px;
  height: 24px;
  bottom: 1px;
  right: 251px; }

#source_link {
  position: absolute;
  bottom: 6px;
  left: 8px;
  width: 302px;
  height: 14px; }

#source_link:hover {
  background: url(/sprites.png) no-repeat -132px -424px;
  cursor: pointer; }