@charset "utf-8";
/* CSS Document */
/*
GENERAL STYLE SHEET CONSISTS OF THE FOLLOWING: 
 
"reset" styles which strip the styles of default settings,  such as padding,  bold,  etc.
"base" styles reapply the properties.
"global" styles are styles that are common on all html pages.
"general" styles apply across all html pages.
*/


/*-----------------------------------------------------------------------------------
                sass/header.scss
-----------------------------------------------------------------------------------*/
.un-site-header {
  margin: 25px 0px 30px;
}
.un-site-header .un-header__inner {
  max-width: 800px;
}
.un-site-header .un-site-logo {
  height: 60px;
  float: left;
  margin-right: 15px;
  padding: 0;
  border-right: 1px solid black;
}
.un-site-header .un-site-logo-ar {
  height: 60px;
  float: right;
  margin-left: 15px;
  padding: 0;
  border-left: 1px solid black;
} 
.un-site-header .un-site-name {
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d4d4d;
}

/* UN Header Standard
-----------------------------------------------------------------*/
/* Display Options to accomodate different site names� lenght: 
- display--large: site names with max aprox 40 characters (1 line).
- display--base: site names with max aprox 60 characters (2 lines).
- display--small: site names with more than 60 characters (2 lines).
- display--extra-small: site names with more than 60 characters (2 lines).
*/
.un-header--standard .un-site-name.display--large {
/* line-height: 2.2;
  padding-top: 10px; */
  height: 60px;
  vertical-align: middle;
  display: table-cell;
}
.un-header--standard .un-site-name.display--large .un-site-name__first-line {
  font-size: 25px;
  line-height: 1.2;
}
.un-header--standard .un-site-name.display--base {
  line-height: 1.2;
}
.un-header--standard .un-site-name.display--base .un-site-name__first-line {
  font-size: 25px;
}
.un-header--standard .un-site-name.display--small .un-site-name__first-line, .un-header--standard .un-site-name.display--extra-small .un-site-name__first-line {
  font-size: 18px;
}
.un-header--standard .un-site-name.display--extra-small {
  line-height: 1.2;
}
.un-header--standard .un-site-name .un-site-name__first-line {
  /* Common for minimal and extended layouts */
  font-weight: 500;
  display: block;
}

/* UN Header Extended
-----------------------------------------------------------------*/
.un-header--extended .un-site-name {
  line-height: 1.3;
}
.un-header--extended .un-site-name .un-site-name__first-line {
  font-size: 25px;
  line-height: 1.2;
}
.un-header--standard .un-site-name .un-site-name__second-line {
  font-size: 22px;
  font-weight: 300;
  display: block;
  line-height: 1.2;
}

@media (max-width: 720px) {
  .un-site-header {
    margin: 0;
  }
  .un-site-header .un-site-logo {
    float: none;
    margin: 10px 0 20px;
    border-right: none;
    height: 50px;
  }
  
    .un-site-header .un-site-logo-ar {
    float: none;
    margin: 10px 0 20px;
    border-left: none;
    height: 50px;
  }
  
  .un-site-header .un-site-name {
    border-top: 3px solid #f2f2f2;
    padding: 10px;
  }
  .un-site-header .un-site-name.display--large .un-site-name__first-line, .un-site-header .un-site-name.display--base .un-site-name__first-line, .un-site-header .un-site-name.display--small .un-site-name__first-line {
    font-size: 20px;
    line-height: 1.2;
  }
  .un-site-header .un-site-name.display--extra-small .un-site-name__first-line, .un-site-header .un-site-name .un-site-name__second-line {
    font-size: 16px;
    line-height: 1.2;
  }
}
/* UN Header Animation
-----------------------------------------------------------------*/
.un-animation {
  position: absolute;
  top: 148%;
  left: 39%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 160px;
  overflow: hidden;
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  font-size: 25px;
  line-height: 40px;
  color: #4d4d4d;
}

.un-animation__container {
  font-weight: 300;
  overflow: hidden;
  height: 40px;
}

.un-animation__container:after, .un-animation__container:before {
  position: absolute;
  top: 0;
  color: #16a085;
  font-size: 42px;
  line-height: 40px;
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  animation-name: opacity;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

.un-animation__container__text {
  /* display: inline; */
  float: left;
  margin: 0;
}

.un-animation__container__list {
  margin-top: 0;
  padding-left: 0;
  text-align: left;
  list-style: none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 25s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 25s;
  animation-iteration-count: infinite;
}

.un-animation__container__list__item {
  line-height: 40px;
  margin: 0;
}

@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 12.66%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    -webkit-transform: translate3d(0, -75%, 0);
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
  }
  33.32%, 45.98% {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  49.98%, 62.64% {
    -webkit-transform: translate3d(0, -75%, 0);
    transform: translate3d(0, -75%, 0);
  }
  66.64%, 79.3% {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  83.3%, 95.96% {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
  }
}

  
  
/*
* UN Brandbar
* @see www.un.org/styleguide
*/
#brand-bar {
    background: #f2f2f2;
    margin: 0;
    padding: 0;
    border: none !important;
    border-bottom: #00adef solid 5px !important;
    height: 41px;
    min-height: auto;
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0;
    }
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}

#brand-bar .brandbar-header {
    padding-top: 10px;
}

#brand-bar .brandbar-header a {
    padding: 0;
    font-size: 12.35px;
    line-height: 17.03px;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: black;
}

#brand-bar .brandbar-header a.navbar-brand:before {
    font-family: FontAwesome;
    color: black;
    content: "\f015";
    font-size: 18.07px;
    line-height: 0.9;
    margin-right: 7.8px;
    float: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-default .container .navbar-brand {
    height: auto;
    margin-left: 0;
}

.language-switcher #language-switcher {
    border-top: none;
    padding: 0;
    float: right;
}
body[dir="rtl"] .language-switcher .language-title,
body[dir="rtl"] .language-switcher #language-switcher {
    float: left;
}
body[dir="rtl"] .language-switcher .navbar-toggle {
    margin-left: 0;
}
body[dir="rtl"] .language-switcher .language-title {
    margin-left: 10.4px;
}
.language-switcher #language-switcher ul.language-switcher-locale-url {
    list-style: none;
    padding: 0;
    margin: 0;
}
.language-switcher #language-switcher ul.language-switcher-locale-url li {
    float: left;
    padding-right: 13px;
}
.language-switcher #language-switcher ul.language-switcher-locale-url li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}
.language-switcher #language-switcher ul.language-switcher-locale-url li:last-child {
    padding-right: 0;
}
.language-switcher #language-switcher li.active a,
.language-switcher #language-switcher li.active a:active,
.language-switcher #language-switcher li.active a:hover,
.language-switcher #language-switcher li.active a:focus {
    font-weight: bold;
    background-color: transparent;
}
.language-switcher button.navbar-toggle {
    margin-top: 0;
    border: none;
    padding: 0;
    background: transparent;
    border-radius: 0;
    margin-right: 2px;
}
/* -- */
.language-switcher .language-title {
    float: right;
    margin-right: 10.4px;
    line-height: 1.2;
}

@media (max-width: 767px) {

.language-switcher #language-switcher ul.language-switcher-locale-url {
    margin-top: 3px;
    width: 161px;
}
.language-switcher #language-switcher ul.language-switcher-locale-url li {
    float: none;
    padding-right: 0;
}

.language-switcher #language-switcher ul.language-switcher-locale-url li a {
    background: white;
    padding-left: 10px;
    padding-top: 8px;
   padding-bottom: 8px;
    border-bottom: #f2f2f2 solid 1px;
}
}

/***************************************************************
 ************************** RESET ******************************
 ***************************************************************/


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

table {
    border-collapse: collapse;
    width: 100%;
}

.content tbody {
    width: 100%;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}


/***************************************************************
 ************************** BASE *******************************
 ***************************************************************/


h1, h2, h3 {
    margin-top: 0em;
    margin-bottom: 0em;
}

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

abbr, acronym {
    border-bottom: 1px dotted #000;
    cursor: help;
}

blockquote, ul, ol, dl {
    margin: 1em;
    /*font-size: 82%;*/
}


/* *** latin conventions *** */

h1 {
    font-size: 1.4em;
}

#banner .hiddentitle {
    display: none;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1.15em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1.05em;
}

em {
    font-style: italic;
}

ol, ul, dl {
    margin-left: 0em;
}

    ol li {
        list-style: decimal outside;
    }

    ul li {
        list-style: disc outside;
    }

    dl dd {
        margin-left: 1em;
    }

a:link, a:active, a:hover {
    text-decoration: none;
    color: #02327A;
}

a:visited {
    text-decoration: none;
    color: #4F5B6C;
}

a:hover {
    text-decoration: underline;
}

sup {
    color: #666;
    text-decoration: underline;
    padding-left: .1em;
}

/***************************************************************
 ******** General CSS: Styles common on all html pages **********
 ***************************************************************/

html {
    min-height: 100%;
    margin-bottom: 1px;
}

body {
    font-family: Arial, Helvetica, sans-serif; /* *** latin conventions *** */
    font-size: 75%;
    /*background-image:url("/en/development/desa/population/images/bkgdgrad.jpg");
	background-color:#b5ddb4;
	background-repeat:repeat-x;*/
    background-color: white;
}

/*
body {
	background:url("images/bg_gradient1.gif") repeat-x scroll 0 0 #FEF5E2;
}
*/

#main {
    width: 79em;
    background-color: #FFF;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-right: auto;
    margin-left: auto;
    min-height: 950px;
}


/************************************************ Skip Links ********************************************/

#skiplink {
    width: 20em;
    clear: both;
    font-size: .9em;
    display: inline;
}

    #skiplink ul {
        margin: 0;
    }

        #skiplink ul li {
            display: inline;
        }

    #skiplink a:focus, #skiplink a:active, #skiplink a:visited, #skiplink a {
        color: #fff !important;
    }

/****************************************** Branding Bar *********************************************/


#brandbar {
    height: 23px;
    background-color: #C2C6CF;
    background-image: url(/en/development/desa/population/images/brandbarbkgd.jpg);
    background-repeat: repeat-x;
}

    #brandbar .unicon { /* *** latin conventions *** */
        padding-top: .2em;
        padding-right: .4em;
    }

    #brandbar .welcome { /* *** latin conventions *** */
        color: #acc8d6;
        display: block;
        float: left;
        font-size: .9em;
        padding-top: .5em;
    }

        #brandbar .welcome a {
            text-decoration: none;
            color: #1e1e1e;
        }

    #brandbar a:hover {
        text-decoration: underline;
        color: #1e1e1e;
    }

    #brandbar #searchfrm, #lowerbar #searchfrm { /* *** latin conventions *** */
        float: right;
        text-align: right;
        margin-top: 0;
        margin-bottom: 0;
    }

        #brandbar #searchfrm label, #lowerbar .search label { /*hidden*/
            position: absolute;
            overflow: hidden;
            font-size: 88%;
            top: -500px;
        }

        #brandbar #searchfrm .button, .search_submit {
            font-size: 78%;
        }

        #brandbar #searchfrm .textbox {
            font-size: 90%;
            width: 14em;
        }

.search {
    float: right;
}

.seach_field {
    font-size: 90%;
    width: 14em;
}



/*******************   BANNER  ****************************/

#banner {
    background-image: url(/en/development/desa/population/images/banner3.gif);
    background-repeat: no-repeat;
    height: 110px;
}

#banner1 {
    background-image: url(/en/development/desa/population/images/banner3.gif);
    background-repeat: no-repeat;
    height: 110px;
}


#banner h1 {
    font-size: 2em;
    padding: 0em 0em 0em 7.2em;
    color: #2D2D2D;
}

#banner h3 {
    padding: .7em 0em 0em 10.4em;
    font-weight: bold;
    font-size: 1.4em;
    color: #2D2D2D;
}

#topnav {
    background-color: #070050;
    width: 100%;
    height: 20px;
    font-size: 1em;
    margin-bottom: 0.05em;
}

    #topnav ul li {
        display: inline;
    }

        #topnav ul li a {
            text-decoration: none;
            color: #fff;
        }

            #topnav ul li a:hover {
                color: #013298;
            }

    #topnav ul {
        margin: 0em 0em 0em .3em;
        padding-top: .25em;
    }

.top-list-item img {
    margin: 0 .3em 0 .3em;
    padding-bottom: .1em;
}

/******** Navigation and search Population *************/
#lowerbar {
    background-color: #070050;
    float: left;
    width: 79em;
    margin-top: .1em;
}

.nav {
    float: left;
    margin: 0em 0em 0em 14.5em;
    height: 20px;
}

#lowerbar ul {
    margin-top: .0em;
    padding-top: 0em;
}

.nav li {
    display: inline;
    text-decoration: none;
    font-size: 1.05em;
}

    .nav li a {
        text-decoration: none !important;
        color: #fff;
        padding-right: .8em;
        padding-left: .8em;
        padding-top: .25em;
        float: left;
        text-decoration: none;
        border-left: 1px solid #fafafa !important;
        height: 19px !important;
        display: block;
    }

#home .home a, #commission .commission a, #themes .themes a, #documents .documents a, #events .events a, #publication .publication a, #about .about a {
    background-color: #FFC014; /* SELECTED NAVIGATION ITEM */
    padding-top: .25em !important;
    color: #000;
}

#lowerbar .home a:hover, #lowerbar .home a.sfhover, #lowerbar .commission a:hover, #lowerbar .commission a.sfhover, #lowerbar .themes a:hover, #lowerbar .themes a.sfhover, #lowerbar .events a:hover, #lowerbar .events a.sfhover, #lowerbar .publication a:hover, #lowerbar .publication a.sfhover, #lowerbar .about a:hover, #lowerbar .about a.sfhover {
    background-color: #FFC014; /* HOVER OVER NAVIGATION ITEM BG COLOR */
    width: auto;
}

.nav a:hover, .nav a.sfhover {
    background-color: #FFC014;
    color: #0033CC;
}

.main_menu {
    background-color: #acc8d7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#acc8d7), to(#98b4c2));
    background-image: -webkit-linear-gradient(top, #acc8d7, #98b4c2);
    background-image: -moz-linear-gradient(top, #acc8d7, #98b4c2);
    background-image: -ms-linear-gradient(top, #acc8d7, #98b4c2);
    background-image: -o-linear-gradient(top, #acc8d7, #98b4c2);
    background-image: linear-gradient(top, #acc8d7, #98b4c2);
    clear: both;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#acc8d7, endColorstr=#98b4c2);
    width: 948px !important;
    height: 45px !important;
    text-align: justify;
    margin: 0 auto;
}

    .main_menu a {
        border-left: 1px solid #585858;
        color: #235f91;
        /* display:block; */
        font-size: 13px;
        font-weight: 700;
        height: 45px;
        width: auto;
        line-height: 45px;
        margin: 0 auto;
        /*	padding:0 2.9em; 
	*padding: 0 1.9em;; // Read by IE7 and earlier versions */
        padding: 0 29px;
        *padding: 0 29px;
        position: relative;
        text-decoration: none;
        /* text-shadow:0 1px 1px #242424; */
        text-shadow: none;
        text-align: justify;
        display: inline-block;
    }



/*All Firefox hack for main_menu  padding*/

@-moz-document url-prefix() {

    .main_menu a {
        border-left: 1px solid #585858;
        color: #235f91;
        /* display:block; */
        font-size: 13px;
        font-weight: 700;
        height: 45px;
        width: auto;
        line-height: 45px;
        margin: 0 auto;
        /*	padding:0 36.9px; 
	*padding: 0 36.9px;; // Read by IE7 and earlier versions */
        padding: 0 30px;
        position: relative;
        text-decoration: none;
        /* text-shadow:0 1px 1px #242424; */
        text-shadow: none;
        text-align: justify;
        display: inline-block;
    }
}





/*Safara and Chrome hack for main_menu padding*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .main_menu a {
        border-left: 1px solid #585858;
        color: #235f91;
        /* display:block; */
        font-size: 13px;
        font-weight: 700;
        height: 45px;
        width: inherit;
        line-height: 45px;
        margin: 0 auto;
        padding: 0 29px;
        position: relative;
        text-decoration: none;
        /* text-shadow:0 1px 1px #242424; */
        text-shadow: none;
        text-align: justify;
        display: inline-block;
    }
}

.main_menu .current_page_item a {
    background-color: #acc8d7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#acc8d7), to(#98b4c2));
    background-image: -webkit-linear-gradient(top, #acc8d7, #98b4c2);
    background-image: -moz-linear-gradient(top, #acc8d7, #98b4c2);
    background-image: -ms-linear-gradient(top, #acc8d7, #98b4c2);
    background-image: -o-linear-gradient(top, #acc8d7, #98b4c2);
    background-image: linear-gradient(top, #acc8d7, #98b4c2);
    clear: both;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#acc8d7, endColorstr=#98b4c2);
    margin: 0 auto;
}

.main_menu ul li a:hover, .main_menu li li a:hover {
    /* color:#235f91 !important; */
    color: #fff !important;
    text-decoration: none;
}

.sub-header-main_menu ul li a:hover, .sub-header-main_menu li li a:hover {
    /* color:#235f91 !important; */
    color: #fff !important;
    text-decoration: none;
}


.main_menu a:hover {
    /* color:#235f91 !important; */
    color: #fff !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3e76b3), to(#235f91));
    background-image: -webkit-linear-gradient(top, #3e76b3, #235f91);
    background-image: -moz-linear-gradient(top, #3e76b3, #235f91);
    background-image: -ms-linear-gradient(top, #3e76b3, #235f91);
    background-image: -o-linear-gradient(top, #3e76b3, #235f91);
    background-image: linear-gradient(top, #3e76b3, #235f91);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3e76b3, endColorstr=#235f91);
}



.main_menu, .main_menu ul {
    display: block;
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
}



    .main_menu li {
        border: 0;
        display: inline-block;
        float: left;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 5;
    }



    .main_menu > li:first-child > a {
        border-left: none;
    }

    .main_menu > li:first-child > a, .main_menu li + li + li li:first-child > a {
    }


.widgetheader h2 {
    color: #0c559a;
    padding-left: 2px;
    font-size: 14px;
    height: 26px;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px -1px;
    background: #acc8d6 url(http://www.un.org/en/development/desa/images/corner_blue.jpg) left top no-repeat;
    text-indent: 10px;
    line-height: 26px;
    /* B9CBF1  acc8d6 */
}

.widget-wrapper {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 0px solid #d6d6d6;
    border-radius: 6px;
    /* background-color:#f9f9f9; */
    font-size: 13px;
    margin: 0 0 0px;
    padding: 0px;
    widows: 230px;
}

/************** one column pages *********************/

#one_column {
    float: left;
    margin: 1.5em 0em 0em 0em;
}

#center_column {
    width: 78.5em;
    float: left;
    border-right: 1px solid #d6d6d6; /*grey*/
    border-bottom: 1px solid #d6d6d6; /*grey*/
    margin: 0em;
    background-color: #FCFCFC;
}

    #center_column ol {
        margin-top: 2px;
    }

        #center_column ol ol {
            margin-bottom: -.05em;
        }

        #center_column ol li {
            list-style-type: none;
            margin: .5em 0em 0em 0em;
        }

    #center_column h1 {
        color: #0c559a;
        margin-bottom: 1em;
        padding-top: .3em;
    }

    #center_column h2, #center_column h2 a {
        margin: 1em 0em .4em 0em;
        padding-top: .3em;
        color: #0c559a;
    }

    #center_column h3, #center_column h3 a, .download {
        margin-bottom: .4em;
        padding-top: .3em;
        color: #0c559a;
    }

    #center_column h4, #center_column h4 a {
        margin: 1em 0em .2em 0em;
        color: #0c559a;
    }

    #center_column h5, #center_column h5 a {
        margin: .2em 0em 1em 0em;
        color: #235f91;
        font-weight: normal;
        font-size: 1em;
    }

    #center_column p {
        margin-bottom: .6em;
    }


/************** Two and three column pages *********************/

/* Left menu */


#two_column {
    float: left;
    margin: 1.5em 0em 0em 0em;
}

#left_column {
    width: 14.5em;
    float: left;
    border-right: 1px solid #d6d6d6; /*grey*/
    border-bottom: 1px solid #d6d6d6; /*grey*/
    margin: 0em;
    background-color: #FCFCFC;
}

    #left_column h2 {
        background-color: #acc8d6; /*light blue*/
        color: #0c559a; /*dark blue*/
        padding: .3em 0em .2em .2em;
    }

    #left_column ul {
        margin-top: 2px;
    }

        #left_column ul ul {
            margin-bottom: -.05em;
        }

.nolink {
    margin: 0em 0em 0em 0em;
    padding: .3em 0em 0em .8em;
    background-color: #fff;
    width: 13.6em !important;
    background-image: url(/en/development/desa/population/images/icons/list-item1.gif);
    background-repeat: no-repeat;
    background-position: 160px 10px;
    color: #464646;
}

#left_column .nolink ul {
    margin-left: -.5em;
}

    #left_column .nolink ul li {
        margin-left: -.3em;
    }

        #left_column .nolink ul li a {
            padding-left: 1.8em;
            /*background-color:#FFF7F5;*/
        }

#left_column ul li {
    list-style-type: none;
    margin-top: 0em;
    width: 14.5em;
}

    #left_column ul li a {
        border-bottom: 1px dotted #ccc;
        display: block;
        color: #464646;
        padding: .3em 0.2em .2em .8em;
        text-decoration: none;
    }

#left_column a:hover, #left_column a.sfhover {
    background-color: #EFEFEF;
}

#contrause .contrause a, #prevalence .prevalence a, #unmet .unmet a, #data .data a, #fertility .fertility a, #age .age a, #adolescent .adolescent a, #totalfertility .totalfertility a, #childbearing .childbearing a, #totalchildren .totalchildren a, #livebirths .livebirths a, #aboutus .aboutus a {
    background-color: #EAEAEA;
    background-position: 12px 7px;
    background-image: url(/en/development/desa/population/images/icons/list-item.gif);
    background-repeat: no-repeat;
    padding-left: 1.8em;
}

#menu .menu a, #menu1 .menu1 a, #menu2 .menu2 a, #menu2a .menu2a a, #menu2b .menu2b a, #menu2c .menu2c a, #menu2d .menu2d a, #menu2e .menu2e a, #menu2f .menu2f a, #menu2g .menu2g a, #menu2h .menu2h a, #menu3 .menu3 a, #menu3a .menu3a a, #menu3b .menu3b a, #menu3c .menu3c a, #menu3d .menu3d a, #menu3e .menu3e a, #menu3f .menu3f a, #menu3g .menu3g a, #menu4 .menu4 a, #menu5 .menu5 a, #menu6 .menu6 a, #menu7 .menu7 a, #menu8 .menu8 a, #menu9 .menu9 a, #menu10 .menu10 a, #menu11 .menu11 a, #menu12 .menu12 a, #menu13 .menu13 a, #menu14 .menu14 a {
    background-color: #EAEAEA;
    background-position: 12px 7px;
    background-image: url(/en/development/desa/population/images/icons/list-item.gif);
    background-repeat: no-repeat;
    padding-left: 1.8em;
}


/* Right column in two column design */

#right_column, #right_column1 {
    float: left;
    width: 63.5em;
    margin-left: .4em;
    border-left: #E3E3E3 1px solid;
    border-right: #E3E3E3 1px solid;
    min-height: 40em;
}

    #right_column h1 {
        color: #0c559a;
        margin-bottom: 1em;
        padding-top: .3em;
    }

    #right_column h2, #right_column h2 a {
        margin: 1em 0em .4em 0em;
        padding-top: .3em;
        color: #0c559a;
    }

    #right_column h3, #right_column h3 a, .download {
        margin-bottom: .4em;
        padding-top: .3em;
        color: #0c559a;
    }

    #right_column h4, #right_column h4 a {
        margin: 1em 0em .2em 0em;
        color: #0c559a;
    }

    #right_column p {
        margin-bottom: .6em;
    }

.header {
    padding-left: .5em;
    background-color: #acc8d6;
    border-top: #0c559a 1px solid;
    border-bottom: #0c559a 1px solid;
}

.content {
    padding: 0em .5em 0em .5em;
}

    .content h2, .download {
        background: url(/en/development/desa/population/images/h2_bg.gif) repeat-x scroll center top transparent;
    }

    .content p {
        line-height: 1.45em;
        font-size: 1.13em;
    }

.dateline {
    float: right;
    font-style: italic;
    margin: 0em 1em .5em 0em;
}

.content ul {
    zoom: 1; /* hasLayout for IE<= 6 */
    overflow: auto; /* shrink the list to sit beside floats in all compliant browsers */
}

    .content ul li {
        list-style: url(/en/development/desa/population/images/bullet3.gif);
        list-style-type: none;
        padding: 0 0 4px 0px;
        margin: 0em 0em 0em 2em;
        line-height: 1.40em;
        font-size: 1.13em;
    }

.content ol li {
    line-height: 1.40em;
    font-size: 1.13em;
    margin-top: .3em;
}

.content ul li ul li {
    line-height: 1.40em;
    font-size: inherit;
}

.content table th, .content table td {
    line-height: 1.40em;
    font-size: 1.13em;
}

.content table ul li {
    font-size: 1.13em;
    line-height: 1.40em;
}

.contentCenter {
    padding: 0em .5em 0em .5em;
}

    .contentCenter p {
        line-height: 1.45em;
        font-size: 1.13em;
    }

    .contentCenter ul {
        margin: 0.4em 0 0.7em 0.2em;
    }

        .contentCenter ul li {
            background-image: url(/en/development/desa/population/images/bullet3.gif);
            background-repeat: no-repeat;
            padding: 0 0 4px 0px;
            margin: 0em 0em 0em 2em;
            line-height: 1.40em;
            font-size: 1.13em;
        }

    .contentCenter ol li {
        line-height: 1.40em;
        font-size: 1.13em;
        margin-top: .3em;
    }

    .contentCenter ul li ul li {
        line-height: 1.40em;
        font-size: inherit;
    }

    .contentCenter table th, .contentCenter table td {
        line-height: 1.40em;
        font-size: 1.13em;
    }

    .contentCenter table ul li {
        font-size: 1.13em;
        line-height: 1.40em;
    }

#right_column ul ul, #threecolcenter ul ul {
    margin-bottom: -.05em !important;
}

#right_column ol {
    margin-left: 2em;
}

#contentcentersubbullets {
    padding-left: 1em;
    margin-top: 1px;
}
/*
#two_column .ageing a:hover, #two_column .ageing a.sfhover, #two_column .demopaedia a:hover, #two_column .demopaedia a.sfhover {
	display: block;
	background-color: #EFEFEF;
	text-decoration: none;
	width:auto;

}
*/

/* Three column page */

#threecol {
    float: left;
    width: 100%;
    margin: 1.5em 0em 0em 0em;
}

#threecolcenter {
    float: left;
    width: 48.2em;
    margin: 0em .4em 0em .4em;
    border-left: #E3E3E3 1px solid;
    border-right: #E3E3E3 1px solid;
    border-top: #0c559a 1px solid;
    min-height: 40em;
}



    #threecolcenter h1 {
        color: #0c559a;
        margin-bottom: 1em;
        padding-top: .3em;
    }

    #threecolcenter h2, #threecolcenter h2 a {
        margin: 1em 0em .4em 0em;
        padding-top: .3em;
        color: #0c559a;
    }

    #threecolcenter h3, #threecolcenter h3 a {
        margin: 1em 0em .4em 0em;
        color: #0c559a;
    }

    #threecolcenter h4, #right_column h4 a {
        margin: .2em 0em .2em 0em;
        color: #0c559a;
    }

    #threecolcenter h5 {
        margin: .2em 0em .1em 0em;
        color: #0c559a;
    }

    #threecolcenter p {
        margin-bottom: .6em;
    }

    #threecolcenter strong {
        color: #0c559a;
    }

    #threecolcenter ul {
        margin: 0.4em 0 0.7em 0.2em;
    }

    #threecolcenter ol {
        margin: 0.4em 0 0.7em 2em;
    }

    #threecolcenter ul li {
        background-image: url(/en/development/desa/population/images/bullet3.gif);
        background-repeat: no-repeat;
        list-style-type: none;
        background-position: 6px 6px;
        padding: .2em 0em 0em 1.6em;
        margin: 0em 0em 0em 0em;
    }

    #threecolcenter .hzlist li, #right_column .hzlist li {
        display: inline;
        list-style-type: none;
        background-image: none;
    }


#right_column .ezlist li {
    display: inline;
    list-style-type: none;
    background-image: none;
    float: left;
    padding: .0em .0em .0em .0em;
    width: 90%;
}

    #right_column .ezlist li a {
        float: right;
        margin-left: 10px;
    }

#right_column .alphabet a {
    margin-left: 10px;
}

#right_column .summaryTables ul li {
    display: inline;
    list-style-type: none;
    background-image: none;
}

    #right_column .summaryTables ul li ul li {
        margin-left: 30px;
    }

#threecolright {
    width: 15.1em;
    float: left;
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    margin: 0em em 0em 0em;
    background-color: #FCFCFC;
}

    #threecolright h2 {
        background: url(/en/development/desa/population/images/h3_bg.gif) repeat-x scroll center top transparent;
        padding: .3em 0em .2em .2em;
        border-bottom: #e3e3e3 1px solid;
        border-top: #e3e3e3 1px solid;
        margin: 0em 0em .2em 0em;
        color: #0c559a;
        font-size: 1.25em !important;
    }

    #threecolright h3 {
        background-color: #f1f1f1;
        color: #0c559a;
        padding: .1em 0em .05em .2em;
        margin: .8em 0em .6em 0em;
    }


    #threecolright ul {
        margin-top: 2px;
    }

        #threecolright ul li {
            list-style: none;
            background-image: url(/en/development/desa/population/images/icons/list-item.gif);
            background-position: 4px 7px;
            background-repeat: no-repeat;
            padding: .3em 0.2em .2em 1em;
            display: block;
            color: #464646;
        }

            #threecolright ul li a {
                color: #464646;
            }

    #threecolright p {
        padding: 0em 0em 0em .2em;
    }

   
    #eventleft {
    width: 13.5em;
    float: left;
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    margin: 0em em 0em 0em;
    background-color: #FCFCFC;
}

    #eventleft h2 {
        background: url(/en/development/desa/population/images/h3_bg.gif) repeat-x scroll center top transparent;
        padding: .3em 0em .2em .2em;
        border-bottom: #e3e3e3 1px solid;
        border-top: #e3e3e3 1px solid;
        margin: 0em 0em .2em 0em;
        color: #0c559a;
        font-size: 1.25em !important;
    }

    #eventleft h3 {
        background-color: #f1f1f1;
        color: #0c559a;
        padding: .1em 0em .05em .2em;
        margin: .8em 0em .6em 0em;
    }


    #eventleft ul {
        margin-top: 2px;
    }

        #eventleft ul li {
            list-style: none;
            background-image: url(/en/development/desa/population/images/icons/list-item.gif);
            background-position: 4px 7px;
            background-repeat: no-repeat;
            padding: .3em 0.2em .2em 1em;
            display: block;
            color: #464646;
        }

            #eventleft ul li a {
                color: #464646;
            }

    #eventleft p {
        padding: 0em 0em 0em .2em;
    }

    

/*******************************   centerbreak 2 and 3 column ******************************/

#two_column .centerbreak {
    width: 59.5em;
    float: left;
}

#two_column .centerleft {
    width: 29.75em;
    float: left;
    margin: 0em 1.5em 0em 0em;
}

#two_column .centerright {
    width: 29.75em;
    float: left;
    margin: 0em 0em 0em 1.5em;
}

.twocolcenterbreak {
    width: 62em;
    float: left;
}

/*
.twocolcenterleft {
	width:28em;
	float:left;
	margin:0em 2.9em 0em 0em;
}

.twocolcenterright {
	width:28em;
	float:left;
	margin:0em 0em 0em 2.9em;
}
*/

#threecol .centerbreak {
    width: 48em;
    float: left;
}

#threecol .centerleft {
    width: 22em;
    float: left;
    margin: 0em 1.5em 0em 0em;
}

#threecol .centerright {
    width: 22em;
    float: left;
    margin: 0em 0em 0em 1.5em;
}


.twocolcenterleft h2, .twocolcenterleft h3, .twocolcenterright h2, .twocolcenterright h3 {
    padding-left: .2em;
}

.twocolcenterleft p, .twocolcenterright p {
    padding-left: .4em;
}


/******************************/

.centerright2 {
    width: 29.5em;
    float: left;
    margin: 0em 0em 0em 1.5em;
    border: 1px solid #FFC014;
    background-color: #FFF2D0;
}

#two_column .content .top {
    margin-top: 3em;
    margin-left: 40em;
    font-size: 90%;
}

#threecol .content .top {
    margin-top: 3em;
    margin-left: 45em;
    font-size: 90%;
}
/***** 4 columns *****/

.contentleft {
    float: left;
    width: 20em;
    padding-right: 1.3em;
}

.contentcenter {
    float: left;
    width: 20em;
}

.contentright {
    float: right;
    width: 20em;
}

    .contentleft h3, .contentcenter h3, .contentright h3 {
        border-bottom: #e1e1e1 1px solid;
        margin-top: 1em;
    }

/********************  Content display inline *********/
.inline {
    margin-top: .1em;
    padding-top: .3em;
    margin-bottom: .1em;
}

    .inline li {
        display: inline;
        background-image: none !important;
    }


.noimg li {
    background-image: none !important;
    margin: -.4em 0em -.4em 0em !important;
}



/********** Background **********/

.background1 {
    background-color: #FCFCFC;
    margin-bottom: 2em;
}

.background2 {
    background-color: #F9F9F9;
    margin-bottom: 2em;
}

/********** Images ************/



.img_theme {
    float: right;
    margin: 0em 0em .3em .3em;
}

.imgright {
    float: right;
    margin: .4em 0em .3em 1em;
}

.imgleft {
    float: left;
    margin: .4em 1em .3em 0em;
    clear: left;
}

.formulaleft {
    margin: 1.5em 52em 1.5em .3em !important;
}

.formulaleft1 {
    float: left !important;
    padding-bottom: 1em;
}

/****** Events **********/


.content td {
    vertical-align: top;
    padding: 8px 12px 8px 12px;
    border: 0;
    border-bottom: 1px dotted #cdb797;
}

.content th {
    background-color: #f1e6b8;
    border-color: #CDB797;
    border-style: none none dotted;
    border-width: 0 0 1px;
    padding: 8px 12px 4px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
}

.content .rowtint {
    background-color: #F9F9F9;
}


/**************************       PUBLICATIONS    *************/

.cdrom {
    float: right;
    border: 1px solid #3F843D;
    padding: .5em;
    color: #666;
    width: 22em;
    background-image: url(/en/development/desa/population/images/cdrom-background.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    margin: .2em 0em .2em .5em;
}

    .cdrom h4 {
        margin-top: 0em !important;
        background: url(/en/development/desa/population/images/h4_bg.gif) repeat-x scroll center top transparent;
        border-bottom: 1px solid #FFF2D0;
    }

.order {
    background: url(/en/development/desa/population/images/icons/icon_cart.gif) left;
    background-repeat: no-repeat;
    padding: .5em 0em 0em 1.7em;
    margin-left: .3em;
    background-color: #FFF2D0;
    border: 1px solid #FFC014;
}

.getpub {
    background-color: #FCFCFC;
    border: 1px solid #FFC014;
    display: block;
    float: left;
    margin: .4em .6em .5em 0em;
}

.content .getpub p {
    font-size: 1.3em;
    font-weight: bold;
}

.getpub ul {
    margin-top: -.5em;
    margin-bottom: -1em;
}

    .getpub ul li {
        font-size: 1em;
    }

.getpub .dlpub {
    background-image: url(/en/development/desa/population/images/icons/download-small.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding: .4em .6em 1.2em 4.4em;
}

.getpub .buypub {
    background-image: url(/en/development/desa/population/images/icons/download-cart.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding: .4em .6em 1.2em 4.4em;
}

.getpub .dlpdf {
    background-image: url(/en/development/desa/population/images/icons/download_pdf_small.jpg);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding: .4em .6em 1.2em 4.4em;
}

/**************************        ORDER           ************/
#ordertable h1 {
    color: #333;
    margin: 1em 0 1em 0;
    padding-top: .3em;
}


#ordertable h2 {
    color: #333;
    padding: .3em 0em .2em .2em;
    margin: .6em 0 .4em 0;
}

#ordertable .toptable {
    float: left;
}

#ordertable .bottomtable {
    margin-left: 10em;
    width: 68em !important;
}

#ordercol1, .ordercol1 {
    width: 46em;
}

#ordercol2, .ordercol2 {
    width: 5em;
}

#ordercol3, .ordercol3 {
    width: 5.5em;
}

#ordercol4, .ordercol4 {
    width: 5.5em;
}

#subcol {
    width: 5.5em !important;
}

#ordertable ol {
    margin-left: 2em;
}


#ordertable .bottomtable input {
    line-height: 1em;
    padding: .25em 0 .25em 0;
}

.product {
    width: 80em;
}


/**************************       POPUP           *************/

#popup label {
    display: none;
}

#popup p, #popup h2 {
    margin-left: .5em;
}

#popup h1 {
    margin: 1em 0 .5em 0;
}

#popup .formlist li {
    list-style-type: none;
    list-style: none;
    border-bottom: 1px dashed #ccc;
    margin-top: .4em;
}

#popup .email {
    margin-right: 2em;
}

#popup .name {
    margin-right: 3.9em;
}

#popup .submit {
    border: 1px outset #999999;
    padding: 0.1em 0 0.25em 0.1em;
    margin-left: .5em;
    position: relative;
    width: 5em;
}

#popup .inputemail, #popup .inputname {
    background: url("/en/development/desa/population/images/bg_button.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #B3B3B3;
    height: 1.3em;
    margin: 0 0.3em 0 0.7em;
    padding: 0.2em 0 0.2em 0.1em;
    width: 12em;
}

#popup .popupfooter {
    margin: 5em 0 0 1em;
}

    #popup .popupfooter li {
        display: inline;
        list-style: none;
    }
/**************************       FOOTER          *************/

.footnotes {
    border-top: 1px dotted #e3e3e3;
    background-color: #FCFCFC;
    margin-top: 10em;
    font-size: 85%;
    color: #666;
}

#ordertable .footnotes ol li {
    margin-left: 5em;
}

#footer {
    background-position: 0 -0.6em;
    font-size: 0.9em;
    padding-top: 10em;
    text-align: center;
    clear: both;
    vertical-align: bottom;
}

    #footer ul li {
        list-style: none;
        display: inline;
    }

.bullet {
    background-image: url(/en/development/desa/population/images/bullet3.gif);
    background-position: .667em .5em;
    background-repeat: no-repeat;
    margin: .1em 0em .7em 0em;
    padding-left: 1.8em !important;
}

.clear {
    height: 1px;
    line-height: 1px;
    clear: both;
    font-size: 1px;
}


#print {
    background-color: #F4F3F2;
    border: 1px solid #C4C4C4;
    float: right;
    margin: 1em 1.2em 5em 0;
    padding: 0.3em 0.3em 0.3em 0.6em;
    width: 4em;
}

    #print a {
        background: url("/en/development/desa/population/images/icons/print.gif") no-repeat scroll left center transparent;
        font-size: 90%;
        padding-left: 1.5em;
        text-decoration: none;
    }

.rights {
    background-color: #ccc !important;
    margin-top: 5em;
}

    .rights h2 {
        background-color: #fff !important;
    }

#ngos h3 {
    font-style: italic;
    color: #333;
    font-weight: normal;
    font-size: 1.13em;
}

#ngos h4 {
    font-size: 1.25em;
}

#ngos p {
    margin-left: 18px;
}

#ngos ul {
    margin-left: 18px;
}



.leftmargin {
    margin-left: 0.4em;
}

#divletters li {
    list-style-type: lower-alpha;
    padding-left: 10px;
}


#divletters2 li {
    list-style-type: lower-alpha;
    /*padding-left: 10px;*/
}


.eventsLocation {
    font-size: 0.7rem;
    color: #757575;
}

.eventtexts {
    width: 85%;
    float: left;
}

.eventtitle {
    width: 100%;
    float: left;
    /*padding-bottom: 10px;*/
}

    .eventtitle a, .eventtitle a:hover, .eventtitle a:visited {
        color: #02327A !important;
        font-weight: bold;
    }

.btn2 {
    display: inline-block;
    padding: 2px 6px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn2:focus,
    .btn2:active:focus,
    .btn2.active:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn2:hover,
    .btn2:focus {
        color: #333;
        text-decoration: none;
    }

    .btn2:active,
    .btn2.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

    .btn2.disabled,
    .btn2[disabled],
    fieldset[disabled] .btn2 {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

.btn2-default {
    color: #333;
    background-color: #fff;
    /*border-color: #ccc;*/
}

    .btn2-default:hover,
    .btn2-default:focus,
    .btn2-default:active,
    .btn2-default.active,
    .open .dropdown-toggle.btn2-default {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad;
    }

    .btn2-default:active,
    .btn2-default.active,
    .open .dropdown-toggle.btn2-default {
        background-image: none;
    }

    .btn2-default.disabled,
    .btn2-default[disabled],
    fieldset[disabled] .btn2-default,
    .btn2-default.disabled:hover,
    .btn2-default[disabled]:hover,
    fieldset[disabled] .btn2-default:hover,
    .btn2-default.disabled:focus,
    .btn2-default[disabled]:focus,
    fieldset[disabled] .btn2-default:focus,
    .btn2-default.disabled:active,
    .btn2-default[disabled]:active,
    fieldset[disabled] .btn2-default:active,
    .btn2-default.disabled.active,
    .btn2-default[disabled].active,
    fieldset[disabled] .btn2-default.active {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn2-default .badge {
        color: #fff;
        background-color: #333;
    }

/*this block overwrites the styles in jplist.min.css*/
.jplist-panel-right {
    padding-left: 10px !important;
}

.jplist-panel label {
    padding: 10px 5px !important;
    
}

.jplist-panel input[type="checkbox"], .jplist-panel input[type="radio"] {
    height: 50px !important;
    background-color: #acc8d6 !important;
}

.jplist-select {
    padding: 0px !important;
}
/*END - this block overwrites the styles in jplist.min.css*/