﻿

/********************************************** Global Styles **********************************************/

/*********************** Fonts Related **********************/

body * {
    font-family: "Open Sans",sans-serif !important;
}

body ul li, ol dl {
    font-size: 13px !important;
}

body h1 {
    font-size: 46px !important;
    color: #000 !important;
}

body h2 {
    font-size: 30px !important;
    color: #000 !important;
}

body h3 {
    font-size: 25px !important;
    color: #000 !important;
    font-weight: 600 !important;
}

    body h3.page-title-text {
        line-height: 25px !important;
    }

body h4 {
    font-size: 20px !important;
    color: #000 !important;
    font-weight: 600 !important;
}

body h5 {
    font-size: 20px !important;
    color: #333 !important;
}

body h6 {
    font-size: 15px !important;
    color: #000 !important;
    font-weight: 600 !important;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-36 {
    font-size: 36px !important;
}

.bold {
    font-weight: bold!important;
}

body p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 10px;
    /*margin-right: 10px;
    margin-left: 10px;*/
    color: #000;
}

body span {
    font-size: 13px;
    line-height: 1.5;
    color: #000;
}

body a:hover,
body a:focus {
    color: #333;
}

body a:focus {
    text-decoration: none;
}

/*body a:hover,*/

body p a:hover,
body ul a:hover {
    text-decoration: underline;
}

.upper-case {
    text-transform: uppercase;
}

.marL20 {
    margin-left: 20px;
}

.break-word {
    word-wrap: break-word;
}

.error-message {
    color: red !important;
    font-weight: bold;
}


/*********************** Page Structure Related **********************/


body ul {
    margin: 0;
    padding: 0;
}

.noleftpadding {
    padding-left: 0 !important;
}

.norightpadding {
    padding-right: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}


.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.padt5 {
    padding-top: 5px;
}

.padt10 {
    padding-top: 10px;
}

.padt15 {
    padding-top: 15px;
}

.padt20 {
    padding-top: 20px;
}

.padt25 {
    padding-top: 25px;
}

.padb5 {
    padding-bottom: 5px;
}

.padb10 {
    padding-bottom: 10px;
}

.padb15 {
    padding-bottom: 15px;
}

.padb20 {
    padding-bottom: 20px;
}

.padb25 {
    padding-bottom: 25px;
}

.padl5 {
    padding-left: 5px !important;
}

.padl10 {
    padding-left: 10px !important;
}

.padl15 {
    padding-left: 15px !important;
}

.padl20 {
    padding-left: 20px !important;
}

.padl25 {
    padding-left: 25px !important;
}

.padl30 {
    padding-left: 30px !important;
}

.padr30 {
    padding-right: 30px;
}

.padt0 {
    padding-top: 0px !important;
}

.padt5 {
    padding-top: 5px !important;
}

.padt10 {
    padding-top: 10px !important;
}

.padt15 {
    padding-top: 15px !important;
}

.padt20 {
    padding-top: 20px !important;
}

.padt25 {
    padding-top: 25px !important;
}

.padt30 {
    padding-top: 30px !important;
}

.padt35 {
    padding-top: 35px !important;
}


.w100px {
    width: 100px;
}

.w150px {
    width: 150px;
}

.w200px {
    width: 200px;
}

.w250px {
    width: 250px !important;
}

.w300px {
    width: 300px;
}

.w320px {
    width: 320px;
}

.w400px {
    width: 400px;
}

.w500px {
    width: 500px;
}

.w100per {
    width: 100%;
}

select {
    background-image: url(/App_Themes/img/select_dropdown.png);
    border: 1px solid #e4e4e4;
    background-color: #f2f2f2 !important;
    color: #333 !important;
    background-position: 96% center;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 13px;
    line-height: 20px;
    height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.border-bottom-with-padding {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 5px;
}

.display-block {
    display: block!important;
}

.display-none{
    display: none!important;
}

.visibility-hidden {
    visibility: hidden;
}

/* Table */

body table {
    margin-bottom: 0;
    width: 100%;
}

    body table tr th, table tr td {
        white-space: inherit !important;
    }

    body table tr:nth-of-type(odd) {
        background: #f5f5f5;
    }

    body table tr:nth-of-type(even) {
        background: #fff;
    }

    body table tr:hover {
        background: #ddd !important;
    }


/******* Tabs *******/
/*.tabs dd > a, .tabs .tab-title > a {
    border-bottom: 0 none !important;
    padding: 5px 10px;
    font-size: inherit;
    background-color: #fff;
}

    .tabs dd > a:hover, .tabs .tab-title > a:hover {
        background-color: #fff;
        border-bottom: 2px solid #38b1ef !important;
        color: #38b1ef;
        text-decoration: none;
    }*/

.custom-tab-wrapper,
.sub-menu {
    margin-top: 10px!important;
}

    .custom-tab-wrapper ul.tabs,
    .sub-menu-wrapper ul.tabs {
        /*background: transparent url(/App_Themes/css/DB/images/backgrounds/bg-subnav.png) repeat-x left top;*/
        /*left: 0;
    list-style-type: none;
    height: 30px;
    padding: 0;
    top: 0;
    width: 710px;*/
        border-bottom: 1px solid #aaa !important;
    }

.sub-menu-wrapper ul#document-selector {
    /*background: transparent url(/App_Themes/css/DB/images/backgrounds/bg-subnav-report.png) repeat-x left top !important;
	height:40px !important;*/
    border-bottom: 0;
    margin-top: 10px;
}

    .sub-menu-wrapper ul#document-selector select {
        margin: 5px 0 0 0;
    }

.custom-tab-wrapper ul.tabs li.tab-title,
.sub-menu-wrapper ul li.tab-title {
    margin-bottom: -4px !important;
    /*border-top: 1px solid #e4e4e4 !important;*/
    /*border-left: 1px solid #e4e4e4 !important;*/
    list-style-type: none;
    min-width: 95px;
    background-color: #155088 !important;
    border-right: 2px solid #e4e4e4 !important;
}

    .custom-tab-wrapper ul.tabs li.tab-title:hover,
    .sub-menu-wrapper ul li.tab-title:hover {
        background-color: #fff !important;
        color: #000 !important;
    }

    .custom-tab-wrapper ul.tabs li.tab-title:last-child,
    .sub-menu-wrapper ul.tabs li.tab-title:last-child {
        /*border-right: 1px solid #e4e4e4 !important;*/
    }

    .custom-tab-wrapper ul.tabs li.tab-title,
    .sub-menu-wrapper ul li.tab-title.active {
        border-top: 2px solid #0e2240 !important;
        border-bottom: 1px solid #fff !important;
        border-left: 1px solid #e4e4e4 !important;
        border-right: 1px solid #e4e4e4 !important;
        background-color: #fff !important;
    }

        .custom-tab-wrapper ul.tabs li.tab-title a,
        .sub-menu-wrapper ul li.tab-title a {
            color: #fff !important;
            font-size: 13px !important;
            padding: 15px 7px;
            background-color: transparent !important;
            text-align:center;
        }

.custom-tab-wrapper ul.tabs li a:hover,
.sub-menu-wrapper ul.tabs li a:hover {
    text-decoration: none!important;
    background-color: #fff !important;
    color: #333 !important;
    border-bottom: 0 none !important;
    border-top: 1px solid #000 !important;
}

.custom-tab-wrapper ul.tabs li:first-child a,
.sub-menu-wrapper ul li:first-child a {
    /*border-left: navajowhite;*/
}

.custom-tab-wrapper ul.tabs li.active a,
.sub-menu-wrapper ul.tabs li.tab-title.active a {
    background-color: #fff !important;
    color: #333 !important;
    border-bottom: 1px solid #fff !important;
}

    .custom-tab-wrapper ul.tabs li.active a:hover,
    .sub-menu-wrapper ul li.active a:hover {
        border-bottom: 1px solid #fff !important;
        border-top: none !important;
    }

.sub-menu-wrapper div {
    clear: both;
    position: relative;
}

.custom-tab-wrapper ul.tabs:first-child,
.sub-menu-wrapper ul:first-child {
    border-bottom: 1px solid #ddd;
    width: 100%;
}


/* Accordion Style */

.content-accordion-title {
    border-bottom: 1px solid #ddd;
}

.content-accordion-wrapper .accordion .accordion-navigation > a {
    background: #fff !important;
    color: #2da2d5 !important;
    display: block;
    font-size: 14px !important;
    padding: 5px 5px 5px 5px !important;
}

    .content-accordion-wrapper .accordion .accordion-navigation > a:hover {
        background: #ddd !important;
        text-decoration: underline;
        border-radius: 5px;
    }

.content-accordion-wrapper .accordion .accordion-navigation.active > a {
    background: #fff !important;
}

.content-accordion-wrapper .accordion .accordion-navigation > .content {
    padding: 8px 0px 8px 0px !important;
}

    .content-accordion-wrapper .accordion .accordion-navigation > .content.active {
        padding: 8px 0px 8px 0px !important;
    }


/* Block item list */

.block-items-list-wrapper {
    margin-top: 5px;
}

    .block-items-list-wrapper .block-item {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #aaa;
    }

        .block-items-list-wrapper .block-item .block-item-title p {
            font-size: 15px;
            font-weight: bold;
        }

/*********************** Text/Image **********************/

.button.download-button {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 5px;
    color: white !important;
    font-size: 13px !important;
}

    .button.download-button:hover {
        text-decoration: none;
        cursor: pointer;
        color: #000000 !important;
    }


.material-icons {
    font-family: 'Material Icons' !important;
    vertical-align: text-bottom;
}

p.topic-img {
    border: 1px solid #c6c6c6;
    padding: 5px;
    float: right;
    margin: 0px 0px 10px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #034dab;
}

.TOPIC-IMG {
    border: 1px solid #c6c6c6;
    padding: 5px;
    float: right;
    margin: 0px 0px 10px 10px;
}

/*********************** Two Column page **********************/

.content-area #twoColumnPage {
    margin-top: 10px;
}

.content-area aside .panel {
    background-color: #fff !important;
    border: 0 none;
    border-left: 1px solid #ddd;
    padding: 5px 10px 5px 15px;
    word-wrap: break-word;
    margin-bottom: 5px;
}

    .content-area aside .panel p {
        font-size: 13px !important;
        margin-bottom: 5px;
    }

/*********************** WBG Branding **********************/
.header-panel {
    background-color: #fff;
    margin-bottom: 0px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 10;
    display: table;
    box-sizing: content-box; /*border-bottom: 1px solid #d6d6d6;*/
    border-radius: 0;
}

    .header-panel a {
        outline: 0;
    }

    .header-panel .wb_header_branding {
        padding: 0 0 5px 0;
        float: left;
    }

        .header-panel .wb_header_branding .wb_logo {
            float: left;
            margin-top: 10px;
        }

            .header-panel .wb_header_branding .wb_logo img {
                width: 100%;
                display: block;
            }

        .header-panel .wb_header_branding .wb_slogan {
            border-left: 1px solid #e7e7e7;
            color: #333;
            font-size: 13px;
            height: 20px;
            margin: 17px 10px 10px;
            padding-left: 10px;
            padding-top: 2px;
            position: absolute;
            top: 0px;
            display: inline-block;
        }

    .header-panel .wb_header_top_right_wrapper {
        float: right;
        line-height: 20px;
        height: 40px;
        border: 1px solid #e7e7e7;
        border-top: 0px;
    }

    .header-panel .wb_header_socials {
        float: left;
        list-style: none;
        width: inherit;
    }

        .header-panel .wb_header_socials ul {
            float: left;
            list-style: none;
            padding: 8px 10px 4px;
        }

            .header-panel .wb_header_socials ul li {
                float: left;
                padding: 0px;
                margin-right: 7px;
                margin-bottom: 3px;
            }

                .header-panel .wb_header_socials ul li:first-child {
                    padding: 0px;
                }

    .header-panel .wb_header_top_right_wrapper img:hover {
        color: #333;
        opacity: 0.4;
    }

    .header-panel .wb_header_language {
        font-size: 14px;
        float: left;
        list-style: none;
        border-right: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7;
        padding: 10px 15px 5px 15px;
        background-color: transparent;
        word-wrap: break-word;
    }

        .header-panel .wb_header_language ul, .header-panel .header-mobile-languages ul {
            float: left;
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .header-panel .wb_header_language ul li.dropdown, .header-panel .header-mobile-languages ul li.dropdown {
                position: relative;
            }

        .header-panel .wb_header_language a, .header-panel .header-mobile-languages a {
            font-size: 14px;
            text-decoration: none;
            color: #000;
            position: relative;
            padding-right: 0px;
        }

        .header-panel .wb_header_language .dropdown a i, .header-panel .header-mobile-languages .dropdown a i {
            /*background: url(http://www.worldbank.org/sites/all/modules/wb_blocks/layouts/basic/images/down-arrow.png) no-repeat scroll 0 6px rgba(0,0,0,0);*/
            height: 15px;
            margin-left: 2px;
            width: 15px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome!important;
        }

        .header-panel .wb_header_language .dropdown-menu, .header-panel .header-mobile-languages .dropdown-menu {
            background-color: #fff;
            background-clip: padding-box;
            border-bottom: 2px solid #38b1ef;
            border-radius: 0;
            box-shadow: 0 6px 12px rgba(0,0,0,0.176);
            display: none;
            float: left;
            font-size: 14px;
            left: 0;
            list-style: outside none none;
            margin-left: -16px;
            margin-top: 10px;
            min-width: 100px;
            position: absolute;
            text-align: left;
            top: 100%;
            z-index: 1000;
        }

            .header-panel .wb_header_language .dropdown-menu > li > a, .header-panel .header-mobile-languages .dropdown-menu > li > a {
                line-height: 18px;
                padding: 3px 10px;
                box-sizing: border-box;
                display: block;
            }

        .header-panel .wb_header_language a, .header-panel .header-mobile-languages a {
            font-size: 14px;
            text-decoration: none;
            color: #000;
            position: relative;
            padding-right: 0px;
        }

    .header-panel .wb_header_search {
        float: left;
        font-size: 14px;
        position: relative;
    }

        .header-panel .wb_header_search input[type="text"] {
            padding: 12px 20px 9px 15px !important;
            transition: all 0.5s ease 0s;
            width: 120px;
            border-radius: 0;
            color: #818181;
            float: left;
            height: auto;
            margin: 0;
            border: none;
        }

        .header-panel .wb_header_search input[type="submit"] {
            background: url(http://www.worldbank.org/sites/all/modules/wb_blocks/layouts/basic/images/icon-search-black.png) no-repeat scroll 1px center transparent;
            border: medium none;
            font-size: 14px;
            position: absolute;
            top: 10px;
            width: 15px;
            margin-right: 0px;
            float: right;
            right: 0px;
            color: transparent;
        }

/*********************** Site Logo **********************/

.site-branding-wrapper a:hover {
    text-decoration: none;
}

.site-logo-text {
    color: #185A95;
    font-size: 36px;
    margin: 0;
    padding: 0 5px 0 0;
    text-transform: uppercase;
    font-weight: 600;
}

    .site-logo-text span {
        font-size: 36px;
        color: #185A95;
    }

.site-slogan-text {
    color: #333;
    font-size: 15px;
    margin: 0;
    padding: 0 0 0 10px;
    border-left: 1px solid #e7e7e7;
}

/*********************** Main Menu **********************/

.header-panel .main-menu-wrapper .main-menu {
    clear: both;
    float: none !important;
}

    .header-panel .main-menu-wrapper .main-menu ul {
        padding-bottom: 4px;
        margin: 0;
        background-color: #155088;
        color: #fff !important;
    }

        .header-panel .main-menu-wrapper .main-menu ul li {
            display: inline-block;
            font-size: 12px !important;
            font-weight: 600;
            list-style: outside none none;
            margin: 10px 0 0;
            position: relative;
            text-transform: uppercase;
            text-align:center;
        }

            .header-panel .main-menu-wrapper .main-menu ul li:first-child {
                border-left: 0 none;
            }

            .header-panel .main-menu-wrapper .main-menu ul li a {
                border-bottom: 2px solid transparent;
                color: #fff;
                font-weight: 600;
                line-height: 20px;
                margin: 15px 4px 0;
                padding: 0 3px 4px;
                text-decoration: none;
                top: 2px;
            }

                .header-panel .main-menu-wrapper .main-menu ul li a:hover {
                    border-bottom: 2px solid #fff;
                    color: #9c9c9c;
                    text-transform: uppercase;
                    top: 2px;
                }

            .header-panel .main-menu-wrapper .main-menu ul li.active a {
                border-bottom: 2px solid #fff;
            }

            .header-panel .main-menu-wrapper .main-menu ul li a.menu-icon img {
                padding-bottom: 5px;
                padding-right: 5px;
            }


/*********************** WBG Footer **********************/

#wb_footer_panel #wb_footer_branding, #wb_footer_panel #wb_footer_bottom {
    clear: both;
}

#wb_footer_panel #wb_footer_branding {
    border-bottom: 1px solid #adadad;
    padding-bottom: 10px;
    padding-top: 20px;
}

    #wb_footer_panel #wb_footer_branding .wb-footer-logo {
        margin-right: 10px;
    }

        #wb_footer_panel #wb_footer_branding .wb-footer-logo img {
            vertical-align: middle;
            border-right: 1px solid #d3d2d2;
            padding-right: 10px;
        }

    #wb_footer_panel #wb_footer_branding ul.wb-brandlinks {
        display: inline-block;
    }

        #wb_footer_panel #wb_footer_branding ul.wb-brandlinks li {
            list-style: none;
            display: inline-block;
            margin-right: 10px;
        }

            #wb_footer_panel #wb_footer_branding ul.wb-brandlinks li a {
                font-size: 12px;
                font-weight: 600;
                color: #818181;
                text-decoration: none;
            }

#wb_footer_panel #wb_footer_bottom {
    padding-top: 15px;
}

#wb_footer_panel #wb_footer_bottom_left {
    font-size: 11px;
    line-height: 12px;
    color: #333;
    margin-bottom: 6px;
    width: 100%;
    float: left;
}

    #wb_footer_panel #wb_footer_bottom_left .wb-quicklinks ul li {
        display: inline-block;
    }

        #wb_footer_panel #wb_footer_bottom_left .wb-quicklinks ul li a {
            border-right: 1px solid #818181;
            color: #333;
            font-size: 11px;
            padding-right: 5px;
            padding-left: 5px;
            text-decoration: none;
            line-height: 20px;
        }

        #wb_footer_panel #wb_footer_bottom_left .wb-quicklinks ul li:first-child a {
            padding-left: 0;
        }

        #wb_footer_panel #wb_footer_bottom_left .wb-quicklinks ul li:last-child a {
            border-right: none;
        }

    #wb_footer_panel #wb_footer_bottom_left .wb-quicklinks p {
        margin: 1em 0;
        font-size: 11px;
    }

#wb_footer_panel #wb_footer_bottom_right {
    font-size: 11px;
    line-height: 12px;
    color: #333;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    display: block;
    float: left;
    width: 100%;
}

    #wb_footer_panel #wb_footer_bottom_right a {
        color: #333;
        text-decoration: none;
        font-weight: 600;
        font-size: 11px !important;
    }

/*********************** Breadcrumbs **********************/
.breadcrumbs {
    padding: 0;
    background-color: #fff;
    border: 0 !important;
    overflow: inherit;
}

    .breadcrumbs > * {
        font-size: 13px;
        /*text-transform: capitalize;*/
        text-transform: none;
    }


/********************************************** Home Page Styles **********************************************/

/*********************** Top Section **********************/

/* Project Description */
.project-description-wrapper {
    padding: 10px 15px;
    background: #f2f2f2;
    margin: 15px auto;
}

    .project-description-wrapper p {
        margin-bottom: 0;
        margin-left: 10px;
        margin-right: 10px;
    }

        .project-description-wrapper p a {
            color: #39beea;
            font-size: 13px;
        }


/* Orbit slide */
.orbit-container {
    height: 300px;
    padding: 0;
}

    .orbit-container a {
        color: #fff;
        background-color: transparent !important;
        font-weight: 600;
    }

        .orbit-container a:hover {
            color: #fff;
            background-color: transparent !important;
        }

    .orbit-container .orbit-slide-number {
        color: #000;
        top: 10px !important;
        display: none !important;
    }

    .orbit-container .orbit-timer {
        display: none !important;
    }

    .orbit-container .orbit-bullets-container {
        position: absolute;
        left: 50%;
        bottom: 0;
    }

    .orbit-container .orbit-prev > span {
        border-right-color: #000;
        display: none !important;
    }

    .orbit-container .orbit-next > span {
        border-left-color: #000;
        display: none !important;
    }

    .orbit-container .orbit-bullets {
        /*margin: 0 0 10px 0;*/
        top: 0;
    }

        .orbit-container .orbit-bullets li.active {
            background: #000;
        }

    .orbit-container h3 {
        font-size: 24px;
        margin: 0px 30px 10px 175px;
        color: #ffca63 !important;
        font-style: italic;
    }

    .orbit-container p {
        font-size: 13px;
        font-weight: normal;
        line-height: 17px;
        margin-bottom: 12px !important;
    }

        .orbit-container p.header {
            border-bottom: 1px dotted #ddd;
            color: #fff;
            font-weight: normal;
            margin: 0 20px 10px 20px;
            padding: 10px 20px 5px 0;
            text-transform: uppercase;
            font-size: 11px;
        }

    .orbit-container dl {
        margin: 0px 0px 0px 177px !important;
        list-style: none none;
    }

        .orbit-container dl dt {
            list-style: none none !important;
            float: left;
            line-height: 1.4em;
        }

        .orbit-container dl dd {
            list-style: none none !important;
            padding-left: 15px;
            padding-right: 40px;
        }

            .orbit-container dl dd a:hover {
                text-decoration: underline;
                color: #f2f2f2;
            }

    .orbit-container img.shadow {
        width: 140px;
        height: 180px;
        float: left;
        border-width: 0px;
        border-style: solid;
        margin-left: 25px;
        /*box-shadow: -3px 2px 10px 0px #fff;*/
    }

    .orbit-container dl dt span.arrows {
        font-size: 14px;
        color: #ffca63;
    }

    .orbit-container .background-image {
        position: relative;
        margin-bottom: 0px;
        min-height: 280px;
        /*background-color: #38b1ef;*/
        background-color: #155088;
    }

        .orbit-container .background-image img {
            width: 100%;
            height: 280px;
        }

    .orbit-container .slide-title p.header {
        border-bottom: 1px dotted #fff;
        color: #fff;
        font-weight: normal;
        margin: 0 0 13px;
        padding: 5px 0;
        text-transform: uppercase;
        font: 11px/1.18 "Open Sans", sans-serif !important;
    }

    .orbit-container .slide-content {
        position: absolute;
        top: 0px;
        padding: 5px 0px 0px 10px;
        z-index: 50;
        color: #ffca63;
        /*width: 95%;*/
        height: 220px !important;
    }

    .orbit-container .slide-content-title {
        margin: 0px 30px 0px 5px;
    }

        .orbit-container .slide-content-title h4 {
            color: #fff !important;
        }

        .orbit-container .slide-content dl {
            margin: 0px 0px 0px 177px !important;
            list-style: none none;
        }

            .orbit-container .slide-content dl dt {
                list-style: none none !important;
                float: left;
                line-height: 1.4em;
            }

            .orbit-container .slide-content dl dd {
                list-style: none none !important;
                padding-bottom: 4px;
                padding-left: 14px;
                font-size: 13px;
                margin-bottom: 5px;
                color: #fff;
            }

    .orbit-container .slide-content span {
        color: #000;
    }

    .orbit-container .orbit-prev, .orbit-container .orbit-next {
        width: 50px;
        height: 50px;
        top: 50%;
        opacity: 0.2;
    }

    .orbit-container .orbit-next {
        right: 15px;
        position: absolute;
        background: url(/~/media/WBG/Commonimages/billboard-arrow-right.gif) no-repeat;
    }

    .orbit-container .orbit-prev {
        left: 15px;
        position: absolute;
        background: url(/~/media/WBG/Commonimages/billboard-arrow-left.gif) no-repeat;
    }

        .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
            background-color: rgba(0, 0, 0, 0);
            opacity: 1;
        }

/* Explore data selectors */

.explore-data {
    /*background: #f2f2f2;*/
}

    .explore-data .selector-title {
        margin-top: 10px;
        margin-bottom: 5px;
        padding-bottom: 5px;
        text-align: center;
    }

    .explore-data .divider {
        text-align: center;
    }

    .explore-data .main fieldset select {
        font-size: 13px;
        line-height: 1.8182;
        height: 37px;
        background: #fff url(../DB/images/select_dropdown.png) no-repeat;
        background-position: 96% center;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px;
        margin-left: 3px;
        margin-bottom: 0;
        padding-left: 5px;
    }

    .explore-data .options-wrapper {
        margin-top: 10px;
        padding-bottom: 10px;
    }

        .explore-data .options-wrapper p {
            border-bottom: 1px dotted #999;
            color: #333;
            font-weight: normal;
            line-height: 1.1818;
            margin: 0 0 10px;
            padding-bottom: 1em;
            text-transform: uppercase;
        }

        .explore-data .options-wrapper ul {
            padding-left: 0;
        }

            .explore-data .options-wrapper ul li {
                /*background: url(/App_Themes/css/DB/images/icons/triangle-blue-4x8.png) no-repeat 5px 4px;*/             
                list-style: none none;
                /*line-height: 1.3077;
                padding-bottom: 4px;
                padding-left: 13px;*/
            }

/*********************** Middle Section **********************/



/*Recent Publications / Subnational Reports */

.medium-block-wrapper {
    padding-bottom: 15px;
}
    .medium-block-wrapper p.header,
    .medium-block-wrapper medium-block-subcontent h2 {
        border-bottom: 1px dotted #999;
        color: #333;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.1818;
        margin: 15px 10px;
        padding-bottom: 1em;
        text-transform: uppercase;
    }

    .medium-block-wrapper p {
        font-size: 13px !important;
        line-height: 1.5;
        color: #333;
        margin: 0 0 3px;
    }

    .medium-block-wrapper ul li {
        list-style: none;
    }

        .medium-block-wrapper ul li h3 {
            margin: 0 0 5px;
            font-weight: bold;
            font-size: 13px;
            line-height: 1.5;
        }

        .medium-block-wrapper ul li img {
            margin: 0 15px 0 0;
            padding: 5px;
            float: left;
        }

    .medium-block-wrapper select {
        margin-bottom: 0;
    }

    .medium-block-wrapper a,
    .medium-block-wrapper a:link,
    .medium-block-wrapper a:visited,
    .medium-block-wrapper a:hover,
    .medium-block-wrapper a:focus {
        color: #008CBA;
        /*text-decoration: none;*/
        font-size:13px;
    }

    .medium-block-wrapper .block-image-wrapper{
        padding-bottom:10px;
    }

/*********************** Bottom Section **********************/
li.block-wrapper .block-image-wrapper .row {
    text-align: center;
    padding-bottom: 10px;
}

li.block-wrapper .block-title-wrapper .block-title {
    border-bottom: 1px dotted #999;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.1818;
    margin: 15px 0;
    padding-bottom: 1em;
    text-transform: uppercase;
}



/********************************************** Select Economies Section Common Styles **********************************************/

.all-economies-checkbox,
.economy-checkbox,
.regioncheckbox,
.incomecheckbox,
.Topiccheckbox,
.Yearcheckbox {
    margin-bottom: 10px !important;
}

.show-all-economies-button {
    float: left;
    font-size: 14px;
    padding-right: 10px;
}

ul.economy-alphabets-chooser {
    display: inline;
}

    ul.economy-alphabets-chooser li {
        padding-left: 15px;
    }


.economy-detail-chooser-wrapper .alphabet-group-header {
    border-bottom: 1px dotted #aaa;
    margin-bottom: 10px;
    margin-top:5px;
}

.economy-group-title {
    margin-top: 5px!important;
}

/********************************************** Document Page Styles **********************************************/

/*********************** Info Wrapper **********************/

.document-info-wrapper {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

    .document-info-wrapper p {
        margin-bottom: 0px;
    }

    .document-info-wrapper .document-image-wrapper img {
        margin-top: 5px;
    }

    .document-info-wrapper .document-title {
        font-size: 18px !important;
        margin-bottom: 0px;
        /* font-weight: 600 !important; */
    }

    .document-info-wrapper .document-sub-title,
    .document-info-wrapper h5 {
        font-size: 16px !important;
        margin-bottom: 0px;
        /* font-weight: 600 !important; */
    }

    .document-info-wrapper .document-link-wrapper {
        float: left;
        margin-top: 5px;
    }

.document-main-content-wrapper {
    margin-top: 10px !important;
}

    .document-main-content-wrapper ul {
        margin-left: 15px;
    }

/********************************************** Data Landing Page Styles **********************************************/

/*********************** Block items **********************/



.data-landing-blocks-wrapper {
    padding-top: 15px;
    border-top: solid #ddd;
    border-width: 3px 0px 0px;
}

    .data-landing-blocks-wrapper .block-row {
        padding-bottom: 5px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 5px;
    }


    .data-landing-blocks-wrapper .block-item .block-item-title p{
        font-weight: 600;
        font-size: 18px;
    }



/********************************************** Contributor Page Styles **********************************************/

/*********************** Contributor main **********************/



select.partner-economies-select {
    width: 60% !important;
    /*margin-left: 10px!important;*/
}





/********************************************** About us Page Styles **********************************************/

/*********************** Meet the team **********************/

.team-member-info-wrapper {
    margin-top: 10px !important;
}

    .team-member-info-wrapper .team-member-name {
        margin-top: 0px !important;
    }


/********************************************** Economy Characteristics Page Styles **********************************************/

/*********************** Grid **********************/

.economies-characteristics-wrapper .grid-wrapper{
    margin-top:15px;
    margin-bottom:15px;
}

.economies-characteristics-wrapper .region-grid .grid{
    height:270px;
}


/********************************************** Non Addressed Survey Page Styles **********************************************/

.non-addressed-survey-button-wrapper {
    margin-top: 10px !important;
}

.survey-search-button.button{
    padding: 6px;
    border-radius: 8px;
    font-size: 14px;
}


/*********************** Table **********************/

.non-addressed-survey-result-text {
    margin-top: 10px;
}

.non-addressed-survey-table-wrapper {
    margin-top: 10px;
}

    .non-addressed-survey-table-wrapper table * {
        font-size: 13px;
    }





.blockUI.blockMsg {
    top: 50% !important;
    background-color: #fff !important;
    border: 2px grey solid !important;
}

.blockUI.blockOverlay {
    top: 25% !important;
    height: 0% !important;
}
