/*
UNDP worldwide style sheet for country offices
*/
/* GLOBAL TAGS */

BODY {
background-color:#FFF;
height:100%;
margin:0;
padding:0;
}

BODY,TD {
color:#333;
font-family:"Verdana", "Arial", sans-serif;
font-size:11px;
}

A {
color:#369;
text-decoration:none;
}

A.on {
color:#C33;
text-decoration:none;
font-weight:700;
}

A img {
border-color:#369;
}

A:hover img {
border-color:#C33;
}

H1 {
color:#039;
font-family:"Trebuchet MS", "Arial", sans-serif;
font-size:25px;
font-weight:400;
line-height:100%;
margin:15px 0 0;
padding:0 0 3px;
}

H2 {
color:#039;
font-family:"Trebuchet MS", "Arial", sans-serif;
font-size:21px;
font-weight:400;
line-height:130%;
border-bottom:1px dotted #666;
clear:both;
margin:45px 0 0;
padding:0 0 12px;
}

H3 {
color:#039;
font-family:"Trebuchet MS", "Arial", sans-serif;
font-size:17px;
font-weight:400;
line-height:130%;
border-bottom:1px dotted #666;
margin:3px 0;
padding:0 0 4px;
}

H9 {
color:#369;
font-family:"Trebuchet MS", "Arial", sans-serif;
font-size:12px;
font-weight:700;
line-height:130%;
border-bottom:1px dotted #666;
margin:5px 0 3px;
padding:0 0 3px;
}

H5 {
color:#666;
font-family:"Verdana", "Arial", sans-serif;
font-size:13px;
font-weight:400;
line-height:130%;
margin:6px 0 0;
padding:0 0 6px;
}

H6 {
color:#696;
font-family:"Verdana", "Arial", sans-serif;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
line-height:130%;
margin:0 0 -9px;
padding:6px 0 0;
}

H6 a:visited {
color:#696;
}

p {
line-height:130%;
}

.red {
color:#C33;
}

.credit {
color:#999;
}

.smallcaps {
font-variant:small-caps;
}

.nowrap {
white-space:nowrap;
}

.norule {
border-bottom:none;
}

LI + LI,LI + OL,LI + UL {
margin-top:5px;
}

.et {
font-family:Arial, Helvetica, sans-serif;
}

#logo {
position:absolute;
top:17px;
right:35px;
background-color:#69C;
}

.header {
background-color:#039;
font-size:11px;
margin:0;
padding:0;
}

.banner {
background-color:#FFF;
background-image:url('assets/images/bluefade.gif');
background-position:top right;
background-repeat:no-repeat;
margin:0;
padding:0;
}

.banner h3 {
color:#333;
font-family:"Trebuchet MS", "Arial", sans-serif;
font-weight:400;
font-size:14px;
border:none;
margin:0;
padding:10px 0 0 12px;
}

.banner h3 a,.banner h3 a:visited,.banner h3 a:hover {
color:#333;
text-decoration:none;
}

.banner h1 {
color:#039;
font-family:"Trebuchet MS", "Arial", sans-serif;
font-weight:400;
font-size:26px;
text-decoration:none;
margin:0;
padding:7px 0 13px 12px;
}

.banner h1 a,.banner h1 a:visited,.banner h1 a:hover {
color:#039;
text-decoration:none;
}

#flag {
margin-right:8px;
vertical-align:middle;
}

.breadcrumb {
background-color:transparent;
color:#777;
font-size:11px;
margin:5px 0 0;
padding:3px 3px 0 15px;
}

.shadow {
border-top:1px solid #BBB;
background-color:#DDD;
border-bottom:1px solid #EEE;
height:1px;
font-size:1px;
width:100%;
}

.sidebar,.sidebar-footer {
color:#666;
background-color:#F9F9F9;
border-right:1px solid #BCB8B6;
width:187px;
height:100%;
font-size:11px;
margin:0;
padding:0 0 7px;
}

.rightsidebar,.rightsidebar-footer {
color:#666;
background-color:#FFF;
border-right:0;
width:180px;
height:100%;
font-size:12px;
margin:0;
padding:0 10px 20px 0;
}

.sidebar-footer {
border-bottom:1px solid #BCB8B6;
}

.sidebar H3 {
color:#039;
background-color:#E6E6E6;
font-family:"Trebuchet MS", "Arial", sans-serif;
font-size:13px;
font-weight:400;
border:none;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
margin:0;
padding:4px 4px 5px 11px;
}

.rightsidebar H3 {
font-size:14px;
}

.sidebar p,.rightsidebar p,.sidebar-footer p {
margin:7px 7px 7px 10px;
padding:0;
}

.sidebar ul,.rightsidebar ul {
list-style-type:none;
list-style-position:outside;
list-style-image:url('assets/images/bullet.gif');
border:none;
font-size:11px;
margin:0 3px 0 0;
padding:7px 0 0 27px;
}

.sidebar ul ul,.rightsidebar ul ul {
list-style-type:none;
list-style-position:outside;
list-style-image:url('assets/images/bullet.gif');
border:none;
margin:6px 0 0;
padding:0 0 10px 16px;
}

.sidebar ul li,.rightsidebar ul li {
margin:0;
padding:0 0 6px;
}

.sidebar ul ul li,.rightsidebar ul ul li {
margin:0;
padding:0 0 2px;
}

.content {
font-size:13px;
line-height:130%;
margin:0;
padding:0 20px 30px;
}

.article {
width:85%;
max-width:660px;
}

.sidebar .component {
border:none;
border-top:1px solid #BCB8B6;
margin-bottom:10px;
}

.rightsidebar .component {
border:1px solid #fff;
left:1px;
top:1px;
right:1px;
bottom:1px;
margin-bottom:20px;
}

.content .component {
margin-bottom:20px;
}

.content .component ul {
list-style-image:url('assets/images/bullet.gif');
}

.lefthalf {
position:relative;
float:left;
width:47%;
clear:both;
margin:0 5% 0 0;
}

.righthalf {
border:1px solid #DDD;
position:relative;
float:right;
width:180px;
margin:0;
background-color:#ccc;
}

.leftthird {
float:left;
width:30%;
clear:both;
margin:0 5% 0 0;
}

.centerthird {
float:left;
width:30%;
margin:0 5% 0 0;
}

.rightthird {
float:left;
width:30%;
margin:0;
}

.lefttwothirds {
float:left;
width:65%;
clear:both;
margin:0 5% 0 0;
}

.righttwothirds {
float:left;
width:65%;
margin:0;
}

.boxed {
background-color:#EEE;
border:1px solid #DDD;
margin:0 0 15px;
padding:5px 10px 0 5px;
}

.bg-blue {
background-color:#f2f7fc;
}

.bg-green {
background-color:#effaf1;
}

.bg-yellow {
background-color:#ffffe9;
}

.bg-gray {
background-color:#f6f6f6;
}

.bg-red {
background-color:#fff6f6;
}

.bg-purple {
background-color:#fff2fb;
}

.bg-orange {
background-color:#fef2da;
}

.boxed_green {
background-color:#696;
border:1px solid #000;
padding:10px 15px;
}

.boxed H3 {
color:#666;
border:none;
}

.boxed_green H3 {
color:#000;
border:none;
}

.nestedtable TD {
padding-top:2px;
padding-right:2px;
padding-bottom:2px;
}

.boxes img {
border:1px solid #666;
margin:5px 5px 0;
}

.ditto_paging {
border-top:1px solid #ccc;
font-size:86%;
color:#000;
padding:12px;
}

#ditto_pages .ditto_currentpage {
border:1px solid #000;
margin-right:4px;
background-color:#008CBA;
color:#fff;
padding:1px 5px 2px;
}

#ditto_pages .ditto_off {
border:1px solid #ccc;
margin-right:1px;
color:#ccc;
padding:1px 5px 2px;
}

#ditto_pages a,#ditto_pages a:link,#ditto_pages a:visited {
border:1px solid #008CBA;
margin-right:1px;
text-decoration:none !important;
color:#000;
padding:1px 5px 2px;
}

#ditto_pages a:hover {
background-color:#fff;
color:#000;
}

.image {
color:#666;
font-size:11px;
clear:both;
margin:7px 10px 10px 0px;
}

.image-left {
position:relative;
float:left;
color:#666;
font-size:11px;
clear:both;
margin:7px 10px 10px 0px;
}

.image-right {
position:relative;
float:right;
color:#666;
font-size:11px;
clear:both;
margin:10px 10px 15px 15px;
}

.image img,.image-left img,.image-right img {
margin-bottom:5px;
border:1px solid #333;
}

.footer {
color:#999;
font-size:10px;
margin:0;
padding:0 30px 30px 20px;
}

.rule {
border-top:1px dotted #999;
width:100%;
height:1px;
font-size:1px;
margin-top:5px;
padding:0;
}

tr.odd {
background-color:#FFF;
}

tr.even td.column {
background-color:#ECECEC;
}

th.icon,td.icon {
text-align:center;
}

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;
margin:0;
padding:0 0 3px 7px;
}

li.doc {
list-style-image:url('assets/images/icon_doc.gif');
}

li.pdf {
list-style-image:url('assets/images/icon_pdf.gif');
}

li.exe {
list-style-image:url('assets/images/icon_exe.gif');
}

li.css {
list-style-image:url('assets/images/icon_css.gif');
}

li.folder {
list-style-image:url('assets/images/icon_folder.gif');
}

li.htm {
list-style-image:url('assets/images/icon_htm.gif');
}

li.pps {
list-style-image:url('assets/images/icon_pps.gif');
}

li.txt {
list-style-image:url('assets/images/icon_txt.gif');
}

li.zip {
list-style-image:url('assets/images/icon_zip.gif');
}

A:hover,H6 a:hover {
color:#C33;
text-decoration:underline;
}

H6 a,.banner h1.green,.banner h1.green a,.banner h1.green a:visited,.banner h1.green a:hover {
color:#696;
text-decoration:none;
}

.full,.clear {
clear:both;
}

.first H1,.first H2,.first H3,.first H4,.first H5,.first H6,H1.first,H2.first,H3.first,H4.first,H5.first,H6.first {
margin-top:0;
}

tr.even,tr.alt,td.column,tr.odd td.column {
background-color:#F3F3F3;
}

.cse-branding-bottom,
.cse-branding-right {
margin:0;
padding:0
}
.cse-branding-bottom,
.cse-branding-right {
zoom: 1;
}
.cse-branding-bottom:after,
.cse-branding-right:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.cse-branding-text { 
font: 10px Arial;
}
.cse-branding-form form {
margin-bottom: 0;
padding-bottom: 0;
}
/* Bottom-specific selectors */
.cse-branding-bottom .cse-branding-logo, 
.cse-branding-bottom .cse-branding-text {
display: block; 
float: left
}
.cse-branding-bottom .cse-branding-form {
margin-bottom: 3px;
}
.cse-branding-bottom .cse-branding-logo {
padding: 0
}
.cse-branding-bottom .cse-branding-text {
padding-top: 4px
}
.cse-branding-right .cse-branding-form {
float: left;
}
/* Right-specific selectors */
.cse-branding-right .cse-branding-logo, 
.cse-branding-right .cse-branding-text {
margin-left: 4px;
}
.cse-branding-right .cse-branding-form {
float: left;
margin-right: 4px;
}
.cse-branding-right .cse-branding-logo {
padding: 0
}
.cse-branding-right .cse-branding-text {
margin-top: -4px
}
/* 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;
}

ul#ratator {list-style:none;margin:10px 0px 10px 0px;padding:0px;width:300px;height:200px;overflow:hidden;}
ul#ratator li,
ul#ratator li a,
ul#ratator li img,
ul#ratator li a img {width:300px;height:200px;margin:0px;padding:0px;border:none;}
