.@charset "UTF-8";


/**

MC Green 1: #006b6f
MC Green 2: #007d73
MC Green 3: #00958c

Mid Green (links): #339999;
Dark Green (bg): #006a6e;
Dark Grey (text): #4d4b4c;
Mid Grey: #666666;
Light Grey: #d1d1d1;
Light Grey Tint (faint): #f5f5f5

Orange: #e44100; 

**/


/** Mobile  **/
@media (min-width: 400px) {
.mc-mobile, a.btn.mc-mobile { display:none; }
.mc-desktop { display:block; } 
}

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:16px;
	color: #4d4b4c;
	height:100%;
	padding:0px;
	margin:0px;
}

.debug { position:absolute; top:31px; background-color:#000000; color:#ffffff; padding:4px; z-index:9999; }

.mc-para { display:block; height:3px; clear:both; }

a img {  border:none;}
a:hover img, a.dl-link:hover { opacity:0.8; filter:alpha(opacity=80)}
a:link,a:visited,.nextlink, a:link,a .res-icon { 
color:#339999;	 }
a:link,a:visited,.nextlink, a:link img, a .res-icon, .trans, a span, a.site-overlay, .don-box:hover .icon .fa-circle, .don-currency ul li, a .overlay { 
	cursor:pointer;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a.btn { display:block; background-color:#d1d1d1; color: #4d4b4c; padding:6px; margin:8px 0px; }
a.btn:hover { display:block;color:#d1d1d1; background-color: #4d4b4c;  }
a.btn i { float:right; clear:right; padding-top:2px;}
a.btn.btn-inline { display:inline-block; margin-right:16px; padding:6px 36px 6px 16px; }
a.btn.btn-inline:after { position:absolute; font-family:FontAwesome; content:"\f0d7"; font-size:150%; margin:0 12px; }

h3,li { 
	
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.clear { clear:both; height:0px; overflow:hidden; display:block;}
a:focus, a:active { outline:none }

.space16px { height:16px }
.space32px { height:32px }

.alignleft { float:left;}
.alignright { float:right;}
.alignright.marginbottom { margin-bottom:4em; }


.btn i { font-size:1.5em; vertical-align:middle; line-height:0.8em; }
/***** Top Bar *****/

.topbar { position: absolute; z-index:90; height:30px; width:100%; border-bottom:1px solid #fff; background:#4d4b4c; top:0px; }
.topbar .topwrapper { width:980px; margin:0px auto;}
.topbar .mod-search { float:right; padding:4px 0px 0px 0px; width:197px;}
.topbar .mod-search #q { width:151px; height:15px; border:none; border-radius:0px; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; color:#605e5b; padding:3px; margin:0px; }
.topbar .mod-search .searchsubmit { display:block; float:right; width:26px; height:27px; margin-top:-2px; }
.topbar .mod-search .searchsubmit:hover { opacity:0.5; filter:alpha(opacity=50) }

.topbar .mod-social { float:right; width:231px; display:block; }
.topbar .mod-social a { width:35px; height:30px; display:block; float:left; border-right:1px solid #fff; background-position:0px 0px; }
.topbar .mod-social a:hover { background-position:0px -30px }
.topbar .mod-social a.icon-mail { background-image:url(../images_template/social_icon_mail.png); border-left:1px solid #fff }
.topbar .mod-social a.icon-twitter { background-image:url(../images_template/social_icon_twitter.png); }
.topbar .mod-social a.icon-facebook { background-image:url(../images_template/social_icon_facebook.png); }
.topbar .mod-social a.icon-google { background-image:url(../images_template/social_icon_google.png); }
.topbar .mod-social a.icon-linkedin { background-image:url(../images_template/social_icon_linkedin.png); }
.topbar .mod-social a.icon-youtube { background-image:url(../images_template/social_icon_youtube.png); }
.topbar .mod-social a.icon-instagram { background-image:url(../images_template/social_icon_instagram.png); }

/** Language Switch **/
.topbar .mod-lang-switch { float:left; width:500px; }
.topbar .mod-lang-switch a {  display:inline-block; padding:0px 5px; line-height:30px; color:#fff; font-size:14px; margin:0px;}
.topbar .mod-lang-switch a.active { background-color: #666666;}
.topbar .mod-lang-switch a:hover { background-color: #777777;}

/*** Head Bar ***/
.headbar { width:980px; position:absolute; left:-490px;   margin:30px 0px 0px 50%;  z-index:125; }
.tpl-home .headbar { margin:46px 0px 0px 50%; } 
.headbar .sitelogo { display:block; width:325px; }
.headbar .sitelogo:hover { opacity:0.7; filter:alpha(opacity=70); margin-left:10px;}
.headbar .donate { display:block; float:right; background:url(../images_template/donate_arrow.png) no-repeat; width:185px; height:52px; line-height:52px; text-indent:8px; color:#fff; overflow:hidden; font-size:20px;}
.headbar .donate:hover { opacity:0.7; filter:alpha(opacity=70); margin-right:10px;}

.headbar .mc-menu { width:980px; background:#666; display:block; height:36px; list-style-position:outside; padding:0px; margin:16px 0px 0px 0px;}
.headbar .mc-menu li { display:block;  float:left; list-style:none; margin:0px; padding:0px;  width:140px;  text-align:center; height:36px; line-height:36px; }  
.headbar .mc-menu li.dark { /*background:#4d4b4c; */ }
.headbar .mc-menu li a { color:#fff; display:block; width:100%; font-size:16px; /* width:140px; */ background-repeat:no-repeat; }
.headbar .mc-menu li a:hover { background-color:#006a6e; }
.headbar .mc-menu li a.active { background-color:#4d4b4c }


.headbar .mc-menu li a.menu-what-we-do  { background-image:url(../images_template/drop_icon.png); background-position:105px -36px; text-indent:-25px}
.headbar .mc-menu li a.menu-what-we-do:hover  { background-position:105px 0px;}
.headbar .mc-menu li a.menu-where-we-work  { background-image:url(../images_template/drop_icon.png);  background-position:116px -36px; text-indent:-20px}
.headbar .mc-menu li a.menu-where-we-work:hover  { background-position:116px 0px;}
.headbar .mc-menu li a.menu-resources  { background-image:url(../images_template/drop_icon.png);  background-position:110px -36px; text-indent:-5px}
.headbar .mc-menu li a.menu-resources:hover  { background-position:110px 0px;}

.headbar .mc-menu li a.menu-media-centre  { background-image:url(../images_template/drop_icon.png); background-position:110px -36px; text-indent:-25px}
.headbar .mc-menu li a.menu-media-centre:hover  { background-position:110px 0px;}


.headbar .mc-menu li a.menu-projects {  background-image:url(../images_template/drop_icon.png); background-position:100px -36px; text-indent:-0px}
.headbar .mc-menu li a.menu-projects:hover  { background-position:100px 0px;}

/*
.headbar .mc-menu li.menu-support ,
.headbar .mc-menu li.menu-our-expertise { width:100px; }
.headbar .mc-menu li a.menu-support:hover  { background-position:100px 0px;}
*/
.headbar .mc-menu li a.menu-about  { background-image:url(../images_template/drop_icon.png); background-position:100px -36px; text-indent:-10px}
.headbar .mc-menu li a.menu-about:hover  { background-position:100px 0px;}


/* Sub Menu */
.headbar .mc-menu li ul { background-color:rgb(77,75,76); background-color:rgba(77,75,76,0.8); padding:0px; list-style-position:outside; display:none;  overflow:hidden;  }
.headbar .mc-menu li ul li { list-style:none; margin:0px; float:none; padding:0px; line-height:inherit;  height:auto; width:136px;}
.headbar .mc-menu li ul li a { display:block; font-size:13px; height:auto; line-height:1.2em; padding:7px 2px 9px 2px; text-align:center; border-bottom:1px solid #4d4b4c;}

.headbar .mc-menu li ul li a.menu-region { font-weight:bold; background-color:rgba(255,255,255,0.2);}
.headbar .mc-menu li ul li a.menu-region:hover { background-color:#006a6e; } 

/**** Picture Bar *****/

.picbar { height:626px; width:100%; /* background-color:#CCC;*/  background-color:#FFF; margin-top:0px; /* margin-top:16px */  }
.picbar .picmask { height:626px; position:absolute; z-index:20; width:100%; background:url(../images_template/picbar_mask.png) no-repeat center bottom; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */  }
.picbar .piccontrols { background:url(../images_template/slider_gradient.png) repeat-x left bottom; height:125px; color:#fff; padding:0px 16px; width:948px; position:absolute; left:-490px; margin:500px 0px 0px 50%; z-index:35;}
.picbar .piccontrols h2 { font-size:32px; margin:0px; padding:45px 0px 5px 0px; }
.picbar .piccontrols h4 { font-size:16px; font-weight:normal; margin:0px; }
.picbar .piccontrols .picnav  { position:absolute; width:248px; height:22px; margin:88px 0px 0px 700px; z-index:35; }
.picbar .piccontrols .prev, .picbar .piccontrols .next { display:block;  width:10px; height:16px; overflow:hidden; text-indent:-3000px; float:right; margin:3px 8px 0px 0px}
.picbar .piccontrols .next {  background:url(../images_template/picnav_next.png) no-repeat;}
.picbar .piccontrols .inactive { opacity:0.4; filter:alpha(opacity=40);}
.picbar .piccontrols .prev:hover, .picbar .piccontrols .next:hover, .picbar .piccontrols .switch:hover, .picbar .piccontrols .active { opacity:1; filter:alpha(opacity=100); }
.picbar .piccontrols .prev {  background:url(../images_template/picnav_prev.png) no-repeat;}
.picbar .piccontrols .info { background-image:url(../images_template/icon_info.png); background-position:0px 0px; width:22px; height:22px; display:block; float:right; }
.picbar .piccontrols .info:hover { background-position:0px -22px; }
.picbar .piccontrols .switch { display:block; width:12px; height:12px;  float:right; margin:5px 8px 0px 0px; background-color:#fff; }
.picbar .slidepic{ height:626px; width:100%; background-repeat:no-repeat; font-size:1px; text-indent:-8000px}
.picbar .slidepic, .picbar .slidetext {position:absolute;  } 
.picbar .slidetext a { color:#fff; display:block } 
.picbar .slidetext a:hover { text-shadow:2px 2px 5px #000; padding-left:4px; } 


div.picbar>
div.piccontrols>
div.slidetext.slide1>
a>
h4>
span { color:#009999; }

.picbar .piccredit { background:url(../images_template/photo_bubble.png) no-repeat right bottom; bottom:32px; margin: 0px 0px 0px 738px; display:none;
						width: 200px; position:absolute; padding:5px 5px 26px 5px; color:#fff; font-size:16px; z-index:30; vertical-align:bottom;}


/*** Picbar rules for infographics - WMD - 2016 *****/

.picbar div.slidepic.slideinfographic { top:-500px; left:0px; background-size:980px 395px; } 
.picbar .piccontrols.picctontrols-infographic .picnav { margin:60px 0px 0px 705px; }

/** WMD 2016 page **/
body.pid-290 .picbar, body.pid-290 .picbar .slidepic { height:395px;}

body.pid-290 .picbar .piccontrols { background-image:none; }
body.pid-290 .picbar .piccontrols .picnav { margin-top:-170px}

/*** Main Body ***/

.wrapper { width:980px;  margin:16px auto; line-height:1.5em;  }

.tpl-404 .wrapper h3 { padding-top:60px; }
.tpl-404 .wrapper p { padding-bottom:460px; display:block; }

h6 { color:  #339999; font-size:1.4em; margin:0px 0px 0.2em 0px; }
h3 { font-size:30px; font-weight:normal; border-bottom:1px solid #d1d1d1; margin:0px 0px 16px 0px; line-height:36px;}
hr { border-bottom:1px solid #d1d1d1; border-left:none; border-right:none; border-top:none; margin:16px 0px; height:0px;}
.news-centre hr.solid { border-bottom:1px solid #d1d1d1; border-left:none; border-right:none; border-top:none; margin:6px 0px; height:0px;}
.coming-soon {background:#f5f5f5; border:1px solid #d1d1d1; margin:16px 0px; padding:50px; text-align:center}
.dev {background:#f5f5f5; border:1px solid #d1d1d1; margin:16px 0px; padding:10px; }

.col-right h3 { font-size:22px; }  
/** Footer **/

.footer { background: #666666; width:100%; min-height:176px; padding-bottom:25px; }
.footerinner { width:980px; margin:0px auto; height:120px; padding:10px 0px }
.footerinner ul { margin:0px; padding:0px;}
.footerinner ul li { color:#fff; float:left; margin: 0px 5px 0px 30px; list-style-type:none; font-size:12px;  width:100px; font-weight:bold;}

.footerinner ul li ul li {  float:none; margin:0px; font-weight:normal; font-size:12px;}
.footerinner ul li a { color:#fff; }
.footerinner ul li ul li a { color:#ddd; }
.footerinner ul li a:hover { text-decoration:underline; }
.colophon { width:980px; margin:10px auto; text-align:right; font-size:14px; color:#fff; }
.colophon a { color:#fff; }
@media screen and (max-width:980px)
{ 
.tpl-home .headbar, .headbar, .picbar .piccontrols { left:0px; margin-left:0px; }
}

/** Generic  Rules **/


.wrapper .mod-links { margin:0px 0px 32px 0px; padding:0px; list-style:none; }
.wrapper .mod-links li { border-bottom:1px solid #d1d1d1; }
.wrapper .mod-links li a { display:block; padding:8px 4px 8px 0px; font-size:16px; }
.wrapper .mod-links li a:hover,.wrapper .mod-links li a.active { background:#f5f5f5; padding:8px 0px 8px 4px;}

.wrapper .mod-links.mod-links-if li a { line-height:1.2em; }


.mcbody figure { display:table; }
.mcbody figure.image {
    display: block;
    border: none;
    margin: 0 8px 4px 8px;
    background: #efefef;
}

.mcbody figure.align-left {
    float: left;
	margin:0px 8px 4px 0px;
}

.mcbody figure.align-right {
    float: right;
	margin:0px 0px 4px 8px;
}

.mcbody figure.image img {
    margin: 0px 0px 0 0px;
}

.mcbody figure.image figcaption {
	display: table-caption;
	width:100%; 
    margin: 1px 0px 4px 0px;
    text-align: center;
	font-size:0.8em;
	line-height:1.2em; }


/** Homepage **/
 .col-left	{ 	width:360px; margin-right:48px; float:left;}
 .col-centre 	{ 	width:334px; margin-right:48px; float:left; }
 .col-right { 	width:190px; float:left; }
.morelink, a.morelink:link, div a.morelink {  	display:block;  width:64px; float:right; height:24px; color:#fff; line-height:22px; font-size:16px; text-indent:8px; margin-top:8px;
							background-color:#d1d1d1; background-image:url(../images_template/more-arrow.png); background-repeat:no-repeat; background-position:51px 7px; }
a.morelink:hover { background-position:55px 7px; background-color:#666 }

a.more-arrow { background-image:url(../images_template/more-arrow.png); background-repeat:no-repeat; background-position:right 7px; }
a.more-arrow:hover { background-position:calc(100%-5px) 7px; }
/*
 .morelink {  	display:block;  width:64px; float:right; height:24px; color:#fff; line-height:22px; font-size:16px; text-indent:8px; margin-top:8px;
							background-color:#d1d1d1; background-image:url(../images_template/more-arrow.png); background-repeat:no-repeat; background-position:51px 7px; }
 .morelink:hover { background-position:55px 7px; background-color:#666 }
*/

.col-centre .nextlink,.col-centre .prevlink ,.col-right .nextlink,.col-right .prevlink {  	display:block;  width:22px; float:right; height:24px; color:#fff; line-height:22px; font-size:16px; text-indent:8px; margin-top:8px;
							background-color:#d1d1d1;background-repeat:no-repeat; border:none; text-indent:-5000px; overflow:hidden;}
.col-centre .nextlink, .col-right .nextlink {  	background-image:url(../images_template/next-arrow.png); margin-left:4px; background-position:-22px 7px;  }
.col-centre .prevlink, .col-right .prevlink {  	background-image:url(../images_template/prev-arrow.png); background-position:8px 7px;  }
.col-centre .nextlink:hover, .col-right .nextlink:hover { background-position:8px 7px; background-color:#666 }
.col-centre .prevlink:hover, .col-right .prevlink:hover { background-position:-22px 7px; background-color:#666 }

.col-third { display:inline-block; width:30%; margin:0 4.5% 0 0; }
.col-third:nth-of-type(3n+0) { margin-right:0; }
/** Mod News **/
.tpl-projects-generic .wrapper-mod-blog ,
.mod-news { margin:0px 0px 32px 0px; padding:0px; list-style:none; }
.mod-news li ,
.tpl-projects-generic .wrapper-mod-blog .li { border-bottom:2px dotted #d1d1d1; }
.mod-news li a,
.tpl-projects-generic .wrapper-mod-blog .li a{ display:block; padding:16px 8px 16px 0px;  font-size:16px;}
.mod-news li a small,
.tpl-projects-generic .wrapper-mod-blog .li a small{ color:#666; font-size:14px; display:block;}
.mod-news li a:hover,
.tpl-projects-generic .wrapper-mod-blog .li a:hover{ background:#f5f5f5; padding:16px 4px;}
.mod-news li .date,
.tpl-projects-generic .wrapper-mod-blog .li .date{ font-size:12px; color:#666666; display:block; margin:4px 0px}

.tpl-projects-generic .wrapper-mod-blog hr { display:none;}
 .mod-promo { margin:32px 0px; }


/** Home Sites **/

.col-right .mod-sites {  margin:16px 0px; height:200px; overflow:hidden; width:190px; background:#f5f5f5; }
.col-right .mod-sites .inner { height:200px; overflow:hidden; width:190px; position:absolute;}
.col-right .mod-sites .site-slide { display:block; position:absolute; background: url(../images_template/loader_small.gif) no-repeat center center #f5f5f5;  width:190px; height:200px;}
.col-right .mod-sites .site-slide a { display:block; position:relative; width:190px; height:200px; background-position: center top; background-repeat:no-repeat; background-size:cover}
/*.col-right #mod-sites .site-slide a:hover  { opacity:0.8; filter:alpha(opacity=80) } */

.col-right .mod-sites .site-slide a .site-label { position:absolute; bottom:0px; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.8); padding:4px; display:block; color:#fff; width:182px; margin-bottom:-200px; height:226px; z-index:20;}

.col-right .mod-sites .site-slide a .site-label .site-name { display:block; height:34px;}
.col-right .mod-sites .site-slide a .site-desc { display:block; font-size:12px;margin:16px 0px; line-height:1.3em;}

.col-right .mod-sites .site-slide a .site-overlay .morelink { float:left; background-color:#333; font-size:11px; text-transform:uppercase;}
.col-right .mod-sites .site-slide a .site-overlay .morelink:hover { float:left; background-color:#666}

.col-right .mod-sites .site-slide a .site-overlay { opacity:0; filter:alpha(opacity=0); position:absolute; background-color:#4d4b4c;  width:180px; height:190px; padding:5px; color:#fff; z-index:21;}
.col-right .mod-sites .site-slide:hover a .site-overlay { opacity:1; filter:alpha(opacity=100); }

/** Home Blog **/

/** version 1-0 
 .mod-blog { background: url(../images_template/blog-box-bg.png) #f5f5f5; border:1px solid #d1d1d1; margin:16px 0px; padding:20px; display:block; font-size:12px; color:#666666; }
 .mod-blog:hover { border:1px solid #666;}
 .mod-blog img { border:6px solid #fff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}
 .mod-blog span { display:block; margin:8px 0px 4px 0px; font-size:16px; line-height:1.1em; color:#339999;}
**/
.mod-blog {margin:16px 0px; display:block; font-size:12px; color:#666666; }
.mod-blog .border { border: 1px solid #d1d1d1;-moz-box-shadow: 2px 2px 4px #ccc; -webkit-box-shadow: 2px 2px 4px #ccc; box-shadow: 2px 2px 4px #ccc;  }
.mod-blog:hover .border img {   border-left:6px solid #d1d1d1; border-top:6px solid #d1d1d1; border-right:6px solid #d1d1d1; border-bottom:8px solid #d1d1d1; }
.mod-blog .border img { border-left:6px solid #fff; border-top:6px solid #fff; border-right:6px solid #fff;border-bottom:8px solid #fff; margin:0px 0px -7px 0px; max-width:100%; box-sizing: border-box;}
.mod-blog span { display:block; margin:8px 0px 4px 0px; font-size:16px; line-height:1.1em; color:#339999;}


.col-right #mod-signup .nextlink { padding:0px; margin-top:2px;}

.wrapper-mod-video { margin-bottom:32px;}

/** Newsletter Signup Form **/

 #mod-signup { margin:0px 0px 32px 0px; }
 #mod-signup input[type=text] { border:1px solid  #d1d1d1; width:180px; padding:4px; color:#666; margin-top:2px; margin-bottom:8px;  height:15px; font-size:12px}
 #mod-signup input[type=text]#email { /* width:152px; */ }
 #mod-signup input[type=submit] { width:190px; padding-right:20px; text-indent:0px; text-align:right; 
													background-position:175px 7px; font-family:Arial, Helvetica, sans-serif }
 #mod-signup input[type=submit]:hover { background-position:180px 7px; }

.tpl-newsletter .nl-left { width:60%; float:left; margin-right:4%; line-height:14px; font-size:12px;}
.tpl-newsletter .nl-left span {  line-height:1.3em; display:inline-block; } 
.tpl-newsletter .nl-right { width:36%; float:left;}

/** Home Resources **/

 .mod-resources { line-height:1.4em;}
 .mod-resources .nav-resource { height:24px; overflow:hidden; width:50px; margin-left:284px; z-index:300; position:absolute;  }
 .mod-resources .wrapper-resource {  width:334px; }
 .mod-resources .wrapper-resource .inner {  width:334px;  }
 .mod-resources .slide-resource { display:block; width:330px; padding-right:4px; border-bottom:2px dotted #d1d1d1; padding-bottom:8px; margin-bottom:12px; }
 .mod-resources .slide-resource:hover { background:#f5f5f5; padding-right:0px; width:334px}
 .mod-resources .slide-resource .slide-label { display:block; height:48px;  overflow:hidden; font-size:16px;}
 .mod-resources .slide-resource .slide-type { display:block; color: #4d4b4c; font-size:12px; margin:0px 0px; float:left; width:125px; }
 .mod-resources .slide-resource .slide-date { font-size:12px; color:#666666; display:block; margin:0px 0px; float:left; width:125px; text-align:right; } 
 .mod-resources .slide-resource .res-icon { display:block;float:left; height:63px; width:63px; margin-right:16px; text-align:center;
																background-color:#339999; background-position:center center; background-size:63px 63px;   }
 .mod-resources .slide-resource:hover .res-icon { margin-right:20px; }
  .mod-resources .slide-resource .res-icon  i.fa { color:#ffffff; line-height:63px; font-size:40px;}
 .mod-resources .slide-resource .res-icon-6-0 { background-image:url(../images_template/icon-6-0.png); } 
 .mod-resources .slide-resource .res-icon-2-0 { background-image:url(../images_template/icon-2-0.png); } 
 .mod-resources .slide-resource .res-icon-3-0 { background-image:url(../images_template/icon-3-0.png); } 
 .mod-resources .slide-resource .res-icon-5-0 { background-image:url(../images_template/icon-5-0.png); } 

 .mod-resources .nextlink, .mod-resources .prevlink {  	margin-top:0px;}

/** Resources on Page temaplte **/

 body.tpl-page .col-left .mod-resources .wrapper-resource, 
 body.tpl-page .col-left .mod-resources .wrapper-resource .inner {  width:742px;  }
 body.tpl-page .col-left .mod-resources .slide-resource { width:738px;  }
 body.tpl-page .col-left .mod-resources .slide-resource:hover { width:742px}
 body.tpl-page .col-left  .mod-resources .slide-resource .slide-date { float:right; }
 
 
 
 /** Mid column Resources **/
.pg-col-mid .mod-resources .wrapper-resource { width:auto; } 
.pg-col-mid .mod-resources .wrapper-resource .inner {  width:auto;  }
.pg-col-mid  .mod-resources .slide-resource { width:auto; padding-top:8px;}

.pg-col-mid .mod-resources .wrapper-resource .res-pinned { border-top:2px dotted #d1d1d1; background:#f5f5f5; }

/** Titlebar **/

.titlebar { background: #b9b9b9; padding:8px; margin:0px 0px 8px 0px; line-height:2.3em; }
.titlebar h2, .blog-titlebar .titlebar h2 { color:#fff; font-size:32px; margin:0px 0px 4px 0px; padding:0px;}
.titlebar h3, .blog-titlebar .titlebar h3 { color:#fff; font-size:21px; margin:0px; font-weight:bold;width:700px;  clear:none; line-height:1.1em; border:none;}

.titlebar .mod-social { float:right; width:235px; display:block; margin:4px 0px; line-height:1em; }
.titlebar .mod-social h4 { float:left; width:130px; color:#fff; font-size:16px; text-align:right; margin:5px 0px;}
.titlebar .mod-social a { width:26px; height:26px; display:block; float:left;  background-position:center center; background-color:#666666; background-repeat:no-repeat; margin-left:5px; font-size:0px; border-radius:13px; }
/*.titlebar .mod-social a:hover { background-position:-1px -17px }*/
.titlebar .mod-social a.icon-mail { background-image:url(../images_template/social_icon_mail_small.png); }
.titlebar .mod-social a.icon-twitter { background-image:url(../images_template/social-trans-twitter-27.png); }
.titlebar .mod-social a.icon-facebook { background-image:url(../images_template/social-trans-facebook-27.png); }
.titlebar .mod-social a.icon-linkedin { background-image:url(../images_template/social-trans-linkedin-27.png); }
.titlebar .mod-social a.icon-google { background-image:url(../images_template/social-trans-google-27.png); }


.titlebar .mod-social a.icon-twitter:hover {  background-color: #00b9f4}
.titlebar .mod-social a.icon-facebook:hover {  background-color: #3b5998}
.titlebar .mod-social a.icon-linkedin:hover {  background-color: #53b9d2}
.titlebar .mod-social a.icon-google:hover {  background-color: #d63d1c}

.titlebar .mod-social a:hover img { opacity:1; filter:alpha(opacity=100)}


/** Map **/



 
 #mod-map { height:260px; margin:16px 0px 32px 0px; }
 .where-overlay { width: 112px; height:240px; margin-left:248px; position:absolute; z-index:100; background-color:rgb(77,75,76); background-color:rgba(77,75,76,0.8);
								color:#fff;}
 .where-overlay ul { margin:0px; padding:0px; list-style:none; }
 .where-overlay ul li { cursor:pointer; margin:0px; padding:0px 8px 0px 12px; list-style:none; line-height:19px; font-size:13px; color:#fff;}
 .where-overlay ul li:hover,  .where-overlay ul li.selected { background:#006a6e;}
 .where-overlay ul li a { color:#fff;}
  .where-overlay ul li.selected .bullet {display:block; float:left; position:absolute; background:url(../images_template/google_pointer.png); width:13px; height:13px; margin:3px 0px 0px -17px; }
 .map-label { position:absolute; background-color:#FFFFFF; color:#006a6e; width:0px; overflow:hidden; text-align:right; 
							padding:4px 0px; z-index:100; margin:75px 0px 0px 0px; font-size:16px; font-weight:bold; white-space:nowrap; }
 .tpl-pic .where-overlay ul li.hr {  padding:0px; margin:0px; height:1px; margin-top:-16px;}							
.map-label a { display:inline-block; padding:2px; }
.map-label a:hover { background:#d1d1d1;}

 .mod-promo { margin:32px 0px; }

.tpl-pic .map-v2.map-label { color:#FFFFFF; background-color:rgba(51,153,153,0.8); }
.tpl-pic .map-v2.map-label a { color:#ffffff;}
 .tpl-pic .map-v2 img { width:1px; height:1px; }

.tpl-pic .map-v2.where-overlay ul li.selected { color:#FFFFFF; background-color:#e44100;}
 
 							
.where-country #mod-map { height:340px; width:100%;  margin:16px 0px 32px 0px; }
.where-landing #mod-map { height:540px; width:100%;  margin:16px 0px 32px 0px; }
.where-landing #mod-map-inset { height:190px; width:280px; border:1px solid #666666; position:absolute; z-index:120; background-color:#ffffff; margin:10px 0 0 525px; }
.where-landing #mod-map-inset .gm-style a img { display:none; } 
.where-landing #mod-map-inset .gmnoprint a, .where-landing #mod-map-inset .gmnoprint span { display:none; }
.where-landing #mod-map-inset .gmnoprint div {  background:none !important; } 
.where-landing .map-v2#mod-map{ border:1px solid #cccccc; width:978px; height:600px;}

.where-landing .map-v2.where-overlay { width: 162px; height:577px; }

.tpl-no-pic { min-height:400px; padding-top:196px;}
.tpl-pic {  padding-top:196px;}

.tpl-no-pic .col-right, .tpl-pic .col-right{ 	width:190px; float:left; }
.tpl-no-pic  .col-left, .tpl-pic  .col-left{ 	width:742px; margin-right:48px; float:left; overflow:hidden;}

.tpl-no-pic  .col-left ul, .tpl-pic  .col-left  ul { max-width:90%; }
.tpl-no-pic  .col-left ul, .tpl-pic  .col-left  ul li p { margin:0;}
.tpl-pic .wide-banner { margin:-8px 0px 16px 0px; }
.tpl-pic .news-photo { margin: 6px 32px 6px 0px; float:left; width:360px;  padding:0px}
.tpl-pic .news-photo img { margin-bottom:-4px; }
.tpl-pic .news-photo span { color:#fff; padding:0px 6px; display:block; background:#666666;  }

.tpl-pic .where-overlay { width: 162px; height:516px; margin-left:818px; position:absolute; z-index:100; background-color:rgb(77,75,76); background-color:rgba(77,75,76,0.8);
								color:#fff;}
.tpl-pic .where-overlay ul { margin:0px; padding:0px; list-style:none; }
.tpl-pic .where-overlay ul li { cursor:pointer; margin:0px; padding:0px 8px 0px 22px; list-style:none; line-height:32px; font-size:16px; color:#fff;}
.tpl-pic .where-overlay ul li:hover,  .where-overlay ul li.selected { background:#006a6e;}


.tpl-pic .where-overlay ul li.selected .bullet {display:none; float:left; position:absolute; background:url(../images_template/google_pointer.png); width:13px; height:13px; margin:13px 0px 0px -27px; }

.tpl-pic .map-label { position:absolute; background-color:#FFFFFF;  color:#006a6e; width:0px; overflow:hidden; text-align:right; 
							padding:8px 0px; z-index:100; font-size:16px; font-weight:bold; white-space:nowrap; }
							
.where-landing .map-label { margin:185px 0px 0px 0px; }
.where-country .map-label { margin:85px 0px 0px 0px; }

.tpl-pic .map-projects { position:absolute; background-color:#FFFFFF; padding:8px; z-index:100; width:100px; text-align:center; display:none;   font-weight:bold;  }
.where-landing .map-projects { margin:142px 0px 0px 384px; }
.where-country .map-projects { margin:42px 0px 0px 384px; }

.tpl-pic .mod-promo { margin:32px 0px; }

.where-we-work .wrapper-map .morelink,.where-we-work .wrapper-mod-news .morelink,.where-we-work .wrapper-mod-blog .morelink,.news-centre .wrapper-mod-news .morelink { display:none; }

/*
.tpl-pic .mod-news { margin:0px 0px 32px 0px; padding:0px; list-style:none; }
.tpl-pic .mod-news li { border-bottom:2px dotted #d1d1d1; }
.tpl-pic .mod-news li a { display:block; padding:16px 8px 16px 0px;  font-size:16px;}
.tpl-pic .mod-news li { border-bottom:2px dotted #d1d1d1; }
.tpl-pic .mod-news li a small { color:#666; font-size:14px; display:block;}
.tpl-pic .mod-news li a:hover { background:#f5f5f5; padding:16px 4px;}
.tpl-pic .mod-news li .date { font-size:12px; color:#666666; display:block; margin:4px 0px}
*/

/* blog */
.blog-titlebar{ width:980px; padding-top:220px; height:50px;margin:0px auto;}

.news-centre .date { font-size:12px; color:#666666; display:block; margin:4px 0px}

.news-centre h4 { font-size:16px; font-weight:normal; border-bottom:1px solid #d1d1d1; margin:16px 0px 8px 0px; line-height:18px;}
.news-centre h4 a { display:block; padding:4px 4px 4px 0px; }
.news-centre h4 a:hover{ background:#f5f5f5; padding:4px 0px 4px 4px}
.news-centre .col-left .banner { width:100%; }

.news-centre hr { border-bottom:2px dotted #d1d1d1; }

.where-we-work .home
 { margin-top:-8px;}
.where-country .where-overlay { display:none; }

.where-we-work .where-thumb { display:block; font-size:12px; color:#666; border:1px solid #fff; padding:2px;  }
.where-we-work .where-thumb img { width:186px;}
.where-we-work .where-thumb:hover { border:1px solid #d1d1d1;  }
.where-we-work .where-thumb span { bottom:0px; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.8); padding:4px; display:block; color:#fff; width:176px; font-size:14px; margin-bottom:0px;}

.where-we-work .col-left .where-table td {vertical-align:top; }
.where-we-work .col-left .where-table td p { margin-top:0px;}
.where-we-work .col-left .where-table td img { float:left; margin:0px 32px 32px 0px;  width:230px; height:auto; }
.where-we-work .col-left-main img { float:left; margin:0px 32px 32px 0px;   }
.where-we-work .col-left-main img[align="right"] { float:right;  margin:0px 0px 32px 32px;} 
.where-we-work .col-left-main table tr td img { float:none; margin:0px 0px 0px 0px;   }


.where-we-work .col-left h3 { clear:both;}
.where-we-work .col-left ul { padding:0px; margin:10px 0px 10px 32px; }
 .where-we-work .col-left ul li {   font-weight:bold; list-style-position:outside; background-image:url(../images_template/orange_bullet.png);  
									display:block; background-position:0px 9px; background-repeat:no-repeat; 
									color:#000; font-weight:normal; padding:4px 10px 4px 15px; list-style-type:none;} 


.where-we-work .col-left ul.scroll-list { padding:0px; margin:10px 0px; width:auto;}
.where-we-work .col-left ul.scroll-list li {  list-style-type:none; font-weight:bold; list-style-position:outside; list-style-type:none; border-bottom:1px solid #d1d1d1; padding:4px 0px 4px 0px; background-image:none; }
.where-we-work .col-left ul.scroll-list li a { display:block; background-image:url(../images_template/green_bullet.png); background-position:0px 3px; background-repeat:no-repeat; color:#000; font-weight:normal; padding:0px 10px 0px 15px }
.where-we-work .col-left ul.scroll-list li a:hover {background-position:5px 3px; padding:0px 5px 0px 20px; background-color:#f5f5f5; }

.where-we-work .col-left .mod-news { margin:-16px 0px 32px 0px; }
.where-we-work .col-left .mod-news li { padding:4px 0px 4px 0px; background-image:none;}



.where-we-work .where-col-left 	 { 	width:360px; margin-right:48px; float:left;}
.where-we-work .where-col-centre { 	width:334px; float:left; }


.where-we-work .country-contact  { font-size:12px; line-height:1.4em; }

.media-centre input[type=text] { border:1px solid  #d1d1d1; width:152px; padding:4px; color:#666; margin-top:8px; height:15px; font-size:14px}

.boxed-icon { width:20px; float:left; margin-right:4px; margin-top:4px; }
.small-link { font-size:14px; line-height:15px;}

.sidebar { font-size:14px; line-height:1.4em;}

#vid-player { height:418px; background: #d1d1d1; }
.vid-player { margin-bottom:16px; }
a.vid-button { display:block; padding:8px 4px; width:182px; background-color:#d1d1d1; background-image:url(../images_template/more-arrow.png);
				background-repeat:no-repeat; background-position:170px 12px; color:#fff; font-size:16px; margin:16px 0px; }
a.vid-button:hover { background-position:174px 12px; background-color:#666 }/*
.col-left a.vid_button { display:block; padding:8px 4px; width:165px; height:100px; background-color:#d1d1d1; background-image:url(../images_template/more-arrow.png);
				background-repeat:no-repeat; background-position:150px 12px; color:#fff; font-size:16px; float:left; margin:16px 16px 0px 0px; }
.col-left a.vid_button:hover { background-position:154px 12px; background-color:#666 }
*/
a.vid-button-active { display:block; padding:8px 4px; width:182px;  background-image:url(../images_template/more-arrow.png);
				background-repeat:no-repeat; background-position:174px 12px; background-color:#666; color:#fff; font-size:16px; margin:16px 0px; }

span.vid-title,span.vid_title { display:block; width:auto; font-weight:bold;  padding-bottom:2px; }
div.vid-button-box { display:block; float:left; width: 323px; margin-bottom:32px; }
div.vid-button-box-with-thumb { display:block;  width: 742px; margin-bottom:32px; }
div.vid-button-box-left { margin-right:64px; }
img.vid-thumb { float:left; margin:16px 32px 16px 0px;}
div.vid-text-with-thumb { float:left; width:510px; margin-bottom:32px;}

#fbk-box {
	
	color:#ffffff;
	width:450px;
	height:400px;
	position: fixed;
	bottom:-372px;
	left:50%;
	margin-left:-228px;
	z-index:1001;
	
}
#fbk-box .fbk-tab {background-color:#e44100;  
					padding:6px; 	border-radius:8px; 	
					height:28px; width:82px; text-align:center; 
					margin-bottom:-12px; box-shadow:3px 3px 3px #333;
					margin-left: 181px; z-index:1002; }
#fbk-box .fbk-tab:hover {background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.9); }
									
#fbk-box .fbk-inner {background-color:#e44100;  box-shadow:3px 3px 3px #333; 
									padding:8px; 	border-radius:8px; 	 height:340px; font-size:14px; }
	
#fbk-box hr { margin:8px 0px}
#fbk-box select { width:432px; border:1px solid #333; padding:4px; font-size:14px; }
#fbk-box #fbk-email { width:425px; border:1px solid #333; padding:4px; font-size:14px; }
#fbk-box textarea { width:425px; height: 100px; border:1px solid #333; padding:4px; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
#fbk-box #fbk-submit {  width:154px; float:right; height:30px; color:#fff; font-size:16px; text-indent:6px; margin-top:8px;
							background-color:#000; background-image:url(../images_template/more-arrow.png); background-repeat:no-repeat; background-position:141px 11px;
								border:none; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:0px;}
#fbk-box #fbk-submit:hover { background-position:145px 11px; background-color:#666  }

#fbk-box #fbk-warning {height:30px; margin-top:8px;padding:0px;}
#fbk-box #fbk-warning strong { color:#000; }
#fbk-status { display:none; }

/* Gooogle Search */
.col-google-results { 	width:742px; overflow:hidden; }

body.tpl-search .cse .gsc-control-cse, body.tpl-search .gsc-control-cse { padding:0px; font-size:1.2em; }

body.tpl-search .gsc-adBlock { display:none; }
/** Advocacy logos  - http://www.malariaconsortium.org/pages/malaria_advocacy.htm **/

.adv-left { width:200px; float:left; clear:left; text-align:center; display:block; padding-top:18px;}
.adv-right { width:450px; float:left; clear:right; font-weight:normal; display:block;  }
.adv-logo {  margin-top:0px; }

/* Projects Template */

.tpl-db-search #resourceSearch h3 {   height:36px; line-height:36px; background-image:url(../images_template/drop_icon.png); 
										 background-repeat:no-repeat; background-position:140px -36px; background-color:#666666; padding: 0px 0px 0px 4px; color:#fff; display:block;}
.tpl-db-search #resourceSearch h3:hover {   background-image:url(../images_template/drop_icon.png); background-repeat:no-repeat; 
												background-position:140px 0px; background-color:#339999; }
.tpl-db-search #resourceSearch h3.open {  background-color:#666666;  background-position:140px -108px; padding: 0px 0px 0px 4px; color:#fff;}
.tpl-db-search #resourceSearch h3.close {  background-color:#d1d1d1;  background-position:140px -108px; padding: 0px 0px 0px 4px; color:#fff;}
.tpl-db-search #resourceSearch .pro-form { border:1px solid  #d1d1d1; width:159px; padding:0px 0px 0px 4px; color:#666; margin-top:8px; } 
.tpl-db-search #resourceSearch .pro-form input[type="text"] { border:none; width:123px; padding:2px 4px; color:#666; margin-top:8px; height:19px; font-size:12px} 
.tpl-db-search #resourceSearch .pro-form input[type="submit"] { background:url(../images_template/magnifying-glass.png) no-repeat 0px 0px;
																	width:20px; height:24px; border:none; text-indent:-30000px; }
.tpl-db-search #resourceSearch .pro-form input[type="submit"]:hover { opacity:0.6; filter:alpha(opacity=60)}

.tpl-db-search .ulAcc { display:none; }

.tpl-db-search .remove-key { display:inline-block; border-radius:5px; background:#d1d1d1 url(../images_template/remove-x.png) right 5px no-repeat; padding: 0px 22px 0px 4px; color:#fff; font-size:12px; margin:0px 2px 4px 0px; }

.tpl-projects .pro-row { display:block; margin-top:8px;}

.tpl-projects .pro-label { display:block; float:left; font-weight:bold; width:190px; margin-top:16px;  line-height:1.2em;}
.tpl-projects .pro-data { display:block; float:left; font-weight:normal; width:530px; margin-top:16px; clear:right; line-height:1.2em; }
.tpl-projects .pro-page h3 { font-size:22px;}
.tpl-projects .pro-back { display:inline-block; background-image:url(../images_template/drop_icon.png); background-repeat:no-repeat; background-color:#d1d1d1; 
							padding:0px 8px 0px 25px; color:#fff; height:36px; line-height:36px;
							background-position:3px -144px; }
.tpl-projects .pro-back:hover { background-position:3px 0px;  background-color:#666666; }

/* Hide superfluous elements form related content module */
.tpl-projects .pro-data > h3,
.tpl-projects .pro-data a.rel-link .rel-thumb,
.tpl-projects .pro-data a.rel-link small,
.tpl-projects .pro-data a.rel-link .rel-meta { display:none; }
.tpl-projects .pro-data a.rel-link a.rel-link .rel-data { display:inline-block; float:none;}
.tpl-projects .pro-data a.rel-link { font-size:0; } 
.tpl-projects .pro-data a.rel-link  h3 { line-height:inherit; height:auto;color:#ffffff; margin:0; font-size:14px;}
.tpl-projects .pro-data a.rel-link { background-color:#339999; display:inline-block; padding:5px; }
.tpl-projects .pro-data a.rel-link:hover { background-color:#666666; }
 

span.pro-title { color: #339999; }


span.pro-tab-cell,a.pro-tab-cell { display:block; background-color:#ffffff; background-repeat:no-repeat; color:#666666; 
									border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;
									text-align:center; float:left; height:60px; width:488px; line-height:60px;}
.pro-tab-cell.pro-tab-header { border-top:1px solid #d1d1d1; background:#666; color:#fff;}
a.pro-row.pro-region .pro-tab-cell { background-color:#efefef; } 
a.pro-row:hover  .pro-tab-cell{ background-color:#d1d1d1; }
.pro-tab-cell.pro-tab-row-end { margin-right:0px; border-right:1px solid #d1d1d1;}

.mapIconLabel {
    font-size: 12px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	background-color:#e44100;
	border:2px solid #fff;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	padding:2px 4px;
	width:100px;
	text-align:center;
	box-shadow:1px 1px 2px #333;
	font-weight:bold;
}

.mapIconLabel a { color:#ffffff; display:block; }

/** Publication Homepage **/

.tpl-pub-home  .col-left { width:642px; }
.tpl-pub-home  .col-right { width:290px; }
.tpl-pub-home  .col-right h3 { font-size:20px; }
.tpl-pub-home  .col-right ul { padding:0px; margin:0px;}
.tpl-pub-home  .col-right ul li { list-style:none; display:block; }
.tpl-pub-home  .col-right ul li a { display:block; background-color:#d1d1d1; padding-top:60px; height:150px; margin-bottom:16px; }
.tpl-pub-home  .col-right ul li a:hover {opacity:0.6; filter:alpha(opacity=60); }
.tpl-pub-home  .col-right ul li a.pub-feat-learning-papers { background-image:url(../images_template/pub-featured-learning-papers.jpg); }
.tpl-pub-home  .col-right ul li a.pub-feat-journal-articles { background-image:url(../images_template/pub-featured-journal-articles.jpg); }
.tpl-pub-home  .col-right ul li a.pub-feat-presentations { background-image:url(../images_template/pub-featured-presentations.jpg); }

.tpl-pub-home  .col-right ul li a span { display:block;  line-height:80px; color:#333;  font-size:22px;
										background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.60);  
											text-align:center;
											font-family: "Times New Roman","Times Roman",serif; font-style:italic; }
.tpl-pub-home  .col-right ul li a:hover span { color:#000;  background-color:rgba(255,255,255,0.8);  }


/*** Publication Slideshow ***/
.tpl-no-pic .sh-banner-overlay { width:0px; height:286px; padding:20px 25px 20px 25px; margin-top:0px;}
.tpl-no-pic .sh-banner-overlay h2 { color:#339999; font-weight:normal; font-size:26px; border-bottom:1px solid #666; padding-bottom:8px; margin-top:32px }
.tpl-no-pic .sh-banner-overlay h1 { font-size:22px; line-height:1em;  margin:0; }
.tpl-no-pic .sh-banner-overlay .sh-slidetext { color:#333; }
.tpl-no-pic .sh-banner-overlay { background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.65);}
.tpl-no-pic a.sh-banner-overlay:hover { background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.90);}
.tpl-no-pic .sh-thumb { position:absolute; margin-left:500px; bottom:10px; border:1px solid #fff; box-shadow:0px 0px 1px #000; }

/*** Board Template ***/
.tpl-board .board-photo { float:right; ; box-shadow:0px 0px 1px #666; margin:0px 1px 4px 8px;}
.tpl-board h2 { margin:8px 0px 8px 0px}
.tpl-board h4 { font-weight:bold;  margin:0px 8px 8px 0px;  }

.tpl-board .board-landing .board-single { float:left; width:125px; height:210px;padding:10px 10px; border-bottom:1px dotted #666; color:#666; border-right:1px dotted #666; line-height:1.2em; }
.tpl-board .board-landing .board-single:hover { background:#f5f5f5;}
.tpl-board .board-landing .board-single h2 { font-size:16px; font-weight:normal; margin-bottom:0px; height:160px; display:block; }
.tpl-board .board-landing .board-single h4 { font-size:12px; font-weight:bold;  margin:10px 8px 2px 0px; line-height:1.2em;  }
.tpl-board .board-landing .board-single .board-photo { float:right; border:none; box-shadow:0px 0px 0px #666; margin:0px 0px 0px 0px; width:125px;}
.tpl-board .board-landing .board-central {   }
.tpl-board .board-landing .board-end { border-right:none; }

a.with-drop { background-image:url(../images_template/drop_icon.png); background-repeat:no-repeat; background-position:3px -38px; background-color:#efefef; 
				padding:4px 4px 4px 28px; font-weight:normal; display:block; cursor:pointer; font-size:14px; display:block;}
a.with-drop:hover { background-color:#d1d1d1; background-position:3px -2px; padding:4px 4px 4px 38px; }

/** Generic Projects Slideshows **/

.sh-banner-overlay h2, h3.sh-line-1,.sh-banner-overlay h3  {  border-bottom:1px solid #6858a6; }

/*
.tpl-projects-generic .sh-mod-banner-wrapper { margin-bottom:32px; }
.tpl-projects-generic .sh-banner-overlay { width:0px; height:286px; padding:20px 25px 20px 25px; margin-top:0px;}
.tpl-projects-generic .sh-slidetext { font-size:12px; line-height:1.4em; margin-top:8px; }

.tpl-projects-generic .pg-top-left { width:190px; margin-right:48px; float:left; min-height:360px;}
.tpl-projects-generic .pg-top-right { 	width:742px;  float:left; min-height:360px;}
.tpl-projects-generic .pg-top-left #mod-map { width:190px; height:300px; background:#efefef;}

.tpl-projects-generic .pg-top-left h3 { font-size:24px; }

.tpl-projects-generic  .meta-group { float:left; width:466px; margin-right:48px; margin-top:32px; }
.tpl-projects-generic  .meta-group.nomarg { margin-right:0px; }
.tpl-projects-generic  .meta-title { background-color:#d1d1d1; cursor:pointer; border-bottom:1px solid #f5f5f5; padding:4px; color:#fff; 
							background-image:url(../images_template/drop_icon.png); background-repeat:no-repeat; background-position:right -38px;} 
.tpl-projects-generic  .meta-title:hover { background-color:#666666; background-position:right -2px; } 
*/
.tpl-projects-generic .sh-mod-banner-wrapper,
.mod-header-slides  .sh-mod-banner-wrapper { margin-bottom:32px; }
.tpl-projects-generic .sh-banner-overlay,
.mod-header-slides .sh-banner-overlay { width:0px; height:286px; padding:20px 25px 20px 25px; margin-top:0px; background-color:#fff;}
.tpl-projects-generic .sh-slidetext,
.mod-header-slides .sh-slidetext { font-size:16px; line-height:1.3em; margin-top:0px; }
.tpl-projects-generic .sh-slidetext  p,
.mod-header-slides .sh-slidetext  p { margin:0px 0px 5px 0px; }


.tpl-projects-generic .pg-col-left { width:190px; margin-right:48px; float:left; min-height:360px;}
.tpl-projects-generic .pg-col-right { 	width:742px;  float:left; min-height:360px;}
.tpl-projects-generic .pg-col-left #mod-map { width:190px; height:300px; background:#efefef;}

.tpl-projects-generic .pg-col-left h3 { font-size:24px; }

.tpl-projects-generic .pg-col-left { width:190px; margin-right:48px; float:left; min-height:360px;}
.tpl-projects-generic .pg-col-mid { 	width:347px; margin-right:48px; float:left; min-height:360px;}
.tpl-projects-generic .pg-col-right { 	width:347px; margin-right:0px; float:left; min-height:360px;}
.tpl-projects-generic .pg-col-mid-wide { 	width:980px; margin-right:0px; float:left; min-height:360px;}

.tpl-projects-generic  .meta-group { }
.tpl-projects-generic  .meta-group.nomarg { margin-right:0px; }
.tpl-projects-generic  .meta-title { background-color:#d1d1d1; cursor:pointer; border-bottom:1px solid #f5f5f5; padding:4px; color:#fff; display:block;
							background-image:url(../images_template/drop_icon_extended.png); background-repeat:no-repeat; background-position:right -88px;} 
.tpl-projects-generic  .meta-title:hover { background-color:#666666; background-position:right -2px; } 
.tpl-projects-generic  .country-title { background-color:#d1d1d1; cursor:pointer; border-bottom:1px solid #f5f5f5; display:block; padding:4px; color:#fff; background-image:url(../images_template/more-arrow.png); background-repeat:no-repeat; background-position:175px 9px; } 
.tpl-projects-generic  .country-title:hover { background-color:#666666; background-position:180px 9px; } 

	
/** More Link **/

.dx-more { display:none; }
a.dx-more-link,
a.dx-less-link { display:block; color:#fff; line-height:22px; font-size:16px; text-indent:8px; margin-top:8px; width:64px;
							background-color:#d1d1d1; background-image:url(../images_template/more-arrow.png); background-repeat:no-repeat; background-position:51px 7px; clear:both;}
a.dx-more-link:hover,
a.dx-less-link:hover { background-position:55px 7px; background-color:#666 }

.tpl-page a.dx-more-link,
.tpl-page  a.dx-less-link { display:inline-block; margin-top:0px;}
/** Related Content Link */

a.rel-link  { display:table; width:100%; padding:8px 4px;   border-bottom:1px solid #CCC; color:#4d4b4c; font-size:12px; box-sizing: border-box;}
a.rel-link:hover,a.rel-link.rel-alt:hover  {  background:rgba(0,0,0,0.14); color: #339999; }
a.rel-link.rel-alt {  background:rgba(0,0,0,0.07);}
a.rel-link  h3 { font-size:14px; color:#4d4b4c; margin-bottom:8px; line-height:1.3em; border-bottom:none; }
a.rel-link  small { display:block; float:right; text-align:right; width:130px; color:#4d4b4c;; font-size:16px;}
a.rel-link .rel-thumb { display:table-cell; width:90px; height:80px;  background-color:#3f3f3f; margin-right:16px;
						background-repeat:no-repeat; background-position: center center; background-size:auto 90px; text-align:center;}
a.rel-link .rel-data { display:table-cell; vertical-align:top; padding-left:12px;  }
.tpl-news-centre a.rel-link .rel-data { width:660px; }
.tpl-publications a.rel-link .rel-data { width:420px; }
.tpl-fullwidth a.rel-link .rel-data { width:900px; }
.tpl-fullwidth a.rel-link .rel-data small { float:right;}
.tpl-datasets a.rel-link .rel-data,
.tpl-page a.rel-link .rel-data,
.tpl-resource-list a.rel-link .rel-data { width:660px; }

.tpl-publications .publications-slide { background-repeat:no-repeat;background-position:top right; }

.rel-thumb i.fa.dx-icon { color:#ffffff; font-size:40px; margin:5px; line-height:70px;}
 
 
a.dl-link-btn.dl-link-50 {  min-width:50%; margin-bottom:4px;}
a.dl-link-btn.dl-link-50 i.fa { float:right; }

a.dl-link-btn {
	display:inline-block;
	background-color:#339999;
	color:#fff;
	text-decoration:none;
	height:20px;
	line-height:20px;
	padding:10px 15px;
	font-size:16px;
		
}

a.dl-link-btn:hover {
	
	background-color:#666;
	color:#fff;
	text-decoration:none;
		
}

a.dl-link-vers { width:250px; margin-bottom:6px; }
a.dl-link-vers i { float:right;}

/** Stripey Link Menus ***/
a.quick-title:hover { color:#666666; }
.wrapper .mod-links.ul-zebra li:last-child { border-bottom:none;}
ul.mod-links.ul-zebra { border:1px solid #d1d1d1; }
.tpl-where-we-work ul.mod-links:nth-of-type(1) li,
ul.mod-links.ul-zebra li  { background:rgba(0,0,0,0.07); padding-left:4px; }
.tpl-where-we-work ul.mod-links:nth-of-type(1) li:nth-of-type(odd),
ul.mod-links.ul-zebra li:nth-of-type(odd) { background:rgba(0,0,0,0.14);  }
.tpl-where-we-work ul.mod-links:nth-of-type(1) li a,
ul.mod-links.ul-zebra li a { color:#4d4b4c; background-color:transparent;} 
.tpl-where-we-work ul.mod-links:nth-of-type(1) li:hover,
.tpl-where-we-work ul.mod-links:nth-of-type(1) li.active,
ul.mod-links.ul-zebra li:hover,
ul.mod-links.ul-zebra li.active,
ul.mod-links.ul-zebra li a:hover,
ul.mod-links.ul-zebra li.active a { background-color:#666666;  }
.tpl-where-we-work ul.mod-links:nth-of-type(1) li:hover a,
.tpl-where-we-work ul.mod-links:nth-of-type(1) li.active a,
ul.mod-links.ul-zebra li:hover a,
ul.mod-links.ul-zebra li.active a { color:#fff;  }

ul.mod-links.ul-zebra li a img { margin-left:-4px; margin-top:-8px;}
ul.mod-links.ul-zebra li a:hover img { margin-left:-8px}
/** Video Library **/

#videoList { float:left; width:767px; }
.videoSingle { display:block; float:left; width:245px; height:200px; margin:0px 16px 26px 0px; font-size:0.9em;line-height:1.1em;  font-weight:bold; position:relative;}
.videoEnd { margin-right:0px }
.videoSingle img{box-shadow: #000 0 0 0; width:245px; height:auto;}

.videoImg 	{ width:245px; height:138px; background:#f5f5f5; margin-bottom:4px;}
.videoSingle small { font-weight:normal; color:#666666; }
.videoPage .video-frame-youtube,
.videoPage .video-frame-vimeo { width:767px; height:431px; margin:16px 0px }

.video-pagination { text-align:center; }
.video-pagination a { display:inline-block; border-radius:5px; background:#339999; padding: 4px 8px 4px 8px; color:#fff; font-size:12px; margin:0px 2px 4px 0px; }
.video-pagination a:hover, .video-pagination a.active { background:#666; }

/** Photo Library **/
.tpl-photo-library #videoList.videoPage { float:none; width:100%; } 
.tpl-photo-library .videoCount { position:absolute; font-size:1.2em; color:#ffffff; text-shadow:0px 3px 3px #000; left:5px; top:114px; font-weight:normal; z-index:50;}
html body.mcbody.tpl-photo-library .photoThumb img { width:32%; margin:0 1% 0.5% 0; border:1px solid #ccc;}
html body.mcbody.tpl-photo-library .photoThumb:nth-of-type(3n) img { margin:0 0 0.5% 0; }

/** Events **/

.event-single {  border-bottom:1px solid #d1d1d1; margin:0px 0px 16px 0px; }
.event-thumb { float:left; margin:0px 6px 6px 0px}
.event-title { display:block; font-weight:normal; font-size: 1.3em; margin:4px 0px;}
.event-location { display:block; line-height:1.2em;  }
.event-date { font-weight:bold; font-size:0.8em; line-height:1.4em; display:block; }


/** Tenders **/

.tender-single {  border-bottom:1px solid #d1d1d1; margin:0px 0px 16px 0px; position:relative;}
.tender-single h4 { font-weight:normal; margin:0px 0px 2px 0px;font-size:1.2em; }
.tender-single .tn-body { display:block; background-color:#f5f5f5; padding:4px 4px 12px 4px; margin:8px 0px;  }
.tender-single .tn-body p  { margin:0px 0px 16px 0px; }
.tender-single .tn-body small { font-size:12px; font-style:italic; position:absolute; bottom:8px; display:block; border-top:1px solid #d1d1d1; }
.tender-single .dl-link { float:right; margin:8px; color:#333; font-size:12px; text-align:center; line-height:10px; }
.tender-single .dl-link i { font-size:80px; display:block; }
.tender-single .dl-link:hover { color:#339999; } 



/**** News Archive ****/

.n-a .col-left { width:20%; float:left; margin:0 4% 0 0;  }
.n-a .col-mid { width:52%; float:left; margin:0 4% 0 0;  }
.n-a .col-right { width:20%; float:left; margin:0 0 0 0;   }

.na-year,
.na-month { display:inline-block; padding:0.1em 0.3em; border-radius:4px; background:#EFEFEF; margin-bottom:4px;}

.na-year.active,
.na-month.active { background:#339999; color:#fff;}
.na-month { }

.tpl-news-archive .headbar { margin-top:46px;}
.tpl-news-archive .picbar .picmask { display:none;}
.tpl-news-archive .picbar .slidepic { margin:230px 0 0 0; background-size:980px auto; height:395px;   }


/*** Img Copyright **/
img.copyright {  }
.mc-copyright { display:block; padding:3px 0px; line-height:1em; position:absolute; color:#666666; font-size:10px; font-weight:normal; }


/*** Page Slideshows (11/11/2015) ***/

.sh-mod-banner-wrapper.sh-page-slides { max-width:742px; height:250px; }
.sh-mod-banner-wrapper.sh-page-slides .sh-slidepic { max-width:742px; background-repeat:no-repeat; background-size:cover; width:100%; height:250px }
.sh-mod-banner-wrapper.sh-page-slides .sh-picnav { margin-left:0px; margin-top:220px; width:742px; }



/** Content Toggle **/

h2.mcContentToggle,span.mcContentToggle,p.mcContentToggle { cursor:pointer; border-bottom:none; color:#fff; background:#006b6f; padding:0.2em 0.4em; font-size:15px; font-weight:normal }
h2.mcContentToggle:hover,span.mcContentToggle:hover,p.mcContentToggle:hover { background-color:#666666;}
h2.mcContentToggle a,span.mcContentToggle a,p.mcContentToggle a { color:#000; }
h2.mcContentToggle i.fa,span.mcContentToggle i.fa,p.mcContentToggle i.fa { margin-left:2em; float:right; font-size:22px;}
div.mcContentToggle { display:none;  }

.dl-link-btn.dl-link-btn-grey { background-color:#666666; }
.dl-link-btn.dl-link-btn-grey:hover { background-color:#666666; background:#339999; }

.socialBox { background:#0c7fc2; color:#ffffff; padding:8px;}
.socialBox a { color:#ffffff; } 


/** Custom for pages/our_expertise.htm (pid-277) **/

body.pid-277 div.col-full table tr td,
body.pid-277 div.col-left table tr td { line-height:1.5em; }
body.pid-277 div.col-full table tr td a,
body.pid-277 div.col-left table tr td a { display:block; background-color:#339999; color:#ffffff; margin:3px; padding:3px 6px;}
body.pid-277 div.col-left table tr td a.col-1,
body.pid-277 div.col-full table tr td a.col-1  {  background-color:rgb(0, 106, 111); }
body.pid-277 div.col-left table tr td a.col-2,
body.pid-277 div.col-full table tr td a.col-2  {  background-color:#e44100; }
body.pid-277 div.col-full table tr td a:hover,
body.pid-277 div.col-left table tr td a:hover 
body.pid-277 div.col-full table tr td a:hover,
body.pid-277 div.col-left table tr td a:hover { background-color:#666666; }

/* body.pid-277 table tr td a.link-line:after { content:''; height:27px; border-left:2px solid #333; margin:0 auto -30px 100px; display:block; padding-bottom:2px} */

body.pid-277 div.col-left table tr td a.indent,
body.pid-277 div.col-full table tr td a.indent {  margin:0px 12px; }

/**** Just giving button *****/

.jg-right { float:right; width:40%;}
.jg-right p { margin-top:0px;}

html body.mcbody .jg-widget .jg-widget-fr-image .jg-widget-fr-image-blocks-wrapper { background-color:rgba(0,0,0,0.5); top:185px; line-height:1.1em;}
html .jg-widget .jg-widget-bold, html .jg-widget .jg-widget-bold * { margin-top:-12px;}

html body.mcbody .jg-widget .jg-widget-fr-image .jg-widget-fr-image-blocks-wrapper .jg-widget-fr-amount-raised, 
html body.mcbody .jg-widget .jg-widget-fr-image .jg-widget-fr-image-blocks-wrapper .jg-widget-fr-amount-raised *, 
html body.mcbody .jg-widget .jg-widget-fr-image .jg-widget-fr-image-blocks-wrapper .jg-widget-fr-amount-target, 
html body.mcbody .jg-widget .jg-widget-fr-image .jg-widget-fr-image-blocks-wrapper .jg-widget-fr-amount-target *,
html body.mcbody .jg-widget .jg-widget-fr-progress { display:none; }

html body.mcbody  .jg-widget .jg-pure-button { background-color: #339999;
	border:2px solid #ffffff;
	color:#ffffff; }

html body.mcbody .fancybox-title-float-wrap { margin-bottom:-120px; }
html body.mcbody .fancybox-title-float-wrap .child { white-space:normal; text-align:center; line-height:1.2em; font-weight:normal; padding:1em; font-size:140%;   }


html body.mcbody .jg-home-box {
	display:block;
	width:100%;
	height:270px;
	padding:0px;
	background-image:url(../images_template/jg-bicycle.jpg);
	background-position:left center;
	background-size:cover;
	margin-bottom:16px;
	text-align:center;
	
}

html body.mcbody .jg-home-box .jg-total { 
	border-radius:50%;
	height:60px;
	width:60px;
	padding:8px;
	line-height:60px;
	display:inline-block;
	background-color: #339999;
	border:5px solid #ffffff;
	color:#ffffff;
	margin:24px 16px 16px 16px;
	
	font-size:30px;
	
}

html body.mcbody.tpl-home .col-left .jg-home-box .jg-total { margin:16px 180px 16px 16px; }
html body.mcbody #widget-home-justgiving h3 { display:none; }
html body.mcbody.tpl-home #widget-home-justgiving h3 { display:block; }

html body.mcbody .jg-home-box .jg-title { 
	color:#ffffff;
	background-color:rgba(166, 140, 74,0.6);
	padding:5px 10px;
	display:inline-block;
	text-align:center;
	font-size:1.1em;
}

html body.mcbody .jg-home-box .jg-button { 
	background-color: #339999;
	border:2px solid #ffffff;
	color:#ffffff;
	display:inline-block;
	clear:both;
	margin:12px;
	text-transform:uppercase;
	padding:5px 10px;
}


html body.mcbody .jg-home-box:hover .jg-total,
html body.mcbody .jg-home-box:hover .jg-button { background-color:#e44100; }

/*

.jg-btn { display:inline-block; width:400px; height:260px; margin:10px; border:1px solid #CCCCCC; }
.jg-btn .inner { background-color:rgba(255,255,255,0.7); margin-top:155px; line-height:90px; color:#333333; display:block; text-align:center; font-family: "Times New Roman","Times Roman",serif; font-style: italic; font-size:1.3em; }
.jg-btn:hover .inner { margin-top:0px; line-height:260px; color: #339999;  }
.pid-138 .jg-btn { background-image:url(http://www.malariaconsortium.org/gallery-image/width-1000/05230938-35/dr_sylvia_meek2c_cdd__nudum_wuthuru_uguak2c_aweil_west._south_sudan._dec_2012_5.jpg); background-position:center center; background-size:auto 100%;  }
*/

html body.tpl-donations { background-color:#d0c8b2;}
html body.tpl-donations h3 { border-bottom:#ffffff 1px solid;}

.don-wrapper { border-radius:4px; border:1px solid #cccccc;  margin:0 0.5em; padding:0em 12px 0 4px; display:block; position:relative; box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
	
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d7cec6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d7cec6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#d7cec6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7cec6',GradientType=0 ); /* IE6-9 */


}

.don-currency { 
border-radius:4px; border:1px solid #cccccc; margin:0.5em 4px; padding:0em 4px; display:block; position:relative; box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
display:table; width:100%; box-sizing: border-box;
}


.col-left .don-currency ul { list-style:none; padding:0; margin:0; display:inline-block; max-width:100%; position:relative;}
.don-currency ul li {display:inline-block; font-size:120%; margin:10px 5px; padding:5px 10px; border-radius:4px; border:1px solid #cccccc; box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2); cursor:pointer; width:197px; text-align:center;}
.don-currency ul li:hover { box-shadow:0px 0px 4px 4px rgba(0,0,0,0.2); }
.don-currency ul li span:before { font-family:FontAwesome; content:"\f0c8"; color:#333333; display:inline-block; margin-right:10px;}
.don-currency ul li.active { color:#00958c; }
.don-currency ul li.active span:before { content: "\f14a"; color:#00958c; }

.don-currency.don-frequency ul li { width:293px; padding:20px; font-size:140%; margin-bottom:25px; }

.don-currency.don-frequency ul li.active:after {
   bottom: 9px;
    margin-left:19%;
    border-color: #00958c  transparent;
    border-width:17px 17px 0px;  
	content: '';
    border-style: solid;
    display: block;
    width: 0 ;
	background-color:none; 
	position:absolute;
	
}

.don-currency.don-frequency ul li.active span:before { color:#ffffff; }
.don-currency.don-frequency ul li.active { color:#ffffff; 


background: #006b6f; /* Old browsers */
background: -moz-linear-gradient(top,  #006b6f 1%, #00958c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #006b6f 1%,#00958c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #006b6f 1%,#00958c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b6f', endColorstr='#00958c',GradientType=0 ); /* IE6-9 */


}

.don-frequency-label { padding:5px; font-size:120%;}

.don-box { border-radius:4px; border:1px solid #cccccc;  margin:0.5em 4px; display:table; width:100%; font-size:120%; position:relative; box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #d7cec6 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ffffff 0%,#d7cec6 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ffffff 0%,#d7cec6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7cec6',GradientType=0 ); /* IE6-9 */


}
.don-box:hover { box-shadow:0px 0px 4px 4px rgba(0,0,0,0.2); }
.don-box .don-amount { height:80px; display:table-cell; width:15%; box-sizing: border-box; text-align:center; line-height:80px;color:#ffffff; font-size:120%; font-weight:bold;
background: #006b6f; /* Old browsers */
background: -moz-linear-gradient(top,  #006b6f 1%, #00958c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #006b6f 1%,#00958c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #006b6f 1%,#00958c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b6f', endColorstr='#00958c',GradientType=0 ); /* IE6-9 */



}
.don-box .don-text { height:100%; display:table-cell; width:75%;  padding:0em 0 0 1%; vertical-align:middle;  color:#666666; box-sizing: border-box; }
.don-box .icon {  display:table-cell; width:10%; color:#d7cec6; text-shadow:0px 0px 5px rgba(0,0,0,0.2); vertical-align:middle;  box-sizing: border-box; text-align:center; }
.don-box:hover .icon .fa-circle { color:#cccccc;}

/*** Impact Calculator on donate page ***/

.mod-ic-calc .ic-response {  display:block; position:relative;  margin:1em 0%; background-color:#efefef; padding:5%;  font-size:1.5em; line-height:1.3em;
							border-radius:4px; border:1px solid #cccccc;  margin:0.5em 0; font-size:120%;  box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2); 

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #d7cec6 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ffffff 0%,#d7cec6 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ffffff 0%,#d7cec6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7cec6',GradientType=0 ); /* IE6-9 */}

.mod-ic-calc .ic-response-1,
.mod-ic-calc .ic-response-2 { margin-right:1%; }


.mod-ic-calc .ic-response p  { display:table-cell;  vertical-align:middle; text-align:center;  }

.mod-ic-calc .response-1 .number,
.mod-ic-calc .response-2 .number,
.mod-ic-calc .response-3 .number,
.don-amount-num,
.ic-amount-print{ font-weight:bold; color:#00958c;}

.mod-ic-calc h2 { text-align:center; line-height:1.3em; }
.mod-ic-calc input,
.mod-ic-calc select { line-height:40px; height:40px; width:100%; margin-right:10px;font-size:1.5em; border:1px solid #cccccc; border-radius:4px; color:#666666; text-indent:25px;  box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2); }
.mod-ic-calc select { width:100%;}

.mod-ic-calc .ic-currency { position:absolute; font-size:1.5em; padding:3px 5px 0px 10px; line-height:40px; height:40px;  }

.mod-ic-calc .dxIVal:hover,
.mod-ic-calc .dxIVal.active { background-color:#339999; color:#ffffff; }

.mod-ic-calc .col-third .ic-picker-wrapper:hover .ic-picker-label { background-color:#cccccc; color:#ffffff; }

.mod-ic-calc .col-third .ic-picker-wrapper { position:relative; font-size:1.5em; cursor:pointer; }
.mod-ic-calc .col-third .ic-picker-wrapper .ic-picker-label {  border:1px solid #cccccc; color:#666666; padding:0px 5px; display:block; line-height:40px; height:40px; }
.mod-ic-calc .col-third .ic-picker-wrapper .ic-picker-label:after { font-family:fontAwesome; content: "\f0da"; float:right; }
.mod-ic-calc .col-third .ic-picker-wrapper:hover .ic-picker-label:after { content: "\f0d7";  }
.mod-ic-calc .col-third .ic-picker-wrapper ul { display:none; position:absolute; margin:0px; padding:0px; background:white; 
												border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; color:#666666; left:0; right:0;  }
.mod-ic-calc .col-third .ic-picker-wrapper ul li { list-style:none; padding:5px;  }
.mod-ic-calc .col-third .ic-picker-wrapper:hover ul { display:block; }


/**** Malaria Heroes Template ***/

.mh-table { display:table; width:100%; table-layout: fixed}
.mh-tr { display:table-row; height:350px;  }
.mh-td { display:table-cell; background-color:#efefef;  border-bottom:16px solid #ffffff;  background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; }
.mh-tr > .mh-td:first-of-type { border-right:8px solid #ffffff; }
.mh-tr > .mh-td:last-of-type { border-left:8px solid #ffffff; }
.mh-table .mh-tr:first-of-type > .mh-td:first-of-type { padding:0; background-color:transparent; }
.mh-table .mh-tr:nth-of-type(1) a.mh-td:nth-of-type(1) { background-image:url(../images_template/malaria-hero-1.jpg); border-right:none; }
.mh-table .mh-tr:nth-of-type(2) .mh-td:nth-of-type(1) { background-image:url(../images_template/malaria-hero-2.jpg); }
.mh-table .mh-tr:nth-of-type(2) .mh-td:nth-of-type(2) { background-image:url(../images_template/malaria-hero-3.jpg); }
.mh-table .mh-tr:nth-of-type(3) .mh-td:nth-of-type(1) { background-image:url(../images_template/malaria-hero-4.jpg); }
.mh-table .mh-tr:nth-of-type(3) .mh-td:nth-of-type(2) { background-image:url(../images_template/malaria-hero-5.jpg); }
.mh-td .overlay { position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.5); color:#ffffff; padding:8px; opacity:0; line-height:1.3em; }
.mh-td:hover .overlay { opacity:1; }
.mh-td .overlay h3 { margin-top:200px; font-size:22px; line-height:26px; }
.mh-td:hover .overlay h3 { margin-top:0px; }