/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */

/* =============================================================================
 *   Base
 * ========================================================================== */

/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */



.node-type-measure #field_summary_graph {
	display: none;
}
#field_data_source, #field_healthy_people_2020_target, #field_measure {
	clear: both;
	float: left;
}
#field_summary_graph_text {
	position: relative;
}

ul.links {
	margin: 0;
	padding: 0;
}
ul.links.inline {
	display: block;
}
ul.links li {
	display: inline;
	list-style: none;
	padding: 0 10px 0 0;
}

/* =============================================================================
 *   Tables
 * ========================================================================== */ 
 th#col1, th#col2, th#col3, th#col4 {
    text-align: left;
	padding-left:5px;
	padding-right:15px;
}
 
tfoot, .view-footer {
	background: none repeat scroll 0 0 #eee;
	border-top: 4px double #ccc;
	font-size: 0.9em;
}

.view-footer {
	padding: 5px 7px;	
}

.page-node-92 thead th {
	background: #eee;
}

#t1col_r1, #t1col_r2, #t1col_r3 {
    border-bottom: 1px solid #ccc;
}

.left-aligned {
	border-right: 1px solid #ccc;
}

.page-node-92 .left-aligned {
	text-align: left;	
}

.page-node-92 tfoot td {
    text-align: left;
}

td.views-field {
	vertical-align: top;
}
.table_title, table.tag_table caption {
	text-align: center;
}

.tag_topic, .tag_measure {
    border-bottom: 1px solid #ccc;
}

.tag_topic {
    text-align: left;
	background:#666 !important;
}

.tag_topic > a {
	color:#fff;	
}

th.tag_detail {
    padding-left: 40px;
	background: #fff !important;
    color: #444;
	border: 1px solid #dee2e6;
}

.tag_measure, .tag_measure th {
	text-align:left;
	background:#eee;
	border-top:1px solid #ccc;	
	padding-left:20px;
	color: #444;
}
.tag_measure th {background: #eee !important; color: #444;}
.page-node-148 th.tag_measure {
    background: #eee !important;
    color: #444;
	padding-left: 20px;
}
.page-node-148 th.tag_measure a {color: #444;}
.tag_measure a, .tag_measure th a, .tag_measure a:hover, .tag_measure th a:hover, .tag_measure a:focus, .tag_measure th a:focus {color:#444;}
tr.tag_measure td {
    background: #eee;
}

.bg-lightgray {
    background: #eee;
}
.file a {
    display: block;
    background: #03546E;
    color: #fff;
    padding: .375rem .75rem;
    border-radius: .25rem;
	font-weight: 400;
	font-size: 1rem;
}
.file a:hover, .file a:focus {background: #444; text-decoration: none;}
.page-node-58 .tag_measure {
	background:none;	
}

.tag_measure th {
	padding-left:20px;	
}

.page-node-92 tr:nth-child(2n+2) {
	background:#eee;	
}

#t2col_r1, #t2col_r2, #t2col_r3 {
	border-bottom:1px solid #ccc;	
}

/**.tag_table th, .tag_table td {
    border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}**/

.tag_table td {
	text-align:left;	
	border: 1px solid #dee2e6;
	background: #fff;
}

.page-node-58 .tag_table td {
	text-align:center;	
}

#measure_sbr, #measure_sce {
    background: none repeat scroll 0 0 #eee;
}

.tag_table tr, .tag_table_2 tr {
	border-bottom:1px solid #ccc;	
}

h4.table1 {
	background: none repeat scroll 0 0 #EEECEC;
	margin-bottom: 0;
	padding: 10px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
#field_most_recent_estimates table {
	border: 4px solid #666;
	margin-top: -5px;
	margin-bottom: 0;
}
#jump-links-field-additional-information, #field_evidence_based_resources {
	margin-top: 20px;
	width: 100%;
}
#field_related_cancers ul {
	margin-bottom: 0;
}
#field_related_cancers h3 {
	font-size: 1.17em;
	margin-top: 20px;
}

#field_most_recent_estimates .table_title {
	background: #EEEEEE;
	border-bottom: none;
}
.toggleReveal .table_title {
    border-left: none !important;
    border-right: none !important;
}
#field_most_recent_estimates thead tr td, #field_most_recent_estimates thead tr th, #field_most_recent_estimates tbody tr td, #field_most_recent_estimates tbody tr th {
	background: #fff;
	border: 1px solid #eeecec;
	padding: 7px;
	text-align: center;
}

#field_most_recent_estimates td.left-aligned, #field_most_recent_estimates th.left-aligned {
	padding-left: 20px;
	text-align: left;
	padding-right: 10px;
}
#field_most_recent_estimates th.no-bottom {
	border-bottom: medium none;
}
#field_most_recent_estimates th.no-right {
	border-right: medium none;
	border-top: medium none;
}
#field_most_recent_estimates th.no-left {
	border-left: medium none;
	border-top: medium none;
}
#field_summary_graph img {
	padding-right: 20px;
}
.download {
	float: right;
	text-align: left;
	width: 35%;
}
#field_most_recent_estimates thead tr th {
	text-align: center;
}
.views-view-grid {
	border: none;
}
.pane-bottom-left-home-page-grid {
	border: 1px solid #eee;
	border-radius: 5px;
	padding-bottom: 19px;
	margin-right: 15px;
}

/***accordion***/

#accordion p {
	margin: 10px 25px 20px 25px;
}
.ui-accordion-content table {
	margin: 0;
}
.ui-dialog .ui-dialog-title {white-space: pre-wrap !important;}
.ui-button {background: transparent !important;}
.ui-button-icon-only {
	padding: .4em;
    text-indent: -9999999px;
    background: url('images/test-x-small.png') no-repeat !important;
	border:none !important;
}

.toggleWrap .open a {
	color: #fff;
}

.toggleWrap .open button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #444;
    font-weight: bold;
}

.toggleWrap button {
    border: medium none;
    font-weight: bold;
	background:transparent;
	padding-left: 0;
	color: #fff;
}
.open {
    margin-bottom: 1px !important;
}
.ui-widget-content a {color: #fff;}
.toggleWrap > h3 {
	background: none repeat scroll 0 0 #eee;
	margin: 0;
	padding: 8px 25px 8px 30px;
	font-size: 1em;
}
.toggleWrap > h3:hover, .toggleWrap > h3:focus {
	cursor: pointer;
	margin-bottom:1px;
	background: #eee;
    color: #444;
}
.toggleWrap > h3:hover a {
	color: #fff;
	text-decoration: none;
}
.node-type-measure .toggleWrap {
	border: none;
	margin: 0;
}
.toggleWrap > h5  {
	padding: .8em 3em;
	margin: 1px 0;
	background: #03546E;
	color: #fff;
}

.toggleWrap > h3 {
	padding: .8em 2em;
	margin: 1px 0;
	background: #444;
	color: #fff;
}	


.toggleWrap > h5:hover, .toggleWrap h5:focus {
	background: #eee;
	cursor: pointer;
	color: #444;
}
.toggleWrap > h5:hover a, .toggleWrap:hover button, .toggleWrap h5:focus  {
	color: #444;
	text-decoration: none;
	background:#eee;
}

.toggleWrap > h5:hover .ui-icon, .toggleWrap > h4:hover .ui-icon {
	background-image: url("images/plus-white.png");
}
.toggleWrap > h4 {
	padding: .5em 1.3em;
	margin: 1px 0;
	background: #03546E;
    color: #fff;
}

.toggleWrap > h4:hover {
	background: #eee;
	cursor: pointer;
	color:#444;
}

.toggleReveal {
    margin-top: -4px;
}
.accordion_toggles .toggleReveal {
    border: none !important;
}

.toggleWrap > h4:hover a {
	color: #fff;
}
.toggleWrap > h4 a {
	text-decoration: none;
	padding-left: 5px;
}
.toggleWrap > h5.open, .toggleWrap > h4.open, .toggleWrap > h3.open {
	background: #eee;
	color: #444;
	border-top: 1px solid #ccc;
}
.toggleWrap > h5.open a, .toggleWrap > h4.open a {
	color: #fff;
	padding-left: 5px;
}
.toggleReveal > p {
	padding: 10px;
}
span.ui-icon {
    display: none;
}

.toggleWrap h3 a span.sf-sub-indicator {
	background: url("../../../../libraries/superfish/images/arrows-ffffff-1.png") no-repeat #eee;
	position: relative;
	right: 1.2em;
	top: 1em;
}
.toggleWrap h3.open a span.sf-sub-indicator, .toggleWrap h3.open:hover a span.sf-sub-indicator {
	background: url("../../../../libraries/superfish/images/arrows-ffffff.png") no-repeat -10px -100px #A80101;
}
.toggleWrap h3:hover a span.sf-sub-indicator {
	background: url("../../../../libraries/superfish/images/arrows-ffffff.png") no-repeat #A80101;
	position: relative;
	right: 1.2em;
	top: 1em;
}
.acc_expand_all {
	padding-right: 10px;
}

.acc_expand_all, .acc_collapse_all {
    background: none;
    border: medium none;
    color: #a90101;
}
h4.ui-accordion-header {
    background: #03546E;
    color: #fff;
}

h4.ui-accordion-header:before, .toggleWrap > h5:before, .toggleWrap > h4:before, .toggleWrap h3:before {
    content: "\002B";
	font-weight: bold;
	font-size: 1.5em;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}

.toggleWrap > h5.open:before, .toggleWrap > h4.open:before, .toggleWrap > h5.open:hover:before, .toggleWrap > h4.open:hover:before {
	color:#444 !important;	
}

h4.ui-accordion-header.ui-state-active:before, .toggleWrap > h5.open:before, .toggleWrap > h4.open:before, .toggleWrap h3.open:before {
	content: "\2212";
    font-weight: bold;
    font-size: 1.5em;
    vertical-align: middle;
}

/***icons****/
a.modal-graphTrigger {
	position: relative;
	margin: 1em 1em .5em;
	float: left;
}

#summarySection a.modal-graphTrigger {
    position: relative;
    float: none;
    margin: 0;
}

.zoom {	
	position:absolute;
	top:10px;
	right:10px;
}
.graph {
	margin: 0 0 5px 3px;
}

.ui-icon-triangle-1-e { background-position: 0 0 !important; }

.ui-icon-triangle-1-s { background-position: 0 0 !important; }


.node-type-measure table > caption {
    font-weight: bold;
    padding: 10px;
}

#block-block-13 table, .page-node-18 table, table.smaller {
	width:65%;	
}

.smaller > caption, #block-block-13 table > caption {
	font-weight:bold;	
}

.bordered {
    border-bottom: 3px double #ccc;
    padding: 5px 0 0;
	width:100%;
	clear:both;
	float:left;
}

#lifted {
    float: left;
    margin-top: -40px;
    width: 100%;
}

.tag_table img {
    padding: 2px 0 0 4px;
}

.exp-col button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #a90101;
}

.toggleWrap button:focus {
	outline: 1px dotted red;	
}

.ui-accordion .ui-accordion-content {padding: 1em 0 0 !important;}
.ui-accordion .ui-accordion-content {height: auto !important;}
.ui-widget-content a {color: #fff !important;}
.modal-download a {color: #000 !important;} 

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background:#eee !important;	
	color: #000 !important;
}

@media (max-width:418px) {
#jump-links-field-trends-and-most-recent-est {
	overflow-x: scroll;
}
.summaryGraph {
	clear: both;
	float: left;
}
.footnote {
	float: left;
	position: relative;
	width: 100%;
	padding-left: 0;
}
.summaryText {
	float: left;
	padding: 10px 0;
	width: 100%;
}

.ui-dialog {
	width: 100% !important;
	position: relative !important;
}
}
.exp-col {
    padding-bottom: 1em;
    display: block;
    padding-left: 1em;
    font-size: .8em;
}

/*****modals******/
.ui-widget-overlay {
	background: #000 !important;
	opacity: .7 !important;
	z-index: 10000 !important;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
	top: 4em;
    position: absolute;
    left: 28%;
    z-index: 100000 !important;
    width: 700px !important;
}
.ui-button:hover, .ui-button:focus {border: 1px solid #ccc !important;}

/*******additional information tabs*********/
#jump-links-field-additional-information .tabs {
  position: relative; 
    min-height: 350px;
  clear: both;
  margin: 25px 0;
}
#jump-links-field-additional-information .tab {
  float: left;
}
#jump-links-field-additional-information .tab label {
  background: #eee; 
  padding: 10px; 
	top: -37px;
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
	cursor: pointer;
}
#jump-links-field-additional-information .tab[type=radio] {
  display: none;   
}
#jump-links-field-additional-information .content {
  position: absolute;
  top: 40px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc;	  
  overflow: auto;
}
#jump-links-field-additional-information [type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
#jump-links-field-additional-information [type=radio]:checked ~ label ~ .content {
  z-index: 1;
}