body, p, td, input, select, textarea { font-family: 'Open Sans', Arial, Helvetica, Sans; font-size: 13px; color: #333333; line-height: 19px; }


p {	margin-top: 8px; }
strong { font-weight: bold; }
em { font-style: italic; }
li { margin-top: 6px; }
ol, ul { margin-top: 8px; margin-left: 30px; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }

a:link, a:visited { color: #416F83; text-decoration: underline; }
a:hover, a:active {	color: #F3893E;	text-decoration: underline;	}

h1, h2, h3, h4 { font-weight: 300; font-style: normal; }

h1 { font-size: 25px; background-color: #8DA8B8; color: #FFF; margin-bottom: 20px; padding: 12px 18px; line-height: 1.3em; }
h2 { font-size: 20px; color: #F68828; margin-top: 20px; margin-bottom: 14px; line-height: 22px; letter-spacing: -0.03em; }
h2.jumbo { font-size: 26px; }
h2.blue { font-size: 20px; color: #416F83; }
h3 { font-size: 17px; color: #416F83; margin-top: 16px; margin-bottom: 12px;  }
h4 { font-size: 16px; color: #F68828; margin-top: 10px; margin-bottom: 10px;  }
.dark h2 { color: #F7963E; letter-spacing: 0;  }
h2 a.orange { color: #F68828; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited { text-decoration: none; }
h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active { text-decoration: underline; }

h1 i, h2 i, h3 i, h4 i { font-style: normal; color: #666666; padding-left: 10px; }
h1 b, h2 b, h3 b, h4 b { font-weight: 300; }

h1.pagesection { background: #F89249; padding: 6px 18px; margin-top: 30px; font-size: 22px; border-radius: 8px 8px 0 0; }

table { border-collapse: collapse; margin-top: 10px; }
table td { border: none; }

.flush { margin-top: 0; padding-top: 0; }
.moretop { margin-top: 20px; }
.morebottom { margin-bottom: 4px; }
.fade { color: #999999; }
.warning { color: #F3893E !important; }
.clear { clear: both; }
span.error { color: #F3893E !important; padding-top: 4px; }
input.large { font-size: 15px; padding: 3px 6px; }
.restrict { width: 65%; }
.small { font-size: 11px; line-height: 16px; }
.large { font-size: 14px; }
.orange { color: #F3893E !important; }
.bold { font-weight: bold; }
.quote { margin-left: 20px; border-left: #CCCCCC solid 3px; padding-left: 10px; }
.shaded { padding: 10px; background-color: #F0F0F0; }
.nounderline, a.nounderline { text-decoration: none; }
a.nounderline:hover { text-decoration: underline; }
.underline, a.underline, h3.underline a:link, h3.underline a:visited { text-decoration: underline !important; }
.resourceicon { padding-left: 26px; background: url(icons/pdf.gif) 0 0 no-repeat;}
.editthis { padding-left: 16px; background: url(icons/pencil-mini.gif) 0 2px no-repeat; font-size: 11px; }
.checkboxes label { margin-right: 12px; position: relative; top: -1px; }
.radios label { position: relative; top: -1px; }
.padright { padding-right: 30px; }
.center { text-align: center; }
.nowrap { white-space: nowrap; }
.blue { color: #416F83; }
.spacebelow { margin-bottom: 30px; }
.clickable { cursor: pointer; }
.hidden { display: none; }

.membersonlynotice { background: #F3893E; color: #FFF; padding: 6px 18px; font-size: 14px; width: 65%; }

a.linkbutton { display: inline-block; padding: 4px 14px; background-color: #416F83; color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 15px; font-weight: normal; margin-right: 10px; }
    a.linkbutton:hover { opacity: 0.8; }
p.floatright a.linkbutton { margin-right: 0; }

span.vatbutton { display: inline-block; padding: 4px 14px; background-color: #416F83; color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 15px; font-weight: normal; margin-right: 10px; cursor: pointer; }
span.vatbutton.dimmed { color: #7698A6; }

#hometop h2 { font-size: 18px; }

div.hr { height: 4px; border-top: 4px #5E8595 solid; margin: 18px 0 15px 0; }

span.stats { color: #666666; white-space: nowrap; font-size: 11px; }

span.tick { padding-left: 20px; padding-bottom: 2px; background: url(icons/tick.gif) 0 0 no-repeat; }
span.cross { padding-left: 20px; padding-bottom: 2px; background: url(icons/cross.gif) 0 0 no-repeat; }

div.confirmation { margin: 15px 0; padding: 8px 10px 8px 30px; background: #D6E5DC url(icons/tick.gif) 10px 8px no-repeat; }

.floatright { float: right; margin: 0 0 10px 10px; }
.floatleft { float: left; margin: 0 10px 10px 0; }
															 
a.arrow { padding-left: 26px; background: url(buttons/arrow-white.gif) 0 2px no-repeat; text-decoration: none; display: inline-block; padding-bottom: 10px; } 	
.dark a.arrow { font-size: 13px; padding-left: 26px; background: url(buttons/arrow-blue.gif) 0 1px no-repeat; } 
a.arrow2 { display: block; font-size: 13px; padding: 0 30px 6px 26px; background: url(buttons/arrow-white.gif) 0 0 no-repeat; text-decoration: none; } 	
p a.arrow { font-weight: bold; display: inline-block; }
h3 a.arrow { background-position: 0 5px; }

a.plain:link, a.plain:visited { color: #333333; text-decoration: none; }
a.plain:hover, a.plain:active {	color: #F3893E;	text-decoration: underline;	}

ul.plain { margin-left: 0; list-style-type: none; } 
ul.plain a:link, ul.plain a:visited { text-decoration: none; }		
ul.plain a:hover, ul.plain a:active {	text-decoration: underline;	}		
ul.plain li { margin-top: 4px; }			 

ul.arrow { margin-left: 0; list-style-type: none; } 
ul.arrow li { padding-left: 26px; background: url(buttons/arrow-white.gif) 0 0 no-repeat; } 
									
#footer { padding: 10px 0 20px 0; height: 36px; border-top: 2px solid #ADC2D8; margin-top: 30px; }															 
#footer, #footer p { color: #555; line-height: 1.4em; }												 
#footer p.floatleft { line-height: 2em; padding-bottom: 20px; }
#footer a:link, #footer a:visited { color: #555; font-weight: normal; }
#footer a:hover, #footer a:active { color: #555; font-weight: normal; }
#footer a.editthis { color: #555; font-size: 13px; padding-right: 20px; padding-left: 0; padding-bottom: 3px; background: url(icons/pencil.gif) right 4px no-repeat; height: 17px; display: inline-block; }


div.lineleft { border-left: 2px solid #416F83; padding-left: 8px; margin: 16px 0; }

div.formblock { background-color: #EEEEEE; padding: 20px; margin-bottom: 16px; }

div.formitem { margin-bottom: 8px; }
div.formitem label { font-weight: bold; display: block; padding-bottom: 3px; color: #416F83; }
div.formitem label span { font-weight: normal; color: #666666;  }
div.formitem div.description { padding-top: 6px; color: #666666; line-height: 15px; }
div.formitem span label { display: inline; font-weight: normal; position: relative; top: -1px; }
div.formitem a.icon { display: inline; padding-bottom: 1px; margin-left: 4px; position: relative; top: -1px; }
div.formitem div.inline label { display: inline; position: relative; top: -1px; font-weight: normal;  }
div.formblock h3 { font-size: 16px; display: block; padding-bottom: 3px; color: #416F83; }

#tagger label { font-weight: normal; display: inline; color: #333; padding-bottom: 0; }
#tagger input { margin: 0 4px 0 0; position: relative; top: 1px; }
#tagger ul { margin: 0; padding: 0; list-style-type: none; column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; }
#tagger ul li { margin: 0; padding: 0 0 5px 0; }
#tagger ul li.selected { background-color: green; }
#tagger ul li span { display: block; }
#tagger ul li span.child { padding-left: 20px; }
#tagger ul li span.internal { font-style: italic;  }

div.pending { padding: 18px 10px 18px 52px; margin-bottom: 16px; background: #EEEEEE url(admin/bigpending.gif) 20px 10px no-repeat; height: 16px; }
    
div.formbuttons { margin-top: 20px; }
div.bigbuttons { margin-top: 20px; margin-bottom: 10px; }
div.bigbuttons input { width: 80px; padding-top: 4px; padding-bottom: 4px; }
input.bigbutton { width: 80px; padding-top: 1px; padding-bottom: 1px; }

div.thumb { height: 96px; width: 96px; padding: 6px; float: left; text-align: center; float: left; background-color: #F0F0F0; margin: 0 10px 10px 0; }
table.form td { padding: 0 6px 6px 0; }

table.grid td { padding: 4px; vertical-align: middle; }
table.grid th { font-weight: bold; color: #FFFFFF; background-color: #5E8595; padding: 5px 8px 5px 4px; }
table.grid th a { color: #FFFFFF; text-decoration: none; }
table.grid th a:hover { text-decoration: underline; }
table.grid tr.rowalt td { background-color: #F3F3F3; }
table.grid tr.footer td { font-weight: bold; background-color: #DAE3E6; padding: 5px 8px 5px 4px; }

table.grid.grouping { border-bottom: #5E8595 solid 2px; }
table.grid.grouping th { padding-bottom: 3px; }
table.grid tr.grouping { border-top: #5E8595 solid 2px; }
table.grid td.grouping { font-weight: bold; }

table.horizlines { border-collapse: collapse; width: 100%; }
table.horizlines td, table.horizlines th { padding: 4px 6px; vertical-align: middle; border-top: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; }
table.horizlines th { font-weight: bold; }
table.horizlines tr:hover td { background-color: #F3F3F3; }

table.cells th, table.cells td { border-right: 2px #FFFFFF solid; border-bottom: 2px #FFFFFF solid; }
table.cells td { padding: 4px; vertical-align: top; background-color: #F0F0F0; }
table.cells th { font-weight: bold; background-color: #5E8595; padding: 5px 4px; color: #FFFFFF; }
table.cells th a:link, table.cells th a:visited { color: #FFFFFF; text-decoration: none; }
table.cells th a:hover, table.cells th a:active { color: #FFFFFF; text-decoration: underline; }
table.cells tr.rowalt td { background-color: #FFFFFF; }

table.centeredcontent { border-collapse: collapse; width: 100%; border: none; }
table.centeredcontent td { padding: 10px; border-left: 10px solid #FFF; background: #F0F0F0; text-align: center; vertical-align: top; }
table.centeredcontent td.first { border-left: none; }
table.centeredcontent td p { text-align: center; }

table.form td { padding: 0 8px 4px 0; vertical-align: top; }
table.form td.label { font-weight: bold; padding-top: 3px; }
table.form td.text { padding-top: 3px; }

table.membersgrid td { padding: 0 19px 19px 0; vertical-align: middle; text-align: center; }

div.activities { margin-top: 20px; }
div.activities h1 { margin: 0; padding: 0; font-size: 25px; }
div.activities h2 { margin: 0; padding: 0; }
div.activities table { width: 100%; margin-bottom: 20px;  }
div.activities table th, div.activities table td { border-right: 2px #FFFFFF solid; border-bottom: 2px #FFFFFF solid; }
div.activities table td { padding: 4px; vertical-align: top; background-color: #F4F4F4; }
div.activities table tr.rowalt td { padding: 4px; vertical-align: top; background-color: #E2E5EE; }
div.activities table th { font-weight: bold; background-color: #5E8595; padding: 5px 4px; color: #FFFFFF; white-space: nowrap; }

select optgroup  { font-style: normal; }

p.readmore { margin-top: 16px; }
p.readmore a:hover { opacity: 0.8; }

div.relatednodes { margin-top: 0; }
div.relatednodes h2 { color: #777; }
div.relatednodes h3 { margin-bottom: 8px; margin-top: 0; color: #F3893E; position: relative; left: -1px; }
div.relatednodes ul { margin: 0 0 12px 0; padding: 0; list-style-type: none; }
div.relatednodes ul li { margin: 0; padding: 0 0 6px 0; }
div.relatednodes ul li a { text-decoration: none; }


/* Ratings */

div.ratingstars { padding-bottom: 6px; height: 16px; }
div.ratingstars span { height: 16px; width: 16px; float: left; padding-left: 1px; background: url(misc/stars.gif) 0 0 no-repeat; text-indent: -9999px; }
div.ratingstars span.hover { background: url(misc/stars.gif) 0 -20px no-repeat; }
#ratingcomment { clear: left; padding-top: 3px; }


/*----- Pager ----- */

#pnlPager { background: #5E8595; padding: 6px 20px; height: 16px; margin-bottom: 20px; }
#pnlPager a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#pnlPager a:hover { text-decoration: underline; }
#btnPrevious { float: left; }
#btnNext { float: right; }


/*---- Countrier ---- */

#countriescurrent ul, #countriesnew ul { padding: 0; margin: 0; list-style-type: none; }
#countriescurrent li { display: block; float: left; height: 17px; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #5E8595; color: #FFFFFF; cursor: default; }
#countriescurrent li img { padding-left: 5px; cursor: pointer; height: 10px; width: 10px; position: relative; top: 1px; }

#countriesnew li { display: block; float: left; height: 17px; white-space: nowrap; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #5E8595; color: #FFFFFF; cursor: pointer; }
#countriesnew li:hover { background-color: #416F83; }
#countriesnew p { clear: both; }


/*---- Agencier ---- */

#agenciescurrent ul, #agenciesnew ul { padding: 0; margin: 0; list-style-type: none; }
#agenciescurrent li { display: block; float: left; height: 17px; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #5E8595; color: #FFFFFF; cursor: default; }
#agenciescurrent li img { padding-left: 5px; cursor: pointer; height: 10px; width: 10px; position: relative; top: 1px; }

#agenciesnew li { display: block; float: left; height: 17px; white-space: nowrap; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #5E8595; color: #FFFFFF; cursor: pointer; }
#agenciesnew li:hover { background-color: #416F83; }
#agenciesnew p { clear: both; }


/*---- Resourcer ---- */

#resourcescurrent ul, #resourcesnew ul { padding: 0; margin: 0; list-style-type: none; }
#resourcescurrent li { display: block; float: left; height: 17px; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #5E8595; color: #FFFFFF; cursor: default; }
#resourcescurrent li img { padding-left: 5px; cursor: pointer; height: 10px; width: 10px; position: relative; top: 1px; }

#resourcesnew li { display: block; float: left; height: 17px; white-space: nowrap; padding: 2px 6px; margin: 0 6px 6px 0; background-color: #5E8595; color: #FFFFFF; cursor: pointer; }
#resourcesnew li:hover { background-color: #416F83; }
#resourcesnew p { clear: both; }


/*---- Icons ---*/

div.utilities { background-color: #F0F0F0; padding: 10px; margin: 10px 0; }
div.utilities td { padding-right: 6px; }
div.utilities td.padleft { padding-left: 20px; }
div.utilities table { margin-top: 0; }

a.icon-add, a.icon-filter, a.icon-delete, a.icon-list, a.icon-thumbnail, a.icon-save, a.icon-excel, a.icon-email { color: #416F83; display: block; height: 16px; line-height: 15px; padding-left: 20px; }
a.icon-add { background: url(icons/add.gif) 0 0 no-repeat; }
a.icon-filter { background: url(icons/filter.gif) 0 0 no-repeat; }
a.icon-delete { background: url(icons/delete.gif) 0 0 no-repeat; }
a.icon-list { background: url(icons/list.gif) 0 0 no-repeat; }
a.icon-thumbnail { background: url(icons/thumbnail.gif) 0 0 no-repeat; }
a.icon-save { background: url(icons/save.gif) 0 0 no-repeat; }
a.icon-excel { background: url(icons/excel.gif) 0 0 no-repeat; }
a.icon-email { background: url(icons/email.gif) 0 6px no-repeat; padding-top: 3px; }

a.deletefile { background: url(icons/delete.gif) 10px 2px no-repeat; padding-left: 22px; height: 16px; display: inline-block; text-decoration: none; color: #555; }


/*----  Event registration / booking form ---- */

div.registration { background: #F0F0F0; padding: 10px 20px 20px 20px; margin-top: 20px; }
table.registration { margin-top: 0; }
table.registration td.label { font-size: 13px; font-weight: bold; padding-top: 10px; }
table.registration td.label span { display: block; width: 360px; }
table.registration td.label.bumpitdown { padding-top: 30px; }
table.registration td.input1, table.registration td.input2 { padding-right: 20px; }
table.registration select { padding: 4px 2px; }
table.registration td.input1 input { width: 182px; }
table.registration td.input2 input { width: 388px; }
table.registration td.input4 input { width: 800px; }
table.registration td.input4 textarea { width: 798px; height: 70px; }
table.registration td.input1 select { width: 186px; }
table.registration td.input2 select { width: 392px; }
table.registration td.input4 select { width: 804px; }
table.registration td.radios { padding-top: 5px; }
table.registration td.radios label { padding-right: 10px; }
input.submit { padding: 10px; }
table.registration tr.red td.label, table.registration tr.red label { color: #D00 !important; }


/*---- Partner Platform feed ----*/
.partnerplatformfeed { margin-bottom: 30px; padding: 25px 50px 25px 25px; background: #F1F5F0 url(partnerplatformfeed.gif?v=2) right top no-repeat; border: #7AA777 1px solid; }
.partnerplatformfeed h2 { color: #7AA777; font-weight: 600; margin-top: 0; margin-bottom: 24px; font-size: 18px; }
.partnerplatformfeed h2 a { color: #7AA777; }
.partnerplatformfeed p.more { margin-top: 20px; }
.partnerplatformfeed h3 { font-size: 14px; font-weight: 400; }

.sidebar .partnerplatformfeed { padding: 0; background: none; border: none; }
.sidebar .partnerplatformfeed h2 { font-size: 16px; margin-bottom: 10px; }

.partnerplatformfeed.urbanresponsecommunityofpractice { background: #F5EAEE url(partnerplatformfeedurban.gif?v=2) right top no-repeat; border: #A13457 1px solid; }
.partnerplatformfeed.urbanresponsecommunityofpractice h2, .partnerplatformfeed.urbanresponsecommunityofpractice a { color: #A13457; }
.partnerplatformfeed.urbanresponsecommunityofpractice h3 span.orange { color: #222 !important; }

.partnerplatformfeed.partnershipswithnationalngos-communityofpractice { background: #F9F3E4 url(partnerplatformfeedngos.gif?v=2) right top no-repeat; border: #D9B458 1px solid; }
.partnerplatformfeed.partnershipswithnationalngos-communityofpractice h2, .partnerplatformfeed.partnershipswithnationalngos-communityofpractice a { color: #D5AC47; }
.partnerplatformfeed.partnershipswithnationalngos-communityofpractice h3 span.orange { color: #222 !important; }

.partnerplatformfeed.partnershipsandlocalcapacityinemergencies-communityofpractice { background: #F9F3E4 url(partnerplatformfeedngos.gif?v=2) right top no-repeat; border: #D9B458 1px solid; }
.partnerplatformfeed.partnershipsandlocalcapacityinemergencies-communityofpractice h2, .partnerplatformfeed.partnershipsandlocalcapacityinemergencies-communityofpractice a { color: #D5AC47; }
.partnerplatformfeed.partnershipsandlocalcapacityinemergencies-communityofpractice h3 span.orange { color: #222 !important; }