@charset "UTF-8";
@import url("../../website-2013/css/mc_slideshow.css");
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

/**

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


**/



/** Reset **/

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

a img {  border:none;}
a:hover img { opacity:0.8; filter:alpha(opacity=80)}
a:link,a:visited,.nextlink, a:link,a .res-icon { 
color:#339999;	 }
a:link,a:visited,li,.sh-nextlink,.sh-prevlink, a:link img, a .res-icon, .sh-trans, .sh-col-home-left .sh-block-img:hover .sh-block-overlay,
#body-11 .sh-mod-banner-wrapper.access-feature:hover .sh-banner-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;
}


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

a:focus, a:active { outline:none }

.sh-clear, .clear { clear:both; height:0px; overflow:hidden; display:block; }

.sh-fade-in,
.sh-fade-in-2,
.sh-fade-in-3 { display:none; }

.mc-mobile { display:none; }

/***** Top Bar *****/

.sh-topbar { position: fixed; z-index:90; height:30px; width:100%; border-bottom:1px solid #fff; background:#4d4b4c; top:0px; }
.sh-topbar .sh-topwrapper { width:980px; margin:0px auto;}
.sh-topbar .sh-mod-search { float:right; padding:4px 0px 0px 0px; width:197px;}
.sh-topbar .sh-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; }
.sh-topbar .sh-mod-search .sh-searchsubmit { display:block; float:right; width:26px; height:27px; margin-top:-2px; }
.sh-topbar .sh-mod-search .sh-searchsubmit:hover { opacity:0.sh-5; filter:alpha(opacity=50) }


.sh-topbar .sh-mod-social { float:right; width:300px; display:block;  text-align:right; padding-right:20px; white-space-collapse:collapse; }
.sh-topbar .sh-mod-social a { width:35px; height:30px; display:inline-block; /* float:left; */  border-right:1px solid #fff; background-position:0px0px; }
.sh-topbar .sh-mod-social a:hover { background-position:0px -30px }
.sh-topbar .sh-mod-social a.sh-icon-mail { background-image:url(../media/social_icon_mail.png); border-left:1px solid #fff }
.sh-topbar .sh-mod-social a.sh-icon-twitter { background-image:url(../media/social_icon_twitter.png); }
.sh-topbar .sh-mod-social a.sh-icon-facebook { background-image:url(../media/social_icon_facebook.png); }
.sh-topbar .sh-mod-social a.sh-icon-google { background-image:url(../media/social_icon_google.png); }
.sh-topbar .sh-mod-social a.sh-icon-linkedin { background-image:url(../media/social_icon_linkedin.png); }
.sh-topbar .sh-mod-social a.sh-icon-youtube { background-image:url(//www.malariaconsortium.org/website-2013/images_template/social_icon_youtube.png); }
.sh-topbar .sh-mod-social a.sh-icon-instagram { background-image:url(//www.malariaconsortium.org/website-2013/images_template/social_icon_instagram.png); }

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

/***** Head Bar *****/

.sh-headbar { width:980px; margin:72px auto 0px auto;; }
.sh-headbar .sh-site-logo { display:block;  float:left; width:400px; height:105px;overflow:hidden; } 
.sh-headbar .sh-site-logo img { height:75px; width:auto; margin:15px;}
.sh-headbar .sh-mc-logo { display:block; float:left; background-image:url(../media/logo_malaria_consortium@2x.png); background-repeat:no-repeat; background-size:223px 105px; width:223px; height:105px; } /*.sh-headbar .sh-mc-logo:hover { opacity:0.7; filter:alpha(opacity=70); margin-left:10px;} */
.sh-headbar .sh-donate { display:block; float:right; background:url(../media/donate_now@2x.png); background-repeat:no-repeat; background-size:185px 52px; width:185px; height:52px; text-indent:-300px; overflow:hidden;}
.sh-headbar .sh-donate:hover, .sh-headbar .sh-main:hover { opacity:0.7; filter:alpha(opacity=70); margin-right:10px;}
.sh-headbar .sh-main { display:block; float:right; text-transform:uppercase; color:#333; margin-top:20px; padding-right:12px}


/**** Main Menu *****/
.sh-mod-menu { width:980px; margin:20px auto 0px auto;; }
.sh-mod-menu .sh-menu { width:980px; background:#666; display:block; height:36px; list-style-position:outside; padding:0px; margin:16px 0px;}
.sh-mod-menu .sh-menu li { display:block; float:left; list-style:none; margin:0px; padding:0px; width:164px; text-align:center; height:36px; line-height:36px; }  
.sh-mod-menu .sh-menu li.dark { /*background:#4d4b4c; */ width:162px; }
.sh-mod-menu .sh-menu li a { color:#fff; display:block; width:100%; font-size:16px; }
.sh-mod-menu .sh-menu li a:hover { background-color:#006a6e; }
.sh-mod-menu .sh-menu li a.active { background-color:#4d4b4c }

.sh-mod-menu .sh-menu li.sh-home { width: 80px; }

.sh-mod-menu .sh-menu li a.sh-withdrop { background-image:url(../media/drop_icon.png); background-repeat:no-repeat; background-position:right -36px; text-indent:-10px;}
.sh-mod-menu .sh-menu li a.sh-withdrop:hover  { background-position:right 0px;}

/* Sub Menu */
.sh-mod-menu .sh-menu li ul { background-color:rgb(77,75,76); background-color:rgba(77,75,76,0.8); padding:0px; list-style-position:outside; 
								position:absolute;display:none; width:164px; overflow:hidden; z-index:100;}
.sh-mod-menu .sh-menu li ul li { list-style:none; margin:0px; float:none; padding:0px; line-height:auto;  height:auto;}
.sh-mod-menu .sh-menu li ul li a { display:block; font-size:13px; height:auto; line-height:20px; padding:3px 0px 5px 0px; text-align:center; border-bottom:1px solid #4d4b4c;}



/*** body ***/

.sh-container 		 { width:980px; margin:20px auto 0px auto; }
.sh-container h3 	 { display:block; font-size:28px; max-width:100%; padding:0px; font-weight:normal; 
						border-bottom:1px solid #d1d1d1; margin:0px 0px 16px 0px; line-height:36px; color:#4d4b4c;}
			
.sh-content { margin:0px 0px 48px 0px }	
.sh-content ul,
.sh-content ol { display:block; clear:both; padding-top:8px;}		
a.sh-morelink:link,
a.sh-morelink:visited,
a.sh-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; color:#ffffff; background-image:url(../media/more-arrow.png); background-repeat:no-repeat; background-position:51px 7px; }
a.sh-morelink:hover { background-position:55px 7px; background-color:#666 }

.sh-nextlink, .sh-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;}
.sh-nextlink{  	background-image:url(../media/next-arrow.png); margin-left:4px; background-position:-22px 7px;  }
.sh-prevlink {  	background-image:url(../media/prev-arrow.png); background-position:8px 7px;  }
.sh-nextlink:hover { background-position:8px 7px; background-color:#666 }
.sh-prevlink:hover { background-position:-22px 7px; background-color:#666 }

.sh-col-left  { float:left; display:block; width:742px; overflow:hidden; margin-right:48px; line-height:1.3em; }
.sh-col-right	 { float:left; display:block; width:190px; overflow:hidden; line-height:1.3em;  }

/*** homepage ***/

.sh-col-home-left  { float:left; display:block; width:360px; overflow:hidden; margin-right:48px; line-height:1.3em;  }
.sh-col-home-mid	 { float:left; display:block; width:334px; overflow:hidden; margin-right:48px; line-height:1.3em;  }

.sh-col-home-left .sh-block-img-wrapper{ width:360px; height:245px; background-repeat:no-repeat; margin:0px 0px 32px 0px; }
.sh-col-home-left .sh-block-img { width:360px; height:245px; overflow:hidden; background-repeat:no-repeat; margin:0px 0px 32px 0px; display:block; }

.sh-col-home-left .sh-block-img .sh-block-overlay { background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.65);  
											 height:115px; padding:10px 28px 10px 16px; width:328px; position:relative; top:55px;
											}

.sh-col-home-left .sh-block-img:hover .sh-block-overlay { background-color:rgb(255,255,255); background-color:rgba(255,255,255,0.5);  
											 height:180px; padding:65px 28px 10px 16px; width:328px; position:relative; top:0px; 
											}

.sh-col-home-left .sh-block-img .sh-block-overlay h3.sh-line-1 { display:block; font-size:34px; max-width:100%; padding:0px; font-weight:normal; 
						margin:16px 0px 4px 0px; line-height:1.2em; color:#4d4b4c; text-align:center; font-family:Arial, Helvetica, sans-serif}

.sh-col-home-left .sh-block-img .sh-block-overlay h3.sh-line-2 { display:block; font-size:21px; padding:0px; border-bottom:none;
						margin:0px 0px 16px 0px; line-height:1.2em; text-align:center; 
						font-family:"Times New Roman", "Times Roman", serif; font-style:italic; font-weight:normal; color:#333; }
						
.sh-col-home-left .sh-block-img .sh-block-overlay h3.sh-line-logo { display:block; font-size:34px; max-width:100%; padding:0px; font-weight:normal; 
						margin:4px 0px 4px 0px; line-height:1.2empx; color:#4d4b4c; text-align:center; font-family:Arial, Helvetica, sans-serif}

h3.sh-line-logo  img.height-60 { margin-top:0px;}					
/** Block Mod News **/
.sh-mod-news { margin:0px 0px 32px 0px; padding:0px; list-style:none; }
.sh-mod-news li { border-bottom:2px dotted #d1d1d1; }
.sh-mod-news li a { display:block; padding:16px 8px 16px 0px;  font-size:16px;}
.sh-mod-news li { border-bottom:2px dotted #d1d1d1; }
.sh-mod-news li a small { color:#666; font-size:14px; display:block;}
.sh-mod-news li a:hover { background:#f5f5f5; padding:16px 4px;}
.sh-mod-news li .date { font-size:12px; color:#666666; display:block; margin:4px 0px}

/** Block Resources **/

.sh-mod-resources { line-height:1.4em;}
.sh-mod-resources .nav-resource { height:24px; overflow:hidden; width:50px; margin-left:284px; z-index:300; position:absolute;  }
.sh-mod-resources .wrapper-resource {  width:334px; }
.sh-mod-resources .wrapper-resource .inner {  width:334px;  }
.sh-mod-resources .slide-resource { display:block; width:330px; padding-right:4px; border-bottom:2px dotted #d1d1d1; padding-bottom:8px; margin-bottom:12px; }
.sh-mod-resources .slide-resource:hover { background:#f5f5f5; padding-right:0px; width:334px}
.sh-mod-resources .slide-resource .slide-label { display:block; height:48px;  overflow:hidden; font-size:16px;}
.sh-mod-resources .slide-resource .slide-label .slide-long { display:none; }
.sh-mod-resources .slide-resource .slide-type { display:block; color: #4d4b4c; font-size:12px; margin:0px 0px; float:left; width:125px; }
.sh-mod-resources .slide-resource .slide-date { font-size:12px; color:#666666; display:block; margin:0px 0px; float:left; width:125px; text-align:right; } 
.sh-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;   }
.sh-mod-resources .slide-resource:hover .res-icon { margin-right:20px; }



 .sh-mod-resources .slide-resource .res-icon  i.fa { color:#ffffff; line-height:63px; font-size:40px;}
  
  
.sh-mod-resources .slide-resource .res-icon-6-0 { background-image:url(../media/icon-6-0.png); } 
.sh-mod-resources .slide-resource .res-icon-2-0 { background-image:url(../media/icon-2-0.png); } 
.sh-mod-resources .slide-resource .res-icon-3-0 { background-image:url(../media/icon-3-0.png); } 
.sh-mod-resources .slide-resource .res-icon-5-0 { background-image:url(../media/icon-5-0.png); } 

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

/** Newsletter **/

.sh-block-newsletter,.sh-block-quicklinks { margin:0px 0px 32px 0px; }
.sh-block-newsletter input[type=text] { border:1px solid  #d1d1d1; width:180px; padding:4px; color:#666; margin-top:2px; margin-bottom:8px;  height:15px; font-size:12px}
.sh-block-newsletter input[type=text]#email {width:152px; }
.sh-block-newsletter .sh-nextlink { padding:0px; margin-top:3px;}

/** Quicklinks **/

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


/** Downloads **/

.sh-dl-list { margin:0px; padding:0px; list-style:outside; /* border-top:1px solid #CCC; */ margin-top:6px; }



.sh-dl-list  li.sh-alt { background:#F0F0F0;}
.sh-dl-list  li  { border-bottom:1px solid #CCC; padding:6px 12px 0px 85px; display:block; color:#4d4b4c; 
					  background-repeat:no-repeat; background-position: 6px 6px; background-color:#F0F0F0; }
.sh-dl-list  li:hover { background-color: #d1d1d1; color: #339999; padding:6px 6px 0px 91px; ; background-position: 12px 6px; }
.sh-dl-list  li a 	{ display:block; min-height:103px;}
.sh-dl-list  li a span  { display:block; color:#333; }


/** Content Styling **/

.sh-percent-circle { width:100px; height:100px; background:url(../media/percent-circle.png); float:left; margin: 24px 8px 8px 0px; 
					   line-height:100px; text-align:center; font-size:35px; color:#fff; }

.sh-percent-text { float:left; width:634px; clear:right; margin-top:8px} 

.body-infocus .dx-ss-caption { width:700px; }
.body-infocus .dx-slideshow { margin-bottom:80px;}

.sh-video-frame-youtube  { width:100%; height:418px;}

/** More Link **/
.sh-dx-more { display:none; }
a.sh-dx-more-link,
a.sh-dx-less-link { display:block; color:#fff;  font-size:16px; /* line-height:22px; text-indent:8px; */ margin-top:8px; width:54px; padding:5px 15px;
							background-color:#339999; background-image:url(http://malariaconsortium.org/website-2013/images_template/more-arrow.png); background-repeat:no-repeat; background-position:61px 9px; clear:both;}
a.sh-dx-more-link:hover,
a.sh-dx-less-link:hover { background-position:65px 9px; background-color:#666 }

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




#sh-videoList { float:left; width:100%; }
.sh-videoSingle { display:block; float:left; width:235px; height:200px; margin:0px 16px 26px 0px; font-size:0.9em;line-height:1.1em;  font-weight:bold; }
.sh-videoEnd { margin-right:0px }
.sh-videoSingle img{box-shadow: #000 0 0 0; width:235px; height:auto;}
.sh-videoImg 	{ width:245px; height:138px; background:#f5f5f5; margin-bottom:4px;}
.sh-videoSingle small { font-weight:normal; color:#666666; }
.sh-videoPage .sh-video-frame-youtube,
.sh-videoPage .sh-video-frame-vimeo { width:100%; height:418px; margin:16px 0px }

.sh-video-pagination { text-align:center; }
.sh-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; }
.sh-video-pagination a:hover, .video-pagination a.active { background:#666; }



/** Content Toggle **/

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



/** Related Content Link */

.sh-related a.rel-link  { display: block; padding:8px 4px;   border-bottom:1px solid #CCC; color:#4d4b4c; font-size:12px;  clear:both;}
.sh-related a.rel-link:hover,.sh-related a.rel-link.rel-alt:hover  { background: #d1d1d1; color: #339999;  }
.sh-related a.rel-link.rel-alt { background:#F0F0F0;}
.sh-related a.rel-link  h3 { font-size:14px; color:#4d4b4c; margin-bottom:8px; line-height:1.3em; border-bottom:none; }
.sh-related a.rel-link  small { display:block; float:right; text-align:right; width:130px; color:#4d4b4c;; font-size:16px;}
.sh-related a.rel-link .rel-thumb { display:block; width:50px; height:80px; float:left; background-color:#3f3f3f; margin-right:16px;
						background-repeat:no-repeat; background-position: center center; background-size:auto 90px; }
.sh-related a.rel-link .rel-data { display:block; margin-elft:50px;   }
.sh-related h6
{
  color: #339999;
  font-size: 1.4em;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0.2em;
  margin-left: 0px;
}