/*
Theme Name: NCI-F (F5 Implemented)
Theme URI: http://isp.ncifcrf.gov
Description: The official NCI-Frederick theme for the ATP Directorate's website at the National Cancer Institute in Frederick, Maryland.
Version: 2.0
Author: ABCC/SWPG (Advanced Biomedical Computing Center)
Author URI: http://ncifrederick.cancer.gov/isp/
Tags: ISP, NCI, NIH, Government
*/

@import "style/css/NcifPageFooter.css";
@import "style/css/NcifSubSiteMain.css";
@import "style/css/NcifSubSitePage.css";
@import "style/css/NcifSubSitePagePrint.css";
@import "style/css/global.css";

#skip_to_content_link {
	position: absolute; 
	top:-100px; 
	height:1px; 
	width:1px;
} 

#skip_to_content_link:focus {
	position: inherit;
}


/*
	NCI styles
	In December 2019, we decided to make the site styles consistent with https://ncifrederick.cancer.gov/Default.aspx.  The following styles are a result of that.  
*/

.ClearFix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.WidthContain {
    width: 1040px;
    margin: 0 auto;
    position: relative;
}

#FnlPageHeader.Default {
    -webkit-box-flex: 0 0 171px;
    -moz-box-flex: 0 0 171px;
    -webkit-flex: 0 0 171px;
    -ms-flex: 0 0 171px;
    flex: 0 0 171px;
}

#FnlPageHeader.Default, #FnlSubSiteHeader {
    width: auto;
    background: transparent none no-repeat center top;
    position: relative;
    box-sizing: border-box;
}

header div.Banner {
    display: block;
    height: 56px;
    margin: 0;
    padding: 0;
    line-height: 1em;
    background: linear-gradient( to right, #fff 0%, #fff 50%, #f6f6f6 50%, #f6f6f6 100% );
    border-bottom: 1px solid #d8d5d5;
    overflow: visible;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    z-index: 50;
    position: relative;
}
 
header div.Banner .WidthContain {
    background: transparent none no-repeat -20px top;
    background-image: url('/bacs/cms/wp-content/themes/ncif/images/bg_1.svg');
    background-size: 800px 56px;
}

header div.Banner {
    display: block;
    height: 56px;
    margin: 0;
    padding: 0;
    line-height: 1em;
    background: linear-gradient( to right, #fff 0%, #fff 50%, #f6f6f6 50%, #f6f6f6 100% );
    border-bottom: 1px solid #d8d5d5;
    overflow: visible;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    z-index: 50;
    position: relative;
}

header div.Banner .BannerInnerWrap {
    width: 100%;
    height: 56px;
    display: table;
    border-collapse: collapse;
}

header div.Banner .BannerInnerWrap {
    width: 100%;
    height: 56px;
    display: table;
    border-collapse: collapse;
}

header div.Banner .NihNcifLogo {
    box-sizing: border-box;
    width: 370px;
    margin: 0;
    height: 36px;
    padding: 10px;
    line-height: 0;
}

header div.Banner .BannerInnerWrap > div, header div.Banner .BannerInnerWrap > nav {
    display: table-cell;
    vertical-align: top;
}

header div.Banner .NihNcifLogo a.NcifHomeLink {
    margin: 0 44px 0 0;
}

header div.Banner .NihNcifLogo a.NcifHomeLink, header div.Banner .NihNcifLogo a.NcifHomeLink img {
    line-height: 0;
    height: 36px;
    width: 220px;
}

header div.Banner .NihNcifLogo a.NcifHomeLink, header div.Banner .NihNcifLogo a.NcifHomeLink img {
    line-height: 0;
    height: 36px;
    width: 220px;
}

header div.Banner .NihNcifLogo a span {
    visibility: hidden;
    position: absolute;
    left: -9000em;
}

header div.Banner .BannerInnerWrap > div, header div.Banner .BannerInnerWrap > nav {
    display: table-cell;
    vertical-align: top;
}

.FnlSubSiteSearchContain, .NcifSearchContain {
    padding: 0;
    vertical-align: top;
}

#FnlPageHeader.Default .LocalSiteBanner, #FnlSubSiteHeader .SubSiteHeader {
    background: #ffffff;
    overflow: visible;
}

.PublicAudience #FnlPageHeader.Default .LocalSiteBanner {
    background: transparent;
}

div.LocalSiteBanner {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
}

.PublicAudience .NcifSearchWrap {
    max-width: 400px;
}

.NcifSearchWrap {
    display: table;
    float: right;
    width: 100%;
    max-width: 400px;
}

.NcifSearchWrap > div {
    display: table-cell;
    vertical-align: top;
    padding: 11px 0 0 0;
}

.NcifSearchToggle {
    width: 1%;
    white-space: nowrap;
    font-size: 0;
}

.NcifSearchToggle ul {
    list-style: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.NcifSearchToggle ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 0;
    color: #a3a3a3;
    display: inline-block;
    position: relative;
}

.NcifSearchToggle ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 0;
    color: #a3a3a3;
    display: inline-block;
    position: relative;
}

.NcifSearchToggle ul li.phone, .nudge_left_4 {
    margin-left: -4px !important;
}

.NcifSearchToggle ul li input[type=radio] {
    position: absolute;
    visibility: hidden;
}

.NcifSearchToggle ul li input[type=radio]:checked:active ~ label, .NcifSearchToggle ul li input[type=radio]:checked ~ label {
    color: #ffffff;
    background: #a9a9a9;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(128,128,128,1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(128,128,128,1);
    box-shadow: inset 0px 0px 10px 0px rgba(128,128,128,1);
    cursor: default;
}

.NcifSearchToggle ul li:first-child label {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.NcifSearchToggle ul li label {
    display: block;
    box-sizing: border-box;
    height: 35px;
    position: relative;
    font-weight: 300;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
    padding: 11px 10px;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all 0.1s linear;
    border: 1px solid #d7d7d7;
    border-right: 0;
    background: #fefffe;
    background: -moz-linear-gradient(top, #fefffe 0%, #e1e2e7 100%);
    background: -webkit-linear-gradient(top, #fefffe 0%,#e1e2e7 100%);
    background: linear-gradient(to bottom, #fefffe 0%,#e1e2e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefffe', endColorstr='#e1e2e7',GradientType=0 );
}

#FnlPageNavigation {
    position: relative;
    background: #ededed none;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

#FnlPageNavigation .TopNavigation {
    position: relative;
    height: 30px;
}

#FnlPageNavigation .TopNavigation .Menu {
    height: 30px;
    position: relative;
}

.PublicAudience #FnlPageNavigation .TopNavigation .Menu ul {
    margin: 0 0 0 180px;
}

#FnlPageNavigation .TopNavigation .Menu ul {
    padding: 0;
    margin: 0 0 0 130px;
    font-weight: bold;
    list-style: none;
}

#FnlPageNavigation .TopNavigation .Menu ul li:first-child {
    border-left: 1px solid #dadada;
}

#FnlPageNavigation .TopNavigation .Menu ul li {
    float: left;
    height: 30px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-right: 1px solid #dadada;
}

#FnlPageNavigation .TopNavigation .Menu ul li a {
    display: block;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    letter-spacing: 0.5px;
    padding: 9px 25px;
    text-align: center;
    color: #595C6F;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}

.NcifSearchField > input {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    padding: 7px 8px 9px;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #555655;
    text-indent: 0;
    border: 1px solid #d7d7d7;
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}


.NcifSearchSubmit {
    width: 50px;
}  

.NcifSearchSubmit > input {
    height: 27px;
    width: 22px;
    padding: 3px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid #838383;
    border-left: 0;
    outline: 0;
    background: #818184;
    background: -moz-linear-gradient(top, #999999 0%, #686a6e 100%);
    background: -webkit-linear-gradient(top, #999999 0%,#686a6e 100%);
    background: linear-gradient(to bottom, #999999 0%,#686a6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#686a6e',GradientType=0 );
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    box-sizing: content-box;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transition: all 0.25s linear;
    cursor: pointer;
}

.NcifSearchWrap > .NcifPhonebookLink a {
    display: block;
    height: 15px;
    width: 17px; 
    padding: 9px 5px;
    margin: 0px; 
    outline: none;
}

#txtFnlSearchTerm {
	width: 198px;
}

#panFnlSearchInputBox {
    width: 198px;
}

.NcifSubSiteHeader {
    background: rgb(253,253,253);
    background: -moz-linear-gradient(top, rgba(253,253,253,1) 1%, rgba(242,243,248,1) 61%, rgba(219,220,220,1) 100%);
    background: -webkit-linear-gradient(top, rgba(253,253,253,1) 1%,rgba(242,243,248,1) 61%,rgba(219,220,220,1) 100%);
    background: linear-gradient(to bottom, rgba(253,253,253,1) 1%,rgba(242,243,248,1) 61%,rgba(219,220,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dbdcdc',GradientType=0 );
}

#FnlPageFooter {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100px;
    z-index: 100;
    box-sizing: border-box;
    -webkit-box-flex: 0 0 100px;
    -moz-box-flex: 0 0 100px;
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    background-image: url('/bacs/cms/wp-content/themes/ncif/images/footer_bg.png'); 
}

#FnlPageFooter > ul:first-child {
    margin: 15px 0px 20px 0px;
    font-weight: bold;
}

#FnlPageFooter > ul {
    margin: 6px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    text-align: center;
    line-height: 12px;
}

#FnlPageFooter > ul > li {
    display: inline-block;
    padding: 0px 6px 0px 6px;
    margin: 0px;
    list-style-type: none;
    color: #9799A8;
    border-left: 1px solid #9799A8;
    overflow: hidden;
    zoom: 1;
}

#FnlPageFooter > ul > li:first-child {
    border-left-style: none;
}

#FnlPageFooter a {
    text-decoration: none;
    color: #9799A8;
    font-size: .9em;
}