/* - ploneCustom.css - */ @media all { /* */ /* */ /* */ body { margin:0; padding:0; display:flex; font-family:'Open Sans', Verdana; color:#474545;} body.kupu { display:block; } iframe html body, button { outline:none !important; } iframe.kupu-editor-iframe { height:200px; } h3 { margin-top: 1.75em; } .center { text-align:center; margin-left:auto; margin-right:auto; } .centerBox { border:solid 1px #065FC2; text-align:center; font-size:110%; line-height:133%; margin:12px auto; padding: 1em; } .centerBlock { max-width:1000px; } .discreetRed { color:red; font-size: 90%; font-weight: normal; } .discreet80 { font-size:80%; font-weight:normal; } .red { color: red; } .orange { color: orange !important; } .baseGreen { color: #458D46; } .baseBlue { color: #065FC2; } .noborder { border:none !important; } .nobr { white-space:nowrap !important; } .box { border: solid 1px grey; padding:10px 22px; } .smallCaps { font-variant:small-caps; } .state-vacant_fullterm, .state-vacant_midterm, .state-vacant_specialterm { color:Red !important; } .state-position_filled { color:#548235 !important; } .size80 { font-size: 80%; } .size110 { font-size: 110%; } .size115 { font-size: 115%; } .size125 { font-size: 125%; } .monospace { font-family:monospace; } .mceContentBody { display:block !important; } .warningImg { max-width: 20px; margin-left: -25px; } .discreetTrackingId { font-size:71%; float:right; padding-right:40px; margin-bottom: 3px; color: white; } .sectionHighlight { background-color: #F1F1F1; padding: 8px 12px; margin-bottom: 26px; } .dashboardTitle { font-size: 150%; } .trackingId { color: &dmtl-colorOrange;; } .note { font-weight: bold; } .bold { font-weight: bold; } .fontWeightNormal { font-weight: normal; } .li-inline { display: inline-block; } .floatRight { float: right; } a { color: #1667a8; border-bottom: 1px dashed #1667a8 !important; } a.usda, a.usfs, #portal-footer-wrapper a, #portal-globalnav a { border-bottom: none !important; } a:hover { border-bottom: 1px solid #1667a8 !important; text-decoration:none !important; } #portal-footer-wrapper a:hover {border-bottom: 1px solid white !important;} #portal-globalnav a:hover {border-bottom: none} input[type="file"] { margin-bottom: 10px; } .ploneSkin table.mceLayout td.mceToolbar { background-color: #eff4fb; border: 1px solid grey !important; } .autoBanner { display: none } .template-home_section #portalBanner .autoBanner { display:block; max-width: 100%; max-height:100%; } tr.previewStep button.title, tr.submitStep button.title { padding: 4px 11px 5px !important; border: 1px solid grey !important; color: white !important; background-color: #048103 !important; margin-top: 4px !important; border-radius: 4px !important;} .centered { text-align:center; } .image-inline { margin:4px; } .image-left { margin:4px 12px 4px 4px; } blockquote { margin-left: 30px; padding-left: 1em; border-left: 2px solid #8cacbb; } .beveled { position:relative; } .beveled * { position:relative; z-index:2; } .beveled::before, .beveled::after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; pointer-events:none; } .beveled::before { background-image:linear-gradient(white, transparent 33%); opacity:0.33; } .beveled::after { background-image:linear-gradient(transparent 33%, black); opacity:0.44; } button.inline { border:none; background:none; color:#548235; font-size:100%; font-weight:600; display:inline !important; margin:0 !important; padding:0 !important; vertical-align:baseline; } button.inline:hover { text-decoration:underline; } button.beveled, button.beveled::before, button.beveled::after, a.beveled, a.beveled::before, a.beveled::after { transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } button.beveled::after, a.beveled::after { opacity:0.33; } button.beveled:hover, button.beveled:focus, a.beveled:hover, a.beveled:focus { text-shadow:0 0 1px #fff; } button.beveled:hover::before, button.beveled:focus::before, button.beveled:hover::after, button.beveled:focus::after, a.beveled:hover::before, a.beveled:focus::before, a.beveled:hover::after, a.beveled:hover::focus { opacity:0.25 } ul.formTabs li a:hover { text-decoration:none !important; } ul.faqs { margin:0 !important; list-style-type:none; } ul.faqs li { margin-bottom:24px; } ul.faqs li .text { margin:12px 2%; opacity:0.8; } ul.faqs li .title { font-size:112%; font-weight: bold; margin-top:20px; } .template-home_section .siteMessage { border: 1px solid #7373c8; margin: 4px 0 8px; padding: 11px 40px; text-align: center; font-size:110%; background-color: #1287ce; color: white; } .template-home_section .siteMessage .siteMessageHeader { font-weight:bold; font-size:120%; } .template-home_section .siteMessage a { color: white !important; border-bottom: none !important;} .rightSideBlock { margin-top:25px; margin-left:25px; } .newUserBlock { margin-top: 25px; } div.groupWrapper { margin:26px 20px 30px;} p.childTitle { font-size: 120%; font-weight: bold; } p.groupTitle { font-size: 120%; font-weight: bold; text-decoration: underline;} #visual-portal-wrapper { flex-grow:1; display:flex; flex-direction:column; } #portal-topbar-wrapper { background:#161f29; } #portal-topbar { max-width:1200px; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; } #portal-topnav { list-style-type:none; font-size:80%; line-height:125%; margin:0; padding:0; } #portal-topnav li { position:relative; margin:0; padding:0; } #portal-topnav > li { margin:0 -1em 0 0; } #portal-topnav > li:hover { background:#232f3e; } #portal-topnav > li a { color:#fff !important; border:none !important; text-decoration:none !important; margin:0; padding:4px 1em; display:block; } #portal-topnav > li > a { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; } #portal-topnav > li > a strong { font-weight:normal; } #portal-topnav > li > a .img { width:24px; height:24px; border-radius:28px; background-position:center; background-size:cover; margin:0 0 0 1em; display:block; } #portal-topnav > li ul { width:100%; min-width:200px; height:auto; list-style-type:none; position:absolute; top:100%; right:0; z-index:99; pointer-events:none; opacity:0; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } #portal-topnav > li ul li { background:#232f3e; white-space:nowrap; } #portal-topnav > li ul li:hover { background:#161f29; } #portal-topnav > li:hover ul { pointer-events:all; opacity:1; } #portal-topnav .topnav-button { padding: 4px 10px; background-color: #417120; border-radius: 5px; margin:6px 22px 6px 0; } #portal-top-wrapper { background:#f5f4ef; background-image:linear-gradient(#f5f4ef, #fff 95%) } #portal-top { width:100%; max-width:100%; padding:0 !important; } #portal-logo { width:96%; max-width:1200px; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; margin:0 auto; padding:12px 2%; } #portal-logo a { border:none !important; } #portal-logo .left .usfs { margin:0 3%; } #portal-logo .left .usda img { height:50px; } #portal-logo .left .top { width:370px; border-bottom:solid 1px #666; display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap; margin:0 0 4px; padding:0 0 4px; } #portal-logo .left .top > div { text-align:left; color:#333; } #portal-logo .left .top > div strong { display:block; font-size:133%; letter-spacing:1px; text-transform:uppercase; white-space:nowrap; } #portal-logo .left .top > div em { display:block; font-size:77%; font-style:normal; font-weight:bold; white-space:nowrap; } #portal-logo .left .bottom { color:#666; font-size:85%; font-weight:600; } #portal-logo .right { text-align:center; margin-left:2%; } #portal-logo .right h1 { color:#438235; font-weight:600; font-size:130%; font-variant:small-caps; text-shadow:1px 1px 1px #ddd; margin-top:10px;} #portal-logo .right h2 { color:#438235; font-weight:600; font-size:160%; margin:0; font-variant:small-caps;} #portal-searchbox { float:left; clear:none; } #portal-globalnav { background:#232f3e; justify-content:center; padding:6px 0 8px; font-size:110%; } #portal-globalnav li { margin:0 2%; } #portal-globalnav li a { color:#ddd !important;; text-transform:uppercase; text-shadow:0 0 2px #000; } #portal-globalnav li a:hover { color:#fff !important; text-shadow:0 0 1px #fff; } #portal-globalnav li.selected a { color:#fff !important; } #portal-globalnav li.selected a { color:#abfb6b !important; text-shadow:none !important; } #portal-globalnav li#portaltab-applications.selected a { color:#ff9900 !important; text-shadow:none !important; } #portal-globalnav li#portaltab-admin a { color:#fd9398 !important; } #portal-globalnav li:first-of-type { margin-left:0; } #portal-globalnav li:last-of-type { margin-right:0; } #portal-breadcrumbs-wrapper { background:#1f4e78; } #portal-breadcrumbs { font-size:90%; line-height:100%; color:#f5f4ef; padding:8px 0 12px !important; } #portal-breadcrumbs > strong { font-weight:normal; color:#ccc; text-transform:uppercase; margin-right:8px; } #portal-breadcrumbs a { color:#fff; font-weight:600; } #portal-breadcrumbs a:hover { text-decoration:underline; } #portal-warning-wrapper { background:#f00; } #portal-warning { margin:8px auto !important; color:#fff; font-weight:600; text-align:center; } #portal-warning a { border:none !important; color:#fff !important; font-weight:bold; text-decoration:underline !important; } #portal-columns-wrapper { margin:0; padding:0; flex-grow:1; box-shadow:inset 0 0 8px #aaa; } #portal-columns { width:96% !important; margin-top:18px !important; margin-bottom:55px !important; } #portal-column-main { margin-top: 12px; } #portal-admin { margin:0 0 12px; } #content ol, #content ul { padding-left: 30px; } #content .textHeader1 { font-weight:bold; font-variant: small-caps; font-size: 130%; font-family: Helvetica; } #content h1.documentFirstHeading { color: #333333; margin:0 0 20px; text-align:center; font-weight:bold; } #content h1.documentFirstHeading span { width:auto; float:none; font-weight:600; } #content h1.documentFirstHeading.red { color:#f00; } #content h2.documentFirstSubheading { margin:0 0 -8px; text-align:center; position:relative; top:-18px; } #content h3 { font-weight:600; } #content a { font-weight:bold; } #content a.red { color:#f00; } #content a.notCurrent { color: #a6cae7 !important; } #xcontent a[href=""] { color:#247b29 !important; border:none !important; font-weight:bold; pointer-events:none; } #content button.newOrEdit { color: white !important; background-color: #047000 !important; border-radius: 4px; padding: 4px 8px; margin-top:-8px; margin-right: 10px; } #content button.newOrEdit:hover { background-color: #048000 !important;} #content li.grantYearLine { margin-bottom: 20px; padding: 30px 0; } #content form { margin:0 auto; } #content form fieldset { width:96%; border:none; line-height:150%; margin:12px 2% 0; padding:0; } #content form fieldset .field { margin:0 0 12px; } #content form fieldset .field > label.formQuestion { position:relative; } #content form fieldset .field > label.formQuestion::before { content:'\2A'; font-size:66%; color:#f00; font-weight:normal; position:absolute; top:-6px; right:-9px; display:none; } #content form fieldset .field > label.formQuestion::after { content:":"; } #content form fieldset .field.ArchetypesBooleanWidget > label.formQuestion::after { content:none; } #content form fieldset .field.ArchetypesSelectionWidget br { display:none; } #content form fieldset .field.ArchetypesSelectionWidget label { margin-right:0.5em; } #content form fieldset .field.ArchetypesSelectionWidget label.formQuestion { margin-right:0; } #content form fieldset .field input[type="text"], #content form fieldset .field input[type="password"], #content form fieldset .field textarea { width:98%; padding:2px 1%; font-size:100%; line-height:125%; } #content form fieldset .field input[disabled], #content form fieldset .field textarea[disabled], #content form fieldset .field div[id^="kupu-editor-"].disabled { background:#eee; opacity:0.5; filter:alpha(opacity=50); pointer-events:none !important; } #content form fieldset .field div[id^="kupu-editor-"].disabled .kupu-fulleditor > div:not([class]) { position:relative; } #content form fieldset .field div[id^="kupu-editor-"].disabled .kupu-fulleditor > div:not([class])::after { content:''; background:#eee; position:absolute; top:-1px; right:0; bottom:1px; left:1px; } #content form fieldset .field select { width:100%; padding:2px 1%; font-size:100%; line-height:125%; } #content form fieldset .field.error { width:98%; background:transparent; padding:8px 1% 12px; position:relative; } #content form fieldset .field.error::before { content:''; background:#f00; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; opacity:0.1; } #content form fieldset .field.error .fieldErrorBox { color:#f00; font-weight:600; } #content form fieldset .field.text { margin:12px 2% 0 } #content form fieldset .field.standalone { margin:8px 0 4px; } #content .formControls { width:100%; display:flex; flex-direction:row-reverse; align-items:center; justify-content:flex-start; } #content .formControls a.button, #content .formControls button { font-size:13px; border:solid 2px transparent; border-radius:6px; background:#438235; color:#fff; font-weight:normal; text-decoration:none !important; text-transform:uppercase; padding:7px 24px 7px; white-space:nowrap; margin-right:5%; overflow:hidden; } #content .formControls button[name="form.button.cancel"], #content .formControls button[name="cancel"] { background:#CC721A; margin-right: 50px; } #content .formControls2 { width:100%; } #content .formControls2 a.button, #content .formControls2 button { font-size:14px; border:solid 2px transparent; border-radius:6px; background:#438235; color:#fff; font-weight:normal; text-decoration:none !important; text-transform:uppercase; padding:3px 24px 4px; white-space:nowrap; margin-right:5%; overflow:hidden; } #content .formControls2 button[name="form.button.cancel"], #content .formControls2 button[name="cancel"] { background:#CC721A; margin-right: 50px; } #content form fieldset .field.ArchetypesTextAreaWidget > div:last-child { display:none; } #content form fieldset .field.ArchetypesTextAreaWidget > div.fieldErrorBox:last-child { display:block; } #content form fieldset .field.ArchetypesInAndOutWidget > div:nth-of-type(3) { display:flex; flex-direction:row; justify-content:center; align-items:center; } #content form fieldset .field.ArchetypesInAndOutWidget > div:nth-of-type(3) > div:nth-of-type(1) { width:60%; } #content form fieldset .field.ArchetypesInAndOutWidget > div:nth-of-type(3) > div:nth-of-type(1) table { width:100%; margin:0; } #content form fieldset .field.ArchetypesInAndOutWidget > div:nth-of-type(3) > div:nth-of-type(1) table tr td:nth-of-type(1) { width:66.5%; } #content form fieldset .field.ArchetypesInAndOutWidget > div:nth-of-type(3) > div:nth-of-type(1) table tr td:nth-of-type(2) { width:33.5%; } #content form fieldset .field.ArchetypesInAndOutWidget > div:nth-of-type(3) > div:nth-of-type(2) { width:40%; } #content form fieldset .field.ArchetypesInAndOutWidget > div:nth-of-type(3) > div:nth-of-type(3) { display:none; } #content form fieldset .field.ArchetypesAddRemoveWidget > table { width:100%; } #content form fieldset .field.ArchetypesAddRemoveWidget > table tr:first-of-type td select { width:100%; } #content form fieldset .field.ArchetypesAddRemoveWidget > table tr:first-of-type td:nth-of-type(1), #content form fieldset .field.ArchetypesAddRemoveWidget > table tr:first-of-type td:nth-of-type(3) { width:40%; } #content form fieldset .field.ArchetypesAddRemoveWidget > table tr:first-of-type td:nth-of-type(4) { display:none; } #content form fieldset .field.ArchetypesAddRemoveWidget > table tr:last-of-type > * { margin:0; text-align:left; } #content form fieldset .field.ArchetypesAddRemoveWidget > table tr:last-of-type td { vertical-align:bottom !important; } #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar { display:flex; flex-direction:row; justify-content:center; align-items:center; } #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > span:nth-of-type(1) { flex:2; } #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > span:nth-of-type(3) { flex:3; } #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > span:nth-of-type(5), #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > span:nth-of-type(7), #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > span:nth-of-type(8) { flex:1; } #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > span:nth-of-type(2), #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > span:nth-of-type(4), #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > span:nth-of-type(6) { margin:0 1%; } #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > span:last-of-type { margin-left:1%; } #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > span select { width:100%; } #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > select { flex:1; } #content form fieldset .field.ArchetypesCalendarWidget .plone_jscalendar > a { margin:0 1% 0 4%; } #content form fieldset .field.ArchetypesRichWidget .fieldTextFormat, #content form fieldset .field.ArchetypesRichWidget .kupuoverride { display:none; } #content form fieldset .field.ArchetypesRichWidget .kupu-fulleditor .kupu-tb { background:none; border-color:#1667A8; width:99%; padding:3px 0.5% 0; position:relative; } #content form fieldset .field.ArchetypesRichWidget .kupu-fulleditor .kupu-tb::before { content:''; background:#1667A8; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.66; pointer-events:none; } #content form fieldset .field.ArchetypesRichWidget .kupu-fulleditor .kupu-tb > * { position:relative; } #content form fieldset .field.ArchetypesRichWidget .kupu-fulleditor .kupu-tb .kupu-tb-buttons button { border-color:transparent; } #content form fieldset .field.ArchetypesRichWidget .kupu-fulleditor .kupu-tb .kupu-tb-buttons button:hover { border-color:#000; } #content form fieldset .field.ArchetypesRichWidget .kupu-fulleditor iframe.kupu-editor-iframe { border-color:#1667A8; } #content form fieldset .field#archetypes-fieldname-mailingStreet2 .formQuestion { display:none; } #content form fieldset .field#archetypes-fieldname-posNums br { display:block; } #content form #archetypes-fieldname-file, #content form #archetypes-fieldname-supportLetter { width:100%; float:left; clear:left; } #content form #archetypes-fieldname-file > div:last-child > input[type="radio"], #content form #archetypes-fieldname-supportLetter > div:last-child > input[type="radio"] { float:left; clear:left; position:relative; top:4px; margin-right:8px; } #content form #archetypes-fieldname-file > div:last-child > div:last-child, #content form #archetypes-fieldname-supportLetter > div:last-child > div:last-child { float:left; clear:left; } #content form #archetypes-fieldname-file > div:last-child > label, #content form #archetypes-fieldname-supportLetter > div:last-child > label { float:left; } /* #content form #archetypes-fieldname-file > div:last-child::after, #content form #archetypes-fieldname-supportLetter > div:last-child::after { content:'(upload .pdf only!)'; color:#666; font-style:italic; font-size:90%; padding-top:0.5em; margin-left:1%; float:left; } */ #content form fieldset .flexRow .field { flex:1; margin:0 1% 12px; } #content form fieldset .flexRow .field:first-of-type { margin-left:0; } #content form fieldset .flexRow .field:last-of-type { margin-right:0; } /* #content form fieldset .flexRow .field#archetypes-fieldname-firstName, #content form fieldset .flexRow .field#archetypes-fieldname-lastName { flex:2; } */ #content form fieldset .flexRow.twoCol { align-items:flex-end; } #content form fieldset .flexRow.twoCol .field input[type="text"], #content form fieldset .flexRow.twoCol .field input[type="password"] { width:96%; padding:-left:2%; padding-right:2%; } #content form fieldset .flexRow.threeCol .field input[type="text"], #content form fieldset .flexRow.threeCol .field input[type="password"], #content form fieldset .flexRow.fullname .field input[type="text"], #content form fieldset .flexRow.fullname .field input[type="password"] { width:94%; padding:-left:3%; padding-right:3%; } #content form fieldset .flexRow.fullname .field:first-child { min-width:10%; flex:auto; } #content form#application_edit { margin-top: 30px; } #content form .pageSection.basic h3, #content form#application_edit .pageSection.search h3, #content form#application_edit .pageSection.preview h3, #content form#application_edit .pageSection.submit h3, #content form#application_edit .pageSection.assign h3 { margin-top:0; } #content form#application_edit .pageSection.narrative h3 em { white-space:nowrap; font-weight:300; } #content form#application_edit .pageSection.narrative h3 em::before { content:'- '; } #content .pageSection.help.toggleClosed, #content .pageSection.help.toggleClosed h3 { margin-top:0; margin-bottom:4px; } #content .pageSection.account .name { font-weight:bold; font-size:120%; line-height:125%; } #content .pageSection.position .title { font-weight:bold; font-size:133%; line-height:125%; } #content form#application_edit .field#archetypes-fieldname-title label::before, #content form#application_edit .field#archetypes-fieldname-grantCategory label::before, #content form#application_edit .field#archetypes-fieldname-text label::before, #content form#application_edit .field#archetypes-fieldname-trackingId label::before, #content form#application_edit .field#archetypes-fieldname-question label::before, #content form#application_edit .field#archetypes-fieldname-answer label::before, #content form#application_edit .field#archetypes-fieldname-firstName label::before, #content form#application_edit .field#archetypes-fieldname-lastName label::before, #content form#application_edit .field#archetypes-fieldname-email label::before, #content form#application_edit .field#archetypes-fieldname-confirmation label::before, #content form#application_edit .field#archetypes-fieldname-organization label::before, #content form#application_edit .field#archetypes-fieldname-position label::before, /* #content form#application_edit .field#archetypes-fieldname-secondaryFirstName label::before, #content form#application_edit .field#archetypes-fieldname-secondaryLastName label::before, #content form#application_edit .field#archetypes-fieldname-secondaryEmail label::before, #content form#application_edit .field#archetypes-fieldname-secondaryConfirmation label::before, */ #content form#application_edit .field#archetypes-fieldname-mailingStreet1 label::before, #content form#application_edit .field#archetypes-fieldname-mailingCity label::before, #content form#application_edit .field#archetypes-fieldname-mailingState label::before, #content form#application_edit .field#archetypes-fieldname-mailingZip label::before, #content form#application_edit .field#archetypes-fieldname-phone label::before, #content form#application_edit .field#archetypes-fieldname-fundingRequested label::before, #content form#application_edit .field#archetypes-fieldname-fundingMatched label::before, #content form#application_edit .field#archetypes-fieldname-minorityDriven label::before, #content form#application_edit .field#archetypes-fieldname-minorityTargeted label::before, #content form#application_edit .field#archetypes-fieldname-minorityExplanation label::before, #content form#application_edit .field#archetypes-fieldname-abstract label::before, #content form#application_edit .field#archetypes-fieldname-reviewed label::before, #content form#application_edit .field#archetypes-fieldname-controlNumber label::before, #content form#application_edit .field#archetypes-fieldname-rejectionExplanation label::before, #content form#application_edit .field#archetypes-fieldname-returnExplanation label::before, #content form#application_edit .field#archetypes-fieldname-returnWRExplanation label::before { display:inline !important; } #xxcontent dl.siteMessage { background-color:#fff2cc; border:1px solid #996; font-size:120%; line-height:125%; margin:0 auto 18px; padding:20px; } #xxcontent dl.siteMessage dt { font-weight:bold; text-transform:uppercase; margin:0 0 8px; padding:0; } #xxcontent dl.siteMessage dd { color:#bf8f00; margin:0; padding:0; } #content .portalMessage { margin-left:auto; margin-right:auto; } dl.error { text-decoration: blink; } dl.portalMessage { font-size: 120%; padding: 20px; } .listingBar { background:transparent; border:none; display:flex; flex-direction:row; xxxxjustify-content:flex-end; padding:0; } .listingBar > * { color:#232f3e; margin:0 1% !important; } .listingBar > label { text-transform:uppercase; font-weight:normal; margin-right:0 !important; } .listingBar > a { color:#1667A8; font-weight:600; } .listingBar > a:hover { text-decoration:underline; } .listingBar span.current { font-weight:600; } .listingBar span.hellip { margin:0 !important; } #content .pageFilters { display:flex; flex-direction:row; justify-content:flex-end; align-items:center; } #content .pageFilters > * { margin:0 0.5%; } #content .pageFilters > *:first-child { margin-left:0; } #content .pageFilters > *:last-child { margin-right:0; } #content .pageFilters > label { text-transform:uppercase; font-weight:normal; opacity:0.66; } #content .pageSection { margin-bottom:24px; clear:both; } #content .pageSection h3 { width:96%; background:#1f4e78; font-variant:small-caps; color:#fff; font-weight:normal; padding:4px 2% 6px; display:flex !important; flex-direction:row; align-items:center; margin-bottom: 24px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } #content .pageSection h3 a, #content .pageSection h3 button { transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } #content .pageSection h3 button { width:100%; background:none; border:none; text-align:left; color:#fff !important; font-weight:normal; display:block; } #content .pageSection h3 button:hover { text-decoration:none !important; text-shadow:0 0 1px #fff; } #content .pageSection h3 .headerBtns { display:flex !important; flex-direction:row; align-items:center; justify-content:space-between; } #content .pageSection h3 .headerBtn { width:auto; background:#fff; border-width:0 !important; border-radius:12px; font-variant:small-caps; font-size:66%; line-height:150%; font-weight:normal; color:#000 !important; display:block; padding:0 12px; margin-left:12px; opacity:0.9; } #content .pageSection h3 .headerBtn:hover { text-decoration:none !important; color:#000 !important; font-shadow:none !important; opacity:1.0; } #content .pageSection h3 .discreet { color:#fff; font-size:75%; line-height:100%; } #content .pageSection ul { margin:0; padding:2px 0 2px 17px; } #content .pageSection ul li { margin:0; } #content .pageSection .actions { display:flex; flex-direction:row; justify-content:space-evenly; margin-top:12px; } #content .pageSection .actions > a { flex-grow:1; border:none; border-radius:6px; background:#1667A8; color:#fff; font-weight:normal; text-align:center; padding:6px 18px; margin:0 0.5%; white-space:nowrap; overflow:hidden; } #content .pageSection .actions > a:hover { text-decoration:none !important; } #content .pageSection .actions > a:first-child { margin-left:0; } #content .pageSection .actions > a:last-child { margin-right:0; } #content .pageSection .dataTable { width:96%; margin:0 2%; display:flex; flex-direction:row; justify-content:space-evenly; } #content .pageSection .dataTable ul { margin:4px 0 0 20px !important; padding:0 !important; } #content .pageSection .dataTable.spread { justify-content:space-between; } #content .pageSection .dataTable.spread .col { margin:0 1%; } #content .pageSection .dataTable.spread .col:first-of-type { max-width:62%; margin-left:0; } #content .pageSection .dataTable.spread .col:last-of-type { margin-right:0; } #content .pageSection .dataTable.spread .col:nth-of-type(2) { text-align:right; } #content .pageSection .dataTable.spread .row { padding:2px 0; } #content .pageSection table.lists { width:96%; margin:24px 2% 0; } #content .pageSection table.lists td.green { color:#1667A8; } #content .pageSection table.lists td.red { color:#f00; } #content .pageSection.listings > ul { list-style-type:none; margin:12px 2% 0 !important; padding:0 !important; } #content .pageSection.listings > ul li { border-bottom:solid 1px #ccc; margin-bottom:12px; padding-bottom:8px; } #content .pageSection.listings > ul li:last-of-type { border-bottom:none; margin-bottom:0; padding-bottom:0; } #content .pageSection.listings > ul li h4 { margin:0 !important; } #content .pageSection.listings > ul li h4 a { color:#1667A8 !important; font-weight:normal; } #content .pageSection.listings > ul li.current h4 a { font-weight:bold; } #content .pageSection.listings > ul li .twoCol { align-items:flex-start; } #content .pageSection.listings > ul li .twoCol > div:first-child { flex-grow:1; } #content .pageSection.listings > ul li .twoCol > div:last-child { text-align:right; } #content .pageSection.listings > ul li .twoCol > div .red { color:#f00; margin-right:8px; } #content .pageSection.listings > ul li .twoCol > div .green { color:#1667A8; margin-right:8px; } #content .pageSection.listings > ul li .twoCol > div .btn { color:#fff; font-size:90%; white-space:nowrap; padding:2px 2%; position:relative; } #content .pageSection.listings > ul li .twoCol > div .btn::before { content:''; background:#ff9900; border-radius:6px; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.75; z-index:-1; } #content .pageSection.listings > ul li .twoCol > div .btn:hover { text-decoration:none !important; } #content .pageSection.listings > ul li .twoCol > div .btn:hover::before { opacity:1; } #content .pageSection table.listings { width:100%; max-width:100%; } #content .pageSection table.listings tr:nth-child(even) { background:#f4f4f4; } #content .pageSection table.listings td { padding:2px 0; } #content .pageSection table.listings th { text-align:left; padding:2px 24px 2px 4px; } #content .pageSection table.listings th em { font-weight:normal; } #content .pageSection table.listings th.optional a { position:relative; } #content .pageSection table.listings th.optional sup { color:#1f4e78; font-weight:normal; } #content .pageSection table.listings td.action a { font-weight:bold !important; } #content .pageSection table.listings td.action a:hover { text-decoration:none !important; opacity:1; } #content .pageSection table.listings td.add a { color:#1667A8 !important; font-size:150% !important; } #content .pageSection table.listings td.delete a { color:#f00; font-size:80%; opacity:0.66; } #content .pageSection table.listings td.action, #content .pageSection table.listings td.arrow { width:24px; text-align:center; vertical-align:middle; } #content .pageSection table.listings td.arrow a { width:0; height:0; border-style:solid !important; border-color:#1f4e78 transparent !important; display:block; cursor:pointer; opacity:0.8; } #content .pageSection table.listings td.arrow a:hover { opacity:1; } #content .pageSection table.listings td.up a { border-width:0 6px 8px 6px !important; } #content .pageSection table.listings td.down a { border-width:8px 6px 0 6px !important; } #content .pageSection table.listings tr.listingActions { background:transparent; } #content .pageSection table.listings tr.listingActions > * { padding-top:12px; } #content .pageSection table.listings tr.listingActions td a { color:#1f4e78; font-weight:normal; text-decoration:none !important; } #content .pageSection.log table { width:100%; max-width:100%; } #content .pageSection.log table tr.grey * { color:#999 !important; } #content .pageSection.log table tr.red th > strong { color:#f00 !important; font-weight:bold !important; } #content .pageSection.log table tr.green th > strong { color:#1667A8 !important; font-weight:bold !important; } #content .pageSection.log table tr.blue th > strong { color:#1f4e78 !important; font-weight:bold !important; } #content .pageSection.log table th { font-weight:normal; text-align:left; vertical-align:top; padding:2px 2px 2px 4px; } #content .pageSection.log table th strong { font-weight:600; } #content .pageSection.log table th .explanation { border-left:solid 1px #bbb; padding:4px 2% 6px; } #content .pageSection.log table th .explanation > p:last-child { margin-bottom:0 !important; } #content .pageSection.log table td { padding:2px; vertical-align:top; } #content .pageSection.log table td:last-child { text-align:right; padding-right:4px; white-space:nowrap; } #content .pageSection.log table tr:nth-child(even) { background:#f4f4f4; } #content .pageSection h3 { position:relative; } #content .pageSection h3 .toggle { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; padding-right:2%; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; } #content .pageSection h3 .toggle::before { content:''; width:0; height:0; border-style:solid !important; border-color:#fff transparent !important; border-width:12px 6px 0 6px !important; opacity:0.9; transition:opacity 0.2s ease !important; -webkit-transition:opacity 0.2s ease !important; } #content .pageSection h3 .toggle:hover::before { opacity:1.0; } #content .pageSection h3 > span:first-child { flex-grow:1; position:relative; z-index:2; pointer-events:none; } #content .pageSection.toggleClosed { margin-bottom:12px; } #content .pageSection.toggleClosed > * { display:none; } #content .pageSection.toggleClosed h3 .toggle::before { border-color:transparent #fff !important; border-width:6px 0 6px 12px !important; } #content .pageSection.toggleClosed h3 .headerBtn { display:none; } #content .pageSection h3 .toggle:target { background-color:#232f3e !important; } #content .pageSection .row.rfp { display:flex; flex-direction:row; align-items:flex-end; } #content .pageSection .row.rfp button { border:solid 1px #1667A8; background-color:#1667A8; color:#fff; line-height:175%; padding:0 6px; } #content .pageSection .row.rfp .field { border:none !important; background:transparent !important; margin:0 !important; padding:0 !important; } #content .pageSection .row.rfp .field > label::after { content:":\00a0"; } #content .pageSection .row.rfp .field .filename { font-weight:600; white-space:nowrap; margin-top:4px; } #content .pageSection .row.rfp .field .formHelp { display:none; } #content .pageSection .row.rfp .field .fieldErrorBox { color:#f00; font-weight:600; display:none; } #content .pageSection .row.rfp .field input[type="file"] { width:100%; } } #content .pageSection .row.rfp .field.error .fieldErrorBox { display:inline; } #content .pageSection .row.rfp .field .field { display:inline; } #content .pageSection .row.rfp .field .field > * { display:none; } #content .pageSection .row.rfp .field .field > div:last-child { display:block; margin:4px 0 0 2% !important; padding:0 !important; } #content .pageSection.basic .row .toggle { border:none; background:transparent; font-size:100%; display:inline; vertical-align:text-bottom; padding:0 !important; } #content .pageSection.basic .row .toggle:hover span { text-decoration:underline; } #content .pageSection.basic .row .toggle .red { color:#f00; font-weight:bold; } #content .pageSection.basic .row .toggle .green { color:#1667A8; font-weight:bold; } #content .deadline { text-align:center; margin-top: 16px; } #content .field { margin:24px 0 0; } #content .field .fieldRequired { background:none; width:6px; overflow:hidden; display:inline-block; position:relative; } #content .field .fieldRequired::after { content:'\2605'; color:#f00; position:absolute; top:0; right:0; } #content .text { width:calc(100% - 4%); margin:12px 2% 0; } #content .text.delete { padding:4px 2%; position:relative; } #content .text.delete::before { content:''; background:#ff9900; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; opacity:0.33; } #content .text.delete strong { color:#f00; } #content .field.contact .text > p { margin:0 0 4px; } #content .rfpSectionWrapper { border:1px solid grey; } .managePortletsFallback { margin-top:24px; display:none; } #portal-contact { font-size:90%; line-height:125%; text-align:left; margin-top:36px; } #portal-footer-wrapper { background:#232f3e; position:relative; font-size:90%; } #portal-footer { max-width:1200px; display:flex; flex-direction:row; justify-content:space-evenly; margin:24px auto !important; } #portal-footer .partner { display:flex; text-align:left; flex-direction:row; flex-grow:1; justify-content:center; align-items:flex-start; margin:12px 2%; } #portal-footer .partner:first-of-type { margin-left:0; } #portal-footer .partner:last-of-type { margin-right:0; } #portal-footer .partner > a { width:20%; min-width:12px; max-width:36px; display:block; margin-top:6px; } #portal-footer .partner > a img { width:100%; height:auto; margin:0 auto; } #portal-footer .partner.sref > a img { width:80%; } #portal-footer .partner > div { flex-grow:1; margin-left:3%; } #portal-footer .partner > div p { margin:4px 0; color:#f5f4ef; } #portal-footer .partner > div p a { border:none; color:#f5f4ef; text-decoration:none; } #portal-footer .partner > div p a:hover { color:#fff; text-decoration:underline; } #portal-footer { flex-direction:column; } #portal-footer .partner { margin:12px 2% !important; } #portal-footer .partner > a { width:10%; } #portal-colophon-wrapper { background:#161522; } #portal-colophon ul { max-width:1200px; display:flex; flex-direction:row; justify-content:space-evenly; align-items:center; margin:18px 0 24px; } #portal-colophon ul li { margin:0; padding:0; } #portal-colophon ul li a { border:none; color:#f5f4ef; text-decoration:none; } #portal-colophon ul li a:hover { color:#fff; text-decoration:underline; } body.sitemember #portal-colophon ul:last-child { justify-content:flex-end; } body.sitemember #portal-colophon ul:last-child li { border-left:solid 1px #999; color:#999; margin-left:1.5%; padding-left:1.5%; } body.sitemember #portal-colophon ul:last-child li a { color:#ff9900; white-space:nowrap; } body.sitemember #portal-colophon ul:last-child li:nth-child(1), body.sitemember #portal-colophon ul:last-child li:nth-child(2) { border-left:none; padding-left:0; } #portal-personaltools { position:absolute; bottom:12px; display:none; } #GrantProgramCtrl { text-align:right; font-weight:600; } .key { text-align:right; } .key.optional { color:#1f4e78; margin-bottom:4px; } .key.required { color:#f00; } .backlink { position:absolute; font-size:80%; } .greenBar { font-size: 120%; padding: 7px 20px; margin: 12px 0 18px; background-color:#1667A8; color: white; background-image: linear-gradient(#438235 41%, #555555); } .greenBar { font-size: 120%; padding: 7px 20px; margin: 12px 0 18px; background-color:#1667A8; color: white; background-image: linear-gradient(#1667a8 51%, #084699); } .indent20 { margin-left: 20px; } .indent30 { margin-left: 30px; } .indent40 { margin-left: 40px; } .indent10 { margin-left: 10px; } .template-home_section #content h2, .template-home_section #content h3, .template-home_section #content h4, .template-apply_online_section #content h2, .template-apply_online_section #content h3, .template-apply_online_section #content h4 { margin-top:36px; font-weight:bold;} .template-home_section #content table, .template-apply_online_section #content table { width:100%; } .template-home_section #content table tr.discreet th, .template-home_section #content table tr.discreet strong, .template-home_section #content table tr.discreet a, .template-apply_online_section #content table tr.discreet th, .template-apply_online_section #content table tr.discreet strong, .template-apply_online_section #content table tr.discreet a { font-weight:normal !important; } .template-home_section #content .formControls, .template-apply_online_section #content .formControls { flex-direction:row; justify-content:space-around; } .template-home_section #content .formControls a.button, .template-apply_online_section #content .formControls a.button { margin:12px 1.5em 24px; } .template-home_section #content h3.majorSection, .template-apply_online_section #content h3.majorSection { background-color: #1e3979; font-variant:small-caps; color: white; padding: 8px 16px; display:flex; margin-bottom:20px; flex-direction:row; align-items:center; justify-content:space-between; } .template-home_section #content h3.actionSection, .template-apply_online_section #content h3.actionSection { font-variant:small-caps; margin-bottom: 20px; background-color: #1b7329; color: white; padding: 8px 16px; } .template-home_section #content h3 .discreet, .template-apply_online_section #content h3 .discreet { color: white } .template-home_section #content h2, .template-apply_online_section #content h2 { font-size: 170%; font-weight: bold; text-align: center; } .template-account_edit #content form fieldset.optional { border: 1px solid grey; padding: 10px 20px; margin-bottom: 22px; width:90%;} .template-position_term_view .positionTitle { font-size: 120%; font-weight: bold; margin-top: 38px; } .template-position_term_view select { margin-top: 5px; } .template-folder_contents #content { text-align:center; } .template-folder_contents #content table { text-align:left; } .template-folder_contents #content .link-parent { text-align:left; } .template-base_edit form[name="edit_form"] > select:first-child, .template-base_edit form[name="edit_form"] > select:first-child option { width:100%; color:#458D46; border-color:#458D46; font-size:100%; line-height:125%; text-transform:capitalize; padding:4px 1em; } @-webkit-keyframes rotate { from { transform:rotate(0deg); } to { transform:rotate(359deg); } } @keyframes rotate { from { transform:rotate(0deg); } to { transform:rotate(359deg); } } #kss-spinner { opacity:0; display:none !important; } #page-transition { width:100%; height:100%; margin:0; display:flex !important; flex-direction:column; align-items:center; justify-content:center; position:fixed; top:0; right:0; bottom:0; left:0; z-index:10000; opacity:0; pointer-events:none; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } #page-transition::before { content:''; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.66; } #page-transition > img { -webkit-animation:rotate 2s infinite linear; animation:rotate 2s infinite linear; } #page-transition > strong { font-size:200%; text-shadow:0 0 48px #fff; line-height:133%; display:block; margin:4px auto 0; position:relative; } #page-transition > strong::after { content:'...'; } #page-transition.active { opacity:1; pointer-events:auto; } #portal-siteactions, #portal-searchbox { display: none !important } body.template-application_dashboard.isManager { background-image: url(/adminWatermark.png); background-repeat: repeat-y; } .template-application_dashboard .workflowCallout { width:96%; padding:12px 2%; position:relative; } .template-application_dashboard .workflowCallout::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; } .template-application_dashboard .workflowCallout * { position:relative; } .template-application_dashboard .workflowCallout > h3 { margin-top:0; } .template-application_dashboard .workflowCallout > *:last-child { margin-bottom:0; } .template-application_dashboard #WorkflowWarning { margin-bottom:12px; } .template-application_dashboard #WorkflowWarning::before { border:solid 4px #f00; } .template-application_dashboard #WorkflowWarning h3 { color:#f00; } .template-application_dashboard #WorkflowWarning h3 strong { color:#000; font-weight:normal; font-size:90%; } .template-application_dashboard #WorkflowState::before { background:#1f4e78; opacity:0.05; } .template-application_dashboard #WorkflowState > h3 strong { font-weight:600; color:#1667A8; text-transform:uppercase; } .template-application_dashboard #WorkflowState.draft::before, .template-application_dashboard #WorkflowState.rejected::before, .template-application_dashboard #WorkflowState.returned::before, .template-application_dashboard #WorkflowState.retracted::before { background:#ff9900; opacity:0.33; } .template-application_dashboard #WorkflowState.draft > h3 strong, .template-application_dashboard #WorkflowState.rejected > h3 strong, .template-application_dashboard #WorkflowState.returned > h3 strong, .template-application_dashboard #WorkflowState.retracted > h3 strong { color:#f00; } .template-application_dashboard table.workflow { width:96%; margin:18px 2% 24px; position:relative; left:-15px; } .template-application_dashboard table.workflow th { color:#161522; text-transform:uppercase; padding:0 2%; position:relative; } .template-application_dashboard table.workflow th::before { content:''; border-bottom:solid 1px #161522; position:absolute; top:0; bottom:0; left:10%; right:10%; pointer-events:none; } .template-application_dashboard table.workflow th.action::before { right:0; } .template-application_dashboard table.workflow th.action::after { content:''; width:12px; height:12px; float:right; } .template-application_dashboard table.workflow td { padding:22px 2% 0; vertical-align:top; } .template-application_dashboard table.workflow td a, .template-application_dashboard table.workflow td button { border:none; background:none; color:#1667A8; font-size:92% !important; line-height:110%; font-weight:800 !important; xxxtext-transform:uppercase; vertical-align:top; display:inline; margin:0 auto 4px; display:block; } .template-application_dashboard table.workflow td button.icon { margin:0 !important; } .template-application_dashboard table.workflow td button.icon:hover { text-decoration:none; } .template-application_dashboard table.workflow td button.icon:hover span { text-decoration:underline; } .template-application_dashboard table.workflow td a:last-child, .template-application_dashboard table.workflow td button:last-child { margin-bottom:0; } .template-application_dashboard table.workflow td a:hover, .template-application_dashboard table.workflow td button:hover { text-decoration:underline; } .template-application_dashboard table.workflow td .spacer { color:#fff; position:relative; top:-2px; margin:0; display:none; } .template-application_dashboard table.workflow td.submitStep { padding-top:11px; } .template-application_dashboard table.workflow td.submitStep button.submitAppButton { box-shadow:0 0 0 #000; margin-bottom: 0; border: 1px solid grey; border-radius: 23px; padding:7px 1% 6px; font-weight:600 !important; background-color: #4CAF50; background-image: radial-gradient(green,#4caf50); color: white; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } .template-application_dashboard table.workflow td.submitStep button.submitAppButton:hover { box-shadow:2px 2px 6px #333; text-decoration:none; } .template-application_dashboard table.workflow td ul.subcontent { list-style-type:none; margin:0 !important; padding:0 !important; } .template-application_dashboard table.workflow td ul.subcontent ul { border-left: 2px solid #8cacbb } .template-application_dashboard table.workflow td ul.subcontent li { margin:0 !important; position:relative; } .template-application_dashboard table.workflow td ul.subcontent li a.icon { display:inline; margin:0; text-decoration:none !important; } .template-application_dashboard table.workflow td ul.subcontent li button.delete { border:solid 1px #ccc; background-image:linear-gradient(#fff, #eee 33%); border-radius:4px; font-size:90% !important; line-height:100%; margin:0 !important; padding:1px 3px 2px; } .template-application_dashboard table.workflow td ul.subcontent li button.delete:hover { color:#f00; text-decoration:none !important; } .template-application_dashboard table.workflow td ul.subcontent li .title { color:#666; text-transform:none; } .template-application_dashboard table.workflow td ul.subcontent li .title:hover { color:#1667A8; text-decoration:underline !important; } .template-application_dashboard table.workflow .pageCount { font-size:85%; margin-left:4px; color:#666; white-space:nowrap; } .template-application_dashboard table.workflow td ul.subcontent li.warning { color:#f00; font-size:90%; line-height:125%; } .template-application_dashboard table.workflow td ul.subcontent li.warning p { margin:6px 0 0; white-space:normal; } xxxxx.xxtemplate-application_dashboard table.workflow td ul.subcontent li button.icon::before { content:' + ' } xxxxx.xxtemplate-application_dashboard.sitemember table.workflow td ul.subcontent li::before { content:'— '; color:#aaa; } .template-application_dashboard table.workflow th.title { text-align:left; padding-left:12px; } .template-application_dashboard table.workflow th.title::before { left:15px; right:5%; } .template-application_dashboard table.workflow th.title::after { content:''; width:30px; height:12px; float:left; } .template-application_dashboard table.workflow th > div { white-space:nowrap; } .template-application_dashboard table.workflow td.arrow { width:30px; padding:22px 0 0; } .template-application_dashboard table.workflow td.arrow img { width:100%; height:auto; margin:0 auto; display:block; padding-top:1px; } .template-application_dashboard table.workflow td.arrow img.check { margin-top: -8px; width: 90%;} .template-application_dashboard table.workflow td.step { line-height:120%; text-align:right; vertical-align:top; padding-left:6px; padding-right:6px; } .template-application_dashboard table.workflow td.title { text-align:left; padding-left:0; } .template-application_dashboard table.workflow td.title div { font-weight: 800; color:#444; line-height:120% } .template-application_dashboard table.workflow td.title a, .template-application_dashboard table.workflow td.title button { display:inline; xxxtext-transform:lowercase; vertical-align:middle; margin:0; } .template-application_dashboard table.workflow td.title .description { color:#555; font-style:italic; font-size: 90%; font-weight:normal; line-height:120%; } .template-application_dashboard table.workflow td.title .preview { font-weight:normal !important; font-size:100% !important; text-align:left; text-transform:none; text-decoration:none !important; margin:4px 0 0; padding:0; } .template-application_dashboard table.workflow td.title > p { margin:8px 0 0; } .template-application_dashboard table.workflow td.title > p:first-child { margin-top:4px; } .template-application_dashboard table.workflow td.status a { font-weight:400 !important; font-size:92% !important; text-transform:none; text-decoration:none !important; color:orange; } .template-application_dashboard table.workflow td.status a.red { color:#f00; } .template-application_dashboard table.workflow td.status a.green { color:#048103; } .template-application_dashboard table.workflow td.action div { display:flex; flex-direction:row; align-items:center; justify-content:center; } .template-application_dashboard table.workflow td.action div button { margin:0 3% 0 0; } .template-application_dashboard table.workflow td.action div img { width:16px; height:16px; } .template-application_dashboard table.workflow th.status, .template-application_dashboard table.workflow th.action, .template-application_dashboard table.workflow td.status, .template-application_dashboard table.workflow td.action { width:20%; text-align:center; } .template-application_dashboard table.workflow th.help::before { content:none; } .template-application_dashboard table.workflow td.help { padding-left:0; padding-right:0; } .template-application_dashboard table.workflow td.help a { margin:0; } .template-application_dashboard table.workflow td.help a > img { width:14px; height:14px; } .template-application_dashboard table.workflow td.help a .popup { background:#fff; border:solid 1px #1f4e78; border-radius:12px; box-shadow:0 0 12px #666; color:Black; display:block !important; padding:24px 2%; position:absolute; left:4%; right:0; display:none !important; cursor:auto; position:absolute; z-index:1; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; } .template-application_dashboard table.workflow td.help a .popup .title { font-size:125%; line-height:125%; text-align:center; font-weight:600; } .template-application_dashboard table.workflow td.help a .popup .text { text-align:left; text-transform:none; } .template-application_dashboard table.workflow td.help a .popup .text > p:last-child { margin-bottom:0; } .template-application_dashboard table.workflow td.help a:hover .popup { display:block !important; } .template-application_dashboard table.workflow td.help div { margin:0; } .template-application_dashboard table.workflow td.help div > img { width:14px; height:14px; } .template-application_dashboard table.workflow td.help div .popup { background:#fff; border:solid 1px #1f4e78; border-radius:12px; box-shadow:0 0 12px #666; color:Black; display:block !important; padding:24px 2%; position:absolute; left:4%; right:0; display:none !important; cursor:auto; position:absolute; z-index:1; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; margin-top:-14px; margin-right: -10px;} .template-application_dashboard table.workflow td.help div .popup .title { font-size:125%; line-height:125%; text-align:center; font-weight:600; } .template-application_dashboard table.workflow td.help div .popup .text { text-align:left; text-transform:none; } .template-application_dashboard table.workflow td.help div .popup .text > p:last-child { margin-bottom:0; } .template-application_dashboard table.workflow td.help div .popup a { border-bottom:1px dashed grey !important; display:inline !important;} .template-application_dashboard table.workflow td.help div .popup a:hover { border-bottom: 1px solid grey !important;} .template-application_dashboard table.workflow td.help div:hover .popup { display:block !important; } .template-application_dashboard table.workflow td a { border-bottom: none !important } .template-application_dashboard.sitemember table.workflow th.action::after { content:none; } .template-application_dashboard #WorkflowSteps table.workflow { margin-bottom:24px; } .template-application_dashboard #WorkflowSteps table.workflow h4 { border:none; font-weight:600; text-transform:none; margin:0; padding:0; } .template-application_dashboard #WorkflowSteps table.workflow button.preview { font-weight: bold !important; border-bottom: 1px dashed grey; } .template-application_dashboard #WorkflowSteps table.workflow button.preview:hover { color:green !important; border-bottom: 1px solid green; } .template-application_dashboard #WorkflowSteps > .help { color:#666; text-align:center; font-style:italic; margin:0; position:relative; top:12px; } .template-application_work #content .field label, .template-application_eduation #content .field label, .template-application_experience #content .field label, .template-application_stakeholders #content .field label { display:none; } .template-application_work #content .field textarea, .template-application_education #content .field textarea { height:250px; } /* Firefox old*/ @-moz-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* IE */ @-ms-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* Opera and prob css3 final iteration */ @keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } .blink-img { -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */ -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */ -ms-animation: blink normal 2s infinite ease-in-out; /* IE */ animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */ } .template-password_form .visualPadding, .template-plone_memberprefs_panel { display: none !important } my-code::before { content:"[** hover over to view code **]"; font-style:italic; color: grey; } my-code:hover::before { content: attr(myCode); font-weight: bold; color:#E57131;} .template-application_work div#workHistory_help::after, .template-application_experience div#workAndExperience_help::after, .template-application_stakeholder div#stakeholderEngagement_help::after, .template-application_additional div#additionalInfo_help::after, .template-application_education div#education_help::after { font-weight:bold; float:right; content:" [Limit entry to 3200 characters!]" !important } .template-pwreset_form input.context { background-color: #438235; background-image:none; color: white; border:1px solid grey; border-radius: 4px; padding: 5px 10px; float:right; margin-right:30px; } .template-pwreset_form #content form fieldset { border: 1px solid grey; padding: 8px 20px; margin: 12px 0 0; } .template-renderApplicantSearchForm #applicationSearchForm { } .template-renderApplicantSearchForm .pageHeading { font-size: 140%; font-weight: bold; text-align:center; margin-bottom: 30px; } .template-renderApplicantSearchForm .sectionHeading { font-size:122%; font-weight: bold; color: white; background-color: #2e5688; padding: 6px 12px; } .template-renderApplicantSearchForm #searchForm { font-size:90%; float:right; width: 380px; border: 1px solid grey; padding: 20px; position:relative; margin-right: 20px; background-color:#d9e3ef;} .template-renderApplicantSearchForm .criteriaSelectWrapper { } .template-renderApplicantSearchForm .searchCriteriaTitle { font-weight:bold; font-size: 108%; text-decoration:underline; margin-bottom: 24px;} .template-renderApplicantSearchForm .criteriaSelect{ } .template-renderApplicantSearchForm .criteriaSelect select { max-width: 100%; font-size:90%; } .template-renderApplicantSearchForm .hline { width:80%; display:inline-block; } .template-renderApplicantSearchForm #searchButton { margin-top:12px; color: white; background:none; background-color: #232f3e; padding: 4px 26px; font-size: 16px !important; } .template-renderApplicantSearchForm #searchInstructions p { padding-top:12px; } .template-renderApplicantSearchForm #topOfSearchResults { clear:both; display:inline-block; width:100%; margin-top: 20px;} .template-renderApplicantSearchForm .searchCriteriaWrapper { border:1px solid grey; padding: 8px 20px 12px; 20px; font-size:90%; margin:0 20px 22px; color: grey; } .template-renderApplicantSearchForm .searchCriteriaWrapper p { font-weight: bold; text-decoration:none; } .template-renderApplicantSearchForm .searchCriteria { } .template-renderApplicantSearchForm .searchCriteria p { line-height: 100%; margin:0; text-decoration:none; font-weight:normal; } .template-renderApplicantSearchForm .applicantTitle { display:inline-block; font-weight: bold; font-size: 140%; margin-bottom:4px; margin-top:14px;} .template-renderApplicantSearchForm .applicantDetails { margin-left: 20px; } .template-renderApplicantSearchForm .applicantDetails p { line-height:140%; } .template-renderApplicantSearchForm .adminBlock { float:right; margin-left: 6px; margin-top:30px; margin-right:20px; border: 1px solid grey; width:22%; padding-bottom:20px; } .template-renderApplicantSearchForm .applicantBlock { margin:12px 20px 25px; } .template-renderApplicantSearchForm .adminBlock .adminBlockTitle { text-transform: uppercase; background-color: grey; color: white; padding:8px; text-align: center; font-size:112%; border-bottom: 1px solid grey; } .template-renderApplicantSearchForm .adminBlock .adminButton { background-color: #2e5688; padding: 4px 8px; text-align:center; border-radius:4px; margin:12px; } .template-renderApplicantSearchForm .adminBlock .adminButton a {font-weight:normal !important; color:white !important; font-size:90%; } .template-renderApplicantSearchForm .adminBlock .adminButton a:hover { font-weight:bold !important; } .template-admin_section .col .row { margin-bottom: 10px; margin-top:3px; } .template-renderApplicantMatrix #applicationSearchForm { } .template-renderApplicantMatrix .pageHeading { font-size: 140%; font-weight: bold; text-align:center; margin-bottom: 30px; } .template-renderApplicantMatrix .sectionHeading { font-size:122%; font-weight: bold; color: white; background-color: #2e5688; padding: 6px 12px; } .template-renderApplicantMatrix #searchForm { font-size:90%; float:right; width: 630px; border: 1px solid grey; padding: 20px 12px; position:relative; margin-right: 20px; background-color:#d9e3ef;} .template-renderApplicantMatrix .criteriaSelectWrapper { } .template-renderApplicantMatrix .searchCriteriaTitle { font-weight:bold; font-size: 108%; text-decoration:underline; margin-bottom: 24px;} .template-renderApplicantMatrix .criteriaSelect{ } .template-renderApplicantMatrix .criteriaSelect select { max-width: 100%; font-size:90%; } .template-renderApplicantMatrix .hline { width:80%; display:inline-block; } .template-renderApplicantMatrix #searchButton { margin-top:12px; color: white; background:none; background-color: #232f3e; padding: 4px 26px; font-size: 16px !important; } .template-renderApplicantMatrix #searchInstructions p { padding-top:12px; } .template-renderApplicantMatrix #topOfSearchResults { clear:both; display:inline-block; width:100%; margin-top: 20px;} .template-renderApplicantMatrix .searchCriteriaWrapper { border:1px solid grey; padding: 8px 20px 12px; 20px; font-size:90%; margin:0 20px 22px; color: grey; } .template-renderApplicantMatrix .searchCriteriaWrapper p { font-weight: bold; text-decoration:none; } .template-renderApplicantMatrix .searchCriteria { } .template-renderApplicantMatrix .searchCriteria p { line-height: 100%; margin:0; text-decoration:none; font-weight:normal; } .template-renderApplicantMatrix .applicantTitle { display:inline-block; font-weight: bold; font-size: 110%; margin-bottom:4px; margin-top:4px;} .template-renderApplicantMatrix .applicantDetails { margin-left: 20px; } .template-renderApplicantMatrix .applicantDetails p { line-height:130%; } .template-renderApplicantMatrix .centerBlock { max-width: 1400px; } .template-renderApplicantMatrix .appMatrix { margin-left:20px; } .template-renderApplicantMatrix .appMatrix ul { background-color: #f3f2f2; list-style:none; padding:0 !important; margin:0 !important; display:inline-flex; } .template-renderApplicantMatrix .appMatrix ul.sticky { position:sticky; top:0 !important; } .template-renderApplicantMatrix .appMatrix ul.odd { background-color: #f3f2f2; } .template-renderApplicantMatrix .appMatrix ul.even { } .template-renderApplicantMatrix .appMatrix ul li {padding-left:10px; display:inline-block; margin:0; width:56px; border-collapse:collapse; border-left: 1px solid grey; } .template-renderApplicantMatrix .appMatrix ul li.heading { font-weight:bold; writing-mode:sideways-lr; text-transform:uppercase; font-size:16px; text-align:center; padding-left: 18px; width: 38px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid grey;} .template-renderApplicantMatrix .appMatrix ul li.heading .popup { writing-mode:lr; display:none; position:absolute; border: 1px solid grey; background-color:#363636; color:white; padding: 5px 18px 6px 12px; border-radius:6px; margin-left:0; margin-top:12px; font-weight:normal; text-transform:uppercase; font-size:10px; line-height:1.25em; } .template-renderApplicantMatrix .appMatrix ul li.heading:hover .popup { display:block !important;} .template-renderApplicantMatrix .appMatrix ul li.heading:hover { color: #3464f3; } .template-renderApplicantMatrix .appMatrix ul li.heading1 { width:350px; font-weight: bold; font-size:18px; text-align:center; text-transform:uppercase; display:inline; margin-top: 32px; border-left: none; border-bottom: 1px solid grey; } .template-renderApplicantMatrix .appMatrix ul li.details { display:inline-block; width: 350px; border-left:none; font-size:16px; line-height:1.8em; } .template-renderApplicantMatrix .appMatrix ul.highlight:hover { color: #3464f3; } .template-renderApplicantMatrix .appMatrix ul li.details a.appName:hover { color:black !important; } .template-renderApplicantMatrix .appMatrix ul li.details .popup { display:none; position:absolute; border: 1px solid grey; background-color:#363636; color:white; padding: 5px 18px 6px 12px; border-radius:6px; margin-left:40px; margin-top:2px; font-size:12px; line-height:1.5em; } .template-renderApplicantMatrix .appMatrix ul li.details:hover .popup { display:block !important;} .template-renderApplicantMatrix .appMatrix ul li.posTerm { text-align:center; font-weight:bold; font-size:18px; padding: 0; xxxbackground-color:#d2cfcf; border-bottom: 1px solid grey; } .template-renderApplicantMatrix .appMatrix ul li.posTerm .popup { display:none; position:absolute; border: 1px solid grey; background-color:#363636; color:white; padding: 5px 18px 6px 12px; border-radius:6px; margin-left:0; margin-top:12px; font-weight:normal; text-transform:uppercase; line-height:1.25em; font-size:10px; } .template-renderApplicantMatrix .appMatrix ul li.posTerm:hover .popup { display:block !important;} .template-renderApplicantMatrix .appMatrix ul li.posTerm:hover { color: #3464f3; } .template-renderApplicantMatrix .appMatrix ul.highlight:hover { background-color: #d2cfcf; } .template-renderApplicantMatrix .footer { font-size: 18px; margin:20px 10px 65px; } .template-apply_online_section_adminInvite .posTable { line-height: 160%; } .template-renderApplicantInvitationSelection #searchButton { margin-top:12px; color: white; background:none; background-color: #232f3e; padding: 4px 26px; font-size: 16px !important; } { } .template-renderApplicantInvitationSelection { } /* */ /* */ }