/* --- World Health Organization ----------------------------------------------------- */
/* --- CSS Framework: Language Extension Chinese ------------------------------------- */
/* --- Versions:

Version 1.5.1
-sprites

 ======================================================================================*/

/*<![CDATA[*/
@media all {

/* -------------------------------------------------------------------------------------
 GLOBAL FONTS
 ======================================================================================*/

/* content */
#content p, #content ul li, #content ul li a, #content ul li span, #content ul li span, #content ul li h3, #content ul li h4  {
	font-size:15px;
	line-height:21px;
}

/* marginal & sidebar */
#marginal p, #marginal ul li, #marginal ul li a, #marginal ul li span, #marginal ul li h3, #marginal ul li h4, 
#sidebar p, #sidebar ul li, #sidebar ul li a, #sidebar ul li span, #sidebar ul li h3, #sidebar ul li h4 {
	font-size:14px;
	line-height:20px;
}

/* -------------------------------------------------------------------------------------
 general.css
 ======================================================================================*/


/* -------------------------------------------------------------------------------------
 all
 ---------------------------------------------------------------------------------------*/

/* body */
body {
	font-size:15px;
}

/* -------------------------------------------------------------------------------------
 SURVEY
 ======================================================================================*/

#survey {
	height:61px;
}

#survey a {
	line-height:20px;
	padding: 5px 15px 5px 32px;
	background-position:10px 5px;
}


/* -------------------------------------------------------------------------------------
 headers
 ---------------------------------------------------------------------------------------*/

/* headers */
h1 {	
	font-size:22px;
	line-height:30px;
}

h2 {
	font-size:22px;
	line-height:30px;
}
h3 {
	font-size:16px;
	line-height:24px;
}
h4 {
	font-size:14px;
	line-height:24px;
}
h5 {
	font-size:16px;
	line-height:24px;
}
h6 {
	font-size:16px;
	line-height:24px;
}

/* headline & kicker */
.headline {
	font-size:22px;
	line-height:30px;
}
.kicker {
	font-size:17px;
	line-height:24px;
}

/* special titles */
.title_country {
	font-size:22px;
}
.title_topic {
	font-size:22px;
}

.section_head1 {
	font-size: 15px;
}
.section_head2, .section_head3  {
	font-size: 14px;
}



/* -------------------------------------------------------------------------------------
 text
 ---------------------------------------------------------------------------------------*/

/* lists */
ul.lroman, ul.uroman, ul.lalpha, ul.ualpha, ul.disc, ul.list, ol.list, ul.decimal, ol.decimal, ul.bullet, ol.bullet, ol.reference, ul.reference {
	font-size:15px;
	line-height:21px;
}

ul.lroman li, ul.uroman li, ul.lalpha li, ul.ualpha li, ul.disc li, ul.list li, ol.list li, ul.horizontal_list, ul.list_dash li, ul.news ul.list_li, ul.news ul.horizontal_list li, ul.auto_archive, ul.decimal li, ol.decimal li, ul.bullet li, ol.bullet li, ol.reference li, ul.reference li {
	font-size:15px;
	line-height:21px;
}

/* links */
.linkbutton {
	font-size:15px;
	line-height:20px;
}

ul.list li {
	padding-top: 0px;
}


/* list reference */
ul.reference, ol.reference {
	padding-left:30px;
}

/* english */
#content .english {
	font-size: .8em;
	line-height: 1.4em;
}


p#lede {
	font-size: 1.1em;
	line-height: 1.5em;
}


/* -------------------------------------------------------------------------------------
 image
 ---------------------------------------------------------------------------------------*/

/* caption */
.image_caption, .image_credit {
	font-size:12px;
	line-height:18px;
}


/* -------------------------------------------------------------------------------------
 table
 ---------------------------------------------------------------------------------------*/

/* body */
table.table tbody th, table.table tbody td {
	font-size:15px;
	line-height:20px;
}

/* foot */
table.table tfoot th, table.table tfoot td {
	font-size:14px;
	line-height:20px;
}


/* -------------------------------------------------------------------------------------
 forms
 ---------------------------------------------------------------------------------------*/

/* fonts */
label, .label,
span.error, span.info,
.input, input.text, select.select, textarea.textarea, input.radio, input.checkbox, input.submit, .submit input {
	font-size:16px;
	line-height:20px;
}


/* -------------------------------------------------------------------------------------
 boxes
 ---------------------------------------------------------------------------------------*/

/* box */
.box_title, .box_subtitle {
	font-size:15px;
	line-height:21px;
}

/* largebox */
.largebox_title {
	font-size:20px;
	line-height:24px;
}

/* mbox */
.mbox_title {
	font-size:14px;
	line-height:20px;
}
.mbox ul.list li, .mbox ol.list li, .mbox ul.decimal li, .mbox ol.decimal li, 
.colormbox ul.list li, .colormbox ol.list li, .colormbox ul.decimal li, .colormbox ol.decimal li {
	font-size:14px;
	line-height:20px;
}
.mbox .linkbutton, 
.colormbox .linkbutton {
	font-size:14px;
	line-height:20px;
}

/* meta */
.meta h3 {
	font-size:14px;
	line-height:20px;
}
.meta p, p.meta, .meta ul, .meta ol {
	font-size:14px;
	line-height:20px;
}

/* teasers text inside box */
.inlay .teaser_headline, .inlay_small .teaser_headline, .inlay_color .teaser_headline, .inlay_small_color .teaser_headline, #content .inlay .teaser p, #content .inlay_small .teaser p, #content .inlay_color .teaser p, #content .inlay_small_color .teaser p {
	line-height:20px;
	font-size:14px;
}

div#content div#billboard div#stage.stage_narrow div#stage_marginal div.inlay_small_color div.teaser p {
  margin-left: 50px;
}

#billboard #stage_marginal div.quickLink label, .col_2-1_2 .inlay div.quickLink label, .col_2-1_2 .inlay_color div.quickLink label, .col_2-1_2 .inlay_small div.quickLink label, .col_2-1_2 .inlay_small_color div.quickLink label {
	font-size: 14px;
}

/* -------------------------------------------------------------------------------------
 Quotes
 ------------------------------------------------------------------------------------- */


blockquote p {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #777;
}





/* -------------------------------------------------------------------------------------
 elements.css
 ======================================================================================*/



.teaser_headline {
	font-size: 15px;
}
.teaser_kicker {
	font-size: 15px;
	line-height: 18px;
}


/* -------------------------------------------------------------------------------------
 navigation
 ---------------------------------------------------------------------------------------*/
#branding a {
  background-image: url('../../../resources/who-logo-zh.jpg');
  width:200px;
}

/* fonts */
#navigation ul li a {
	font-size:14px;
}

.ie8 #navigation ul li a, .ie8  #navigation ul li a:hover, .ie8 #navigation ul li.selected a   {
	padding-top/*\**/:15px\9; /* IE8 fix */
	height/*\**/:18px\9; /* IE8 fix */
}
.ie8 #navigation ul li#navigation_home a {
	padding-top/*\**/:10px\9; /* IE8 fix */
	height/*\**/:23px\9; /* IE8 fix */
}

.ie8 #navigation ul li#navigation_data-and-statistics,.ie8 #navigation ul li#navigation_data-and-statistics a,.ie8  #navigation ul li#navigation_about-who, .ie8 #navigation ul li#navigation_about-who a {
	max-width/*\**/:125px\9; /* IE8 fix */
}

/* -------------------------------------------------------------------------------------
 search
 ---------------------------------------------------------------------------------------*/

/* fonts */
#search_label label, #search_input input, #search_submit, #search_advanced {
	font-size:14px;
}
#search_filter h4, #search_filter ul li a {
	font-size:14px;
}
#search_message p, #search_message h4 {
	font-size:14px;
}


/* -------------------------------------------------------------------------------------
 ticker
 ---------------------------------------------------------------------------------------*/

/* fonts */
#ticker ul li h3, #ticker ul li a, #ticker_close {
	font-size:14px;
}


/* -------------------------------------------------------------------------------------
 dropdown
 ---------------------------------------------------------------------------------------*/

/* fonts */
.dropdown .dropdown_selector,
#content .dropdown .dropdown_selector  {
	font-size:16px;
	line-height:18px;
}


/* -------------------------------------------------------------------------------------
 buffet
 ---------------------------------------------------------------------------------------*/

/* fonts */
.buffet_entry h3,
.factbuffet_link  {
	font-size:15px;
	line-height:20px;
}


/* -------------------------------------------------------------------------------------
 feature
 ---------------------------------------------------------------------------------------*/

/* fonts */
div.features h4 {
	font-size:14px;
	line-height:20px;
}


/* -------------------------------------------------------------------------------------
 paging
 ---------------------------------------------------------------------------------------*/

/* list */
.paging ul li a {
	font-size:14px;
	line-height:20px;
	height:16px;
	padding:3px 8px 6px;
}


/* -------------------------------------------------------------------------------------
 pageactions
 ---------------------------------------------------------------------------------------*/

/* icons */
#pageactions ul li a {
	font-size:14px;
	line-height:20px;
}

#pageaction_share .addthis_toolbox span, #pageaction_share .addthis_toolbox a, #pageaction_print a span {
	font-size:14px;
}


/* -------------------------------------------------------------------------------------
 breadcrumb
 ---------------------------------------------------------------------------------------*/

/* divider */
#breadcrumb ul li {
	font-size:12px;
}


/* -------------------------------------------------------------------------------------
 doormat
 ---------------------------------------------------------------------------------------*/

/* fonts */

#doormat ul li, #doormat h3 {
	font-size:14px;
}

/* -------------------------------------------------------------------------------------
 foot
 ---------------------------------------------------------------------------------------*/

/* fonts */
#foot ul li {
	font-size:14px;
}



/* footer */
#footer {
	background-image:url('../../img/footer_emblem-zh-r.gif');
}
#footer a {
	font-size:12px;
}

.footer-social-links li a.footer-weibo {
		background-position: 49px -487px;	
}

.header-social-links .weibo {
  background-position: -66px -456px;
}
}

/* -------------------------------------------------------------------------------------
 responsive
 ---------------------------------------------------------------------------------------*/
@media only screen and (max-width: 720px) {
  #branding a {
    background-image: url(../../../resources/who-logo-zh-white.png);
    width:140px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  #branding a {
    background-image: url(../../../resources/2x-who-logo-zh.gif);
    background-size: 198px 55px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 720px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 720px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 720px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 720px),
only screen and (min-resolution: 192dpi) and (max-width: 720px),
only screen and (min-resolution: 2dppx) and (max-width: 720px) {
  #branding a {
    background-image: url(../../../resources/2x-who-logo-zh-white.gif);
    background-size: 140px 43px;
  }
}
@media only screen and (max-width: 768px){
	#doormat .footer-social-links {
	  width: 310px;
	}
	
	.footer-social-links li a.footer-weibo {
		background-position: 51px -487px;	
  }
}

@media print {

#branding a {
   content: url('../../../resources/who-logo-zh.jpg');	
   display:block;
	width: 176px;
	margin: 10px auto;
	z-index: 10;
	background-repeat: no-repeat;
  }	
	
}
/*]]>*/