/*@import url("https://fast.fonts.net/cssapi/ee71ef3e-a7f1-47dd-8ae1-4ae6bec02b30.css");*/
@import url("https://use.typekit.net/vtu8fxm.css");

/*
	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: "effra";
}

.HeaderMinorTabRow .HeaderTabContents A.Selected:after {
	font-family: "effra";
}

.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;
}
*/
/*Part of <Td class="list"> so I needed diff padding values*/

.Button{
	background-color: #000000;
	font-family: 'Helvetica', 'Helvetica Neueu', 'Segoe UI', 'Arial', serif;
}

.Button2{
	background-color: #000000;
	font-family: 'Helvetica', 'Helvetica Neueu', 'Segoe UI', 'Arial', serif;
}

.Button:hover, .Button2:hover {
	background-color: #4B4B4B;
	cursor: pointer;
}

.Button:focus {
	color: #FFFFFF;
}

.Button:focus, .Button2:focus{
    border: 0px;
    box-shadow: 0 0 3px 3px #828282;
	background-color: #4B4B4B;    
}

.TransparentButton {
	color: #6b000d;
}

.Icon-HelpButton {
	color: #6b000d;
}

.Icon-HelpButton:hover {
	color: #000000;
}

.FormHead {
	background-color: #6b000d;
}

.ComponentHeaderTable {
    background-color: #000000;
}

/*Create Safety Submission button*/
img[src*="Create%20Safety%20Submission.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_CreateSafetySubmission.png) no-repeat;
}

/*Create Safety Incident button*/
img[src*="Create%20Safety%20Incident.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_CreateSafetyIncident.png) no-repeat;
}

/*Create Safety Inspection button*/
img[src*="Create%20Safety%20Inspection.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_CreateSafetyInspection.png) no-repeat;
}

/*Create New Meeting button*/
img[src*="CreateNewMeeting.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_CreateNewMeeting.png) no-repeat;
}

/*Create New Committee button*/
img[src*="CreateNewCommittee.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_CreateNewCommittee.png) no-repeat;
}

/*Edit Facility button*/
img[src*="Edit%20Facility.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_EditFacility.png) no-repeat;
}

/*Printer Version button*/
img[src*="Printer%20Version.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 235px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_PrinterVersion.png) no-repeat;
}

/*Create Sub-facility button*/
img[src*="Create%20Subfacility.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_CreateSubfacility.png) no-repeat;
}

/*Create Equipment button*/
img[src*="Create%20Equipment.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_CreateEquipment.png) no-repeat;
}

/*Reserve Facility button*/
img[src*="Reserve%20Facility.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_ReserveFacility.png) no-repeat;
}

/*Edit Protocol button*/
img[src*="Edit%20Protocol.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_EditProtocol.png) no-repeat;
}

/*View Differences button*/
img[src*="View%20Differences.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 235px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_ViewDifferences.png) no-repeat;
}

/*Edit Inspection button*/
img[src*="Edit%20Inspection.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_EditInspection.png) no-repeat;
}

/*Edit Incident button*/
img[src*="Edit%20Incident.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_EditIncident.png) no-repeat;
}

/*New Meeting button*/
img[src*="newMeeting.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_NewMeeting.png) no-repeat;
}

/*Edit Reservation button*/
img[src*="Edit%20Reservation.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_EditReservation.png) no-repeat;
}

/*Edit Equipment button*/
img[src*="Edit%20Equipment.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_EditEquipment.png) no-repeat;
}

/*Reserve Equipment button*/
img[src*="Reserve%20Equipment.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_ReserveEquipment.png) no-repeat;
}

/*Edit Inventory button*/
img[src*="Edit%20Inventory.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_EditInventory.png) no-repeat;
}

/*View Protocol button*/
img[src*="View%20Protocol.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_ViewProtocol.png) no-repeat;
}

/*Create Amendment button*/
img[src*="Create%20Amendment.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_CreateAmendment.png) no-repeat;
}

/*Create Continuing Review button*/
img[src*="Create%20Continuing%20Review.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_CreateContinuingReview.png) no-repeat;
}

/*Edit Amendment button*/
img[src*="Edit%20Amendment.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_EditAmendment.png) no-repeat;
}

/*View Continuing Review button*/
img[src*="View%20Continuing%20Review.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_ViewContinuingReview.png) no-repeat;
}

/*View Differences button*/
img[src*="View Differences.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_ViewDifferences.png) no-repeat;
}

/*View Amendment button*/
img[src*="View%20Amendment.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_ViewAmendment.png) no-repeat;
}

/*Edit Continuing Review button*/
img[src*="Edit%20Continuing%20Review.png"]{
  width: 0px;
  height: 0px;
  padding: 42px 245px 0px 0px;
  background: url(https://safety.myresearch.stonybrook.edu/Safety_Images/SBU_EditContinuingReview.png) no-repeat;
}