/* Sidebar Components CSS
---------------------------------------------- */

/* S101. General Content Boxes */
.related {
	border-top: 1px solid #63ce01;
	text-align:left;
	padding: 0 0 12px;
}

div.related:first-child { border-top-width: 4px; }

	.related a {
		color: #000;
	}

	.related a:hover {
		color: #999;
	}

		.related a.lnk_viewall {
			color: #63ce01;
			display: block;
			font-size: 11px;
			line-height: 14px;
			padding-left: 10px;
			text-indent: -10px;
		}
		
		.related a.lnk_viewall:hover {
			color: #999;
		}

	.related h4 {
		color:#66cc00;
		font-size: 11px;
		font-weight: bold;
		line-height: 16px;
		margin: 12px 5px 5px 0;
		padding:0;
		text-transform:uppercase;
	}

	.related h5 {
		color:#66cc00;
		font-size: 11px;
		font-weight: bold;
		line-height: 16px;
		margin: 0 0 5px;
		padding:0;
		text-transform:uppercase;
	}
	
	.related-topics h5 {
		display: inline;
		text-transform:none;
	}

	.related ul {
		margin:-2px 0 0;
		padding:0 0 6px;
	}
	
		.related ul li {
			background:url("/publishingimages/version2/nav/square.gif") 0 7px no-repeat;
			border:0;
			color:#cecece;
			margin:0 0 0;
			padding:1px 0 1px 10px;
		}
			
			.related ul li a {
				display:block;
			}
	
	.related .item {
		background: url("/publishingimages/version2/global/dot-rule.gif") repeat-x;
		padding: 14px 5px 2px 0;
	}
	
		.related .item p {
			margin: 1px 0 6px;
		}
		
		.related-topics .item p {
			margin: 7px 0 6px;
		}

	.related .photo {
		width: 47px;
	}

/* S102. Content Boxes with Form Controls */
.related-form form {margin-top: 6px;}

	.related-form input {
		border: 1px solid #a0a0a0;
		color: #666;
		font-size: 10px;
		line-height: 1;
		margin-right: 3px;
		padding: 3px;
		vertical-align: middle;
		width: 120px;
	}
	
		.related-form button {
			background: url("/publishingimages/version2/buttons/sidebar-submit.gif") no-repeat;
			border:0;
			height:20px;
			padding: 0;
			text-indent:-10000px;
			vertical-align: middle;
			width: 46px;
		}
		
		.related-form button:hover {
			background-position: bottom left;
		}


/* S103. Country Spotlights */
.local-spotlight img {
	display: block;
	margin: 0 0 10px;
}

.local-spotlight p { margin:7px 0 6px; }

	.local-spotlight p a { line-height:18px; }


/* S104. Projects by Country */


/* S105. Contact Info */
.related-contacts h4 {
	background: url("/publishingimages/version2/global/dot-rule.gif") repeat-x bottom left;
	padding-bottom: 7px;
}

.vcard { margin:0 0 10px; }
	
	.vcard div,
	.vcard div a {
		border:0;
		color:#000;
		font-size: 11px;
		line-height: 15px;
		padding:0;
	}

		.vcard div a:hover { color: #999; }
	
	.vcard div.title,
	.vcard div.adr,
	.vcard div.contact { margin:4px 0 0; }

	.vcard h5 {
		font-size: 12px;
		line-height: 18px;
		text-transform:none;
	}


/* S106. Materials and Documents Listings */
.related-materials ul{
	margin:-2px 0 0;
}

	.related-materials ul li {
		background:url("/publishingimages/version2/global/dot-rule.gif") top repeat-x;
		clear: both;
		list-style: none;
		margin: 0;
		padding: 14px 0 0px 1px;
	}
		
		.related-materials ul li h5 a {
			color: #66cc00;
			font-size: 11px;
			font-weight: bold;
			line-height: 16px;
			margin:0 0 2px;
			padding:0;
			text-transform:uppercase;
		}
			.related-materials ul li h5 a:hover {text-decoration:underline;}	
		
		.related-materials ul li p {
			color:#000;
			margin:0;
		}

	.related-materials .photo {
		margin-bottom: 15px;
		margin-top:0;
		width: 34px;
	}


/* S107. External Links */
.ext_lnk ul li{
	background:url("/publishingimages/version2/global/dot-rule.gif") top repeat-x;
	list-style:none;
	margin:0;
	padding:7px 0;
}

	.ext_lnk li h5 {
		font-size: 12px;
		line-height: normal;
		margin-bottom: 0;
	}

	.ext_lnk li p {
		background: transparent;
		color: #999;
		font-size: 11px;
		line-height: 14px;
		margin: 0; 
		padding: 0 0 0 20px;
	}
	
	.ext_lnk h4 + p {
		background: url("/publishingimages/version2/global/dot-rule.gif") repeat-x;
		margin-top: -3px;
		padding-top: 10px;
	}
	
	.ext_lnk li p.pub { color:#999;}
	
		.ext_lnk li span.date {display:block;}
	
	.ext_lnk li a {
		background:url("/publishingimages/version2/icons/bkg_ext_lnk.gif") 0 2px no-repeat;
		color: #000;
		display:block;
		font-weight: normal;
		padding:0 0 5px 20px;
		text-transform:none;
	}
		.ext_lnk li a:hover {text-decoration:underline;}


/* S108. Search Member Center */
.member-search {
	background: #e0f3f9;
	border-top: 2px solid #1bb6de;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 33px;
	padding-bottom: 9px;
}

div.member-search:first-child {
	border-top-width: 2px;
}

	.member-search h4 {
		color: #09c;
		line-height: 1;
		margin: 0;
		padding: 0 0 5px 10px;
	}
	
	.member-search:first-child h4 {
		margin-top: 10px;
	}

	.member-search form {
		margin: 0 2px 0 10px;
		padding: 0;
	}
	
		.member-search input {
			border: 1px solid #ccc;
			color: #ccc;
			font-size: 1.1em;
			line-height: 1;
			margin: 0 3px 0 0;
			padding: 3px 5px 3px;
			width: 125px;
		}
		
		.member-search button {
			background-color: #fc0;
			background-repeat: no-repeat;
			border: 0;
		}
			.member-search button:hover {
				background-position: bottom left;
			}
	
		.member-search button.submitbtn {
			background-image: url("/publishingimages/version2/buttons/filter-go-orange.gif"); 
			height: 22px;
			text-indent: -10000px;
			width: 27px;
		}


/* S201. Calls to Action */
.call-to-action {
	padding:0;
}
	
	.call-to-action div {
		background: #fafdf6 url("/publishingimages/version2/global/bkg_actioncall.gif") bottom no-repeat;
		border: 1px solid #ccc;
		border-top: 0;
		margin: 1px 0 15px;
		padding: 0 0 0 10px;
	}

	.call-to-action h4 {
		padding: 10px 0 0;
	}
	
	.call-to-action:first-child h4 {
		margin:0;
	}

	.call-to-action a.action {
		background: url("/publishingimages/version2/buttons/btn_actioncall.jpg") no-repeat;
		color: #575A54;
		display: block;
		font-size: 18px;
		font-weight: bold;
		line-height: 22px;
		height: 24px;
		margin: -2px 0;
		padding: 2px 0 0 30px;
	}
	.call-to-action a.action:hover {
		color: #999;
	}



/* S301. Member Center Collapsable Boxes */
.memberbar {
	border: 1px solid #ccc;
	border-top: none;
	font-size: 10px;
	margin-bottom: 15px;
	padding: 0;
}

	.memberbar h4 {
		background: #ccebf5;
		border-top: 2px solid #1bb6de;
		color: #09c;
		font-size: 1.1em;
		line-height: 1;
		margin: 0;
		padding: 5px 20px 5px 10px;
		position:relative;
		text-transform: uppercase;
		width: auto;
	}
		
		.memberbar h4 a {
			color: #f60;
			font-size: 10px;
			font-weight: normal;
			line-height: 1;
			position: absolute;
			right: 20px;
			top: 5px;
			width: 20px;
		}
	
	.memberbar ul {
		border-top: 1px solid #ccc;
		margin: 0;
	}
	
		.memberbar li {
			background: url("/publishingimages/version2/global/dot-rule.gif") repeat-x top left;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.memberbar li:first-child { background: transparent; }
		
		.memberbar li a {
			color: #333;
			display:block;
			font-size: 1.1em;
			line-height: 1.363636;
			padding: 6px 10px 4px;
		}
		
		.memberbar li a:hover { color: #333; }