.window-busy, .window-busy * {
cursor:progress !important;}

[dir=rtl] {
font-size: 14px; }

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }


/* ----------- Heading, Links --------- */


* {
	padding: 0;
	margin: 0;
}
img {
	border: none;
}
p {
	margin-bottom: 18px;
}
h1.big {
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px 5px;
}
h1.small {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 24px 5px;
	font-weight: normal;
}
h2 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 18px;
	color: #003366;
	font-weight: bold;
}
h2.big {
	font-size: 24px;
}
h2.border-top {
	border-top: 3px solid #ccc;
	padding-left: 5px;
	padding-top: 2px;
	margin-top: 5px;
}
h2.border-bottom {
	border-bottom: 1px solid #ccc;
	padding-left: 5px;
	padding-bottom: 2px;
}
h3 {
	font-size: 14px;
	line-height: 18px;
	color: #003366;
	font-weight: bold;
	margin-bottom: 18px;
}
h3.border-top {
	border-top: 1px solid #ccc;
	padding-left: 5px;
}
h3.border-bottom {
	border-bottom: 1px solid #ccc;
	padding-left: 5px;
}
h4 {
	font-size: 13px;
	line-height: 18px;
	color: #000;
	font-weight: bold;
}
h4.margin {
	margin-bottom: 25px;
}
ul, ol, dl {
	margin-bottom: 18px;
}
ul ul, ol ol {
	margin: 9px 0;
}
dt {
	font-weight: bold;
	margin-right: 5px;
	float: left;
}
dd ul {
	clear: both;
}
a:link {
	color: #3366bb;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #3399ff;
	text-decoration: underline;
}
input[type=text], select {
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
input[type=radio] {
	margin: 0 2px 0 7px;
	padding: 0;
}


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

#footer {
	position: relative;
	padding: 0 0 0 240px; border-top: 1px solid #ccc; margin-top: 1px;
	width: auto; min-height: 220px;
	font-size: 12px; background-color: #f4f4f4;
}
#footer .logo {
	display: block; position: absolute;
	top: 89px; left: 21px; width: 157px; height: 48px;
	background-image: url('../images/footer_unisdr.png');
}
#footer .col { float: left; padding-left: 13px; width: 228px; }
#footer h5 { margin: 32px 0 10px 0; font-weight: bold; font-size: 11px; text-transform: uppercase; }
#footer ul { list-style: none; margin-bottom: 0; float: none; }
#footer li { padding: 0 0 8px 0; background: none; display: block; }
#footer li a:link { color: #333; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }
#footer li a:active { color: #3399ff; text-decoration: underline; }
#footer li a:visited { color: #777; text-decoration: none; }
#footer .copyright { color: #666; padding: 20px 0 5px 0; }
#footer .social { margin-top: 45px; }
#footer .social li { margin: 0; padding: 0; }
#footer .social a {
	display: inline-block; height: 32px; margin: 1px 0; padding-left: 38px;
	line-height: 32px; background-position: 0 50%; background-repeat: no-repeat;
}
#footer .twitter { background-image: url('../../../../www.eird.org/americas/assets/images/icons/twitter_25px.png'); }
#footer .facebook { background-image: url('../../../../www.eird.org/americas/assets/images/icons/facebook_25px.png'); }
#footer .flickr { background-image: url('../../../../www.eird.org/americas/assets/images/icons/flickr_25px.png'); }
#footer .youtube { background-image: url('../../../../www.eird.org/americas/assets/images/icons/youtube_25px.png'); }


/* ------------- General formatting begin  --------- */
#column2 h3 {
	margin-right: 5px;
	margin-bottom: 10px;
}
#intro-page {
	padding-left: 5px;
}
div.arrow {
	margin-bottom: 10px;
	font-weight: bold;
}
.arrow span {
	display: inline-block;
	width: 10px;
	height: 7px;
	background: url('../images/sprite.png') -36px 0 no-repeat;
	margin-left: 3px;
}
html*.arrow span {
	position: relative;
	top: -3px;
	left: 3px;
}
a.download {
	background: url('../images/bg-download.png') 0 0 no-repeat;
	padding-left: 20px;
}
a.view-all:link, a.view-all:visited {
	color: #444;
	font-weight: bold;
	background-color: #eee;
	display: inline-block;
}
a.view-all:active, a.view-all:hover {
	color: #fff;
	text-decoration: none;
	background-color: #3399ff;
	cursor: pointer;
}
a.view-all:link .left, a.view-all:visited .left {
	width: 5px;
	height: 19px;
	background: url('../images/sprite.png') -12px -99px no-repeat;
	display: inline-block;
}
a.view-all:active .left, a.view-all:hover .left {
	width: 5px;
	height: 19px;
	background: url('../images/sprite.png') 0 -99px no-repeat;
	display: inline-block;
}
a.view-all:link .link-text, a.view-all:visited .link-text {
	background: #eee url('../images/bg-view-all-off.png') right 5px no-repeat;
	display: inline-block;
	vertical-align: top;
	padding-right: 15px;
	text-transform: none;
	font-size: 13px;
}
a.view-all:active .link-text, a.view-all:hover .link-text {
	background: #3399ff url('../images/bg-view-all-on.png') right 5px no-repeat;
	display: inline-block;
	vertical-align: top;
	padding-right: 15px;
	color: #fff;
}
a.view-all:link .right, a.view-all:visited .right {
	width: 5px;
	height: 19px;
	background: url('../images/sprite.png') -18px -99px no-repeat;
	display: inline-block;
}
a.view-all:active .right, a.view-all:hover .right {
	width: 5px;
	height: 19px;
	background: url('../images/sprite.png') -6px -99px no-repeat;
	display: inline-block;
}

a.arrow-link {
display: inline-block;
background: #EEE url('../images/bg-arrow-link-off.png') right 50% no-repeat;
color: #444;
font-weight: bold;
padding: 0 20px 0 5px;
font-size: 13px;
border-radius: 3px;
text-decoration: none;
line-height: 19px; }

a.arrow-link:hover {
background: #3399ff url('../images/bg-arrow-link-on.png') right 50% no-repeat;
color: #fff; }

a.top {
	font-size: 11px;
	color: #444;
	font-weight: bold;
	background: url('../images/bg-back-top.png') right 3px no-repeat;
	padding-right: 15px;
	float: right;
	margin-top: 45px;
	margin-bottom: 25px;
}
.module ul {
	margin-left: -5px;
}
ul.links {
	list-style: none;
}
ul.links li {
	background: url('../images/bg-bullet1.png') 0 7px no-repeat;
	padding-left: 8px;
}
ul.column {
	float: left;
	margin-right: 60px;
	padding: 0;
	margin-bottom: 0;
}
ul.list1 {
	list-style: none;
	margin-bottom: 0;
}
ul.list1 li {
	margin: 0 0 10px 0;
	padding: 0 5px 0 5px;
	border-bottom: 1px solid #ccc;
}
ul.list1 li.last {
	margin: 0;
	border-bottom: none;
}
ul.list1 li span.subtitle {
	display: block;
	font-style: italic;
	font-weight: bold;
	color: #3399ff;
}
ul.list2 {
	list-style: none;
	margin-bottom: 0;
}
ul.list2.margin {
	margin-bottom: 25px;
}
ul.list2 li {
	margin-top: 25px;
}
ul.list2 li:first-child {
	margin-top: 0;
}
ul.list2 a, ul.list2 span {
	display: block;
}
ul.list2 span {
	text-transform: uppercase;
	font-size: 11px;
	color: #666;
}
ul.list3 {
	list-style: none;
}
ul.list3 li {
	padding-top: 3px;
	border-top: 1px dotted #ccc;
	margin-top: 3px;
	padding-left: 5px;
}
ul.list3 li:first-child {
	padding-top: 0;
	border-top: none;
	margin-top: 0;
}
.content-block ul.list3 li {
	padding-top: 0;
	border-top: none;
	margin-top: 0;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 3px;
}
ul.list4 {
	list-style: none;
}
ul.list4 li {
	padding-top: 10px;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-left: 5px;
}
ul.list4 li:first-child {
	padding-top: 0;
	border-top: none;
	margin-top: 0;
}
ul.list4 li span {
	text-transform: uppercase;
	font-size: 11px;
	color: #666;
	display: block;
}
ul.list5 {
	list-style: none;
}
ul.list5 li {
	padding-top: 15px;
	border-top: 1px solid #ccc;
	margin-top: 15px;
	padding-left: 5px;
	overflow: hidden;
}
ul.list5 li:first-child {
	padding-top: 0;
	border-top: none;
	margin-top: 0;
}
ul.list5 li img {
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}
ul.list5 li span {
	text-transform: uppercase;
	font-size: 11px;
	color: #3399FF;
	display: block;
}
ul.list6 {
	list-style: none;
}
ul.list6 li {
	padding-left: 5px;
	overflow: hidden;
}
ul.list6 li:first-child {
	padding-top: 0;
	border-top: none;
	margin-top: 0;
}
ul.list6 li img {
	float: left;
	margin-right: 10px;
}
ul.list7 {
	list-style: none;
	font-size: 11px;
	overflow: hidden;
	margin-bottom: 0;
}
ul.list7 li {
	width: 210px;
	float: left;
	margin-right: 24px;
}
ul.list7 li img {
	margin-bottom: 8px;
}
ul.list7 li span {
	font-weight: bold;
	text-transform: uppercase;
}
ul.list7 li dt {
	font-weight: normal;
}
dl.spaced dd {
	margin-bottom: 15px;
}
.content-block {
	margin-left: 5px;
}
.callout {
	float: left;
	margin: 0 10px 10px 0;
	background-color: #CDE8F5;
}
a.callout {
	background-color: transparent;
}
.callout.small {
	width: 140px;
	font-size: 12px;
	padding: 8px 8px 0 8px;
}
.callout.small span {
	color: #000;
	font-weight: bold;
	display: block;
}
.callout.small a span {
	display: inline-block;
}
.callout.medium1 {
	width:210px;
	padding-bottom: 8px;
}
.callout.medium1 span {
	display: block;
	padding: 5px 0 0 8px;
}
.callout.medium2 {
	width:194px;
	font-size: 12px;
	padding: 8px;
}
.callout.medium2 blockquote {
	display: block;
	font-style: italic;
	font-family: "Georgia", serif;
	font-size: 14px;
}
.callout.full {
	margin-right: 0;
	background-color: transparent;
}

div.feature {margin-left: 5px;}

#column2 div.feature {margin-left: 0;}

.feature img {
	border: 1px solid #ddd;
	padding: 4px;
	display: block;
}

div.feature img {margin-bottom: 6px;}

.content-block .feature a {
	font-weight: bold;
	display: block;
}
.content-block .feature img {
	float: left;
	margin-right: 45px;
	display: block;
}
.content-block ul.feature img {
	float: none;
	margin-right: 0;
}
.float-left {float: left;}
.float-right {float: right;}
.clear-right {clear: right;}
.clear-both {clear: both;}

/* ----------- Grids begin ---------------- */
body {
	padding-top: 0;
	margin: 0;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	text-align: left;
}

body {background: url('../images/bg-window.png') center 0 repeat-y;}

#page {
	width: 964px;
	margin: auto;
	background: #fff url('../images/bg-page.png') 0 0 repeat-y;
	padding: 0 8px;
	font-family: Arial, Helvetica, sans-serif;
}
#header {
	background: url('../images/bg-header.png') 0 0 repeat-x;
	overflow: hidden;
}
#print-header {
	display: none;
	border-bottom: 4px solid #36c;
}

#main-menu {
	text-transform: uppercase;
	clear: both;
}

#main-menu ul {
	text-transform: none;
}

#main {
	clear: both;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	line-height: 18px;
	color: #000;
}

.grid-home {padding-top: 25px;}

.grid-home h2 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	color: #003366;
	font-weight: bold;
}

.grid-home #column1 {
	float: left;
	width: 220px;
	margin: 0 20px 0 10px;
}
.grid-home #column2 {
	float: left;
	width: 713px;
	margin-left: 1px;
}
.grid-home #lower {
	clear: both;
	margin-top: 20px;
	border-top: 1px solid #ccc;
	background: url('../images/bg-4columns.png') 0 0 repeat-y;
	display: inline-block;
}

html*.grid-home #lower, html*.grid-b #lower {margin-top: 0;}

.grid-home .column, .grid-b .column {
	float: left;
	width: 211px;
	padding: 5px 14px 40px 15px;
}
.grid-a {
	overflow: hidden;
	background: url('../images/bg-2columns.png') 0 0 repeat-y;
}
.grid-a #column1 {
	float: left;
	width: 640px;
	padding: 24px 10px 40px 10px;
}

.grid-a #column1.subcolumns {padding-bottom: 0;}

.grid-a #column2 {
	float: left;
	width: 284px;
	padding: 24px 10px 40px 10px;
}
.grid-a #lower {
	clear: both;
	background: url('../images/bg-2subcolumns.png') 0 0 repeat-y;
	overflow: hidden;
}
.grid-a div.column {
	width: 310px;
	padding-bottom: 20px;
}
.grid-a .column p, .grid-a .column ul, .grid-a .column h4 {padding: 0 5px;}
.grid-b #upper {
	margin: 24px 10px 20px 10px;
	overflow: hidden;
}
.grid-b #lower {
	clear: both;
	background: url('../images/bg-4columns.png') 0 0 repeat-y;
	display: inline-block;
}

.grid-c {padding: 24px 10px 40px 10px;}

#column2 .module {
	border-top: 3px double #ccc;
	padding: 10px 0 10px 5px;
}
#column2 .module dl {
	margin-bottom: 1px;
}
#column2 .module.no-border {
	border-top: none;
	padding-top: 0;
}

/* ------------- Modules/objects begin ----------- */

#logo {float: left; height:129px;}

#header-right {
	float: right;
	text-align: right;
	position: relative;
}
ul#header-menu {
	float: right;
	margin: 20px 0 0 0;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	position: relative;
}
ul#header-menu li {
	float: left;
	padding: 0 12px 0 12px;
	background: url('../images/sprite.png') right -121px no-repeat;
}
#header-menu li:last-child {
	background: none;
}
ul#header-menu li a, ul#header-menu li a:link, ul#header-menu li a:visited {
	color: #fff;
	text-decoration: none;
}
ul#header-menu li a:hover {
	color: #fff;
	text-decoration: underline;
}
ul#header-menu li a:active {
	color: #3399ff;
	text-decoration: underline;
}
ul#header-menu li#languages {
	padding: 0;
	background: none;
}

ul#header-menu li#languages a {padding: 2px 28px 0 12px;}
html*ul#header-menu li#languages a {padding-top: 0;}

ul#header-menu li#languages a.open {
	color: #3399ff;
	text-decoration: none;
	background: url('../images/sprite.png') 0 -7px no-repeat;
}
ul#header-menu li#languages a.close {
	color: #fff;
	text-decoration: none;
	background: none;
}
ul#header-menu li#languages a span {
	width: 9px;
	height: 5px;
	display: inline-block;
	position: relative;
	top: -2px;
	left: 10px;
}

ul#header-menu li#languages a span {background: url('../images/sprite.png') -18px 0 no-repeat;}

ul#header-menu li#languages a span.open {background: url('../images/sprite.png') -27px 0 no-repeat;}

ul#header-menu li#languages a span.close {background: url('../images/sprite.png') -18px 0 no-repeat;}

html*ul#header-menu li#languages a span {top: -5px;}

ul#header-menu ul.header-submenu {
	padding: 0 0 19px 0;
	list-style-type: none;
	font-size: 13px;
	font-weight: normal;
	width: 118px;
	background: url('../images/bg-languages-bottom.png') 0 bottom no-repeat;
	position: absolute;
	right: 0;
	top: 14px;
	visibility: hidden;
	margin: 0;
}
ul#header-menu ul.header-submenu li {
	float: none;
	padding: 5px 0 0 2px;
	border: none;
	text-align: left;
	background: url('../images/bg-languages-middle.png') 0 0 repeat-y;
}
ul#header-menu ul.header-submenu li a:link, ul#header-menu ul.header-submenu li a:visited {
	color: #3366bb;
	text-decoration: none;
	padding: 0;
}
ul#header-menu li#languages ul.header-submenu li a:hover,
ul#header-menu li#languages ul.header-submenu li a:active {
	text-decoration: underline;
	background: none;
}
form#global-search {
	clear: left;
	margin: 0 15px 19px 0;
	padding-top: 20px;
}
form#global-search input {vertical-align: middle;}
form#global-search input[type=text] {
	width: 200px;
	margin-right: 5px;
	padding: 4px 0 3px 5px;
	color: #aaa;
}
#header-line {margin-right: 15px;}
/* Main menu */
#menu-bar {
	background: url('../images/bg-main-menu.png') 0 0 repeat-x;
	border-top: 1px solid #fff;
	overflow: hidden;
}

.regional #menu-bar {
	opacity: 0.4;
	filter: alpha(opacity = 40);
	-webkit-transition: opacity 0.4s ease-in;
	-moz-transition: opacity 0.4s ease-in;
}

.regional #menu-bar:hover {
	opacity: 1;
	filter: alpha(opacity = 100);
}

ul#main-menu {
	float: left;
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	margin-bottom: 0;
}
ul#main-menu > li {
	float: left;
	border-right: 1px solid #efefef;
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
}
ul#main-menu > li:hover {
	background: #eee;
}

ul#main-menu li a:link, ul#main-menu li a:visited {
	color: #444;
	text-decoration: none;
	display: block;
	padding: 10px 17px 10px 14px;
}
ul#main-menu > li a:hover, ul#main-menu li a:active {
	color: #3366cc;
}
ul#main-menu li.current a {
	color: #3366cc;
	background: url('../images/bg-main-menu-on.png') 0 0 repeat-x;
}
ul#main-menu li a span {
	width: 9px;
	height: 5px;
	display: inline-block;
	position: relative;
	top: -2px;
	left: 5px;
}
html*ul#main-menu li a span {
	top: -5px;
}
ul#main-menu li a:link span, ul#header-menu li a:visited span {
	background: url('../images/sprite.png') 0 0 no-repeat;
}
ul#main-menu li a:hover span, ul#main-menu li a:active span {
	background: url('../images/sprite.png') -9px 0 no-repeat;
}
ul#main-menu li.current a span {
	background: url('../images/sprite.png') -9px 0 no-repeat;
}

#main-menu .main-submenu {
	position: absolute;
	z-index: 100;

	margin-left: -4px;
	opacity: 0;
	display: none;

	-webkit-transform-origin: 50% 0;
	-webkit-transform: scaleY(0.001);
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-duration: 200ms;
	-webkit-transition-timing: ease-in-out;

	-moz-transform-origin: 50% 0;
	-moz-transform: scaleY(0.001);
	-moz-transition-property: -moz-transform, opacity;
	-moz-transition-duration: 200ms;
	-moz-transition-timing-function: ease-in-out;
}

#main-menu .main-submenu.show {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
}

#main-menu .main-submenu a {
	-moz-transition: color 200ms ease-in;
	-webkit-transition: color 200ms ease-in;
	color: rgba(0,0,0,0) !important;
}

#main-menu .main-submenu.show a {
	color: #3366bb !important;
}

ul#main-menu #main-submenu-1.main-submenu { margin-left: -3px;}
ul#main-menu #main-submenu-2.main-submenu { min-width: 139px;}
ul#main-menu #main-submenu-3.main-submenu { min-width: 173px;}

ul#main-menu .main-submenu ul {
	padding: 0 3px 0 0;
	list-style: none;
	font-size: 13px;
	font-weight: normal;
	background: transparent url('../images/bg-main-menu-drop-down.png') right 0 repeat-y;
	border-top: none;
	margin: 0;
}
ul#main-menu .main-submenu ul li {
	float: none;
	border-right: none;
	padding: 0 0 0 3px;
	background: url('../images/bg-main-menu-drop-down-item.png') 0 0 repeat-y;
	white-space: nowrap;
}
ul#main-menu .main-submenu ul li a:link, ul#main-menu .main-submenu ul li a:visited {
	color: #3366bb;
	display: block;
	padding: 5px 10px;
	background: #fff;
}
ul#main-menu .main-submenu ul li a:hover, ul#main-menu .main-submenu ul li a:active {
	color: #3366bb;
	text-decoration: underline;
}
ul#main-menu .main-submenu ul li.even a {background: #eee;}
html*ul#main-menu .main-submenu div {
	position: absolute;
	right: 0px;
	width: 100%;
}
ul#main-menu .main-submenu span.left {
	width: 6px;
	height: 7px;
	background: url('../images/bg-main-menu-drop-down-bottom-left.png') 0 0 no-repeat;
	float: left;
	display: block;
}
ul#main-menu .main-submenu span.center {
	height: 7px;
	background: url('../images/bg-main-menu-drop-down-bottom.png') 0 0 repeat-x;
	display: block;
	margin: 0 6px;
}
ul#main-menu .main-submenu span.right {
	width: 6px;
	height: 7px;
	background: url('../images/bg-main-menu-drop-down-bottom-right.png') 0 0 no-repeat;
	float: right;
	display: block;
}
a.skip {
	display: block;
	float: right;
	font-size: 11px;
	width: 38px;
	background: url('../images/sprite.png') -24px -98px no-repeat;
	padding-left: 17px;
	margin: 12px 15px 0 0;
}
a.skip:link {color: #333;}

/* ------------ Breadcrumbs ------------ */

ul#breadcrumbs {
	margin: 3px 0 0 0;
	padding: 0 0 0 3px;
	list-style: none;
	background-color: #cde8f5;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	/* unisdr css overwrite */
	background-image: none;
	margin-right: 0;
}
ul#breadcrumbs li {float: left;}
ul#breadcrumbs li a {
	display: block;
	padding: 8px 25px 7px 10px;
	background: url('../images/bg-breadcrumbs.png') right top no-repeat;
}
ul#breadcrumbs li span {
	display: block;
	padding: 8px 0 7px 10px;
	color: #666;
}
.regional #breadcrumbs {
	background-color: #F7BE84;
}
.regional #breadcrumbs li span {
	color: #555;
}
.regional #breadcrumbs a {
	color: #555;
}
.regional #breadcrumbs li a {
	background-image: url('../images/bg-breadcrumbs-regional.png');
}

/* ---------- Content Page ------------- */

#main-feature {
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	overflow: hidden;
	padding: 8px 5px;
	margin-bottom: 20px;
}
#main-feature img {
  float: left;
  margin: 0 18px 0 0;
}
#main-feature h3 {
	font-size: 12px;
	margin-bottom: 0;
	color: #3399ff;
	text-transform: uppercase;
}
#main-feature ul.links {margin-bottom: 0;}


/* ------------ Overview page ---------------*/

.template-overview h3 > a {
display: block; }


.template-overview h3 > a:after {
content: ' »'; }

.template-overview h1 {
margin-right: 1px; }

/* ------------- List page ------------ */

.box-gray-top {
	background: url('../images/bg-box-gray-top.png') 0 0 no-repeat;
	height: 4px;
}

.search-form {
	width: 640px;
	margin-bottom: 15px;
}

.search-form form {
	background-color: #eee;
	overflow: hidden;
	padding: 10px 30px;
}
.search-form .form-element {
	float: left;
	margin-bottom: 5px;
	white-space: nowrap;
	width: 47%;
	text-align: right;
}
.search-form .form-element.float-right {float: right;}

.search-form label {vertical-align: middle;}

.search-form select {
	width: 220px;
	vertical-align: middle;
}
.box-gray-bottom {
	background: url('../images/bg-box-gray-bottom.png') 0 0 no-repeat;
	height: 4px;
}
.search-results .items { margin-bottom: 15px;}
.search-results table {
	width: 100%;
	empty-cells: show;
	margin-bottom: 20px;
}

.search-results.no-header table {margin-bottom: 0;}
.search-results .first-col {width: 170px;}
.search-results .second-col {width: 230px;}

.search-results .col1 {
	width: 230px;
	padding-left: 180px;
}
.search-results .third-col {width: 110px;}

.search-results th, .search-results td {
	border-top: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
}
.search-results th {
	font-weight: normal;
	padding: 10px 5px;
	white-space: nowrap;
}
.search-results th a.selected:link,
.search-results th a.selected:visited {
	font-weight: bold;
	color: #3366bb;
}
.search-results th a.asc {
	background: url('../images/bg-sort-asc.png') right 6px no-repeat;
	padding-right: 10px;
}
.search-results th a.desc {
	background: url('../images/bg-sort-desc.png') right 6px no-repeat;
	padding-right: 10px;
}
.search-results td {padding: 15px 5px;}
.search-results.no-header tr:first-child td {
	border-top: none;
	padding-top: 0;
}
.search-results td a {
	font-weight: bold;
	display: block;
}
.search-results td img {
	float: left;
	margin: 0 17px 3px 0;
	display: block;
}
.search-results td span {
	display: block;
	color: #666666;
	font-size: 11px;
}
.search-results td div { overflow: hidden;}

ul.pagination {
	font-weight: bold;
	font-size: 12px;
	list-style: none;
	margin-left: 5px;
	overflow: hidden;
	margin-bottom: 27px;
}
ul.pagination li {
	float: left;
	margin-right: 7px;
}
ul.pagination li span, ul.pagination li a {
	display: block;
	border: 1px solid #ccc;
	padding: 2px 10px;
}
ul.pagination li span {color: #ccc;}
ul.pagination li a {background-color: #f5f5f5;}
ul.pagination li a.next {
	background: #f5f5f5 url('../images/sprite.png') -45px -53px no-repeat;
	padding-right: 19px;
}
html*ul.pagination li a.next {background: #f5f5f5 url('../images/sprite.png') -45px -51px no-repeat;}
ul.pagination li a.prev {
	background: #f5f5f5 url('../images/sprite.png') 0 -53px no-repeat;
	padding-left: 15px;
}
html*ul.pagination li a.prev {background: #f5f5f5 url('../images/sprite.png') 0 -51px no-repeat;}
#partners {margin-left: 5px;}

/* ----------- country meta page - /partners/countries/xxx ---------- */

#national-platform {
	color: #666;
	float: right;
	margin-right: 5px;
	background: url('../images/sprite.png') -131px -76px no-repeat;
	padding-left: 25px;
	line-height: 17px;
	font-size: 12px;
}
a.national-platform {
	background: url('../images/sprite.png') right -76px no-repeat;
	padding-right: 25px;
	height: 17px;
	display: inline-block;
}
table.data {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
table.data th { border-bottom: 1px solid #ccc;}
table.data th, table.data td {
	text-align: left;
	vertical-align: top;
	padding: 5px 0 5px 25px;
}
table.data tr.odd td { background-color: #f3f3f3;}
table.data a { font-weight: bold;}
.caption {font-style: italic;}
.data-source {color: #999;}

.office-details h2 {
margin: 0 0 10px 0;
font-size: 14px;
line-height: 18px;}

/* ----------- We inform page ------------ */
#intro-feature {
	border: 1px solid #ccc;
	background-color: #ededed;
	overflow: hidden;
	padding: 15px 5px;
	margin-bottom: 20px;
}
#intro-feature img {
	float: left;
	margin: 0 20px 0 0;
}
#intro-feature p {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-bottom: 0;
}

/* --------- Meta-content page ---------- */

#intro-meta {
overflow: hidden;
margin-bottom: 20px; }

#intro-meta img {
float: left;
margin: 0 20px 0 0; }

#intro-meta p {
margin-bottom: 0; }

/* ---------- News List Page -----------------------*/

.content-block .news-list img {
margin-right: 16px; }

.news-list h4 {
margin-bottom: 4px; }

/* ---------- News Archive - /archive/xxx --------- */

.news-content {

}
.news-meta-image {
	position: relative;
	float: left;
	margin: 0 19px 1px 0;
}
.news-meta-data {
	margin-top: 20px;
}
.news-photo-credit {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 8px;
	color: #444;
	text-decoration: none;
	font-style: italic;
	background: #fff;
	padding: 1px 3px 0px 5px;
	font-size: 11px;
}
a.news-photo-credit:hover {
	color: #000;
}
.news-photo-caption {
	display: block;
	width: 422px;
	font-style: italic;
	font-size: 11px;
	line-height: 15px;
}

/* ---------- Where We Work page  ------------ */
#offices-map {
	overflow: hidden;
	margin-bottom: 20px;
}
#offices-map img {
	float: left;
	margin: 0 20px 0 0;
}
#offices-map ul {
	overflow: hidden;
}
#offices-map h4 {margin-bottom: 18px;}
#offices-map select {
	width: 220px;
	margin-top: 5px;
}
p.address {
	float: left;
	margin-right: 25px;
	width: 210px;
}
p.office-intro {
	float: left;
	width: 340px;
}
.office-countries ul.column {
	width: 215px;
	margin-right: 20px;
	list-style: none;
	margin-bottom: 18px;
}

/* ---------- What We do page ----------- */
#feature-box {
	border: 1px solid #e5e5e5;
	padding: 5px 10px;
	float: right;
}
#feature-box a { display: block;}

/* ---------- Events page ------------    */
.box-gray-top-big {
	background: url('../images/bg-box-gray-top-big.png') 0 0 no-repeat;
	height: 4px;
}
.box-gray-bottom-big {
	background: url('../images/bg-box-gray-bottom-big.png') 0 0 no-repeat;
	height: 4px;
}
.search-form .three-cols .form-element {padding-right: 20px;}
.search-form .three-cols .form-element.float-right {padding-right: 0;}
.search-form .three-cols label {
	display: inline-block;
	width: 55px;
	font-size: 11px;
	text-align: right;
}
.search-form label.right {
	display: inline;
	width: auto;
	text-align: left;
}
.search-form .three-cols select {
	font-size: 11px;
}

/* ---------- Home Page - Carousel ------------ */

#carousel {
width: 713px;
height: 360px;
letter-spacing: normal; }

#carousel h3 {
margin-bottom: 5px;
font-size: 11px;
line-height: 11px;
color: #3399ff;
text-transform: uppercase; }

/* Spotlight */
#carousel > .spotlight {
position: relative;
width: 462px;
float: left; }

#carousel .spotlight-image-link {
display: block;
height: 246px; }

#carousel .spotlight-image {
position: absolute;
top: 0;
left: 0; }

#carousel .spotlight-text {
display: block;
height: 98px;
padding: 17px 10px 0 10px;
background: #2D60BF url('../images/bg-spotlight.png') 0 0 repeat-x;

font-size: 21px;
line-height: 21px;
color: #fff;
cursor: pointer; }

#carousel .spotlight-title {
display: block;
display: table-cell;
vertical-align: middle;
overflow: hidden;
height: 66px; }

#carousel .spotlight-region {
font-size: 12px;
margin-bottom: 6px; }

#carousel .spotlight-attribution {
position: absolute;
bottom: 84px;
right: 12px;

font-size: 11px;
font-style: italic;
color: #B3B3B3; }

#carousel .spotlight-text:hover {
text-decoration: none;
background: #2D60BF; }

/* Right panel */
#carousel .right {
position: relative;
float: left;
background: #fff;
width: 220px;
height: 360px;
list-style: none;
margin: 0 10px 0 20px; }

/* List of scrollable thumbnails */
#carousel .thumbs {
height: 266px;
margin: 0;
overflow: hidden;
list-style: none; }

#carousel .thumbs h3 {
display: inline-block;
vertical-align: top;
margin: 0 0 4px 0; }

#carousel .thumbs span {
line-height: 16px;
font-size: 13px;
color: #333;
height: 51px;
overflow: hidden;
display: block; }

#carousel .thumbs li {
overflow: hidden;
text-align: center; }

#carousel .thumbs li:hover {
background: transparent url('../images/bg-selection.png') 0 0 repeat-x; }

#carousel .thumbs li a {
display: block;
padding: 16px 15px;
border-top: 1px solid #fff;
text-align: left;
cursor: pointer; }

#carousel .thumbs li a:hover {
text-decoration: none; }

#carousel .thumbs li:first-child a {
border-top: none; }

#carousel .thumbs li img {
float: left;
margin: 0 10px 0 0; }

/* Scroll up/down buttons */
#carousel a.scroll {
display: block;
padding: 0;
margin: 5px auto;
height: 24px;
width: 24px;
border: none; }

#carousel .scroll.prev {
margin-bottom: 3px;
background: url('../images/sprite.png') -50px -146px no-repeat; }

#carousel .scroll.next {
margin-top: 3px;
background: url('../images/sprite.png') -75px -146px no-repeat; }

#carousel .scroll.prev:hover {
background: url('../images/sprite.png') 0 -146px no-repeat; }

#carousel .scroll.next:hover {
background: url('../images/sprite.png') -25px -146px no-repeat; }

#carousel .dim-top, #carousel .dim-bottom {
position: absolute;
z-index: 1;
right: 0;
width: 100%;
height: 15px;
display: none; }

#carousel .dim-top {
top: 30px;
background: url(carousel-dim-top.html); }

#carousel .dim-bottom {
bottom: 30px;
background: url(carousel-dim-bottom.html); }

#carousel .loading {
display: none;
position: absolute;
background: url('../images/loading.gif');
width: 15px;
height: 15px;
top: 17px;
left: 10px; }

/* ----------- /we - What we do ----------- */

.what-we-do h2 > a { color: inherit; }

/* ----------- /where - Where we work --------------- */

#main.where-we-work { border-bottom: none; }
.where-we-work { margin: 22px 17px; }
.where-we-work h1 { margin: 0 0 15px 0; }
.where-we-work .map {
	float:left; width:755px; height:380px;
	padding: 4px; margin: 0 17px 0 0; border: 1px solid #ddd;
}
.where-we-work #google-map { width:100%; height:100%; }
.where-we-work .intro h3 { margin: 10px 0 2px 0; }
.where-we-work .intro h3 > a { color: inherit; }
.where-we-work .intro ul { margin: 0 0 6px 0; }
.where-we-work .intro li {
	display: block; width: 185px;
	margin: 0 0 2px 0; padding: 4px 0;
	border-bottom: 1px solid #ddd;
}
.where-we-work .intro li:first-child { margin-top: 0; }
.where-we-work .disclaimer { float:left; font-size: 10px; margin-left: 208px; }
.where-we-work .office {
	border-top: 3px solid #ccc; margin: 0 0 17px 0; padding: 10px 0 0 0; overflow: hidden;
}
.where-we-work h2 { padding-top: 2px; margin-top: 5px; width: 75%; }
.where-we-work p { margin: 0 0 8px 0; }
.where-we-work ul { list-style: circle inside; }
.where-we-work .contacts { float: left; width: 255px; font-size: 12px; }
.where-we-work .description { margin-top: 42px; padding-right: 145px; }

.where-we-work .coverage {
margin: 10px 0 0 0; }

.where-we-work .coverage h4 {
margin: 0 0 15px 0; }

.where-we-work .coverage ul {
display: block;
width: 660px;
overflow: hidden;
list-style: none;
font-size: 11px; }

.where-we-work .coverage li {
float: left;
width: 165px; }

.csscolumns .where-we-work .coverage ul {
-webkit-column-count: 3; -moz-column-count: 3;
-webkit-column-gap: 5px; -moz-column-gap: 5px; }

.csscolumns .where-we-work .coverage li {
float: none;
width: auto; }

/* ----------- /we/inform/resolutions-reports ------------ */

.resolutions { word-wrap: break-word; border-spacing: 0; }
.resolutions th { font-weight: bold; }
.resolutions td { padding: 10px 5px; }
.resolutions td a { display: inline; font-weight: normal; text-transform: uppercase; font-size: 11px; }

/* ----------- /partners/countries ------------------------ */

.countries-list { margin: 4px -35px 4px 0; list-style: none;}
.countries-list > li { float: left; width: 310px; margin: 0 20px 0 0; }

/* each letter list */
.countries-list h2 { padding-left: 5px; margin-bottom: 0; }
.countries-list ul { list-style: none; margin-bottom: 18px; }
.countries-list ul li { padding-left: 20px; }

/* ------------ /partners/private-sector ------------------ */

.small-tooltip {
display:none;
background: #ccc;
font-size:11px;
width:130px;
padding:10px;
color: #000000; }

.small-tooltip img {
display: block;
margin-bottom: 5px; }

.partners-list img {
border:0;
cursor:pointer;
margin:19px 20px 19px 0;
width:80px;
height:100px; }

/* ------------ /contact - Contacts ----------------------- */

.contact-page {margin-left: 7px;}
.contact-page dl {  float: left; width: 47%; margin: 0 0 1px 0; }
.contact-page dt { font-weight: bold; display: block; margin: 0 0 0 0; float:none;}
.contact-page dd { margin: 1px 0 15px 0; }
.contact-page .main-office {background: url('../images/google-maps-red-pin.png') 57% 0px no-repeat;}
.contact-page .sub-office {background: url('../images/google-maps-blue-pin.png') 67% 0px no-repeat;}
.contact-feedback h2 { margin:35px 0 20px 0; }
.contact-feedback {}
.contact-feedback label { display: block; margin: 0 0 7px 0; font-size:12px; line-height: 27px;}
.contact-feedback input { display: block; width: 40%;}
.contact-feedback textarea { width: 66%; height: 160px; }
.contact-feedback button {overflow: visible;  padding: 1px 4px; font-size: 12px; margin: 5px 0 0 -1px; box-sizing:border-box;}
.contact-feedback input, .contact-feedback textarea {
	padding: 4px; font-size: 12px; color:#444; border:1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.contact-feedback .validation-error { border-bottom: 1px solid #DD3636; padding: 10px 0; margin: 0 0 10px 0; width: 68%; font-weight: bold;}
.contact-feedback .validation-error > ul { list-style: inside; }
.contact-feedback .error { border: 1px solid #DD3636; }
.contact-feedback .thanks { margin-top: 136px; }
.contact-map {margin:16px 0 27px 0;}

/* --------------- /we/inform/terminology ------------------- */
.alpha-navigation {
text-align: center;
background: #F6F6F6;
margin: 21px 0;
padding: 5px 0;
border-bottom: 1px solid #CCC;
border-top: 1px solid #F6F6F6; }

.alpha-navigation > a {
padding: 0 1px;
color: #036;
font-weight: bold;
}

.alpha-navigation > span {
margin: 0 1px;
color: #CCC;
}

.definition-title {}
.definition-date { font-size: 11px; margin: 8px 0 15px 0; }

/* ---------------  Sidebar --------------------- */

.sidebar-share {
padding: 0 0 18px 5px;
overflow: hidden; }

.sidebar-share a {
width: 28px;
height: 28px;
display: block;
float: left;
margin-right: 12px;	}

/*
#tools #print {background: url('../images/sprite.png') 0 -23px no-repeat;}
#tools #rss {background: url('../images/sprite.png') -34px -23px no-repeat;}
#tools #fb {background: url('../images/sprite.png') -69px -23px no-repeat;}
#tools #tw {background: url('../images/sprite.png') -103px -23px no-repeat;}
*/

.sidebar-key-docs .document {
padding-right: 10px;
max-height: 151px;
overflow: hidden; }

.sidebar-key-docs img {
max-height: 140px;
margin: 0 10px 6px 0;
float:left; }

.sidebar-key-docs p {
margin-bottom: 8px;
margin-top: 4px; }

.sidebar-key-docs .view-all {
margin-top: 10px; }

/* -------------- 404 Not Found Page ------------- */
.error-404 {
width: 273px;
margin: 25px auto;
padding: 105px 0 0 152px;
background: #EEE;
padding: 57px;
border-radius: 15px;
box-shadow: #CCC 3px 3px 2px; }

.error-404 h1 {
margin: 3px 0 10px 0;
color: #333; }

.error-404 p {
margin: 3px 0 1px 0; }

.error-404 ul {
list-style: none;
margin: 3px 0 1px 0; }

.error-404 a:visited {
text-decoration: none;
color: #36B; }


/*** Regional Modules ***/

.featured-list-item {
overflow: auto;
margin-bottom: 20px; }

.featured-list-item .arrow a {
display: block; }

.region-coverage {
margin: 10px 0 0 0; }

.region-coverage h4 {
margin: 0 0 15px 0; }

.region-coverage ul {
display: block;
width: 660px;
overflow: hidden;
list-style: none;
font-size: 11px; }

.region-coverage li {
float: left;
width: 165px; }

.region-coverage ul {
-webkit-column-count: 3; -moz-column-count: 3;
-webkit-column-gap: 5px; -moz-column-gap: 5px; }

.region-coverage li {
float: none;
width: auto; }

/* Short Publications Lists */

.short-list {
margin-bottom: 18px !important; }

.short-list img {
width: 100px;
margin-right: 18px !important; }

.short-list th {
font-size: 16px;
line-height: 26px;
color: #036;
font-weight: bold;
border-top: 0;
padding-bottom: 12px !important; }

.short-list td, .short-list th {
padding: 10px 20px 10px 0; }

.short-list tr:last-child > td {
border-bottom: 1px solid #CCC; }

/* Regional Main Page */

.regional-featured-news {
border: 1px solid #CCC;
background-color: #EDEDED;
overflow: hidden;
padding: 15px 8px 5px 8px;
margin-bottom: 29px; }

.regional-featured-news > .featured-image-link {
display: block;
width: 40%;
float: left;
margin-top: 4px; }

.regional-featured-news > .featured-image-link > img {
width: 100%; }

.regional-featured-news > div {
width: 58%;
float: right; }
