/*@import url("https://fast.fonts.net/cssapi/ee71ef3e-a7f1-47dd-8ae1-4ae6bec02b30.css");*/
@import url("https://use.typekit.net/vtu8fxm.css");

.PageHead,
H1,
td.sfSection {
    font-family: "effra";
}

BODY,
P,
DIV,
TR,
TD,
CENTER,
TABLE,
SELECT,
TEXTAREA,
INPUT,
.DisplayHead {
    font-family: "effra";
}

.region-caption
{
	font-family: "effra";
}

/*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;
}


/*Top button bar - My Inbox, agreements, Site Admin, settings */
.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;
}


/*Color of unselect buttons when you hover over them in Top button bar */
.HeaderMajorTabRow .HeaderTabContents A:hover, .HeaderMajorTabRow .HeaderTabContents A:focus {
    background-color: #000000;
    color: #BEBEBE  !important;
}


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

/*start Minor row - Row under Agreements which lists - agreements, help center, reports, central actions*/
.HeaderMinorTabRow {
	padding-top: .5em;
	background-color: #000000;
	width: 100%;
	height: 2.5em;
	margin: 0 auto;
}

.HeaderMinorTabRow .HeaderTabContents {
	padding-top: 2em;
}

.HeaderMinorTabRow .HeaderTabContents A, .HeaderMinorTabRow .HeaderTabContents .Filler{
    display: table-cell;
    font-family: 'effra';
    font-size: 14pt;
    color: #FFFFFF;
    padding: .2em 1.5em;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
}

.HeaderMinorTabRow .HeaderTabContents A.Selected {
    height: 100%;
    text-align: center;
    color: #BEBEBE;
    cursor: pointer;
    padding: 0 1em;
}

.HeaderMinorTabRow .HeaderTabContents A:hover, .HeaderMinorTabRow .HeaderTabContents A:focus {
    color: #BEBEBE;
}

    .HeaderMinorTabRow .HeaderTabContents A:hover:after, .HeaderMinorTabRow .HeaderTabContents A:focus:after {
        line-height: .5em;
        color: #BEBEBE; /*??? */
        position: relative;
        display: block;
        /*This is for the little triangle icon under the text so I need to leave this font family as is out of the box*/
        font-family: 'Font Awesome 5 Pro';
        content: "\f106";
        font-weight: 900;
    }

    .HeaderMinorTabRow .HeaderTabContents A.Selected:after {
        line-height: .5em;
        color: #BEBEBE; /*??? */
        position: relative;
        display: block;
        /*This is for the little triangle icon under the text so I need to leave this font family as is out of the box*/
        font-family: 'Font Awesome 5 Pro';
        content: "\f0d8";
        font-weight: 900;
    }

.HeaderMinorTabRow .HeaderTabContents .OverFlowLink {
    text-align: left;
	padding-left: .5em; 
	padding-right: .5em; 
	width: 99%;
}

.HeaderMinorTabRow .HeaderTabContents .OverFlowLink:hover:after {
    content: none;
}

/*End Minor row - Row under Agreements which lists - agreements, help center, reports, central actions*/

/*Start tabs under Minor Row - like All Agreements, unassigned, new, in progress, etc. )*/
/*Background of unselected buttons in sub tabs (tabs under Minor Row - like All Agreements, unassigned, new, in progress, etc. )*/
.NavigationTabControl a, td.TabOn, td.TabOff {
	background-color: #6B000D;
	border-right: 0px solid white;
    border-left: 0px solid white;
    color: #FFFFFF !important;
    font-family: 'effra';
}

/*Background of spacer (blank space) in sub tabs (tabs under Minor Row - like All Agreements, unassigned, new, in progress, etc. )*/
.NavigationTabSpacer {
    background-color: #6B000D;
}

/*Color of selected button in sub tabs (tabs under Minor Row - like All Agreements, unassigned, new, in progress, 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 Minor Row - like All Agreements, unassigned, new, in progress, 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 Minor Row - like All Agreements, unassigned, new, in progress, etc. )*/
.NavigationTabControl .active:hover, td.TabOn:hover, .NavigationTabControl .active:focus, td.TabOn:focus{
  background: #000000;
  color: #bebebe !important;
}

/*End tabs under Minor Row - like All Agreements, unassigned, new, in progress, etc. )*/


/*Current state box in upper left of workspace*/
.CurrentState {
    background-color: #6B000D;
    color: #FFFFFF;
    font-family: 'effra';
}

.Button, .Button2, .button2 {
	box-shadow: none;
	font-family: 'effra';
	background-color: #000000;
	color: #ffffff;
	border: 0 none;
	border-radius: 4px 4px 4px 4px;
	font-size: 11pt;
	padding: .33em 1.5em;
}

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

/*This button name contains spaces and to locate with this search I need to include the %20 syntax*/
img[src*="Edit%20Agreement.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://agreements.myresearch.stonybrook.edu/Agreements_Images/SBU_EditAgreement.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://agreements.myresearch.stonybrook.edu/Agreements_Images/SBU_PrinterVersion.png) no-repeat;
}

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

/*View All Correspondence button needs to be handled differently, through base change to Site Designer Page - Applications:/Agreements/ViewAllCorrespondenceButton*/

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

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

img[src*="GotoAmendment.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://agreements.myresearch.stonybrook.edu/Agreements_Images/SBU_GoToAmendment.png) no-repeat;
}

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