﻿/********** jquery toggle on commission ************/

#divA, #divB, #divC, #divD, #divE, #divF, #divG, #divH, #divI, #divJ, #divK, #divL, #divM, #divN, #divO, #divP, #divQ, #divR, #divS, #divT, #divU, #divV, #divW, #divX, #divY, #divZ {
 display:none;   
}
.toggledivA #divA, .toggledivB #divB, .toggledivC #divC, .toggledivD #divD, .toggledivE #divE, .toggledivF #divF, .toggledivG #divG, .toggledivH #divH,
.toggledivI #divI, .toggledivJ #divJ, .toggledivK #divK, .toggledivL #divL, .toggledivM #divM, .toggledivN #divN, .toggledivO #divO, .toggledivP #divP,
.toggledivQ #divQ, .toggledivR #divR, .toggledivS #divS, .toggledivT #divT, .toggledivU #divU, .toggledivV #divV, .toggledivW #divW, .toggledivX #divX, 
.toggledivY #divY, .toggledivZ #divZ {
 display:block;   
}

.hide { display:none; }

.show { display:block; }

#wrap {
    border:0px solid  #acc8d6;
}

#divtoggle tr td{
    margin:1em 1.2em 5em 0;
	padding:0.3em 0.3em 0.3em 0.6em;
	border: none;
}

/* All rows and all children of a column are a new line. */
/* 
.row, .column>*
{
    clear: both;
    float: left;
}*/



/*.rowD2 > *, .column {
    float: left;
}

.rowD2 > *:first-child, .column:first-child {
    float: left;
}*/


.rowD1>*, .column
{
    float: left;
    border: 1px solid  #acc8d6;
    background-color:White;
    height:1.4em;   
    font: 12px arial;
    color: #0c559a;
    padding-left: 3px;   
    text-align:left;
    
}

.rowD1>*:first-child, .column:first-child 
{
    clear: both;
    float: left;
    margin: 0 0 0 3px;
}



/*
.rowD1, .column>*
{
    clear: both;
    float: left;
}
*/


/* Summary Tables  */

.st_title {
    background-color: #acc8d6;
    height:1.2em;
    width:420px;    
    font: arial 14pt;
    color: #0c559a;
}

.st_title:hover {
    background-color:White;
    height:1.2em;
    width:420px;    
    font: arial 14pt;
    color:  #0c559a;
}

.st_title a {
    color: #0c559a;
}

.st_title a:hover {
    color:  #0c559a;
}

.summaryTablesHSpacer {
    background-color:White;
    height:1.2em;
    width:300px;    
}

.summaryTableNumber{
    background-color:White;
    height:1.2em;
    width:100px;    
    font: arial 14pt;
    color:  #0c559a;
}

.summaryTableDocument{
    background-color:White;
    height:1.2em;
    width:620px;    
    font: arial 14pt;
    color:  #0c559a;
    text-align:left;
}

.summaryTableSub 
{
    clear: both; 
    float: left;
    }

.summaryTableDocument:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.summaryTableDocument a {
    color:  #0c559a;
}

.summaryTableDocument a:hover {
    color: #0c559a;
}

/* Country Profiles */

.letter {
    background-color:White;
    height:1.2em;
    width:15px;    
    font: arial 14pt;
    color:  #0c559a;
    text-align:center;
}

.letter:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.letter a {
    color:  #0c559a;
}

.letter:hover a {
    color: #0c559a;    
}


.letter_all {
    background-color:White;
    height:1.2em;
    width:30px;    
    font: arial 14pt;
    color:  #0c559a;
    text-align:center;
}

.letter_all:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.letter_all a {
    color:  #0c559a;
}

.letter_all:hover a {
    color: #0c559a;    
}

.letter_empty {
    background-color:White;
    height:1.2em;
    width:15px;    
    font: arial 14pt;
    color: #999;
    text-align:center;
}

.letter_empty:hover {
    background-color:#999;
    color: #0c559a;    
}

.letter_empty a {
    color: #999;
}

.letter_empty:hover a {
    color: #0c559a;    
}

.countryProfileName {
    background-color: #acc8d6;
    height:1.2em;
    width:250px;    
    font: arial 14pt;
    color: #0c559a;
}

.countryProfileName_alt {
    background-color:White;
    height:1.2em;
    width:250px;    
    font: arial 14pt;
    color:  #0c559a;
}

.countryProfileHSpacer {
    background-color:White;
    height:1.2em;
    width:154px;    
}

.countryProfileVSpacer {
    background-color:White;    
    width:570px; 
    background-image:url(/en/development/desa/population/images/spacer.gif);
	background-position:top;
	background-repeat:repeat-x;	
	display:block;	
	height:3px;
	clear: both; 
    float: left;
}

.VSpacer {
    background-color:White;    
    width:554px; 
    background-image:url(/en/development/desa/population/images/spacer.gif);
	background-position:top;
	background-repeat:repeat-x;	
	display:block;	
	height:3px;
	clear: both; 
    float: left;
}

.VSpacerGrey {
    background-color:#999;    
    width:554px; 
    background-image:url(/en/development/desa/population/images/spacer_999.gif);
	background-position:top;
	background-repeat:repeat-x;	
	display:block;	
	height:3px;
	clear: both; 
    float: left;
}

.countryProfileDocument {
    background-color:White;
    height:1.2em;
    width:153px;    
    font: arial 14pt;
    color:  #0c559a;
    text-align:center;
}

.countryProfileDocument:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.countryProfileDocument a {
    color:  #0c559a;
}

.countryProfileDocument:hover a {
    color: #0c559a;    
}

/* Commission Agenda Items */

#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8 {
 display:none;   
}
.togglediv1 #div1, .togglediv2 #div2, .togglediv3 #div3, .togglediv4 #div4, .togglediv5 #div5, .togglediv6 #div6, .togglediv7 #div7, .togglediv8 #div8 {
 display:block;   
}

.agendaItem {
    background-color:White;
    height:1.2em;
    width:133px;    
    font: arial 12pt;
    color:  #0c559a;    
}

.agendaItem:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.agendaItem a {
    color:  #0c559a;
}

.agendaItem:hover a {
    color: #0c559a;    
}

.agendaItem_empty {
    background-color:White;
    height:1.2em;
    width:133px;    
    font: arial 14pt;
    color: #999;
    text-align:center;
}

.agendaItem_empty:hover {
    background-color:#999;
    color: #0c559a;    
}

.agendaItem_empty a {
    color: #999;
}

.agendaItem_empty:hover a {
    color: #0c559a;    
}

.documentSymbol {
    background-color: #acc8d6;
    height:1.2em;
    width:116px;    
    font: arial 12pt;
    color: #0c559a;
}

.documentSymbol_double {
    background-color: #acc8d6;
    height:2.4em;
    width:116px;    
    font: arial 12pt;
    color: #0c559a;
}

.documentSymbol_triple {
    background-color: #acc8d6;
    height:3.9em;
    width:116px;    
    font: arial 12pt;
    color: #0c559a;
}

.documentSymbol_quad {
    background-color: #acc8d6;
    height: 5.3em;
    width: 116px;
    font: arial 12pt;
    color: #0c559a;
}

.documentSymbol_panel {
    background-color: #acc8d6;
    height: 6.2em;
    width: 116px;
    font: arial 12pt;
    color: #0c559a;
}

.documentSymbol_large {
    background-color: #acc8d6;
    height:16.2em;
    width:116px;    
    font: arial 12pt;
    color: #0c559a;
}

.documentTitle {
    background-color: #acc8d6;
    height:1.2em;
    width:433px;    
    font: arial 12pt;
    color: #0c559a;
}

.documentTitle_double {
    background-color: #acc8d6;
    height:2.4em;
    width:433px;    
    font: arial 12pt;
    color: #0c559a;
}

.documentTitle_triple {
    background-color: #acc8d6;
    height:3.9em;
    width:433px;    
    font: arial 12pt;
    color: #0c559a;
}

.documentTitle_triple span, .documentTitle_triple span a {
    font-size: 7.5pt !important;
    color: #0c559a !important;
}

.documentTitle_quad {
    background-color: #acc8d6;
    height:5.3em;
    width:433px;    
    font: arial 12pt;
    color: #0c559a;
}

.documentTitle_large {
    background-color: #acc8d6;
    height:16.2em;
    width:433px;    
    font: arial 12pt;
    color: #0c559a;
}

.language2 {
    background-color: #acc8d6;
    height:1.2em;
    width:100px;    
    font: arial 12pt;
    color: #0c559a;
}

.language3 {
    background-color: #acc8d6;
    height:2.4em;
    width:457px;    
    font: arial 12pt;
    color: #0c559a;
}


.documentLanguage {
    background-color:White;
    height:1.2em;
    width:68px;    
    font: 12px arial;
    color:  #0c559a;
    text-align:center;
}

.documentLanguage:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.documentLanguage a {
    color:  #0c559a;
}

.documentLanguage:hover a {
    color: #0c559a;    
}



.documentLanguageMerged {
    background-color:White;
    height:1.2em;
    width:141px;
    font: 12px arial;
    color:  #0c559a;
    text-align:center;
}

.documentLanguageMerged:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.documentLanguageMerged a {
    color:  #0c559a;
}

.documentLanguageMerged:hover a {
    color: #0c559a;    
}

.documentLanguage_empty {
    background-color:White;
    height:1.2em;
    width:68px;    
    font: arial 12pt;
    color: #999;
    text-align:center;
}

.documentLanguage_empty:hover {
    background-color:#999;
    color: #0c559a;    
}

.documentLanguage_empty a {
    color: #999;
}

.documentLanguage_empty:hover a {
    color: #0c559a;    
}

.documentLanguage_sm {
    background-color:White;
    height:1.2em;
    width:25px;    
    font: arial 12pt;
    color: #999;
    text-align:center;    
}

.documentLanguage_sm:hover {
    background-color:#acc8d6;
    color: #0c559a;    
}

.documentLanguage_sm a {
    color: #999;
}

.documentLanguage_sm:hover a {
    color: #0c559a;    
}

.documentStatement {
    background-color:White;
    height:1.2em;
    width:433px;    
    font: arial 12pt;
    color:  #0c559a;
    text-align:left;
}

.documentStatement:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.documentStatement a {
    color:  #0c559a;
}

.documentStatement:hover a {
    color: #0c559a;    
}

.documentStatement_double {
    background-color:White;
    height:2.4em;
    width:433px;    
    font: arial 12pt;
    color:  #0c559a;
    text-align:left;
}

.documentStatement_double:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.documentStatement_double a {
    color:  #0c559a;
}

.documentStatement_double:hover a {
    color: #0c559a;    
}

.documentStatement_triple {
    background-color:White;
    height:3.9em;
    width:433px;    
    font: arial 12pt;
    color:  #0c559a;
    text-align:left;
}

.documentStatement_triple:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.documentStatement_triple a {
    color:  #0c559a;
}

.documentStatement_triple:hover a {
    color: #0c559a;    
}

.documentStatement_quad {
    background-color:White;
    height:5.3em;
    width:433px;    
    font: arial 12pt;
    color:  #0c559a;
    text-align:left;
}

.documentStatement_panel {
    background-color:White;
    height:6.2em;
    width:433px;    
    font: arial 12pt;
    color:  #0c559a;
    text-align:left;
}

.documentStatement_quad:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.documentStatement_quad a {
    color:  #0c559a;
}

.documentStatement_quad:hover a {
    color: #0c559a;    
}

.annexFigureTitle{
    background-color: #acc8d6;
    height:1.2em;
    width:740px;    
    font: arial 12pt;
    color: #0c559a;
}

.annexFigure {
     background-color:White;
    height:1.2em;
    width:740px;    
    font: arial 12pt;
    color:  #0c559a;
    text-align:left;
}

.annexFigure:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.annexFigure a {
    color:  #0c559a;
}

.annexFigure:hover a {
    color: #0c559a;    
}

.countryStatement {
    background-color:White;
    height:1.2em;
    width:141px;    
    font: arial 12pt;
    color:  #0c559a;
    text-align:center;
}

.countryStatement:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.countryStatement a {
    color:  #0c559a;
}

.countryStatement:hover a {
    color: #0c559a;    
}


.countryStatement_empty {
    background-color:White;
    height:1.2em;
    width:141px;    
    font: arial 12pt;
    color: #999;
    text-align:center;
}

.countryStatement_empty:hover {
    background-color:#999;
    color: #0c559a;    
}

.countryStatement_empty a {
    color: #999;
}

.countryStatement_empty:hover a {
    color: #0c559a;    
}

.countryStatement_firstColumn {
    background-color:#e7fae7;
    height:1.2em;
    width:116px;    
    font: arial 12pt;
    color: #0c559a;
}

.ui-accordion .ui-accordion-content{ overflow:hidden !important; }

.flyerItem_InternationalMigration {      
   
     height:120px;
    width:120px;     
    background:url(/en/development/desa/population/images/flyers/InternationalMigration_OFF2.gif) top left no-repeat;
    
    float:left;
    padding-right:5px;
    
}

.flyerItem_InternationalMigration:hover {  
    height:120px;
    width:120px;       
    background:url(/en/development/desa/population/images/flyers/InternationalMigration_ON2.gif) top left no-repeat;
   
    float:left;
    padding-right:5px;
    
}

.flyerItem_PopulationEstimatesProjections {
   
     height:120px;
    width:120px;   
    background:url(/en/development/desa/population/images/flyers/PopulationEstimatesProjections_OFF2.gif) top left no-repeat;
   
    float:left;
    padding-right:5px;    
}

.flyerItem_PopulationEstimatesProjections:hover {
         height:120px;
    width:120px; 
    background:url(/en/development/desa/population/images/flyers/PopulationEstimatesProjections_ON2.gif) top left no-repeat;
   
    float:left;
    padding-right:5px;    
}

.flyerItem_Mortality {
   
    height:120px;
    width:120px; 
    background:url(/en/development/desa/population/images/flyers/Mortality_OFF2.gif) top left no-repeat;
   
    float:left;
    padding-right:5px;    
}

.flyerItem_Mortality:hover {
         height:120px;
    width:120px; 
    background:url(/en/development/desa/population/images/flyers/Mortality_ON2.gif) top left no-repeat;
   
    float:left;
    padding-right:5px;    
}

.flyerItem_PopulationPolicy {
   
     height:120px;
    width:120px;    
    background:url(/en/development/desa/population/images/flyers/PopulationPolicy_OFF2.gif) top left no-repeat;
    
    float:left;
    padding-right:5px;    
}

.flyerItem_PopulationPolicy:hover {
     height:120px;
    width:120px; 
    background:url(/en/development/desa/population/images/flyers/PopulationPolicy_ON2.gif) top left no-repeat;
   
    float:left;
    padding-right:5px;    
}

.flyerItem_FertilityFamilyPlanning {
   
     height:120px;
    width:120px;   
    background:url(/en/development/desa/population/images/flyers/FertilityFamilyPlanning_OFF2.gif) top left no-repeat;
    
    float:left;
    padding-right:5px;    
}

.flyerItem_FertilityFamilyPlanning:hover {
    height:120px;
    width:120px; 
    background:url(/en/development/desa/population/images/flyers/FertilityFamilyPlanning_ON2.gif) top left no-repeat;
   
    float:left;
    padding-right:5px;    
}

.flyerItem_PopulationDevelopment {  
     height:120px;
    width:120px;        
    background:url(/en/development/desa/population/images/flyers/PopulationDevelopment_OFF2.gif) top left no-repeat;
   
    float:left;
    padding-right:5px;    
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='/en/development/desa/population/images/flyers/PopulationDevelopment_OFF2.gif',
        sizingMethod='scale');
}

.flyerItem_PopulationDevelopment:hover {   
     height:120px;
    width:120px; 
    background:url(/en/development/desa/population/images/flyers/PopulationDevelopment_ON2.gif) top left no-repeat;
   
    float:left;
    padding-right:5px;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='/en/development/desa/population/images/flyers/PopulationDevelopment_OFF2.gif',
        sizingMethod='scale');    
}



.flyerBorder {
    border-top: 3px solid #6e1f7e;
    width:745px; 
}



.eventDoc_Title {
    background-color: #acc8d6;
    height:1.2em;
    width:620px;    
    font: arial 12pt;
    color: #0c559a;
}

.eventDoc_Title_double {
    background-color: #acc8d6;
    height:2.4em;
    width:620px;    
    font: arial 12pt;
    color: #0c559a;
}

.eventDoc_Title_triple {
    background-color: #acc8d6;
    height:3.9em;
    width:620px;    
    font: arial 12pt;
    color: #0c559a;
}

.eventDoc_Name {
    background-color:White;
    height:1.2em;
    width:620px;    
    font: arial 12pt;
    color:  #0c559a;
    text-align:left;
}

.eventDoc_Name:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.eventDoc_Name a {
    color:  #0c559a;
}

.eventDoc_Name:hover a {
    color: #0c559a;    
}

.eventDoc_Name_double {
    background-color:White;
    height:2.4em;
    width:620px;    
    font: arial 12pt;
    color:  #0c559a;
    text-align:left;
}

.eventDoc_Name_double:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.eventDoc_Name_double a {
    color:  #0c559a;
}

.eventDoc_Name_double:hover a {
    color: #0c559a;    
}

.eventDoc_Name_triple {
    background-color:White;
    height:3.9em;
    width:620px;    
    font: arial 12pt;
    color:  #0c559a;
    text-align:left;
}

.eventDoc_Name_triple:hover {
    background-color: #acc8d6;
    color: #0c559a;    
}

.eventDoc_Name_triple a {
    color:  #0c559a;
}

.eventDoc_Name_triple:hover a {
    color: #0c559a;    
}

.EventSpacer {
    background-color:White;    
    width:750px; 
    background-image:url(/en/development/desa/population/images/spacer.gif);
	background-position:top;
	background-repeat:repeat-x;	
	display:block;	
	height:3px;
	clear: both; 
    float: left;
}




