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

Version 1.5 - Migration


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


/*<![CDATA[*/
@media screen {
/* footer */
  #footer {
	  background-image:url('../../img/footer_emblem-ru-r.gif');
  }
  #branding a {
    background-image:url('../../../resources/who-logo-ru.jpg');
    width: 207px;
  }
  
  #navigation {
	width/*\**/:66.9%\9; /* IE8 fix */
}

  #search { 
    width/*\**/:33.1%\9; /* IE8 fix */  
  }
  
}
/* to make extra space for text */
@media only screen and (min-width: 940px) {
  .main-site #search {
    width: 28%;
  }
  #navigation {
     /*width: 70%;*/ width: 72%;
  }
}

@media only screen and (max-width: 720px) {
  #branding a {
    background-image:url('../../../resources/who-logo-ru-white.png');
    background-size: 174px 43px;
    width: 174px;
  }
}

@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-ru.gif);
    background-size: 206px 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-ru-white.gif);
    background-size: 174px 43px;
  }
}

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

#survey {
	height:70px;
}


/* -------------------------------------------------------------------------------------
 ELEMENTS.CSS
 ======================================================================================*/
/* top story */
ul.stories li h4 {
	font-size:11px;
}
/* pager */
.paging ul li.paging_previous a, .paging ul li.paging_next a {
	font-size: 12px;
}

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 {
	padding-bottom:8px;
}

.news_date, .news_subheadline {
	font-size: 11px;
}

/* -------------------------------------------------------------------------------------
 FOOT
 ======================================================================================*/

/* footer links */
#foot ul li {
	line-height: 15px;
	font-size:10px;
}

#foot p {
	color:#666666;
	font-size:12px;
	line-height:18px;
	margin: 0;
}

/* -------------------------------------------------------------------------------------
 typeHead for homepage russians
 ======================================================================================*/


.typeahead,
.tt-query,
.tt-hint {
    width: 90%;
    height: 15px;
    padding: 4px 6px;
    font-size: 13px;
    line-height: 15px;
    border: 2px solid #ccc;
    outline: none;
}

.typeahead {
    background-color: #fff;
    height: 23px; 
width: 250px;  	/* THIS SETS WIDTH OF TEXT INPUT FIELD*/
}

/*highlight for selected menu item*/
.typeahead:focus {
    border: 2px solid #0097cf;
}


.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

/*this class is used by the drop down menu span*/
.tt-dropdown-menu {
    margin-top: 12px;
    padding: 0px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    text-align: left;
    overflow: auto;
    position:absolute;
    max-height: 300px; /* THIS SETS MAX HEIGHT OF DROP DOWN MENU*/
    max-width: 250px;  /* THIS SETS MAX WIDTH OF DROP-DOWN MENU*/
    width:  250px;     /* THIS SETS WIDTH OF DROP-DOWN MENU*/
}
/*this one is used by each drop down menu item*/
.tt-suggestion
{
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    border-top: 1px solid #ccc;
    border-bottom : 1px solid #ccc
}
.tt-suggestion p {
    margin: 0;
}
/*This class highlights an element of the drop-down menu when cursor moves over it*/
.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #00b7fb;

}

/* highlights links inside drop-down menu item when the cursor is over the link*/
.tt-suggestion a:hover
{
    text-decoration: underline;
    color: blue;
   
}

/*this class styles links to PDF documents*/
.tt-suggestion-pdf-link
{
    padding: 5px 20px 5px 0;
    background: transparent url(../../img/pdf.pngg') no-repeat center center;
}

/* this class is used by "nothing found" element*/
.tt-empty
{
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    min-width: 100%;
}

/*this class creates empty space around the "nothing found" message*/
.tt-empty p
{
    margin: 10px 5px 10px 5px;
}


@media print {

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