
/* - 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-marketplace #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-marketplace 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-marketplace 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-marketplace form#map-results input[type="submit"]:hover { text-decoration:underline; }
 .section-marketplace #MapCanvasBanner { width:100% !important; height:13px; border:solid 1px #8cacbb; background:#dee7ec; float:left; clear:both; }
 .section-marketplace 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-marketplace.template-directory_folder_index_html,
 .section-marketplace.template-directory_folder_index_new .listingBar { width:95%; float:left; clear:both; }
 .section-marketplace.template-directory_folder_index_html,
 .section-marketplace.template-directory_folder_index_new form#map-results { width:100%; position:relative; top:12px; float:left; clear:both; }
 .section-marketplace.template-directory_folder_index_html,
 .section-marketplace.template-directory_folder_index_new #MapCanvasBanner { margin:11px 0 12px; }
 
 .section-marketplace.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:100%;
 }
 
 .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; }
 fieldset.admin a { color:#999 !important; }
 fieldset.admin:hover a { color:#0A2463 !important; }
 
 .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-marketplace 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; }
 
 /*  */

}

