#blankbar2 {
	width: 90%;
background-image: url(row_top.jpg);
background-repeat: repeat-x;
	/*first value is Firefox, 2nd is IE*/
	height:1.8em ;
	padding: 0px 0px 0px 0px;
	margin:0px;
}

.unvTable {
font-size:0.8em;
}

.eluna_pagecomments_comment_author {
  font-style:italic;
  font-weight:bold;
}

.tx-elunapagecomments-pi1 {
   font-size:12px;
}
.eluna_pagecomments_count {
    margin-bottom:8px;
}

.eluna_pagecomments_comment {
    margin-top:8px;
    margin-bottom:8px;
}

/* Hide UNDP no jobs sentence */
#F975C3BF-7E93-2CD6-A57121BB544D7773 p {
    color:white;
}

#whitebarBottom {
	color:white;
	height:13px !important; height /**/:14px;
}

#whitebarMiddle {
	color:white;
	height:2px !important; height /**/:2px;
}

#missionLogo {
display:none;
	visibility:hidden;

}

.whole {
	max-width:984px;
	width:expression(document.body.clientWidth > 984 ? "984px": document.body.clientWidth - 30);
	background-color:#FFFFFF;
	font-family:arial;
}

#tools {
	background-color:#999999; /* 990000 */
	color:#FFFFFF; 
	font-size: 0.7em;
	font-family: arial, verdana, helvetica; 
	padding-bottom:26px;
}

#tools a:active {color: #FFFFFF; text-decoration:none;} /* F5F0D4 */
#tools a:link {color: #FFFFFF; text-decoration:none;}
#tools a:visited {color: #FFFFFF; text-decoration:none;}
#tools a:hover {color: #FFFFFF; text-decoration:underline;}

#tools #toolsl {float:left; padding-left:10px;}
#tools #toolsr {float:right; padding-right:10px;}

#rss  {float:right; padding-right:10px;}

#logo {padding:5px 5px 0px 5px;}

#blankbar {
background-image: url(row_top.gif);
background-repeat: repeat-x;
	/*first value is Firefox, 2nd is IE*/
	height:14px !important; height /**/:14px;
	left:-5px;
	padding: 0px 0px 0px 0px;
	margin:0px;
	vertical-align:top;
	color:#4D90CD;
}

#countryFlag {
	font-family:arial, helvetica; 
	font-size:1.25em;
	font-weight:bold; 
left:289px;
position:relative;
top:-38px;	
	color:#4D90CD;

}

#blankbar #flag {margin-bottom:0px;}

#mission {
background-image: url(row_bottom.gif);
background-repeat: repeat-x;
	vertical-align: bottom; 
	padding: 0px 0px 0px 0px; 
	width: 90%;
	height:21px !important; height /**/:21px;
	white-space:nowrap;
}

#mission #m1 {position:relative; top:-6px; left:110px;}
#mission #m2 {position:relative; top:-6px; left:110px; color:#373535; font-size:14px; font-weight:bold;}
#mission #m3 {position:relative; top:12px; margin-right:5px;}

#mainNav {
	margin-left:4px;
	/*first value is Firefox, 2nd is IE*/
	margin-top:13px !important; margin-top /**/:4px;}

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

#mainNav ul li {
	/* need float settings for low resolutions - menu items need to remain visible. But FF doesn't display items wide enough */ 
	float:none !important; float /**/:left;
	display:inline;
	text-transform:uppercase;
	font-size:0.8em;
	margin:1px;
	padding:6px 9px 6px 9px;
	border: solid 1px #DDD8BE;
	text-align:center;
	width:10.4%;
	background-color: #F0E7BC; /* F0E7BC */
	list-style-type:none;
	white-space:normal !important; white-space /**/:nowrap;
}

#mainNav ul a {text-decoration:none; font-weight:bold; font-family: helvetica;}
#mainNav ul a:link {color:#000000; vertical-align: top;} /* 000000 */
#mainNav ul a:visited {color:#000000; vertical-align: top;}
#mainNav ul a:hover {color:#000000; text-decoration:underline;}

#mainNav .act {background-color:#D2BCA5;}
#mainNav .act a:link {color: #FFFFFF;}
#mainNav .act a:visited {color: #FFFFFF;}
#mainNav .act a:hover {color: #FFFFFF; text-decoration:underline;}

#subNavHolder {
	background-color:#C6D6EF; 
	width:145px; 
	border-left:5px solid #FFFFFF;
}

#subNav {
	margin:0px 0px 5px 0px;
	margin-top:11px !important; margin-top /**/:25px;
}

/* white-space:nowrap; list-style-image: url(/fileadmin/img/unv/arrow_or.gif);  margin:0 0 0 1em; */
#subNav ul {margin:0; padding:0 0 0 5px;}

#subNav ul li { /*all list items */
	list-style-type:none;
	font-size:0.9em;
	/* IE treats the DIV inside the LI differently. Also tried DIV between LIs - same bug in IE. First value is Firefox */
	margin-top:0px !important; margin-top /**/:-12px;
	padding:0px 6px 4px 0px;
}

#subNav ul a {color:#444444; font-weight:bold; font-family:arial; text-decoration:none;}
#subNav ul a:link {}
#subNav ul a:visited {}
#subNav ul a:hover {text-decoration:underline;}

#subNav ul .act a {color:#FFFFFF;}
#subNav ul .act a:link {}
#subNav ul .act a:visited {}
#subNav ul .act a:hover {text-decoration:underline;}

#subNav li ul { /* all sub-entries of active entry */
	margin-bottom:14px;
}
#subNav li ul li { /* each sub-entry of active entry */
	font-family:arial; 
	margin:3px 0px 5px 0px !important; margin /**/:0px 0px 1px 12px;
	padding:1px;
}

#subNav li ul a {color:#666666; font-weight:bold; font-family:helvetica; text-decoration:none; font-size:1em;}
#subNav li ul a:link {}
#subNav li ul a:visited {}
#subNav li ul a:hover {text-decoration:underline;}

#subNav li ul .act2 { /* active sub-entry */
	background-color:#E3EBF8;
}

#subNav li ul .act2 a {color:#555555;}

/* separators between subnav items */
.subNavSep {
	margin:8px 0px 2px 0px;
	border-top:1px dashed #FFFFFF; 
	width:130px; 
	height:5px;
}

/* sub nav arrow */
.navArr {float:left; margin-top:3px;}

.breadcrumbs {font-size: 0.8em; color:#9B9B9B; font-family:Arial; padding:0px 0px 6px 0px; padding-top:14px !important; padding-top /**/:3px;}
.breadcrumbs A {font-size: 0.85em; text-decoration:none;}
.breadcrumbs A:active  {color:#284BBB;} /* A2A2A2 */
.breadcrumbs A:link    {color:#284BBB;}
.breadcrumbs A:visited {color:#284BBB;}
.breadcrumbs A:hover   {color: #0000FF; text-decoration:underline;}

.mainContent { 
	width: 100%;
	margin: 0px;
	padding: 5px 5px 5px 13px;
	vertical-align:top;
}

/* home page top right of main column */
#latestNews {
	vertical-align:top;
	width:140px;
	border:1px #CFDCEC solid;
	padding:4px 4px 0px 4px;
}
	
/* whole right-hand col - unvtemplate2 */
#borderContentHome { 
	border-right:5px solid #FFFFFF;
	padding: 0px 0px 5px 0px;
	vertical-align:top;
	width:184px;
	background-color:#F0E7BC; /* F0E7BC */
}

/* whole right-hand col - unvtemplate */
#borderContentInside { 
	border-right:5px solid #FFFFFF;
	vertical-align:top;
	width:184px;
	background-color:#F0E7BC; 
}

/* bottom of right-hand col - on inside pages*/
#borderContentLow {
	border-top:4px solid #FFFFFF; 
	position:relative; 
	top:0px !important; top /**/:-5px;
	text-align:center;
}

/* search box */
.tx-macinasearchbox-pi1 {padding: 3px 0px 3px 0px; text-align:center; font-family:arial, helvetica;}

/* below search and branding pic */
#dynamicBorderContent{padding:3px; margin-top:-15px;}

/* special features in middle of home page and possibly others */
.promoColumn {
	vertical-align:top;
	width:33%;
}

.to {padding:0; margin:0; font-size:0.9em;}
.to UL {list-style-image: url(to.gif); margin:0 0 0 1.5em;}
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  The style above applies for Mac IE only. 
*/ .to UL {list-style-image: url(to.gif); margin:0 0 0 -2.2em !important; margin /**/:0 0 0 1.5em;}


/* +++ right hand col? */
.img {padding:0px; margin:5px -2px 0px 0px; text-align:center; border:0px;}
/* standard list view image */
.limg {position:relative; float:left; padding:2px; margin:3px 2px 0px 0px; vertical-align:top;}
/* big image on home page */
.blimg {position:relative; float:left; padding:2px; margin:0px 6px 0px 6px; vertical-align:top;}
/* larger list view image */
.rimg {position:relative; float:left; padding:2px; margin:4px 5px -5px 2px; vertical-align:top;}
/* this class is used for arrows, small icons etc */
.si {border: 0; float:none; margin-top: 2px;}
/* this class is used for arrows, small icons etc; further down */
.sid {border: 0; float:none; margin-top: 9px;}
/* this class is used for MDG icons */
.mdgimg {margin:0px 0px -2px 2px; width:16px; height:16px;}
/* single view image - in caption, first value is Firefox, 2nd is IE*/
.svimg {padding:5px 10px 0px 0px; vertical-align:top; clear:right; position:relative; float:left; width:203px !important; width /**/:210px;}
.svimg .caption {position:relative; clear:right; top:-3px; left:0px !important; left:0px; float:left; margin-bottom:15px; width:203px !important; width /**/:210px; border:solid 1px #DDD8BE; padding:3px; font-size:0.8em; background-color:#F0E7BC;}
/* slide show list of images */
.ssimg {position:relative; text-align: center; padding:0px 0px 5px 0px; margin:0px; vertical-align:top;}
.ssimgact {position:relative; text-align: center; padding:2px; margin:2px; vertical-align:top; border: solid 3px #97B185; background-color: #FFFFFF;}
.ssimgprev {position:relative; float: left; padding:0px 7px 3px 0px; margin:0px; vertical-align:top;}

/* for general captions - those for single view images is above in .svimg .caption */
.caption {float:left; clear:left; margin-top:3px; width:393px !important; width /**/:400px; border:solid 1px #DDD8BE; padding: 3px; font-size: 0.8em; background-color: #FDF8E2;}

/* ------ START COMMON -------- */
/* following apply to all unvlX styles below - can be overridden like .unvl0 .content etc */

/* position relative is needed to stop IE bug with text next to floating images */
.unvl {font-size:0.9em; position: relative;  font-family:Verdana, Arial;}
.intro {padding:5px; font-size:0.9em;}
.content {font-family:Verdana, Arial; padding:5px; font-size:0.8em; line-height:1.6em;}
.content .issloc {font-weight:bold;}
.content .issdate {padding:0px 0px 6px 0px; font-size:0.9em;}

.unvl .header {padding:5px; font-weight:bold; font-size:1em; font-family:Arial, Verdana;}
.unvl .header A{font-size:1em;}
.unvl .header A:active  {COLOR: #FFFFFF; text-decoration: none; font-family:Arial, Verdana;}
.unvl .header A:link    {COLOR: #FFFFFF; text-decoration: none; font-family:Arial, Verdana;}
.unvl .header A:visited {COLOR: #FFFFFF; text-decoration: none; font-family:Arial, Verdana;}
.unvl .header A:hover   {COLOR: #FFFFFF; text-decoration: underline; font-family:Arial, Verdana;}

/* special header - blue with light blue bars*/
.unvl .htext {color:#FFFFFF; background-color:#5996CF; padding:5px 25px 5px 25px; white-space:nowrap;} /* 5996CF */
.unvl .bar {background-color:#CFDCEC;}
.unvl .rest {width:90%; border-bottom:3px #CFDCEC dotted;} /* #CFDCEC */

/* don't underline title headings, except with mouse over */
.unvl B { margin-bottom:10px;}
.unvl B A{font-size:1.2em;}
.unvl B A:active  {COLOR:#284BBB; text-decoration: underline;}
.unvl B A:link    {COLOR:#284BBB; text-decoration: none;}/*07325F 466AC3 */ 
.unvl B A:visited {COLOR:#6484A8; text-decoration: none;}
.unvl B A:hover   {COLOR:#990000; text-decoration: underline;}

.unvl .unvlth {clear: left; position: relative; font-size: 0.9em; margin: 8px 0px 2px 0px; padding:2px; color:#000000; line-height:1.5em;}
.unvl .unvlth B {position: relative; font-weight: bold; color:#555555;}
.unvl .unvlth A:active  {COLOR:#284BBB; text-decoration: underline;}
.unvl .unvlth A:link    {COLOR:#284BBB; text-decoration: underline;}
.unvl .unvlth A:visited {COLOR:#6484A8; text-decoration: underline;}
.unvl .unvlth A:hover   {COLOR:#990000; text-decoration: underline;}
/* ------ END COMMON - below are customisations */

/* Dark blue header on white - black on white text */
.unvl0 {background-color:#FFFFFF;}
.unvl0 .header {color:#5B6C9A; background-color:#FFFFFF; font-size:1.3em;}
.unvl0 .header A:active  {COLOR: #5B6C9A;}
.unvl0 .header A:link    {COLOR: #5B6C9A;}
.unvl0 .header A:visited {COLOR: #5B6C9A;}
.unvl0 .header A:hover   {COLOR: #5B6C9A;}

/* dark blue with white text header */
.unvl1 {background-color:#FFFFFF; margin-bottom:25px;}
.unvl1 B A{font-size:0.9em;}
.unvl1 .header {color:#FFFFFF; background-color:#596B9D;}
.unvl .unvlth1 {background-color:#FFFFFF;}
.unvl1 .header A:active  {COLOR: #FFFFFF; font-weight:bold;}
.unvl1 .header A:link    {COLOR: #FFFFFF; font-weight:bold;}
.unvl1 .header A:visited {COLOR: #FFFFFF; font-weight:bold;}
.unvl1 .header A:hover   {COLOR: #FFFFFF; font-weight:bold;}

/* Blue header with bars / blue-lined background */
.unvl2 {}
.unvl2 .header{margin-bottom:2px;}
.unvl2 .content {background-image: url(bg_unvl2.gif); margin-bottom:5px;}
.unvl .unvlth2 {margin-bottom:8px;}

/* Blue header with bars / sand-lined background */
.unvl3 {}
.unvl3 .header{margin-bottom:2px;}
.unvl3 .content {background-image: url(bg_unvl3.gif); margin-bottom:8px;}
.unvl .unvlth3 {margin-bottom:5px;}

/* Dark blue centred text on white background */
.unvl4 {text-align:center; border:solid 1px #990000; height:140px; margin-bottom:8px;} /* 666666 */
.unvl4 .header {color:#466AC3; background-color:#FFFFFF;} 
.unvl4 .header A:active  {color:#466AC3;}
.unvl4 .header A:link    {color:#466AC3;}
.unvl4 .header A:visited {color:#466AC3;}
.unvl4 .header A:hover   {color:#466AC3;}

/* Black centred text with dark sand-coloured background 
.unvl5 {background-color:#F0E7BC; border:solid 1px #666666;  height:140px; margin-bottom:8px;}
.unvl5 .header {color:#000000; text-align:center; background-color:#F0E7BC; margin-bottom:-3px;}
.unvl5 .intro {font-size:0.9em;} */

/* smaller text for links and abstract - red header with white test */
.unvl5 {font-size:0.9em; text-align:left; border:1px solid #990000; margin:5px 5px 15px 5px;}
.unvl5 .header {color:#FFFFFF; text-align:center; font-size:1.1em; background-color:#990000; margin:0 -1px 0 -1px;}
.unvl5 .content{margin-left:3px; margin-bottom:5px;} 
.unvl5 .content B {font-size:0.9em;}
.unvl5 .listSeparator {border-top: 1px dashed #CCCCCC; margin:0px 0px 8px 0px;}
.unvl5 .header A:active  {color:#FFFFFF;}
.unvl5 .header A:link    {color:#FFFFFF;}
.unvl5 .header A:visited {color:#FFFFFF;}
.unvl5 .header A:hover   {color:#FFFFFF;}

/* Blue header with bars - white background */
.unvl6 {}
.unvl6 .header{}
.unvl .unvlth6 {background-color:#FFFFFF; margin-bottom:5px;}

/* Darker brown background - black text */
.unvl7 {background-color:#F1E0C2;}

.unvl8 {}
.unvl8 .header{color:#CAA030;}

.unvl9 {font-size:0.9em; text-align:left;}
.unvl9 .header {color:#466AC3; background-color:#FFFFFF; text-align:center;}
.unvl9 .content{margin-left:3px; margin-bottom:5px;}
.unvl9 .listSeparator {border:0;}
.unvl9 .header A:active  {color:#466AC3;}
.unvl9 .header A:link    {color:#466AC3;}
.unvl9 .header A:visited {color:#466AC3;}
.unvl9 .header A:hover   {color:#466AC3;}

/* ------------------------------ */
/* single view - related themes only - main text is in .bodyHeader and .bodyText */
/* Green on White Header - Black on Fawn Text */
.unvl .unvlth .single {font-family:Verdana, Arial; font-size: 1.0em;}
/* used for when we want to use unvlth styles, but a bit bigger - e.g. countries main page - full list of countries */
.unvl .unvlth .enlarge {font-size: 1.3em;}
.unvl .unvlth .enlarge B {font-size: 2.0em; line-height:1.3em;}
.unvl .shrink {font-size: 0.85em;}

.farright {padding:3px 0px 3px 5px; margin: 0px 0px 0px 5px; border: 0px; font-size:0.9em; vertical-align:top; font-family:verdana,arial; color:#000000; background-color:#FFFFFF;}
.farright A:active  {FONT-WEIGHT: normal; FONT-SIZE: 1em; COLOR: #0000FF; FONT-FAMILY: Verdana, Arial;}
.farright A:link    {FONT-WEIGHT: normal; FONT-SIZE: 1em; COLOR: #0000FF; FONT-FAMILY: Verdana, Arial;}
.farright A:visited {FONT-WEIGHT: normal; FONT-SIZE: 1em; COLOR: #6666FF; FONT-FAMILY: Verdana, Arial;}
.farright A:hover   {FONT-WEIGHT: normal; FONT-SIZE: 1em; COLOR: #990000; FONT-FAMILY: Verdana, Arial;}

.box {padding: 11px; border: 1px solid #000000;}

.toolLine {text-align:right; margin-top:8px; padding:5px 12px 5px 0px; white-space:nowrap; font-family:Arial, Helvetica, Verdana; font-size:0.7em;}

/* slideshow toolbar */
.slideLine {font-size:0.9em; text-align:left; border-top: 1px dashed #DDD8BE; border-bottom: 1px dashed #DDD8BE; padding:5px 12px 5px 0px; white-space: nowrap; font-family:Arial, Helvetica, Verdana;}
.slideLine B {color: #FF0000; font-weight: normal}

.pagesLine {margin-top:5px; clear:both; text-align:left; border-top: 1px dashed #DDD8BE; border-bottom: 1px dashed #DDD8BE; padding:5px 12px 5px 0px; font-family:Verdana, Arial; font-size:0.8em;}
.pagesLine A:active  {font-size:1.2em;}
.pagesLine A:link    {font-size:1.2em;}
.pagesLine A:visited {font-size:1.2em;}
.pagesLine A:hover   {font-size:1.2em;}
.pagesLine B {color: #FF0000; font-weight: normal; font-size:1.2em;}

/* between stories in list view */
.listSeparator {border-top: 1px dashed #CFDCEC; margin: 10px 0px 10px 0px; clear:both; position: relative;}

.subHeader {clear:right; background-color:#FFFFFF; color:#C89D35; font-family:Verdana, Arial; font-size:1.1em; font-weight: bold; padding:2px;}
.subHeader A:active  {font-size: 0.8em; font-weight: normal;}
.subHeader A:link    {font-size: 0.8em; font-weight: normal;}
.subHeader A:visited {font-size: 0.8em; font-weight: normal;}
.subHeader A:hover   {font-size: 0.8em; font-weight: normal;}

.commentTop {background-color:#F1EBC7; color:#000000; font-family:Arial, Helvetica; font-size:1.1em; padding:6px; margin:0px 5px 0px 5px;}
.comment {font-family:Verdana, Arial; font-size:0.9em; color:#000000; background-color:#F8F3DF; padding:4px; margin:0px 5px 0px 5px; line-height:1.5em;}

.numComments {font-size: 0.85em; margin: 0px; font-family: arial, verdana, helvetica; color: #979797}

.arrowspace {width: 11px;}
.separate {border-top: 1px dashed #FFFFFF; margin: 5px 0px 5px 0px; clear:both; position: relative;}

.body {font-family:Verdana, Arial; font-size:0.9em; color:#000000; vertical-align:top;}
.bodytext {font-family:Verdana, Arial; font-size:0.8em; color:#000000; clear:none;}
.bodytext LI {font-family:Verdana, Arial; font-size:0.9em; color:#000000; padding:2px;}
.bodytext UL LI {font-family:Verdana, Arial; font-size:0.9em; color:#000000; padding:2px;}
/* header on single view pages */
.bodyheader {font-family:Arial, Verdana; font-size:1.2em; color:#5C6D9B; font-weight:bold; padding:2px 2px 2px 0px; clear:both;}

#footer {background-color:#5996CF; color:#FFFFCC; font-size:0.8em; text-align:center; padding:5px 0px 5px 0px; margin:0px; font-family:arial, verdana, helvetica;}
#footer A:active  {color: #FFFFCC;}
#footer A:link    {color: #FFFFCC;}
#footer A:visited {color: #FFFFCC;}
#footer A:hover   {color: #FFFFCC;}

#endstmt{background-color:#999999; color:#FFFFFF; font-size:0.7em; text-align:center; padding:5px 0px 5px 0px; margin:0px; font-family: verdana, helvetica;}
#endstmt A:active  {color: #FFFFFF;}
#endstmt A:link    {color: #FFFFFF;}
#endstmt A:visited {color: #FFFFFF;}
#endstmt A:hover   {color: #FFFFFF;}

.tx-dropdownsitemap-pi1  {font-size:0.9em;}
.tx-dropdownsitemap-pi1 .level_3 {border:0px;}
.tx-dropdownsitemap-pi1 UL {list-style-type: none;}
.tx-dropdownsitemap-pi1 .expAll {font-size:0.9em; text-align:left; padding-left:20px; margin-left:20px; border: solid 1px #DFE2E3; background: #FAFBFB;}
.tx-dropdownsitemap-pi1 A {font-weight: bold;}
.tx-dropdownsitemap-pi1 LI.open OL {display: block;}
.tx-dropdownsitemap-pi1 LI.closed OL {display: none;}
.tx-dropdownsitemap-pi1 LI.open UL {display: block;}
.tx-dropdownsitemap-pi1 LI.closed UL {display: none;}
.tx-dropdownsitemap-pi1 DIV {border: solid 1px #DFE2E3;	background: #FFFFFF; padding: 2px; margin-bottom: 5px;}
.tx-dropdownsitemap-pi1 DIV.level_2 {background: #FFFFFF; border:0px;}
.tx-dropdownsitemap-pi1 DIV.level_2 A {font-weight: normal;}

/* related to tx-indexedsearch */
.browsebox LI {display:inline; margin-right:5px; font-size:0.9em;}

A:active  {COLOR: #284BBB; font-family: Verdana;}
A:link    {COLOR: #284BBB; font-family: Verdana;}
A:visited {COLOR: #6484A8; font-family: Verdana;}
A:hover   {COLOR: #990000; font-family: Verdana;}
IMG {border:0px; padding:0; margin:0;}
HR {height:1px; clear:both;}
P {font-family:Verdana, Arial; color:#000000;}
H1 {font-family:Arial, Verdana; font-size:1.2em; color:#000000; font-weight:bold; padding:2px 2px 2px 0px;}

/************
 * JOBS CSS *
 ************/
.standard {
    text-align:center;
    width:100%;
    font-size:12px;
}
.standard th {
    width:33%;
}