/* ---------------------------------------------------------------- */
/* -------- normalization ----------------------------------------- */
/* ---------------------------------------------------------------- */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
margin: 0; 
padding: 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { 
font-style: normal; 
font-weight: normal; }

/* Normalizes tables */
table { 
border-collapse: collapse; 
border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left-aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content :""; }





/* ---------------------------------------------------------------- */
/* -------- layout ------------------------------------------------ */
/* ---------------------------------------------------------------- */

body {
margin: 0;
padding: 0;
background-color: #232323; 
text-align: center; }


div#wrap {
position: relative;
width: 90%;
max-width: 1200px;
min-width: 870px;
margin: 0 auto;
padding-top: 16px;
text-align: left; }

div#branding, div#nav_main { width: 100%; }

div#content {
position: relative;
width: 100%; }

div.gutter { padding: 10px; }

	
	
	
	
/* ---------------------------------------------------------------- */
/* --------- branding (header) ------------------------------------ */
/* ---------------------------------------------------------------- */

div#branding {
position: relative;
height: 100px;
background-color: #000; }

div#h_partners /*div#infodev_logo, div#idrc_logo, div#uis_logo*/
{
	float: right;
}

div#infodev_logo, div#idrc_logo, div#uis_logo
{
	display: inline;
	padding-right: 15px;
}

div#wrapper_partnership {
    padding-right: 470px;
}

div#header_partnership {
    color: #ffffff;
    vertical-align: top;
    display: block;
    min-width:500px;
    text-align:right;
}

h1 {
position: absolute;
top: -33px;
left: -34px;
width: 690px;
height: 210px;
text-indent: -9999px; }

body.fr h1 { background: transparent url(../images/h1_fr.png) no-repeat; }
body.en h1 { background: transparent url(../images/h1_en.png) no-repeat; }
body.not_logged h1 { background: transparent url(../images/h1_notlogged.png) no-repeat; }
body.not_logged.fr h1 { background: transparent url(../images/h1_notlogged_fr.png) no-repeat; }
body.not_logged.en h1 { background: transparent url(../images/h1_notlogged_en.png) no-repeat; }

/* ---------------------------------------------------------------- */
/* --------- main content ----------------------------------------- */
/* ---------------------------------------------------------------- */

body {
font: 75%/1.4 Helvetica, Arial, sans-serif; 
color: #000; }

div#content {
background-color: #fff; 
float: left; 
margin: 0;
padding: 0.5em 0 2em 0; }

h2, h3, h4, h5, h6 { font-weight: bold; }

h2 {
font-size: 150%;
margin: 1.5em 0 0.5em 0; 
color: #60788b;
 }

h2 img {
 vertical-align: bottom;
}

h3 {
font-size: 120%;
margin: .5em 0; }

p, ul, ol, dl {
margin-bottom: 1.5em; }

p.button {
margin-top: 2em;
text-align: center; }

ul {list-style: disc; }

ol {list-style-type: decimal; }

li { margin: 0 0 0.3em 2.5em; }

#partners-ul {
  list-style: none;
}

#partners-ul li {
  margin-bottom: 1em;
}

pre, div.pre {
  font-size: 100%;
  font-family: Helvetica, Arial, sans-serif;
  color: #000000;
  text-align: justify;
  float: right;
}

div#search_results td.right {
  padding-left: 25%;
  text-align: right;
  float: right;
}

code {
font: 100% "Courier New", Courier, mono;
font-weight: bold;
padding: 0 3px;
color: #000; }

strong {
font-weight: bold; }

em {
font-style: italic; }

.note, td.note {
font-size: 95%;
font-style: italic; }

.center { text-align: center; }

div.notice { 
background: url(../images/notice.gif) no-repeat 0 50%;
border: 2px solid #000;
padding: 6px 6px 6px 30px;
margin-bottom: 1.5em;
font-weight: bold; }


/* --------- columns content ----------------------------------- */
div.columns {
position: relative;
width: 100%;
margin-bottom: 1.5em; }

div.col_1 {
float: left;
width: 50%; }

div.col_2 {
float: right;
width: 49%; }

div.col_1, div.col_2 {
border-top: 1px solid #b7c5d0;
border-bottom: 1px solid #b7c5d0;
background-color: #d9e4ec; 
padding: 0.5em 0; }

.columns h3, .columns h4 {
margin-bottom: 1em; }

.columns h3, .columns h4, .columns p, .columns ul, .columns ol, .columns form {
padding-left: 10px;
padding-right: 10px; }

#content .columns ol, 
#content .columns ul { 
list-style: none; }

#content .columns li { 
margin: 0 0 0.5em 0; }


/* ------ hyperlinks ----------------------------------------- */
a {
color: #546a7c; 
text-decoration: underline; }

a:link, a:visited {}

a:hover, a:active {
color: #78624e;
text-decoration: none; }

a.sort_header {
    white-space:nowrap;
    text-decoration:none;
}

a.sortheader {
    text-decoration:none;
}


div#uis_logo a, div#idrc_logo a, div#infodev_logo a
{
    line-height: 0;
}

p.button a {
text-align: center;
background: #60788b;
border-top: 1px solid #a0b1bf; 
border-right: 1px solid #506676; 
border-bottom: 1px solid #506676; 
border-left: 1px solid #a0b1bf;
color: #fff;
padding: 5px;
text-decoration: none; }

p.button a:link, p.button a:visited { color: #fff; }

p.button a:hover { 
background: #506676;
color: #fff; }

p.button a:active { 
background: #b60a00;
color: #fff; }

p.action { margin-top: 1.5em; }

a.pdf {
padding: 5px 18px 0 0;
background: url(../images/pdf.gif) no-repeat top right; }

.availableIndicators { font-size: 80%; }


/* ------ tables -------------------------------------------- */
table { 
width: 100%;
background-color: #ebf3fa;
border-top: 1px solid #98a4ae;
border-left: 1px solid #98a4ae;
margin-bottom: 1.5em; }

th, td { 
border-right: 1px solid #98a4ae;
border-bottom: 1px solid #98a4ae;
padding: 5px 10px;  }

th { 
text-align: left;
font-weight: bold;
background-color: #b7c5d0; }

td { text-align: left; }

td ul, td ol, td li { 
list-style: none;
margin-left: 0;
margin-bottom: 0;
}

td.summary {
font-size: 90%;
font-family: monospace, sans-serif; }

.alt, .odd { background-color: #d9e4ec; }

.even { background-color: transparent; }

/* ------ forms ------------------------------------------- */
form li {
margin: 0 0 1em 0; }

form input.button {
background: #60788b;
background: #60788b;
border: 1px solid #a0b1bf; 
border-right-color: #506676; 
border-bottom-color: #506676; 
color: #fff;
padding: 3px;
margin-right: 10px; }

form input.button:hover {
background: #506676; }

form#visitor_login ol, form#team_login ol {
margin-left: 0;
padding-left: 0; }


/* ----- Video guides ------------------------------------ */
div#video_guide { text-align: center; }

div#video_guide div { margin: 1.5em 0; }


/* ------- SIMPLE SEARCH --------------------------------- */
div#map { text-align: center; }

div#search_results {
background-color: #b7c5d0;
padding: 10px;
margin-bottom: 1.5em; }

div.category { 
width: 100%;
margin: 0;
padding: 0; }

div.subcategory {
font-size: 100%;
margin: 0; 
padding: 0; }


/* ------- SIMPLE SEARCH results ------------------------- */
div#search_results h3 { 
margin: 0;
padding: 1.5em 0 5px 0; }

div#search_results table { 
background-color: #ebf3fa;
border: none;
border-top: 1px solid #b7c5d0;
border-bottom: 1px solid #b7c5d0;
margin-bottom: 0; }

div#search_results th { text-align: left; }

div#search_results td { text-align: right; }

div#search_results th, div#search_results td { 
padding: 5px 10px; 
background-color: #ebf3fa;
border: 0;
font-weight: normal; }

div#search_results tr {
  border-bottom: 1px solid #b7c5d0;
}

div#search_results th li, div#search_results td li { list-style: none; }

div#search_results h4 { 
padding: 5px 10px;
border: none;
background-color: #d9e4ec; }


/* document info */
table.doc_info td { text-align: left; }


/* ------ ADVANCED SEARCH  --------------------------------- */
ul#school_level, ul#results_details, ul#student_gender, ul#show_results_by { list-style: none; }

ul#school_level li, ul#results_details li, ul#student_gender li, ul#show_results_by li { margin: 0 0 0.5em 0; }

ol#locations, 
ol#indicators {  
margin: 0;
padding: 0; }

ol#locations li, 
ol#indicators li { 
margin: 0 0 1.5em 2em;
padding: 0;  }

ol#locations ol.location_search_info,
ol#indicators ol.indicator_search_info { 
list-style: none;
margin: 0;
padding: 0; }

ol#locations ol.location_search_info li, 
ol#indicators ol.indicator_search_info li { 
margin: 0 0 0.3em 0;
padding: 0; }

#saved_search {
    margin-bottom: 1em;
}


/* ------- ADVANCED SEARCH results ------------------------ */
th.title_categories, th.title_subcategories, th.title_institutions, th.title_categories a { 
background-color: #000;
color: #fff; }

th.header_indicator a {
    color: #000;
}

th.institution {
font-weight: normal;
padding-left: 2em; }


/* Bloc «Vous êtes USAGER, PERMISSIONS */

div#identification
{
	color: #60788b;
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
	margin-top: 5px;
}

div#search_box
{
    float:left;
    margin-left:8px;
    text-align: left;
}


/* Boîtes dans la page sur les partenaires */

ul.box
{
	border: 1px solid black;
	padding-top: 1em;
	padding-bottom: 1em;
}



/* ---------------------------------------------------------------- */
/* --------- ADMINISTRATION --------------------------------------- */
/* ---------------------------------------------------------------- */

/* --------- View: categories, subcategories, countries, etc ----- */
div.specifications h3 { margin-top: 2em; }

div.specifications h5 { 
padding: 5px 10px;
border: 1px solid #98a4ae;
border-bottom: none;
background-color: #b7c5d0; }

div.specifications table { margin-bottom: 1em; }

div.specifications table th {
background-color: #ebf3fa;
border-right-color: #ebf3fa; }

div.specifications table td { text-align: right; }

/* --------- Consult: categories, subcategories, countries, etc -- */
div.subcategory h4 {
margin-top: 5px;
padding: 5px 10px;
border: 1px solid #98a4ae;
border-bottom: none;
background-color: #b7c5d0; }

div.subcategory table { margin-bottom: 1em; }

div.subcategory table th {
background-color: #ebf3fa;
border-right-color: #ebf3fa; }

div.subcategory table td { text-align: right; }


/* --------- Modify: categories, subcategories, countries, etc -- */
div.validate { margin: 1.5em 0 1em 0; }

select#indicator_category_id, select#indicator_subcategory_id { width: 90%; }

/* edit history info */
table.history th { 
font-weight: bold;
border-right: 1px solid #98a4ae;
background-color: #b7c5d0; }

/* institution and country info */
div.indicator_info h3, div.country_info { margin-top: 2em; }

div.indicator_info h4, div.country_info h4 { 
padding: 5px 10px;
border: 1px solid #98a4ae;
border-bottom: none;
background-color: #b7c5d0; }

div.indicator_info table, div.country_info table { margin-bottom: 1em; }

div.indicator_info table th, div.country_info  th {
background-color: #ebf3fa;
border-right-color: #ebf3fa; }

div.indicator_info table td, div.country_info td { text-align: right; }






/* ---------------------------------------------------------------- */
/* --------- main navigation -------------------------------------- */
/* ---------------------------------------------------------------- */

div#nav_main {
position: relative; 
float: left;
background: #657c8f url(../images/bg_nav.gif) repeat-x 0% 100%;
margin: 0;
padding: 0; }

div#nav_main ul#nav_features {
list-style-type: none;
margin: 0;
padding: 0; }

div#nav_main ul#nav_features li { 
display: inline;
margin: 0;
padding: 0; }

ul#nav_features li.quit { 
float: right; 
/*background: #535e6c url(../images/bg_nav_quit.gif) repeat-x 0% 100%;*/
}

ul#nav_features li a {
display: block;
float: left;
margin: 0;
padding: 10px; 
font-size: 120%;
color: #d9e4ec; 
text-decoration: none;
}
 
ul#nav_features li.search_highlight a {
color: #fff;
font-weight: bold; }

ul#nav_features li a:link, 
ul#nav_features li a:visited {
text-decoration: none; }

ul#nav_features li a:hover, 
ul#nav_features li a:active, 
ul#nav_features li#active a {
text-decoration: none;
background: url(../images/nav_over.png) no-repeat 50% 100%; }

ul#nav_features li.new, ul#nav_features li.new a {background: #535e6c url(../images/bg_nav_quit.gif) repeat-x 0% 100%;}

ul#nav_features li.new a:hover, ul#nav_features li.new a:active {
text-decoration: none;
background: url(../images/nav_over.png) no-repeat 50% 100%;
}
	
/* ---------------------------------------------------------------- */
/* --------- sub navigation --------------------------------------- */
/* ---------------------------------------------------------------- */
div#nav_sub {
position: relative; 
background: #657c8f;
margin: 0;
padding: 0; 
width: 100%; }

ul#nav_sub_features {
margin: 0;
padding: 0; }

ul#nav_sub_features li { 
float: left;
display: inline;
padding: 0;
margin: 0; }

ul#nav_sub_features li a {
display: block;
float: left;
margin: 0;
padding: 10px; 
font-weight: bold;
color: #fff; 
text-decoration: none; }

ul#nav_sub_features li a:link, 
ul#nav_sub_features li a:visited { background-color: #657c8f; }

ul#nav_sub_features li a:hover, 
ul#nav_sub_features li a:active, 
ul#nav_sub_features li#active a { 
background: #b7c5d0 url(../images/nav_sub_over.gif) no-repeat 50% 100%;
color: #60788b; }




/* ---------------------------------------------------------------- */
/* --------- hacks ------------------------------------------------ */
/* ---------------------------------------------------------------- */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;	}



/* ------------ POPUP --------------- */

a.tooltip, a.popup {
    position:relative;
}

a.tooltip span {
  display: none;
  font-weight: normal;
  position:absolute;
  top:1em;
  left:1.2em;
  width:24em;
  padding: 0.4em;
  border:2px dashed #aaa;
  background-color:#fff; color:#000;
  text-align: left;
  z-index:24;
}

a.popup span {display: none;}

div.popup-wrapper span {
  display: block;
  font-weight: normal;
  font-size: 11pt;
  text-align: left;
  overflow: auto;
  height:95%;
}

div.popup-wrapper
{
  position:absolute;
 /* top:-16px;
  left:0px;*/
  text-align:right;
  width:700px;
  height:400px;
  padding-left: 0.4em;
  padding-bottom: 0.4em;
  padding-top: 0em;
  padding-right: 0em;
  border:4px solid #3d4c57;
  background-color:#fff; color:#000;
  z-index:24;
}

#popup_close_button {
  padding-right:4px;
  padding-top:0px;
  text-decoration:none;
  font-size:20px;
  line-height:22px;
}

h2 a.infodev {
  font-size: 0.68em;
  font-weight: normal;
  margin-left:0.2em;
  color: #bf2e1b;
}

h2 a.uis {
  font-size: 0.68em;
  font-weight: normal;
  margin-left:0.2em;
  color: #5B92E5;
}


h2 img.infodev {
  margin-left:1em;
}

.expand, .collapse {
  text-decoration: none;
  font-size: 2em;
  line-height:0.3em;
}

.excel {
  color:#4a9613;
}

/*
a.popup:hover span { /*the span will display just on :hover state*
    display:block;
   } */

/* Statistiques */
div.session {
    background-color: #eeeeee;
}

div.session div.audits {
    margin-left: 1em;
}

/* Google Search */

#cse-search-results {
    background-color: #ebf3fa;
}