/********** Frederick National Lab Content Page Styles **********/

/* Side Nav Title Top */


#FnlPage.FnlContentPage .LeftNav .SideNavTitle {
  padding: 11px 0px 10px 10px;
  margin: 0 0 3px;
  display: block;
  background-color: #eaeaea;
  border-left: 3px solid #b8b8b8;
  color: #444444;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.1em;
  text-decoration: none;
}

  #FnlPage.FnlContentPage .LeftNav .SideNavTitle a {
    color: inherit;
    text-decoration: none;
  }

    #FnlPage.FnlContentPage .LeftNav .SideNavTitle a:hover {
      text-decoration: underline;
    }

#FnlPage.FnlContentPage > .InnerPage .FnlColWrapper {
  display: flex;
  width: 100%;
}

/* Frederick National Lab Content Page with Left Side Bar Styles */
#FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn {
  position: relative;
  flex: 0 0 210px;
  vertical-align: top;
  border-right: 1px solid #f4f4f4;
  margin-top: 27px;
  margin-bottom: 20px;
}

/* Frederick National Lab Content Page with Left Side Bar Styles */
#FnlPage.FnlContentPage > .InnerPage .FnlLeftColumnEmpty {
}

#FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn > * {
  padding: 0 18px 20px 20px;
}

/* Left Navigation Styles */
#FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .LeftNav {
}

  #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .LeftNav ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
  }

    #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .LeftNav ul li {
      padding: 0;
      margin-top: 2px;
    }

      #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .LeftNav ul li .EventDate {
        font-size: .9em;
        font-weight: bold;
        color: #575C6F;
        display: block;
      }

      #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .LeftNav ul li a {
        display: block;
        padding: 8px 8px 8px 11px;
        text-decoration: none;
        color: #555555;
        border-left: 2px solid #d5d5d5;
      }

        #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .LeftNav ul li a:hover {
          text-decoration: underline;
        }

/* Tabbed Link Container */
#FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .TabbedLinkContainer {
  margin-top: 10px;
}

  #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .TabbedLinkContainer h2 {
    padding: 11px 0px 10px 10px;
    margin: 0 0 3px;
    display: block;
    background-color: #ffebac;
    border-left: 3px solid #edd484;
    color: #444444;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.1em;
    text-decoration: none;
  }

  #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .TabbedLinkContainer ul {
    padding: 0px;
    margin: 0px;
  }

    #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .TabbedLinkContainer ul li {
      display: block;
      padding: 0;
      margin: 2px 0 0 0;
    }

      #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .TabbedLinkContainer ul li a {
        display: block;
        padding: 8px 8px 8px 11px;
        text-decoration: none;
        color: #555555;
        border-left: 2px solid #ffebac;
      }

        #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .TabbedLinkContainer ul li a:hover {
          text-decoration: underline;
        }

  #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .TabbedLinkContainer .LinkContainerFooter {
    /*height: 6px;
  width: 100%;
  background-image: url('WebResource.axd?d=qDuj0tsSE7TGD_A_ZMWOyVqQKLsnsBfMvmFmzHY8R1OQR-_NVfbKNOCcR1_j00gRp4VWSVg0s1_NkQI0g1JjtxHp4q-DIR-86_kGaXKYjKHcZjVUwkkE0d_Nlfvw3nAW7u5-Ow8sENRnOA2TyPsYtqrlNlqbD_y1lDJ-3m4JadoTUuSvvZ30np_zvxAKtEXAOPrG7HIyr7kINh4oBQ6w8mWaZxE1&t=639077148952698254');
  background-position: bottom;
  background-repeat: no-repeat;*/
  }

  #FnlPage.FnlContentPage > .InnerPage .FnlLeftColumn .TabbedLinkContainer ul {
  }



#FnlPage.FnlContentPage.PublicAudience > .InnerPage .FnlLeftColumn .TabbedLinkContainer ul {
}

#FnlPage.FnlContentPage.PublicAudience > .InnerPage .FnlLeftColumn .TabbedLinkContainer h2 {
  color: #384243;
}

#FnlPage.FnlContentPage.PublicAudience > .InnerPage .FnlLeftColumn .TabbedLinkContainer ul li.Item {
  background-color: #DEF2FA;
}

#FnlPage.FnlContentPage.PublicAudience > .InnerPage .FnlLeftColumn .TabbedLinkContainer ul li.AlternatingItem {
  background-color: #ACDAEC;
}

#FnlPage.FnlContentPage.PublicAudience > .InnerPage .FnlLeftColumn .TabbedLinkContainer ul li a {
  color: #57504A;
}

#FnlPage.FnlContentPage.PublicAudience > .InnerPage .FnlLeftColumn .TabbedLinkContainer div.TitleLeft {
  background-image: url('WebResource.axd?d=l8IZoKzTYBMrB2mRca6xLyW1b36_4CMB-HDv6MqXy-1Cjfd17UC3mfvNy2SHG8C_u-OP30D89i6uS84uh53WmYDaVhSmXODNj-AKx4q8whOXBqYiQ-hJbGzJD0KV9HnO8UwDgPqDRA0gAZrbXsnJaGM4FdQDrtdNl2fieTSbmjBg_GLLar59cToSX0zQZ84ffs5KdYAjixYXZ60yp_-eHNpUuLs1&t=639077148952698254');
}

#FnlPage.FnlContentPage.PublicAudience > .InnerPage .FnlLeftColumn .TabbedLinkContainer div.TitleRight {
  background-image: url('WebResource.axd?d=j9NxcHmldf7Hz0P6jM-aYl4Qmv-jXJLhEO3-3Wla4LVMYUxxAOymQbZv8CAl50_vXb5w9hyh-ntlKVo3J9m0p4uVOZZ-UaPTl4_oV7HemgmX5IzmInV06euc_tqTDmev-G5ecN5Glj2Q3L05eMxCgv88CHzwAYv4_KDbrzxzsbIB8KWxthwhRVOTc52A3iwikIfkzk9m51dLIlPSvnfSMYbOLFU1&t=639077148952698254');
}

#FnlPage.FnlContentPage.PublicAudience > .InnerPage .FnlLeftColumn .TabbedLinkContainer .LinkContainerFooter {
  background-image: url('WebResource.axd?d=W0tkGR5QTh_aPsmJM5WyL0_v_e0gg404NoV4zUwiiGhRuvYbo4-g7E5RrQU9VpexBOG9f_GzgBxwUxNg-J-L7Wu1dD2JisdwdQyU8Qg5b3jfv1j80pTZ24xLC7RuQLVrQnRhu38zrsPh6aqxNuYXjw77QuCKtt_CwxgG6W9gMBxp5yV2OvF5AnoWQ6KcicOmDUhiEaq4kzghau_0NkIQH5F5p_E1&t=639077148952698254');
}

/* Branding */
#FnlPage.FnlContentPage.SubBranded > .InnerPage div.FolderTop {
  position: absolute;
  display: block;
  height: 48px;
  right: -7px;
  top: 0;
  z-index: 200;
  margin: 0;
  padding: 0;
  width: calc(100% - 210px);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(247,247,247,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */
  border-right: 7px solid #ecc64e;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}

#FnlPage.FnlContentPage.SubBranded.PublicAudience > .InnerPage div.FolderTop {
  border-color: #3d8faa;
}

#FnlPage.FnlContentPage.SubBranded > .InnerPage div.FolderTop:before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: -1px;
  display: block;
  height: 1px;
  width: 90%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dedede+0,dedede+83,dedede+100&0+0,0.47+29,1+84 */
  background: -moz-linear-gradient(left, rgba(222,222,222,0) 0%, rgba(222,222,222,0.47) 29%, rgba(222,222,222,0.99) 83%, rgba(222,222,222,1) 84%, rgba(222,222,222,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(222,222,222,0) 0%,rgba(222,222,222,0.47) 29%,rgba(222,222,222,0.99) 83%,rgba(222,222,222,1) 84%,rgba(222,222,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(222,222,222,0) 0%,rgba(222,222,222,0.47) 29%,rgba(222,222,222,0.99) 83%,rgba(222,222,222,1) 84%,rgba(222,222,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dedede', endColorstr='#dedede',GradientType=1 ); /* IE6-9 */
}

#FnlPage.FnlContentPage.SubBranded > .InnerPage div.FolderTop a.SubBrandTitle {
  margin: 0;
  padding: 12px 17px 10px 0;
  float: right;
  color: #035b7f;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1em;
  text-decoration: none;
}

  #FnlPage.FnlContentPage.SubBranded > .InnerPage div.FolderTop a.SubBrandTitle:hover {
    text-decoration: underline;
  }

#FnlPage.FnlContentPage > .InnerPage nav.BreadCrumbs > ul {
  margin: 0px;
  padding: 0px;
}

  #FnlPage.FnlContentPage > .InnerPage nav.BreadCrumbs > ul > li {
    list-style-type: none;
    display: inline;
  }

    #FnlPage.FnlContentPage > .InnerPage nav.BreadCrumbs > ul > li .PathSeparator {
      display: inline-block;
      font-size: 13px;
      line-height: 11px;
      color: #707070;
    }

    #FnlPage.FnlContentPage > .InnerPage nav.BreadCrumbs > ul > li > a {
      color: #336ec0;
      text-decoration: none;
    }

      #FnlPage.FnlContentPage > .InnerPage nav.BreadCrumbs > ul > li > a:hover {
        text-decoration: underline;
      }

    #FnlPage.FnlContentPage > .InnerPage nav.BreadCrumbs > ul > li > span,
    #FnlPage.FnlContentPage > .InnerPage nav.BreadCrumbs > ul > li > a {
      margin: 0 8px 0 0;
      padding: 0;
    }

/* Top Bar */
#FnlPage.FnlContentPage > .InnerPage .TopBar {
  font-size: .8em;
  margin: 3px 0px 3px 0px;
}

/* Right Column */
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn {
  position: relative; /* Keeps all positioned elements within the column. */
  padding: 20px 20px 0 20px;
  vertical-align: top;
  margin-bottom: 20px;
  width: 100%;
}

#FnlPage.FnlContentPage.SubBranded > .InnerPage .FnlRightColumn {
  margin-top: 48px;
  padding-top: 8px;
}

/* Right Column - No Side Bar */
#FnlPage.NoSideBar > .InnerPage .FnlRightColumn {
  margin: 0px 4px 0px 0px;
}

/* Inner Columns */
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn {
  position: relative; /* Keeps all positioned elements within the column. */
  overflow: hidden; /* Force the container to consume floating elements. */
}

#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn {
  position: relative; /* Keeps all positioned elements within the column. */
  overflow: hidden; /* Force the container to consume floating elements. */
}

/* Inner column content. */
/* Note: this is required to provide column separation. */
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn > .InnerContent {
  position: relative; /* Keeps all positioned elements within the column. */
  margin-right: 6px; /* Add margin to separate the left and right columns. */
  overflow: hidden; /* Force the container to consume floating elements. */
}

#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn > .InnerContent {
  position: relative; /* Keeps all positioned elements within the column. */
  margin-left: 6px; /* Add margin to separate the left and right columns. */
  overflow: hidden; /* Force the container to consume floating elements. */
}

/* Inner column margins. */
/* Note: this is required because block elements with margins do not collapse when positioned inside of a floating DIV. */
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn > .InnerContent > p:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn > .InnerContent > h1:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn > .InnerContent > h2:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn > .InnerContent > h3:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn > .InnerContent > h4:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn > .InnerContent > h5:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn > .InnerContent > h6:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn > .InnerContent > ul:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn > .InnerContent > ol:first-child {
  margin-top: 0px; /* Force the top margin of the first child to collapse. */
}

#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn > .InnerContent > p:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn > .InnerContent > h1:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn > .InnerContent > h2:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn > .InnerContent > h3:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn > .InnerContent > h4:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn > .InnerContent > h5:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn > .InnerContent > h6:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn > .InnerContent > ul:first-child,
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn > .InnerContent > ol:first-child {
  margin-top: 0px; /* Force the top margin of the first child to collapse. */
}

/* Inner Content - Equal Width */
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn.EqualWidth {
  width: 50%; /* Set width to half of the available space. */
  float: left; /* Float the left column so that the right will display next to it. */
}

#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn.EqualWidth {
  margin-left: 50%; /* Set left margin to the width of the left column to prevent overlap. */
}

/* Inner Content - Narrow Left */
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn.NarrowLeft {
  width: 234px; /* Set width of the column. */
  float: left; /* Float the left column so that the right will display next to it. */
}

#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn.NarrowLeft {
  margin-left: 234px; /* Set left margin to the width of the left column to prevent overlap. */
}

/* Inner Content - Narrow Right */
/* Note: right column must be first in the HTML. */
#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .LeftInnerColumn.NarrowRight {
  margin-right: 234px; /* Set right margin to the width of the right column to prevent overlap. */
}

#FnlPage.FnlContentPage > .InnerPage .FnlRightColumn .RightInnerColumn.NarrowRight {
  width: 234px; /* Set width of the column. */
  float: right; /* Float the right column so that the left will display next to it. */
}