@import url("https://use.typekit.net/vtu8fxm.css");

/*
	Credit Distribution
*/
.creditDistributionRoutingTable tbody td {
	border-bottom: 1px solid #C0C0C0;
}
.creditDisplayEven {
	background:#CCCCCC;
	overflow: auto;
	display: block;
}
.creditDisplayOdd {
	background:#E3E3E3;
	overflow: auto;
	display: block;
}

.creditDistributionTable {
	width:100%;
	border:1px solid #C0C0C0;
	border-collapse:collapse;
	padding:5px;
}
.readOnlyInputField {
	border: none;
    outline: none;
    background-color: transparent;
}
.creditDistributionTable th {
	border:1px solid #C0C0C0;
	padding:5px;
	background:#F0F0F0;
}

.creditDistributionTable td {
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	padding:5px;
}

.creditInputCell {
	text-align: right;
}

.creditPerson {
	border-bottom: 1px solid #C0C0C0;
}

.creditInput {
	text-align: right;
	width: 50px;
}

.creditSubtotal {
	background: #DBDBDB;
	text-align: right;
}

.creditProposalTotal {
	background: #F0F0F0;
	text-align: right;
}

.success, .error, .info {
border: 1px solid;
margin: 10px 0px;
padding:10px 10px 10px 10px;
background-repeat: no-repeat;
background-position: 10px center;
}

.success {
color: #4F8A10;
background-color: #DFF2BF;
}

.error {
color: #D8000C;
background-color: #FFBABA;
}

.info {
color: #00529B;
background-color: #BDE5F8;
}

.saveButton {
	border:1px solid #C0C0C0;
	padding:5px;
	background:#F0F0F0;
	float: right;
}
.saveButton:hover {
	background-color: #f0f0f0;
}

.removeButton {
	border:1px solid #C0C0C0;
	padding:5px;
	background:#F0F0F0;
	margin-right: 15px;
}

/*
	Start of Stony Brook Branding Changes
*/

/*Top button bar - My Inbox, Site Admin, Grants, settings, etc. */
.TopNavTabArea {
	line-height: 22px;
    background-color: #6B000D;
    background-size: 100% 100%;
}

/*Color of selected button and text in Top button bar */
.HeaderMajorTabRow .HeaderTabContents A.Selected {
    background-color: #000000;
    color: #BEBEBE  !important;
    border-bottom: 1px solid #000000;
}

/*Color of borders around buttons in Top button bar */
.HeaderMajorTabRow .HeaderTabContents A, .HeaderMajorTabRow .HeaderTabContents .Filler{
    border-right: 0px solid white;
    border-left: 0px solid white;
    font-family: "effra";
    font-size: 15pt;
}

/*Background color of top left nav - behind logo*/
.TopNavAreaLeft {
    background-Color: #FFFFFF;
    padding: 5px 0px 0px 5px;
}

/*Background color of top right nav - behind logo*/
.TopNavAreaRight {
    background-Color: #FFFFFF;
}

/*Color of sub button bar - below topmost button bar*/
.HeaderMinorTabRow {
    background-color: #000000;
}

/*Color of text in sub button bar (below topmost button bar) when button not selected*/
.HeaderMinorTabRow .HeaderTabContents A, .HeaderMinorTabRow .HeaderTabContents .Filler{
    color: #FFFFFF;
    font-family: "effra";
    font-size: 14pt;
}

/*Color of text in sub button bar (below topmost button bar) when button is selected*/
.HeaderMinorTabRow .HeaderTabContents A.Selected {
    color: #BEBEBE;
    font-family:  "effra";
}

/*Color of text in sub button bar (below topmost button bar) when button is hovered over*/
.HeaderMinorTabRow .HeaderTabContents A:hover, .HeaderMinorTabRow .HeaderTabContents A:focus {
    color: #BEBEBE;
}

/*Background of unselected buttons in sub tabs (tabs under Grants, Site Administration, etc.)  */
.NavigationTabControl a, td.TabOn, td.TabOff {
	background-color: #6B000D;
	border-right: 0px solid white;
    border-left: 0px solid white;
    color: #FFFFFF !important;
}

/*Background of spacer (blank space) in sub tabs header (tabs under Grants, Site Administration, etc.)  */
.NavigationTabSpacer {
    background-color: #6B000D;
}

/*Color of selected button in sub tabs (tabs under Grants, Site Administration, etc.)*/
.NavigationTabControl .active, td.TabOn {
	background: #000000;
	color: #bebebe !important;
}

/*Unselected button and hover over it. This refers to buttons in sub tabs (tabs under Grants, Site Administration, etc.)*/
.NavigationTabControl a:hover, td.TabOff:hover, .NavigationTabControl a:focus, td.TabOff:focus {
	color: #BEBEBE !important;
	background: #6B000D;
}

/*Hover over selected button.  This refers to buttons in sub tabs (tabs under Grants, Site Administration, etc.) */
.NavigationTabControl .active:hover, td.TabOn:hover, .NavigationTabControl .active:focus, td.TabOn:focus{
  background: #000000;
  color: #bebebe !important;
}

BODY, P, DIV, TR, TD, CENTER, TABLE, SELECT, TEXTAREA, INPUT {
    font: 12pt "effra";
}

#ScriptForm textarea,
#OutputScript {
    font-family: "effra";
}

H1 {
    font-family: "effra";
}

H2 {
    font-family: "effra";
}

H3 {
    font-family: "effra";
}

H4 {
    font-family: "effra";
}

.entity-action-button
{
	font-family: "effra";
	font-size: 10pt;
}

/*
By setting these font-family attributes to effra it changes the way the checkbox and radio buttons appear on the SmartForms which
I don't think we want to do so I am commenting out for now

input[type=checkbox] + label.ReplaceWithIcon:before {
	font-family: "effra";
}

input[type=checkbox]:checked + label.ReplaceWithIcon:before {
	font-family: "effra";
}

input[type=radio] + label.ReplaceWithIcon:before {
	font-family: "effra";
}

input[type=radio]:checked + label.ReplaceWithIcon:before {
	font-family: "effra";
}
*/

.Button, .Button2, .button2 {
	font-family: "effra";
	font-size: 11pt;
}

.SmallButton {
	font-family: "effra";
	font-size: 10pt;
}

.DisplayHead, .DisplayHeadSort  {
	font-family:"effra";
}

.PageHead {
	font-family: "effra";
    font-size: 17pt;
}

.TopNavTabOff, .TopNavTabOff:link, .TopNavTabOff:active, .TopNavTabOff:visited {
	font-family: "effra";
	font-size: 10pt;
}

.TopNavTabOn:link, .TopNavTabOn:active, .TopNavTabOn:visited {
	font-family: "effra";
	font-size: 10pt;
}

.GB_caption {
    font: 12px bold "effra";
}

span.jsonSuggestResultIndicator {
    font: italic 8pt "effra";
}

.pwdChkMeter {
    font-family: "effra";
}

.HeaderMajorTabRow .HeaderTabContents A, .HeaderMajorTabRow .HeaderTabContents .Filler{
	font-family: "effra";
}

.HeaderMajorTabContentsOverflow A  {
    font-family: "effra";
    font-size: 15pt;
}

.HeaderMajorTabContentsOverflow A.Selected:before {
    font-family: "effra";
}

.HeaderMinorTabRow .HeaderTabContents A, .HeaderMinorTabRow .HeaderTabContents .Filler{
	font-family: "effra";
}

.HeaderMinorTabRow .HeaderTabContents A:hover:after, .HeaderMinorTabRow .HeaderTabContents A:focus:after {
	font-family: 'Font Awesome 5 Pro';
}

.HeaderMinorTabRow .HeaderTabContents A.Selected:after {
	font-family: 'Font Awesome 5 Pro';
}

.HeaderMinorTabContentsOverflow A.Selected:before {
	font-family: "effra";
}

.NavigationTabControl a, td.TabOn, td.TabOff {
	font-family: "effra";
	font-size: 11pt;
}

.NavigationTabControl .NavigationTab-overflow {
	font-family: "effra";
	font-size: 12pt;
}

.SubTabOff {
    font: 10pt;
    font-family: "effra";
}

.SubTabOn {
    font: 10pt;
    font-family: "effra";
}


/*Formatting for Status box in upper left nav*/
.CurrentState{
  background-color: #6B000D;
  font-family: "effra";
  color: #FFF;
  font-size: 24px;
  min-width: 208px;
  padding: 10px;
  text-align: center;
}

/*Set color of labels in top header form when funding prop is open.  Not sure what other places this impacts.  May need to remove*/
.workspaceTable tbody {
	color: #000000;
}

/*Set color of values in top header form when funding prop is open.  Not sure what other places this impacts.  May need to remove*/
td.List {
    color: #000000;
}

/*
Don't know if i need these yet
H1 {
  color: #000000;
}

.RoomComponent{
  padding: 0;
}
*/


/*This button name contains spaces and to locate with this search I need to include the %20 syntax*/
img[src*="Edit%20Funding%20Proposal.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_EditFundingProposal.png) no-repeat;
}

/*This button name contains spaces and to locate with this search I need to include the %20 syntax*/
img[src*="Create%20Document%20Review.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_CreateDocumentReview.png) no-repeat;
}

/*This button name contains spaces and to locate with this search I need to include the %20 syntax*/
img[src*="Create%20Funding%20Proposal.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_CreateFundingProposal.png) no-repeat;
}

/*This button name contains spaces and to locate with this search I need to include the %20 syntax*/
img[src*="Create%20Funding%20Award.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_CreateFundingAward.png) no-repeat;
}

/*This button name contains spaces and to locate with this search I need to include the %20 syntax*/
img[src*="View%20Funding%20Proposal.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_ViewFundingProposal.png) no-repeat;
}

/*This button name contains spaces and to locate with this search I need to include the %20 syntax AND Part of <Td class="list"> so I needed diff padding values*/
img[src*="Printer%20Version.png"]{
  width: 0px;
  height: 0px;
  padding:42px 245px 0px 235px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_PrinterVersion.png) no-repeat;
}

/*This button name contains spaces and to locate with this search I need to include the %20 syntax AND Part of <Td class="list"> so I needed diff padding values*/
img[src*="View%20Differences.png"]{
  width: 0px;
  height: 0px;
  padding:42px 245px 0px 235px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_ViewDifferences.png) no-repeat;
}

/*This button name contains spaces and to locate with this search I need to include the %20 syntax*/
img[src*="Edit%20Budget.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_EditBudget.png) no-repeat;
}

/*This button name contains spaces and to locate with this search I need to include the %20 syntax*/
img[src*="View%20Budget.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_ViewBudget.png) no-repeat;
}

/*This button name contains spaces and to locate with this search I need to include the %20 syntax*/
img[src*="Edit%20Award.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_EditAward.png) no-repeat;
}

/*This button name contains spaces and to locate with this search I need to include the %20 syntax*/
img[src*="Create%20Subaward.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_CreateSubaward.png) no-repeat;
}

img[src*="View%20Award.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_ViewAward.png) no-repeat;
}

img[src*="Request%20Award%20Modification.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_RequestAwardModification.png) no-repeat;
}

img[src*="Edit%20Modification%20Request.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_EditModificationRequest.png) no-repeat;
}

img[src*="View%20Modification%20Request.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_ViewModificationRequest.png) no-repeat;
}

img[src*="Edit%20Subaward.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_EditSubaward.png) no-repeat;
}

img[src*="View%20Subaward.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_ViewSubaward.png) no-repeat;
}

img[src*="Create%20Renewal.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_CreateRenewal.png) no-repeat;
}

img[src*="Create%20Award%20Modification.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_CreateAwardModification.png) no-repeat;
}

img[src*="Create%20Continuation.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_CreateContinuation.png) no-repeat;
}

img[src*="Create%20Revision%20%28Supplement%29.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_CreateRevisionSupplement.png) no-repeat;
}

img[src*="Edit%20Award%20Modification.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_EditAwardModification.png) no-repeat;
}

img[src*="View%20Award%20Modification.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_ViewAwardModification.png) no-repeat;
}

/*SF424 button*/
img[src*="EditGrantApplication.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_EditGrantApplication.png) no-repeat;
}

/*SF424 button*/
img[src*="ViewGrantApplication.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_ViewGrantApplication.png) no-repeat;
}

/*SF424 button*/
/*Part of <Td class="list"> so I needed diff padding values*/
img[src*="PrinterVersion_BG.png"]{
  width: 0px;
  height: 0px;
  padding:42px 245px 0px 235px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_PrinterVersion.png) no-repeat;
}

/*SF424 button*/
/*Part of <Td class="list"> so I needed diff padding values*/
img[src*="ViewDifferences.png"]{
  width: 0px;
  height: 0px;
  padding:42px 245px 0px 235px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_ViewDifferences.png) no-repeat;
}

img[src*="Create%20Resubmission.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_CreateResubmission.png) no-repeat;
}

/*FOA button*/
img[src*="ApplyForGrant.png"]{
  width: 0px;
  height: 0px;
  padding:42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_ApplyForGrant.png) no-repeat;
}

/*Part of <Td class="list"> so I needed diff padding values*/
img[src*="PrinterVersion_BG%20-%20Copy.png"]{
  width: 0px;
  height: 0px;
  padding:42px 245px 0px 235px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_PrinterVersion.png) no-repeat;
}


/*These next two entries are for the proj type and id that display in the upper right corner of the top header form when funding prop/award is open.
  I tried to match their color scheme to the top header tab view with how we changed ours to Red and Black. Wasn't sure about the font color on the black.  Left white
  for now but perhaps it should be grey?
*/
.SF424Workspace_IDCell {
    background-color: #000000;
    border: 1px solid #000000;
    color: #FFF; /*perhaps we want to make this grey #BEBEBE? */
    font: 22px "effra";
}


.SF424Workspace_NameCell {
    background-color: #6B000D;
    border: 1px solid #6B000D;
    color: #FFF;
    font: 22px "effra";
}

/*
	End of Stony Brook Branding Changes
*/

/*Change for PROP-131 to reduce spacing in when help text wraps*/
.sfQuestionHelp em {
	line-height:0;
}

/*Added to address formatting issues on AWard Change Request Details SF PROP-177 */
.SFQuestions li span .PrintQuestion,
.SFQuestions li span,
.SFQuestions span#readonly.PrintAnswer b {
	font-family: "effra";
}

.SFQuestions li,
td.sfQuestionIdentifier {
	font-family: "effra";
}

.SFQuestions ol li ol li span,
.SFQuestions li span.ViewSingleRefControl,
.SFQuestions span#readonly.PrintAnswer,
.SFQuestions li p,
.BooleanVerticalDisplay span {
    color: #252525;
    font-family: "effra";
}

/*Formatting for Status box in upper left nav for SF424 proj type*/
.SF424CurrentState {
    background-color: #6B000D;
    color: #FFF;
    padding: 5px;
    text-align: center;
    font-size: 14pt;
    font-family: "effra";
    min-width: 208px;
}

.sfTableWrapperNSFquestion {
    width: 100%;
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}

/*v10 change*/
/*Color of unselect buttons when you hover over them in Top button bar (Dashboard, Admin, COI, Grants, SF424 Center, Settings) */
.HeaderMajorTabRow .HeaderTabContents A:hover, .HeaderMajorTabRow .HeaderTabContents A:focus {
    background-color: #000000;
    color: #BEBEBE  !important;
}

/*v10 change*/
/*Handle font on our sub question 10 on Gen Prop Info Extension View*/
.SFQuestions li span.PrintQuestion,
.SFQuestions span#readonly.PrintAnswer b {
	font-family: "effra";
}

/*v10 change*/
/*Button on Award Mod proj type*/
img[src*="Printer%2520Version.png"]{
  width: 0px;
  height: 0px;
  padding:42px 245px 0px 235px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_PrinterVersion.png) no-repeat;
}

/*v10 change*/
/*Create Cost Share button*/
img[src*="Create%20Cost%20Share.png"]{
  width: 0px;
  height: 0px;
  padding:42px 245px 0px 0px;
  background: url(https://grants.myresearch.stonybrook.edu/Grants_Images/SBU_CreateCostShare.png) no-repeat;
}


/*JM 12-4-2025 - Test addition to file for new TFS branch*/