<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
    "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa
1.0" dir="ltr">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>var _sf_startpt=(new Date()).getTime();</script>
<meta name="Generator" content="Drupal 7 (http://drupal.org)" />
      <base
href='http://www.scmp.com/infographics/article/1810040/infographic-world-languages?comment-sort=recommended'
/>
      <title>INFOGRAPHIC: A world of languages - and how many speak
them</title>
      <script
src="http://cdn2.scmp.com/sites/default/files/js/js_oCVMDTeSNt-_QxknevWyf6yO5OzmME3AhRz3ggZgNtg.js"></script>
<script
src="http://cdn2.scmp.com/sites/default/files/js/js_H7q2xORKmR9AN8Qx5spKEIBp7R_wG2apAswJoCUZY7I.js"></script>
<script
src="http://www.scmp.com/sites/all/themes/boom/javascripts/bootstrap.min.js"></script>
<script
src="http://cdn3.scmp.com/sites/default/files/js/js__X4RzA7YjsdrwM6-DQoSh8wx7Hit38tG2XoNigy98as.js"></script>
<script>var mtGA = {"slot":2,"name":"Metered
Access","value":false,"scope":1};</script>
<script>jQuery.extend(Drupal.settings,
{"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"boom","theme_token":"zf3rA71iGszynhqFIeQqL2J60qLGq8fpY6-jV9n_ggo","js":{"sites\/all\/modules\/contrib\/jquery_update\/replace\/jquery\/1.10\/jquery.min.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/modules\/contrib\/jquery_update\/replace\/ui\/external\/jquery.cookie.js":1,"http:\/\/www.scmp.com\/sites\/all\/themes\/boom\/javascripts\/bootstrap.min.js":1,"sites\/all\/libraries\/device_detection\/device.js":1,"1":1}},"chartbeat":{"uid":34625,"domain":"scmp.com","sections":",
desktop","path":"scmp.com\/printmail\/infographics\/article\/1810040\/infographic-world-languages"},"colorbox":{"opacity":"0.85","current":"{current}
of {total}","previous":"\u00ab Prev","next":"Next
\u00bb","close":"Close","maxWidth":"100%","maxHeight":"100%","fixed":true,"__drupal_alter_by_ref":["sites\/all\/libraries\/colorbox\/example1"]},"cr":{"txt":"\u003Cdiv
class=\u0022bg-wrapper\u0022\u003E\u003Cimg class=\u0022bg\u0022
src=\u0022\/sites\/all\/themes\/scmp\/images\/lightbox\/meter-full.jpg\u0022
\/\u003E\u003C\/div\u003E\r\n\r\n\u003Cdiv
class=\u0022popup-content\u0022\u003E\r\n\u003Ch1\u003ECookies
required\u003C\/h1\u003E\r\n\r\n\u003Ch2\u003ECookies are required to
login.\u003C\/h2\u003E\r\n\r\n\u003Cp\u003EPlease enable your cookies and
then try logging in
again.\u003C\/p\u003E\r\n\u003C\/div\u003E\r\n\r\n\u003Cdiv
class=\u0022popout-footer\u0022\u003EMore info on \u003Ca
href=\u0022http:\/\/support.google.com\/accounts\/bin\/answer.py?hl=en\u0026amp;answer=61416\u0022
style=\u0022color: black;\u0022\u003Ehow to enable
cookies\u003C\/a\u003E\u003C\/div\u003E\r\n"},"scmpSearch":{"active":false},"bootstrap":{"anchorsFix":"1","anchorsSmoothScrolling":"1","formHasError":1,"popoverEnabled":"1","popoverOptions":{"animation":1,"html":0,"placement":"right","selector":"","trigger":"click","triggerAutoclose":1,"title":"","content":"","delay":0,"container":"body"},"tooltipEnabled":"1","tooltipOptions":{"animation":1,"html":0,"placement":"auto
left","selector":"","trigger":"hover
focus","delay":0,"container":"body"}}});</script>
          <meta name="robots" content=noindex, nofollow />          <link
rel='shortcut icon'
href='http://www.scmp.com/sites/all/themes/boom/favicon.ico'
type='image/x-icon' />
          <style type='text/css' media='all'>/*
      Colorbox Core Style:
      The following CSS is consistent between example themes and should not be
altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0;
z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0;
width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;
-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;
-moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
      User Style:
      Change the following styles to modify the appearance of Colorbox.  They
are
      ordered & tabbed in a way that represents the nesting of the generated
HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
      #cboxTopLeft{width:21px; height:21px; 
background:url(images/controls.png)
no-repeat -101px 0;}
      #cboxTopRight{width:21px; height:21px;
background:url(images/controls.png) no-repeat -130px 0;}
      #cboxBottomLeft{width:21px; height:21px;
background:url(images/controls.png) no-repeat -101px -29px;}
      #cboxBottomRight{width:21px; height:21px;
background:url(images/controls.png) no-repeat -130px -29px;}
      #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top
repeat-y;}
      #cboxMiddleRight{width:21px; background:url(images/controls.png) right
top repeat-y;}
      #cboxTopCenter{height:21px; background:url(images/border.png) 0 0
repeat-x;}
      #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px
repeat-x;}
      #cboxContent{background:#fff; overflow:hidden;}
          .cboxIframe{background:#fff;}
          #cboxError{padding:50px; border:1px solid #ccc;}
          #cboxLoadedContent{margin-bottom:28px;}
          #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center;
width:100%; color:#949494;}
          #cboxCurrent{position:absolute; bottom:4px; left:58px;
color:#949494;}
          #cboxLoadingOverlay{background:url(images/loading_background.png)
no-repeat center center;}
          #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat
center center;}

          /* these elements are buttons, and may need to have additional 
styles
reset to avoid unwanted base styles */
          #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0;
padding:0; margin:0; overflow:visible; width:auto; background:none; }

          /* avoid outlines on :active (mouseclick), but preserve outlines on
:focus (tabbed navigating) */
          #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active,
#cboxClose:active {outline:0;}

          #cboxSlideshow{position:absolute; bottom:4px; right:30px;
color:#0092ef;}
          #cboxPrevious{position:absolute; bottom:0; left:0;
background:url(images/controls.png) no-repeat -75px 0; width:25px;
height:25px; text-indent:-9999px;}
          #cboxPrevious:hover{background-position:-75px -25px;}
          #cboxNext{position:absolute; bottom:0; left:27px;
background:url(images/controls.png) no-repeat -50px 0; width:25px;
height:25px; text-indent:-9999px;}
          #cboxNext:hover{background-position:-50px -25px;}
          #cboxClose{position:absolute; bottom:0; right:0;
background:url(images/controls.png) no-repeat -25px 0; width:25px;
height:25px; text-indent:-9999px;}
          #cboxClose:hover{background-position:-25px -25px;}

/*
    The following fixes a problem where IE7 and IE8 replace a PNG's alpha
transparency with a black fill
    when an alpha filter (opacity change) is set on the element or ancestor
element.  This style is not applied to or needed in IE9.
    See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
      filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}.ctools-locked {
    color: red;
    border: 1px solid red;
    padding: 1em;
}

.ctools-owns-lock {
    background: #FFFFDD none repeat scroll 0 0;
    border: 1px solid #F0C020;
    padding: 1em;
}

a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
    padding-right: 18px !important;
    background: url(../images/status-active.gif) right center no-repeat;
}

div.ctools-ajaxing {
    float: left;
    width: 18px;
    background: url(../images/status-active.gif) center center no-repeat;
}

div.panel-pane div.admin-links {
    font-size: xx-small;
    margin-right: 1em;
}

div.panel-pane div.admin-links li a {
    color: #ccc;
}

div.panel-pane div.admin-links li {
    padding-bottom: 2px;
    background: white;
    z-index: 201;
}

div.panel-pane div.admin-links:hover a,
div.panel-pane div.admin-links-hover a {
    color: #000;
}

div.panel-pane div.admin-links a:before {
    content: "[";
}

div.panel-pane div.admin-links a:after {
    content: "]";
}

div.panel-pane div.panel-hide {
    display: none;
}

/** For IE we add the class via js; for other browsers we rely on :hover **/
div.panel-pane div.panel-hide-hover,
div.panel-pane:hover div.panel-hide {
    display: block;
    position: absolute;
    z-index: 200;
    margin-top: -1.5em;
}

div.panel-pane div.node {
    margin: 0;
    padding: 0;
}

div.panel-pane div.feed a {
    float: right;
}
#edit-apachesolr-panels-search-form-predict {
    background-color: white;
}

#simplenews-admin-filter .form-item {
    clear: both;
    line-height: 1.75em;
    margin: 0pt 1em 0pt 0pt;
}

#simplenews-admin-filter .form-item label {
    float: left;
    width: 12em;
}

#simplenews-admin-filter .spacer {
    margin-left: 12em;
}

#simplenews-admin-filter .form-select,
#simplenews-admin-filter .form-text {
    width: 14em;
}

.block-simplenews .issues-link,
.block-simplenews .issues-list {
    margin-top: 1em;
}

.block-simplenews .issues-list .newsletter-created {
    display: none;
}

/**
   * @file
   * Generic theme-independent base styles.
   */

/**
   * Autocomplete.
   *
   * @see autocomplete.js
   */
/* Suggestion list */
#autocomplete {
    border: 1px solid;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}
#autocomplete ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#autocomplete li {
    background: #fff;
    color: #000;
    cursor: default;
    white-space: pre;
    zoom: 1; /* IE7 */
}
/* Animated throbber */
html.js input.form-autocomplete {
    background-image: url(../../misc/throbber-inactive.png);
    background-position: 100% center; /* LTR */
    background-repeat: no-repeat;
}
html.js input.throbbing {
    background-image: url(../../misc/throbber-active.gif);
    background-position: 100% center; /* LTR */
}

/**
   * Collapsible fieldsets.
   *
   * @see collapse.js
   */
html.js fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    height: 1em;
}
html.js fieldset.collapsed .fieldset-wrapper {
    display: none;
}
fieldset.collapsible {
    position: relative;
}
fieldset.collapsible .fieldset-legend {
    display: block;
}

/**
   * Resizable textareas.
   *
   * @see textarea.js
   */
.form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.resizable-textarea .grippie {
    background: #eee url(../../misc/grippie.png) no-repeat center 2px;
    border: 1px solid #ddd;
    border-top-width: 0;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
}

/**
   * TableDrag behavior.
   *
   * @see tabledrag.js
   */
body.drag {
    cursor: move;
}
.draggable a.tabledrag-handle {
    cursor: move;
    float: left; /* LTR */
    height: 1.7em;
    margin-left: -1em; /* LTR */
    overflow: hidden;
    text-decoration: none;
}
a.tabledrag-handle:hover {
    text-decoration: none;
}
a.tabledrag-handle .handle {
    background: url(../../misc/draggable.png) no-repeat 6px 9px;
    height: 13px;
    margin: -0.4em 0.5em; /* LTR */
    padding: 0.42em 0.5em; /* LTR */
    width: 13px;
}
a.tabledrag-handle-hover .handle {
    background-position: 6px -11px;
}
div.indentation {
    float: left; /* LTR */
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
    padding: 0.42em 0 0.42em 0.6em; /* LTR */
    width: 20px;
}
div.tree-child {
    background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
    background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR
*/
}
div.tree-child-horizontal {
    background: url(../../misc/tree.png) no-repeat -11px center;
}
.tabledrag-toggle-weight-wrapper {
    text-align: right; /* LTR */
}

/**
   * TableHeader behavior.
   *
   * @see tableheader.js
   */
table.sticky-header {
    background-color: #fff;
    margin-top: 0;
}

/**
   * Progress behavior.
   *
   * @see progress.js
   */
/* Bar */
.progress .bar {
    background-color: #fff;
    border: 1px solid;
}
.progress .filled {
    background-color: #000;
    height: 1.5em;
    width: 5px;
}
.progress .percentage {
    float: right; /* LTR */
}
/* Throbber */
.ajax-progress {
    display: inline-block;
}
.ajax-progress .throbber {
    background: transparent url(../../misc/throbber-active.gif) no-repeat 0px
center;
    float: left; /* LTR */
    height: 15px;
    margin: 2px;
    width: 15px;
}
.ajax-progress .message {
    padding-left: 20px;
}
tr .ajax-progress .throbber {
    margin: 0 2px;
}
.ajax-progress-bar {
    width: 16em;
}

/**
   * Inline items.
   */
.container-inline div,
.container-inline label {
    display: inline;
}
/* Fieldset contents always need to be rendered as block. */
.container-inline .fieldset-wrapper {
    display: block;
}

/**
   * Prevent text wrapping.
   */
.nowrap {
    white-space: nowrap;
}

/**
   * For anything you want to hide on page load when JS is enabled, so
   * that you can use the JS to control visibility and avoid flicker.
   */
html.js .js-hide {
    display: none;
}

/**
   * Hide elements from all users.
   *
   * Used for elements which should not be immediately displayed to any user.
An
   * example would be a collapsible fieldset that will be expanded with a 
click
   * from a user. The effect of this class can be toggled with the jQuery
show()
   * and hide() functions.
   */
.element-hidden {
    display: none;
}

/**
   * Hide elements visually, but keep them available for screen-readers.
   *
   * Used for information required for screen-reader users to understand and
use
   * the site where visual display is undesirable. Information provided in 
this
   * manner should be kept concise, to avoid unnecessary burden on the user.
   * "!important" is used to prevent unintentional overrides.
   */
.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}

/**
   * The .element-focusable class extends the .element-invisible class to 
allow
   * the element to be focusable when navigated to via the keyboard.
   */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
}

/**
   * Markup free clearing.
   *
   * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
   */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* IE6 */
* html .clearfix {
    height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
    min-height: 1%;
}


/**
   * @file
   * Styles for menus and navigation markup.
   */

/**
   * Markup generated by theme_menu_tree().
   */
ul.menu {
    border: none;
    list-style: none;
    text-align: left; /* LTR */
}
ul.menu li {
    margin: 0 0 0 0.5em; /* LTR */
}
ul li.expanded {
    list-style-image: url(../../misc/menu-expanded.png);
    list-style-type: circle;
}
ul li.collapsed {
    list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
    list-style-type: disc;
}
ul li.leaf {
    list-style-image: url(../../misc/menu-leaf.png);
    list-style-type: square;
}
li.expanded,
li.collapsed,
li.leaf {
    padding: 0.2em 0.5em 0 0; /* LTR */
    margin: 0;
}
li a.active {
    color: #000;
}
td.menu-disabled {
    background: #ccc;
}

/**
   * Markup generated by theme_links().
   */
ul.inline,
ul.links.inline {
    display: inline;
    padding-left: 0;
}
ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
}

/**
   * Markup generated by theme_breadcrumb().
   */
.breadcrumb {
    padding-bottom: 0.5em;
}

/**
   * Markup generated by theme_menu_local_tasks().
   */
ul.primary {
    border-bottom: 1px solid #bbb;
    border-collapse: collapse;
    height: auto;
    line-height: normal;
    list-style: none;
    margin: 5px;
    padding: 0 0 0 1em; /* LTR */
    white-space: nowrap;
}
ul.primary li {
    display: inline;
}
ul.primary li a {
    background-color: #ddd;
    border-color: #bbb;
    border-style: solid solid none solid;
    border-width: 1px;
    height: auto;
    margin-right: 0.5em; /* LTR */
    padding: 0 1em;
    text-decoration: none;
}
ul.primary li.active a {
    background-color: #fff;
    border: 1px solid #bbb;
    border-bottom: 1px solid #fff;
}
ul.primary li a:hover {
    background-color: #eee;
    border-color: #ccc;
    border-bottom-color: #eee;
}
ul.secondary {
    border-bottom: 1px solid #bbb;
    padding: 0.5em 1em;
    margin: 5px;
}
ul.secondary li {
    border-right: 1px solid #ccc; /* LTR */
    display: inline;
    padding: 0 1em;
}
ul.secondary a {
    padding: 0;
    text-decoration: none;
}
ul.secondary a.active {
    border-bottom: 4px solid #999;
}

/**
   * @file
   * Styles for system messages.
   */

div.messages {
    background-position: 8px 8px; /* LTR */
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px 0;
    padding: 10px 10px 10px 50px; /* LTR */
}

div.status {
    background-image: url(../../misc/message-24-ok.png);
    border-color: #be7;
}
div.status,
.ok {
    color: #234600;
}
div.status,
table tr.ok {
    background-color: #f8fff0;
}

div.warning {
    background-image: url(../../misc/message-24-warning.png);
    border-color: #ed5;
}
div.warning,
.warning {
    color: #840;
}
div.warning,
table tr.warning {
    background-color: #fffce5;
}

div.error {
    background-image: url(../../misc/message-24-error.png);
    border-color: #ed541d;
}
div.error,
.error {
    color: #8c2e0b;
}
div.error,
table tr.error {
    background-color: #fef5f1;
}
div.error p.error {
    color: #333;
}

div.messages ul {
    margin: 0 0 0 1em; /* LTR */
    padding: 0;
}
div.messages ul li {
    list-style-image: none;
}

/**
   * @file
   * Basic styling for common markup.
   */

/**
   * HTML elements.
   */
fieldset {
    margin-bottom: 1em;
    padding: 0.5em;
}
form {
    margin: 0;
    padding: 0;
}
hr {
    border: 1px solid gray;
    height: 1px;
}
img {
    border: 0;
}
table {
    border-collapse: collapse;
}
th {
    border-bottom: 3px solid #ccc;
    padding-right: 1em; /* LTR */
    text-align: left; /* LTR */
}
tbody {
    border-top: 1px solid #ccc;
}
tr.even,
tr.odd {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
}

/**
   * Markup generated by theme_tablesort_indicator().
   */
th.active img {
    display: inline;
}
td.active {
    background-color: #ddd;
}

/**
   * Markup generated by theme_item_list().
   */
.item-list .title {
    font-weight: bold;
}
.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
}
.item-list ul li {
    margin: 0 0 0.25em 1.5em; /* LTR */
    padding: 0;
}

/**
   * Markup generated by Form API.
   */
.form-item,
.form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}
tr.odd .form-item,
tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}
.form-item .description {
    font-size: 0.85em;
}
label {
    display: block;
    font-weight: bold;
}
label.option {
    display: inline;
    font-weight: normal;
}
.form-checkboxes .form-item,
.form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}
.form-type-radio .description,
.form-type-checkbox .description {
    margin-left: 2.4em;
}
input.form-checkbox,
input.form-radio {
    vertical-align: middle;
}
.marker,
.form-required {
    color: #f00;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 2px solid red;
}

/**
   * Inline items.
   */
.container-inline .form-actions,
.container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0;
}

/**
   * Markup generated by theme_more_link().
   */
.more-link {
    text-align: right; /* LTR */
}

/**
   * Markup generated by theme_more_help_link().
   */
.more-help-link {
    text-align: right; /* LTR */
}
.more-help-link a {
    background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
    padding: 1px 0 1px 20px; /* LTR */
}

/**
   * Markup generated by theme_pager().
   */
.item-list .pager {
    clear: both;
    text-align: center;
}
.item-list .pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0.5em;
}
.pager-current {
    font-weight: bold;
}

/**
   * Autocomplete.
   *
   * @see autocomplete.js
   */
/* Suggestion list */
#autocomplete li.selected {
    background: #0072b9;
    color: #fff;
}

/**
   * Collapsible fieldsets.
   *
   * @see collapse.js
   */
html.js fieldset.collapsible .fieldset-legend {
    background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */
    padding-left: 15px; /* LTR */
}
html.js fieldset.collapsed .fieldset-legend {
    background-image: url(../../misc/menu-collapsed.png); /* LTR */
    background-position: 5px 50%; /* LTR */
}
.fieldset-legend span.summary {
    color: #999;
    font-size: 0.9em;
    margin-left: 0.5em;
}

/**
   * TableDrag behavior.
   *
   * @see tabledrag.js
   */
tr.drag {
    background-color: #fffff0;
}
tr.drag-previous {
    background-color: #ffd;
}
.tabledrag-toggle-weight {
    font-size: 0.9em;
}
body div.tabledrag-changed-warning {
    margin-bottom: 0.5em;
}

/**
   * TableSelect behavior.
   *
   * @see tableselect.js
*/
tr.selected td {
    background: #ffc;
}
td.checkbox,
th.checkbox {
    text-align: center;
}

/**
   * Progress bar.
   *
   * @see progress.js
   */
.progress {
    font-weight: bold;
}
.progress .bar {
    background: #ccc;
    border-color: #666;
    margin: 0 0.2em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.progress .filled {
    background: #0072b9 url(../../misc/progress.gif);
}
/**
   * Styles for theme in the Aggregator module.
   */

#aggregator .feed-source .feed-title {
    margin-top: 0;
}
#aggregator .feed-source .feed-image img {
    margin-bottom: 0.75em;
}
#aggregator .feed-source .feed-icon {
    float: right; /* LTR */
    display: block;
}
#aggregator .feed-item {
    margin-bottom: 1.5em;
}
#aggregator .feed-item-title {
    margin-bottom: 0;
    font-size: 1.3em;
}
#aggregator .feed-item-meta,
#aggregator .feed-item-body {
    margin-bottom: 0.5em;
}
#aggregator .feed-item-categories {
    font-size: 0.9em;
}
#aggregator td {
    vertical-align: bottom;
}
#aggregator td.categorize-item {
    white-space: nowrap;
}
#aggregator .categorize-item .news-item .body {
    margin-top: 0;
}
#aggregator .categorize-item h3 {
    margin-bottom: 1em;
    margin-top: 0;
}
   /**
    * @file
    * Styling for the Book module.
    */

.book-navigation .menu {
    border-top: 1px solid #888;
    padding: 1em 0 0 3em; /* LTR */
}
.book-navigation .page-links {
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    text-align: center;
    padding: 0.5em;
}
.book-navigation .page-previous {
    text-align: left;
    width: 42%;
    display: block;
    float: left; /* LTR */
}
.book-navigation .page-up {
    margin: 0 5%;
    width: 4%;
    display: block;
    float: left; /* LTR */
}
.book-navigation .page-next {
    text-align: right;
    width: 42%;
    display: block;
    float: right;
}
#book-outline {
    min-width: 56em;
}
.book-outline-form .form-item {
    margin-top: 0;
    margin-bottom: 0;
}
html.js #edit-book-pick-book {
    display: none;
}
.form-item-book-bid .description {
    clear: both;
}
#book-admin-edit select {
    margin-right: 24px;
}
#book-admin-edit select.progress-disabled {
    margin-right: 0;
}
#book-admin-edit tr.ajax-new-content {
    background-color: #ffd;
}
#book-admin-edit .form-item {
    float: left;
}

#comments {
    margin-top: 15px;
}
.indented {
    margin-left: 25px; /* LTR */
}
.comment-unpublished {
    background-color: #fff4f4;
}
.comment-preview {
    background-color: #ffffea;
}
/**
   * @file
   * Main stylesheet for Date module.
   */

/* Force start/end dates to float using inline-block, where it works,
otherwise inline. */
.container-inline-date {
    clear: both;
}
.container-inline-date .form-item {
    float: none;
    margin: 0;
    padding: 0;
}
.container-inline-date > .form-item {
    display: inline-block;
    margin-right: 0.5em; /* LTR */
    margin-bottom: 10px;
    vertical-align: top;
}
.container-inline-date .form-item .form-item {
    float: left; /* LTR */
}
.container-inline-date .form-item,
.container-inline-date .form-item input {
    width: auto;
}
.container-inline-date .description {
    clear: both;
}

.container-inline-date .form-item input,
.container-inline-date .form-item select,
.container-inline-date .form-item option {
    margin-right: 5px; /* LTR */
}

.container-inline-date .date-spacer {
    margin-left: -5px; /* LTR */
}

.views-right-60 .container-inline-date div {
    margin: 0;
    padding: 0;
}

.container-inline-date .date-timezone .form-item {
    clear: both;
    float: none;
    width: auto;
}

/* The exposed Views form doesn't need some of these styles */
.container-inline-date .date-padding {
    padding: 10px;
    float: left;
}
.views-exposed-form .container-inline-date .date-padding {
    padding: 0;
}

/* Fixes for date popup css so it will behave in Drupal */
#calendar_div,
#calendar_div td,
#calendar_div th {
    margin: 0;
    padding: 0;
}
#calendar_div,
.calendar_control,
.calendar_links,
.calendar_header,
.calendar {
    border-collapse: separate;
    margin: 0;
    width: 185px;
}

.calendar td {
    padding: 0;
}

/* formatting for start/end dates in nodes and views */
span.date-display-single {
}
span.date-display-start {
}
span.date-display-end {
}

.date-prefix-inline {
    display: inline-block;
}

.date-clear {
    clear: both;
    display: block;
    float: none;
}

.date-no-float {
    clear: both;
    float: none;
    width: 98%;
}

.date-float {
    clear: none;
    float: left;
    width: auto;
}

/* Add space between date option checkboxes ('All day' & 'Collect End Date')
*/
.date-float .form-type-checkbox{
    padding-right: 1em;
}

/* Add space between the date and time portions of the date_select widget. */
.form-type-date-select .form-type-select[class$=hour] {
    margin-left: .75em; /* LTR */
}

.date-container .date-format-delete {
    float: left;
    margin-top: 1.8em;
    margin-left: 1.5em;
}
.date-container .date-format-name {
    float: left;
}
.date-container .date-format-type {
    float: left;
    padding-left: 10px;
}

.date-container .select-container {
    clear: left;
    float: left;
}

/* Calendar day css */
div.date-calendar-day {
    background: #F3F3F3;
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    color: #999;
    float: left;
    line-height: 1;
    margin: 6px 10px 0 0;
    text-align: center;
    width: 40px;
}

div.date-calendar-day span {
    display: block;
    text-align: center;
}
div.date-calendar-day span.month {
    background-color: #B5BEBE;
    color: white;
    font-size: .9em;
    padding: 2px;
    text-transform: uppercase;
}
div.date-calendar-day span.day {
    font-size: 2em;
    font-weight: bold;
}
div.date-calendar-day span.year {
    font-size: .9em;
    padding: 2px;
}

/* Admin styling */
.form-item.form-item-instance-widget-settings-input-format-custom,
.form-item.form-item-field-settings-enddate-required {
    margin-left: 1.3em;
}

#edit-field-settings-granularity .form-type-checkbox {
    margin-right: .6em; /* LTR */
}

.date-year-range-select {
    margin-right: 1em;
}
#ui-datepicker-div {
font-size: 100%;
font-family: Verdana, sans-serif;
background: #eee;
border-right:2px #666 solid;
border-bottom:2px #666 solid;
z-index: 9999;
}

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker
.ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next
span { display: block; position: absolute; left: 50%; margin-left: -8px; top:
50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em;
text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em;
margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right;
}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse:
collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight:
bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em;
text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin:
.7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom:
0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em
.2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto;
overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto
.4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width:0; border-left-width:1px; }


/* Field display */
.field .field-label {
    font-weight: bold;
}
.field-label-inline .field-label,
.field-label-inline .field-items {
    float:left; /*LTR*/
}

/* Form display */
form .field-multiple-table {
    margin: 0;
}
form .field-multiple-table th.field-label {
    padding-left: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag {
    width: 30px;
    padding-right: 0; /*LTR*/
}
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
    padding-right: .5em; /*LTR*/
}

form .field-add-more-submit {
    margin: .5em 0 0;
}

.node-unpublished {
    background-color: #fff4f4;
}
.preview .node {
    background-color: #ffffea;
}
td.revision-current {
    background: #ffc;
}

.poll {
    overflow: hidden;
}
.poll .bar {
    height: 1em;
    margin: 1px 0;
    background-color: #ddd;
}
.poll .bar .foreground {
    background-color: #000;
    height: 1em;
    float: left; /* LTR */
}
.poll .links {
    text-align: center;
}
.poll .percent {
    text-align: right; /* LTR */
}
.poll .total {
    text-align: center;
}
.poll .vote-form {
    text-align: center;
}
.poll .vote-form .choices {
    text-align: left; /* LTR */
    margin: 0 auto;
    display: table;
}
.poll .vote-form .choices .title {
    font-weight: bold;
}
.node-form #edit-poll-more {
    margin: 0;
}
.node-form #poll-choice-table .form-text {
    display: inline;
    width: auto;
}
.node-form #poll-choice-table td.choice-flag {
    white-space: nowrap;
    width: 4em;
}
td.poll-chtext {
    width: 80%;
}
td.poll-chvotes .form-text {
    width: 85%;
}

.search-form {
    margin-bottom: 1em;
}
.search-form input {
    margin-top: 0;
    margin-bottom: 0;
}
.search-results {
    list-style: none;
}
.search-results p {
    margin-top: 0;
}
.search-results .title {
    font-size: 1.2em;
}
.search-results li {
    margin-bottom: 1em;
}
.search-results .search-snippet-info {
    padding-left: 1em; /* LTR */
}
.search-results .search-info {
    font-size: 0.85em;
}
.search-advanced .criterion {
    float: left; /* LTR */
    margin-right: 2em; /* LTR */
}
.search-advanced .action {
    float: left; /* LTR */
    clear: left; /* LTR */
}

#permissions td.module {
    font-weight: bold;
}
#permissions td.permission {
    padding-left: 1.5em; /* LTR */
}
#permissions tr.odd .form-item,
#permissions tr.even .form-item {
    white-space: normal;
}
#user-admin-settings fieldset .fieldset-description {
    font-size: 0.85em;
    padding-bottom: .5em;
}

/**
   * Override default textfield float to put the "Add role" button next to
   * the input textfield.
   */
#user-admin-roles td.edit-name {
    clear: both;
}
#user-admin-roles .form-item-name {
    float: left; /* LTR */
    margin-right: 1em; /* LTR */
}

/**
   * Password strength indicator.
   */
.password-strength {
    width: 17em;
    float: right;  /* LTR */
    margin-top: 1.4em;
}
.password-strength-title {
    display: inline;
}
.password-strength-text {
    float: right; /* LTR */
    font-weight: bold;
}
.password-indicator {
    background-color: #C4C4C4;
    height: 0.3em;
    width: 100%;
}
.password-indicator div {
    height: 100%;
    width: 0%;
    background-color: #47C965;
}
input.password-confirm,
input.password-field {
    width: 16em;
    margin-bottom: 0.4em;
}
div.password-confirm {
    float: right;  /* LTR */
    margin-top: 1.5em;
    visibility: hidden;
    width: 17em;
}
div.form-item div.password-suggestions {
    padding: 0.2em 0.5em;
    margin: 0.7em 0;
    width: 38.5em;
    border: 1px solid #B4B4B4;
}
div.password-suggestions ul {
    margin-bottom: 0;
}
.confirm-parent,
.password-parent {
    clear: left; /* LTR */
    margin: 0;
    width: 36.3em;
}

/* Generated by user.module but used by profile.module: */
.profile {
    clear: both;
    margin: 1em 0;
}
.profile .user-picture {
    float: right; /* LTR */
    margin: 0 1em 1em 0; /* LTR */
}
.profile h3 {
    border-bottom: 1px solid #ccc;
}
.profile dl {
    margin: 0 0 1.5em 0;
}
.profile dt {
    margin: 0 0 0.2em 0;
    font-weight: bold;
}
.profile dd {
    margin: 0 0 1em 0;
}
.views-exposed-form .views-exposed-widget {
    float: left; /* LTR */
    padding: .5em 1em 0 0; /* LTR */
}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 1.6em;
}

.views-exposed-form .form-item,
.views-exposed-form .form-submit {
    margin-top: 0;
    margin-bottom: 0;
}

.views-exposed-form label {
    font-weight: bold;
}

.views-exposed-widgets {
    margin-bottom: .5em;
}

/* table style column align */
.views-align-left {
    text-align: left;
}
.views-align-right {
    text-align: right;
}
.views-align-center {
    text-align: center;
}

/* Remove the border on tbody that system puts in */
.views-view-grid tbody {
    border-top: none;
}

.view .progress-disabled {
    float: none;
}
div.tweets-pulled-listing ul {
    list-style: none;
}

div.tweets-pulled-listing div.tweet-authorphoto {
    margin: 0 5px 0 0;
    float: left;
}

div.tweets-pulled-listing div.tweet-authorphoto img {
    max-height: 40px;
    max-width: 40px;
}

div.tweets-pulled-listing a {
    color: blue;
}

div.tweets-pulled-listing .tweet-author a {
    font-weight: bold;
}

div.tweets-pulled-listing .tweet-time a {
    color: silver;
}

div.tweets-pulled-listing  div.tweet-divider {
    clear: left;
    border-bottom: 1px solid #efefef;
    margin: 5px 0 5px 0;
}</style>
    </head>
    <body>
            <div class="print-message">Message from sender:<br /><br /><em>One
typo I noticed:  Telugu spelled "Telegu", a common error<br />
<br />
HS</em></div><p />
                <div class="print-logo"><img class="print-logo" id="logo"
typeof="Image" src="http://cdn4.scmp.com/sites/all/themes/boom/logo.png"
alt="South China Morning Post" /></div>
          <div class="print-site_name">Published on <em
class="placeholder">South China Morning Post</em> (<a
href="http://www.scmp.com">http://www.scmp.com</a>)</div>
      <p />
      <div class="print-breadcrumb"><a href="http://www.scmp.com/">Home</a>
> INFOGRAPHIC: A world of languages - and how many speak them</div>
      <hr class="print-hr" />
          <div class="print-content"><article id="node-1810040" class="node
node-article node-teaser clearfix"
about="/infographics/article/1810040/infographic-world-languages"
typeof="sioc:Item foaf:Document">
      <header>
              <h2><a
href="http://www.scmp.com/infographics/article/1810040/infographic-world-languages">INFOGRAPHIC:
A world of languages - and how many speak them</a> <span
class="print-footnote">[1]</span></h2>
          <span property="dc:title" content="INFOGRAPHIC: A world of languages
- and how many speak them" class="rdf-meta element-hidden"></span><span
property="sioc:num_replies" content="19" datatype="xsd:integer"
class="rdf-meta element-hidden"></span>        <span class="submitted">
              <span property="dc:date dc:created"
content="2015-05-27T09:05:14+08:00" datatype="xsd:dateTime"
rel="sioc:has_creator">Submitted by <span class="username" xml:lang=""
about="https://www.scmp.com/users/laurencechu-1" typeof="sioc:UserAccount"
property="foaf:name" datatype="">Laurence.chu</span> on May 27th 2015,
9:05am</span>    </span>
        </header>
      <!-- google_ad_section_start -->
    <p>There are at least 7,102 known languages alive in the world today.
Twenty-three of these languages are a mother  tongue for more than 50
million people. The 23 languages make up the native tongue of 4.1 billion
people.</p><!-- google_ad_section_end -->    <footer>
            </footer>
      <div id="comment-wrapper"></div></article>
</div>
      <div class="print-footer"></div>
      <hr class="print-hr" />
            <div class="print-source_url">
          <strong>Source URL (modified on Jun 1st 2015, 6:21pm):</strong>
http://www.scmp.com/infographics/article/1810040/infographic-world-languages?comment-sort=recommended
       </div>
          <div class="print-links"><p><strong>Links</strong><br />[1]
http://www.scmp.com/infographics/article/1810040/infographic-world-languages<br
/>
</p></div>
      <script
src="http://cdn3.scmp.com/sites/default/files/js/js_e4v-HnmROYmbwOLZ7cqc5hAOjRq7N8eytPDzP281zBE.js"></script>
<script
src="http://cdn1.scmp.com/sites/default/files/js/js__Y3IVPZKls7uiQ0t8wjXwYrxNmhijdOTZu4xVUbRXY0.js"></script>
<script
src="http://cdn4.scmp.com/sites/default/files/js/js_g40IOOmAUKB4LOr_crtMT06ZrSerBwvf1iETKXfE6wQ.js"></script>
<script>var _comscore = _comscore || [];
_comscore.push({ c1: "2", c2: "6687883" });
(function() {
  var s = document.createElement("script"), el =
document.getElementsByTagName("script")[0]; s.async = true;
  s.src = (document.location.protocol == "https:" ? "https://sb" :
"http://b") + ".scorecardresearch.com/beacon.js";
  el.parentNode.insertBefore(s, el);
})();</script>
<script
src="http://cdn1.scmp.com/sites/default/files/js/js_2KlXA4Z5El1IQFVPxDN1aX5mIoMSFWGv3vwsP77K9yk.js"></script>
    </body>
</html>