div.exp-roi h3 {
	border-bottom: 1px solid #ccc;
	clear: both;
	padding-top: 15px;
}

.expando, .contracto {
	display: inline-block;
	float: left;
	padding: 0.1em;
	padding-top: 0px;
	line-height: 0.8em;
	width: 0.8em; 
	text-align: center;
	vertical-align: middle;
	margin-bottom: -0.5em;
	margin-top: 0.25em;
	cursor: pointer;
	background-color: #009ACD;
	color: #fff;
   -webkit-border-radius: 30%;
	-moz-border-radius: 30%;
	border-radius: 30%;
}

#mouko-hs-sample-details table {
	width: 48%;
}

.mouko-hidden {
	display: none;
}

#mouko-hs-sample-score {
	width: 500px;
	padding: 10px;
	display: inline-block;
	float: left;
}

#mouko-hs-sample-images {
	width: 535px;
	height: 305px;
	background: #fff;
	display: inline-block;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	position: relative;
	max-width: 100%;
}

#mouko-hs-sample-images img {
	display: inline-block;
	display: none;
	vertical-align: middle;
	margin: auto;
	max-width: 100%;
}

#mouko-hs-sample-images.no-images {
	background-image: url(../images/no-image.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#mouko-hs-sample-details table {
	background-color: transparent;
	border-collapse: collapse;
}

#mouko-hs-sample-details table tbody {
	border: none;
	background: none;
}

#mouko-hs-sample-details table tr {
	background: none;
}

#mouko-hs-sample-details table tr:hover {
	background-color: rgba(0,0,255,0.05);
}

#mouko-hs-sample-details table td {
	background-color: transparent;
	border: none;
}

#mouko-hs-sample-details table tr > :first-child {
	font-weight: bold;
}

div.comp-img-qtip {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image: url(../images/14px-Magnifying_glass_icon.png);
	background-position: center center;
	background-repeat: no-repeat;
   -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #ccc;
	border: 1px solid #aaa;
	margin-top: 4px;
}

div.mouko-mag:hover {
	background-color: #cc4;
	border: 1px solid #aaf;
}

#mouko-hs-sample-components table {
	border-collapse: collapse;
}

#mouko-hs-sample-components table span.not-max {
   color: #aaa;
}

#mouko-hs-sample-components thead tr th {
	background: none;
	color: #000;
	border: none;
}

#mouko-hs-sample-components tbody tr td {
	border: none;
}

#mouko-hs-sample-components tr {
	background: none;
	border-bottom: 1px solid #ccc;
}
#mouko-hs-sample-components tbody tr:hover {
	background-color: rgba(0,0,255,0.05);
}

#mouko-hs-sample-components table th,
#mouko-hs-sample-components table td {
	min-width: 100px;
	text-align: center;
}

#mouko-hs-sample-components table th:nth-child(1),
#mouko-hs-sample-components table td:nth-child(1) {
   min-width: 0px;
}

#mouko-hs-sample-components table td:nth-child(2),
#mouko-hs-sample-components table th:nth-child(2) {
	min-width: auto;
	text-align: left;
	padding-right: 1em;
}

#mouko-hs-sample-components td.mouko-sample-images,
#mouko-hs-sample-components th.mouko-sample-images {
	width: 20px;
}

#mouko-score {
	height: 125px;
}

#mouko-substance-scores table,
#mouko-substance-scores table tr,
#mouko-substance-scores table td {
	background: transparent;
	border-collapse: collapse;
	font-size: 1.05em;
}

#mouko-substance-scores table tr {
	border-bottom: 2px solid #eee;
}

#mouko-substance-scores table td.label {
	width: 50%;
}

#mouko-substance-scores table tr.score-overall td {
	font-size: 1.2em;
}

#mouko-substance-scores table tr.score-overall td.label {
	font-weight: bold;
}

#mouko-substance-scores table td.rating {
	width: 50%;
	text-align: center;
	text-transform: uppercase;
}

#mouko-substance-scores table td.rating.high {
	background-color: #600;
	color: #fff;
}

#mouko-substance-scores table td.rating.medium {
	background-color: #993;
	color: #fff;
}

#mouko-substance-scores table td.rating.low,
#mouko-substance-scores table td.rating.none {
	background-color: #393;
	color: #fff;
}

#mouko-substance-scores table td.rating.nces-detected {
	background-color: #af5217;
	color: #fff;
}

#mouko-substance-scores table td.rating.bpa-detected {
	background-color: #006b8a;
	color: #fff;
}

div.mouko-components-scroll-region {
	overflow-x: auto;
}

div.mouko-components-scroll-region::-webkit-scrollbar {
    -webkit-appearance: none;
}

div.mouko-components-scroll-region::-webkit-scrollbar:vertical {
    width: 11px;
}

div.mouko-components-scroll-region::-webkit-scrollbar:horizontal {
    height: 11px;
}

div.mouko-components-scroll-region::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

div.mouko-components-scroll-region::-webkit-scrollbar-track { 
    background-color: #fff; 
    border-radius: 8px; 
} 

div.mouko-sample-header {
	min-height: 145px;
	width: 100%;
	text-align: center;
	background-image: url(../images/product-page-header-background.png);
	background-repeat: repeat-x;
}

div.mouko-sample-header-innards {
	margin: 0 auto;
	max-width: 778px;
	min-height: 125px;
	vertical-align: bottom;
	position: relative;
	vertical-align: bottom;
}

h2.mouko-product-title {
	width: 100%;
	font-size: 3em;
	color: #0e4363;
	text-align: left;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 1.0em; 
	max-width: 535px;
}

body.node-type-mouko-healthystuff-sample #interior_content {
	background-color: #efede8;
}

div.mouko-sample-body-row-one {
	width: 100%;
	text-align: center;
   display: inline-block;
}

div.mouko-sample-body-row-one-innards {
	margin: 1em auto;
	max-width: 778px;
/*	border: 1px solid #000; */
	min-height: 100px;
	text-align: left;
	position: relative;
}

div.mouko-sample-body-row-two {
	width: 100%;
	text-align: center;
	margin-top: 30px;
   clear: both;
   display: inline-block;
}

div.mouko-sample-body-row-two-innards {
	margin: 1em auto;
	max-width: 778px;
	min-height: 100px;
	text-align: left;
	vertical-align: baseline;
}

div.mouko-sample-body-row-two-innards h3 {
	color: #272727;
	margin-bottom: 1em;
}

div.mouko-sample-body-row-two-innards div.product-datum {
	display: inline-block;
	margin-right: 1em;
	width: 48%;
	position: relative;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	min-width: 320px;
/*	margin-bottom: 0.25em; */
}

div.mouko-sample-body-row-two-innards div.product-datum .label {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

div.mouko-sample-body-row-two-innards div.product-datum .data {
	display: inline-block;
	width: 68%;
	vertical-align: top;
}

div.mouko-sample-body-row-three {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

div.mouko-sample-body-row-three-innards {
	margin: 1em auto;
	max-width: 778px;
/*	border: 1px solid #000; */
	min-height: 100px;
	text-align: left;
}

div.mouko-prev-image {
	height: 305px;
	width: 20px;
	background-image: url(../images/image-previous.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 9;
	cursor: pointer;
}

div.mouko-next-image {
	height: 305px;
	width: 20px;
	background-image: url(../images/image-next.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 9;
	cursor: pointer;
}

table.mouko-component-results-table {
	width: 100%;
}

table.mouko-component-results-table tr.leader {
   cursor:pointer;
}

table.mouko-component-results-table tr.leader td {
   font-weight: bold;
}

table.mouko-component-results-table tr.is-child {
   display: none;
}

table.mouko-component-results-table tr.is-child td {
   background-color: rgba(255,255,255,0.5);
}

table.mouko-component-results-table tr.is-child td:nth-child(2) {
   padding-left: 1.5em;
}

div#mouko-hs-sample-components div.ui-widget {
	background: transparent;
	border: none;
}

div#mouko-hs-sample-components div.ui-widget ul.ui-tabs-nav {
	border-bottom: none;
	padding-left: 0;
}

div#mouko-hs-sample-components div.ui-widget div.ui-tabs-panel {
	border: 1px solid #ccc;
}

div#mouko-hs-sample-components div.ui-widget li.ui-state-default {
	display: inline-block;
	margin: 0 0 -2px 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div#mouko-hs-sample-components div.ui-widget .ui-tabs-nav a {
	background: #ccc;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: bold;
	outline: 0;
}

div#mouko-hs-sample-components div.ui-widget .ui-tabs-selected,
div#mouko-hs-sample-components div.ui-widget .ui-state-active {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
   border-bottom: none;
}

div#mouko-hs-sample-components div.ui-widget .ui-tabs-selected a,
div#mouko-hs-sample-components div.ui-widget .ui-state-active a {
	background-color: #efede8;
	color: #000;
}

div#mouko-hs-sample-components div.ui-tabs {
	padding-left: 0;
}

body.node-type-mouko-healthystuff-sample #block-block-8 {
	margin-top: 30px;
	display: inline-block;
	width: 100%;
}

body.node-type-mouko-healthystuff-sample #block-block-8 div.content {
	margin-right: 90px;
}

div#mouko-hs-sample-components th {
	font-weight: bold;
}

div.mouko-sample-header-innards div.mouko-sample-score-wrapper {
	position: absolute;
	display: inline-block;
	margin-left: 30px;
	width: 220px;
	height: 75px;
	margin-right: 0;
	text-align: left;
	vertical-align: bottom;
	bottom: 0;
	right: 0;
}

div.mouko-sample-score-wrapper div.rating-value div {
	display: inline;	
	font-weight: bold;
	font-size: 1.25em;
}

div.mouko-sample-score-wrapper div.rating-bar {
	text-align: center;
	color: #fff;
	font-size: 1.5em;
	text-transform: uppercase;
	width: 214px;
	height: 40px;
	border: 3px solid #444;
}

div.mouko-sample-score-wrapper div.rating-bar.rating-low,
div.mouko-sample-score-wrapper div.rating-bar.rating-none {
	background: #31632a; /* Old browsers */
	background: -moz-linear-gradient(top,  #31632a 0%, #16640d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31632a), color-stop(100%,#16640d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #31632a 0%,#16640d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #31632a 0%,#16640d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #31632a 0%,#16640d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #31632a 0%,#16640d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31632a', endColorstr='#16640d',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

div.mouko-sample-score-wrapper div.rating-bar.rating-medium {
	background: #f1e767; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1e767 0%, #feb645 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1e767 0%,#feb645 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1e767 0%,#feb645 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
	color: #444;
}

div.mouko-sample-score-wrapper div.rating-bar.rating-high {
	background: #a3464a; /* Old browsers */
	background: -moz-linear-gradient(top,  #a3464a 0%, #a50c16 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3464a), color-stop(100%,#a50c16)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a3464a 0%,#a50c16 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a3464a 0%,#a50c16 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a3464a 0%,#a50c16 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a3464a 0%,#a50c16 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3464a', endColorstr='#a50c16',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

div.mouko-sample-score-wrapper div.rating-bar div.value {
	position: absolute;
	width: 100%;
	bottom: 15px;
}

div.mouko-sample-score-wrapper div.rating-bar div.bar-fill {
	height: 40px;
background: #3fb4db; /* Old browsers */
background: -moz-linear-gradient(top,  #3fb4db 0%, #7fc9e0 50%, #3fb4db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fb4db), color-stop(50%,#7fc9e0), color-stop(100%,#3fb4db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3fb4db 0%,#7fc9e0 50%,#3fb4db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3fb4db 0%,#7fc9e0 50%,#3fb4db 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3fb4db 0%,#7fc9e0 50%,#3fb4db 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3fb4db 0%,#7fc9e0 50%,#3fb4db 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fb4db', endColorstr='#3fb4db',GradientType=0 ); /* IE6-9 */
}

div.mouko-sample-score-wrapper.archived p {
   text-align: right;
   position: absolute; 
   bottom: 0; 
   right: 0; 
   padding: 0; 
   margin:0; 
   font-size: 1.5em; 
   text-transform: uppercase;
}

div.mouko-rated-chemicals {
	position: absolute;
	display: inline-block;
	width: 220px;
	height: 100px;
	right: 0;
	top: 26px;
	font-size: 1.2em;
}

div.mouko-rated-chemicals a {
	font-size: 1.0em;
}

div.mouko-rated-chemicals div.chemical-data {
	display: inline-block;
	width: 100%;
}

div.mouko-rated-chemicals div.chemical-data div {
	display: inline-block;
   vertical-align: top;
}

div.mouko-rated-chemicals div.chemical-data div.chemical-name {
	display: inline-block;
	width: 175px;
	margin: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

div.mouko-rated-chemicals div.chemical-data div.chemical-rating {
	display: inline-block;
	width: 40px;
	margin: 0;
}

body.node-type-mouko-healthystuff-report #page_interior_section p {
	/* padding-bottom: 2em; */
}

@media screen and (max-width: 770px) {

   body.node-type-mouko-healthystuff-sample #mouko-hs-sample-images {
      display: none;
   }

   body.node-type-mouko-healthystuff-sample div.mouko-sample-header {
      background-image: none;
      padding: 3px;
   }

   body.node-type-mouko-healthystuff-sample h2.mouko-product-title {
      position: static;
      font-size: 2em;
      padding: 10px;
      padding-top: 20px;
      width: 310px;
   }

   body.node-type-mouko-healthystuff-sample div.mouko-sample-score-wrapper {
         position: static;
         margin-left: 0;
         display: block;
         padding: 10px;
         padding-top: 20px;
         width: 310px;
   }

   body.node-type-mouko-healthystuff-sample div.rating-bar {
         text-align: center;
         position: static;
         display: block;
   }

   body.node-type-mouko-healthystuff-sample div.rating-bar div.value {
         position: static;
         padding-top: 5px;
   }

   body.node-type-mouko-healthystuff-sample div.mouko-rated-chemicals {
      display: inline-block;
      position: static;
      padding-left: 15px;
      height: auto;
   }

   body.node-type-mouko-healthystuff-sample div.mouko-sample-body-row-one {
   }

   body.node-type-mouko-healthystuff-sample div.mouko-sample-body-row-one-innards {
   }

   body.node-type-mouko-healthystuff-sample div.chemical-data {
   }

   body.node-type-mouko-healthystuff-sample div.mouko-sample-body-row-two {
         padding: 15px;
         padding-top: 5px;
         width: 300px;
         margin-top: 0;
         display: inline-block;
   }

   body.node-type-mouko-healthystuff-sample div.mouko-sample-body-row-two-innards div.product-datum {
         min-width: 0px;
         min-width: 290px;
   }
   body.node-type-mouko-healthystuff-sample div.mouko-sample-body-row-two-innards div.product-datum div {
         min-width: 290px;
   }
   body.node-type-mouko-healthystuff-sample div.mouko-sample-body-row-two-innards div.product-datum div.label {
         font-weight: 900;
         margin-top: 0.5em;
   }
   body.node-type-mouko-healthystuff-sample div.mouko-sample-body-row-two-innards div.product-datum div.data {
         margin-bottom: 0.5em;
         color: #777;
   }

   body.node-type-mouko-healthystuff-sample div.mouko-sample-body-row-three {
         padding: 15px;
         padding-top: 5px;
         width: 300px;
         margin-top: 0;
   }

}
input.toggle-lod {
   display: inline-block;
   vertical-align: middle;
}
label.toggle-lod {
   display: inline-block;
   vertical-align: middle;
}

th.plus-minus, td.plus-minus {
   display: none;
   padding: 0 5px 0 5px;
   min-width: 0 !important;
   border-right: 2px solid #999 !important;
   vertical-align: middle;
}

td.plus-minus {
   background: rgba(0,0,0,0.1) !important;
}

.qtip {
      max-width: 550px !important;
}

.qtip-content {
      background-color: #fff;
}

.not-numeric.detected {
        font-weight: 900;
	color: #aa4a4a;
}


div.disclosure-row {
   padding-bottom: 0.25em;
}

div.mouko-rated-chemicals div.score,
div.mouko-rated-chemicals div.disclosures {
   display: inline;
}

div.mouko-rated-chemicals div.disclosures {
   font-weight: 100;
}

div.mouko-rated-chemicals div.score {
   display: inline-block;
   padding-right: 0.5em;
   clear: both;
}