/***************************************************************** Page style */

body {
	margin:				0;
	padding:			0;
	font-family:		arial, sans-serif;
	font-size:			0.75em;
	background-color:	#FFFFFF;
}

#container {
	width:				630px;
	margin:				0 auto;
}

a {
	color:				#000000;
	text-decoration:	underline;
}

a:hover {
	color:				#FE9900;
}

ul {
	margin-top:			0;
	margin-bottom:		0;
}

form {
	margin:				0;
}

p {
	text-align:			justify;
}

/************************************************************** Header styles */


div#header li, div#headerFrontend li {
	list-style: 		none;
}
div#header span, div#headerFrontend span {
	display: 		none;
}


/******************************************************** Content area styles */

div#main {
	padding:			0.8em;
	margin-top:			1em;
	border:				1px solid #000000;
}

/******************************************************* Miscellaneous styles */

/* Forces blocks to enclose their floated children */
.clearfix:after {
	content:			".";
	display:			block;
	height:				0;
	clear:				both;
	visibility:			hidden;
}

/*************************************************************** Dynamic menu */

div#menu a:link, div#menu a:visited {
	color:				#000000;
}

div#menu a:hover {
	color:				#FE9900;
}

div#menu span.active a:link, div#menu span.active a:visited {
	color:				#000000;
}

div#menu ul#menu-top {
	border-bottom:		1px solid #BBBBBB;
}

div#menu ul#menu-top li, div#menu ul#menu-bottom li {
	float:				left;
	position:			relative;
	width:				115px;
	text-align:			center;
	list-style:			none;
}

div#menu li li {
	display:			block;
	float:				none;
	border:				0;
}

div#menu li a {
	display:			block;
	padding: 			0.1em 0 0.1em 0;
}

div#menu li.topElement, div#menu li.topElementFirst {
	border-right:		1px solid #BBBBBB;
}

div#menu ul.submenu {
	position:			absolute;
	font-size:			0.85em;
	margin:				0;
	padding:			0;
	background-color:	#FFFFFF;
	border:				1px solid #BBBBBB;
	border-top:			0;
	width:				115px;
	z-index:			300000;
}

/* submenu */

div#menu ul.submenu li a {
	display:			block;
	padding: 			0.3em 0 0.3em 0;
	border-top:			1px solid #BBBBBB;
}

div#menu ul#menu-top, div#menu ul#menu-bottom {
	width:				630px;
	font-weight:		bold;
	list-style:			none;
	padding:			0;
	margin:				0 auto;
	font-size:			0.9em;
}

div#menu ul#menu-top ul, div#menu ul#menu-bottom ul {
	display:			none;
	position:			absolute;
	left:				-1px;
}

div#menu ul#menu-top ul {
	bottom:				100%;
}

div#menu ul#menu-bottom ul {
	top:				auto;
}

div#menu ul#menu-top li:hover, div#menu ul#menu-bottom li:hover {
	background-color:	#FFFFFF;
}

div#menu ul#menu-top li:hover ul, div#menu ul#menu-bottom li:hover ul {
	display:			block;
	float:				left;
}

div#menu ul#menu-top li:hover a.topLink, div#menu ul#menu-bottom li:hover a.topLink {
	color:				#FE9900;
}

/******************************************************************** Context */

div#context a:link, div#context a:visited {
	color:				#888888;
}

div#context li {
	color:				#FE9900;
}

div#contextInfo {
	float:				left;
	width:				450px;
}

div#contextInfo p {
	margin-top:			0.5em;
	text-align: 		justify;
}

div#submenu {
	float:				right;
	border:				1px solid #BBBBBB;
	width:				250px;
	padding:			0.3em;
}

div#submenu ul {
	margin-top:			0;
	margin-bottom: 		0;
	padding-top:		0;
	padding-bottom:		0;
}

h4 {
	font-size:			1.1em;
	margin:				0 0 0.3em 0;
	padding:			0;
	color:				#000000;
}

option.parentCategory {
	font-weight:		bold;
}

option.childCategory {
	padding-left:		2em;
}


.expand {
	width:				100%;
}

div.hr {
	height:				1px;
	background-image:	url("../images/tabs.gif");
	background-repeat:	repeat-x;
}

div.submit {
	text-align:			right;
	margin-top:			2em;
}

input, select, textarea {
	font-size:			0.95em;
	font-family:		arial, sans-serif;
}

label {
	font-weight:		bold;
	color:				#000000;
}

label.header {
	color:				#000000;
}

fieldset {
	border:				0;
	margin:				0;
	padding:			0 0.3em 0 20px;
}

fieldset.border {
	border:				1px solid #000000;
	padding:			0.2em;
}

fieldset.title {
	margin-bottom:		0.5em;
}

legend {
	font-size:			0.9em;
	font-style:			italic;
	font-weight:		bold;
	color:				#000000;
	margin:				0;
	padding:			0;
}

legend.subtitle {
	font-size:			0.85em;
	font-style:			normal;
}

li {
	list-style-type:	square;
}

/* removing paragraph padding and margin */
p {
	margin:				0;
	padding:			0;
}

img {
	border:				0;
}

span.info {
	color:				#000000;
	font-style:			italic;
}

h2 {
	color:				#000000;
	margin:				0;
	padding:			0;
	font-size:			1.2em;
}

h3 {
	font-size:			1.2em;
	font-weight:		bold;
	color:				#000000;
	margin:				0.8em 0 0.4em 0;
}

div.information, div.error, div.warning {
	margin:				0;
	padding:			0.2em;
	font-weight:		bold;
}

div#loginPage div.information, div#loginPage div.error {
	width:				25em;
	margin:				0 auto 1em auto;
	padding:			0.2em 0.5em;
}

div.information {
	border:				1px solid #2763B4;
	color:				#2763B4;
}

div.error {
	border:				1px solid #F20000;
	color:				#F20000;
}

div.warning {
	border:				1px solid #D2560D;
	color:				#D2560D;
}

div.information img, div.error img, div.warning img {
	float:				left;
	margin:				0.3em;
}

div.informationContent, div.errorContent, div.warningContent {
	margin-left:		45px;
}

div.informationContent span {
	display:			block;
	padding-bottom:		0.5em;
}


/* FORMS */

table.clear {
	border-collapse: 	collapse;
	border-spacing: 	0;
}

table.clear td {
	border-width: 		0;
	padding:			0;
	margin:				0;
}

table.box, table.infoDevBox, table.documentBox, table.searchbox {
	width:				100%;
	border-collapse: 	collapse;
	border-spacing: 	0;
	border-top:			1px solid #000000;
}

table.box, table.searchbox {
	border-bottom:		1px solid #000000;
}

table.box th, table.infoDevBox th, table.documentBox th, table.searchbox th {
	margin:				0;
	padding:			0.05em 0.2em 0.05em 0.2em;
	background-color:	#DDDDDD;
	border-bottom:		1px solid #000000;
}

table.box td {
	border-width: 		0;
	padding:			0.05em 0.2em 0.05em 0.2em;
	margin:				0;
}

table.infoDevBox td {
	border-width: 		0;
	padding:			0;
	margin:				0;
}

table.documentBox td {
	padding:			0;
	margin:				0;
}

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

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

td.left, th.left {
	border-right:		1px solid #000000;
}

td.right, th.right {
	border-left:		1px solid #000000;
}

td.all, th.all {
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;
}

select.switcher {
	width:				100%;
}

select.mini-switcher {
	width:				60%;
}

div#reference {
	border-top:			1px solid #000000;
	padding-top:		0.4em;
}

div#document {
	padding-bottom:		1.5em;
}

div#documentFooter {
	border-top:			1px solid #000000;
}


/*** RESOURCES PAGE ***/

div#resourcePhase3 {
	display:			none;
}

div#commentContainer {
	float:				left;
	width:				70%;
}

div#activeContainer {
	float:				left;
	width:				30%;
}


/** TABS **/
ul#tabs {
	padding-left:		1em;
	margin:				0;
	margin-top:			1.5em;
	margin-bottom:		0;
	background-image:	url("../images/tabs.gif");
	background-repeat:	repeat-x;
	background-position:left bottom;
}

ul#tabs li {
	list-style:			none;
	display:			inline;
	margin:				0;
}

ul#tabs a {
	display:			block;
	float:				left;
	color:				#000000;
	background-color:	#EEEEEE;
	font-size:			0.9em;
	font-weight:		bold;
	padding-top:		4px;
	padding-bottom:		3px;
	padding-left:		7px;
	padding-right:		7px;
	border:				1px solid #000000;
	border-bottom:		none;
	background-repeat:	no-repeat;
	background-position:5px 1px;
	margin-left:		0.5em;
	outline:			none;
}

ul#tabs li.active a {
	background-color:	#FFFFFF;
	border-bottom:		#FFFFFF;
	padding-top:		4px;
	padding-bottom:		4px;
	padding-left:		7px;
	padding-right:		7px;
	color:				#000000;
}

div#insideTabs {
	border-left:		1px solid #000000;
	border-right:		1px solid #000000;
	border-bottom:		1px solid #000000;
	padding:			0.8em;
	margin-bottom:		0.5em;
}


ul.select {
	height:				6em;
}

ul.largeSelect {
	height:				12em;
}

ul.select, ul.largeSelect {
	border:				1px solid #000000;
	margin:				0;
	padding:			0;
	list-style:			none inside;
	overflow:			auto;
	width:				400px;
	margin-bottom:		0.5em;
}

ul.select li, ul.largeSelect li {
	list-style:			none inside;
}

ul.select li.odd, ul.largeSelect li.odd {
	background-color:	#FFFFFF;
}

ul.select li.even, ul.largeSelect li.even {
	background-color:	#F5F5F5;
}

/********************************************************************* Footer */

/*------------------------------------------------------------- Footer bar ---*/

ul#footer-bar {
	margin:				0;
	margin-top:			2em;
	padding:			0;
	height:				32px;
}

ul#footer-bar li {
	float:				left;
	list-style:			none;
	margin:				0;
	padding:			0;
}

li#lexum {
	width:				250px;
}

li#ppiaf {
	width:				119px;
}

li#worldbank {
	width:				158px;
}

li#itu {
	width:				95px;
}

/*----------------------------------------------------------- Footer links ---*/

div#footer-links {
	display: none;
}

div#footer a:link, div#footer a:visited {
	font-size:			0.9em;
	font-weight:		normal;
}

/************************************************************* Specific pages */

/*------------------------------------------------------------- Login form ---*/

form#loginForm {
	border:				1px solid #000000;
	width:				25em;
	margin:				0 auto;
	padding:			0.5em;
}

form#loginForm fieldset {
	width:				23em;
	margin:				0 auto;
}

form#loginForm div {
	padding:			0.05em 0;
}

form#loginForm label {
	display:			block;
	float:				left;
	width:				7em;
}

form#loginForm input.text {
	width:				15em;
	float:				right;
	clear:				right;
}

form#loginForm input.button {
	float:				right;
}

/*------------------------------------------------------- Resources Search ---*/

#resourcesSearchPage label.spaced {
	padding-left:		1em;
}

#resourcesSearchPage th {
	text-align:			left;
}

/*-------------------------------------------------------------- Exception ---*/

div#exception img {
	float:				left;
}

div#exception h2 {
	padding-top:		0.5em;
	margin-left:		40px;
	color:				#F20000;
	height:				40px;
}

div#exception p {
	font-size:			1.1em;
	font-weight:		bold;
	font-style: 		italic;
	color:				#F20000;
}

/*---------------------------------------------------------------- Warning ---*/

div#warning img {
	float:				left;
}

div#warning h2 {
	padding-top:		0.5em;
	margin-left:		40px;
	color:				#D2560D;
	height:				40px;
}

/*--------------------------------------------------------- Search results ---*/

div.result {
	margin-bottom:		1em;
}

div.result h4 a {
	color:				#000000;
}

div.result h4 a:hover {
	text-decoration:	underline;
}

div.result div.indent {
}

div.result div.resultInfo {
	float:				left;
}

div.result div.resultInfoIndented {
	margin-left:		50px;
}

div.result p.url {
	color:				#000000;
}

span.navActive {
	font-weight:		bold;
	font-size:			1.1em;
	color:				#000000;
}

span.navInactive a {
	font-weight:		bold;
}

span.navInactive a:hover {
	text-decoration:	underline;
}

div.navbar {
	margin-bottom:		1em;
}

div.navbar div.results {
	float:				left;
}

div.navbar div.display {
	float:				right;
}

div.twoColumnsList ul {
	width:				44.5%;
	float:				left;
}

form.searchBox {
	padding:			1em 0 1em 0;
}

form.searchBox fieldset {
	padding:			0.4em;
	border:				1px solid #000000;
	background-color:	#FBFBFB;
}








/**** Front End ****/

/* Search */
.main-search {
	float:				right;
}
.main-search div {
	float:				left;
}

.main-search .search-input{
	margin-top:			9px
}
.main-search .search-input span{
	font-size:			1.1em;
	font-weight:		bold;
	padding-right:		5px;
	color:				#000000;
}

.main-search .search-radio{
	margin-left:		10px;
}
.main-search .search-radio input{
	position:			relative;
	top:				2px;
	padding:			0;
	margin:				0;
}
.main-search .search-radio label{
	font-weight:		normal;
}

.main-search .search-button{
	/* Don't use margin: IE make padding equals to margin when a margin
	   value is provide, even if padding is explicitly set to 0.
	   The result is a spacing 2 time bigger. */
	padding:			6px 10px 0 10px;
}
.main-search .search-button input{
	padding:			0;
	margin:				0;
}

/* Title */
.main-title {
	float:				left;
	padding-left:		15px;
	color:				#000000;
}
.main-title a{
	font-size:			0.9em;
}

#main .twoColumnsList li {
	margin:				0.5em 0 0.5em 0;
}
#main h3 {
	margin-top:			1.5em;
}

.country-form select{
	margin:				0.5em 0 0.5em 0;
	width:				300px;
}


/* Description Box */
.descriptionBox{
	margin:				15px 15px 0 15px;
}

.descriptionBox .descriptionBoxContent{
	border:				1px solid #000000;
	padding:			15px;
}


.metaTitle {
	font-weight:		bold;
	font-size:			1.1em;
	padding-bottom:		0.4em;
}


.webSitesInterestList li {
	margin-bottom:		1em;
}



/* Database ("Database" means "Collection") */
div.database {
	margin:				1em 0 1em 0;
	border:				1px solid #000000;
}
div.database .columnLeft {
	padding:			1em;
	width:				45%;
	float:				left;
}
div.database .columnRight {
	padding:			1em;
	width:				45%;
	float:				right;
}

/* Category */
div.categoryRowOdd {
	background-color:	#F5F5F5;
}
div.categoryRowEven {}
div.categoryRowOdd, div.categoryRowEven {
	margin:				1em 0 1em 0;
}
div.categoryRowOdd .columnLeft, div.categoryRowEven .columnLeft {
	padding:			1em;
	width:				80%;
	float:				left;
}
div.categoryRowOdd .columnRight, div.categoryRowEven .columnRight {
	padding:			1em;
	width:				10%;
	float:				right;
}

.columnLeft .decisionMeta{
	margin:				0;
	background-color:	transparent;
	padding:			0;
}

/* Decision*/
.decision .decisionMeta {
	background-color:	#F5F5F5;
	margin:				1em 0 1em 0;
	padding:			1em;
}
.decisionMeta table td {
	padding:			0.1em;
}

.decisionFormat{
	float:				left;
	text-align:			center;
	margin:				0.2em 1em 0 0;
}

.decisionTitle{
	font-weight:		bold;
	font-size:			1.1em;
}

div.decisionSummary{
	margin:				1em 0 1em 0;
	border:				1px solid #000000;
	padding:			1em 1em 0 1em;
	text-align:			justify;
}
div.decisionSummary h5{
	font-size:			1em;
	padding:			0;
	margin:				0 0 0.2em 0;
	color:				#000000;
}
div.decisionSummary p{
	margin:				0 0 1em 0;
}

/* Advanced search */
.advancedSearchBox {
	margin:				1em 0 1em 0;
	border:				1px solid #000000;
	padding:			1em;
}
.advancedSearchBox legend{
	font-style:			normal;
	color:				#5A5A5A;
	border:				1px solid #000000;
	padding:			0.2em 0.5em 0.2em 0.5em;
}
div.advancedSearch {
	margin:				1em 0 1em 0;
	padding:			0 1em 0 0;
}
.advancedSearchBox .columnLeft, div.advancedSearch .columnLeft {
	float:				left;
}
.advancedSearchBox .columnRight, div.advancedSearch .columnRight {
	float:				right;
}

.advancedSearchInactive label, .advancedSearchInactive span {
	color:				#000000;
}

input.advancedSearch, select.advancedSearch {
	width:				200px;
}
div.advancedSearchField {
	margin-bottom:		1em;
}
div.advancedSearchField label{
	display:			block;
}

div#filters{
	margin:				0.5em 0 2em 0;
	color:				#000000;
	border:				1px solid #BE792E;
	height:				11em;
	overflow-y:			scroll;
	background-color:	#FFF4E5;
	overflow:			auto;
}
div#filters li li {
	list-style-type:	square;
}

.selected{
	font-weight:		bold;
}

input.ok {
}
input.access {
	float:				right;
}
input.search {
	float:				right;
}
input.send {
}

.imageButton{
	border:				none;
}

.summaryButton{
	float:				right;
}

div.moreInfo{
	color:				#000000;
	font-weight:		normal;
	font-size:			0.8em
}


.metaInfoLabel{
	font-weight:		bold;
	width:				14em;
	vertical-align:		top;
}
.metaInfoData{
	vertical-align:		top;
}
.metaInfoLang {
	color:				#FFFFFF;
	background-color:	#AAAAAA;
}
.metaInfoLang a, .metaInfoLang a:hover{
	padding:			1px;
	background-color:	#000000;
	color:				#FFFFFF;
}

.countryColumnLeft{
	width:				400px;
	float:				left;
	margin-right:		20px;
}
.countryColumnRight{
	float:				left;
}

.browseListLarge{
	margin:				1em 0 1em 0;
	text-align:			center;
}
.browseList{
	margin:				1em 0 1em 0;
}
.browseList ul, .browseListLarge ul{
	margin:				0;
	padding:			0;
}
.browseList li, .browseListLarge li{
	margin-right:		0.5em;
	display:			inline;
	list-style:			none;
}
.browseListTitle{
	font-size:			1.2em;
	font-weight:		bold;
	margin-right:		1em;
}
.browseListLabel{
	float:				left;
	margin-right:		1em;
	font-weight:		bold;
}
.browseListColumnLeft{
	width:				400px;
	float:				left;
	margin-right:		20px;
}
.browseListColumnRight{
	float:				right;
}

.marginFix{
	font-size:			0;
}


#comment_form .comment_info {
	margin:				1em 0 1em 0;
}
#comment_form .comment_info label{
	margin-top:			0.5em;
	display:			block;
	width:				100px;
	float:				left;
}
#comment_form .comment_info input{
	margin-bottom:		0.5em;
	width:				300px;
}

#comment_form .comment_content label{
	display:			block;
}
#comment_form .comment_content input{
	width:				600px;
	margin-bottom:		2em;
}
#comment_form .comment_content textarea{
	width:				600px;
	height:				15em;
	margin-bottom:		2em;
}

.not-printable { display: none; }