﻿/* Tags */


body {
  color: #454a65;
}

#FnlSubSitePage > .InnerPage {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c3c3c3+0,efefef+69 */
  background: rgb(195,195,195); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(195,195,195,1) 0%, rgba(239,239,239,1) 200px); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(195,195,195,1) 0%,rgba(239,239,239,1) 200px); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(195,195,195,1) 0%,rgba(239,239,239,1) 200px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

  #FnlSubSitePage > .InnerPage.NoSideBar > .PageContainer > .WidthContain {
    max-width: 974px;
  }

h1 {
  font-size: 26px;
  font-weight: normal;
  color: #013d78;
}

h2 {
  font-weight: bold;
  color: #478c71;
}

a {
  color: #0054a6;
}

h2 a {
  color: #999999;
}

th {
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
  text-align: left;
}

td.row1 {
  padding: 5px 3px 5px 6px;
}

td.row2 {
  padding: 5px 3px 5px 6px;
  background: #f7f7f7;
}

/*ul, ol
{
  margin-bottom: 0px;
  margin-top: 0px;
}*/

/* Page */
.Page {
  position: relative;
  width: 890px;
  border: 1px solid #d4d4d4;
  background-color: #FFF;
  margin-left: auto;
  margin-right: auto;
}

/* Header */
.Header {
  background-image: url('../Media/Images/IBC_Banner.jpg' );
  background-repeat: no-repeat;
  height: 94px;
  border-bottom: 1px solid #ebebeb;
}

/* Banner Text */
.BannerText {
  position: absolute;
  left: -9999px;
}

/* Content Wrapper */
#ContentWrapper {
  background-repeat: no-repeat;
  padding: 10px;
  margin-left: auto;
  margin-right: auto; /*overflow: auto;*/
}

/* Content */
.Content {
  margin-left: 170px;
}

/* Menu */
#Menu {
  float: left;
  width: 158px;
}

#LeftNav {
  background-image: url( '../Media/Images/Nav_background.jpg' );
  background-repeat: no-repeat;
  border: 1px solid #d4d4d4;
  background-color: #f7f7f7;
  margin-bottom: 10px;
}

  #LeftNav a {
    color: #0054a6;
    text-decoration: none;
    font-weight: bold;
  }

    #LeftNav a:hover {
      color: #58a788;
      text-decoration: underline;
      font-weight: bold;
    }

  #LeftNav h3 {
    font-size: .95em;
    margin: 10px;
    color: #333e4a;
  }

    #LeftNav h3 a {
      color: #333e4a;
    }

      #LeftNav h3 a:hover {
        text-decoration: underline;
        color: #333e4a;
      }

  #LeftNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
  }

  #LeftNav li {
    padding: 10px 5px 5px 10px;
    margin: 0;
  }

#FnlSubSiteSideBar h2 {
  background-position: left bottom;
  background-repeat: repeat-x;
  color: #072E55;
}

  #FnlSubSiteSideBar h2 a {
    color: #072E55;
  }

#FnlSubSiteSideBar nav.SideNavigation > ul ul {
  padding: 2px 0px 0px 10px;
}

#FnlSubSiteSideBar nav.SideNavigation > ul a {
  color: #1C71B1;
}

/* FNL Grid View */
.FnlGridView {
  width: 725px;
}

.FnlGridViewHeader {
  background-color: #3160B0;
  border-bottom: 1px solid Silver;
  color: White;
  font-weight: bold;
  text-align: left;
}

.FnlGridViewAlternatingRow {
  background-color: #EDF5FA;
}

.FnlGridView .IbcNumberColumn {
  background-image: url('../Media/Images/Icons/CID/report16.png');
  background-repeat: no-repeat;
  background-position: 6px 5px;
  padding-left: 32px;
  width: 80px;
}

.FnlGridView .IbcGridTwoButtonActionColumn {
  width: 55px;
  text-align: center;
}

textarea {
  resize: none;
}

/* FNL Field Set */
fieldset.FnlFieldSet {
  margin: 12px 0px 0px 0px;
}

  fieldset.FnlFieldSet ol.InputFields {
    margin: 12px 0px 0px 0px;
  }

    fieldset.FnlFieldSet ol.InputFields li > label.Question:first-child {
      float: none;
      width: auto;
      padding: 0px 12px 0px 0px;
      margin: 0px;
      font-weight: bold;
    }

    /*fieldset.FnlFieldSet ol.InputFields ol.InputFields
{
  margin-left: 20px;
  border: 1px solid Silver;
  padding: 12px;
}*/

    fieldset.FnlFieldSet ol.InputFields ol.Columns {
      padding: 0px;
      margin: 0px;
      overflow: hidden;
      width: 100%;
      list-style-type: none;
      margin-bottom: 6px;
    }

      fieldset.FnlFieldSet ol.InputFields ol.Columns li {
        padding: 0px;
        margin: 0px;
        float: left;
      }

      fieldset.FnlFieldSet ol.InputFields ol.Columns.Two li {
        width: 50%;
      }

      fieldset.FnlFieldSet ol.InputFields ol.Columns.Two.Small {
        width: auto;
      }

        fieldset.FnlFieldSet ol.InputFields ol.Columns.Two.Small li {
          width: 50%;
        }

      fieldset.FnlFieldSet ol.InputFields ol.Columns.Three li {
        width: 33%;
      }

      fieldset.FnlFieldSet ol.InputFields ol.Columns.Four li {
        width: 25%;
      }

  fieldset.FnlFieldSet ol.Fnl.Wide li > label:first-child {
    width: 110px;
  }

  fieldset.FnlFieldSet ol.InputFields.Wide .InputNote {
    margin-left: 110px;
  }

  fieldset.FnlFieldSet ol.InputFields ol.InputFields.SelectionConditional {
    padding: 0px;
    border-style: none;
    margin-left: 25px;
  }

  fieldset.FnlFieldSet ol.InputFields li.Other {
    margin-top: 6px;
  }

    fieldset.FnlFieldSet ol.InputFields li.Other textarea.Book {
      width: 80%;
      height: 120px;
      margin-top: 6px;
      resize: none;
    }

    fieldset.FnlFieldSet ol.InputFields li.Other textarea.Description {
      width: 60%;
      height: 100px;
      margin-top: 6px;
    }

    fieldset.FnlFieldSet ol.InputFields li.Other textarea.DescriptionSlim {
      width: 60%;
      height: 80px;
      margin-top: 6px;
    }

    fieldset.FnlFieldSet ol.InputFields li.Other .InputNote {
      margin-left: 0px;
    }

/* FNL Messages */
.ValidationError {
  font-size: .8em;
}

.SuccessMessage {
  color: green;
  font-weight: bold;
}

.ValidationSummary ul {
  font-size: .8em;
}

/* IBC Sub-Site Page Header */
#FnlSubSiteHeader .SubSiteHeader .WidthContain {
  background-image: url('../Media/Images/IbcPageHeader.png');
  background-repeat: no-repeat;
}

.IBCHomeLink {
  display: block;
  width: 1040px;
  height: 83px;
}
/* IBC Table */
.IbcTable {
  border: 1px solid #d4d4d4;
  font-size: 0.9em;
  width: 380px;
  padding: 0px;
}

  .IbcTable th {
    background-image: none;
    border-bottom: 1px solid #d4d4d4;
    color: Black;
    font-weight: bold;
    padding: 6px;
    background-color: White;
    text-align: left;
  }

  .IbcTable td {
    padding: 3px 6px 3px 6px;
    vertical-align: top;
    border-bottom: 1px solid White;
    width: 50%;
  }

  .IbcTable th a:hover {
    text-decoration: underline;
  }

  .IbcTable th a:active {
  }

  .IbcTable tr {
    background-color: #ecf6ff;
  }

    .IbcTable tr.Alternate {
      background-color: #e2ecf5;
    }

/* Login Page Content */
.LoginPageContent {
  margin: 0px 24px 24px 24px;
}

  .LoginPageContent .Overview {
    margin: 24px 27px 0px 378px;
    font-size: .875em;
  }

/* Notice Box */
.NoticeBox {
  border: 1px dotted #d4d4d4;
  background-image: url('../Media/Images/NoticeBoxBackground.png');
  background-position: left bottom;
  background-repeat: repeat-x;
  color: #033A7B;
  overflow: hidden;
  margin: 0px 0px 12px 0px;
  padding: 12px;
}

  .NoticeBox h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #033A7B;
    padding: 0px;
    margin: 0px 0px 0px 0px;
  }

  .NoticeBox hr {
    border: 1px solid #BADAF3;
  }

  .NoticeBox .Notices p {
    padding: 0px;
    margin-top: 0px;
  }

  .NoticeBox .Important {
    text-transform: uppercase;
  }

  .NoticeBox .Notices {
    background-image: url('../Media/Images/Icons/CID/InfoDot.png');
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 60px;
  }

/* IBC Link Button */
a.IbcLinkButton {
  height: 20px;
  min-width: 120px;
  color: #224683;
  background-image: url('../Media/Images/Buttons/IbcButton.png');
  background-repeat: no-repeat;
  display: inline-block;
  padding: 4px 12px 0px 12px;
  font-weight: bold;
  text-decoration: none;
}

  a.IbcLinkButton:hover {
    background-image: url('../Media/Images/Buttons/IbcButton-Hover.png');
    color: #ffffff;
  }

  a.IbcLinkButton.Previous {
    background-image: url('../Media/Images/Buttons/PreviousButton.png');
    padding: 14px 12px 11px 60px;
    background-position: left;
  }

    a.IbcLinkButton.Previous:hover {
      background-image: url('../Media/Images/Buttons/PreviousButton-Hover.png');
    }

  a.IbcLinkButton.Next {
    background-image: url('../Media/Images/Buttons/NextButton.png');
    padding: 14px 60px 11px 12px;
    background-position: right;
  }

    a.IbcLinkButton.Next:hover {
      background-image: url('../Media/Images/Buttons/NextButton-Hover.png');
    }

.ApplicationStepNavigation {
  border-top: 1px solid Silver;
  padding: 12px 0px 0px 0px;
  overflow: hidden;
}

  /* Application Step Navigation */
  .ApplicationStepNavigation .Previous {
    float: left;
    margin: 0px 0px 0px 120px;
  }

  .ApplicationStepNavigation .Next {
    float: right;
    margin: 0px 120px 0px 0px;
  }

/* Mini Wizard Status */
ul.MiniWizardStatus {
  list-style-type: none;
  overflow: hidden;
  padding: 6px 0px 6px 0px;
  margin: 12px 0px 12px 0px;
  border-top: 1px solid Silver;
  border-bottom: 1px solid Silver;
}

  ul.MiniWizardStatus li {
    float: left;
    padding: 0px;
    margin: 0px 12px 0px 0px;
  }

    ul.MiniWizardStatus li.Selected {
      background-color: Yellow;
    }

/* Leads */
div.Lead {
  font-weight: bold;
  padding: 0px 12px 0px 0px;
  color: #224683;
}

span.Lead {
  font-weight: bold;
  padding: 0px 12px 0px 0px;
  color: #224683;
}

span.LeadWithBottom {
  font-weight: bold;
  padding: 0px 12px 12px 0px;
  color: #224683;
}

div.LeadWithBottom {
  font-weight: bold;
  padding: 0px 12px 12px 0px;
  color: #224683;
}

/* WelcomeBar */
.WelcomeBar {
  text-align: right;
  font-size: .8em;
  margin: 0px 0px 6px 0px;
}

  .WelcomeBar img {
    vertical-align: middle;
  }

/* ApplicationPage */
.ApplicationPage {
  min-height: 300px;
  padding-bottom: 24px;
  position: relative;
}

  .ApplicationPage h2 {
    color: #F79B00;
  }

fieldset.FnlFieldSet > ol.InputFields li > label:first-child {
  width: 120px;
  margin: 0px 0px 0px 0px;
}


.ApplicationPage fieldset.FnlFieldSet > ol.InputFields li > label:first-child {
  width: 100px;
}

.ApplicationPage fieldset.FnlFieldSet ol.InputFields .InputNote {
  margin-left: 100px;
}

.ApplicationPage fieldset.FnlFieldSet ol.InputFields input[type="checkbox"] {
  margin-right: 4px;
  padding: 0px;
}

.ApplicationPage fieldset.FnlFieldSet ol.InputFields > li.SubQuestion {
  margin: 6px 0px 12px 24px;
  padding: 12px 12px 12px 12px;
  background-color: #FEF8DA;
  border: 2px solid #fbe98f;
  color: #57504A;
}

.ApplicationPage fieldset.FnlFieldSet.SubQuestion {
  margin: 10px 0px 12px 24px;
  padding: 12px 12px 12px 12px;
  background-color: #FEF8DA;
  border: 2px solid #fbe98f;
  color: #57504A;
}

.ApplicationPage fieldset.FnlFieldSet ol.SubQuestion {
  margin: 0px 0px 12px 24px;
  padding: 12px 12px 12px 12px;
  background-color: #FEF8DA;
  border: 2px solid #fbe98f;
  color: #57504A;
}

.ApplicationPage .SubQuestion > fieldset.FnlFieldSet:first-child > legend:first-child + ol.InputFields {
  margin-top: 0px;
}

.ApplicationPage .SubQuestion > fieldset.FnlFieldSet:first-child,
.ApplicationPage .SubQuestion > h1:first-child,
.ApplicationPage .SubQuestion > h2:first-child,
.ApplicationPage .SubQuestion > h3:first-child,
.ApplicationPage .SubQuestion > h4:first-child,
.ApplicationPage .SubQuestion > h5:first-child,
.ApplicationPage .SubQuestion > h6:first-child,
.ApplicationPage .SubQuestion > p:first-child,
.ApplicationPage .SubQuestion > ul:first-child,
.ApplicationPage .SubQuestion > ol:first-child {
  margin-top: 0px;
}

.ApplicationPage fieldset.FnlFieldSet ol.SubQuestion2 {
  margin: 0px 0px 12px 24px;
  padding: 12px 12px 12px 12px;
  background-color: #fefbeb;
  border: 1px solid #3160B0;
  color: #57504A;
}

.ApplicationPage .Question {
  margin: 12px 0px 0px 0px;
}

.ApplicationPage div.SubQuestion {
  margin: 6px 0px 12px 24px;
  padding: 12px 12px 12px 12px;
  background-color: #FEF8DA;
  border: 2px solid #fbe98f;
  color: #57504A;
}

.ApplicationPage span.AnswerBox {
  margin: 6px 0px 12px 24px;
  padding: 12px 12px 12px 12px;
  background-color: lavender;
  border: 2px solid purple;
  display: inline-block;
}

.ApplicationPage .FakeCheckBoxList {
  line-height: 19px;
}

.ApplicationPage .FakeRadioButtonList {
  line-height: 19px;
}

/* Application menu */
ol.ApplicationMenu {
  margin: 0px 1px 0px 1px;
  padding: 0px;
}

  ol.ApplicationMenu > li {
    margin: 1px 0px 0px 0px;
    border-bottom: 1px solid silver;
    padding: 9px 0px 9px 30px;
    list-style-type: none;
    background-position: 3px 5px;
    background-repeat: no-repeat;
    background-color: #EDF7FF;
  }

  ol.ApplicationMenu > li {
    margin-top: 0px;
  }

    ol.ApplicationMenu > li.One {
      background-image: url("../Media/Images/Application/MenuDot_01.png");
    }

    ol.ApplicationMenu > li.Two {
      background-image: url("../Media/Images/Application/MenuDot_02.png");
    }

    ol.ApplicationMenu > li.Three {
      background-image: url("../Media/Images/Application/MenuDot_03.png");
    }

    ol.ApplicationMenu > li.Four {
      background-image: url("../Media/Images/Application/MenuDot_04.png");
    }

    ol.ApplicationMenu > li.Five {
      background-image: url("../Media/Images/Application/MenuDot_05.png");
    }

    ol.ApplicationMenu > li.Six {
      background-image: url("../Media/Images/Application/MenuDot_06.png");
    }

    ol.ApplicationMenu > li.Seven {
      background-image: url("../Media/Images/Application/MenuDot_07.png");
    }

    ol.ApplicationMenu > li.Eight {
      background-image: url("../Media/Images/Application/MenuDot_08.png");
    }

    ol.ApplicationMenu > li.Nine {
      background-image: url("../Media/Images/Application/MenuDot_09.png");
    }

    ol.ApplicationMenu > li.Ten {
      background-image: url("../Media/Images/Application/MenuDot_10.png");
    }

    ol.ApplicationMenu > li.Eleven {
      background-image: url("../Media/Images/Application/MenuDot_11.png");
    }

    ol.ApplicationMenu > li.Twelve {
      background-image: url("../Media/Images/Application/MenuDot_12.png");
    }

    ol.ApplicationMenu > li.Current.One {
      background-image: url("../Media/Images/Application/MenuDot_01_Current.png");
    }

    ol.ApplicationMenu > li.Current.Two {
      background-image: url("../Media/Images/Application/MenuDot_02_Current.png");
    }

    ol.ApplicationMenu > li.Current.Three {
      background-image: url("../Media/Images/Application/MenuDot_03_Current.png");
    }

    ol.ApplicationMenu > li.Current.Four {
      background-image: url("../Media/Images/Application/MenuDot_04_Current.png");
    }

    ol.ApplicationMenu > li.Current.Five {
      background-image: url("../Media/Images/Application/MenuDot_05_Current.png");
    }

    ol.ApplicationMenu > li.Current.Six {
      background-image: url("../Media/Images/Application/MenuDot_06_Current.png");
    }

    ol.ApplicationMenu > li.Current.Seven {
      background-image: url("../Media/Images/Application/MenuDot_07_Current.png");
    }

    ol.ApplicationMenu > li.Current.Eight {
      background-image: url("../Media/Images/Application/MenuDot_08_Current.png");
    }

    ol.ApplicationMenu > li.Current.Nine {
      background-image: url("../Media/Images/Application/MenuDot_09_Current.png");
    }

    ol.ApplicationMenu > li.Current.Ten {
      background-image: url("../Media/Images/Application/MenuDot_10_Current.png");
    }

    ol.ApplicationMenu > li.Current.Eleven {
      background-image: url("../Media/Images/Application/MenuDot_11_Current.png");
    }

    ol.ApplicationMenu > li.Current.Twelve {
      background-image: url("../Media/Images/Application/MenuDot_12_Current.png");
    }

    ol.ApplicationMenu > li > a,
    ol.ApplicationMenu > li > span {
      display: block;
      text-decoration: none;
      min-height: 16px;
      padding: 0px 16px 0px 0px;
      margin: 0px 1px 0px 0px;
      font-weight: bold;
      color: #444444;
    }

      ol.ApplicationMenu > li > a:hover {
        text-decoration: underline;
      }

    ol.ApplicationMenu > li.Bookmarked > a,
    ol.ApplicationMenu > li.Bookmarked > span {
      background-image: url("../Media/Images/Application/Bookmarked.png");
      background-position: right top;
      background-repeat: no-repeat;
    }

    ol.ApplicationMenu > li.Complete > a,
    ol.ApplicationMenu > li.Complete > span {
      background-image: url("../Media/Images/Application/CompleteDotDark.png");
      background-position: right top;
      background-repeat: no-repeat;
    }

    /* Application sub-menus */
    ol.ApplicationMenu > li > ol {
      margin: 6px 0px 0px 0px;
      padding: 0px;
    }

      ol.ApplicationMenu > li > ol > li {
        margin: 6px 0px 0px 0px;
        padding: 0px 0px 0px 16px;
        list-style-type: none;
        background-image: url("../Media/Images/Application/NavBullet_Incomplete.png");
        background-position: 7px center;
        background-repeat: no-repeat;
        background-color: #EDF7FF;
      }

        ol.ApplicationMenu > li > ol > li:first-child {
          margin-top: 0px;
        }

        ol.ApplicationMenu > li > ol > li.Current {
          background-image: url("../Media/Images/Application/NavBullet_Current.png");
        }

        ol.ApplicationMenu > li > ol > li.Complete {
          background-image: url("../Media/Images/Application/CompleteCheckIcon.png");
          background-position: left top;
        }

        ol.ApplicationMenu > li > ol > li > a,
        ol.ApplicationMenu > li > ol > li > span {
          text-decoration: none;
          color: #444444;
        }

        ol.ApplicationMenu > li > ol > li.Current > a,
        ol.ApplicationMenu > li > ol > li.Current > span {
          font-weight: bold;
        }

        ol.ApplicationMenu > li > ol > li > a:hover {
          text-decoration: underline;
        }

/* Application Page header */
div.ApplicationPage .ApplicationPageHeader {
  margin-right: 12px;
  margin-bottom: 18px;
}

div.ApplicationPage h1.Body {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  background-color: #3160B0;
  color: White;
  padding: 6px;
}

/* Section Progress */
ul.SectionProgress {
  margin: 12px 0px 12px 0px;
  padding: 0px;
  overflow: hidden;
}

  ul.SectionProgress > li {
    height: 18px;
    float: left;
    margin: 0px 0px 0px 6px;
    padding: 2px 12px 0px 6px;
    list-style-type: none;
    font-weight: bold;
    background-image: url("../Media/Images/Application/ProgressBarItem-Incomplete.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #F79B00;
    font-size: 12px;
    font-weight: bold;
  }

    ul.SectionProgress > li:first-child {
      margin-left: 0px;
    }

    ul.SectionProgress > li > a {
      text-decoration: none;
      font-weight: bold;
      color: #F79B00;
    }

      ul.SectionProgress > li > a:hover {
        text-decoration: underline;
      }

    /* Current */
    ul.SectionProgress > li.Current {
      background-image: url("../Media/Images/Application/ProgressBarItem-Current.png");
      color: White;
    }

      ul.SectionProgress > li.Current > a {
        color: White;
      }

        ul.SectionProgress > li.Current > a:hover {
          text-decoration: underline;
        }

    /* Complete */
    ul.SectionProgress > li.Complete {
      background-image: url("../Media/Images/Application/ProgressBarItem-Complete.png");
      color: White;
    }

      ul.SectionProgress > li.Complete > a {
        color: White;
      }

        ul.SectionProgress > li.Complete > a:hover {
          text-decoration: underline;
        }

/* Application Menu Details */
.ApplicationMenu ol.Details {
  background-color: White;
}

  .ApplicationMenu ol.Details > li > a {
    display: block;
    padding: 6px 0px 6px 45px;
    background-position: 27px 6px;
    background-repeat: no-repeat;
    background-image: url('../Media/Images/Application/Arrow-Right.png');
  }

/* Gene / Cell Line Table*/
table.GeneCellLineTable {
  border: solid 1px Gray;
  font-size: .9em;
  margin: 12px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
}

  table.GeneCellLineTable > tr:first-child > th,
  table.GeneCellLineTable > tbody > tr:first-child > th,
  table.GeneCellLineTable > thead > tr:first-child > th {
    background-color: #3160B0;
    border-bottom: solid 1px Silver;
    color: White;
    font-weight: bold;
    padding: 6px 15px 6px 15px;
    text-align: left;
    background-image: none;
  }

  table.GeneCellLineTable > tr > th[scope="row"],
  table.GeneCellLineTable > tbody > tr > th[scope="row"],
  table.GeneCellLineTable > thead > tr > th[scope="row"] {
    padding: 6px 6px 6px 6px;
    border-left: solid 1px silver;
    vertical-align: top;
    font-weight: normal;
    text-align: left;
    color: Black;
    border-bottom-style: none;
    background-color: White; /* Must match row color. */
  }

  table.GeneCellLineTable > tr.Alternate > th[scope="row"],
  table.GeneCellLineTable > tbody > tr.Alternate > th[scope="row"],
  table.GeneCellLineTable > thead > tr.Alternate > th[scope="row"] {
    background-color: #EEEEEE; /* Must match alternate row color. */
  }

  table.GeneCellLineTable > tr.Selected > th[scope="row"],
  table.GeneCellLineTable > tbody > tr.Selected > th[scope="row"],
  table.GeneCellLineTable > thead > tr.Selected > th[scope="row"] {
    background-color: #FFFAB8;
  }

  table.GeneCellLineTable th[scope="row"]:first-child {
    border-left-style: none;
  }

  table.GeneCellLineTable.Sortable > tr:first-child > th,
  table.GeneCellLineTable.Sortable > tbody > tr:first-child > th,
  table.GeneCellLineTable.Sortable > thead > tr:first-child > th {
    cursor: pointer;
    padding-right: 18px;
    background-position: right center;
    background-repeat: no-repeat;
  }

  table.GeneCellLineTable.Sortable > tr:first-child > th,
  table.GeneCellLineTable.Sortable > tbody > tr:first-child > th,
  table.GeneCellLineTable.Sortable > thead > tr:first-child > th {
    color: White;
    text-decoration: none;
  }

    table.GeneCellLineTable.Sortable > tr:first-child > th:hover,
    table.GeneCellLineTable.Sortable > tbody > tr:first-child > th:hover,
    table.GeneCellLineTable.Sortable > thead > tr:first-child > th:hover {
      text-decoration: underline;
    }

    /* FNL Table - non-sortable first row column headings */
    table.GeneCellLineTable.Sortable > tr:first-child > th.NotSortable,
    table.GeneCellLineTable.Sortable > tbody > tr:first-child > th.NotSortable,
    table.GeneCellLineTable.Sortable > thead > tr:first-child > th.NotSortable {
      cursor: default;
      padding-right: 15px;
    }

    table.GeneCellLineTable.Sortable > tr:first-child > th.NotSorted,
    table.GeneCellLineTable.Sortable > tbody > tr:first-child > th.NotSorted,
    table.GeneCellLineTable.Sortable > thead > tr:first-child > th.NotSorted {
      background-image: url('<%=WebResource("Dms.Css.Ncif.Framework.Web.Images.Icons.Sorting.AscendingDescendingArrowWhite.png")%>');
    }

    /* FNL Table - sort direction first row column headings */
    table.GeneCellLineTable.Sortable > tr:first-child > th.SortUp,
    table.GeneCellLineTable.Sortable > tbody > tr:first-child > th.SortUp,
    table.GeneCellLineTable.Sortable > thead > tr:first-child > th.SortUp {
      background-image: url('<%=WebResource("Dms.Css.Ncif.Framework.Web.Images.Icons.Sorting.AscendingArrowWhite.png")%>');
    }

    table.GeneCellLineTable.Sortable > tr:first-child > th.SortDown,
    table.GeneCellLineTable.Sortable > tbody > tr:first-child > th.SortDown, table.GeneCellLineTable.Sortable > thead > tr:first-child > th.SortDown {
      background-image: url('<%=WebResource("Dms.Css.Ncif.Framework.Web.Images.Icons.Sorting.DescendingArrowWhite.png")%>');
    }

    table.GeneCellLineTable.Sortable > tr:first-child > th > a,
    table.GeneCellLineTable.Sortable > tbody > tr:first-child > th > a,
    table.GeneCellLineTable.Sortable > thead > tr:first-child > th > a {
      color: White;
      text-decoration: none;
    }

      table.GeneCellLineTable.Sortable > tr:first-child > th > a:hover,
      table.GeneCellLineTable.Sortable > tbody > tr:first-child > th > a:hover,
      table.GeneCellLineTable.Sortable > thead > tr:first-child > th > a:hover {
        text-decoration: underline;
      }

  table.GeneCellLineTable.Sortable > tr > th[scope="row"] a,
  table.GeneCellLineTable.Sortable > tbody > tr > th[scope="row"] a, table.GeneCellLineTable.Sortable > thead > tr > th[scope="row"] a {
    color: blue;
    text-decoration: underline;
  }

  /* FnlTable Rows */
  table.GeneCellLineTable > tr.Insert,
  table.GeneCellLineTable > tbody > tr.Insert, table.GeneCellLineTable > thead > tr.Insert {
    background-color: #CDCDCD;
  }

  table.GeneCellLineTable > tr.Update,
  table.GeneCellLineTable > tbody > tr.Update,
  table.GeneCellLineTable > thead > tr.Update {
    background-color: #CDCDCD;
  }

  table.GeneCellLineTable > tr > td,
  table.GeneCellLineTable > tbody > tr > td,
  table.GeneCellLineTable > thead > tr > td {
    padding: 6px 6px 6px 6px;
    border-left: solid 1px silver;
    vertical-align: top;
    background-color: White;
  }

  table.GeneCellLineTable > tr.Alternate > td,
  table.GeneCellLineTable > tbody > tr.Alternate > td,
  table.GeneCellLineTable > thead > tr.Alternate > td {
    background-color: #EEEEEE;
  }

  table.GeneCellLineTable > tr.Selected td,
  table.GeneCellLineTable > tbody > tr.Selected td,
  table.GeneCellLineTable > thead > tr.Selected td {
    background-color: #FFFAB8;
  }

  table.GeneCellLineTable > tr > td:first-child,
  table.GeneCellLineTable > tbody > tr > td:first-child,
  table.GeneCellLineTable > thead > tr > td:first-child {
    border-left-style: none;
  }

  table.GeneCellLineTable > tr > td.Command,
  table.GeneCellLineTable > tbody > tr > td.Command,
  table.GeneCellLineTable > thead > tr > td.Command {
    white-space: nowrap;
    text-align: center;
    width: 1em;
  }

    table.GeneCellLineTable > tr > td.Command > span,
    table.GeneCellLineTable > tbody > tr > td.Command > span,
    table.GeneCellLineTable > thead > tr > td.Command > span {
      white-space: nowrap;
    }

  table.GeneCellLineTable > tr.Insert > td,
  table.GeneCellLineTable > tbody > tr.Insert > td,
  table.GeneCellLineTable > thead > tr.Insert > td {
    border-top: 1px solid Gray;
  }

  table.GeneCellLineTable > tr.Update > td,
  table.GeneCellLineTable > tbody > tr.Update > td,
  table.GeneCellLineTable > thead > tr.Update > td {
    border-top: 1px solid Gray;
    border-bottom: 1px solid Gray;
  }

/* Format Radio Button List */
ol.FormatRadioButtonList {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

  ol.FormatRadioButtonList li {
    float: left;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
  }

/* Dual Use tables. */
table.DualUse {
  width: 100%;
  border: 1px solid Silver;
}

  table.DualUse td {
    padding: 6px;
    border-top: 1px solid Silver;
    vertical-align: top;
    color: Black;
  }

    table.DualUse td:first-child {
      width: 555px;
      border-right: 1px solid Silver;
    }

  table.DualUse > tr:first-child > td,
  table.DualUse > tbody > tr:first-child > td,
  table.DualUse > thead > tr:first-child > th {
    border-top-style: none;
  }

  table.DualUse td p {
    font-size: .8em;
    margin-left: 15px;
  }

/* Input with "Other" option */
div.InputWithOther {
  overflow: hidden;
  position: relative;
}

ol.RadioButtonListWithOther {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

  ol.RadioButtonListWithOther li {
    height: 22px;
    padding: 2px 0px 0px 0px;
    margin: 0px;
    overflow: hidden;
    list-style-type: none;
  }

ol.CheckBoxListWithOther {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

  ol.CheckBoxListWithOther li {
    height: 22px;
    padding: 2px 0px 0px 0px;
    margin: 0px;
    overflow: hidden;
    list-style-type: none;
  }

.OtherField {
  position: absolute;
  left: 70px;
  bottom: 0px;
  overflow: hidden;
}

  .OtherField label {
    float: left;
    margin: 5px 3px 0px 0px;
  }

/* Help */
a.Help {
  background-position: right top;
  background-repeat: no-repeat;
  margin-left: 15px;
}

.HelpBox {
  width: 300px;
  z-index: 110;
  border: 1px solid #444444;
  background-color: #FEFEFE;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 6px 6px 6px 0;
  z-index: 2000;
}

  .HelpBox > div.ToolBar {
    font-size: .8em;
    overflow: hidden;
  }

    .HelpBox > div.ToolBar > a.Close {
      float: right;
    }

  .HelpBox > div.Body {
    padding: 0px 6px 6px 6px;
  }

    .HelpBox > div.Body ul {
      -webkit-margin-before: 1em;
      -webkit-margin-after: 1em;
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      -webkit-padding-start: 20px;
    }

/* Add Grey Button */
.AddGreyButton {
  display: inline-block;
  margin: 10px 10px;
  padding: 6px 20px 7px 34px;
  background: transparent url('../Media/Images/Icons/AddAnotherButton.png') no-repeat left top;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

a.AddGreyButton:hover {
  color: #3160B0;
}

/* Attach File */
div.AttachFile {
  padding: 10px 0 0 15px;
}

  div.AttachFile img {
    vertical-align: -8px;
  }

/* Upload Grey Button */
.UploadGreyButton {
  display: inline-block;
  margin: 10px 10px;
  padding: 6px 20px 7px 34px;
  background: transparent url('../Media/Images/Icons/UploadButton.png') no-repeat left top;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

a.UploadGreyButton:hover {
  color: #3160B0;
}

/* Apply All Grey Button */
.ApplyAllGreyButton {
  display: inline-block;
  margin: 10px 10px;
  padding: 6px 20px 7px 34px;
  background: transparent url('../Media/Images/Icons/ApplyAllButton.png') no-repeat left top;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

a.ApplyAllGreyButton:hover {
  color: #3160B0;
}

/* Lookup Grey Button */
.LookupGreyButton {
  display: inline-block;
  margin: 10px 10px;
  padding: 6px 20px 7px 34px;
  background: transparent url('../Media/Images/Icons/LookupButton.png') no-repeat left top;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

a.LookupGreyButton:hover {
  color: #3160B0;
}

/* CancelGreyButton */
.CancelGreyButton {
  display: inline-block;
  margin: 10px 10px;
  padding: 6px 20px 7px 34px;
  background: transparent url('../Media/Images/Icons/CancelButton.png') no-repeat left top;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

a.CancelGreyButton:hover {
  color: #3160B0;
}

/* View Text */
p.ViewQuestionText {
  font-weight: bold;
  padding: 0px 12px 0px 0px;
  color: #224683;
}

p.ViewAnswerText {
  padding-left: 10px;
}

div.ViewNoteText {
  font-weight: bold;
  color: red;
  margin-top: 30px;
}

/* Spinny GIF */
.SpinnyGif {
  padding: 11px 0px 0px 345px;
  vertical-align: baseline;
  display: none;
}

/* Spinny GIF */
.DraftSpinnyGif {
  padding-left: 4px;
  display: none;
}

/* Two-Column Layout */
.TwoColumnLayout {
  overflow: hidden;
}

  .TwoColumnLayout > .Left {
    float: left;
    width: 514px;
  }

  .TwoColumnLayout > .Right {
    overflow: hidden;
    padding-left: 34px;
  }

/* Blue Box */
.BlueBox {
  margin: 0px 0px 12px 0px;
  background-image: url('../Media/Images/IbcLoginBackgroundSlice.png');
  background-position: left bottom;
  background-repeat: repeat-x;
  border: 1px solid #C5C5C5;
  overflow: hidden;
}

  .BlueBox.Top {
    height: 255px;
  }

  .BlueBox.Bottom {
    height: 300px;
  }

  .BlueBox > h2 {
    margin: 0px;
    padding: 6px;
    background-color: #3160B0;
    color: White;
    font-weight: normal;
    margin: 2px;
  }

  .BlueBox > .Body {
    margin: 12px;
  }

  .BlueBox .CssLogin.NihLogin {
    background-color: transparent;
    padding: 0px;
    border: 0px;
  }

  .BlueBox ul.TwoColumnList {
    margin: 0px;
    padding: 0px;
    width: 50%;
    float: left;
    overflow: hidden;
  }

    .BlueBox ul.TwoColumnList > li {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 24px;
      list-style-type: none;
      background-image: url("../Media/Images/ListItemBullet.png");
      background-repeat: no-repeat;
      background-position: 12px 6px;
    }

  .BlueBox ul.Left {
    float: left;
    width: 50%;
  }

/* Home page */
#HomeTop {
  background-image: url('../media/images/HomeWelcomeImage.jpg' );
  background-repeat: no-repeat;
  background-position: top left; /*background-color: #FFF;     border: 1px solid #d4d4d4;*/
  height: 192px;
  padding: 0px 20px 0px 290px;
}

/* Home Bottom */
#HomeBottom {
  overflow: auto;
  margin: 20px 0px 0px 0px;
}

  #HomeBottom > div {
    overflow: hidden;
    min-height: 332px;
  }

  #HomeBottom h2 {
    margin: 6px 0px 0px 0px;
    font-size: 1.1em;
    color: #013d78;
    font-weight: bold;
  }

  #HomeBottom .New {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
  }

  #HomeBottom .Important {
    text-transform: uppercase;
  }

  /* Left column */
  #HomeBottom > .Left {
    float: left;
    width: 198px;
    padding: 12px;
    border: 1px solid #d4d4d4;
    color: #013d78;
    background-image: url('../media/images/InfoBoxGradientBg.png' );
    background-repeat: repeat-x;
    background-position: bottom;
  }

    #HomeBottom > .Left > .ImportantNote {
      padding: 0px 0px 0px 56px;
      background-image: url('../media/images/ImportantIcon.png' );
      background-repeat: no-repeat;
    }

    #HomeBottom > .Left > .BmblMatrix {
      margin: 12px 0px 0px 0px;
      padding: 12px 0px 0px 56px;
      background-image: url('../media/images/blue_new_sm.png' );
      background-repeat: no-repeat;
      height: 47px;
    }

		#HomeBottom > .Left > .BmblMatrixComingSoon {
			margin: 12px 0px 0px -5px;
			padding: 12px 0px 0px 60px;
			background-image: url('../media/images/coming_soon.png' );
			background-repeat: no-repeat;
			height: 47px;
			background-size: contain;
		}

  /* Middle Column */
  #HomeBottom > .Middle {
    float: left;
    margin: 0px;
    margin: 0px 20px 0px 20px;
    width: 446px;
  }

    #HomeBottom > .Middle > .Columns {
      overflow: hidden;
      border: 1px solid #D4D4D4;
    }

      #HomeBottom > .Middle > .Columns > div {
        float: left;
        width: 50%;
      }

        #HomeBottom > .Middle > .Columns > div > h2 {
          border-bottom: 1px solid #D4D4D4;
          font-size: .9em;
          padding: 6px;
          margin: 0px;
        }

        #HomeBottom > .Middle > .Columns > div > ul {
          margin: 0px;
          padding: 0px;
          font-size: .9em;
        }

          #HomeBottom > .Middle > .Columns > div > ul > li {
            margin: 0px;
            padding: 0px;
            border-top: 1px solid white;
            background-color: #ECF6FF;
            list-style-type: none;
            padding: 3px 6px;
          }

            #HomeBottom > .Middle > .Columns > div > ul > li:first-child {
              border-top-style: none;
            }

            #HomeBottom > .Middle > .Columns > div > ul > li.Alternate {
              background-color: #E2ECF5;
            }

    #HomeBottom > .Middle > p {
      margin: 12px;
    }

    #HomeBottom > .Middle > .IbcTable {
      width: 100%;
    }

  /* Right column */
  #HomeBottom > .Right {
    float: right;
    width: 198px;
    padding: 12px;
    border: 1px solid #d4d4d4;
    background-image: url('../media/images/InfoBoxGradientBg.png' );
    background-repeat: repeat-x;
    background-position: bottom;
  }

div.FnlViewSet {
  margin-top: 16px;
  margin-bottom: 16px;
}

  div.FnlViewSet > ol.ViewFields.Likert li > label:first-child {
    width: 400px;
    margin-right: 10px;
  }

  div.FnlViewSet > ol.ViewFields li > label:first-child {
    width: 120px;
  }

  div.FnlViewSet ol.ViewFields > li > label:first-child + div,
  div.FnlViewSet ol.ViewFields > li > span.Label:first-child + div {
    margin-left: 120px;
    margin-right: 30px;
  }

  div.FnlViewSet > ol.ViewFields li {
    margin-left: 14px;
  }

  div.FnlViewSet > ol.ViewFields {
    margin-top: 14px;
  }

/* Application Page Above + IBC Number */
#ContentWrapper .ApplicationPageAbove {
  margin-top: -10px; /* same as top padding on #ContentWrapper */
  margin-right: 12px; /* same as .ApplicationPageHeader */
  margin-bottom: 6px;
}

  #ContentWrapper .ApplicationPageAbove .AboveIBCNumber {
    background-color: #eaeaea;
    padding: 5px 10px;
    display: inline-block;
    float: right;
  }

/* Ibc Report Creation - Fields */
.IbcReportCreation fieldset.IbcReportFieldWrap {
  border: none;
  margin: 20px 0 15px;
  padding: 0;
}

.IbcReportCreation .IbcReportFieldWrap legend {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  margin: -4000px 0px 0px -4000px;
}

.IbcReportCreation .IbcReportFieldWrap > ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px 0 0;
  padding: 0;
  list-style: none;
}

  .IbcReportCreation .IbcReportFieldWrap > ol > li {
    padding: 0 12px 0 0;
    margin: 0 12px 17px 0;
    border-right: 1px solid #dedede;
  }

    .IbcReportCreation .IbcReportFieldWrap > ol > li:last-child {
      border-right: none;
      margin-right: 0;
    }

    .IbcReportCreation .IbcReportFieldWrap > ol > li label,
    .IbcReportCreation .IbcReportFieldWrap > ol > li .Label {
      display: block;
      margin-bottom: 8px;
    }

    .IbcReportCreation .IbcReportFieldWrap > ol > li.FieldActions input[type="submit"] {
      margin-top: 23px;
    }

    .IbcReportCreation .IbcReportFieldWrap > ol > li > .FieldColumn {
      display: inline-block;
    }

    .IbcReportCreation .IbcReportFieldWrap > ol > li .FieldNote {
      display: block;
      font-size: .8em;
      color: #444444;
      margin: 5px 0 0;
    }

.IbcReportCreation .IbcReportFieldWrap ol > li.LocationFieldItem .FieldColumn {
  margin-right: 7px;
}

  .IbcReportCreation .IbcReportFieldWrap ol > li.LocationFieldItem .FieldColumn:last-child {
    margin-right: 0;
  }

.IbcReportCreation .IbcReportFieldWrap ol > li .IbcNumberField {
  width: 265px;
}

.IbcReportCreation .IbcReportFieldWrap ol > li .AspNumberField,
.IbcReportCreation .IbcReportFieldWrap ol > li .PersonNameField {
  width: 200px;
}

.IbcReportCreation .IbcReportFieldWrap ol > li .LocationBuildingField,
.IbcReportCreation .IbcReportFieldWrap ol > li .LocationRoomField {
  width: 295px;
}

/* Ibc Report Creation */
.IbcReportCreation .IbcReportWrapper {
  border-top: 1px solid Silver;
  padding-top: 20px;
}

/* Ibc Report */
.IbcReportWrapper .IbcReportChunk {
  margin-bottom: 25px;
}

  .IbcReportWrapper .IbcReportChunk:last-child {
    margin-bottom: 0;
  }

.IbcReportWrapper .IbcReportHeadline {
  margin-bottom: 19px;
}

  .IbcReportWrapper .IbcReportHeadline:after {
    content: "";
    display: table;
    clear: both;
  }

  .IbcReportWrapper .IbcReportHeadline h1 {
    display: inline-block;
    margin: 0;
  }

  .IbcReportWrapper .IbcReportHeadline .IbcReportPackageDownload {
    float: right;
    vertical-align: top;
    margin-top: 2px;
  }

.IbcReportWrapper .IbcReportPackageDownload {
  display: inline-block;
  background: #a7a9ac;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.IbcReportWrapper .IbcReportPackageDownload {
  background: #a7a9ac;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  padding: 5px 28px 4px 21px;
  margin-left: 14px;
}

  .IbcReportWrapper .IbcReportPackageDownload:hover {
    color: #3160B0;
  }

  .IbcReportWrapper .IbcReportPackageDownload:before {
    position: absolute;
    top: -2px;
    left: -14px;
    height: 28px;
    width: 28px;
    display: block;
    content: "";
    background: transparent url('../media/images/Icons/ReportPackageDownload.png') no-repeat 0 0;
  }

.IbcReportWrapper .IbcReportReturnLink {
  display: inline-block;
  margin-bottom: 25px;
}

  .IbcReportWrapper .IbcReportReturnLink:before {
    display: inline-block;
    content: "";
    width: 13px;
    height: 14px;
    vertical-align: top;
    margin-top: 1px;
    margin-right: 10px;
    background: transparent url('../media/images/Icons/ReportReturnSprite.png') no-repeat 0 0;
  }

  .IbcReportWrapper .IbcReportReturnLink:hover:before {
    background-position: 0 -100px;
  }



/********************************************************************
   LOGIN CONTROL OVERRIDES 
   This page should be redesigned in Future.
   Please REMOVE these styles when Future is being merged back to
   current. The design of Future should be made in a way that does
   not require alteration of the login control. thanks.
*********************************************************************/
.SiteMinderRedirWrap {
  margin: 0 5px 20px 0 !important;
  width: auto !important;
  border: 0 !important;
}

  .SiteMinderRedirWrap .SiteMinderInnerWrap {
    padding: 0 !important;
  }

    .SiteMinderRedirWrap .SiteMinderInnerWrap > .SiteMinderRedirBanner {
      width: auto !important;
    }

    .SiteMinderRedirWrap .SiteMinderInnerWrap > .SiteMinderRedirInfo {
      padding: 0 !important;
    }

      .SiteMinderRedirWrap .SiteMinderInnerWrap > .SiteMinderRedirInfo h3,
      .SiteMinderRedirWrap.RedirDisabled .SiteMinderInnerWrap > .SiteMinderRedirInfo > .SiteMinderRedirGraphic {
        display: none !important;
      }

.LoginPageContent > .TwoColumnLayout > .Right > .BlueBox > .Body p {
  display: none;
}

.SiteMinderRedirWrap .SiteMinderInnerWrap > .SiteMinderRedirInfo:before {
  content: "Please login with the account credentials that you wish your registration to be associated. In most cases, the Principal Investigator would be the best option.";
  display: block;
  margin: 8px 0 0 0;
}
/*** END LOGIN CONTROL OVERRIDE STYLES ***/
