@charset "UTF-8";

/* ----------------------------------------------
 * DEBUG - This specification is a catch-all. Whenever you think a specification
   is a candidate for removal, add its selector here. Any place in the web site should
   show up like a sore-thumb when displayed 
 */



.DEADWOOD,
input.ct-applyFacet, 
div#learn-more,
div#login-info,
div#learn-more,
div#learn-more h2,
div#learn-more h3,
div#login-info,
ul#dropdown,
#dropdown, #dropdown li,
ul#dropdown li,
a#show-dropdown,
a#show-dropdown.show-arrow,
a#show-dropdown:hover,
#dropdown li.close,
a#close,
li.orgtype ul.alpha-nav,
.locControl, 
#StudiesNear,
#tagline,
#header,
#utilities,
#utilities div#text-size, #utilities #save-list, #utilities #download-records, #utilities #rss,
#utilities #print,
#utilities #download,
#header-search,
.for-example,
#header-search-extras,
#header-search-extras ul,
#header-search-extras ul li,
#header-search-extras ul li:last-of-type,
#Advanced_Search_Field_Definitions,
span.hit_synonym,
img.quicktour,
#search-results p,
.locControl,
#StudiesNear,
a.lowercase,
div.index,
.horz-list,
.hidden,
div.inner_content_wrapper,
div.inner_wrapper,
.one-column,
.floater-50,
.floater-35,
.floater-34,
.floater-30,
#sitemap_for_box p.for_links,
#sitemap_for_box p.for_links a.for_mid_link, 
#body-copy div.sitemap_div a:hover,
div.sitemap_div h2,
div.outer_breadcrumb,
header1,
header2,
header3,
div.results-nav,
.example-text,
img.honcode,
p.faq_question,
div.rp-question-num,
div.rp-question-content,
p.selected-pub,
/* must remain below for the prs_org pages
.to-top,
.to-top a,
.to-top a.plain,
*/
table.data_table + caption,
table.data_table td,
table.data_table th,
table.data_table td table.data_table td,
table.data_table td table.data_table th,
table.trends_table td,
table.trends_table td.first_cell,
table.trends_table th.first_cell, 
table.CT_table td.first_cell,
table.CT_table th.first_cell,
table.CT_table td.top_cell,
table.CT_table th.top_cell,
li.facet,
.facetCB,
.facetLegendCB,
.facetRB,
.facetLegendCB,
table.adv-dataTable > thead > tr > th,
.adv-StudiesCB:hover, 
.adv-EAStudiesCB:hover,
.textInputField,
.selectInputField,
.inputFieldLabel,
.inputFieldExample,
.clearField,
.clearFieldIE,
.flexible,
button.savedStudiesEnabled,
button.savedStudiesDisabled,
.toggleImg,
#local-menu .menu-title,
#local-menu li.current,
div.results-summary,
div.results-nav,
.facetContainer,
.facetBanner,
.indent1, .indent2, .indent3, .indent4, .indent5
.body2, .body3, .body4,
fieldset#filter-widgets.button_fieldset
{
/* enable these for debugging
    background-image: url("../images/working.gif") !important;
		font-size: xx-large !important;
		min-height: 100px !important;
*/
    color: red !important;
    font-style: italic !important;
    border-color: red !important;
}

/** END OF DEBUG **/






/* ----------------------------------------------
 * BASE CSS for ClinicalTrials.gov
 *
 * CSS prefix "ct-"
 *
 */

/* ----------------------------------------------
 * CT Approved font-families
 * all font-family specifications must be one or the other unless
 * there is a very good reason not to
 * 
 * when you wish to change to a different font-family, use either:
 * class="ct-serif"       or
 *       "ct-sans-serif"  or
 *       "ct-fixed"
 */
   
/* ----------------------------------------------
 * SERIF FONT 
 */   
.ct-serif,
h1,
/* potentially
h2,
h3,
h4,
h5,
h6,
*/
legend.ct-legend > span,
#news_alert,
#fine-print li,
.glossary__term {
	  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
}

/* ----------------------------------------------
 * SANS-SERIF FONT
 */
.ct-sans-serif,
body, 
p, 
td, 
tr, 
input, 
select, 
textarea, 
li, 
legend, 
div,
input.applyFacet, 
input.searchButton,
.ct-header1,
.ct-header2,
.ct-header3,
.ct-body2,
.ct-body3,
.ct-body4 {
	  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

/* ----------------------------------------------
 * Fixed-Width (code) FONT
 */
.ct-fixed {
    font-family: Consolas, Monaco, "Andale Mono", monospace;
}

/* ----------------------------------------------
 * MOBILE
 */
@media only screen and (max-device-width: 1024px) {      
    body { 
	      -webkit-text-size-adjust:100%;
	      -ms-text-size-adjust:100%;
	      -moz-text-size-adjust:100%
    }               
} 

@viewport{
    zoom: 1.0;
    width: device-width;
}

@-ms-viewport{
    Width: device-width;
    zoom: 1.0;
}

/* ----------------------------------------------
 * Default BASE HTML ELEMENTS 
 */
html {
    overflow-x: auto;
}

body {
    background: #205493;
}

@media (max-width:1024px) {
    body {
      overflow-x: hidden; /* prevents weird 8px wide border on right on small screens*/
    }
}

body, p, td, tr, input, select, textarea, li, legend, div {
		font-size: 15px;
		line-height: 1.6;
}

p {
    margin: 12px 0;
}

/* ----------------------------------------------
 * From Draft U.S. Web Design Standards 
 */
input:focus, textarea:focus, select:focus, a:focus {
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
}

/* ----------------------------------------------
 * Styles from https://beta.fec.gov 
 */
a:active, 
a:hover {
    border-bottom-color: #36bdbb;
}

a {
    border-bottom: 1px solid #112e51;
    color: #1a3d85;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.1s linear;
}
/* ----------------------------------------------
 * End from beta.tec.gov 
 * ---------------------------------------------- */

/* ----------------------------------------------
 * Default stylings
 * ----------------------------------------------*/
h1 {
    color: #990000;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 18px 0;
}

h2 {
    font-size: 12px; 
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 24px;
    color:#000;
    background-color: transparent;
    padding-left:5px;
}

h2 + p {
    margin-top: 6px;
}

h3 {
    font-weight: bold;
    color: #222; 
    font-size: 14px;
}

div.ct-index h2 {
    font-size: 12px;
    font-weight: bold;
    color: #222;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 24px;
		background-color:#FFFFFF;
		padding-left:0px;
}

h3 + ul {
    margin-top: 6px;
}

ul {
    margin-top: 6px;
    margin-left: 0px;
    padding-left: 24px;
}

ul li {
    margin-bottom: 4px;
}

li.ct-color-bullet {
    color: #8194bc;
}

ul.ct-horz-list {
    padding: 0;
    margin: 0;
}

ul.ct-horz-list > li {
    list-style-type: none;
    margin-right: 18px;
    display: inline;
    margin-left: -12px;
    padding-left: 0px;
}

@media (max-width:600px) {
	ul.ct-horz-list > li {
		margin-right: 8px;
	}
}

/* For responsive images */
/* and by default images should not have a border */
img {
    max-width:100%;
    height:auto;
    border: 0;
    border-style: none;
}

/* home page and search results fieldsets */
legend.ct-legend {
    background-color: white;
    border-radius: 8px;
    padding: 2px;
}

legend.ct-legend > span {
		margin-bottom: 1px;
		font-size: 1.35em;
	  font-weight: normal;
	  margin: 0;	
	  padding: 0 2px;
}

/* ----------------------------------------------
 * Shorthand classes
 */
.ct-nowrap {
    white-space: nowrap;
}

.ct-borderless {
    border-style: none;
}

/* ----------------------------------------------
 * ACCESSIBILITY 
 */
#skip a, #skip a:hover, #skip a:visited {
    position:absolute;
    left:0;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}

#skip a:active, #skip a:focus {
    position:static;
    width:auto;
    height:auto;
}

.ct-hidden {
  display: none;
}

/* ----------------------------------------------
 * LAYOUT CONTAINERS
 */
#wrapper {
    margin:8px auto;
    background-color: #fff;
		width: 100%;
		box-sizing: border-box;
}

div.ct-inner_wrapper, div.ct-inner_content_wrapper {
    margin:8px auto;
    padding: 14px 8px 0 8px; 
		max-width: 1200px;
		box-sizing: border-box;
}

div.ct-inner_content_wrapper {
    padding: 0 8px; 
}


/* ----------------------------------------------
 * Layout table 
 *
 * sets:
 * cellpadding="0" cellspacing="0" border="0"
 * no header or caption displayed
 */

table.ct-layout_table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

table.ct-layout_table th, table.ct-layout_table td {
    padding: 0;
}

table.ct-layout_table th {
    display: none;
}

table.ct-layout_table caption {
    display: none;
}

table.ct-layout_table tr {
	  vertical-align: top;
}
/* ---------------------------------------------- */


#news_alert {
    font-size: 16px;
    background-color: #ffffaa;
}

#news_alert a {
    border-bottom: 1px dotted;
}
#main-content {
    clear: both;
}

#body-copy {
    padding: 12px;
}

#body-copy h2 {
    margin-top:36px;
    font-size: 14px;
}

#body-copy h3 {
    margin-top:24px;
    font-size: 14px;
}

#body-copy h4 {
    margin-top:24px;
    font-size: 12px;
    text-transform:uppercase;
    color: #222222;
    font-weight:bold;
    background-image: url("../images/arrow-right.jpg");
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 10px;
}

body.ct-one-column #body-copy {
    width: 95%;
    margin: 24px 0 0 0;
    margin-left: 18px
}

.ct-floater-50, .ct-floater-50-noborder {
    float: left;
    width: 40%;
    border: 1px solid #dedede;
    padding: 0px 18px 6px;
    margin-right: 6px;
    min-height: 31em;
    margin-top: 18px;
    margin-bottom: 12px;
}

.ct-floater-50-noborder  {
    border: 0;
    min-height: 0;
}

.ct-floater-50 h2 {
    color: #990000;
    text-transform: none;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.ct-floater-50 h3 {
    text-transform: none;
    color: #990000;
    font-size: 12px;
}

.ct-floater-50 p, .ct-floater-50 ul {
    background-color: #fff;
}

/* ----------------------------------------------
 * header font styles
 * they are Sans-Serif fonts
 */

.ct-header1 {
  font-size: large;
  font-weight: bold;
}

.ct-header2 {
  font-size: medium;
  font-weight: bold;
}

.ct-header3 {
  font-size: small;
  font-weight: bold;
}

/* ----------------------------------------------
 * Standard body font style Classes
 */

.ct-body2 {
  font-size:medium;
  font-weight:normal;
}

.ct-body3 {
  font-size:small;
  font-weight:normal;
}

.ct-body4 {
  font-size:smaller;
  font-weight:normal;
}

/* ----------------------------------------------
 * GLOBAL NAV MENUS use jQuery Superfish
 * keep the following spec, used in header_stop.vm and crawl_page.vm
 */
#global-nav, #global-nav-popupMenu-content {
    background-color: #d1dfee; 
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
    padding: 0;
    width: 100%;
    clear: both;
    margin-top: 8px;
    white-space:nowrap;
}

/* ----------------------------------------------
 * Force our right aligned labels to left align with on small screen
 * Note: This class MUST be listed in the div class directive after any w3-right-align
 */
@media (max-width:600px) {
		div.ct-small-left {
				text-align:left!important;
				white-space:nowrap!important;		
		}	
}

/* ----------------------------------------------
 * Override superfish.css
 */
.sf-menu li { 
    display:block; 
    width:auto; 
    white-space:nowrap;
    text-align:left;
}

ul.sf-menu {
    margin: 0;
    padding: 0;
    font-size: 14px;
    margin-left: 0px;
}

ul.sf-menu li {
    border-right: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.0;
}

ul.sf-menu > li {
    background-color: inherit;
    padding: 0;
}

ul.sf-menu li a, ul.sf-menu li.last {
    border-left: 0;
}

ul.sf-menu li li {
    background-color: #ecf8fb;
    padding:0px;
    font-weight: normal;
    font-size: 15px;
}

ul.sf-menu li.last {
    border-right: none;
}

ul.sf-menu li.new-group {
    border-top: 3px solid #90b5d8;
}

/* must match color in .sf-menu a:hover, .sf-menu a.focus, .sf-menu a:active next*/
.sf-menu li:hover,
.sf-menu li.sfHover {
  	background-color: #dce4ef;
}

.sf-menu a:hover, .sf-menu a.focus, .sf-menu a:active {
    background-color: #e1eaf4;
    border-bottom: none;
}

.sf-menu li.current a {
    background-color: #d1dfee;
    font-style: italic; 
    color: #333;
}

ul.sf-menu > li > a {
		border-top: 0;
		border-bottom: 0;
}

.sf-menu a {
  	color: #1a3d85;
}

.sf-menu ul {
  	border: 1px solid gray;	
}

/* Added for CT menubar so that rightmost menu doesn't clip*/
@media (max-width:1450px) and (min-width:675px) {
		.sf-menu li.last>ul {
				left: unset;
				right: 0;
		}
}

/* Added so that menu choices positioned under menu label on small screens */
@media (max-width: 600px){
    .sf-menu ul {
        position: initial;
    }
    
    .sf-menu a {
        padding: 1.1em;
    }
    
    #global-nav-popupMenu-content {
        min-width: initial;
    }
}
/* ----------------------------------------------
 * BREADCRUMB 
 */

div.ct-outer_breadcrumb {
    border-top: 1px solid #aeb0b5;
    border-bottom: 1px solid #aeb0b5;
    padding: 1ex 0;
    clear: both;
}

div#breadcrumb {
		margin: 1ex auto;
		max-width: 1200px;
}

#breadcrumb ul {
	  height: 24px;
	  display:block;
	  padding:0;
}

#breadcrumb ul li {
    list-style-type:none;
    display:block;
    float: left;
    position:relative;
    height:21px;
    line-height:21px;
    font-size:14px;
    background:url(../images/chevron-small.gif) no-repeat 100% 48%;
    margin-left: 6px;
    padding:0 12px 0 0;
    color:#666;
}

#breadcrumb ul.ct-horz-list > li:last-of-type {
    background:none;
    margin-right:0;
    padding-right:0;
}

#savedStudies {
		margin-top: -0.75ex;
		margin-right: 6px;
}

/* ----------------------------------------------
 * Footer 
 */
#for-footer {
    text-align: center;
    margin-top: 12px;
}

#for-footer ul.ct-horz-list li {
    margin-left: 0px;
    font-size: 13px;
    font-weight: bold;
    border-left: 1px solid #999;
    padding-left: 20px;
}

#for-footer ul.ct-horz-list li a {
    white-space: nowrap;
}

#for-footer ul.ct-horz-list li:first-child {
    border-left: none;
}

#footer-menu {
    clear: both;
	  border-top: 3px double #dedede;
    padding: 9px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 12px;
    background-color: white;
}

#footer-menu ul.ct-horz-list {
	  padding-bottom:1.5ex;
}

#footer-menu ul li {
    margin-left: 12px;
    font-size: 11px;
}

#footer-menu ul.ct-horz-list li a {
    white-space: nowrap;
}

#fine-print {
    text-align: center;
    margin: 13px 0;
}

#fine-print li {
    padding-right: 13px;
    border-right: 1px solid #999;
    font-size: 12px;
		font-weight: 400;
}

#fine-print li:last-of-type { 
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

#fine-print li a {
    color: white;
    white-space: nowrap;
    border-bottom-color: white;
}

#fine-print a:hover {
	border-bottom-color: #36bdbb;
}

/* override some of the above settings to make footer fit better on small screens */
/* and to provide a larger target for fumble fingers */
@media (max-width:600px) {
  div#footer-menu ul.ct-horz-list li,
  div#fine-print > ul.ct-horz-list > li {
      margin-right: 1em;
      margin-left: inherit;
      font-size: 16px;
      line-height: 2;
  }

	#for-footer ul.ct-horz-list li {
	    font-size: 16px;
	    padding-left: 0;
	    line-height: 2;
	    font-weight: normal;
	}
}

/* ----------------------------------------------
 * LOCAL NAVIGATION MENU (uses left side) 
 */
#local-menu .ct-menu-title {
		background-color: #dce4ef;
    margin: 0;
    padding: 9px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

#local-menu {
    background-color: #ecf8fb;
		border: 1px solid #d2d2d2;
    padding: 2px;
    margin-top: 12px;
}

#local-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 9px;
}

#local-menu ul li {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
    font-size: 13px;
    padding-left: 2px;
}

#local-menu li.ct-menu-current {
    color: black; /* #5e5955; */
		font-weight: bold;
}

#local-menu li.ct-menu-new-group {
    border-top: 2px solid #ccc;
    margin-top: 3px;
    padding-top: 6px;
}

#local-menu li.ct-menu-subitem {
    margin-left:4px;
    background-image: url("../images/arrow-right.jpg");
    background-position: 0% 10px;
    background-repeat: no-repeat;
    padding-left: 10px;
}                                                           

/* ----------------------------------------------
 * ALERT ITEM or HIGHLIGHT BOX
 */
div.ct-alert {
    background-color: #f3f6fb;
    border: 1px solid #d2d2d2;
    padding: 6px 12px;
    margin-bottom: 24px;
    margin-left: -6px;
}

div.ct-alert p {
    padding: 6px;
    margin: 0;
}

/* ----------------------------------------------
 * Search help links
 */
#search-extras ul {
    margin: 6px 3px;
    padding: 0;
}

#search-extras ul li {
    font-size: 14px;
    list-style-type: none;
    display: inline;
    margin-right: 6px;
    border-right: 1px solid #ccc;
    padding-right: 6px;
}

#search-extras ul li:last-of-type {
    border-right: none;
}

/* ----------------------------------------------
 * Glossary Styling 
 */
a.gloss_link:hover 
{
    cursor: help;
}

#js-glossary-dictionary dt {
    font-weight:bold;
    padding-left:10px;
}

#js-glossary-dictionary dd {
    padding-bottom:20px;
}

ul#glossary-nav , ul#alpha-nav-new {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px 18px 3px 2px;
    margin-top:20px;
}

ul#glossary-nav li , ul#alpha-nav-new li {
    display: inline;
    padding: 3px;
    font-size: 14px;
}

ul#alpha-nav-new li.current {
    background-color:#ccc;
}

ul#glossary-nav a, ul#glossary-nav a:hover , ul#alpha-nav-new a , ul#alpha-nav-new a:hover {
    border: none;
		font-weight:bold;
}

ul#glossary-nav li:hover , ul#alpha-nav-new li.link:hover {
    background-color: #D1DFEE;
}

ul#glossary-nav li.nodt , ul#alpha-nav-new li.nodt {
    font-size: 11px;
}

ul#glossary-nav li.nodt:hover , ul#alpha-nav-new li.nodt:hover {
    background-color: #FFF;
}

h2.glossarydl, h2.glossarydl_A {
    padding:10px;
    color:#900;
    font-size:18px !important;
}

h2.glossarydl {
    border-top:1px solid #d0d0d0;
}

/* ----------------------------------------------
 * Indents
 */

.ct-indent1 {
  margin-left:1em;
  margin-right:1em;
}

.ct-indent2 {
  margin-left:2em;
  margin-right:2em;
}

.ct-indent3 {
  margin-left:3em;
  margin-right:3em;
}

.ct-indent4 {
  margin-left:4em;
  margin-right:4em;
}

.ct-indent5 {
  margin-left:5em;
  margin-right:5em;
}

/* ----------------------------------------------
 * Misc. other formatting 
 */

/* datatable info and table length use these specifications */

.dataTables_wrapper .dataTables_length {
    padding-top: 0.75em;
    margin-bottom: 0.2em;
}             

/* Study Status colors */
.ct-open_studies {
    color: green;
}

.ct-closed_studies {
    color: red;
}

.ct-unknown_studies {
    color: brown;
}

.ct-example-text {
    padding-left:50px;
}

p.ct-screenshot {
    text-align:center;
    margin: inherit auto;
}

img.ct-screenshot {
    border: 1px solid #C0C0C0;
}

div#hamburger:hover {
    background-color: lightgrey;
}

button.ct-savedStudiesEnabled {
    background-color: white;
    padding: 1ex 1em;
    border-radius: 4px;
    border: 1px solid black;
}

button.ct-savedStudiesEnabled:hover {
    background-color: lightgrey;
}

img.ct-toggleImage {
    float: right;
    margin: 3px 0 0 4px;
    padding: 2px;
    border: 1px solid #1a3d85;
    height: 16px;
    vertical-align: text-bottom;
    cursor: pointer;
}

#page-last-reviewed {
    float:right;
    text-align: right;
    margin-right: 54px;
    margin-top: 12px;
    font-size: 12px;
    color: #606060;
}

p.ct-selected_pub {
  	margin-top:25px;
}

.ct-exampleUrl {
    word-break: break-all;
}

/* ----------------------------------------------
 * Hit highlighting styles
 *
 * the following hit specifications must not use "ct-" prefix
 * since the Java code uses these specific class names
 */
 
.hit_org {
  font-weight:bold;
  background-color:#ffffdd; 
}

.hit_inf {
  font-weight:bold;
  background-color:#ffffdd;
}

.hit_syn, .hit_synonym {
  font-weight:bold;
  background-color:#ffffdd;
}

.hit_tpc {
  font-weight:bold;
  background-color:#ffffdd;
}



/* ----------------------------------------------
 * TO TOP 
 */
#to-top, .ct-to-top, .to-top {
    clear: both;
    text-align: right;
    margin-right: 54px;
    margin-top: 12px;
}

#to-top a, .ct-to-top a, .to-top a {
    color: #060;
    padding-left: 15px;
    text-transform: uppercase;
    font-size: 13px;
    background:url(../images/to-top.png) no-repeat center left;
}

.ct-to-top a.ct-plain, .to-top a.plain {
    color: #060;
    padding-left: 15px;
    text-transform: none;
    font-size: 13px;
    background:url(../images/to-top.png) no-repeat center left;
}

/* ----------------------------------------------
 * TABLE STYLING (for existing tables)
 *
 * NOTE: also see ct-layout_table above
 */
 
table#recruit_pielegend {
		float:left;
		margin-left: 10px ;
		margin-top:  40px ;
		margin-right: 10px;
}

table#study_pielegend {
		float:left;
		margin-left: 10px ;
		margin-top:  20px ;
		margin-right: 10px;
}

table#study_pielegend td, table#recruit_pielegend td {
		font-size: 20px; 
		white-space:nowrap;
}

table.ct-data_table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin-top: 2ex;
}

table.ct-data_table caption {
    display: none;	   
}

table.ct-data_table th {
    background-color: #edeeff; /* pale_banner_color */
}

table.ct-data_table td, table.ct-data_table th {
		border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
		padding: 6px;
}

table.ct-data_table td table.ct-data_table td, table.ct-data_table td table.ct-data_table th {
		border: none;
		padding: 2px;
}

table.ct-trends_table td, table.CT_table td {
    border-right: 1px solid #ccc;
}

table.ct-trends_table td.ct-first_cell, table.ct-trends_table th.ct-first_cell, table.CT_table td.ct-first_cell, table.CT_table th.ct-first_cell {
    border-left: 1px solid #ccc;
}

table.CT_table td.ct-top_cell, table.CT_table th.ct-top_cell {
    border-top: 1px solid #ccc;
}

table.CT_table td, table.CT_table th {
    vertical-align:top;
}


/* ----------------------------------------------
 * TABS 
 */
#tabs {
		clear: both;
		margin-top: 6px;
		padding: 6px 0 12px 0;
}

#tab-body {
		-moz-border-bottom-colors: none;	
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: -moz-use-text-color lightgray lightgray;
		clear: both;
		padding: 0 2px;
		background-color: #f6f6f6; /* Same as Search Parameters Fieldset */
		border-top: 2px solid #ccc;
}

ul#tab-links {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

ul#tab-links li {
    list-style-type: none;
    display: inline;
    float: left;
    padding: 6px 12px;
    border: 2px solid #ccc;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-left: 6px;
    margin-bottom: 0;
    font-weight: bold;
    /* US Web Design Standards $color-blue-lightest */
    border-bottom: 1px solid #dce4ef;
    background-color: #dce4ef;
}

ul#tab-links li.current {
    padding-bottom: 8px;
    margin-bottom: -3px; /* tab extends over tab-body top border */
    border-bottom-width: 2px;
    border-bottom-style: solid;
    color: #1a3d85;
    /* override these two colors with appropriate color for your tab set */
    background-color: white;
    border-bottom-color: white;
}

ul#tab-links li a {
    border: none;
    color: #1a3d85;
}

ul#tab-links li:hover {
    background-color: #e1eaf4;
}

ul#tab-links li#disclaimer, ul#tab-links li#howtoread {
    border: none;
    background: none;
    font-weight: normal;
    margin-left: 12px;
}

ul#tab-links li#relatedstudies {
    margin-left: 24px;
}

ul#tab-links li#howtoread {
    background:url(../images/icon-howtoread.png) no-repeat center left;
    padding-left: 20px;
}

@media (max-width:600px)
{
  ul#tab-links
  {
    padding-left: 0;
  }
  
  ul#tab-links li {
    margin-left: 3px;
    font-size: smaller;
  }
}

/* ----------------------------------------------
 * Classes for the Working Indicator (from PRS GUI)
 */
.ct-dim {
	  display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(256,256,256,0.80);
    z-index: 2222;
 /* Browser-specific part */
    opacity: 1.00;         /* Good browsers */
    -khtml-opacity: 1.00;  /* khtml, old safari */
    -moz-opacity: 1.00;    /* mozilla, netscape */
 /* opacity works for IE 9-11; not for earlier versions */
 /* Ineffective attempts: */
 /* filter: alpha(opacity=100); */
 /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; */
 /* for IE 7-8, dims background but leaves buttons and links enabled */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c0ffffff', endColorstr='#c0ffffff');
  /* nothing has worked for IE 5 (emulator won't do IE 6??) */
}

.ct-workingBox {
    max-height: 80vh;
    overflow: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
		overflow-x:hidden; -ms-overflow-x: hidden;
		overflow-y:hidden; -ms-overflow-y: hidden;
}

/* ----------------------------------------------
 * For Open and Closed studies checkboxes on Search Results and Advanced/Modify Search pages
 */
li.ct-facet {
	  margin: 2px 0 3px 6px;
	  list-style: none;
}

@media (max-width:768px) {
		.ct-facetCB, .ct-facetLegendCB, .ct-facetRB 	{
  			font-size: 85%;
		}
}

.ct-facetCB, .ct-facetLegendCB, .ct-facetRB {
  	padding-left: 0;
}

.ct-facetCB, .ct-facetRB {
		font-weight: 400;
		line-height: 19px;
}

.ct-facetLegendCB {
		font-weight: bold;
		color: #1a3d85;
}

.ct-filter:hover {
	  border-bottom: 1px dotted;
	  cursor: pointer;
}

/* ----------------------------------------------
 * Major section standard background color 
 */
.ct-StdBackground {
  /*  US Web Design Standards $color-cool-blue-lightest */
    background-color: #f3f6fb;
}

/* ----------------------------------------------
 * Standard Primary and Secondary button styles 
 */
 input.ct-primaryButton, 
 input.ct-secondaryButton,
 input.ct-searchButton {
		border-radius: 0.3rem;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		font-size: larger;
		padding: 1ex 1em;
		font-weight: bold;
}

input.ct-primaryButton,
input.ct-searchButton {
		/*  US Web Design Standards Primary button blue */
    border: 1px solid #0071bc;
		background-color: #0071bc; 
		color: white;
}

input.ct-secondaryButton {
    /*  US Web Design Standards $color-gray-warm-light */
    background-color: #e4e2e0;
    border: 1px solid black;
    color: black;
}

input.ct-dimmed {
   opacity: 0.3;
}

input.ct-enabled {
   opacity: 1.0;
}

 input.ct-primaryButton:hover, 
 input.ct-searchButton:hover {
    background-color: #205493;;
}

 input.ct-secondaryButton:hover {
    background-color: lightgrey;
}

input.ct-searchButton[disabled] {
  opacity: 0.3;
  pointer-events: none;
}

 
/* ----------------------------------------------
 * various Input Field styles
 */
input.ct-textInputField,
select.ct-selectInputField {
		width: 100%;
		max-width: 46rem;
		margin-right: 0;
		min-height: 4.5ex;
		font-size: inherit;
		font-weight: normal; 
}

input.ct-textInputField {
		padding: 0.4ex 0.35em;
}

select.ct-selectInputField {
  	padding: 0.8ex 0.35em;
}

.ct-inputFieldLabel {
		padding-top: 5px;
		font-weight: bold;
		font-size: inherit;
		display: inline-block;
}

.ct-inputFieldExample {
		color: dimgrey;
		font-size: 13px;
}

/* ----------------------------------------------
 * Styles for the X buttons after various input fields, used for clearing the field 
 */
button.ct-clearField 
{ 
    display:none;
}

button.ct-clearField, button.ct-clearFieldIE 
{
    font-size:large;
    width: initial;
}

/* ----------------------------------------------
 * <input placeholder> styles
 * Different browsers have diff specs 
 */

::-webkit-input-placeholder { /* Chrome */
	  color: grey;
	  font-weight: normal;
}
:-ms-input-placeholder { /* IE 10+ */
	  color: grey;
	  font-weight: normal;
}
::-moz-placeholder { /* Firefox 19+ */
	  color: grey;
	  font-weight: normal;
	  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
	  color: grey;
	  font-weight: normal;
	  opacity: 1;
}


/* The following five styles enable <select> tags to resize properly when inside a fieldset */
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

/* Handle Safari and IE select height issues */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        line-height:18px !important;
    }
}

/* ----------------------------------------------
 * Hacks to enable IE to enable selection lists to resize properly within fieldsets
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    fieldset select {
        width: 100%;
    }
	
}

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */ 
    fieldset select {
        width: 100%;
    }
}

/* apply to all ie from 8 and below */
@media screen\9 {
		fieldset select {
  			width: 100%; 
		}
}

/* Chrome and Safari (Any) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
		fieldset select {
  			width: 100%; 
		}
}

/* ----------------------------------------------
 * substitute for inline-flex (some browsers don't understand)
 */
div.ct-flexible {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* ----------------------------------------------
 * Selected US Web Standards styles
 * "NEW" study indicator 
 */
.usa-label {
	  background-color: #0071bc;
	  border-radius: 3px;
	  color: #ffffff;
	  padding: 1px 7px;
	  text-transform: uppercase;
}

.usa-alert {
	  border: 1px solid #d2d2d2;
	  background-color: #f1f1f1;
	  background-position: 1rem 2rem;
	  background-repeat: no-repeat;
	  background-size: 4rem;
	  margin-top: 1.5em;
	  padding: 1em; 
}

@media screen and (min-width: 600px) {
   .usa-alert {
	      background-size: 5.2rem;
	  }
}

.usa-alert ul {
		margin-bottom: 0;
		margin-top: 1em; 
}

.usa-alert-icon {
	  display: table-cell;
	  padding-right: 1rem; 
}

.usa-alert-body {
	  display: table-cell;
	  padding-left: 3.5rem;
	  vertical-align: top; 
}

@media screen and (min-width: 600px) {
   .usa-alert-body {
	      padding-left: 5rem; 
	 }
}

.usa-alert-body p:first-child {
    margin-top: 0.8rem;
}

.nlm-info {
    background: linear-gradient(#FFFFFF, #EEEEEE); 
    width: 80%;
}

@media (max-width:600px) {
		.nlm-info {
		    width: 100%;
		}
}