/* Custom stuff for promusa look */



/* JML 2016-04-02 Let Bootstrap define the size of the margins

#middle {

	width: 80%;

}

*/



	

/*#header_outer {

	width: 80%;

}*/



#module_97 { 

float:right;

 /*position: absolute;*/

 /*right: 0px; changed to 98px August 3 2015*/

 /*right: 0px;*/

 /*float: right;*/

 /*height: 0px;*/

 /*width: auto;*/

 /*top: 50px;*/

}



#module_95 {

	float:right;

}

/*including "form-group" makes the form display in one line, not one above the other*/

#search-module-form1 .form-group {

  /*float: right;*/

  margin-left:5px;

}



#search-module-form1 {

  margin-bottom: 0;

  margin-top: 2px;

}



#mod-menutopbar1 .navbar-collapse {

	padding-left: 0;

	padding-right: 0;

}



.topbar div.in .nav.navbar-nav a {

  padding-left: 20px;

  z-index: 3;

}



.form-control {

	height:39px;/*same height as .btn*/

	padding: 8px 15px;

}





/* March 19 2015*/

.siteloginbar_popup {

	/*margin-left: 9px; changed to -40px August 3 2015*/

	margin-left: -40px;

}



#module_104 {

	float:right;

	margin-top: 3px;

}

		



/*hiding this makes actions invisible too



.articletrailer {

	display:none;



}*/



.articletrailer {

    margin-top: 0px;

    position: relative;

    text-align: center;

    width: 250px;

    float: right;

}



/* shows author and date on article pages*/

.titleb {

	display:none;

}





.sitesubtitle {

	font-style:italic;

	font-size: 1em;

	font-weight:bold;

	margin-top:85px;

	margin-bottom: 0px;

	margin-left:-180px;

	color:#75A63B;

	border-bottom-width:0px;

}

body:not(.fixed_width) .container {

	padding:0;

}



/*

hiding this to look at site withougt band going across

.middle_outer {

    background: rgba(0, 0, 0, 0) url("/themes/promusa/images/menu_spacer_background.jpg") repeat-x scroll 0 0;

    height: auto;

}*/



/* 

.middle_outer {

	background: url(fei_watermark_5.jpg);

    background-repeat:no-repeat;

    background-position:right bottom;

	height: auto; 

*/

	/*background: url(menu_spacer_background.jpg);

    background-repeat:repeat-x;

    background-position:top;*/

/*

}

*/



#page-header .row {

	/*background-color:#d7ec9B;*/

	background-color:#ffffff;

	margin:0;

}

/*nav bar*/

.navbar-default {

  background-color: #75A63B;

  border-color: transparent;

  min-height: 40px;

 

}

.navbar-default .navbar-brand {

  color: #ffffff;

}

.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {

  color: #FFFFFF;

  background-color: transparent;

  text-decoration:underline;

}

.navbar-default .navbar-text {

  color: #75A63B;

}

.navbar-default .navbar-nav > li > a {

  color: #ffffff;

}

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

  color: #ffffff;

  background-color: #75A63B;

}

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

  color: #ffffff;

  background-color: #75A63B;

  text-decoration:underline;

}

.navbar-default .navbar-nav > .disabled > a,

.navbar-default .navbar-nav > .disabled > a:hover,

.navbar-default .navbar-nav > .disabled > a:focus {

  color: #cccccc;

  background-color: transparent;

}

/*.navbar-default .navbar-toggle {

  border-color: #1a242f;

}*/

.topbar > a,

.topbar .navbar-default .navbar-nav > li > a,

.topbar .nav > li > a {

  color: #ffffff;

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

  padding-right: 10px;

  background: #75A63B;

  font-size: 17px;

  border-right: 1px solid #FFFFFF;

}



div.navbar-collapse.collapse.in {

	background: #75A63B;

	border-radius: 6px;

	z-index: 3;

}



.topbar > a:hover,

.topbar .navbar-default .navbar-nav > li > a:hover,

.topbar .nav > li > a:hover,

.topbar > a:focus,

.topbar .navbar-default .navbar-nav > li > a:focus,

.topbar .nav > li > a:focus {

  color: #FFFFFF;

  text-decoration:underline;

}

.topbar .cssmenu_horiz ul {

  background: #ffffff;

}



/*

#mod-menutopbar1 {

	height:35px;

}

*/



.topbar, .topbar .navbar-default .navbar-nav > li, .topbar .nav > li {

	background: #75A63B;

	margin-left:0px;

	margin-right:0px;

	border-radius: 6px;

}





/*for titles but it affects all links*/

a {

    color: #75A63B;

    text-decoration: none;

	padding-bottom:7px;

}



a:focus, 

a:hover {

	color: #75A63B;

    text-decoration: underline;

}

	

	

.cssmenu_horiz, .cssmenu_vert {

    /*float: right;*/

	float: left;

    margin-bottom: 1em;

	/*margin-right:160px;*/

}



/*

hidden to put logo at left

#mod-logotop2 {

   /* margin-left: 60px;

	margin-left: 160px;

*/





/*for submenus*/

.separator {

	margin-left: 0px;

	padding-bottom:7px;



}

.separatorline {

	margin-left: 0px;

	padding-bottom:7px;



}

.option .menuText {

	margin-left: 10px;

	padding-bottom:7px;

}

/* end submenus*/



.wikiplugin_bloglistnew .author_info {

	display:none;*

}



.wikiplugin_bloglistnew .blogpostactions {

	display:none;*

}





.freetaglist {

  visibility: hidden !important;

  display: none;	/* 2013-05-17 JML to compensate removal of .postbody-title { height: 30px; } in blog view */

}



/*.fa-chevron-down {

	display:none;

}*/



/*Titles*/

h1,

.h1,

h2,

.h2,

h3,

.h3 {

  margin-top: 10px;

  margin-bottom: 5px;



}



h1,

.h1 {

  font-size: 30px;



}

/*h2,

.h2 {

  font-size: 20px;;

}*/



h2 {

font-size: 20px;

color:#000000;

border-bottom-style: solid;

border-bottom-color: #75A63B;

border-bottom-width:1px;

overflow-x:hidden;

overflow-y:hidden;

font-weight: normal !important;

/*line-height: 1.7em;*/

line-height: 1.4em;

clear:left;

}





h3,

.h3 {

  /*font-size: 18px;*/

  font-size: 16px;

  font-weight: bold;

  

}

h4,

.h4 {

  font-size: 16px;

  font-style:italic;



}

h5,

.h5 {

  font-size: 14px;

}

h6,

.h6 {

  font-size: 12px;

}



.promusa-blogtitle {

	

	font-size:26px;

}





hr {

	background: #75A63B;

	color: #75A63B;

	height: 1px;

}

/*so footer (grey bands) do not display on home page bloglist new*/

#wikiplugin_bloglistnew .panel-footer {

	display:none;

    /*display:none;*/

	/*padding: 10px 0px;

    background-color: #ffffff;

    border-top: 0px;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px;*/

}

/*so footer does not display on News&blogs page*/

.wikiplugin_bloglistnew .panel-footer {

	display:none;

}



.panel-footer {

		display:block;

}

/* so footer displays on actual posts*/

#comment-container, .panel-footer{

display:block;

}





.pager li > a, .pager li > span {

    display: inline-block;

    padding: 5px 14px;

    background-color: #75A63B;

    border: 1px solid transparent;

    border-radius: 15px;

}



.panel-default > .panel-heading {

   background-color: transparent;

	border-color: #ffffff;

	padding: 0px 10px;

	border-bottom: 0px solid transparent;

	border-top-right-radius: 3px;

	border-top-left-radius: 3px;

}



.panel {

	margin-bottom: 5px;

	/*so that background image shows through */

	background-color: transparent;

}



.panel-body {

	

	/*padding: 5px 10px;*/

	padding: 8px 8px 0px 8px;

}





/* border bottom  used to distinguish from regular h2s*/

.panel-title {

    margin-top: 10px;

    margin-bottom: 8px;

    font-size: 17px;

    color: #inherit;

	border-bottom:none;

}



.blog-postbody-title h2 {

 margin-top: 10px;

    margin-bottom: 8px;

    font-size: 17px;

    color: #75A63B;

	border-bottom:none;

}

/*

.titlebar {

	color: #000000;

	font-weight: bold;

	font-variant: small-caps;

	padding: 1px 8px;

	border-top-right-radius: 3px;

    border-top-left-radius: 3px;

}*/



.titlebar {

    font-size: 14px;

    margin-left: 0px;

    padding-left: 5px;

    display: block;

    height: 24px;

    background: #75A63B;

    color: #FFF;

    padding-top: 1px;

    border-radius: 4px;

}



.more {

    font-family: Verdana, Helvetica, sans-serif;

	font-size: 14px;

	font-variant: small-caps;

	color: #000000 !important;

	text-decoration: none;



} 



.btn-link {

    color: #75A63B;

    font-weight: normal;

    border-radius: 0;

	margin-top:0;

	padding-top:4px;

	padding-left:8px;

}



/*.btn-link a:focus {

	text-decoration:underline;

	color: #75A63B;

}*/



.btn-link:hover, .btn-link:focus, .btn-link:active {

text-decoration:underline;

	color: #75A63B;

}



.postbody-content {

	padding-bottom:0;

	padding-top:5px;

	padding-left:10px;

}



/*sitemap*/



.sitemap_subhead {

font-size: 12px;

font-weight: bold;

color: #FFFFFF;

}



.sitemap_content {

font-size: 11px;

color: #FFFFFF;

}

#sitemap a, #sitemap a:visited {

    color: #FFFFFF;

}

#credits {

	text-align:center;



font-size:11px;

color: #FFFFFF;



}



#credits a {

    color: #FFFFFF;



}



#module_99 {

	text-align:center;

}





#module_141 {

	background-color:#75A63B;

	border-radius:6px;

	margin-top: 12px;

}

/*end sitemap*/



.cssmenu_horiz > li > a:hover,

.cssmenu_vert > li > a:hover,

.cssmenu_horiz ul > li > a:hover,

.cssmenu_vert ul > li > a:hover,

.cssmenu_horiz > li > a:focus,

.cssmenu_vert > li > a:focus,

.cssmenu_horiz ul > li > a:focus,

.cssmenu_vert ul > li > a:focus {

  text-decoration: underline;

  color: #75A63B;

  background-color: #FFFFFF;

}


#mod-searchtop3 {

	margin-right: 170px;

}



/*table {

	border: 1px solid #ccc;

	border-collapse: collapse;

}*/



/* text styles*/



.caption {

    font-family: Verdana, Helvetica, sans-serif;

    font-size: 9px;

    color: #666666;

    text-decoration: none;

	margin: 5px 10px;

}





/* JML 20160527: For contrast in links in https://promusa15.alsawiki.com/tiki-edit_translation.php?page=Musapedia&no_bl=y */

.alert-info > a {

	color: #af7;

	font-weight:bold;

}



/*for display of captionsin In pictures*/

#cboxTitle {

    bottom: 20px;

    padding-bottom: 5px;

    padding-top: 2px;

}

/*homepage slider*/

.anythingSlider-simple {

    display: block;

    position: relative;

    margin: 0px;

    padding: 0px 0px 0px 0px;

    width:735px!important;

	border:none !important;

	box-shadow:none !important;  



}



.titles_hp_sections2 {

	font-size:16px;

	margin-left:0px;

	padding-left:5px;

	display:block;

	height:28px;

	background:#75A63B;

	color:#FFF;

	padding-top:4px;

	border-radius: 4px;



}



.titles_hp_Symposia {

	font-size:17px;

	margin-left:10px;

	color:#000000;

}



#symposia {





	width: 100%;

	height: auto;

	background-color:#FFFFFF;

	/*float:left;*/

	margin-top:0px;

	margin-left: 0px;

	padding-top:12px;

	padding-bottom:12px;

	border: 2px solid #eeb915;

	border-radius: 4px 4px 4px 4px;

	text-align:center;





}



#priority{



	width: 100%;

	height: auto;

	background-color:#FFFFFF;

	/*float:left;*/

	margin-top:15px;

	margin-left: 0px;

	margin-bottom:12px;

	padding-top:12px;

	padding-bottom:12px;

	border: 2px solid #536EEF;

	border-radius: 4px 4px 4px 4px;

	text-align:center;





}



.symposia_hp {

	font: 100%/1.5em Arial, Helvetica, sans-serif;

	margin-left:0px;

	margin-right:5px;

	color:#000000;

	text-align:center;



}



#recent_lit{



	width: 100%;

	height: auto;

	background-color:#FFFFFF;

	/*margin-top:15px;*/

	margin-left: 0px;

	padding-top:12px;

	padding-bottom:12px;

	padding-left: 10px;

	border: 1px solid #ecf0f1;

	border-radius: 4px 4px 4px 4px;





}



.recent_lit_hp a {



	margin-left:0px;

	color: #75A63B !important;

	text-align:left;

}



ul, menu, dir li{

	display: block;

	list-style-type:disc;

	/*list-style-type:none;*/

	padding-left:15px;

}

	

.anythingSlider-polished.activeSlider .anythingWindow {

	border-bottom:none;

	border-top:none;

} 



/* KL 16 June to make spacing between menu items the same in all sections*/

.cssmenu_horiz a:last-of-type, .cssmenu_vert a:last-of-type {

    padding-bottom: 4px;

}

.cssmenu_horiz a:first-of-type, .cssmenu_vert a:first-of-type {

    padding-top: 4px;

}



/* to make space between items in blog list new*/

#mod-last_blog_posts li {

    padding-bottom: .2em;

}







/* JML 20160613 keep folded topbar menu on the left */

#mod-menutopbar1 .navbar-toggle {

	float: unset;

}



.moduletitle {

font-size: 16px;

display: inline;

position: relative;

inherit: none;



}



#mod-Wiki_browseleft1 {

	padding-top:0px;

}





.toc {

    border-top: none;

    border-bottom: none;



}

.toc ul, menu, dir {

    display: block;

    list-style-type: none!important;

    margin-bottom: 0;

    margin-left: 12px;

    margin-right: 0;

    margin-top: 0;

}

/*musapedia table of contents boxes*/

#contents_box_musapedia {

	

	padding-top:10px;

	padding-bottom: 10px;

}

	

.contents {

    font-family: Verdana, Helvetica, sans-serif;

	font-size: 16px;

	color: #000000 !important;

	text-decoration: none;

	margin-left: 30px;



} 



@media print {

	.footnotearea > hr{

		display:none;

		margin: 0;

	}



	.text_table {

		color: #000000;

		font: 100%/1.5em Arial, Helvetica, sans-serif;

		margin-left: 1em;

		text-align:center;

	}

}



.footnotearea hr{

	display:none;

	margin: 0;

}



.linkmodule {

	line-height:.8em;

	

}





#announcements_box {

	border: 1px solid #ecf0f1;

	border-collapse: collapse;

	border-radius: 6px;

	width:100%;

	padding-top:10px;

	padding-bottom: 10px;

	padding-left:23px;

}

/*to hide the word comment in the comments title*/

#comment-container h3 {

    display:none; 	

}



/*to hide area when there are no comments*/

.alert-info {

	visibility:hidden;

}

/*to remove area when there are no comments*/

#comment-container .alert-info {

	display: none;

}



.btn-primary {

    color: #ffffff;

    background-color: #75A63B;

    border-color: #75A63B;

	line-height: .2em;

}



/*#freestyle_container_float_left {

	border: 1px solid #ecf0f1;

	border-collapse: collapse;

	border-radius: 6px;

	padding:5px;

	float:left;

	}

	

#freestyle_container_float_right {

	border: 1px solid #ecf0f1;

	border-collapse: collapse;

	border-radius: 6px;

	padding:5px;

	float:right;

	}*/

		



#musapedia_at_a_glance_container {

	border: 1px solid #ecf0f1;

	border-collapse: collapse;

	border-radius: 6px;

	width:260px;

	padding:5px;

	float:right;

	margin-left:10px;

}



#musapedia_at_a_glance_box {



	width:250px;



}



#musapedia_at_a_glance_title {

	/*width:240px;*/

	border-top-right-radius: 3px;

    border-top-left-radius: 3px;

	background-color: #75A63B;

	color: #ffffff;

	height:auto;

	padding:5px;

	font-weight:bold;

	text-align:center;



}



table a:not(.btn), .table a:not(.btn) {

    text-decoration: none;

}



.table a:hover {

	text-decoration:underline;

}



#wikiplugin_bloglistnew ul  li {

	list-style-type:none!important;

}



#mod-last_modif_pagesleft20 ul  li {

	list-style-type:none!important;

	margin-bottom:10px;

}

.sitelogo img {

	margin-bottom: 10px;

}





ul.freetagged li {

	padding-left:0px!important;

    /*margin-bottom:10px;*/

    margin-bottom:0px;

}





/*this is to remove space between list and more stories*/

ul, ol {

    margin-top: 0;

    margin-bottom: 0px;

}





/*table, tr, td {*/

  table {

  border-collapse:collapse;

  border-color: #ccc;



}

/*added to temporarily fix  the sitiation that the wysiwyg does not react when a padding value is specified*/

td, th {

    padding: 5px;

}



/* JML 206-06-24 keep search button aligned with search input field in topbar XS view */

#mod-searchtopbar2 .form-control {

	width: auto;

}



#mod-last_blog_posts_wp_1 ul li {

	list-style-type:none;

}





#mod-last_blog_posts li {

    padding-bottom: .8em;

}



#mod-last_blog_posts_wp_1 li {

	padding-bottom: .8em;

}

/*done for organizations page*/

.catblock ul li {

	list-style-type:none;

}

.catitemsone {

	padding-left:8px;

}



li.blog_post {

	margin-bottom:0px!important;

}



/* done so that the buttion would visually be the same hight as the input group - top padding value is so the text is centered vertically*/

.btn {

    border-width: 2px;

    height: 39px;

	/*padding-top:8px; commented this because it moves uo contact-us on home page. Will solve this later*/

}



/*.middle_outer {

	background: url(fei_watermark_6.jpg);

    background-repeat:no-repeat;

	background-position:75% 100%;

background-position:bottom;

    background-position:right bottom;

	height: auto; 

}*/



/*cookie warning*/

#cookie_consent_div.banner {

    bottom: 0;

	border: 1px solid #CCC;

	/*top:auto;*/

	height:90px;

	/*background-color:#75A63B;*/	

}



#cookie_consent_div {

	padding: 15px;

	border: 1px solid #CCC;

	color: #ffffff;

	background-color: #CCC;

	margin:0px;

}



.text-danger, .text-danger:hover {

    /*color: #e74c3c;*/

	color:#eeb915;

}

#cookie_consent_div .description {

    font-style: normal;

    font-size: 1em;

    font-weight: normal;

}



/*experiment for blog page sidebars*/

#sidebar_box {

	border: 1px solid #ecf0f1;

	border-collapse: collapse;

	border-radius: 6px;

	width:260px;

	padding:5px;

	float:right;

	margin-left:10px;

}



#sidebar_title {

	/*width:240px;*/

	border-top-right-radius: 3px;

    border-top-left-radius: 3px;

	background-color: #75A63B;

	color: #ffffff;

	height:auto;

	padding:5px;

	font-weight:bold;

	text-align:center;



}

#displayphotos {

	width:100%;

}



/* EXTERNAL LINK from former version of site */

a.external_link {

background: url("http://www.promusa.org/img/icons/external_link.gif") no-repeat scroll right top transparent;

background-image: url("http://www.promusa.org/img/icons/external_link.gif");

background-repeat-x: no-repeat;

background-repeat-y: no-repeat;

background-attachment: scroll;

background-position-x: 100%;

background-position-y: 0%;

background-origin: initial;

background-clip: initial;

background-color: transparent;

padding-right: 12px;

}



.label-info {

    background-color: #cccccc;

}

/*for sticky background image*/

@media screen and (min-width: 992px) {

  body {

    background-image: url(male_bud_watermark.jpg);

    background-repeat:no-repeat;

    background-attachment: fixed;

    background-position:top right;

  }

} 





.middle_outer {

	background-color:transparent;

}



.post .postbody {

	background:transparent;

}

/**/

.musapedia_indent_additional_menu {

	

	padding-left:14px;

}

/* so background image shows through*/

#blogpost {

	background:transparent;

}



/* to make titles linkable on homepage*/

.titles_hp_sections2 > a {

	

	color:#FFF;

}



.titles_hp_sections2 > a:active a:hover {

	

	color:#FFF;

	text-decoration:underline;

}

/*  */



/*for new box on homepage above  news   */

#about{



	width: 100%;

	height: auto;

	background-color:#FFFFFF;

	/*margin-top:15px;*/

	margin-left: 0px;

	padding-top:12px;

	padding-bottom:12px;

	padding-left: 10px;

	border: 1px solid #ecf0f1;

	border-radius: 4px 4px 4px 4px;

}



.about a {



	margin-left:0px;

	color: #75A63B !important;

	text-align:left;

}

/* For sticky topbar not hiding link targets */

@media(min-width:768px){

  :target:before {

    content:" ";

    /* display:block; */

    height:81px; /* fixed header height*/

    margin:-81px 0 0; /* negative fixed header height */

    z-index: -1;

    visibility: hidden;

  }

  :target {

    padding-top: 81px;

    margin-top: -81px;

  }

}



@media(min-width:992px){

  :target:before {

    content:" ";

    /* display:block; */

    height:81px; /* fixed header height*/

    margin:-81px 0 0; /* negative fixed header height */

    z-index: -1;

    visibility: hidden;

  }

  :target {

    padding-top: 81px;

    margin-top: -81px;

  }

}



@media(min-width:1200px){

  :target:before {

    content:" ";

    /* display:block; */

    height:41px; /* fixed header height*/

    margin:-41px 0 0; /* negative fixed header height */

    z-index: -1;

    visibility: hidden;

  }

  :target {

    padding-top: 41px;

    margin-top: -41px;

  }

}



/*to hide arrows on homepage carousel slider*/

#homepagecarousel > .carousel-control  {

	visibility:hidden;

}



.more_homepage {

    font-family: Verdana, Helvetica, sans-serif;

	font-size: 15px;

	color: #000000 !important;

	text-decoration: none;



} 

/*added to house the sitemap so there could be a bit more space left and right */

.container_sitemap {

	margin-left:30px;

	margin-right: 30px;

}



.simplebox {

	border: 1px solid #75a63b;

	padding: 5px;

}

/*banana cultivar checklist export button */

.btn.btn-default.exportButton {

  display: table;

}


.timeline-Footer {
   display:none;
}


/*to remove toggle display on menu*/
#col2 img, #col3 img {
    max-width: 100%;
    height: auto;
    display: none;
}

/*to add border on twitter feed*/
#twitter {
	border: 1px solid rgba(15,70,100,.12);
    border-radius: 4px 4px 4px 4px;
}
#col2 img, #col3 img {
    max-width: 100%;
    height: auto;
    display: none;
}

/* for the sign-up box on the InfoMus@ home page*/
#module_188 {
	border-color: #eeb915;
	background-color: #eeb915;
	text-align:center;

}
.sign-up {
    font: 100%/1.5em Arial, Helvetica, sans-serif;
    margin-left: 0px;
    margin-right: 5px;
    color: #ffffff;
}
/*end sign up box*/

/*to remove the period (.) added after the link */

.footnotearea > div > span > a:first-child::after {
    content: none;
}
.footnotearea > div > span:first-child > a:first-child::after {
    content: ".";
}



/* to hide the icon display after blog post title*/
a.tiki_anchor{
    display: none;
}

