@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.
*/
/***************************************************************
 ************************** 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;
    line-height: 1.5em;
}

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, h6, strong {
    font-weight: bold;
}

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

blockquote, ul, ol, dl {
    margin: .8em;
    font-size: 9pt;
}


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

h1 {
    font-size: 11pt;
}

#banner .hiddentitle {
    display: none;
}

h2 {
    font-size: 10pt;
}

h3 {
    font-size: 10pt;
}

h4 {
    font-size: 10pt;
    color: #D69D36;
}

h5 {
    font-size: 9pt;
    color: grey;
    font-style: italic;
}

h6 {
    font-size: 10pt;
}

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: #46a3f3;
}

a:visited {
    text-decoration: none;
    color: #46a3f3;
    /*color: #4F5B6C;*/
}

a:hover {
    text-decoration: underline;
}

sup {
    color: #666;
    padding-left: .1em;
    font-size: 8pt;
}

/***************************************************************
 ******** 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-color: #FCFCFC;
}

/*
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;
    margin-bottom: 15px;
    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;
    line-height: 17px;
}

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

.nowrap {
    white-space: nowrap;
}

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

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

#banner1 {
    background-image: url(/en/development/desa/population/migration/images/banner3migration.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 *************/

#lowerbar1 {
    background-color: #070050;
    float: left;
    /*width:79em;*/
    width: 100%;
    margin-top: .1em;
}

/*.lowerbar1 {
	float:left;
	margin: 0em 0em 0em 14.5em;
	height:20px;
}*/

.lowerbar1 ul {
    margin-top: .0em;
    padding-top: 0em;
    border-bottom: 1px;
    border-bottom-style: solid;
}

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

    .lowerbar1 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: 40px !important;
        display: block;
        top: 0px;
        left: 0px;
    }

#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;
    }

    .main_menu ul {
        position: initial;
        display: none;
        width: initial;
        left: 0;
        top: 40px;
        list-style: none;
        zoom: 1;
        z-index: 25;
        padding: 0px;
        margin: 0px;
        /*border: 1px solid #e0e0e0;*/
    }

        .main_menu ul li a {
            /*background-color: #acc8d7;*/
            color: #235f91;
            /*padding-left: 35px;
            padding-right: 35px;*/
        }



/*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, .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 ul {
        margin: 0px;
        padding-top: 0px;
        display: none;
        position: absolute;
        left: 0px;
        z-index: 99;
        top: 45px;
        background-color: #acc8d7;
        width: inherit;
        padding: 0;
        margin: 0;
    }

    .main_menu li:hover ul {
        display: inline-block;
        color: red;
        /*width: inherit;*/
        padding: 0;
        margin: 0;
    }

    .main_menu ul ul {
        padding: 0 9px;
        display: block;
    }

    .main_menu li ul li {
        list-style: none;
        display: list-item;
        white-space: nowrap;
        color: #98b4c2;
        background: #acc8d7;
        width: 100%;
    }

    .main_menu li li:hover, .main_menu li li li:hover {
        color: #98b4c2;
        background-color: #98b4c2;
        /*width: inherit;*/
        background-image: none;
        /*width: auto;*/
    }

    .main_menu ul li li a:hover {
        color: #3f7841;
        /*width: auto;*/
        background-image: none;
    }




.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;
}

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

/* Left menu */


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



#leftcolumnheader a {
    color: #0c559a;
    text-decoration: none;
    padding: .3em 0em .2em .1em;
    background: url('/en/development/desa/population/migration/images/edges_right.png') left top no-repeat;
}

    #leftcolumnheader a:hover {
        color: #0c559a;
        text-decoration: none;
        background-color: #acc8d6 !important;
    }

.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 {
    width: 14.5em;
    /*float: right;*/
    float: right;
    border-right: 1px solid #d6d6d6;
    margin: 0em;
    padding-right: 3px;
}

    #left_column h2 {
        background-color: #acc8d6; /*light blue*/
        color: #0c559a; /*dark blue*/
        padding: .3em 2px .2em 5px;
        background: url(/en/development/desa/population/migration/images/edges_right.png) left top no-repeat;
    }

    #left_column ul {
        margin-top: 2px;
        margin-bottom: 0px;
        width: 100%;
    }

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

    #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;
    }

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

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

#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 {
    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 */

.menu0 {
    border-bottom: 1px dotted #ccc;
    display: block;
    color: #464646;
    padding: .3em 0.2em .2em .5em;
    text-decoration: none;
}

    .menu0:hover {
        background-color: #ffffff !important;
    }

.menu2 a {
    padding-left: 2em !important;
}

.menu3 {
    border-bottom: 1px dotted #ccc;
    display: block;
    color: #464646;
    padding: .3em 0.2em .2em .5em;
    text-decoration: none;
}

.menu4 {
    padding-left: 2em !important;
    border-bottom: 1px dotted #ccc;
    display: block;
    color: #464646;
    padding: .3em 0.2em .2em .5em;
    text-decoration: none;
}

.menuotherlinks {
    border: none !important;
    display: inline !important;
}

    .menuotherlinks:hover {
        background-color: #fff !important;
        text-decoration: none !important;
    }

#right_column, #right_column1 {
    float: left;
    width: 62.5em;
    margin-left: .4em;
    margin-right: .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;
        padding-right: 15px;
        /*text-align: justify;*/
    }

.desc {
    font-style: italic;
}


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

.expertsheader {
    padding-left: .5em;
    border-bottom: #0c559a 3px solid;
    text-align: center;
    background-color: #E3E3E3;
}

.otherheader {
    padding-left: .5em;
    border-bottom: #0c559a 3px solid;
    text-align: center;
    background-color: #E3E3E3;
}

.content {
    margin-top: .20em;
    padding-left: .5em;
    height: auto;
}

    .content p {
        line-height: 1.45em;
        font-size: 9pt;
        padding-top: 4px; /*marilou add*/
    }

.content1 {
    margin-top: 0em !important;
    padding-left: 0 !important;
    width: 63.1em !important;
}

.content2 {
    margin-top: 0em !important;
    margin: 0 5px 0 5px !important;
    width: 98% !important;
}

.contents {
    margin-top: .20em;
    padding-left: .5em;
    height: auto;
}

    .contents p {
        line-height: 1.45em;
        font-size: 9pt;
        padding-top: 4px; /*marilou add*/
        text-align: justify;
    }

    .contents ul {
        padding-left: 1.5em;
    }

.contentsdivtop {
    float: left;
}

    .contentsdivtop h2 {
        margin-bottom: 0;
        font-weight: bold;
    }

    .contentsdivtop a {
        text-decoration: none;
    }

.contentquote {
    font-style: italic;
    /*text-align: center;*/
    /*padding-left: 25px;*/
    padding-bottom: 5px;
}

.contentblock {
    display: block;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
    width: 100%;
    height: 18em;
    border-bottom: 1px solid #B9CBF1;
}

.contentblockpartners {
    display: block;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
    width: 100%;
    height: 18em;
}

.contentblockimglogo {
    float: right;
    width: 15%;
    padding-right: 15px;
    margin-top: 2em;
}

.contentblockpdiv {
    float: left;
    width: 80%;
    height: 18.5em;
}

.contentblockimglogo img {
    /*max-width: 116px;
    max-height: 125px;*/
    width: 115px;
    height: 115px;
    /*margin-top: 20px;*/
    border: 1px solid #acc8d6;
}

.contentblockimglogoimg {
    width: 115px !important;
    height: 135px !important;
}

.contentblockpdivzip {
    padding-top: 10px;
}

.contentblocksmaller {
    display: block;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
    width: 100%;
    height: 13em;
    border-bottom: 1px solid #B9CBF1;
}

.contentbutton {
    background-color: #23649f;
    width: 82px;
    padding: 7px 7px 7px 7px !important;
    margin: 15px 5px;
    color: #ffffff !important;
    text-align: center;
}

    .contentbutton a, .contentbutton a:hover, .contentbutton a:visited {
        color: #ffffff !important;
        font-family: Arial, Helvetica, sans-serif;
    }


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

    #contentleftcolumn h2 {
        background-color: #acc8d6; /*light blue*/
        color: #0c559a; /*dark blue*/
        margin: 0;
        padding-left: 5px;
        padding-bottom: 5px;
        /*padding: .3em 0em .2em .2em;*/
    }

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

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

.contenttext {
    border: 1px solid #E0E0E0;
    padding-left: 10px;
    padding-bottom: 1em;
    background: #f6f6f6;
    margin-top: 5px;
}

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

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

    .content ul li {
        background-image: url(/en/development/desa/population/migration/images/bullet3.gif);
        background-repeat: no-repeat;
        list-style-type: none;
        background-position: 2em .45em;
        padding: 0em 0em 0em 3.5em;
        margin: 0em 0em 0em 0em;
        font-size: 9pt;
        padding-bottom: .75em;
    }

.contentsubbullet {
    background-image: url(/en/development/desa/population/migration/images//icons/list-item5.gif) !important;
    background-position: 1em .45em !important;
    padding: 0em 0em .45em 2.5em !important;
}

.contentsubul {
    background-image: url('/en/development/desa/population/migration/images/icons/list-item.gif') !important;
    background-repeat: no-repeat;
    list-style-type: none;
    background-position: .5em .45em !important;
    padding: 0em 0em 0em 23px !important;
    margin: 0em 0em 0em 0em;
    font-size: 9pt;
}

.content ol li {
    line-height: 1.40em;
    font-size: 9pt;
    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: 9pt;
    /*width: auto;*/
}

.contenthiddentd {
    visibility: hidden;
    width: 0px !important;
    font-size: 1pt !important;
    padding: 0 !important;
    /*border-bottom: none !important;*/
}

.contenthiddentrtd {
    visibility: hidden;
    width: 0px !important;
    font-size: 1pt !important;
    padding: 0 !important;
    border-bottom: none !important;
}

.contenthiddentr {
    visibility: hidden;
    width: 0px !important;
    font-size: 1pt !important;
    padding: 0 !important;
}

.contenthiddentr {
    visibility: hidden;
    width: 0px !important;
    font-size: 1pt !important;
    padding: 0 !important;
}

.contentmodifiedtd1 {
    width: 10000px !important;
}

.contentmodifiedtd {
    width: 155px !important;
    padding-left: 0px !important;
}

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

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

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

    .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: 9pt;
        }

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

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

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

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

.contentcamera {
    display: block;
    padding-bottom: 10px;
    width: 100%;
    min-height: 150px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

#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 */

.report {
    width: 100%;
    padding-top: 15px;
}

.threecoldivsleft {
    padding-left: 0px;
    padding-top: 0;
    float: left;
    width: 80%;
}

.threecoldivsright {
    text-align: right;
    padding-right: 5px;
    float: right;
}


#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 .5em .5em;
        padding-top: .3em;
        color: #0c559a;
    }

    #threecolcenter h3, #threecolcenter h3 a {
        margin: 1em 0em .4em 0em;
        color: #0c559a;
        padding-left: 8px;
    }

    #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;
        padding-left: 10px;
        padding-right: 10px;
    }

    #threecolcenter strong {
        color: #0c559a;
    }

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

    #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;
    }


/*******************************   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 1px 8px 15px; changed for circles - mv 0505*/
    padding: 2px 2px 2px 2px;
    border: 0;
    /*border-bottom: 1px dotted #cdb797;*/
}

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

.contentth {
    background-color: #acc8d6;
    border-color: #acc8d6;
    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/migration/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;
    }

.lowerimages {
    padding-top: 15em;
}

    .lowerimages img {
        width: 92px;
        height: 92px;
        padding-right: 5px;
    }

.divwithprinter {
    padding-left: 0px;
    padding-top: 0;
    float: left;
    width: 80%;
}

.divprinter {
    text-align: right;
    padding-right: 20px;
    padding-top: 10px;
    float: right;
    text-decoration: none;
}

    .divprinter a {
        text-decoration: none;
        color: #0c559a;
        font-weight: bold;
    }

.report2 {
    padding-left: 15px;
    float: left;
    padding-top: 2px;
}

.divfloatleft {
    padding-left: 10px;
    padding-top: 0;
    float: left;
    width: 95%;
}




.page_container {
    /*padding-bottom: 30px;*/
    padding-top: 20px;
}

.planning a {
    text-decoration: none;
    padding-right: 3px;
    color: #0c559a;
}

.fist_line_planning {
    /*background: #acc8d7;*/
    padding-top: 0;
    padding-left: 10px;
    padding-right: 15px;
    margin-top: 0;
    vertical-align: top;
    bottom: 0;
}

.color1 {
    color: #607A89;
    /*border: 1px solid #B9CBF1;*/
}

.color2 {
    color: #607A89;
}

.color3 {
    color: #607A89;
    /*border: 1px solid #B9CBF1;*/
    /*background-image: url(/en/development/desa/population/migration/images/data/Totals_light.png);
    background-repeat: no-repeat;*/
}

.color4 {
    /*background: #607a89;*/
    color: #607A89;
    /*border: 1px solid #B9CBF1;*/
}

.service_block_box {
    width: 33%;
    position: relative;
    display: block;
    float: right;
    padding-right: 3px;
    height: 13em;
}

.service_block {
    display: block;
    margin: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 5px;
    border: 1px solid #B9CBF1;
    height: 13em;
    padding-right: 10px;
    /*padding-top: 10px;*/
}

.icon_block {
    margin: 0 auto;
    display: block;
    /*transition: all 0.3s ease-in-out;*/
    /*-webkit-transition: all 0.3s ease-in-out;*/
    height: 50px;
    width: 50px;
    padding-top: 10px;
}

.link_title {
    display: block;
    margin-top: 10px;
    margin: 5px;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    /*transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;*/
}

.service_txt {
    display: block;
    padding: 5px 5px 5px 15px;
    /*transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;*/
}

/*camera*/
#back_to_camera {
    clear: both;
    display: block;
    height: 80px;
    line-height: 40px;
    padding: 20px;
}

.fluid_container {
    margin: 0 auto;
    max-width: 1000px;
    width: 99%;
}

/***************/
#lowerbar1 {
    background-color: #070050;
    float: left;
    /*width:79em;*/
    width: 100%;
    margin-top: .1em;
}

/*.lowerbar1 {
	float:left;
	margin: 0em 0em 0em 14.5em;
	height:20px;
}*/

.lowerbar1 ul {
    margin-top: .0em;
    padding-top: 0em;
    border-bottom: 1px;
    border-bottom-style: solid;
}

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

    .lowerbar1 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: 40px !important;
        display: block;
        top: 0px;
        left: 0px;
    }

.main_menu {
    background-color: #acc8d7;
    clear: both;
    width: 100%;
    text-align: justify;
    margin: 0 auto;
    padding-bottom: 0px;
    background-image: linear-gradient(top, #acc8d7, #98b4c2);
}

    .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 10px;
        position: relative;
        text-decoration: none;
        /* text-shadow:0 1px 1px #242424; */
        text-shadow: none;
        text-align: justify;
        display: inline-block;
    }
/*ul#css3menu1,ul#css3menu1 ul{*/
ul#css3menu1 {
    margin: 0;
    margin-top: 1px;
    list-style: none;
    padding: 0 0px 0 0px;
    background-color: #acc8d7;
    border-width: 0px;
    border-style: solid;
    border-color: #5f5f5f;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;*/
    color: RED;
    width: auto;
}

    ul#css3menu1 ul {
        margin: 0px;
        list-style: none;
        padding: 0 0px 0 0 px;
        background-color: #acc8d7;
        border-width: 0px;
        border-style: solid;
        color: RED;
        width: auto;
        border-collapse: separate;
    }


    ul#css3menu1 ul {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        border-color: #d4d4d4;
        padding: 0 0px 10px;
        border-top: grey 2px solid;
    }

    ul#css3menu1 li:hover > * {
        display: inline-block;
    }

    ul#css3menu1 li {
        position: relative;
        margin-top: 5px;
        display: block;
        /*white-space:nowrap;*/
        font-size: 0;
        float: left;
        border-width: 2px;
        border-color: Yellow;
        width: 350px;
    }

        ul#css3menu1 li:hover {
            z-index: 1;
        }

ul#css3menu1 {
    font-size: 0;
    z-index: 999;
    position: relative;
    display: inline-block;
    zoom: 1;
    padding: 0 10px 0 10px;
    display: inline;
    top: 0 !important;
}

html ul#css3menu1 li a {
    display: inline-block;
}

ul#css3menu1 > li {
    margin: 0;
    width: auto;
}

ul#css3menu1 a:active, ul#css3menu1 a:focus {
    outline-style: none;
}

ul#css3menu1 li:hover > a, ul#css3menu1 li a.pressed {
    border-style: solid;
    color: #ffffff;
    text-decoration: none;
    background-color: #3e76b3;
    word-wrap: break-word;
    width: auto;
}

ul#css3menu1 a {
    display: block;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    font: small Trebuchet MS;
    color: White;
    text-shadow: #FFF 0 0 1px;
    cursor: pointer;
    border-width: 0 0 0 0px;
    border-style: solid;
    width: auto;
    border-left: 1px solid #585858;
    color: #235f91;
    font-size: 13px;
    font-weight: 700;
    height: auto;
    line-height: 45px;
    padding-left: 22px;
    padding-right: 20.5px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    text-align: justify;
    display: inline-block;
    word-wrap: break-word;
}

ul#css3menu1 ul li {
    float: none;
    margin: 0px 0 0;
    width: 230px;
    word-wrap: break-word;
}

    ul#css3menu1 ul li:hover {
        float: none;
        margin: 0px 0 0;
        width: 230px;
        background-color: #3e76b3;
    }

ul#css3menu1 ul a {
    text-align: left;
    padding: 10px 20px 10px 25px;
    border-width: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font: small Tahoma;
    color: #235f91;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
}

    ul#css3menu1 ul a:hover {
        background-color: #3e76b3 !important;
        width: 185px !important;
        word-wrap: break-word;
    }





/*ul#css3menu1 ul li:hover, ul#css3menu1 ul li a.pressed {
    background-image: none;
    color: yellow;
    text-decoration: none;
    background-color: red;
    width: 206px;
}*/


.td1longer {
    width: 79px !important;
}

.thumb {
    background-color: aliceblue;
    width: 750px;
    left: 50em;
}

.td2longer {
    width: 53em !important;
}

.sessiontd1 {
    width: 9.5em !important;
}

.leftcolumnbar {
    border-radius: 5px;
}

.leftcolumntop {
    padding-top: 10px;
}

#slider1_container {
    width: 948px !important;
    position: relative;
    top: 0px;
    left: 0px;
    height: 300px;
    background: #ffffff;
    overflow: hidden;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

.sliderlargephoto {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 775px;
    height: 300px;
    overflow: hidden;
}

.sliderlargeimage {
    width: 600px;
    height: 288px;
    position: absolute;
    left: 265px;
    top: 6px;
}

.slider1_container_back {
    width: 1050px !important;
}

.alternates a, .alternates a:hover, .alternates a:visited {
    color: #0C559A;
    font-weight: bold;
}


.captionOrange, .caption#0c559a {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

.captionOrange {
    background: #EB5100;
    background-color: rgba(235, 81, 0, 0.6);
}

.caption#0c559a {
    font-size: 16px;
    background: #000;
    background-color: rgba(0, 0, 0, 0.4);
}

a.captionOrange, A.captionOrange:active, A.captionOrange:visited {
    color: #ffffff;
    text-decoration: none;
}

    a.captionOrange:hover {
        color: #eb5100;
        text-decoration: underline;
        background-color: #eeeeee;
        background-color: rgba(238, 238, 238, 0.7);
    }

.bricon {
    background: url(../img/browser-icons.png);
}

.slider1_container2 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 744px;
    height: 300px;
    /*background: #000;*/
    overflow: hidden;
    /*border-right: 2px solid #E3E3E3;
    border-top: .5px solid #E3E3E3;
    border-bottom: 2px solid #E3E3E3;
    border-left: .5px solid #E3E3E3;*/
}

.slider1_container2_load {
    /*filter: alpha(opacity=70);
    opacity: 0.7;*/
    position: absolute;
    display: block;
    background-color: #000000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

slider1_container2_load2 {
    position: absolute;
    display: block;
    background: url(/en/development/desa/population/migration/images/icons/loading.gif) no-repeat center center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.captionslidecontainer {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 744px;
    height: 300px;
    overflow: hidden;
}


.captions {
    position: absolute;
    top: 268px;
    left: 0px;
    width: 744px;
    height: 30px;
}

.captionslideback {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 744px;
    height: 30px;
    background-color: #0c559a;
    /*opacity: .85;
    filter: alpha(opacity=80);*/
}

.captionslide {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 744px;
    height: 50px;
    color: #ffffff;
    font-size: 12px;
    /*font-weight: bold;*/
    line-height: 30px;
    text-align: left;
    padding-left: 10px;
}

/*.leftcolumnheader2 {       
        color: #0c559a; 
        padding: .3em 2px .2em 5px;
        background: url(/en/development/desa/population/migration/images/edges_right.png) left top no-repeat !important;
    }*/

#t1 {
    width: 62.5em;
}

/* jssor slider thumbnail navigator skin 11 css */
/*
      .jssort11 .p            (normal)
      .jssort11 .p:hover      (normal mouseover)
      .jssort11 .pav          (active)
      .jssort11 .pav:hover    (active mouseover)
      .jssort11 .pdn          (mousedown)
      */
.jssort11 {
    font-family: Arial, Helvetica, sans-serif;
}

    .jssort11 .i, .jssort11 .pav:hover .i {
        position: absolute;
        top: 8px;
        left: 3px;
        WIDTH: 70px;
        HEIGHT: 55px;
        border: white 1px solid;
    }

    * html .jssort11 .i {
        WIDTH /**/: 62px;
        HEIGHT /**/: 32px;
    }

    .jssort11 .pav .i {
        border: white 1px solid;
    }

    .jssort11 .t, .jssort11 .pav:hover .t {
        position: absolute;
        top: 3px;
        left: 81.5px;
        width: 220px;
        height: 52px;
        line-height: 22px;
        padding-top: 20px;
        color: #0c559a;
        font-size: 13px;
        font-weight: 300;
    }

    .jssort11 .pav:hover .t {
        background-color: #b4bdba;
        color: #ffffff;
    }

    .jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t {
        color: #ffffff;
        line-height: 22px;
    }

    .jssort11 .c, .jssort11 .pav:hover .c {
        position: absolute;
        top: 38px;
        left: 3px;
        width: 200px;
        height: 31px;
        line-height: 31px;
        color: #ffffff;
        font-size: 10pt;
        font-weight: 400;
        overflow: hidden;
        background-color: #0c559a;
    }

    .jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c {
        color: #fc9835;
    }

    .jssort11 .t, .jssort11 .c {
        transition: color 2s;
        -moz-transition: color 2s;
        -webkit-transition: color 2s;
        -o-transition: color 2s;
    }

    .jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c {
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
    }

    .jssort11 .p {
        background: #acc8d7;
    }

    .jssort11 .t:hover {
        color: #0c559a;
        text-decoration: none;
    }

    .jssort11 .t a {
        color: #ffffff;
        text-decoration: none;
    }

        .jssort11 .t a:visited {
            color: #ffffff;
        }

        .jssort11 .t a:hover {
            color: #ffffff;
            text-decoration: none;
        }

    .jssort11 .pav, .jssort11 .pdn {
        background: #3e76b3;
    }

        .jssort11 .pav, .jssort11 .pdn, .jssort11 .pav:hover, .jssort11 .pdn::after hover {
            background: #3e76b3;
        }

            .jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover {
                background: #b4bdba;
                color: #ffffff;
            }

.showSingle {
    cursor: pointer;
}

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

.datatitle {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

    .datatitle a, .datatitle a:hover, .datatitle a:visited {
        color: #0c559a !important;
        font-weight: bold;
    }

.datadescription {
    width: 100%;
    float: left;
    font-size: 9pt;
    text-align: justify;
    padding-top: 10px;
}

    .datadescription p, .datadescription a, .datadescription a:visited {
        height: auto;
        font-size: 9pt;
        padding-bottom: 1em;
        color: black !important;
    }

.type {
    width: 100%;
    float: left;
    font-size: 9pt;
    text-align: justify;
    font-style: italic;
    padding-bottom: 15px;
}

.dataimg {
    margin: 0;
    padding: 0;
    padding-top: .5em;
}

.cpdmenu {
    height: 30px !important;
    line-height: 15px !important;
    padding-top: 1px;
    padding-bottom: .5em !important;
    padding-right: 5px;
}

.homeslidertext {
    position: absolute;
    width: 250px;
    height: 400px;
    left: 10px;
    text-align: left;
    line-height: 1.8em;
    font-size: 11px;
}

.homeslidertextspan1, .homeslidertextspan1 a {
    display: block;
    line-height: 1em;
    font-size: 15px;
    color: #ffffff;
    padding-top: 5px;
    padding-left: 5.5px;
    padding-right: 10px;
    font-weight: bold;
}

.homeslidertextspan2 {
    display: block;
    line-height: 1.1em;
    font-size: 9.5pt;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 13px;
    font-weight: 100;
}

.homeslidertextspan3 {
    margin-top: 8em;
    font-size: 11pt;
    color: #ffffff !important;
    font-weight: 200;
    line-height: 1.25em;
    padding-left: 10px;
    padding-right: 13px;
}

    .homeslidertextspan3 a, .homeslidertextspan3 a:visited {
        color: #ffffff !important;
        text-decoration: none;
    }


.homesliderbutton3 {
    margin-top: 2em;
    margin-left: 6.5em;
    font: 10pt normal;
}

.slidesimg {
    position: absolute;
    left: 265px;
    width: 617px;
    height: 350px;
}

#backdocstbl {
    margin-bottom: 13px;
}

    #backdocstbl table td {
        border: none;
        padding-left: 30px;
        padding-top: 3px;
        padding-bottom: 0;
        height: 0px !important;
    }

#tblagenda {
    margin-top: 10px;
    /*border-bottom: #4682b4 dotted 1px;*/
    /*background-color: #f6f6f6;*/
}

    #tblagenda h2 {
        margin-left: 0;
    }

    #tblagenda thead td {
        background: #f6f6f6;
    }

    #tblagenda td {
        border-bottom: none;
    }

    #tblagenda h5, #tblagenda h5 a {
        color: #0c559a;
        font-size: 10pt;
        font-weight: bold;
        font-style: normal;
    }

.tableagendatdsmallwidth {
    width: 50px !important;
}

.tblagendatrend {
    padding-left: 75px !important;
    padding-top: 10px !important;
}

/* menu styles */

.dropdownbody {
    background-image: none !important;
    padding: 0 !important;
}

#jsddm {
    margin: 0;
    padding: 0;
}

    #jsddm li {
        float: left;
        list-style: none;
        font: 12px Tahoma, Arial;
    }

        #jsddm li a {
            display: block;
            padding: 5px 12px;
            text-decoration: none;
            border-right: 1px solid white;
            white-space: nowrap;
        }

            #jsddm li a:hover {
                /*background: #acc8d7;
                color: #ffffff;*/
            }

        #jsddm li ul {
            color: #ffffff;
            margin: 0;
            padding: 0;
            position: absolute;
            visibility: hidden;
            border-top: 1px solid white;
            width: auto;
        }

            #jsddm li ul li {
                float: none;
                display: inline;
            }

                #jsddm li ul li a {
                    width: auto;
                    background: #acc8d7;
                    color: #ffffff;
                }

                    #jsddm li ul li a:hover {
                        background: #235f91;
                        color: #ffffff;
                    }

tr.tableorgworkheader td {
    padding-top: 1.5em !important;
}

.tableorgworkitem {
    color: #46a3f3;
    padding-bottom: .75em !important;
}


.tableorgwork span, .tableorgwork span a {
    color: #0c559a;
    font-style: italic;
}

.tableorgworkitem span {
    color: #0c559a;
    font-style: italic;
}

.nopaddingtop {
    padding-top: 0 !important;
}

.nopaddingbottom {
    padding-top: 0 !important;
}

.smalllineheight {
    line-height: 1.2em !important;
}