/* - ploneCustom.css - */
@media all {
/*  (do not remove this :) */
/*  (not this either :) */

body {
  background: #9CB387 url(https://rngr.net/forestBg.jpg) repeat-x fixed center bottom;
}

#federalShutdownBlock p{
display: none;
border: 1px solid grey;
padding: 16px;
background-color: #999999;
margin: 20px 0 20px;
color: #333333;
font-size: 18px;
}

iframe { max-width:100% !important; }

.flexRow { max-width:100%; display:flex; flex-direction:row; }
.flexItem { flex:1; }
.flexItem img { max-width:100%; height:auto; }
.flexItem.logo img, img.flexItem.logo { max-width:33%; display:block; margin:0 auto 12px; }
.flexItem.logo a, a.flexItem.logo { text-decoration:none; }
.flexItem.logo a:hover, a.flexItem.logo:hover { text-decoration:underline; }
.flexRow.padded .flexItem { margin:12px 2%; }
.flexRow.bottom { align-items:flex-end; }

#MobileOS { width:30%; float:right; }
#MobileOS .flexItem { width:50%; margin:0; flex:initial; }
#MobileOS .flexItem a { font-size:125%; line-height:125%; text-decoration:none; }
#MobileOS .flexItem a:hover strong { text-decoration:underline; }
#MobileOS .flexItem img { width:66%; margin-bottom:6px; }

#visual-portal-wrapper {
  background: #fff url(https://rngr.net/contentBg.gif) repeat-y;  /* #edeed2 */
  border-bottom: 1px solid #343416;
  margin: 1em auto;
  width: 800px;
}

#portal-logo {
  display: block;
  height: 151px;
  position: relative;
}

#portal-logo #portal-logo-banner {
  display: block;
  height: 151px;
  margin: 0;
  padding: 0;
  width: 800px;
}

#portal-logo #social-media {
  position: absolute;
  top: 8px;
  right: 8px;
}

#portal-logo #social-media a.icon {
  width: 36px;
  height: 36px;
  float: right;
  margin-left: 8px;
}

#portal-logo #social-media a.icon.facebook {
  background: url(https://rngr.net/icon-facebook.png) no-repeat top left;
}

#portal-globalnav {
  background: #cc9;
  border-top: 2px inset #cc9;
  border-bottom: 2px outset #cc9;
  line-height: 2em;
  margin-left: 23px;
  margin-right: 23px;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#portal-globalnav li {
  line-height: 2em;
  margin: 0;
}

#portal-globalnav li a, #portal-globalnav li.selected a {
  border: 0;
  line-height: 2em;
  text-transform: uppercase;
  font-size: 1.35em;
  color: #343416;
  margin-right: 0;
  padding: 0 .5em;
}

#portal-globalnav li.selected a, #portal-globalnav li.selected a:hover {
  color: #cc9;
  background-color: #343416;
  border: 1px outset #000;

}  

#portal-globalnav li a {
  border: 1px solid #cc9;
}

#portal-globalnav li a:hover {
  background-color: #edeed2;
  color: #343416;
  border: 1px outset #000;
}

#portal-searchbox {
  margin-top: 0;
  margin-right: .5em;
  line-height: 1.9em;
}

#portal-breadcrumbs {
  background: #343416;
  line-height: 2em;
  color: #edeed2;
  margin-left: 22px;
  margin-right: 22px;
  border: 0;
  text-transform: lowercase;
}

#portal-breadcrumbs a {
  color: #edeed2;
  text-transform: lowercase;
}

#promo {
  width:calc(100% - 45px);
  margin-left: 22px;
  margin-right: 23px;
  background: #edeed2 url(https://rngr.net/promoImage.jpg) no-repeat;
  height: 196px;
  display:flex; flex-direction:row; 
}

#promo > div { margin-top:12px; }
#promo > div ul { margin:0 0 0 1.5em }
#promo > div ul li { margin-bottom:2px; }

#rngr-mission {
  color: #fff;
  font-size: 110%;
  line-height: 125%;
  margin-left: 20px;
  margin-right: 100px; 
  flex:1;
}

#about-rngr {
  float: left;
  margin-top: 2em;
  width: 216px;
}

#popular-resources {
  flex:2;
  margin:0 1em;
  font-size:110%; 
  line-height:125%;
}

#employment-opportunities {
  flex:1.5;
  margin-right: 1em;
}

#rngr-mission h2 {
  color: #fff;
}

#rngr-mission h2, #about-rngr h2, #popular-resources h2 {
  border-bottom: 0;
}

/*
#portal-columns {
  margin-top: -4px;
}
*/

#portal-column-content {
  padding-left: 23px;
  padding-right: 23px;
}

.section-publications #portal-column-content, .section-resources #portal-column-content, .section-about #portal-column-content, .section-inc #portal-column-content {
  padding-left: 1em;
}

.section-admin #content form fieldset legend { font-size:120%; line-height:125%; font-weight:bold; }
.section-admin #content form fieldset strong { color:#556439; font-style:italic; }

#portal-column-content #content { position:relative; }

#portal-footer {
  background: #CC9;
  border-left: 1px solid #343416;
  border-right: 1px solid #343416;
  border: 0;
  margin: 0;
  padding: .7em 0 1em;
  -moz-border-radius-bottomleft: .5em;
  -moz-border-radius-bottomright: .5em;
  -webkit-border-bottom-left-radius: .5em;
  -webkit-border-bottom-right-radius: .5em;
}

#portal-footer a {
  color: #343416;
  text-decoration: underline;
}


#portal-column-one .visualPadding {
  background: #CC9;
  margin:0 0 1em 23px;
  padding: 0;
  -moz-border-radius-bottomright: .5em;
  -webkit-border-bottom-right-radius: .5em;
}

#submenu {
  padding: 0;
}

#submenu ul {
  list-style: none;
  margin-top: 0;
}

#submenu li {
  padding-bottom: 0;
}

#submenu a {
  border-bottom: 2px groove #343416;
  color: #343416;
  display: block;
  font-size: 1.05em;
  padding: .5em;
  text-decoration: none;
  white-space: no-wrap;
}

#submenu a:hover {
  background: #343416;
  color: #CC9;
}

#portal-personaltools {
  background: #343416;
  border: 0;
  color: #fff;
}
#portal-personaltools li a {
  color: #fff;
}

#portal-personaltools, #portal-personaltools-wrapper, #visual-portal-wrapper {
  -moz-border-radius-bottomleft: .5em;
  -moz-border-radius-bottomright: .5em;
  -webkit-border-bottom-left: .5em;
  -webkit-border-bottom-right: .5em;
}

#portal-searchbox .searchSection, #portal-colophon, .managePortletsFallback {
  display: none;
}


.contentViews li a {
  background: #fff;
}



body.template-front-page #portal-column-content {
  padding-top: 0;
}

body.template-front-page #portal-column-content .flexRow { width:100%; display:flex; flex-direction:row; }
body.template-front-page #portal-column-content .flexRow .sep { width:24px; background:#343412; }

#home-news-events { 
  /*background: url(https://rngr.net/menuNewsEvents.gif) no-repeat top center;
  border-right: 23px solid #343412;
  float: left;
  padding-top: 43px;
  width: 369px;*/
  flex:1;
}

#home-publications { 
  /*background: url(https://rngr.net/menuPublications.gif) no-repeat top center;
  float: left;
  padding-top: 43px;
  width: 362px;*/
  flex:1;
}

#home-publications h2, #home-news-events h2 {
  background:#cc9; border:0; text-align:center; text-transform:uppercase; letter-spacing:1px; font-weight:normal; margin:24px 0 0; padding:8px 0; 
  font-family:Verdana; font-size:200%; line-height:100%; color:#3b3a1c; 
}

#home-publications h2:first-of-type, #home-news-events h2:first-of-type { margin-top:0; }

#home-publications .wrapper, #home-news-events .wrapper {
  margin: 12px 1.5em 18px;
}

#home-publications ul, #home-news-events ul {
  width: calc(100% - 2em);
  margin: 0;
  padding: 0 1em;
}

#header-pic {
  background: #fff;
  float: right;
  padding: 0 .5em 1em;
}

#search-wrapper,
#npn-search-wrapper {
  background:#343416;
  color:#cc9;
  padding: 1em;
  text-align: right;
  xborder-radius: 1em;
  -xmoz-border-radius: 1em;
  -xwebkit-border-radius: 1em;
}

#npn-search-wrapper {
    background: #4f8921 !important;
}

#search-wrapper h3 {
  border-bottom: 1px solid #fff;
  color: #fff;
  padding-bottom: 3px;
  margin-bottom: .5em;
  text-align: left;
}

#AdvancedSearchForm form#searchform input[type="text"] { width:97%; margin:4px 0; padding:5px 1.5%; border-radius:6px; }
#AdvancedSearchForm form#searchform select { width:50%; margin:4px 0; padding:4px 0.5%; border-radius:6px; }
#AdvancedSearchForm form#searchform .field.author { position:relative; }
#AdvancedSearchForm form#searchform .field.author #AuthorContainer { width:100%; background:#fff; box-shadow:0 0 12px #000; position:absolute; }
#AdvancedSearchForm form#searchform .field.author #AuthorContainer a { display:block; padding:4px 1%; }
#AdvancedSearchForm form#searchform .field.author #AuthorContainer a:hover { background:#ccc; color:#fff; cursor:pointer; }

#AdvancedSearchForm { margin:8px 0; }
#AdvancedSearchForm form#searchform { display:flex; flex-direction:column; }
#AdvancedSearchForm form#searchform .field { display:flex; align-items:center; justify-content:justify; }
#AdvancedSearchForm form#searchform .field label { min-width:112px; white-space:nowrap; margin-right:12px; font-weight:normal; }
#AdvancedSearchForm form#searchform .field label::after { content:":"; }
#AdvancedSearchForm form#searchform .field .formHelp { display:none; }
#AdvancedSearchForm form#searchform .field input[type="text"] { flex:1; }
#AdvancedSearchForm form#searchform .field select { max-width:400px; flex:1; }
#AdvancedSearchForm form#searchform .field.authorOptions label { align-self:flex-start; }
#AdvancedSearchForm form#searchform .field.authorOptions label::after { display:none; }
#AdvancedSearchForm form#searchform .field.range { width:400px; }
#AdvancedSearchForm form#searchform .field.range label { min-width:auto; margin:0 4px 0 12px; }
#AdvancedSearchForm form#searchform .formControls input[type="submit"] { background:White url(https://rngr.net/input_background.gif) repeat-x; border:1px solid #ddd; border-color:#666 #ddd #ddd #666; margin:0 12px 2px; padding:2px 7px; }
#AdvancedSearchForm .options { width:100%; color:#eee; margin:0; padding:0; float:left; clear:both; }
#AdvancedSearchForm .options .list { flex-direction:column; }
#AdvancedSearchForm .options .list .author { width:30%; float:left; text-align:left; padding-right:3% }
#AdvancedSearchForm .options .list .author input[type="submit"] { background:none; border:none; color:#eee; margin:0; padding:0; }
#AdvancedSearchForm .options .list .author input[type="submit"]:hover { text-decoration:underline; cursor:pointer; }

.wrapper-right,
.npn-wrapper-right {
  float: right;
  margin: .5em 0 .5em 1em;
  width: 225px;
}
.npn-wrapper-right {
    width: 280px;
}

.fieldLegend {
  font-weight: bold;
}

ul.bordered-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

ul.bordered-list li {
  border-bottom: 3px solid #343416;
  padding-bottom: .5em;
}

ul.bordered-list a {
  font-weight: bold;
  font-size: 1.15em;
}

ul.bordered-list p {
  margin-left: 3em;
  margin-top: .75em;
}

a.highlight {
  font-size: 1.1em;
  font-weight: bold;
}

div.about-header {
  background: #95A663;
  color: #fff;
  font-weight: bold;
  padding: .5em;
}

.person-info {
  border-bottom: 4px solid gray;
  padding: .5em;
}


div.small_text {
  font-size: .95em;
  margin-top: .75em;
}


table td.left-padding {
  padding-right: 1em;
}

.highlight-area li {
  display: inline;
  float: right;
  list-style: none;
  text-align: right;
}
.highlight-area li a, .highlight-area li a:visited {
  background:#343416;
  border: 0;
  color:#cc9;
  display: block;
  padding: .5em 1em;
  text-decoration: none;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}

.highlight-area li a:hover {
  background:#cc9;
  color:#343416;
}

#subscribe .field {
  clear: none;
  margin-right: 0;
  padding: .9em;
}

#subscribe input.large, #subscribe .fieldLabel {
  font-size: 1.2em;
  padding-left: 3px;
}

#subscribe input {
  border:1px solid rgba(0,0,0, 0.2);
  outline:none;
  
  border-radius:.5em;
  -webkit-border-radius:.5em;
  -moz-border-radius:.5em;

  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
}

#subscribe input:focus {
  border:1px solid rgba(0,0,255, 0.8); 
  box-shadow: 0 0 5px rgba(0, 0, 255, 1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1); 
  -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
}

#subscribe .field label {
  font-size: 1.15em;
  margin-bottom: .3em;
}

#subscribe .formHelp {
  margin-top: .5em;
}

#subscribe input {
  font-size: 1.1em;
}


.form-highlight {
  background: #EDEED2;
  -moz-border-radius: .75em;
  -webkit-border-radius: .75em;
  border-radius: .75em;
}

.form-highlight .fieldRequired {
  color: #EDEED2;
}

.form-identifier {
  padding-bottom: 1.2em;
  padding-left: .3em;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.no-height {
  font-size: 0;
  height: 0;
  margin: 0;
  max-height: 0;
  padding: 0;
}

.centered {
  text-align: center;
}

select { max-width:480px; overflow:hidden !important; }

#subscribe .form-button {

  background-color: #EDEED2;
  color: #343416;
  cursor: pointer;
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 1em;
  padding: .5em 1em;

  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;

  -webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);

  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    color-stop(.45, #EDEED2),
    to(#EDEED2)
  );

  background: -moz-linear-gradient(top, #fff, #EDEED2 45%);

  -webkit-transition-property: all;
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-in-out;

}

#subscribe .form-button:hover {

  background-color: #343416;
  color: #EDEED2;
  padding: .5em 3em;

  background: -moz-linear-gradient(top, #fff, #343416 45%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    color-stop(.45, #343416),
    to(#343416)
  );

  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);

}

.flickrGallery a.hdr img { float:left; margin-right:8px; position:relative; top:18px; }
.flickrGallery a.hdr { text-decoration:none !important; }
.flickrGallery a.hdr:hover h1 { color:#436976 !important; }

.flickrGallery .photos {
  margin:24px auto;
}

.flickrGallery .photos a {
  width:160px;
  height:200px;
  float:left;
  text-align:center;
  text-decoration:none;
  margin:0 8px;
}

.flickrGallery .photos a img {
  margin:0 auto;
  display:block;
}

.flickrGallery .photos a strong {
  margin:12px auto;
  text-align:center;
  display:block;
}

.flickrGallery .photos a:hover { 
  text-decoration:underline; 
}

.section-resources form#map-results .current { border:solid 1px #8cacbb; border-width:1px 1px 0; background:#dee7ec; float:left; margin:0 8px 0 0; padding:4px 12px 6px; }
.section-resources form#map-results input[type="submit"] { border:solid 1px #8cacbb; border-width:1px 1px 0; background:none; color:#436976; margin:0 8px 0 0; padding:4px 12px 6px; float:left; cursor:pointer; }
.section-resources form#map-results input[type="submit"]:hover { text-decoration:underline; }
.section-resources #MapCanvasBanner { width:100% !important; height:13px; border:solid 1px #8cacbb; background:#dee7ec; float:left; clear:both; }
.section-resources form#map-results .export { width:16px; height:16px; line-height:16px; background:url(https://rngr.net/icon-excel.png) no-repeat; float:right; clear:right; }

.section-resources.template-directory_folder_index_html .listingBar { width:95%; float:left; clear:both; }
.section-resources.template-directory_folder_index_html form#map-results { width:100%; position:relative; top:12px; float:left; clear:both; }
.section-resources.template-directory_folder_index_html #MapCanvasBanner { margin:11px 0 12px; }

.section-resources.template-directory_map_view form#map-results { position:relative; top:1px; clear:both; }

/* Google Map */
.template-directory_map_view #content { padding-bottom:8px; }
.template-directory_map_view #MapCanvasBanner { border-width:1px 1px 0; }
.template-directory_map_view #MapCanvasWrapper { width:100% !important; height:500px !important; border:solid 1px #8cacbb; border-width:0 1px 1px; }
.template-directory_map_view #MapCanvas { width:100% !important; height:100% !important; }
.template-directory_map_view .gm-style-iw { height:auto !important; float:left; overflow:visible !important; }
.template-directory_map_view .gm-style-iw * { overflow:visible !important; }
.template-directory_map_view .gm-style-iw a.title { color:#000; font-weight:bold; text-decoration:none; }
.template-directory_map_view .gm-style-iw a.title:hover { text-decoration:underline; }
.template-directory_map_view .gm-style-iw .contact { margin-top:8px; }
.template-directory_map_view .gm-style-iw .actions { width:100%; height:18px; border-top:solid 1px #666; margin-top:12px; padding-top:6px; float:left; clear:both; }
.template-directory_map_view .gm-style-iw .actions a { font-size:12px; text-decoration:none; float:left; }
.template-directory_map_view .gm-style-iw .actions a:hover { text-decoration:underline; }
.template-directory_map_view .gm-style-iw .actions a.home { float:right; margin-left:12px; }

.template-tropical_publications_index ul { list-style:none; margin-left:0; }
.template-tropical_publications_index ul.pubs li { margin-bottom:12px; }
.template-tropical_publications_index ul.pubs li a { font-weight:bold; }
.template-tropical_publications_index ul.pubs li ul { list-style:disc; margin:6px 0 0 20px; }
.template-tropical_publications_index ul.pubs li ul li { margin-bottom:6px; font-style:italic; }

.template-ampub_view h1 p {
  margin:0;
  line-height:23px;
}

.template-emailDirectory form input[type="submit"] { width:120px; margin-right:27px; float:right; }
.template-emailDirectory form fieldset { padding-top:8px; }
.template-emailDirectory form fieldset .field label { display:block; }
.template-emailDirectory form fieldset .field select { width:689px; padding:3px 2px 2px; }
.template-emailDirectory form fieldset .field input[type="text"] { width:675px; padding:3px 6px 2px; }
.template-emailDirectory form fieldset .field textarea { width:675px; padding:3px 6px 2px; }
.template-emailDirectory form fieldset .field textarea#nurseries { height:150px; }
.template-emailDirectory form fieldset#testInfo .field { width:687px; float:left; clear:none; }
.template-emailDirectory form fieldset#testInfo .field input[type="text"] { width:538px; float:left; }
.template-emailDirectory form fieldset#testInfo .field input[type="submit"] { margin-right:0; }

.template-nllfolder_view h3 { margin:24px 0 12px; }
.template-nllfolder_view a.show { float:right; position:relative; top:8px; text-decoration:none; }
.template-nllfolder_view a.show:hover { text-decoration:underline; }

.template-nnlfolder_view h3 { margin:24px 0 12px; }
.template-nnlfolder_view a.show { float:right; position:relative; top:8px; text-decoration:none; }
.template-nnlfolder_view a.show:hover { text-decoration:underline; }
.template-nnlfolder_view form.categoryNav select { border-color:#ccc; width:100%; max-width:100%; font-weight:bold; font-family:"Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; font-size:125%; margin:20px 0 8px; padding:4px 0; cursor:pointer; }
.template-nnlfolder_view form.categoryNav select:hover { border-color:#666; }

.template-apps_view #Apps { margin:0 auto 12px; }
.template-apps_view #Apps .app { display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; margin-top:36px; }
.template-apps_view #Apps .app:first-child { margin-top:24px; }
.template-apps_view #Apps .app .icon { flex:2; }
.template-apps_view #Apps .app .icon img { width:calc(100% - 2em); height:auto; display:block; box-shadow:4px 4px 8px #999; border-radius:20%; }
.template-apps_view #Apps .app .desc { flex:5; }
.template-apps_view #Apps .app .desc h2 { margin-top:0; }
.template-apps_view #Apps .app .desc .disclaimer { border:solid 1px #666; border-radius:4px; color:#666; font-style:italic; padding:8px 1em 0; }
.template-apps_view #Apps .app .links { flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-end; }
.template-apps_view #Apps .app .links a { width:calc(100% - 2em); display:block; margin-bottom:18px; text-decoration:none; text-align:center; }
.template-apps_view #Apps .app .links a img { width:100%; height:auto; }
.template-apps_view #Apps .app .links a strong { margin-top:6px; transition:all 0.25s ease-in-out; }
.template-apps_view #Apps .app .links a:hover strong { text-decoration:underline; }
.template-apps_view #Apps .app .links a:last-child { margin-bottom:0; }

.template-job_listing_index #content .callout { background:#cccc99; color:#343416; width:33%; margin:0 0 12px 1em; padding:12px 1em; float:right; }
.template-job_listing_index #content .callout h3 { font-size:120%; line-height:125%; color:#343416; margin:0 0 8px; }
.template-job_listing_index #content .callout a { color:#343416; text-decoration:none; }
.template-job_listing_index #content .callout a:hover { text-decoration:underline; }
.template-job_listing_index #content .callout em { font-size:85%; line-height:125%; color:#666; text-align:center; border-top:solid 1px #666; margin:24px 0 0; padding:8px 0 0; display:block }
.template-job_listing_index #content .job { margin-top:12px; }

.template-job_listing_edit form .required-message { color:#F00; text-align:right; margin-top:6px; position:relative; top:6px; }

.template-job_listing_edit form fieldset { border-color:#ccc; border-radius:6px; background-color:#eee; margin:12px 0 0; padding:8px 1em 12px; }
.template-job_listing_edit form fieldset:first-of-type { margin-top:0; }
.template-job_listing_edit form fieldset legend { border:solid 1px #ccc; font-weight:bold; font-size:100%; line-height:100%; }
.template-job_listing_edit form fieldset > .flexRow { margin-top:8px; }
.template-job_listing_edit form fieldset > .flexRow:first-of-type { margin-top:0; }

.template-job_listing_edit form .flexRow { width:100%; }
.template-job_listing_edit form .flexRow > fieldset,
.template-job_listing_edit form .flexRow > .field { flex:1; margin:0 0.5em; }
.template-job_listing_edit form .flexRow > fieldset:first-child,
.template-job_listing_edit form .flexRow > .field:first-child { margin-left:0 !important; }
.template-job_listing_edit form .flexRow > fieldset:last-child,
.template-job_listing_edit form .flexRow > .field:last-child { margin-right:0 !important; }
.template-job_listing_edit form .flexRow .flexRow { margin-bottom:8px; }
.template-job_listing_edit form .flexRow .flexRow > fieldset,
.template-job_listing_edit form .flexRow .flexRow > .field { flex:1; margin:0 0.25em; }
.template-job_listing_edit form .flexRow fieldset { margin-top:12px; }

.template-job_listing_edit form .field { margin:0 0 8px; }
.template-job_listing_edit form .field .formQuestion { }
.template-job_listing_edit form .field .fieldRequired { background:none; color:#F00; font-weight:bold; padding:0; }
.template-job_listing_edit form .field input[type="text"],
.template-job_listing_edit form .field select,
.template-job_listing_edit form .field textarea { width:calc(100% - 1em); background:#fff url(https://rngr.net/input_background.gif) repeat-x; border:1px solid #ddd; border-color:#666 #ddd #ddd #666; margin:4px 0 0; padding:3px 0.5em; font-family:"Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; }
.template-job_listing_edit form .field select { padding-top:2px; padding-bottom:2px; }
.template-job_listing_edit form .field select.empty,
.template-job_listing_edit form .field .inputLabelActive,
.template-job_listing_edit form .field.state select option:first-child { color:#76797c !important; }
.template-job_listing_edit form .field.disabled input[type="text"],
.template-job_listing_edit form .field.disabled textarea,
.template-job_listing_edit form .field.disabled select { background:transparent; color:#666; }
.template-job_listing_edit form .field.error { width:calc(100% - 1em - 2px); }
.template-job_listing_edit form .field.error .fieldErrorBox { color:#f00; font-weight:bold; }

.template-job_listing_edit form fieldset#BusinessInformation .flexRow { flex-wrap:wrap; }
.template-job_listing_edit form fieldset#BusinessInformation .flexRow > .field:nth-child(3) { margin-right:0 !important; }
.template-job_listing_edit form fieldset#BusinessInformation .flexRow > .field:last-child { flex-basis:100%; margin:18px 0 !important; }

.template-job_listing_edit form .fieldControls { display:flex; flex-direction:row; margin:24px 0 0; }
.template-job_listing_edit form .fieldControls input[type="submit"] { width:100%; background:#343416; border:none; border-radius:6px; color:#edeed2; font-size:110%; line-height:125%; flex:1; text-align:center; display:flex; align-items:center; justify-content:center; margin:0 1em; padding:8px 1em; cursor:pointer; outline-offset:2px; opacity:0.9; outline:solid 2px transparent !important; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
.template-job_listing_edit form .fieldControls input[type="submit"]:hover { color:#fff; outline:solid 2px #343416 !important; opacity:1; }

img.align-top {
  vertical-align: text-top;
}

img.noborder { border:none !important; }

div.entry {
  clear: both;
  padding-top: 1em;
}

div.entry:first-child { padding-top:0; }

.clear {
  clear: both;
}

fieldset.admin { border-color:#ccc; color:#999; }
fieldset.admin:hover { border-color:#000; color:#000; }

.image-shadow,
.image-shadow-left,
.image-shadow-right {
    border: none !important;
    box-shadow: 2px 3px 4px grey;
    -webkit-box-shadow: 2px 3px 4px grey;
    -moz-box-shadow: 2px 3px 4px grey;
    box-shadow: 5px 5px 8px 1px grey;
    -webkit-box-shadow: 5px 5px 8px 1px grey;
    -moz-box-shadow: 5px 5px 8px 1px grey;
    margin-bottom: 4px;
    margin-top: 4px;
}
.image-right,
.image-shadow-right {
    float: right;
    margin-left: 10px;
}
.image-left,
.image-shadow-left {
    float: left;
    margin-right: 10px;
}

.image-left.logo { border:none; }

.image-right.small { max-width:20%; height:auto; }

.indent {
    padding-left: 16px;
    border: none !important;
    color: #3F3F3F;
    margin: 0;
}

.section-npn dt .selected {
    color: white;
}


.hidden {
    display: none;
}

dl.collapsible {
    border: none !important;
    margin: 0;
}

#left-menu dl.collapsedBlockCollapsible dt.collapsibleHeader {
    background: none !important;
}
#left-menu dl.expandedInlineCollapsible dt.collapsibleHeader, 
#left-menu dl.expandedBlockCollapsible dt.collapsibleHeader {
    background: none !important;
}

#left-menu dl.collapsible dd.collapsibleContent {
    padding: 0;
    font-size: 17px;
    font-weight: normal;
    font-family:"Trebuchet MS",Helvetica,sans-serif;
    font-family:"Helvetica",Helvetica,Arial,sans-serif;
    color:#363636;
    padding: 0px;
    text-decoration:none;
    text-transform:uppercase;
    padding-right: 4px;
    margin-left: 8px;
}
#left-menu dl.borderBottom {
    border-bottom: none !important;
    padding: 4px 0;
    margin: 0;
}

#left-menu dl.collapsible dt.collapsibleHeader {
    margin: 0;
    top: 0;
    font-size: 17px;
    font-weight: bold;
    font-family:"Trebuchet MS",Helvetica,sans-serif;
    font-family:"Helvetica",Helvetica,Arial,sans-serif;
    color:#363636;
    padding: 10px 0 0 12px;
    text-decoration:none;
    text-transform:uppercase;
    background-color: transparent;
}

#left-menu dl.expandedInlineCollapsible dt.collapsibleHeader,
#left-menu dl.expandedBlockCollapsible dt.collapsibleHeader {
    xbackground: transparent url(treeExpanded.gif) no-repeat scroll 12px 50% !important;
    font-weight: bold;
    padding: 4px 0px 4px 12px;
    line-height: 1.2em;
    float: none;
    position: static;
}
#left-menu dl.collapsedBlockCollapsible dt.collapsibleHeader {
    xbackground: transparent url(treeCollapsed.gif) no-repeat scroll 12px 50% !important; 
    height: auto !important;   
    padding: 4px 0px 4px 12px;
    line-height: 1.2em;
    float: none;
    position: static;
}

#left-menu dl.collapsedBlockCollapsible {
    height: auto !important;
}

.leftMenu
.leftMenu2 {
    line-height: 1.2em;
    margin: 0;
    padding: 0;
}
.leftMenu p {
    border-bottom: solid 1px #E6F2D0;
    padding: 9px 10px;
    margin: 0px;
}
.leftMenu p a {
    font-size: 15px;
    color: #363636;
    text-decoration: none;
    line-height: 1.2em;
    font-family:"Trebuchet MS",Helvetica, sans-serif;
    font-family:"Helvetica",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}
.leftMenu p:hover {
    background-color: transparent;
}
.leftMenu H5 {
    text-decoration: underline;
    color:#18899D;
    font-size:14px;
    margin-left:12px;
    padding-bottom:4px;
}

.leftMenu li, 
.leftMenu2 li{
    padding: 0px;
    margin: 0px;
    display:inline;
}
 
.leftMenu li a, 
.leftMenu2 li a, 
.leftMenu a, 
.leftMenu2 a{
    font-size: 17px;
    color: #363636;
    text-decoration: none;
    font-family:"Trebuchet MS",Helvetica, sans-serif;
    font-family:"Helvetica",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    display:block;
    padding: 2px 0px 2px 12px;
    font-weight: bold;
}
.leftMenu2 li a {
    font-size: 13px;
}
 
.leftMenu li a, 
.leftMenu2 li a {
    padding: 0px 0px 0px 12px;
}

.leftMenu li a:hover, 
.leftMenu2 li a:hover, 
.leftMenu a:hover {
    background-color: transparent;
    color: #212121;
    font-weight: bold;
}

.leftMenu2 {
    margin-top: 0px;
    padding-bottom: 0px;
}

.leftMenu2 li {
}

.leftMenu2 li a {
    color: #5C5C5E;
    line-height: 15px;
    margin-bottom: 10px;
    margin-top: 4px;
    padding-left: 12px;
    padding-right: 0;
    text-transform: none;
}

.leftMenu2 li a:hover {
}

.npnCoverImg {
    border: 2px solid grey;
}

.section-npn.template-atct_edit #portal-column-one {
    display: none;
}

/* Hide hours/minutes on Calendar Widget 
.template-atct_edit form .field.ArchetypesCalendarWidget .plone_jscalendar  span:nth-of-type(5), 
.template-atct_edit form .field.ArchetypesCalendarWidget .plone_jscalendar  span:nth-of-type(6), 
.template-atct_edit form .field.ArchetypesCalendarWidget .plone_jscalendar  span:nth-of-type(7), 
.template-atct_edit form .field.ArchetypesCalendarWidget .plone_jscalendar  span:nth-of-type(8) { display:none; }
*/

#npn_protocol-base-edit div {
    margin-left: 30px;
}

#archetypes-fieldname-label_protocolTitle {
    color: white;
    font-size: 126%;
    margin-top: 17px;
    padding: 5px 0;
    text-align: center;
}
#archetypes-fieldname-label_protocolTitle label {
    background-color: #4a7200;
    border-radius: 40px 40px 0 0;
    font-weight: normal;
    padding: 7px 42px;
}

#archetypes-fieldname-label_title {
    background-color: #4a7200;
    border-radius: 40px 40px 0 0;
    font-weight: bold;
    padding: 0 0 14px;
    margin: -20px 0 0;;
    color: white;
    text-align: center;
    font-size: 128%;
    line-height: 1em;
    box-shadow: 4px 4px 3px grey;
}
#archetypes-fieldname-label_title label {
    display: none;
}

#archetypes-fieldname-label_familyNames,
#archetypes-fieldname-label_scientificNames,
#archetypes-fieldname-label_commonSynonym,
#archetypes-fieldname-label_otherInfo,
#archetypes-fieldname-label_adminInfo {
    background-color: #4F4F4F;
    color: white;
    font-size: 120%;
    margin-left: 0 !important;
    margin-top: 18px;
    border-radius: 6px;
    padding: 3px 0 3px 28px;
    background: -webkit-linear-gradient(left, #4f4f4f,#D0D0D0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #4f4f4f,#D0D0D0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #4f4f4f,#D0D0D0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #4f4f4f,#D0D0D0 ); /* Standard syntax */
}
#archetypes-fieldname-label_citation {
    background-color: #EDEED2;
    padding: 10px;
}


#npn_protocol-base-edit select{
   xxheight: 340px;
}

#npn_protocol-base-edit #authors_help {
    margin-left: 0 !important;
}
#npn_protocol-base-edit #authors,
#npn_protocol-base-edit #archetypes-fieldname-refer div
 {
    margin-left: 0 !important;
}

#authors_link {
    margin-top: 4px;
    border-radius: 4px;
    background-color: #DEE5C3;
}

.documentEditable * .context,
.context,
.standalone,
.documentEditable * .standalone {
  border-radius: 4px;
}

.floatLeft {
    float: left;
}

.xtemplate-npn_login_form #portal-personaltools li a,
.xtemplate-npn_login_failed #portal-personaltools li a{
    display: none;
}
.template-npn_login_form #portal-searchbox,
.template-npn_login_failed #portal-searchbox {
    display: none;
}

#npnlogin-column1 {
    float:left;
}

#npnlogin-column2 h1 {
    margin-bottom: 30px;
    font-weight: bold;
}

#npnlogin-column2 {
    margin-left: 200px;
}

#npnlogin-column2 input {
    border-radius: 8px;
    padding-left: 8px;
    margin-top: 5px;
}

#NPNMainSection {
    min-height: 350px;
}
#NPNMainSection h1 {
    font-size: 22px;
}
#NPNMainSection p {
    font-size: 15px;
}
#NPNMainLinks {
    margin-top: 42px;
}
#NPNMainLinks a {
    padding-left: 22px;
    text-decoration: none;
}
#NPNMainLinks img {
  border:1px solid grey; 
  box-shadow: 2px 2px 3px grey;
  -webkit-box-shadow: 2px 2px 3px grey; 
  -moz-box-shadow: 2px 2px 3px grey;
}

#NPNPage {
    color: #212121;
    font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
}

#NPNPageHeading {
}

#NPNPageBody {
}

#NPNIssueListingPage,
#NPNArticleDetailsPage {
    margin-top: 18px;
}

.NPNItemTitle {
    font-size: 16px;
    font-weight: bold;
    clear: right;
    margin-top: 20px;
}
.NPNItemSubTitle {
    font-size: 110%;
}

#NPNIssueListingPage .NPNItemImage,
#NPNArticleDetailsPage .NPNItemImage {
    box-shadow: 3px 2px 2px grey;
    float: right;
    margin: 0 4px 10px 8px;
}

.protocolName #npn-table-cell {
    font-weight: bold;
    color: #436976;
}
.protocolName #npn-table-cell.notApproved {
    color: #e0572a !important;
}

.NPNDiscreet,
.NPNDiscreetEditable {
    color: #5c5c5e;
    font-size: 77%;
    font-weight: normal;    
}
.protocolName #npn-table-cell.NPNDiscreetEditable {
    font-size: 9px;
    color: green;
    font-weight: normal;
}
.NPNBold {
    font-weight: bold;
}
.NPNIndent {
    margin-left: 12px;
}

#NPNIssueListingPage ul li {
    margin-left: 12px;

}
#NPNIssueListingPage ul li a {
}
 
.template-renderNPNProtocolDetails #content-views,
.template-renderNPNProtocolDetails .contentActions {
    display: none;
}

.template-renderNPNProtocolDetails th {
    word-break: break-all;
    word-break: keep-all;
    font-weight: normal;
    padding-left: 6px;
}

.section-npn.template-renderNPNPropagatorListing .contentActions,
.section-npn.template-renderNPNPropagatorListing .contentViews,
.section-npn.template-renderNPNStateListing .contentActions,
.section-npn.template-renderNPNStateListing .contentViews,
.section-npn.template-renderNPNAuthorListing .contentActions,
.section-npn.template-renderNPNAuthorListing .contentViews,
.section-npn.template-renderNPNCompanyListing .contentActions,
.section-npn.template-renderNPNCompanyListing .contentViews {
    display: none;
}

.section-npn.template-renderNPNProtocolListing .contentActions,
.section-npn.template-renderNPNAddEditProtocols .contentActions,
.section-npn.template-renderNPNProtocolListing .contentViews,
.section-npn.template-renderNPNAddEditProtocols .contentViews  {
    display: none;
}

.template-renderNPNProtocolListing .export { width:16px; height:16px; line-height:16px; background:url(https://rngr.net/icon-excel.png) no-repeat; float:right; clear:right; position:relative; top:12px; }


.template-renderNPNProtocolListing select,
.template-renderNPNAddEditProtocols select,
.template-renderNPNCompanyListing select {
    max-width: 100%;
}
.template-renderNPNProtocolListing h3,
.template-renderNPNAddEditProtocols h3,
.template-renderNPNCompanyListing h3 {
    margin-top: 2px;
    font-size: 128%;
    color: #363636;
    font-weight: normal;
}

.section-npn.template-npn_password_form #portal-column-one
{
    display: none;
}

#npn-search-wrapper {
    font: 12px Futura, âCentury Gothicâ, AppleGothic, sans-serif !important;
    line-height: 12px;
    padding: 0;
}
#npn-search-wrapper .criteria {
    padding: 2px 12px;
    margin-bottom: 12px;
}

#npn-search-wrapper select,
#npn-search-wrapper text {
    font-size: 12px !important;
}

#npn-search-wrapper h3 {
    color: #FFFFED;
    background-color: #333333;
    margin: 0 0 14px 0;
    padding: 8px 14px;
    text-align: right;
}
.template-renderNPNProtocolListing hr,
.template-renderNPNAddEditProtocols hr,
.template-renderNPNCompanyListing hr {
    background-color: grey; 
}
.section-npn h1 {
    font: Lucida Sans Unicode;
}

.section-npn .documentActions {
    visibility: hidden;
}

xxx.template-renderNPNProtocolDetails .documentActions {
    visibility: normal;
}

xxxxx.section-npn h1 {
    background-image: url("NPN_Grass_Logo2.png");
    background-repeat: no-repeat;
    margin-right: 347px;
    text-align: center;   
}
.npn-search-submit,
.npn-button {
    xborder-radius: 6px;
    border-color: #666666;
    background: #4aacc5 url("/search_icon.gif") no-repeat scroll 2px 1px;
    padding-left: 18px;
    font-size: 90% !important;
    margin-top: 10px;
    color: white;
}
.npn-search-submit:hover,
.npn-button:hover {
    text-shadow: 2px 2px 3px grey;
}
.section-npn.template-renderNPNAddEditProtocols .intro {
    font-size: 120%;
    line-height: 18px;
}
.section-npn. .protocolName {
    padding: 2px 0 2px;
    line-height: 13px;
}

.npn-button {
    background: #4aacc5;
    border-color: #666666;
    box-shadow: 3px 3px 4px grey;
    color: white
}

.brown-button {
    border-radius: 6px;
    background: #343416;
    padding: 6px 0; 
    text-align:center;
    font-size: 90% !important;
    font-weight: bold;
    margin: 18px 33% 12px;     
    color: #cc9;
    display:block;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}
.brown-button:hover {
    background: #cc9;
    color: #343416;
}


#npn-search-results h3{
    font-weight: bold;
}
.npn-protocol-logo {
    margin-bottom: -23px;
    height: 60px;
}


.npn-table-listing {
    border-bottom: 1px solid #8fad74;
    border-left: 1px solid #8fad74;
    border-right: 1px solid #8fad74;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 86%;
    margin: 1em 0;
}
.npn-table-listing th {
    background: #b6cc8a none repeat scroll 0 0;
    border-bottom: 1px solid #8fad74;
    border-right: 1px solid #8fad74;
    border-top: 1px solid #8fad74;
    font-weight: normal;
    padding: .25em .5em;
    text-transform: none;
}
.npn-table-listing tr td a {
    text-decoration: none;
    border-bottom: none;

}
.npn-table-listing.odd {
    background-color: transparent;
}
.non-table-listing.even {
    background-color: #f6fae4;
}
    
.red {
    color: red;
}
.bold {
    font-weight: bold;
}
#membersOnly { }

#membersOnly hr {
    margin: 10px 2px;
    background-color: #496f00;
}
#membersOnly dl a {
    color: brown;
}

#printButton {
    float: right;
}
.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}
.mainLink {
    margin-bottom: 20px;
}
.mainLink a {
    font-weight: bold;
}
.mainLink p {
    font-size: 90% 
    margin-top: 4px;
    margin-left: 14px;
}
.section-resources iframe.youtube {
   margin-left: 42px;
   margin-bottom: 16px;
}

.memberList dt {
    color: #666666;
    margin-left: 14px;
}
.inactiveMember {
    color: orange;
}
.section-npn .contentViews #contentview-edit {
    display: none;
}

.template-reset-nursery-listing-types .formControls { text-align:center; }
.template-reset-nursery-listing-types .formControls input { width:20%; background-image:none; font-size:14px; line-height:24px; margin:12px 4% 0; padding:0; }

.statusMenuHeader {
    font-weight: normal;
}
.statusMenuHeader a {
    text-decoration: none;
    color: #eee4cc;
}

.label-status-published {
}
.label-status-pending {
}
.label-status-denied {
}

.statusMenu {
    display:block;
    background-color: #2c72fd;
    line-height: 25px;
    margin: -26px 0 0 68px;
    max-width: 184px;
    padding: 0 6px 0 10px;
    width: auto;
    text-decoration: none;
    position: absolute;
    height: auto;
    z-index: 5;
    color: #eee4cc;
    left: 242px;
}

.statusMenuContent {
    position: absolute;
    height: auto;
    z-index: 5;
}

.statusMenuContent li {
    margin: 5px 2px 5px 13px;
    color: #eee4cc;
}
    
.statusMenuContent ul {
    background: #2c72fd none repeat scroll 0 0;
    border-color: transparent;
    border-image: none;
    border-style: none solid solid;
    border-width: 1px;
    display: block;
    margin: -3px 0 0;
    padding: 2px 4px 6px 11px;
    list-style-image: none;
    list-style-type: circle;
    width: 124px;
}

.statusMenuContent a {
    color: #eee4cc !important;
    text-decoration: none;
    border-bottom: none !important;
}
.statusMenuContent a:hover {
    font-size: 13px;
    font-weight: bold;
}

#statusDropDown {
    display: block;
}

dd.statusMenuContent {
    line-height: 1.5em;
}

.status-published, 
#status-transition-published:hover {
    color: #33C981 !important;
    font-weight: bold;
}

.status-pending,
#status-transition-pending:hover {
    color: #F3C336 !important;
    font-weight: bold;
}
.status-denied,
#status-transition-denied:hover {
    color: #89E1FF !important;
    font-weight: bold;
}

#TableGenCover h1 { border:none; font-size:20px; font-weight:bold; color:#9fc33b; text-align:center; }
#TableGenCover .documentDescription { font-weight:normal; text-align:center; }
#TableGenCover .formControls { display:flex; flex-direction:row; margin:36px 0 24px; }
#TableGenCover .formControls .btn { background:#015836; color:#fff; font-weight:bold; font-size:16px; line-height:28px; text-decoration:none; text-align:center; flex:1; margin:0 8px; }
#TableGenCover .formControls .btn:hover { box-shadow:inset 4px 4px 4px #189c69, inset -4px -4px 4px #00311e; }

/*  */

}