/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,button,input,select,textarea {color: #444;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}

/* ==========================================================================
   Public styles
   ========================================================================== */
/**********overwrite the landing page styles************/
h2.content-heading {
    clear: both;
    font-size: 30px;
    line-height: 1.3;
    margin: 15px 0;
}
.credits {
    margin: 0 -12px;
}
.landing {
    margin-bottom: 30px;
}
.landing h3 {
    background-color: #142c68;
    border-bottom: none;
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 10px 20px;
}
.clickable h3 {
    color: #000;
    padding: 0;
}
@media (min-width:768px) {
    .col-md-3.col-xs-6.clickable-box {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 20px;
    }
}
.clickable-notransform {
    border-left: 5px solid #008000 !important;
    transform: none !important;
}
.callout.center {
    margin-bottom: 11px;
}
.content-heading-aside a:hover {
    text-decoration: underline;
}
a:visited {
    color: #884488;
}
a:hover {
    color: #884488;
}

/* Bootstrap 5 tweak: do not underline links unless hovered over */
a:not([class*="btn"]) {
    text-decoration: none;
}
a:not([class*="btn"]):not([role="button"]):not([class="clickable"]):hover {
    text-decoration: underline;
}

a:link {
    text-decoration: none;
}
.navigation a {
    color: #fff;
}
.footer-links a:hover {
    text-decoration: underline;
    color: white;
}
.footer-links a:visited {
    color: white;
}
button {
    margin-top: 1px;
    background-image: none;
}
.float-end {
    padding-right: 5%;
}
label {
    display: inline;
    font-weight: 700;
}
.nav-bar-pub li {
    display: inline-block;
    list-style-type: none;
    margin-bottom:0;
    padding: 5px 5px 5px 0px;
}
.nav-bar-pub li.active,
.nav-bar-pub li.active a,
.nav-bar-pub li.active:hover,
.nav-bar-pub li.active a:hover {
    background-color: #EFEFEF;
    color: #006db5;
}
.nav-bar-pub li.active {
    border-bottom: 4px solid #006db5;
    margin-bottom:-4px;
}
.nav-bar-pub li:not(:first-child):before,
nav-bar-pub li.active:not(:first-child):before {
    content: " | ";
    padding-right: 5px;
    color: #999;
}
.nav-bar-pub {
    background-color: #EFEFEF;
    line-height: 1.5em;
    border-bottom: 4px solid #dce4ef;
    margin-bottom: 0;
}
.row section.text {
    padding-top:0;
}
.nav-bar-pub li a:link, 
.nav-bar-pub li a:visited,
.nav-bar-pub li a:active {
    color: #006db5;
}
.btn-box ul li {
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
    margin-right:1px;;
    padding:0;
}
.btn-box ul .inline-box-list {
    width: 55%;
    padding-left:0;
}
.coming_soon .clickable {
    background-color: #BBBBBB;
}
.clickable h4 {
    color: #006db5;
}
.clickable {
    border-right-width: 20px;
    padding-bottom: 10px;
    border-collapse: inherit;
    border-right-color: #eee;
    overflow: hidden;
}
.clickable img {
    padding-bottom: 10px;
}
[role="tabpanel"] {
    border-color: white;
}
section.text {
    margin: 0;
    padding-bottom:0;
}
.btn-box {
    padding-bottom: 0;
    margin-bottom: 20px;
    border:0;
}

/* ========================================================================== */
/* GLOBAL STYLES */

html {
    overflow: -moz-scrollbars-vertical;
}
html {
    overflow-x: auto;
}
.beta-message {
    color: #fff;
    background-color: #e56a00;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: -1em;
    margin-bottom: 1em;
}
.beta-version .header,
.beta-version .footer {
    opacity: 0.5;
}
.main ul {
    margin: 16px;
    padding: 0;
}
.main ul.circle, .main ul.circle > li {
    list-style-type: circle;
    list-style-image: none;
}
.main ul ul {
    margin: 3px 0 0 16px;
}
.main ul ol {
    list-style-image: none;
    margin-top: 6px;
}
.main li {
    margin-bottom: 5px;
}

/* tabs across top - regular, hover, and current */
#tabs {
    position: absolute;
    left: 95px;
    bottom: 0;
}
#tabs ul {
    margin: 0 0 -1px;
    padding: 0;
    list-style: none;
}
#tabs li {
    display: inline;
}
#tabs a {
    display: inline-block;
    background-color: #A90101;
    text-decoration: none;
    font-weight: bold;
    color: #FFF;
    padding: .03846153846em; /* 5px */
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #A90101;
    border-bottom: 0;
}
#tabs a:hover {
    background-color: #E0EDF3;
    color: #A90101;
    border: 1px solid #777;
    border-bottom: 0;
}
#tabs li.current {
    position: relative;
    top: 0;
}
#tabs li.current a {
    border: 1px solid #777;
    border-bottom: 1px solid #FFF;
}
#tabs li.current a, #tabs li.current a:hover {
    background-color: #FFF;
    color: #A90101;
}
.clearFlt {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
}
/* end of tabs */

/*1st LEVEL PAGE LAYOUT*/
/* container for nav, breadcrumbs, and content */
hr.double {
border-top: medium double #C1C1C1;
margin: 2em 0;
}

/* ========================================================================== */

ul.scroll-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*border-top: 1px solid #95BFD1;*/
}
.scroll-list-item a {
    text-decoration: none;
    color: #000;
}
li.scroll-list-item {
    padding: 2px 5px;
    margin: 0;
    text-align: left;
    cursor: pointer;
}
.scroll-list-item:hover,
.scroll-list-item a:hover
 {
    background-color: #eef4f7;
}
li.active,
li.active:hover,
li.active a,
li.active a:hover {
    color: #fff;
}
.offscreen {
    display: inline-block;
    height: 1px;
    left: -9999px;
    position: absolute;
    width: 1px;
}
.display-item {
    display:none;
}
.sub-label {
    font-size: 75%;
    color: #318b00;
    margin-left: 5px;
}
.datevalue-date-label {
    color: #318b00;
    display: inline-block;
    margin-left: 5px;
}
.datevalue-value-label {
    display: inline-block;
    width: 30em;
    
}
.date-based-attr {
    max-width: 70em;
}
.search_term {
    background-color: #FFFFAA;
    color: black;
    /*padding: 1px;*/
    border: 1px solid #f0f000;
    border-radius: 3px;
    /*box-shadow: 0px 1px 1px #888;*/
    font-style: italic;
}
#search_ndc_oncology, #search_hemato, #search_glossary, #search_solidtumor, #search_rx {
    font-weight: bold;
}
#search_ndc_oncology, #search_hemato, #search_glossary, #search_solidtumor {
    margin-top: 10px;
}
.data-last-modified {
    color: #003DA8;
    font-size: 0.4615384615em; /* 6px */
    font-weight: bold;
}
.expand-box,
.expand-box:visited,
.collapse-box,
.collapse-box:visited {
    color:#13369F;
    border: 1px solid #d7e9ed;
    background-color: #f5f8fa;
    font-size: 11px;
    text-decoration: none;
    padding: 4px 6px 4px 24px;
    display: block;
    background-image: url('../img/down_grip.png');
    background-position: 5px 4px;
    background-repeat: no-repeat;
}
.expand-box:hover,
.collapse-box:hover {
    background-color: #d9e6ec;
    color: #13369F;
    text-decoration: underline;
    background-image: url('../img/down_grip_selected.png');
}
.box-content {
    background-color: #fcfdfd;
    border: 1px solid #d7e9ed;
    position: relative;
    padding: 0 10px 10px 10px;
}
.box-content label {
    margin-left: 5px;
    position: relative;
    top: 2px;
    color: #13369F;
    font-weight: lighter;
}
.clear-site-categories {
    position: absolute;
    right: 10px;
    bottom: 5px;
}
.collapse-box {
    background-image: url('../img/up_grip.png');
    border-top-width: 0;
}
.collapse-box:hover {
    background-image: url('../img/up_grip_selected.png');
}
#id_mpc {
    color:#13369F;
    border: 1px solid #d7e9ed;
}
.mpc-control a {
/*    text-align: center;*/
    color:#13369F;
    background-color: #f5f8fa;
    font-size: 11px;
    text-decoration: none;
    padding: 4px 6px 4px 24px;
    display:block;
    background-image: url('../img/down_grip.png');
    background-position: 5px 4px;
    background-repeat: no-repeat;
}
.mpc-control a:visited {
    color: #13369F;
}
.mpc-control a:hover {
    background-color: #d9e6ec;
    color: #13369F;
    text-decoration: underline;
    background-image: url('../img/down_grip_selected.png');
}
#id_multiple_primaries .mpc-control a:hover{
    background-image: url('../img/up_grip_selected.png');
}
#id_mpc_title {
    font-weight:bold;
    font-size:1.0769230769em; /* 14px */
    padding: 10px 10px 5px 10px;
}
#id_site_categories,
#id_multiple_primaries {
    display: none;
    background-color: #fcfdfd;
    border: 1px solid #d7e9ed;
    position: relative;
}
#id_multiple_primaries .mpc-control a {
    border-top: 1px solid #d7e9ed;
    background-image: url('../img/up_grip.png');
}
#id_mpc_content {
    padding: 0 10px 10px 10px;
}
#id_multiple_primaries p {
    margin: 5px 0 5px 0;
}
#id_multiple_primaries label {
    font-weight:bold;
}
#id_code1, #id_code2 {
    margin: 0 10px 0 10px;
}
#id_mpc_response {
    margin: 0 0 0 10px;
    font-weight:bold;
}
.code-as {
    font-style:italic;
    padding: 0 3px 0 3px;
}
.list-panes {
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#fdfdfd');*/
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#fdfdfd));*/
    /*background: -moz-linear-gradient(top, #f5f5f5, #fdfdfd);*/
    /*background-color: #f5f5f5;*/
    overflow-y: visible;
    /*max-height: none;*/
    /*width: auto;*/
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    /*border-bottom: 1px solid #CCCCCC;*/
}
ul.tabs {
    /*float: left;*/
    display: block;
    list-style-type: none;
    height: 1.5384615385em; /* 20 px */
    margin: 15px 0 10px 0;
}
#seerrx_tabs {
    margin-top: 0;
    padding: 0;
}
#seerrx_tabs > li {
    margin-bottom: 0;
}
ul.tabs li {
    float: left;
    display: block;
    padding: 4px 15px;
    height: 1.5384615385em; /* 20 px */
    line-height: 1.5384615385em; /* 20 px */
}
#result_tabs {
    height: 29px;
    border-bottom: 1px solid #95BFD1;
}
.ie7 ul.tabs li { position: relative;}
ul.tabs li a {
    text-decoration: none;
    color: #777;
    font-weight: lighter;
}
ul.tabs li {
    background-color: #EEF8FF;
    color: #111;
    border-left: 1px solid #D1FBFF;
    border-top: 1px solid #D1FBFF;
    border-right: 1px solid #D1FBFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
ul.tabs li.selected {
    color: #111;
    border-left: 1px solid #95BFD1;
    border-top: 1px solid #95BFD1;
    border-right: 1px solid #95BFD1;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde4dd', endColorstr='#f5f5f5');*/
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#dde4dd), to(#f5f5f5));*/
    /*background: -moz-linear-gradient(top, #dde4dd, #f5f5f5);*/
    background-color: #D9E7ED; /*#f5f5f5;*/
}
ul.tabs li.selected a {
    font-weight: bolder;
    color: #444;
}
.full-height #main {
    margin-bottom: 0;
    padding-bottom: 10px;
}
.scroll-box-container {
    position: relative;
}
.scroll-box {
    position: absolute;
    top: 0;
    left: 290px;
}
.scroll-content {
    overflow-y: auto;
    border: 1px solid #95bfd1;
    border-top-width: 0;
    padding: 0 5px;
}
.scroll-box .scroll-box-header {
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid #777777;
    background-color: #D9E7ED;
    border: 1px solid #95BFD1;
}
.scroll-box .scroll-box-header h1 {
    color: black;
    font-size: 12.8px;
    padding: 0;
    margin: 0;
}
#results.scroll-box {
    left: 0;
    width: 282px;
}
#results.scroll-box .scroll-content {
    padding: 0;
    height: 600px;
}
#id_print {
    background: url("../img/printer.gif") no-repeat scroll left center transparent;
    float: right;
    top: 0;
    right: 0;
    margin-left: 10px;
    font-size: 85%;
}
#id_export {
    background: url("../img/xls.gif") no-repeat scroll left center transparent;
    float: right;
    top: 0;
    right: 0;
    margin-left: 10px;
    font-size: 85%;
}

/* tables */
table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr .header {
    background-image: url('../img/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url('../img/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
    background-image: url('../img/desc.gif');
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter tbody .odd td {
    background-color: #F0F0F6;
}
table.tablesorter th.header a {
    color: black;
    font-weight:bold;
}
a.icd3-code, a.icd9-code, a.icd10-code {
    text-decoration: none;
    color: #13369F;
    font-weight: normal;
}
a.icd3-code:hover, a.icd9-code:hover, a.icd10-code:hover {
    text-decoration: underline;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}

/* Product display*/
#product_container{
    display: block;
    padding: 0 20px;
}
@media (max-width:768px) {
    #product_container{
        padding: 0;
    }   
}
.packages, .substances{
    position: relative;
}

/* Without this long text makes the search box expand */
.ie6 input { overflow: hidden; }

#display_content {
    overflow-y: visible;
}
#search_database {
    vertical-align: baseline;
}
#id-searchbutton {
    vertical-align: baseline;
    position: relative;
}
#site-message {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFE45C;
    border-color: #E6BF00;
    border-radius: 0 0 2px 2px;
    border-right: 1px solid #E6BF00;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0 0 4px #E6BF00;
    color: #665500;
    font-size: 9px;
    left: 550px;
    line-height: 9px;
    padding: 2px 4px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.errorlist {
    color:red;
    margin: 5px 0 40px 30px;
}

/* Button */
.button {
    background: url("../img/button_background.png") repeat-x scroll 0 0 #1E1E1E;
    border: 1px solid #000000;
    border-radius: 2px 2px 2px 2px;
    color: #F0F0F0;
    display: inline-block;
    font-family: Tahoma,Verdana,sans-serif;
    font-size: 12px;
    line-height: 1em;
    margin-right: 0.1em;
    overflow: visible;
    padding: 0.25em 0.8em 0.3em;
    text-decoration: none;
    width: auto;
}
.button:focus, .button:hover {
    background-image: url("../img/button_background_hover.png");
    color: #FFFFFF;
    text-decoration: none;
}
.button[disabled] {
    background-color: #666666;
/*    background-image: url("../img/button_background_disabled.png"); */
    border: 1px solid #999999;
    color: #BBBBBB;
    cursor: default;
}
.button a:visited {
    color: #F0F0F0;
}

/* Filter */
#filter h1, #results h1 {
    font-size: 1.0769230769em; /* 14px */
}
#filter {
    float: left;
    padding-left: 0;
    position: relative;
    width: 180px;
}
#filter fieldset legend {
    color: #A41A24;
    font-weight: bold;
}
#filter ul {
    font-size: 0.8461538462em; /* 11px */
    list-style-type: none;
    margin-top: 3px;
    margin-left: 0px;
}
#filter li {
    padding: 1px;
}
#filter li input[type="checkbox"] {
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
    top: -1px;
}
label, input[type="button"], input[type="submit"], button {
    cursor: pointer;
}
input[type="checkbox"] {
    vertical-align: bottom;
}
.disabled {
    background-color: #D4D4D4;
    border: 1px solid #999999;
    cursor: default;
}
.comment-icon {
    background-image: url("../img/comment.png");
    background-position: 37px 0;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 25px;
}
a.password-reset-link {
    text-decoration: none;
    font-size: 0.8461538462em; /* 11px */
}
a.password-reset-link:hover {
    text-decoration: underline;
}
.no-warning {
    display: none;
    visibility: hidden;
}
.obsolete {
    background-color: #cbdee7;
    color: #315868;
    font-size: 10px;
    padding: 1px 4px;
    border-radius: 4px;
    margin-left: 5px;
    border: 1px solid #bad3de;
    font-weight: bold;
}
.field {
    padding: 5px;
    position: relative;
    border-bottom: 1px solid #d0d0d0;
}
.field label {

    left: 0;
    font-weight: bold;
}
.value label {
    position: static;
}
.deleted {
    display:none;
}
.form {
    position: relative;
}
.form textarea {
    width: 650px;
    height: 150px;
}
.form input {
    width: 300px;
}
.loading-message,
.no-info-for-year {
    font-size: 22px;
    margin-top: 15px;
    color: #808080;
    /*text-align: center;*/
}
.never-reportable {
    color: #4d4d4d;
}
.user-info {
    position: absolute;
    top: 4px;
    right: 20px;
    font-size: 14px;
    text-shadow: 0 1px #a1b6c0;
}
.user-info a {
    font-size: 12px;
    padding-left: 5px;
    text-shadow: none;
}
.preview-page {
    margin: 10px;
    background-color: #fff;
}
.year-selection-container {
    margin-top: 1.5em;
}
.errorMessage.errorMessageBelow {
    margin-left: 0;
    margin-top: 10px;
}
.errorMessage.errorMessageBelow::after {
    top: -12px;
    left: 6px;
    border-color: rgba(0,0,0,0);
    border-bottom-color: #E55;
}

/* Fix up the colorbox corners */
#cboxTopRight {background-position: -129px 0;}
#cboxBottomRight {background-position: -129px -29px;}
#cboxTopLeft {background-position: -100px 0;}
#cboxBottomLeft {background-position: -100px -29px;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

@media (max-width:769px) {
    .mb-3 {
        width: 100% !important;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {background: transparent !important;color: #000 !important; /* Black prints faster: h5bp.com/s */box-shadow: none !important;text-shadow: none !important;}
    a,
    a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {content: "";}
    pre,
    blockquote {border: 1px solid #999;page-break-inside: avoid;}
    thead {display: table-header-group; /* h5bp.com/t */}
    tr,
    img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
    p,
    h2,
    h3 {orphans: 3;widows: 3;}
    h2,
    h3 {page-break-after: avoid;}

    /* ======================================================================
       Custom print styles
       ====================================================================== */
    #seerLogo, #backToSeer, #footer {display:none;}
}

/**********SEER Redesign styles***********/
#content,
.item-content {
    width:100%;
}
.public {
    padding: 25px;
}
.local-nav, .seeker-form, .results {
    padding: 0 30px;
}
@media (max-width:768px) {
    .local-nav, .seeker-form, .results {
        padding: 0;
    }   
}
#show_results {
    text-align: right;
    padding-right: 25px;
}
#matching, #column_help {
    vertical-align: middle;
    padding-top: 15px;
}