/*
UNDP
Public style sheet
last modified: 2 December 2004
*/

/*
Palette:
	UNDP blue: #003399
	header highlight blue: #6699CC
	text gray: #333333
	text green: #669966
	link blue: #336699
	link red: #CC3333
	sidebar gray: #F9F9F9
	sidebar header gray: #E6E6E6
*/


/* GLOBAL TAGS */

BODY {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

BODY, TD {
	color: #333333;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 11px;	
}


/* LINKS */

A {
	color: #336699;
	text-decoration: none;
}

A:hover {
	color: #CC3333;
	text-decoration: underline;
}

A.on {
	color: #CC3333;
	text-decoration: none;
	font-weight: bold;
}

A img {
	border-color: #336699;
}

A:hover img {
	border-color: #CC3333;
}


/* links on in content area */

.content A {
	text-decoration: underline;
}


/* HEADERS */

H1 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 25px;
	font-weight: normal;
	line-height:130%;
	
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	line-height:100%;
}

H2 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 21px;
	font-weight: normal;
	line-height:130%;
	
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	
	border-bottom: 1px dotted #666666;
	clear: both;
}

H3 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 17px;
	font-weight: normal;
	line-height:130%;
	
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	
	border-bottom: 1px dotted #666666;
}

H5 { /* byline */
	color: #666666;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 130%;
	
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	
}

H6 { /* all caps - default green */
	color: #669966;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 130%;
	
	margin: 0px 0px -9px 0px;
	padding: 6px 0px 0px 0px;
	
}

H6 a {
	color: #669966;
	text-decoration: none;
}

H6 a:visited {
	color: #669966;
}

H6 a:hover {
	color: #CC3333;
	text-decoration: underline;
}


/* TYPOGRAPHY */

p {
	line-height: 130%;
}

.red {
	color: #CC3333;
}

.credit {
	color: #999999;
}

.smallcaps {
	font-variant: small-caps;
}

.nowrap {
	white-space: nowrap;
}

LI + LI, LI + OL, LI + UL { /* line spacing between list bullets */
	margin-top: 5px;
}

.et {
	font-family: Arial, Helvetica, sans-serif;
}


/* HEADER */

#logo {
	position: absolute;
	top: 13px;
	right: 20px;
	background-color: #6699CC;
}

#logotype {
	position: absolute;
	top: 101px;
	left: 17px;
}

#pnudlogotype {
	position: absolute;
	top: 73px;
	left: 17px;
}

.homeheader {
	background-color: #5F85C3;
	background-image: url('../../images/cms/banner/blue.gif');
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	height: 148px;
}

.header {
	background-color: #DAE3F1;
	background-image: url('../../images/cms/banner/bluefade.gif');
	height: 104px;
}

#nav {
	margin: 0px;
	padding: 0px;
}

#nav td {
	background-color: #003399;
	font-size: 11px;
	margin: 0px;
	padding: 3px 9px 3px 9px;
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
	border-bottom: 1px solid #333333;
	white-space: nowrap;
}

#nav td.on {
	background-color: transparent;
	border-bottom: none;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

#nav td.first {
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
}

#nav td.last {
	color: #77AADD;
	width: 80%;
	padding-right: 95px;
	text-align: right;
}



/* HEADER LINKS */

#nav td a {
	color: #FFFFFF;
	text-decoration: none;
}

#nav td a:visited {
	color: #FFFFFF;
}

#nav td a:hover {
	color: #99CCFF;
}

#nav td.on {
	background-color: transparent;
}

#nav td.on a {
	color: #002255;
}

#nav td.on a:visited {
	color: #002255;
}

#nav td.on a:hover {
	color: #002255;
}

#nav td.last a {
	color: #77AADD;
}

#nav td.last a:visited {
	color: #77AADD;
}

#nav td.last a:hover {
	color: #99CCFF;
}



/* BANNER */

.banner {
	margin: 0px;
	padding: 0px;
}

.banner h3 {
	color: #333333;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	padding: 13px 0px 0px 17px;
	border: none;
}

.banner h3 a, .banner h3 a:visited, .banner h3 a:hover {
	color: #333333;
	text-decoration: none;
}

.banner h1 {
	color: #003399;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-weight: normal;
	font-size: 26px;
	margin: 0px;
	padding: 10px 0px 0px 17px;
	text-decoration: none;
}

.banner h1 a, .banner h1 a:visited, .banner h1 a:hover {
	color: #003399;
	text-decoration: none;
}

.banner h1.green, .banner h1.green a, .banner h1.green a:visited, .banner h1.green a:hover {
	color: #669966;
	text-decoration: none;
}

.breadcrumb {
	background-color: transparent;
	color: #777777;
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding: 3px 3px 4px 17px;
}

.shadow {
	border-top: 1px solid #BBBBBB;
	background-color: #DDDDDD;
	border-bottom: 1px solid #EEEEEE;
	height:1px;
	font-size: 1px;
	width: 100%;
}


/* SIDEBAR */

.sidebar {
	color: #666666;
	background-color: #F9F9F9;
	border-right: 1px solid #BCB8B6;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 177px;
	height: 100%;
	font-size: 11px;
}

.sidebar-footer {
	color: #666666;
	background-color: #F9F9F9;
	border-right: 1px solid #BCB8B6;
	border-bottom: 1px solid #BCB8B6;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 177px;
	height: 100%;
	font-size: 11px;
}

.sidebar H3 {
	color: #003399;
	background-color: #E6E6E6;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 13px;
	font-weight: normal;
	
	margin: 0px;
	padding: 4px 4px 5px 11px;
	
	border: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.sidebar p, .sidebar-footer p {
	margin: 7px 7px 7px 13px;
	padding: 0px;
}

.sidebar ul {
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('../../images/cms/button/bullet.gif');
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 27px;
	border: none;
}

.sidebar ul ul {
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('../../images/cms/button/bullet.gif');
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 10px 16px;
	border: none;
}

.sidebar ul li {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

.sidebar ul ul li {
	margin: 0px;
	padding: 0px 0px 2px 0px;
}


/* CONTENT */

.content {
	margin: 0px;
	padding: 0px 30px 30px 20px;
	font-size: 13px;
	line-height: 130%;
}

.article {
	width: 85%;
	max-width: 660px;
}


/* COMPONENTS */

.sidebar .component {
	border: none;
	border-top: 1px solid #BCB8B6;
	margin-bottom: 20px;
}

.content .component {
	margin-bottom: 24px;
}

.content .component ul {
	list-style-image: url('../../images/cms/button/bullet.gif');
}

.full {
	clear: both;
}

.lefthalf {
	position: relative;
	float: left;
	width: 47%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.righthalf {
	position: relative;
	float: right;
	width: 48%;
	margin: 0px 0px 0px 0px;
}

.leftthird {
	float: left;
	width: 30%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.centerthird {
	float: left;
	width: 30%;
	margin: 0px 5% 0px 0px;
}

.rightthird {
	float: left;
	width: 30%;
	margin: 0px;
}

.lefttwothirds {
	float: left;
	width: 65%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.righttwothirds {
	float: left;
	width: 65%;
	margin: 0px;
}

.boxed {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	padding: 10px 15px;
}

.boxed H3 {
	color: #666666;
	border: none;
}

.rightinset {
	position: relative;
	float: right;
	width: 398px;
	margin: 10px 0px 10px 15px;
	height: 479px;




}


/* WIDTH OVERRIDE */

.width-300 {
	width: 300px;
}


/* SPACING OVERRIDE */

.clear {
	clear: both;
}

.nomargin {
	margin: 0px;
}

.nopadding {
	padding: 0px;
}



/* BG COLORS */

.bg-blue {
	background-color: #E3EBF2;
}



/* TEXT COLORS */

.text-red {
	color: #CC3333;
}


/* IMAGES */

img {
	border-color: #666666;

}

.image {
	margin: 7px 20px 20px 0px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image-left {
	position: relative;
	float: left;
	margin: 3px 15px 15px 0px;
	color: #666666;
	font-size: 11px;
	clear: both;
	width: 231px;
	height: 181px;



}

.image-right {
	position: relative;
	float: right;
	margin: 3px 0px 15px 15px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image img, .image-left img, .image-right img {
	margin-bottom: 3px;
	border: 1px solid #333333;
}


/* FOOTER */

.footer {
	color: #999999;
	margin: 0px;
	padding: 0px 30px 30px 20px;
	font-size: 10px;
}


/* RULES */

.rule {
	border-top: 1px dotted #999999;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin-top: 5px 0px;
	padding: 0px;
}


/* SPECIAL HEADERS */

.first H1, .first H2, .first H3, .first H4, .first H5, .first H6 {
	margin-top: 0px;
}

H1.first, H2.first, H3.first, H4.first, H5.first, H6.first {
	margin-top: 0px;
}


/* FILE TYPE LISTS */
li.xls, .rightsidebar ul li.xls,
li.doc, .rightsidebar ul li.doc, 
li.pdf, .rightsidebar ul li.pdf, 
li.exe, .rightsidebar ul li.exe, 
li.css, .rightsidebar ul li.css,
li.folder, .rightsidebar ul li.folder,
li.htm, .rightsidebar ul li.htm,
li.pps, .rightsidebar ul li.pps,
li.css, .rightsidebar ul li.css,
li.txt, .rightsidebar ul li.txt,
li.zip, .rightsidebar ul li.zip {
	list-style-type:  none;
	list-style-position: outside;
	padding: 0px 0px 3px 7px;
	margin: 0px;
}
li.doc {
	list-style-image: url('../../images/cms/mime-icons/icon_doc.gif');
}
li.pdf {
	list-style-image: url('../../images/cms/mime-icons/icon_pdf.gif');
}
li.exe {
	list-style-image: url('../../images/cms/mime-icons/icon_exe.gif');
}
li.css {
	list-style-image: url('../../images/cms/mime-icons/icon_css.gif');
}
li.folder {
	list-style-image: url('../../images/cms/mime-icons/icon_folder.gif');
}
li.htm {
	list-style-image: url('../../images/cms/mime-icons/icon_htm.gif');
}
li.pps {
	list-style-image: url('../../images/cms/mime-icons/icon_pps.gif');
}
li.txt {
	list-style-image: url('../../images/cms/mime-icons/icon_txt.gif');
}
li.zip {
	list-style-image: url('../../images/cms/mime-icons/icon_zip.gif');
}
li.xls {
	list-style-image: url('../../images/cms/mime-icons/icon_xls.gif');
}


@media print {
   ul.udm { display: none;}
}

/* Added Nov. 28, 2007 by Michael Relevo */
/* STANDARD TABLE DEFINITIONS */

table.standard {
	/* standard table spacing */
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 100%;
	margin: 15px 0px 15px 0px;
	padding: 0px;
}

table.standard tr {
	/* standard table rows */
	vertical-align: top;
}

table.standard th {
	/* standard table headers */
	margin: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #E6E6E6;
	text-align: left;
	vertical-align: center;
	font-weight: normal;
}

table.standard td {
	/* standard table cells */
	margin: 0px;
	padding: 3px 5px 3px 5px;
}

/* LARGEFONT TABLE DEFINITIONS */
/* added by mtoomey 29 june 2005 */

table.largefont {
	/* standard table spacing */
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 100%;
	margin: 15px 0px 15px 0px;
	padding: 0px;
}

table.largefont tr {
	/* standard table rows */
	vertical-align: top;
}

table.largefont th {
	/* standard table headers */
	margin: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #E6E6E6;
	text-align: left;
	vertical-align: center;
	font-weight: normal;
	font-size=13;
}

table.largefont td {
	/* standard table cells */
	margin: 0px;
	padding: 3px 5px 3px 5px;
	font-size=15;
}




/* TABLE BORDER DEFINITIONS */

table.border {
	/* add border to tables */
	border: 1px solid #CCCCCC;
}

table.rowborder tr {
	/* add border to rows */
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

table.columnborder th, table.columnborder td {
	/* add border to columns */
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

table.cellborder th, table.cellborder td {
	/* add border to cells */
	border: 1px solid #CCCCCC;
}

table.noborder, table.norowborder tr, table.nocellborder th, table.nocellborder td {
	/* remove border */
	border: none;
}

th.leftborder, td.leftborder {
	/* force left border on cell (will not work if table class="nocellborder") */
	border-left: 1px solid #CCCCCC;
}

th.rightborder, td.rightborder {
	/* force right border on cell (will not work if table class="nocellborder") */
	border-right: 1px solid #CCCCCC;
}


/* TABLE HEADER AND SUBHEAD ROWS */

tr.title th, tr.title td {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
}

tr.head th, tr.head td {
	background-color: #CCCCCC;
}

tr.subhead th, tr.subhead td {
	background-color: #DDDDDD;
	padding: 5px;
}

tr.subtotal th, tr.subtotal td {
	background-color: #ECECEC;
}

tr.total th, tr.total td {
	background-color: #DDDDDD;
	border-top: 1px solid #999999;
	font-weight: bold;
}


/* BLUE TABLE HEADER AND SUBHEAD ROWS */

table.blue tr.title th, table.blue tr.title td {
	background-color: #2255BB;
	color: #FFFFFF;
	font-weight: bold;
}

table.blue tr.head th, table.blue tr.head td {
	background-color: #ABD3FF;
}

table.blue tr.subhead th, table.blue tr.subhead td {
	background-color: #CCEEFF;
	padding: 5px;
}

table.blue tr.subtotal th, table.blue tr.subtotal td {
	background-color: #ECECEC;
	border-bottom: 1px solid #CCCCCC;
}

table.blue tr.total th, table.blue tr.total td {
	background-color: #BBE3FF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
}


/* ALTERNATE ROWS */

tr.odd {
	/* used on 1st and alternate rows */
	background-color: #FFFFFF;
}

tr.even, tr.alt {
	/* used on 2nd and alternate rows */
	background-color: #F3F3F3;
}


/* OVERLAPPING ALTERNATE ROWS */

td.column {
	/* used to add column colors */
	background-color: #F3F3F3;
}

tr.odd td.column {
	background-color: #F3F3F3;
}

tr.even td.column {
	background-color: #ECECEC;
}


/* CELL FORMATTING */

th.icon, td.icon {
	text-align: center;
}


/* DIRECTORY TABLE */

.directory {
	border-collapse: collapse;
	border: none;
	margin: 5px 5px 10px 7px;
}

.directory td {
	margin: 0px;
	padding: 2px 2px 1px 1px;
	vertical-align: middle;
}


/* ALTERNATE-ROW TABLE (THIS IS NOW OBSOLETE) */
/* change  [table ... class="alternaterow"] to [table class="standard cellborder"] */

.alternaterow {
	border-collapse: collapse;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-color: #FFFFFF;
	font-weight: bold;
	width: 100%;
	margin: 15px 0px 15px 0px;
}

.alternaterow th {
	border: 1px solid #AAAAAA;
	color: #333333;
	background-color: #E6E6E6;
	font-weight: normal;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: center;
}

.alternaterow td {
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	font-weight: normal;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	vertical-align: top;
}


/* TABLE SORT */

img.sort, img.sort {
	float: right;
	margin: 0px 0px 0px 3px;
}