/* notes - used variables to define colours. please convert them to the current format */
:root {
	--oh-body: #4d4d4d;
	--oh-primary-dark: #0477B9; /* notes - primary dark is modified */
	--oh-primary: #00B2E3;
	--oh-primary-opacity15: rgba(0, 178, 227, 0.15);
	--oh-primary-tint: #B8E1F2;
	--oh-primary-light: #CCF0F9;
	--oh-primary-lightest: #F0FAFD;
	--oh-accent: #FFD440;
	--oh-neutral: #e2e2e2;
	--oh-neutral-light: #f1f1f1;
	--oh-neutral-lightest: #f5f5f5;
	--oh-alert-red: #CD0000;
	--oh-alert-green: #118847;
	--oh-white: #fff;
	--oh-nav-buttons: var(--oh-body);
	--ministry-dark: #404040;
	--oh-opacity50: 0.5;
	--oh-opacity40: 0.4;
	--oh-opacity20: 0.2;
}

.risk-factors .secondary-nav ul {
	display: flex;
}

.margin-right-column ul {
	font-size: 14px !important;
	margin-bottom: 20px;
	padding-top: 10px;
	margin-left: 20px;
}

.margin-right-column h2 {
	color: rgb(51, 51, 51);
	padding-top: 10px;
	font-family: "cabinmedium", Helvetica, Arial, "sans serif";
	font-size: 24px;
	margin-bottom: 20px;
}

.getupdates .margin-right-column ul {
	font-size: inherit !important;
	margin-bottom: inherit;
	padding-top: inherit;
	margin-left: inherit;
}

.assessment-start .margin-right-column ul li {
	list-style: disc;
	margin-bottom: 20px;
}

.margin-right-column {
	font-size: 14px;
	line-height: 18px;
}

#tou .disclaimer {
	margin: 0px 20px;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	width: 90%;
	height: 400px;
	line-height: 18px;
	overflow: auto;
	padding-top: 10px;
	font-size: 14px;
	float: none !important;
	margin-bottom: 30px;
}

.header h3 {
	font-family: 'cabinitalic', Helvetica, Arial, "sans-serif";
	color: var(--oh-body); /* notes - color updated */ /* notes - this CSS is duplicated */
	font-size: 22px;
}

.header .bottom-header {
	padding: 15px 24px 16px 24px;
	width: 840px;
	margin: 0 auto;
	top: 3px;
	position: relative;
	background: var(--oh-primary-light); /* notes - bg updated */ /* notes - this CSS is duplicated */
	text-align: left;
}

.iqlogo {
	width: 250px; /* notes - updated width to prevent from breaking style */
	position: relative;
	vertical-align: middle;
	margin-right: 5%;
	padding-top: 4%;
	padding-bottom: 4%;
	padding-left: 29px;
}

hr.vertical {
	width: 1px;
	height: 100px;
	display: inline-block;
	vertical-align: middle;
	background-color: #185C8D;
	color: #185C8D;
	border: none;
	/* margin-right: 20px;  */ /* notes - this margin is breaking style in the screen less than 725px */
}

.iq-wrapper {
	vertical-align: middle;
	line-height: 1;
	display: inline-block;
	padding-left: 29px;
	padding-bottom: 1%;
	width: 350px;
}

	.iq-wrapper h5 {
		font-family: 'cabinbold', Helvetica, Arial, "sans-serif";
		font-size: 34px;
		color: var(--oh-primary-dark); /* notes - color updated */
	}

	.iq-wrapper h4 {
		font-family: 'cabinbold', Helvetica, Arial, "sans-serif";
		font-size: 20px;
		color: var(--oh-primary-dark); /* notes - color updated */
		padding-top: 5px;
	}

#mainContent {
	min-height: 500px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup {
	font-size: 50%;
	margin-top: -2px;
	vertical-align: super;
	display: inline-block;
}

.ff sup {
	vertical-align: top;
	margin-top: -5px;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

.clearLeftMultipleChoice {
	clear: left;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.defaultFont {
	font-family: Arial, Helvetica, "sans serif";
}

@font-face {
	font-family: cabinitalic;
	src: url(/Content/fonts/cabin-italic-webfont.eot) format("eot"), url(/Content/fonts/cabin-italic-webfont.woff) format("woff"), url(/Content/fonts/cabin-italic-webfont.ttf) format("truetype");
}

@font-face {
	font-family: 'cabinbold';
	src: url('/Content/fonts/cabin-bold-webfont.eot') format('eot'), url('/Content/fonts/cabin-bold-webfont.woff') format('woff'), url('/Content/fonts/cabin-bold-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'cabinbold_italic';
	src: url('/Content/fonts/cabin-bolditalic-webfont.eot') format('eot'), url('/Content/fonts/cabin-bolditalic-webfont.woff') format('woff'), url('/Content/fonts/cabin-bolditalic-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'cabinregular';
	src: url('/Content/fonts/cabin-regular-webfont.eot') format('eot'), url('/Content/fonts/cabin-regular-webfont.woff') format('woff'), url('/Content/fonts/cabin-regular-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'cabinmedium';
	src: url('/Content/fonts/cabin-medium-webfont.eot') format('eot'), url('/Content/fonts/cabin-medium-webfont.woff') format('woff'), url('/Content/fonts/cabin-medium-webfont.ttf') format('truetype');
}

#header {
	background: var(--ministry-dark); /* notes - bg updated*/
	font-family: 'cabinregular', Helvetica, Arial, "sans serif";
	font-size: 14px;
}

	#header #mobileMenuToggle {
		background: url('/Content/images/icon-ham.png') no-repeat;
		display: none;
		width: 41px;
		height: 38px;
		margin-left: 5%;
	}

		#header #mobileMenuToggle.close {
			background: url('/Content/images/icon-close.png') no-repeat;
			margin-left: 20px;
			margin-bottom: 30px;
		}

.mobileMenuClose {
	float: right;
}

#header .wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
}

.noDesktop {
	display: none;
}

#mobileMenuToggle {
	display: none;
}

.logo {
	background: url('/Content/images/mycanceriq-OH-logo-EN.svg') no-repeat;
	width: 173px;
	height: 56px;
}

.french .logo {
	background: url('/Content/images/mycanceriq-OH-logo-FR.svg') no-repeat;
}

#mainNav {
	background: #404040;
}

	#mainNav #navContainer {
		width: 982px;
		margin: 0 auto;
	}

#navContainer {
	font-family: 'cabinregular', Helvetica, Arial, "sans serif";
	font-size: 14px;
}

#utilityNav {
	float: right;
}

#languageToggle,
#socialLinks {
	float: left;
}

#languageToggle {
	margin: 6px 10px 0 35px;
	color: var(--oh-white); /* notes - color updated */
	font-size: 15px;
	font-family: Arial;
}

	#languageToggle a {
		color: var(--oh-white); /* notes - color updated */
		text-decoration: none;
	}

	#languageToggle .active {
		font-weight: bold;
	}

	#languageToggle a:hover {
		text-decoration: none;
	}

#socialLinks li {
	float: left;
	margin-left: 10px;
}

	#socialLinks li a {
		display: block;
		height: 20px;
		margin: 0 2px;
	}

	#socialLinks li.tw a {
		background: url('/Content/images/mycanceriq-twitter.svg') no-repeat; /* notes - icon updated */
		background-size: contain;
		display: block;
		width: 25px;
	}

	#socialLinks li.fb a {
		background: url('/Content/images/mycanceriq-facebook.svg') no-repeat; /* notes - icon updated */
		background-size: contain;
		display: block;
		width: 11px;
	}

	#socialLinks li.li a {
		background: url('/Content/images/mycanceriq-linkedin.svg') no-repeat; /* notes - icon updated */
		background-size: contain;
		display: block;
		width: 20px;
	}

	#socialLinks li:first-child {
		margin-left: 0;
	}

#primaryNav {
	clear: both;
	float: right;
}

	#primaryNav li {
		float: left;
		margin-left: 4px;
		position: relative;
	}

		#primaryNav li ul {
			display: none;
		}

		#primaryNav li a {
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			color: #fff;
			display: block;
			padding: 12px 10px 6px 10px;
			text-decoration: none;
			border-radius: 5px 5px 0 0; /* notes - changed it back to what we have in production */
		}

			#primaryNav li a:hover {
				color: var(--ministry-dark); /* notes - color updated */
				background: var(--oh-white); /* notes - bg updated */
			}

		#primaryNav li.active a {
			color: var(--ministry-dark); /* notes - color updated */
			background: var(--oh-white); /* notes - bg updated */
		}

		#primaryNav li.active .arrowDown {
			position: absolute;
			left: 50%;
			margin-left: -6px;
		}

		#primaryNav li button {
			display: none;
		}

#sidenav {
	width: 204px;
	height: 480px;
	margin-bottom: 40px;
}

	#sidenav ul {
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
		background: var(--ministry-dark); /* notes - bg updated */
		width: 160px;
	}

		#sidenav ul li {
			position: relative;
			margin-left: 12px;
			margin-bottom: 4px;
		}

			#sidenav ul li a {
				font-family: "cabinregular", Helvetica, Arial, "sans serif";
				font-size: 14px;
				line-height: 16px;
				display: inline-block;
				padding: 12px 15px;
				width: 118px;
				color: #fff;
				text-decoration: none;
			}

			#sidenav ul li:hover a,
			#sidenav ul li.active a {
				font-family: "cabinregular", Helvetica, Arial, "sans serif";
				-webkit-border-top-right-radius: 0;
				-webkit-border-bottom-right-radius: 0;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-top-left-radius: 5px;
				-moz-border-radius-topright: 0;
				-moz-border-radius-bottomright: 0;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-topleft: 5px;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 5px;
				border-top-left-radius: 5px;
				-moz-background-clip: padding;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				color: var(--ministry-dark); /* notes - color updated */
				padding-right: 19px;
				background: var(--oh-white); /* notes - bg updated */
			}

			#sidenav ul li .arrowRight {
				position: absolute;
				margin-top: -6px;
				top: 50%;
				right: -14px;
			}

#footer {
	background: var(--ministry-dark); /* notes - bg updated */
	font-family: 'cabinregular', Helvetica, Arial, "sans serif";
	font-size: 14px;
	color: #fff;
	padding-bottom: 22px;
}

	#footer h2 {
		font-size: 18px;
		line-height: 22px;
	}

	#footer a {
		color: #fff;
	}

		#footer a.termsLink {
			text-decoration: none;
			white-space: nowrap;
		}

			#footer a.termsLink span {
				text-decoration: underline;
			}

			#footer a.termsLink:hover span {
				text-decoration: none;
			}

		#footer a:hover {
			text-decoration: none;
		}

	#footer p {
		margin-bottom: 0;
		width: 66%;
		line-height: 18px;
	}

	#footer ul {
		margin-top: 12px;
		margin-bottom: 15px;
		float: right;
	}

		#footer ul li {
			float: left;
			margin-left: 16px;
		}

	#footer .note {
		margin-top: 40px;
	}

		#footer .note p {
			float: left;
			width: auto;
			margin-right: 30px;
		}

	#footer .ontarioLogo {
		float: right;
		margin-top: -26px;
	}

		#footer .ontarioLogo img {
			background: url('/Content/images/spritesheet.png') no-repeat;
			background-position: 0 -93px;
			width: 149px;
			height: 82px;
		}

.accordionBlock,
.assessmentBlock {
	padding-bottom: 33px;
}

	.accordionBlock .accordionToggle,
	.assessmentBlock .accordionToggle {
		border-left: 10px solid var(--oh-primary); /* notes - border updated */
		display: block;
		/* background: #fff url('/Content/images/qa.png') no-repeat; */ /* notes - bg updated */
		background: var(--oh-primary-lightest);
		background-position: -38px center;
		font-family: 'cabinbold';
		padding: 12px 8px 12px 60px;
		text-decoration: none;
		font-size: 16px;
		color: var(--oh-body); /* notes - color updated */
		position: relative; /* notes - css added */
	}

		/* notes - css added */
		/* .accordionBlock .accordionToggle:before, */
		.categoryContainer .accordionBlock .accordionToggle:before,
		.providers .accordionBlock .accordionToggle:before,
		.assessmentBlock .accordionToggle:before {
			display: inline-block;
			content: "";
			background: url(/Content/Images/mycanceriq-letter-q.svg) no-repeat;
			width: 25px;
			height: 25px;
			position: absolute;
			left: 6px;
			top: 10px;
		}

/* notes - css added */
.copy-section .accordionBlock .accordionToggle {
	padding-left: 17px;
}

	/* notes - css added */
	.copy-section .accordionBlock .accordionToggle:before {
		display: none;
	}


.resource-body {
	margin: 0;
	padding-bottom:24px;
	font-family: Arial, Helvetica, sans-serif;
}

.table-wrapper {
	max-width: 900px;
}

.resource-table {
	width: 100%;
	border-collapse: collapse;
	background: #ffffff;
	border: 1px solid #bfbfbf;
}

	/* Header */
	.resource-table thead tr {
		border-bottom: 1px solid #bfbfbf;
	}

	.resource-table th {
		text-align: left;
		padding: 14px 16px;
		font-size: 14px;
		letter-spacing: 0.5px;
		font-weight: 700;
		text-transform: uppercase;
		color: #000;
	}

.col-resource {
	width: 35%;
}

/* Body rows */
.resource-table tbody tr {
	border-bottom: 1px dashed #c9c9c9;
}

	.resource-table tbody tr:last-child {
		border-bottom: none;
	}

.resource-table td {
	padding: 16px;
	font-size: 14px;
	line-height: 1.6;
	vertical-align: top;
}

.resource-title {
	font-weight: 600;
}

/* Links */
.resource-table a {
	color: #1a5fb4;
	text-decoration: none;
	font-weight: 600;
}

	.resource-table a:hover {
		text-decoration: underline;
	}


.accordionBlock .accordionToggle .question,
.assessmentBlock .accordionToggle .question {
	display: block;
	padding-right: 130px;
}

.accordionBlock .accordionToggle:hover .expandCollapse,
.assessmentBlock .accordionToggle:hover .expandCollapse {
	text-decoration: underline;
}

.accordionBlock .accordionToggle .expandCollapse,
.assessmentBlock .accordionToggle .expandCollapse {
	position: absolute;
	top: 50%; /* notes - top updated */
	right: 20px;
	font-size: 14px;
	transform: translate(0, -50%);
	/* color: #185c8d; */ /* notes - comment out */
}

	.accordionBlock .accordionToggle .expandCollapse .expand img,
	.assessmentBlock .accordionToggle .expandCollapse .expand img,
	.accordionBlock .accordionToggle .expandCollapse .collapse img,
	.assessmentBlock .accordionToggle .expandCollapse .collapse img {
		/* background: url('/Content/images/spritesheet.png') no-repeat; */ /* notes - bg updated */
		background: url(/Content/Images/mycanceriq-chevron.svg) no-repeat;
		height: 10px;
		width: 15px;
		margin: 0px;
		/* notes - comment out */
		/* width: 24px;
	height: 23px;
	vertical-align: middle;
	margin-left: 6px; */
	}

	.accordionBlock .accordionToggle .expandCollapse .collapse,
	.assessmentBlock .accordionToggle .expandCollapse .collapse {
		display: none;
	}

	/* notes - comment out */
	/* .accordionBlock .accordionToggle .expandCollapse .collapse img,
.assessmentBlock .accordionToggle .expandCollapse .collapse img {
	background-position: -174px -101px;
} */

	.accordionBlock .accordionToggle .expandCollapse .expand img,
	.assessmentBlock .accordionToggle .expandCollapse .expand img {
		transform: rotate(180deg); /* notes - css added */
		/* background-position: -149px -101px; */ /* notes - comment out */
	}



		/*
notes - css added. recommend using aria-expand to control accordion https://www.w3.org/WAI/ARIA/apg/patterns/accordion/examples/accordion/
*/
		.accordionBlock .accordionToggle .expandCollapse .expand .label, .assessmentBlock .accordionToggle .expandCollapse .expand label, .accordionBlock .accordionToggle .expandCollapse .collapse .label, .assessmentBlock .accordionToggle .expandCollapse .collapse label {
		display: none;
	}

.accordionBlock .accordionContent,
.assessmentBlock .accordionContent,
.accordionBlock .assessmentAnswers,
.assessmentBlock .assessmentAnswers {
	border-left: 10px solid var(--oh-primary); /* notes - border updated */
	/* background: #8796a6 url('/Content/images/qa.png') no-repeat; */
	background: var(--oh-neutral-light); /* notes - bg updated */
	background-position: 7px center;
	position: relative; /* notes - css added */
}

	/* notes - css added */
	/* .accordionBlock .accordionContent:before,
.assessmentBlock .accordionContent:before,
.accordionBlock .assessmentAnswers:before, */
	.categoryContainer .accordionBlock .accordionContent:before,
	.providers .accordionBlock .accordionContent:before,
	.assessmentBlock .assessmentAnswers:before {
		display: inline-block;
		content: "";
		background: url(/Content/Images/mycanceriq-letter-a.svg) no-repeat;
		width: 25px;
		height: 25px;
		position: absolute;
		top: 50%;
		left: 6px;
		transform: translate(0, -50%);
	}

	.accordionBlock .accordionContent .accordionInnerContent,
	.assessmentBlock .accordionContent .accordionInnerContent,
	.accordionBlock .assessmentAnswers .accordionInnerContent,
	.assessmentBlock .assessmentAnswers .accordionInnerContent,
	.accordionBlock .accordionContent .assessmentAnswersInnerContent,
	.assessmentBlock .accordionContent .assessmentAnswersInnerContent,
	.accordionBlock .assessmentAnswers .assessmentAnswersInnerContent,
	.assessmentBlock .assessmentAnswers .assessmentAnswersInnerContent {
		background: var(--oh-white); /* notes - bg updated */
		margin-left: 38px;
		padding: 17px 22px;
		font-size: 14px;
		line-height: 16px;
	}

.assessmentAnswersInnerContent .swiper {
	margin-top: 25px;
	width: 100%;
}

.assessmentAnswersInnerContent .swiper-slide {
	text-align: center;
}

	.assessmentAnswersInnerContent .swiper-slide .radioContainer div div {
		padding: 10px 0px 5px 0px;
	}

.breast-assessment .assessmentBlock .swiper-slide .imgBorder {
	border: 2px solid var(--oh-body);
	border-radius: 5px;
}

.content-body .category {
	padding-bottom: 33px;
}

	.content-body .category h2 {
		margin-top: 0;
	}

	.content-body .category:first-child {
		margin-top: 40px;
	}

.interior-banner {
	max-width: 874px;
	border: 1px var(--oh-neutral) solid; /* notes - border updated */
	background: var(--oh-primary-lightest); /* notes - bg updated */
	position: relative;
	margin: 0 auto;
}

	.interior-banner .banner-wrapper {
		position: relative;
		overflow: hidden;
	}

		/* notes - updated top, right and transform */
		.interior-banner .banner-wrapper .icon-banner {
		    position: absolute;
			top: 50%;
			right: -3%;
			transform: translate(0, -50%);			
		}

			/* notes - comment out */
			.interior-banner .banner-wrapper .icon-banner img {
				width: 220px;
				height: 220px;
				opacity: var(--oh-opacity20);
				/* margin-right: -57px;
	margin-top: -144px; */
			}

	/* notes - CSS added (for long banner) */
	/* .two-column:not(.getupdates) .interior-banner .banner-wrapper .icon-banner,
.providers .interior-banner .banner-wrapper .icon-banner,
.assessment-area .interior-banner .banner-wrapper .icon-banner,
.assessment:not(.template17) .interior-banner .banner-wrapper .icon-banner{
	top: -10%;
} */

	/* notes - CSS added (for long banner) */
	/* notes - Apply width: 160px and height: 160px to ? yellow icon in the banner on the FAQ page only */
	.two-column:not(.getupdates) .interior-banner .banner-wrapper .icon-banner img,
	.providers .interior-banner .banner-wrapper .icon-banner img,
	.assessment-area .interior-banner .banner-wrapper .icon-banner img,
	.assessment:not(.template17) .interior-banner .banner-wrapper .icon-banner img,
	.interior-banner.tell-us .banner-wrapper .icon-banner img {
		width: 220px;
		max-height: 220px;
		
	}

	.interior-banner .banner-wrapper .top-text h1 {
		padding: 38px 29px;
		width: 50%;
		font-size: 39px;
	}

	.interior-banner .banner-wrapper .top-text .icon-banner-mobile {
		display: none;
	}

	.interior-banner .banner-wrapper .bottom-text {
		background: var(--oh-primary-lightest); /* notes - bg updated */
	}

		.interior-banner .banner-wrapper .bottom-text:before {
			display: block;
			content: "";
			width: 110px;
			height: 7px;
			background: var(--oh-accent);
			margin-left: 25px;
			margin-top: -25px;
		}

		.interior-banner .banner-wrapper .bottom-text p {
			color: var(--oh-body); /* notes - color updated */
			font-family: 'cabinbold_italic', Helvetica, Arial, "sans serif";
			font-size: 18px;
			line-height: 19px;
			margin: 0;
			width: 52%;
			padding: 16px 25px;
		}

	.interior-banner .share-this {
		cursor: pointer;
		text-decoration: none;
		font-size: 17px;
		font-family: 'cabinbold';
		background: url(/content/images/mycanceriq-sharethis.svg) no-repeat 115px center var(--oh-primary-light); /* notes - bg updated */
		background-size: 17px;
		color: var(--oh-body); /* notes - color updated */
		border: 1px solid var(--oh-neutral); /* notes - border updated */
		position: absolute;
		top: 8px;
		right: -3%;
		padding: 12px 49px 12px 16px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}

		.interior-banner .share-this:hover {
			text-decoration: underline;
		}

	.interior-banner #shareDescription {
		font-size: 1px;
		z-index: -1;
		position: absolute;
		color: #185c8d;
	}

	.interior-banner .shareLinks {
		background: #fff;
		border: #d4d4d4 1px solid;
		padding: 10px 10px 0 10px;
		position: absolute;
		top: 42px;
		z-index: 1;
	}

		.interior-banner .shareLinks a,
		.interior-banner .shareLinks span {
			float: none !important;
		}

		.interior-banner .shareLinks span {
			display: inline-block !important;
			vertical-align: middle;
			margin-right: 6px;
		}

		.interior-banner .shareLinks a {
			margin: 0;
			padding-bottom: 10px !important;
			font-size: 12px;
			display: block;
			line-height: 16px;
			height: 16px;
		}

			.interior-banner .shareLinks a img {
				/* background: url('/Content/images/social.png') no-repeat; */ /* notes - bg removed */
				background-size: 100%;
				width: 16px;
				height: 16px;
				vertical-align: middle;
				margin-right: 8px;
			}

			.interior-banner .shareLinks a.email img {
				background: url('/Content/Images/mycanceriq-sharethis-email.svg') no-repeat;
				background-position-y: center;
				/* background-position: 0 0;  */ /* notes - bg position changed and added bg */
			}

			.interior-banner .shareLinks a.facebook img {
				background: url('/Content/Images/mycanceriq-sharethis-facebook.svg') no-repeat;
				background-position-x: center;
				/* background-position: 0 -17px; */ /* notes - bg position changed and added bg */
			}

			.interior-banner .shareLinks a.twitter img {
				background: url('/Content/Images/mycanceriq-sharethis-twitter.svg') no-repeat;
				/* background-position: 0 -33px; */ /* notes - bg position removed and added bg */
			}

			.interior-banner .shareLinks a.linkedin img {
				background: url('/Content/Images/mycanceriq-sharethis-linkedin.svg') no-repeat;
				/* background-position: 0 -50px; */ /* notes - bg position removed and added bg */
			}

			.interior-banner .shareLinks a.stumbleupon img {
				background-position: 0 -66px;
			}

			.interior-banner .shareLinks a.reddit img {
				background-position: 0 -82px;
			}

			.interior-banner .shareLinks a.pinterest img {
				background-position: 0 -99px;
			}

			.interior-banner .shareLinks a.print img {
				background-position: 0 -116px;
			}

			.interior-banner .shareLinks a.google_plus img {
				background-position: 0 -133px;
			}

/* notes - comment out */
/* .interior-banner.simple .banner-wrapper .icon-banner img {
	margin-right: -26%;
} */

/* look for change */

.ie .interior-banner .share-this {
	background: url(/Content/images/icon-share-ie.png) no-repeat 115px center #185c8d;
}

	.ie .interior-banner .share-this .shareLinks a img {
		background: url('/Content/images/spritesheet.png') no-repeat;
		width: 16px;
		height: 16px;
		vertical-align: middle;
		margin-right: 8px;
	}

	.ie .interior-banner .share-this .shareLinks a.email img {
		background-position: -281px 0;
	}

	.ie .interior-banner .share-this .shareLinks a.facebook img {
		background-position: -298px 0;
	}

	.ie .interior-banner .share-this .shareLinks a.twitter img {
		background-position: -315px 0;
	}

	.ie .interior-banner .share-this .shareLinks a.linkedin img {
		background-position: -332px 0;
	}

	.ie .interior-banner .share-this .shareLinks a.stumbleupon img {
		background-position: -349px 0;
	}

	.ie .interior-banner .share-this .shareLinks a.reddit img {
		background-position: -366px 0;
	}

	.ie .interior-banner .share-this .shareLinks a.pinterest img {
		background-position: -383px 0;
	}

	.ie .interior-banner .share-this .shareLinks a.print img {
		background-position: -281px -17px;
	}

	.ie .interior-banner .share-this .shareLinks a.google_plus img {
		background-position: -298px -17px;
	}

.full-content-area {
	width: 100%;
	background: var(--oh-white); /* notes - bg updated */
	height: 100%;
}

.add-padding {
	padding-top: 20px;
}

.top-content-area {
	width: 100%;
	background: var(--oh-white); /* notes bg updated */
	margin-bottom: 30px;
}

.wrapper {
	width: 982px;
	margin: 0 auto;
}

.header {
	background: var(--oh-primary-lightest); /* notes - bg updated */
	width: 874px;
	margin: 0 auto;
	position: relative;
}

	.header h3 {
		font-family: 'cabinitalic', Helvetica, Arial, "sans-serif";
		color: var(--oh-body); /* notes - color updated */ /* notes - this CSS is duplicated */
		font-size: 22px;
	}

	.header .top-header {
		padding: 50px 0 48px 24px;
		width: 840px;
		margin: 0 auto;
		top: 4px;
		position: relative;
		line-height: 42px;
		background: #185c8d;
	}

	.header .bottom-header {
		padding: 15px 0 16px 24px;
		width: 840px;
		margin: 0 auto;
		top: 3px;
		position: relative;
		background: var(--oh-primary-light); /* notes - bg updated */ /* notes - this CSS is duplicated */
		text-align: left;
	}

	.header .icon-header {
		overflow: hidden;
		width: 312px;
		height: 131%;
		position: absolute;
		top: 0;
		right: -1px;
		z-index: 10;
	}

	.header .quiz-list .first {
		width: 33.33333333333333%;
	}

	.header .quiz-list .firstmod {
		width: 33.33333333333333%;
	}

	.header .quiz-list .last {
		background: 0px;
		width: 33.33333333333333%;
	}

	.header .quiz-list .lastmod {
		background: 0px;
		width: 33.33333333333333%;
	}

	.header .quiz-list li {
		background: url("/Content/images/icon-border.png") no-repeat right 33px;
		padding: 12px 0px 20px;
		width: 33.33333333333333%;
		float: left;
	}

		.header .quiz-list li a {
			margin: 0px auto;
			width: 143px;
			text-align: center;
			color: var(--oh-primary-dark); /* notes - color updated */
			text-transform: uppercase;
			font-family: "cabinbold";
			font-size: 19px;
			display: block;
		}

			.header .quiz-list li a:hover {
				text-decoration: none;
			}

			.header .quiz-list li a img {
				display: block;
				margin: 0 auto;
				margin-bottom: 5px;
				height: 60px; /* notes - height updated */
			}

.mid-content-area {
	width: 100%;
	background: var(--oh-white); /* notes - bg updated */
}

	.mid-content-area .callouts {
		margin: 0 auto;
		width: 874px;
		padding: 10px 0 0 0;
		background: url(/Content/images/callout-border.png) center 25px no-repeat;
	}

		.mid-content-area .callouts .left {
			float: left;
			width: 428px;
			margin-top: 20px;
		}

		.mid-content-area .callouts .right {
			margin-top: 20px;
			float: right;
		}

		.mid-content-area .callouts .callout-top {
			margin-bottom: 40px;
		}

		.mid-content-area .callouts .callout {
			width: 400px;
			color: var(--oh-body); /* notes - color updated */
			font-family: 'cabinregular';
			font-weight: normal;
			font-size: 13px;
			height: 90px;
		}

			.mid-content-area .callouts .callout h4 {
				font-family: 'cabinbold';
				font-size: 18px;
				font-weight: normal;
				margin-bottom: 8px;
			}

			.mid-content-area .callouts .callout p {
				line-height: 18px;
			}

			.mid-content-area .callouts .callout a {
				line-height: 16px;
			}

			.mid-content-area .callouts .callout img {
				float: left;
				display: block;
				margin-right: 10px;
				margin-bottom: 50px;
				height: 60px;
				width: 60px;
			}

.two-column .full-content-area {
	width: 100%;
	background: var(--oh-white); /* notes - bg updated */
	height: 100%;
}

.two-column .content-area {
	width: 100%;
	background: var(--oh-white); /* notes - bg updated */
	margin-bottom: 0;
}

.two-column .left {
	float: left;
	margin-top: -30px;
}

.two-column .right {
	float: left;
	width: 706px;
}

.two-column .interior-header {
	background: #fff;
	width: 706px;
	height: 252px;
	margin: 0 auto;
	position: relative;
}

	.two-column .interior-header h1 {
		font-size: 39px;
	}

	.two-column .interior-header h3 {
		font-family: 'cabinbold_italic';
		color: #185c8d;
		font-size: 17px;
		width: 50%;
		line-height: 20px;
	}

	.two-column .interior-header .top-header {
		padding: 50px 0 48px 24px;
		width: 674px;
		margin: 0 auto;
		top: 4px;
		position: relative;
		line-height: 42px;
		background: #185c8d;
	}

	.two-column .interior-header .bottom-header {
		padding: 19px 0 25px 24px;
		width: 674px;
		margin: 0 auto;
		top: 3px;
		position: relative;
		background: #e0edfc;
	}

	.two-column .interior-header .icon-header {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
	}

		.two-column .interior-header .icon-header img {
			width: 280px;
			height: 243px;
		}

.content-body {
	margin-top: 20px;
	padding-bottom: 20px;
}

	.content-body h2 {
		font-family: 'cabinmedium', Helvetica, Arial, "sans serif";
		margin-top: 40px;
		color: var(--oh-primary-dark); /* notes - color updated */
		margin-bottom: 10px;
	}

	.content-body ul {
		margin-top: 30px;
		background: url(/Content/images/divider-horizontal.png) top center repeat-x;
	}

		.content-body ul h4 {
			font-family: 'cabinregular';
			font-size: 25px;
			margin-bottom: 5px;
			color: var(--oh-primary-dark); /* notes - color updated */
		}

		.content-body ul .first {
			margin-top: 15px;
			padding-top: 15px;
		}

		.content-body ul li {
			margin-bottom: 15px;
			padding-bottom: 15px;
			background: url(/Content/images/divider-horizontal.png) bottom center repeat-x;
		}

		.content-body ul img {
			margin-right: 20px;
			float: left;
		}

		.content-body ul .copy-info {
			width: 400px;
			float: left;
			margin-top: 10px;
		}

		/* notes - float above is breaking style on the reference page */
		.content-body ul.arrows .copy-info {
			float: none;
		}

		.content-body ul .copy-info .longer-para {
			width: 140%;
		}

			.content-body ul .copy-info .longer-para a:hover {
				text-decoration: none;
			}

		.content-body ul .take-the-quiz {
			float: right;
			text-decoration: none;
			font-size: 17px;
			font-family: 'cabinbold';
			/* background: url(/Content/images/icon-quiz-arrow.png) no-repeat 120px center #185c8d; */
			background: var(--oh-primary-light); /* notes - bg updated */
			color: var(--oh-body); /* notes - color updated */
			border: 1px solid var(--oh-neutral); /* notes - border updated */
			display: block;
			width: 130px;
			padding: 8px 0 8px 10px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			margin-top: 20px;
		}

			/* notes - css updated */
			.content-body ul .take-the-quiz:after {
				display: inline-block;
				content: "";
				background: url(/Content/Images/mycanceriq-arrow-black.svg) no-repeat;
				width: 9px;
				height: 12px;
				margin-left: 10px;
			}

			.content-body ul .take-the-quiz:hover {
				text-decoration: underline;
			}

/* notes - added css */
.two-column .content-body ul a > img {
	width: 70px;
	height: 70px;
	margin-top: 10px;
}

.two-column.simple .interior-header {
	height: auto;
	padding: 4px 0;
}

.two-column.simple .top-header {
	top: 0;
}

.two-column.simple .header-icon {
	position: absolute;
	top: 0;
	right: 6px;
	overflow: hidden;
	height: 100%;
}

	.two-column.simple .header-icon img {
		margin-top: -56px;
	}

.two-column.getupdates .interior-header {
	height: auto;
	padding: 4px 0;
}

.two-column.getupdates .top-header {
	top: 0;
	padding: 50px 0 68px 24px;
}

.two-column.getupdates h1 {
	width: 54%;
}

.two-column.getupdates .header-icon {
	position: absolute;
	top: 0;
	right: 6px;
	overflow: hidden;
	height: 100%;
}

	.two-column.getupdates .header-icon img {
		margin-top: -56px;
	}

.two-column.getupdates #sidenav {
	width: 204px;
	height: auto;
}

.two-column.getupdates .content-body .error {
	color: #c00;
}

.two-column.getupdates .content-body .error-input {
	border: 1px solid #c00;
}

.two-column.getupdates .whitebg {
	background: #fff;
	width: 100%;
}

.two-column.getupdates .margin-right-column {
	margin-left: 204px;
}

.two-column.getupdates legend {
	padding-bottom: 20px;
}

.two-column.getupdates .field-row {
	margin-bottom: 20px;
}

	.two-column.getupdates .field-row .text-label {
		width: 150px;
		display: inline-block;
	}

	.two-column.getupdates .field-row input[type=text],
	.two-column.getupdates .field-row input[type=password] {
		padding: 5px 0 5px 5px;
		width: 255px;
		border: 1px solid #ccc;
	}

	.two-column.getupdates .field-row input[type=checkbox] {
		top: -2px;
		position: relative;
	}

.two-column.getupdates .error-qm {
	display: none;
	position: relative;
	top: 6px;
	left: 5px;
}

.two-column.getupdates .margin-right-column {
	padding: 30px 0 30px 0;
	width: 706px;
}

	.two-column.getupdates .margin-right-column .bottom-p {
		margin: 20px 0 0 0;
	}

		.two-column.getupdates .margin-right-column .bottom-p a:hover {
			text-decoration: none;
		}

	.two-column.getupdates .margin-right-column .disclaimer-error-qm {
		margin: 0 5px 0 5px;
		width: 25px;
		display: none;
	}

	.two-column.getupdates .margin-right-column .disclaimer-error-qm-inline {
		display: inline !important;
	}

	.two-column.getupdates .margin-right-column input {
		float: left;
	}

	.two-column.getupdates .margin-right-column label {
		float: left;
		display: inline-block;
		width: 63%;
		margin: 0 20px 0 20px;
		line-height: 18px;
	}

	.two-column.getupdates .margin-right-column p {
		float: left;
		font-size: 14px;
		line-height: 18px;
	}

.two-column.getupdates .submit {
	float: right;
	text-decoration: none;
	font-size: 17px;
	font-family: 'cabinbold';
	/* background: url(/Content/images/icon-quiz-arrow.png) no-repeat 110px center #185c8d; */ /* notes - bg updated */
	background: var(--oh-primary-light);
	color: var(--oh-body); /* notes - color added */
	border: 2px solid var(--oh-neutral); /* notes - border added */
	display: block;
	padding: 8px 70px 8px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative; /* notes - css added */
}

	/* notes - css added */
	.two-column.getupdates .submit:after {
		display: inline-block;
		content: "";
		background: url(/Content/Images/mycanceriq-arrow-black.svg);
		width: 9px;
		height: 12px;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translate(0, -50%);
	}

	.two-column.getupdates .submit:hover {
		text-decoration: underline;
	}

.two-column.getupdates .disabled {
	opacity: var(--oh-opacity50); /* notes - bg updated */
	/* color: #b4bdcb;
	background: url(/Content/images/icon-quiz-arrow-disabled.png) no-repeat 110px center #e3eaf4; */
}

	.two-column.getupdates .disabled:hover {
		text-decoration: none !important;
	}

.two-column.getupdates .take-an-assessment {
	text-decoration: none;
	font-size: 17px;
	font-family: 'cabinbold';
	background: url(/Content/images/icon-quiz-arrow.png) no-repeat 175px center #185c8d;
	color: #fff;
	border: 2px solid #fff;
	display: block;
	float: right;
	position: relative;
	padding: 8px 40px 8px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

	.two-column.getupdates .take-an-assessment:hover {
		text-decoration: underline;
	}

.getupdates ul.arrows {
	background: transparent;
	margin-top: 8px;
	line-height: 18px;
	list-style: disc; /* notes - css added */
}

/* notes - comment out */
/* .getupdates ul.arrows li {
	background: url('/Content/images/list-item.png') no-repeat 0 2px;
	padding-left: 14px;
	font-size: 15px;
	margin-bottom: 8px;
	padding-bottom: 0;
	color: #333;
} */

.getupdates ul.no-arrows {
	background: transparent;
	margin-top: 8px;
	line-height: 18px;
}

	.getupdates ul.no-arrows li {
		padding-left: 14px;
		font-size: 15px;
		margin-bottom: 8px;
		padding-bottom: 0;
		color: #333;
		background: transparent;
	}

.ie .two-column.getupdates .field-row input[type=checkbox],
.mozilla .two-column.getupdates .field-row input[type=checkbox] {
	vertical-align: middle;
}

li {
	font: inherit;
	margin: 0px;
	padding: 0px;
	border: 0px currentColor;
	border-image: none;
	vertical-align: baseline;
	font-size-adjust: inherit;
	font-stretch: inherit;
}

.assessment-start .whitebg {
	background: #fff !important;
}

.assessment-start .full-content-area {
	width: 100%;
	background: #f2f3f6;
	height: 100%;
}

.assessment-start .content-area {
	width: 100%;
	background: var(--oh-white); /* notes - bg updated */
	margin-bottom: 0;
}

.assessment-start .left {
	float: left;
	margin-top: -30px;
}

.assessment-start .right {
	float: left;
	width: 706px;
}

.assessment-start .interior-header {
	background: #fff;
	width: 706px;
	height: 252px;
	margin: 0 auto;
	position: relative;
}

	.assessment-start .interior-header h1 {
		width: 50%;
		font-size: 39px;
	}

	.assessment-start .interior-header h3 {
		font-family: 'cabinbold_italic';
		color: #a91860;
		font-size: 17px;
		width: 55%;
		line-height: 20px;
	}

	.assessment-start .interior-header .top-header {
		padding: 28px 0 29px 24px;
		width: 674px;
		margin: 0 auto;
		top: 4px;
		position: relative;
		line-height: 42px;
		background: #a91860;
	}

	.assessment-start .interior-header .bottom-header {
		padding: 19px 0 25px 24px;
		width: 674px;
		margin: 0 auto;
		top: 3px;
		position: relative;
		background: #fce0fb;
	}

	.assessment-start .interior-header .icon-header {
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
		height: 244px;
	}

.no-dash {
	background: none !important;
}

.content-assesment {
	margin: 20px 0px 0px;
	padding: 0px 0px 20px;
	line-height: 18px;
	font-size: 14px;
	position: relative;
}

	.content-assesment h2,
	.margin-right-column h2 {
		color: var(--oh-primary-dark); /* notes - color updated */
		padding-top: 10px;
		font-family: "cabinmedium", Helvetica, Arial, "sans serif";
		font-size: 24px;
		margin-bottom: 20px;
	}

	.content-assesment h4 {
		font-family: 'cabinmedium', Helvetica, Arial, "sans serif";
		padding-top: 40px;
		color: var(--oh-body); /* notes - color updated */
		line-height: 26px;
		font-size: 24px;
		text-align: center;
		margin-bottom: 20px;
		width: 180px;
	}

	.content-assesment .pink {
		color: #a91860;
	}

	.content-assesment .time-of-quiz {
		position: absolute;
		top: 300px;
		margin-left: 15px;
	}

	.content-assesment .left-col {
		float: left;
		width: 60%;
		padding: 0 5% 0 0;
		background: url(/Content/images/dash-vertical.png) 100% 40px repeat-y;
	}

	.content-assesment .right-col {
		float: right;
		width: 20%;
		padding-right: 10%;
	}

		.content-assesment .right-col img {
			margin-left: 25%;
			width: 95px;
		}

	.content-assesment ul {
		margin-left: 20px;
		padding-bottom: 20px;
	}

.simple.one-column .margin-left-column p {
	margin: 0px 20px;
	width: auto;
	line-height: 18px;
	font-size: 14px;
	float: left;
}

/* notes - comment out */
/* .breast .margin-left-column .disabled.start-now {
	color: rgb(202, 179, 190);
	background-color: rgb(241, 225, 233);
} */

.content-assesment ul li {
	list-style: disc;
	margin-bottom: 20px;
}

.assessment-start .margin-left-column {
	padding: 10px 0px;
	width: 55%;
}

	.assessment-start .margin-left-column input {
		float: left;
	}

	.assessment-start .margin-left-column label {
		margin: 0px 20px;
		width: 63%;
		line-height: 18px;
		float: left;
		display: inline-block;
		font-weight: bold;
	}

	.assessment-start .margin-left-column p {
		padding: 0px 20px 10px 45px;
		line-height: 18px;
		font-size: 14px;
		float: left;
		width: 70%;
	}

	.assessment-start .margin-left-column .start-now {
		/* background: url("/Content/images/icon-quiz-arrow.png") no-repeat 115px rgb(24, 92, 141); */ /* notes - bg updated */
		background: var(--oh-primary-light);
		padding: 12px 40px 8px 15px;
		border-radius: 4px;
		border: 1px solid var(--oh-neutral); /* notes - bg updated */
		border-image: none;
		width: 85px;
		height: 20px;
		color: var(--oh-body); /* notes - bg updated */
		font-family: "cabinbold";
		font-size: 17px;
		text-decoration: none;
		float: left;
		display: inline-block;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		margin-left: 25%;
		position: relative; /* notes - css added */
	}

		.assessment-start .margin-left-column .start-now:after {
			display: inline-block;
			content: "";
			background: url(/Content/Images/mycanceriq-arrow-black.svg);
			width: 9px;
			height: 12px;
			position: absolute;
			right: 20px;
			top: 50%;
			transform: translate(0, -50%);
		}

		.assessment-start .margin-left-column .start-now:hover {
			text-decoration: underline;
		}

	/* notes - comment out */
	.assessment-start .margin-left-column .disabled {
		opacity: var(--oh-opacity50);
		/* background: url("/Content/images/icon-quiz-arrow-disabled.png") no-repeat 115px rgb(227, 234, 244);
	color: rgb(180, 189, 203); */
	}

		.assessment-start .margin-left-column .disabled:hover {
			text-decoration: none;
		}

	.assessment-start .margin-left-column .bottom-p {
		margin: 20px 0px 0px;
	}

		.assessment-start .margin-left-column .bottom-p a:hover {
			text-decoration: none;
		}

/* notes - updated padding */
.assessment-start .margin-right-column {
	padding: 0 0 20px 0;
	width: 706px;
	margin-left: 204px;
}

	.assessment-start .margin-right-column input {
		float: left;
	}

	.assessment-start .margin-right-column label {
		float: left;
		display: inline-block;
		width: 70%;
		margin: 0 20px 0 20px;
		line-height: 18px;
	}

	.assessment-start .margin-right-column p {
		float: left;
		font-size: 14px;
		padding: 0 20px 10px 20px;
		line-height: 18px;
	}

	.assessment-start .margin-right-column .disclaimer {
		font-size: 14px;
		width: 60%;
		padding-top: 10px;
		margin: 0 20px 0 20px;
		line-height: 18px;
		overflow: auto;
		height: 200px;
		border: 1px solid #ccc;
		float: left;
	}

	.assessment-start .margin-right-column .start-now {
		float: right;
		text-decoration: none;
		font-size: 17px;
		font-family: 'cabinbold';
		background: url(/Content/images/icon-quiz-arrow.png) no-repeat 115px center #185c8d;
		color: #fff;
		border: 2px solid #fff;
		display: inline-block;
		width: 85px;
		height: 20px;
		padding: 12px 40px 8px 15px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

		.assessment-start .margin-right-column .start-now:hover {
			text-decoration: underline;
		}

	.assessment-start .margin-right-column .disabled {
		color: #b4bdcb;
		background: url(/Content/images/icon-quiz-arrow-disabled.png) no-repeat 115px center #e3eaf4;
	}

		.assessment-start .margin-right-column .disabled:hover {
			text-decoration: none;
		}

		.assessment-start .margin-right-column .disabled:hover {
			text-decoration: none;
		}

	.assessment-start .margin-right-column .bottom-p {
		margin: 20px 0 0 0;
	}

		.assessment-start .margin-right-column .bottom-p a:hover {
			text-decoration: none;
		}

.assessment {
	clear: both;
}

	.assessment .assessmentNav {
		max-width: 465px;
		margin: 6% auto 2.5%;
		padding: 1% 0 7%;
		position: relative;
	}

.ie8 .assessment .assessmentNav,
.ie9 .assessment .assessmentNav {
	max-width: 430px;
}

.assessment .assessmentNav ul {
	margin: 0;
	position: relative;
	z-index: 5;
}

	.assessment .assessmentNav ul li {
		float: left;
		background: 0;
		margin: -14px 0 0 13%;
		padding: 0;
	}

.ie8 .assessment .assessmentNav ul li {
	margin: -14px 1% 0 12.8%;
}

.assessment .assessmentNav ul li:first-child {
	margin-left: 0;
}

.assessment .assessmentNav ul li.last {
	margin-right: 0;
	float: right;
}

.assessment .assessmentNav ul li .navContainer {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-family: 'cabinregular';
	position: relative;
	color: var(--oh-body); /* notes - css added */
}

	.assessment .assessmentNav ul li .navContainer:hover {
		text-decoration: underline;
	}

	.assessment .assessmentNav ul li .navContainer span {
		position: absolute;
		left: 50%;
		width: 75px;
		margin-left: -35px;
	}

	.assessment .assessmentNav ul li .navContainer .imgContainer {
		width: 33px;
		height: 33px;
		overflow: hidden;
		margin: 0 auto 5%;
		background: url(/Content/Images/mycanceriq-progress-incomplete.svg); /* notes - bg updated */
	}

		/* notes - css updated */
		.assessment .assessmentNav ul li .navContainer .imgContainer.completed {
			background: url(/Content/Images/mycanceriq-progress-complete.svg);
		}

		/* notes - css updated */
		.assessment .assessmentNav ul li .navContainer .imgContainer.current {
			background: url(/Content/Images/mycanceriq-progress-current.svg);
		}

/* please remove the img tag from HTML */
/* notes - comment out */
/* .assessment .assessmentNav ul li .navContainer .imgContainer.completed img {
	margin-top: -35px;
}

.assessment .assessmentNav ul li .navContainer .imgContainer.current img {
	margin-top: -104px;
}

.assessment .assessmentNav ul li .navContainer .imgContainer.back img {
	margin-top: -69px;
} */

.assessment .assessmentNav .progress,
.assessment .assessmentNav .defaultLine {
	width: 100%;
	height: 8px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	position: absolute;
	top: 0;
	margin-top: 2%;
}

/* notes - css added */
.assessment .assessmentNav .progress {
	background: var(--oh-accent);
}

/* notes - css added */
.assessment .assessmentNav .defaultLine {
	background: var(--oh-neutral);
}

.assessment .assessmentNav .progress {
	width: 0;
}

.assessment .return:hover {
	text-decoration: none;
}

.assessment .assessmentBlock .accordionToggle {
	line-height: 1.3;
}

	.assessment .assessmentBlock .accordionToggle label {
		color: #333;
	}

	/* notes - comment out */
	/* .assessment .assessmentBlock .accordionToggle.showInfo {
	background-position: -38px 20%;
} */

	.assessment .assessmentBlock .accordionToggle.showInfo a:hover {
		text-decoration: none;
	}

.assessment .assessmentBlock .errorMessage {
	display: none;
}

.assessment .assessmentBlock .moreInfo {
	background: url(/Content/images/divider-horizontal-white.png) top center repeat-x;
	margin-top: 15px;
	padding: 15px 0 5px;
	font-family: arial, sans-serif;
	font-size: 13px;
	font-style: italic;
}

	.assessment .assessmentBlock .moreInfo b {
		font-weight: bold;
		font-style: normal;
	}

.assessment .assessmentBlock .definitionContainer {
	position: relative;
}

	.assessment .assessmentBlock .definitionContainer .dropdownInfo {
		display: none;
	}

		.assessment .assessmentBlock .definitionContainer .dropdownInfo .closeDropdown {
			display: block;
			text-transform: uppercase;
			font-size: 17px;
			font-weight: bold;
			font-family: 'cabinbold';
			float: right;
			text-decoration: none;
			margin: -1% -3% 0 0;
			color: var(--oh-body); /* notes - color updated */
		}

			.assessment .assessmentBlock .definitionContainer .dropdownInfo .closeDropdown:hover {
				text-decoration: underline;
			}

		.assessment .assessmentBlock .definitionContainer .dropdownInfo.important {
			background-color: var(--oh-primary-opacity15); /* notes - bg updated */
			font-size: 13px;
			padding: 19px 47px;
			line-height: 1.3;
		}

			.assessment .assessmentBlock .definitionContainer .dropdownInfo.important span.why {
				font-family: 'cabinbold';
				display: block;
				font-size: 16px;
				margin-bottom: 2px;
			}

			.assessment .assessmentBlock .definitionContainer .dropdownInfo.important a.closeDropdown {
				color: #333;
			}

		.assessment .assessmentBlock .definitionContainer .dropdownInfo.definition {
			background-color: var(--oh-primary-light); /* notes - bg updated */
			font-size: 13px;
			padding: 19px 47px;
			line-height: 1.3;
		}

			.assessment .assessmentBlock .definitionContainer .dropdownInfo.definition li {
				font-size: 13px;
				line-height: 13px;
			}

			.assessment .assessmentBlock .definitionContainer .dropdownInfo.definition span.title {
				font-family: 'cabinbold';
				font-size: 16px;
				display: block;
				text-decoration: underline;
				color: #1d316c;
				margin-bottom: 2px;
			}

		.assessment .assessmentBlock .definitionContainer .dropdownInfo.changeDefinition {
			position: absolute;
			top: 0;
			left: 0;
		}

.assessment .assessmentBlock .importantQuestion {
	float: right;
	margin-top: 1%;
	margin-bottom: 2%;
}

	.assessment .assessmentBlock .importantQuestion .contentContainer {
		display: block;
		background-color: var(--oh-primary-light); /* notes - bg updated */
		font-size: 14px;
		padding: 5px 20px;
		border: 1px solid var(--oh-neutral); /* notes - bg updated */
		color: var(--oh-body); /* notes - color updated */
	}

	.assessment .assessmentBlock .importantQuestion:hover {
		text-decoration: none;
	}

	.assessment .assessmentBlock .importantQuestion.expanded {
		text-decoration: none;
		position: relative;
	}

		.assessment .assessmentBlock .importantQuestion.expanded .contentContainer {
			background: var(--oh-primary-light); /* notes - bg updated */
			/* color: #fff; */ /* notes - comment out */
			margin-top: 6px;
		}

		.assessment .assessmentBlock .importantQuestion.expanded .arrowContainer {
			position: absolute;
			top: -2px; /* notes - changed top */
			right: 3%;
			/* background: url(/Content/images/assessment-important-selected-arrow.png) no-repeat; */ /* notes - bg updated */
			background: url(/Content/Images/mycanceriq-arrow-primary-light.svg) no-repeat;
			width: 12px;
			height: 9px;
			display: block;
		}

		.assessment .assessmentBlock .importantQuestion.expanded:hover {
			text-decoration: underline;
			color: var(--oh-body); /* notes - color updated */
		}

.assessment .assessmentBlock.radio .radioContainer {
	margin: 8px 0;
	padding-bottom: 1px;
}

.assessment .assessmentBlock.radio.withOther input[type=text] {
	display: none;
	width: 30%;
	padding-left: .5%;
}

.assessment .assessmentBlock.error .accordionToggle:before {
	background: /*#fdc8ca */url('/Content/images/error-questionmark.png') no-repeat 1% center;
}

.assessment .assessmentBlock.error .accordionToggle {
	background: #fdc8ca ;
}

.assessment .assessmentBlock.error .errorMessage {
	display: block;
	color: #9e1818;
	font-size: 16px;
	font-family: 'cabinbold';
}

.assessment .assessmentBlock.generic-dropdown select,
.assessment .assessmentBlock.gender-dropdown select,
.assessment .assessmentBlock.age-dropdown select {
	display: inline-block;
	border: 1px solid #aaa;
	font-size: 13px;
	cursor: pointer;
}

	.assessment .assessmentBlock.generic-dropdown select option,
	.assessment .assessmentBlock.gender-dropdown select option,
	.assessment .assessmentBlock.age-dropdown select option {
		color: #000;
	}

.assessment .assessmentBlock.switch .switchContainer .radioContainer {
	margin: 8px 0;
}

.assessment .assessmentBlock.switch .switchContainer .slider {
	display: none;
}

.assessment .assessmentBlock.generic-dropdown .stylized {
	display: block;
}

.assessment .assessmentBlock.gender-dropdown .hide.gender .radioContainer {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-left: 3%;
}

	.assessment .assessmentBlock.gender-dropdown .hide.gender .radioContainer label .imgContainer {
		display: block;
		max-height: 164px;
		overflow: hidden;
	}

		.assessment .assessmentBlock.gender-dropdown .hide.gender .radioContainer label .imgContainer img {
			margin-left: -35px;
		}

	.assessment .assessmentBlock.gender-dropdown .hide.gender .radioContainer label .name {
		display: -webkit-flex; /* Safari */
		display: flex;
		text-align: center;
		font-family: 'cabinbold';
		font-size: 16px;
	}

	.assessment .assessmentBlock.gender-dropdown .hide.gender .radioContainer label.selected .imgContainer img {
		margin-top: -171px;
		margin-left: 0;
	}

	.assessment .assessmentBlock.gender-dropdown .hide.gender .radioContainer input[type=radio] {
		opacity: 0;
	}

	.assessment .assessmentBlock.gender-dropdown .hide.gender .radioContainer:first-child {
		margin-left: 0;
	}

		.assessment .assessmentBlock.gender-dropdown .hide.gender .radioContainer:first-child label .imgContainer img {
			margin-left: -27px;
		}

		.assessment .assessmentBlock.gender-dropdown .hide.gender .radioContainer:first-child label.selected .imgContainer img {
			margin-left: 0;
		}

.assessment .assessmentBlock.agree-disagree .question {
	clear: both;
	margin-top: 15%;
}

	.assessment .assessmentBlock.agree-disagree .question:first-child {
		margin-top: 0;
	}

	.assessment .assessmentBlock.agree-disagree .question p {
		font-family: 'cabinbold';
		font-size: 16px;
		color: #333;
	}

	.assessment .assessmentBlock.agree-disagree .question .radioContainer {
		float: left;
		text-align: center;
		width: 59px;
		margin-left: 5%;
	}

		.assessment .assessmentBlock.agree-disagree .question .radioContainer label {
			display: block;
			font-size: 15px;
		}

		.assessment .assessmentBlock.agree-disagree .question .radioContainer.first {
			margin-left: 0;
		}

	.assessment .assessmentBlock.agree-disagree .question .slideContainer {
		display: none;
	}

.assessment .assessmentBlock.agree-disagree.four-question .question .radioContainer {
	width: 85px;
	margin-left: 3%;
}

	.assessment .assessmentBlock.agree-disagree.four-question .question .radioContainer.first {
		margin-left: 0;
	}

.assessment .assessmentBlock.height-textfield input[type=radio] {
	margin-bottom: 2%;
}

.assessment .assessmentBlock.height-textfield .dropdownContainer {
	/* display: inline; */ /* notes - comment out (this prevented from adding margin-top) */
	margin-top: 15px;
}

	.assessment .assessmentBlock.height-textfield .dropdownContainer .stylized {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}

.assessment .assessmentBlock.three-option-slider .question .radioContainer {
	margin: 8px 0;
}

.assessment .assessmentBlock.three-option-slider .question .slideContainer {
	display: none;
}

.assessment p.error {
	margin-top: 3%;
	color: #9e1818;
	font-size: 16px;
	font-family: 'cabinbold';
}

.assessment .assessmentButtonContainer {
	background: 0;
	padding-top: 0;
}

	.assessment .assessmentButtonContainer a.left,
	.assessment .assessmentButtonContainer a.right {
		float: left;
	}

.ie .assessment .assessmentBlock.height-textfield .dropdownContainer div {
	display: inline;
}

.ie10 .assessment .assessmentBlock.height-textfield .dropdownContainer div {
	display: inline-block;
}

.assessmentFooterNav,
.assessmentButtonContainer,
.buttons {
	background: url(/Content/images/divider-horizontal.png) top center repeat-x;
	padding-top: 3%;
}

	.assessmentFooterNav a,
	.assessmentButtonContainer a,
	.buttons a {
		font-family: 'cabinbold';
		font-size: 17px;
		text-decoration: none;
		display: block;
		padding: 1.5% 2%;
	}

		.assessmentFooterNav a:hover span,
		.assessmentButtonContainer a:hover span,
		.buttons a:hover span {
			text-decoration: underline;
		}

		.assessmentFooterNav a img,
		.assessmentButtonContainer a img,
		.buttons a img {
			/* background: url('/Content/images/spritesheet.png') no-repeat; */
			background: url(/Content/Images/mycanceriq-arrow-white.svg) no-repeat;
			width: 10px;
			height: 12px;
			vertical-align: middle;
		}

		.assessmentFooterNav a span.label,
		.assessmentButtonContainer a span.label,
		.buttons a span.label {
			vertical-align: middle;
		}

		.assessmentFooterNav a.left,
		.assessmentButtonContainer a.left,
		.buttons a.left {
			float: left;
			width: auto;
			display: block;
		}

			.assessmentFooterNav a.left span.label,
			.assessmentButtonContainer a.left span.label,
			.buttons a.left span.label {
				margin-left: 15px;
			}

			/* notes - comment out */
			.assessmentFooterNav a.left img,
			.assessmentButtonContainer a.left img,
			.buttons a.left img {
				transform: rotate(180deg);
				/* background-position: -271px -13px; */ /* notes - comment out */
			}

			/* notes - comment out */
			/* .assessmentFooterNav a.left.disabled img,
.assessmentButtonContainer a.left.disabled img,
.buttons a.left.disabled img {
	background-position: -271px -27px;
} */

			.assessmentFooterNav a.left.disabled:hover,
			.assessmentButtonContainer a.left.disabled:hover,
			.buttons a.left.disabled:hover {
				text-decoration: none;
			}

		.assessmentFooterNav a.right,
		.assessmentButtonContainer a.right,
		.buttons a.right {
			float: right;
			width: auto;
		}

			.assessmentFooterNav a.right span.label,
			.assessmentButtonContainer a.right span.label,
			.buttons a.right span.label {
				margin-right: 15px;
				min-width: 55px;
				display: inline-block;
				*display: inline;
				zoom: 1;
				text-align: right;
			}

			/* notes - comment out */
			/* .assessmentFooterNav a.right img,
.assessmentButtonContainer a.right img,
.buttons a.right img {
	background-position: -261px -14px;
} */

			/* notes - comment out */
			/* .assessmentFooterNav a.right.disabled img,
.assessmentButtonContainer a.right.disabled img,
.buttons a.right.disabled img {
	background-position: -261px -27px;
} */

			.assessmentFooterNav a.right.disabled:hover,
			.assessmentButtonContainer a.right.disabled:hover,
			.buttons a.right.disabled:hover {
				text-decoration: none;
			}

		.assessmentFooterNav a.disabled:hover span,
		.assessmentButtonContainer a.disabled:hover span,
		.buttons a.disabled:hover span {
			text-decoration: none;
		}

		.assessmentFooterNav a.reevaluate,
		.assessmentButtonContainer a.reevaluate,
		.buttons a.reevaluate {
			float: right;
			clear: both;
			margin-top: 2%;
		}

		.assessmentFooterNav a.addBottom,
		.assessmentButtonContainer a.addBottom,
		.buttons a.addBottom {
			margin-bottom: 5%;
		}

.interior-banner.tell-us .banner-wrapper .icon-banner img {
	margin-right: 20px;
}

.interior-banner.tell-us .banner-wrapper .top-text h1 {
	width: 60%;
}

.exitSurveyFooter {
	text-align: center;
	font-size: 15px;
	color: #1d316c;
	padding: 20px 0;
	margin-bottom: 30px;
	background-color: #fff;
}

	.exitSurveyFooter .cancel {
		display: inline-block;
		color: #254780;
		font-size: 15px;
		font-weight: bold;
		margin-left: 15px;
	}

		.exitSurveyFooter .cancel:hover {
			text-decoration: none;
		}

	.exitSurveyFooter input[type=submit] {
		margin-right: 15px;
	}

.exitSurveyConfirm .whitebg {
	margin-top: 64px;
	padding: 25px 0;
	background: #fff;
}

	.exitSurveyConfirm .whitebg h2 {
		color: #333;
		font-size: 24px;
		font-family: 'cabinmedium';
		margin-bottom: 10px;
		margin-left: 4%;
	}

	.exitSurveyConfirm .whitebg p {
		margin-left: 4%;
		margin-right: 4%;
	}

.exitSurveyConfirm .success {
	color: #333;
	font-size: 15px;
	width: 52%;
	float: left;
}

.exitSurveyConfirm .return-assessment {
	text-decoration: none;
	font-size: 17px;
	font-family: 'cabinbold';
	background: #185c8d;
	color: #fff;
	border: 2px solid #fff;
	padding: 8px 15px 8px 15px;
	float: right;
	margin-left: 40px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

	.exitSurveyConfirm .return-assessment:hover {
		text-decoration: underline;
	}

	.exitSurveyConfirm .return-assessment img {
		margin-right: 25px;
	}

.one-column.simple .darkblue .top-header {
	background: #254780;
}

.one-column.simple .darkblue .icon-header {
	margin-right: 2.5% !important;
}

.one-column.simple .nobg {
	border: 0 solid #fff;
}

.one-column.simple .return-link {
	margin-top: 10px;
	margin-right: 54px;
	float: right;
	font-weight: bold;
	font-size: 15px;
	color: #254780;
}

	.one-column.simple .return-link a {
		color: #254780;
	}

		.one-column.simple .return-link a:hover {
			text-decoration: none;
		}

.one-column.simple .padded {
	width: 840px !important;
}

.one-column.simple .content-body .error {
	color: #c00;
}

.one-column.simple .content-body .errorMsg .error {
	display: none;
	color: #c00;
}

.one-column.simple .content-body .error-input {
	border: 1px solid #c00;
}

.one-column.simple .whitebg {
	background: #fff;
	width: 100%;
}

.one-column.simple legend {
	padding-bottom: 20px;
}

.one-column.simple .field-row {
	margin-bottom: 20px;
}

	.one-column.simple .field-row a:hover {
		text-decoration: none;
	}

	.one-column.simple .field-row .text-label {
		width: 150px;
		display: inline-block;
	}

	.one-column.simple .field-row input[type=text],
	.one-column.simple .field-row input[type=password] {
		padding: 5px 0 5px 5px;
		width: 255px;
		border: 1px solid #ccc;
	}

		.one-column.simple .field-row input[type=text].errorForm,
		.one-column.simple .field-row input[type=password].errorForm {
			border: 1px solid #c00;
		}

	.one-column.simple .field-row input[type=checkbox] {
		float: left;
	}

	.one-column.simple .field-row .error-qm {
		display: none;
		position: relative;
		top: 6px;
		left: 5px;
	}

	.one-column.simple .field-row .label-check-long {
		float: left;
		width: 80%;
		background: #fff;
		padding: 10px;
		border: 1px solid #ccc;
		overflow-y: scroll;
	/*	height: 150px;*/
		margin-bottom: 20px;
	}

.one-column.simple .return-to {
	width: 864px;
	margin: 0 auto !important;
}

.one-column.simple .margin-right-column {
	margin-left: 364px;
	padding: 20px 0 20px 0;
}

	.one-column.simple .margin-right-column input[type=text],
	.one-column.simple .margin-right-column input[type=password] {
		float: left;
	}

	.one-column.simple .margin-right-column label {
		float: left;
		display: inline-block;
		width: 70%;
		margin: 0 20px 0 20px;
		line-height: 18px;
	}

	.one-column.simple .margin-right-column p {
		float: left;
		font-size: 14px;
		width: 55%;
		margin: 0 20px 0 20px;
		line-height: 18px;
	}

.one-column.simple .disclaimer {
	font-size: 13px;
	font-style: italic;
	margin-top: 10px;
}

/*.one-column.simple .submit {
	text-decoration: none;
	font-size: 17px;
	font-family: 'cabinbold';*/
  /* background: url(/Content/images/icon-quiz-arrow.png) no-repeat 110px center #CCF0F9;*/
	/*background-image: url(/Content/images/icon-quiz-arrow.png);
	background-repeat: no-repeat;
	background-position: 110px center;
	background-color: #CCF0F9;

	color: var(--oh-body);*/ /* notes - bg updated */
	/*border: 2px solid #fff;
	display: block;
	padding: 8px 70px 8px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}*/

/*	.one-column.simple .submit:after {
		display: inline-block;
		content: "";
		background: url(/Content/Images/mycanceriq-arrow-black.svg);
		width: 9px;
		height: 12px;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translate(0, -50%);
	}*/


	/*.one-column.simple .submit.disabled {*/
	/*	background-color: #e3eaf4;*/
		/*color: #b4bdcb;
		background-image: none;
		padding-right: 20px;
	}

		.one-column.simple .submit.disabled img {
			display: inline;
			width: 10px;
			height: 12px;
			vertical-align: middle;
			background: url('/Content/images/spritesheet.png') no-repeat;
			background-position: -261px -27px;
			margin-left: 40px;
		}*/


	/*	.one-column.simple .submit img {
			display: inline;
			width: 10px;
			height: 12px;
			vertical-align: middle;
			background: url('/Content/images/spritesheet.png') no-repeat;
			background-position: -261px -27px;
			margin-left: 40px;
		}*/



.one-column.simple .submit {
	float: right;
	text-decoration: none;
	font-size: 17px;
	font-family: 'cabinbold';
	/* background: url(/Content/images/icon-quiz-arrow.png) no-repeat 110px center #185c8d; */ /* notes - bg updated */
	background: var(--oh-primary-light);
	color: var(--oh-body); /* notes - color added */
	border: 2px solid var(--oh-neutral); /* notes - border added */
	display: block;
	padding: 8px 70px 8px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative; /* notes - css added */
}

	/* notes - css added */
	.one-column.simple .submit:after {
		display: inline-block;
		content: "";
		background: url(/Content/Images/mycanceriq-arrow-black.svg);
		width: 9px;
		height: 12px;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translate(0, -50%);
	}

	.one-column.simple .submit:hover {
		text-decoration: underline;
	}

.one-column.simple .disabled {
	opacity: var(--oh-opacity50); /* notes - bg updated */
	/* color: #b4bdcb;
	background: url(/Content/images/icon-quiz-arrow-disabled.png) no-repeat 110px center #e3eaf4; */
}


		.one-column.simple .submit.disabled:hover {
			text-decoration: none;
		}

	.one-column.simple .submit:hover {
		text-decoration: underline;
	}

	.one-column.simple .submit.disabled:hover {
		text-decoration: none;
	}

	.one-column.simple .submit img {
	/*	display: none;*/
	}

.one-column.simple .paddingtop {
	padding: 20px 0 20px 0;
}

.one-column.simple h2 {
	color: #333;
	font-size: 24px;
	font-family: 'cabinmedium';
	margin-bottom: 10px;
}

.one-column.simple .success {
	position: relative;
	color: #333;
	font-size: 15px;
	margin: 0;
	width: 100%;
	float: left;
}

.one-column.simple .return-assessment {
	text-decoration: none;
	font-size: 17px;
	font-family: 'cabinbold';
	background: #185c8d;
	color: #fff;
	border: 2px solid #fff;
	padding: 8px 15px 8px 15px;
	float: right;
	margin-left: 40px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

	.one-column.simple .return-assessment:hover {
		text-decoration: underline;
	}

	.one-column.simple .return-assessment img {
		margin-right: 25px;
	}

.template17 .linkURL {
	display: none;
}

.template17 h2,
.template17 h3,
.template17 h4 {
	font-family: 'cabinmedium';
}

.template17 a:hover {
	text-decoration: none;
}

.template17 #riskContainer #riskText {
	float: left;
	width: 78%; /* notes - updated width */
	margin-left: 4%;
}

.template17 #riskContainer h2 {
	font-size: 22px; /* notes - updated font-size */
	line-height: 38px;
	margin-top: 0; /* notes - updated margin-top */
	margin-bottom: 0;
	width: 100%;
	color: var(--oh-body);
}

	/* notes - css added */
	.template17 #riskContainer h2 span {
		font-size: 38px;
		display: block;
	}

.template17 #riskContainer .icon {
	float: left;
	clear: left;
	width: 10.4%; /* notes - updated width */
	margin-left: 4%;
}

	.template17 #riskContainer .icon img {
		width: 100%;
	}

.template17 #riskContainer.low h2 span {
	color: var(--oh-alert-green);
}

.template17 #riskContainer.average h2 span {
	color: var(--oh-primary-dark);
}

.template17 #riskContainer.high h2 span {
	color: var(--oh-alert-red);
}

.template17 .saveRemember {
	background: #fff;
}

.template17 .save {
	background: var(--oh-white); /* notes - updated bg */
	font-size: 18px;
	padding: 12px 0;
}

	.template17 .save span {
		float: right;
		clear: both;
		display: inline-block;
		margin-bottom: 4px;
		margin-right: 4%;
	}

	.template17 .save ul {
		clear: both;
		float: right;
		margin-right: 4%;
	}

		/* notes - updated */
		.template17 .save ul li {
			float: left;
			margin-left: 25px;
		}

			.template17 .save ul li:first-child {
				margin-left: 0;
			}

			.template17 .save ul li a {
				text-decoration: none;
				font-size: 14px;
			}

				.template17 .save ul li a:hover {
					text-decoration: underline;
				}

				/* notes - Updated */
				.template17 .save ul li a img {
					/* background: url('/Content/images/spritesheet.png') no-repeat; */
					vertical-align: middle;
					margin-left: 10px;
					margin-top: -2px;
					width: 25px;
				}

					/* notes - Updated */
					.template17 .save ul li a img.saveIcon {
						background: url(/Content/Images/mycanceriq-save.svg) no-repeat;
					}

					/* notes - Updated */
					.template17 .save ul li a img.printIcon {
						background: url(/Content/Images/mycanceriq-print.svg) no-repeat;
					}

					/* notes - Updated */
					.template17 .save ul li a img.emailIcon {
						background: url(/Content/Images/mycanceriq-email.svg) no-repeat center;
					}

.template17 .leftIcon {
	float: left;
	clear: left;
	width: 10.4%; /* notes - updated width */
	margin-left: 4%;
}

	.template17 .leftIcon img {
		width: 100%;
	}

.template17 .rightCopy {
	width: 78%; /* notes - updated width */
	float: right;
	margin-right: 4%;
}

	.template17 .rightCopy h3 {
		font-size: 22px;
	}

.template17 .remember .innerContent {
	padding: 26px 0 16px 0;
}

.template17 #factors h3 {
	font-size: 26px;
}

.template17 #factors .innerContent {
	padding: 46px 0;
}

	.template17 #factors .innerContent:first-child {
		background: url('/Content/images/divider-horizontal.png') repeat-x bottom;
	}

.template17 #factors .innerContentNoBckg {
	background: none !important;
}

.template17 #exitSurvey {
	background: var(--oh-white); /* notes - updated bg */
}

	.template17 #exitSurvey h3 {
		font-size: 26px;
	}

	.template17 #exitSurvey .innerContent {
		padding: 46px 0;
	}

		.template17 #exitSurvey .innerContent p {
			font-size: 15px;
			line-height: 19px;
			margin-top: 10px;
		}

.template17 #actionPlan {
	background: #fff;
	padding: 30px 0;
}

	/* notes - added margin-bottom */
	.template17 #actionPlan h2 {
		text-align: center;
		font-size: 44px;
		margin-bottom: 30px;
	}

.template17 .accordionBlock {
	border-left: 0;
}

	.template17 .accordionBlock.first {
		margin-top: 30px;
	}

	.template17 .accordionBlock .accordionContent {
		background: transparent;
	}

		.template17 .accordionBlock .accordionContent .accordionInnerContent {
			margin-left: 10px;
			background: transparent;
		}

			.template17 .accordionBlock .accordionContent .accordionInnerContent a {
				font-weight: bold;
			}

			.template17 .accordionBlock .accordionContent .accordionInnerContent .left {
				float: left;
				width: 67%;
			}

				.template17 .accordionBlock .accordionContent .accordionInnerContent .left h4 {
					font-size: 21px;
					line-height: 24px;
					margin-bottom: 8px;
				}

			.template17 .accordionBlock .accordionContent .accordionInnerContent .right {
				padding-left: 25px;
				float: right;
				width: 28%;
				border-left: 2px solid #f2f3f6;
			}

			.template17 .accordionBlock .accordionContent .accordionInnerContent .divider {
				background: transparent url('/Content/images/divider-horizontal.png') repeat-x bottom;
				height: 2px;
				padding-top: 20px;
				margin-bottom: 25px;
			}

/* notes - comment out */
.template17 .accordionToggle {
	/* border-left: 12px solid #185c8d;
	background: #f2f3f6; */
	padding-left: 17px;
}

.template17 .whatsNext {
	background: #fff;
}

	.template17 .whatsNext h2 {
		padding-bottom: 25px;
		padding-top: 40px;
		font-size: 44px;
		margin: 0;
		width: auto;
	}

	.template17 .whatsNext ol {
		margin-bottom: 30px;
	}

	/* notes - comment out */
	/* .template17 .whatsNext .leftIcon {
	margin-left: 0;
} */

	/* notes - comment out */
	/* .template17 .whatsNext .rightCopy {
	width: 78%;
} */

	.template17 .whatsNext .disclaimer {
		font-size: 13px;
		font-style: italic;
		margin-top: 10px;
	}

.template17 .spotlights {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: center;
}

	.template17 .spotlights .spotlight {
		color: var(--oh-body);
		width: 33.2%;
		float: left;
		padding-top: 30px;
		padding-bottom: 50px;
	}

		.template17 .spotlights .spotlight .textContainer {
			background: url('/Content/images/dash-vertical.png') repeat-y left;
			margin-left: 25px;
			padding-left: 25px;
			height: 170px; /*change to fit longest text height*/
		}

.footerButton {
	margin-left: 25px;
	padding-left: 25px;
}

.template17 .spotlights .spotlight a:hover {
	text-decoration: underline;
}

/* notes - added height */
.template17 .spotlights .spotlight img {
	margin-bottom: 10px;
	margin-left: 50px;
	height: 70px;
}

.template17 .spotlights .spotlight h3 {
	font-size: 22px;
	margin-bottom: 10px;
}

.template17 .spotlights .spotlight:first-child .textContainer {
	background: transparent;
}

/* notes - updated bg and border */
.template17 .spotlights .spotlight .nextCTA {
	line-height: 40px;
	text-align: left;
	text-decoration: none;
	font-size: 17px;
	font-family: 'cabinbold';
	background: var(--oh-body);
	color: #fff;
	/* border: 2px solid #fff; */
	display: inline-block;
	width: 140px;
	height: 40px;
	padding: 10px 40px 10px 15px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	position: relative;
}

	.template17 .spotlights .spotlight .nextCTA:after {
		display: block;
		content: "";
		background: url(/Content/Images/mycanceriq-arrow-white.svg) no-repeat;
		width: 10px;
		height: 12px;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translate(0, -50%);
	}

.linkWrapper {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.template22.two-column .interior-header .top-header {
	padding: 37px 0 32px 24px;
}

.template22.two-column .interior-header .bottom-header {
	padding: 14px 0 14px 24px;
}

.one-column.simple .header {
	padding-bottom: 9px;
}

.one-column.simple .top-header {
	padding: 37px 0 35px 24px;
}

	.one-column.simple .top-header h1 {
		width: 60%;
	}

	.one-column.simple .top-header .icon-header {
		height: 100%;
		width: auto;
		overflow: hidden;
		margin-right: 5%;
	}

		.one-column.simple .top-header .icon-header img {
			margin-top: -70px;
		}

.categoryArea {
	text-align: right;
	margin-bottom:40px;
}

	.categoryArea label {
		font-weight: bold;
		margin-right: 4px;
	}

	.categoryArea select {
		width: 33%;
		color: var(--oh-body);
	}

.category h2 {
	font-size: 25px;
	margin-bottom: 20px;
	padding-top: 20px;
	width: 100%;
	background: url(/Content/images/divider-horizontal.png) top center repeat-x;
}

/* notes - added padding */
.risk-factors .whitebg {
	background: #fff;
	padding-bottom: 20px;
}

/* notes - added bg, changed padding, and added border-left */
.risk-factors .margin-right-column {
	margin-left: 204px;
	padding: 20px;
	width: 706px;
	background: var(--oh-neutral-lightest);
	border-left: solid 7px var(--oh-primary);
}

	.risk-factors .margin-right-column a:hover {
		text-decoration: none;
	}

	/* notes - added width + height */
	.risk-factors .margin-right-column img {
		float: left;
		margin: 0 20px 0 0;
		width: 67px;
		height: 67px;
	}

	/* notes - changed color and added padding-top */
	.risk-factors .margin-right-column h4 {
		padding-top: 16px;
		font-family: 'cabinbold';
		font-size: 25px;
		color: var(--oh-body);
		line-height: 26px;
		padding-bottom: 5px;
		padding-top: 5px;
	}

	.risk-factors .margin-right-column p {
		width: 90%;
	}

.risk-factors .content-body a:hover {
	text-decoration: none;
}

/* notes - changed bg */
.risk-factors .content-body .left-col {
	float: left;
	width: 15%;
	text-align: center;
}

	/* notes - added width + height */
	.risk-factors .content-body .left-col img {
		margin-top: 34px;
		width: 70px;
		height: 70px;
	}

/* notes - changed bg */
.risk-factors .content-body .right-col {
	float: right;
	width: 85%;
}

	.risk-factors .content-body .right-col h3 {
		margin-top: 30px;
		color: #185c8d;
		margin-bottom: 10px;
		font-size: 20px;
	}

.risk-factors .content-body .last {
	background: none !important;
}

.risk-factors .content-body .copy-section {
	padding: 20px 0 20px 0;
	background: url(/Content/images/divider-horizontal.png) bottom center repeat-x;
}

	.risk-factors .content-body .copy-section a:hover {
		text-decoration: none;
	}

	/* notes - changed bg and added list-style */
	.risk-factors .content-body .copy-section ul {
		/* background: none!important; */
		list-style: disc;
		margin: 20px;
		padding-left: 14px;
	}

		.risk-factors .content-body .copy-section ul li {
			/* padding-left: 20px;
	background: url('/Content/images/list-item.png') 0 1px no-repeat;
	font-size: 14px;
	color: #333;
	margin-left: 20px;
	padding-bottom: 0; */

			font-size: 14px;
			background: none;
			margin-top: 20px;
			margin-bottom: 20px;
			padding: 0;
		}

	/* notes - comment out */
	.risk-factors .content-body .copy-section h3 {
		/* color: #185c8d; */
		margin-bottom: 10px;
		font-size: 20px;
		margin-top: 0;
	}

		.risk-factors .content-body .copy-section h3.question {
			font-size: 16px !important;
			margin-bottom: 5px !important;
		}

	.risk-factors .content-body .copy-section h4 {
		color: var(--oh-primary-dark);
		margin-bottom: 10px;
		font-size: 18px;
		padding-top: 3px;
	}

	.risk-factors .content-body .copy-section li h4 {
		color: var(--oh-primary-dark);
		margin-bottom: 10px;
		font-size: 18px;
		padding-top: 0px;
	}

	.risk-factors .content-body .copy-section .h4-float {
		float: left;
		width: 85%;
	}

	.risk-factors .content-body .copy-section img {
		margin: 0 20px 0 20px;
		float: left;
	}

	/* notes - added width + height */
	.risk-factors .content-body .copy-section .icon-info {
		margin: 0 10px 20px 1px;
		float: left;
		width: 24px;
		height: 24px;
	}

	.risk-factors .content-body .copy-section .no-marg-top {
		margin-top: 0 !important;
	}

	.risk-factors .content-body .copy-section .add-pad-bottom {
		padding-bottom: 20px;
	}

.risk-factors .content-body h2 {
	width: 100% !important;
}

.risk-factors .content-body .img-right {
	float: right;
	margin: 0 0 10px 20px;
}

.risk-factors .content-body ul {
	background: 0;
}

	.risk-factors .content-body ul .last {
		background: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.risk-factors .content-body ul li {
		margin-top: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

		/* notes - updated width and height */
		.risk-factors .content-body ul li img {
			margin-right: 60px;
			float: left;
			width: 70px;
			height: 70px;
		}

		.risk-factors .content-body ul li .copy-info {
			margin-top: 0;
			width: 80%;
			font-size: 14px;
			color: #333;
		}

			.risk-factors .content-body ul li .copy-info h4 {
				font-size: 20px;
			}

			/* notes - added list-style */
			.risk-factors .content-body ul li .copy-info ul {
				/* margin: 0 0 0 60px; */
				background: 0;
				list-style: disc;
				margin: 20px;
				padding-left: 14px;
			}

				/* notes - comment out */
				/* .risk-factors .content-body ul li .copy-info ul.no-intro
{
	margin: 0;
} */

				/* notes - updated */
				.risk-factors .content-body ul li .copy-info ul li {
					/* background: 0;
	margin-bottom: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background: url('/Content/images/list-item.png') 0 1px no-repeat; */

					background: none;
					padding-bottom: 0;
				}


			.risk-factors .content-body ul li .copy-info h6 {
				color: #820844;
				font-weight: bold;
				display: inline-block;
			}

.risk-factors .buttons {
	padding: 20px 0 20px 0;
}

	.risk-factors .buttons .left {
		margin-top: 0;
	}

.risk-factors .left {
	float: left;
	margin-top: -30px;
}

.risk-factors .right {
	float: left;
	width: 706px;
}

.risk-factors .secondary-nav {
	margin-top: 40px;
}

	.risk-factors .secondary-nav .styled-select {
		display: none;
	}

.providers .secondary-nav {
	width: 80%;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}

	/* notes - changed bg, color, border */
	.providers .secondary-nav .styled-select {
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		margin-top: 40px;
		display: block;
		width: 100%;
		background: var(--oh-neutral-lightest);
		background-position: right center;
		color: var(--oh-body);
		border: 1px solid var(--oh-body);
		font-size: 15px;
		overflow: hidden;
		position: relative;
	}

		/* notes - changed bg */
		.providers .secondary-nav .styled-select div {
			background: var(--oh-body) url('/Content/images/arrow_down.png') no-repeat center center;
			width: 40px;
			overflow: hidden;
			position: absolute;
			top: 0;
			right: 0;
			pointer-events: none;
			height: 100%;
		}

		/* notes - changed color + bg  */
		.providers .secondary-nav .styled-select select {
			color: var(--oh-body);
			border: 0;
			width: 110%;
			padding: 10px 15px;
			/* background: transparent; */
			-webkit-appearance: none;
			font-size: 15px;
		}

			.providers .secondary-nav .styled-select select option {
				color: #000;
				background-color: #FFF;
			}


.risk-factors .secondary-nav .defaultSelect {
	margin-top: 40px;
	text-align: center;
	display: none;
}

.risk-factors .secondary-nav ul li {
	float: left;
	margin-right: 6px;
}

	.risk-factors .secondary-nav ul li a {
		font-family: 'cabinbold';
		background: #e3eaf4;
		padding: 0 15px;
		font-size: 12px;
		/*max-width: 154px;*/
		height: 56px;
		text-align: center;
		line-height: 14px;
		display: table;
	}

		.risk-factors .secondary-nav ul li a span {
			display: table-cell;
			vertical-align: middle;
		}

		.risk-factors .secondary-nav ul li a:hover {
			text-decoration: none;
		}

/* notes - comment out */
/* .risk-factors .secondary-nav ul li .active {
	text-decoration: none;
	background: #a91860;
	color: #fff;
} */

.risk-factors .secondary-nav ul .last {
	margin-right: 0;
}

.ie .risk-factors .secondary-nav ul li a,
.ff .risk-factors .secondary-nav ul li a,
.mozilla .risk-factors .secondary-nav ul li a {
	max-width: 124px;
}

.clear {
	clear: both;
}

* {
	-webkit-text-size-adjust: 100%;
}

button,
input[type=submit] {
	cursor: pointer;
}

	button:hover,
	input[type=submit]:hover {
		text-decoration: underline;
	}

strong {
	font-weight: bold;
}

i {
	font-style: italic;
}

body {
	background: var(--ministry-dark); /* notes - bg updated */
	font-size: 12px;
	font-family: Arial;
	color: var(--oh-body); /* notes - color updated */
}

p {
	line-height: 18px;
	margin-bottom: 14px;
}

h1 {
	font-family: 'cabinbold';
	color: var(--oh-primary-dark); /* notes - color updated */
	font-size: 45px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

h2 {
	font-family: 'cabinbold';
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
}

.textOffscreen {
	margin-left: -9999px;
	font-size: 1px;
	letter-spacing: -9999px;
	position: absolute;
}

.skipLink {
	background: #fff;
	position: absolute;
	display: inline-block;
}

	.skipLink span {
		padding: 10px;
		display: none;
	}

	.skipLink:active span,
	.skipLink:focus span {
		display: inline-block;
	}

.return {
	display: block;
	float: right;
	color: #254780;
	font-size: 15px;
	font-weight: bold;
	margin-top: -15px;
	margin-bottom: 25px;
}

.surveyFrame {
	width: 100%;
	height: 3100px;
}

.submit {
	text-decoration: none;
	font-size: 17px;
	font-family: 'cabinbold';
	background: url(/Content/images/icon-quiz-arrow.png) no-repeat 110px center #185c8d;
	color: #fff;
	border: 2px solid #fff;
	display: inline-block;
	padding: 8px 70px 8px 15px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.arrowDown {
	background: url(/Content/images/mycanceriq-arrow-black.svg) no-repeat; /* notes - image updated */
	/* background-position: -248px 0; */ /* notes - commented it out */
	/* width: 12px; */ /* notes - commented it out */
	height: 12px;
	transform: rotate(90deg) /* notes -  added */
}

.arrowRight {
	background: url(/Content/images/mycanceriq-arrow-black.svg) no-repeat; /* notes - image updated */
	/* background-position: -261px 0; */
	/* width: 9px; */ /* notes - commented it out */
	height: 12px;
}

.arrowLeft {
	background: url('/Content/images/spritesheet.png') no-repeat;
	background-position: -272px -13px;
	width: 9px;
	height: 12px;
}

#siteWrapper {
	min-width: 1026px;
}

#mainContent {
	background: var(--oh-white); /* notes - bg updated */
	padding-top: 30px;
	outline: 0;
}

.innerContent {
	width: 874px;
	margin: 0 auto;
}

a {
	color: var(--oh-primary-dark); /* notes - color updated */
}

.referencesList a {
	word-wrap: break-word;
}

label,
fieldset,
.field-row,
input {
	color: var(--oh-body); /* notes - color updated */
	font-size: 14px;
	line-height: 18px;
}

/* notes - css added */
@media screen and (max-width: 1026px) {
	.assessment .assessmentBlock label {
		line-height: 25px;
	}
}

.checkbox .name {
	padding-top: 5px;
}

.margin-right-column a:hover {
	text-decoration: none;
}

.newWindow {
	width: 15px;
	height: 12px;
}

	.newWindow.white {
		background: url('/Content/images/spritesheet.png') no-repeat;
		background-position: 0 -53px;
	}

.content-body p {
	color: var(--oh-body); /* notes - color updated */
	font-size: 14px;
}

/* notes - changed color */
.content-body blockquote {
	font-family: 'cabinbold_italic', Helvetica, Arial, "sans serif";
	color: var(--oh-primary-body);
	font-size: 24px;
	float: right;
	width: 40%;
	padding: 0 0 0px 30px;
	line-height: 33px;
}

.content-body .div-left {
	width: 55%;
	float: left;
}

.content-body .img-right {
	float: right;
	margin-left: 30px;
}

/* notes - comment out list-style. changed padding and margin */
.content-body ul.arrows {
	background: transparent;
	margin-top: 8px;
	line-height: 18px;
	list-style: disc;
	padding-left: 14px;
	margin: 20px;
}

	.content-body ul.arrows li {
		/* background: url('/Content/images/list-item.png') no-repeat 0 2px; */
		background: none;
		/* padding-left: 14px; */ /* notes padding updated */
		font-size: 15px;
		margin-bottom: 8px;
		padding-bottom: 0;
		color: var(--oh-body) /* notes - color updated */
	}

.content-body ol {
	color: #333;
	font-size: 14px;
	list-style-type: decimal;
}

	.content-body ol li {
		margin-left: 20px;
	}

.content-body h2.small {
	font-size: 21px;
}

/* notes - comment out */
/* .kidney .interior-banner {
	background: #bd1c1d;
		
}

.kidney .interior-banner .banner-wrapper .bottom-text {
	background: #efcec1;
}

.kidney .interior-banner .banner-wrapper .bottom-text p {
	color: #500000;
}

.kidney .dynamicColor {
	color: #bd1c1d;
} 

.kidney .margin-left-column .disabled.start-now {
	color: #b89999; background-color: #efcec1;
}

.melanoma .interior-banner {
	background: #CF4900;
		
}
*/

/* notes - comment out */
/* .melanoma .interior-banner .banner-wrapper .bottom-text {
	background: #fff0cd; 
}

.melanoma .interior-banner .banner-wrapper .bottom-text p {
	color: #6e1c00; 
}

.melanoma .dynamicColor {
	color: #CF4900;
}

.melanoma .margin-left-column .disabled.start-now {
	color: #c5a499; background-color: #fff0cd; 
} */

/* notes - comment out */
/* .breast .interior-banner {
	background: #a91860;
}

.breast .interior-banner .banner-wrapper .bottom-text {
	background: #fce0fb;
}

.breast .interior-banner .banner-wrapper .bottom-text p {
	color: #a91860;
} */

.breast .exitSurveyFooter .submit {
	background: url(/Content/images/icon-quiz-arrow-breast.png) no-repeat 110px center #a91860;
}

.breast .exitSurveyFooter .cancel {
	color: #a91860;
}

/* notes - comment out */
/* .breast .dynamicColor {
	color: #a91860;
} */

.breast.one-column.simple .return-link {
	color: #a91860;
}

	.breast.one-column.simple .return-link a {
		color: #a91860;
	}

.breast.one-column.simple .return-assessment {
	background: #a91860;
}

.breast.one-column.simple .submit {
	background: url(/Content/images/icon-quiz-arrow-breast.png) no-repeat 110px center #a91860;
}

	.breast.one-column.simple .submit.disabled {
		background: 0;
		background-color: #fce0fb;
	}

/* notes - updated color and font-size */
.breast.template17 .accordionToggle .question {
	color: var(--oh-body);
	font-size: 21px;
}

/* notes - comment out */
/* 
.breast.template17 .save ul li a img.saveIcon {
	background-position: -60px -231px;
}

.breast.template17 .save ul li a img.printIcon {
	background-position: -32px -231px;
}

.breast.template17 .save ul li a img.emailIcon {
	background-position: -1px -231px;
} */

/* notes - comment out */
/* .breast.template17 .accordionBlock .accordionToggle {
	border-left: 12px solid #a91860;
} */

/* notes - comment out */
/* .breast.template17 .accordionBlock .accordionToggle .expandCollapse .collapse img {
	background-position: -86px -230px;
} */

/* notes - comment out */
/* .breast.template17 .accordionBlock .accordionToggle .expandCollapse .expand img {
	background-position: -114px -229px;
} */

/* notes - comment out */
/* .breast.template17 .accordionBlock .accordionContent {
	border-left: 12px solid #a91860;
} */

/* notes - comment out */
/* .breast.template17 .accordionBlock .accordionContent .accordionInnerContent a {
	color: #a91860;
} */

/* notes - comment out */
/* .breast.template17 .content-body ul.arrows li {
	background: url(/Content/images/list-item-breast.png) no-repeat 0 2px;
} */

.breast.exitSurveyConfirm .return-assessment {
	background: #a91860;
}

.breast .margin-right-column .start-now.disabled {
	background-color: #f1e1e9;
	background-image: url(/Content/images/icon-quiz-arrow-breast-disabled.png) 115px center;
	color: #cab3be;
}

.breast-assessment .return {
	color: #a91860;
}

.breast-assessment .assessmentNav ul {
	background: #cad5e0;
}

/* notes - comment out */
/* .breast-assessment .assessmentNav ul li .navContainer {
	color: #053436;
} */

/* notes - comment out */
/* .breast-assessment .assessmentNav .progress,
.breast-assessment .assessmentNav .defaultLine {
	background: #dec7d3;
} */

/* notes - comment out */
/* .breast-assessment .assessmentNav .progress {
	background: #a91860;
} */

/* notes - comment out */
/* .breast-assessment .accordionBlock label,
.breast-assessment .assessmentBlock label {
	color: #a91860;
} */

/* notes - comment out */
/* .breast-assessment .accordionBlock .accordionToggle,
.breast-assessment .assessmentBlock .accordionToggle {
	border-left: 12px solid #a91860;
	background: #fff url(/Content/images/qa-breast.png) no-repeat -38px center;
} */

/* notes - comment out */
/* .breast-assessment .accordionBlock .assessmentAnswers,
.breast-assessment .assessmentBlock .assessmentAnswers,
.breast-assessment .accordionBlock .accordionContent,
.breast-assessment .assessmentBlock .accordionContent {
	border-left: 12px solid #a91860;
	background: #be799a url('/Content/images/qa.png') no-repeat 7px center;
} */

/* notes - comment out */
/* .breast-assessment .accordionBlock .accordionToggle a,
.breast-assessment .assessmentBlock .accordionToggle a {
	color: #a91860;
} */

/* notes - comment out */
/* .breast-assessment .accordionBlock .definitionContainer .dropdownInfo.definition,
.breast-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition {
	background-color: #feebf4;
} */

.breast-assessment .accordionBlock .definitionContainer .dropdownInfo.definition span.title,
.breast-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition span.title {
	color: var(--oh-body); /* notes - color updated */
}

/* notes - comment out */
/* .breast-assessment .accordionBlock .definitionContainer .dropdownInfo.important,
.breast-assessment .assessmentBlock .definitionContainer .dropdownInfo.important {
	background-color: #e6dde1;
} */

/* notes - comment out */
/* .breast-assessment .accordionBlock .definitionContainer .dropdownInfo .closeDropdown,
.breast-assessment .assessmentBlock .definitionContainer .dropdownInfo .closeDropdown {
	color: #820844;
} */

/* notes - comment out */
/* .breast-assessment .accordionBlock .importantQuestion,
.breast-assessment .assessmentBlock .importantQuestion {
	color: #820844;
} */

/* notes - comment out */
/* .breast-assessment .accordionBlock .importantQuestion .contentContainer,
.breast-assessment .assessmentBlock .importantQuestion .contentContainer {
	background-color: #f2e1e9; 
	color: #820844
} */

/* notes - comment out */
/* .breast-assessment .accordionBlock .importantQuestion.expanded .contentContainer,
.breast-assessment .assessmentBlock .importantQuestion.expanded .contentContainer {
	background: #820844;
} */

/* notes - comment out */
/* .breast-assessment .accordionBlock .importantQuestion.expanded .arrowContainer,
.breast-assessment .assessmentBlock .importantQuestion.expanded .arrowContainer {
	background-image: url(/Content/images/assessment-important-selected-arrow-breast.png);
} */

.breast.risk-factors .buttons a {
	border: 2px solid #fff;
}

	/* notes - comment out */
	/* .breast.risk-factors .buttons a.previous,
.breast.risk-factors .buttons a.next {
	background-color: #a91860;
	color: #fff;
} */

	/* notes - comment out */
	/* .breast.risk-factors .buttons a.disabled {
	background-color: #f1e1e9;
	color: #cab3be;
} */

	.breast.risk-factors .buttons a.disabled:hover {
		text-decoration: none;
	}

/* notes - comment out */
/* .breast.risk-factors .content-body h2,
.breast.risk-factors .content-body h4,
.breast.risk-factors .content-body h6,
.breast.risk-factors .content-body .copy-info ul li h6 {
	color: #a91860;
} */

/* notes - comment out */
/* .breast.risk-factors .content-body .right-col h3 {
	color: #a91860;
} */

/* notes - comment out */
/* .breast.risk-factors .content-body .copy-section a,
.breast.risk-factors .content-body .copy-section h3,
.breast.risk-factors .content-body .copy-section h4 {
	color: #a91860;
} */

/* notes - comment out */
/* .breast.risk-factors .content-body .copy-section ul li {
	background: url('/Content/images/list-item-breast.png') 0 1px no-repeat;
} */

/* notes - comment out */
/* .breast.risk-factors .content-body .copy-info ul li {
	background: url('/Content/images/list-item-breast.png') 0 1px no-repeat;
} */

/* notes - comment out */
/* .breast.risk-factors .secondary-nav ul li .active {
	background: #a91860;
	color: #fff;
} */

/* notes - comment out */
/* .breast.risk-factors .secondary-nav ul li a {
	color: #820844;
	background: #fce0fb;
} */

/* notes - comment out */
/* .assessmentFooterNav a,
.assessmentButtonContainer a,
.buttons a,
.margin-right-column a,
.assessmentFooterNav .start-now,
.assessmentButtonContainer .start-now,
.buttons .start-now,
.margin-right-column .start-now {
	border: 2px solid #fff;
} */

.assessmentFooterNav a.previous,
.assessmentButtonContainer a.previous,
.buttons a.previous,
.margin-right-column a.previous,
.assessmentFooterNav .start-now.previous,
.assessmentButtonContainer .start-now.previous,
.buttons .start-now.previous,
.margin-right-column .start-now.previous,
.assessmentFooterNav a.next,
.assessmentButtonContainer a.next,
.buttons a.next,
.margin-right-column a.next,
.assessmentFooterNav .start-now.next,
.assessmentButtonContainer .start-now.next,
.buttons .start-now.next,
.margin-right-column .start-now.next {
	background-color: #a91860;
	color: #fff;
}

.assessmentFooterNav a.disabled,
.assessmentButtonContainer a.disabled,
.buttons a.disabled,
.margin-right-column a.disabled,
.assessmentFooterNav .start-now.disabled,
.assessmentButtonContainer .start-now.disabled,
.buttons .start-now.disabled,
.margin-right-column .start-now.disabled {
	background-color: #f1e1e9;
	color: #cab3be;
}

	/* notes - comment out */
	/* .assessmentFooterNav a.disabled img,
.assessmentButtonContainer a.disabled img,
.buttons a.disabled img,
.margin-right-column a.disabled img,
.assessmentFooterNav .start-now.disabled img,
.assessmentButtonContainer .start-now.disabled img,
.buttons .start-now.disabled img,
.margin-right-column .start-now.disabled img {
	background-position: -379px -66px;
} */

	/* notes - comment out */
	/* .assessmentFooterNav a.disabled.left img,
.assessmentButtonContainer a.disabled.left img,
.buttons a.disabled.left img,
.margin-right-column a.disabled.left img,
.assessmentFooterNav .start-now.disabled.left img,
.assessmentButtonContainer .start-now.disabled.left img,
.buttons .start-now.disabled.left img,
.margin-right-column .start-now.disabled.left img {
	background-position: -389px -66px;
} */

	.assessmentFooterNav a.disabled:hover,
	.assessmentButtonContainer a.disabled:hover,
	.buttons a.disabled:hover,
	.margin-right-column a.disabled:hover,
	.assessmentFooterNav .start-now.disabled:hover,
	.assessmentButtonContainer .start-now.disabled:hover,
	.buttons .start-now.disabled:hover,
	.margin-right-column .start-now.disabled:hover {
		text-decoration: none;
	}

/* notes - comment out */
/* .breast-assessment .assessmentFooterNav a,
.breast-assessment .assessmentButtonContainer a,
.breast-assessment .buttons a,
.breast-assessment .margin-right-column a,
.breast .assessmentFooterNav a,
.breast .assessmentButtonContainer a,
.breast .buttons a,
.breast .margin-right-column a,
.breast-assessment .assessmentFooterNav .start-now,
.breast-assessment .assessmentButtonContainer .start-now,
.breast-assessment .buttons .start-now,
.breast-assessment .margin-right-column .start-now,
.breast .assessmentFooterNav .start-now,
.breast .assessmentButtonContainer .start-now,
.breast .buttons .start-now,
.breast .margin-right-column .start-now {
	border: 2px solid #fff;
} */

/* notes - comment out */
/* .breast-assessment .assessmentFooterNav a.previous,
.breast-assessment .assessmentButtonContainer a.previous,
.breast-assessment .buttons a.previous,
.breast-assessment .margin-right-column a.previous,
.breast .assessmentFooterNav a.previous,
.breast .assessmentButtonContainer a.previous,
.breast .buttons a.previous,
.breast .margin-right-column a.previous,
.breast-assessment .assessmentFooterNav .start-now.previous,
.breast-assessment .assessmentButtonContainer .start-now.previous,
.breast-assessment .buttons .start-now.previous,
.breast-assessment .margin-right-column .start-now.previous,
.breast .assessmentFooterNav .start-now.previous,
.breast .assessmentButtonContainer .start-now.previous,
.breast .buttons .start-now.previous,
.breast .margin-right-column .start-now.previous,
.breast-assessment .assessmentFooterNav a.next,
.breast-assessment .assessmentButtonContainer a.next,
.breast-assessment .buttons a.next,
.breast-assessment .margin-right-column a.next,
.breast .assessmentFooterNav a.next,
.breast .assessmentButtonContainer a.next,
.breast .buttons a.next,
.breast .margin-right-column a.next,
.breast-assessment .assessmentFooterNav .start-now.next,
.breast-assessment .assessmentButtonContainer .start-now.next,
.breast-assessment .buttons .start-now.next,
.breast-assessment .margin-right-column .start-now.next,
.breast .assessmentFooterNav .start-now.next,
.breast .assessmentButtonContainer .start-now.next,
.breast .buttons .start-now.next,
.breast .margin-right-column .start-now.next {
	background-color: #a91860;
	color: #fff;
} */

/* notes - comment out */
/* .breast-assessment .assessmentFooterNav a.disabled,
.breast-assessment .assessmentButtonContainer a.disabled,
.breast-assessment .buttons a.disabled,
.breast-assessment .margin-right-column a.disabled,
.breast .assessmentFooterNav a.disabled,
.breast .assessmentButtonContainer a.disabled,
.breast .buttons a.disabled,
.breast .margin-right-column a.disabled,
.breast-assessment .assessmentFooterNav .start-now.disabled,
.breast-assessment .assessmentButtonContainer .start-now.disabled,
.breast-assessment .buttons .start-now.disabled,
.breast-assessment .margin-right-column .start-now.disabled,
.breast .assessmentFooterNav .start-now.disabled,
.breast .assessmentButtonContainer .start-now.disabled,
.breast .buttons .start-now.disabled,
.breast .margin-right-column .start-now.disabled {
	background-color: #f1e1e9;
	color: #cab3be;
} */

/* notes - comment out */
/* .breast-assessment .assessmentFooterNav a.disabled img,
.breast-assessment .assessmentButtonContainer a.disabled img,
.breast-assessment .buttons a.disabled img,
.breast-assessment .margin-right-column a.disabled img,
.breast .assessmentFooterNav a.disabled img,
.breast .assessmentButtonContainer a.disabled img,
.breast .buttons a.disabled img,
.breast .margin-right-column a.disabled img,
.breast-assessment .assessmentFooterNav .start-now.disabled img,
.breast-assessment .assessmentButtonContainer .start-now.disabled img,
.breast-assessment .buttons .start-now.disabled img,
.breast-assessment .margin-right-column .start-now.disabled img,
.breast .assessmentFooterNav .start-now.disabled img,
.breast .assessmentButtonContainer .start-now.disabled img,
.breast .buttons .start-now.disabled img,
.breast .margin-right-column .start-now.disabled img {
	background-position: -379px -66px;
} */

/* notes - comment out */
/* .breast-assessment .assessmentFooterNav a.disabled.left img,
.breast-assessment .assessmentButtonContainer a.disabled.left img,
.breast-assessment .buttons a.disabled.left img,
.breast-assessment .margin-right-column a.disabled.left img,
.breast .assessmentFooterNav a.disabled.left img,
.breast .assessmentButtonContainer a.disabled.left img,
.breast .buttons a.disabled.left img,
.breast .margin-right-column a.disabled.left img,
.breast-assessment .assessmentFooterNav .start-now.disabled.left img,
.breast-assessment .assessmentButtonContainer .start-now.disabled.left img,
.breast-assessment .buttons .start-now.disabled.left img,
.breast-assessment .margin-right-column .start-now.disabled.left img,
.breast .assessmentFooterNav .start-now.disabled.left img,
.breast .assessmentButtonContainer .start-now.disabled.left img,
.breast .buttons .start-now.disabled.left img,
.breast .margin-right-column .start-now.disabled.left img {
	background-position: -389px -66px;
} */

.breast-assessment .assessmentFooterNav a.disabled:hover,
.breast-assessment .assessmentButtonContainer a.disabled:hover,
.breast-assessment .buttons a.disabled:hover,
.breast-assessment .margin-right-column a.disabled:hover,
.breast .assessmentFooterNav a.disabled:hover,
.breast .assessmentButtonContainer a.disabled:hover,
.breast .buttons a.disabled:hover,
.breast .margin-right-column a.disabled:hover,
.breast-assessment .assessmentFooterNav .start-now.disabled:hover,
.breast-assessment .assessmentButtonContainer .start-now.disabled:hover,
.breast-assessment .buttons .start-now.disabled:hover,
.breast-assessment .margin-right-column .start-now.disabled:hover,
.breast .assessmentFooterNav .start-now.disabled:hover,
.breast .assessmentButtonContainer .start-now.disabled:hover,
.breast .buttons .start-now.disabled:hover,
.breast .margin-right-column .start-now.disabled:hover {
	text-decoration: none;
}

/* notes - comment out */
/* .colorectal .interior-banner {
	background: #254780;
}

.colorectal .dynamicColor {
	color: #1d316c;
}

.colorectal .altColor {
    color: #185c8d;
} */

/* notes - comment out */
/* .colorectal.template17 .accordionToggle {
	border-left: 12px solid #1d316c;
} */

/* notes - comment out */
/* .colorectal.template17 .accordionToggle .question {
	color: #1d316c;
	font-size: 24px;
} */

.colorectal.exitSurveyConfirm .return-assessment {
	background: #254780;
}

.colorectal .margin-right-column .start-now.disabled {
	background-color: #e3eaf4;
	background-image: url(/Content/images/icon-quiz-arrow-disabled.png);
	color: #b4bdcb;
}

.colorectal-assessment .return {
	color: var(--oh-primary-dark);
}

.colorectal-assessment .assessmentNav ul {
	background: #cad5e0;
}

/* notes - comment out */
/* .colorectal-assessment .assessmentNav ul li .navContainer {
	color: #053436;
} */

/* notes - comment out */
/* .colorectal-assessment .assessmentNav .progress,
.colorectal-assessment .assessmentNav .defaultLine {
	background: #cad5e0;
} */

/* notes - comment out */
/* .colorectal-assessment .assessmentNav .progress {
	background: #254780;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock label,
.colorectal-assessment .assessmentBlock label {
	color: #254780;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .accordionToggle,
.colorectal-assessment .assessmentBlock .accordionToggle {
	border-left: 12px solid #254780;
	background: #fff url(/Content/images/qa.png) no-repeat -38px center;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .assessmentAnswers,
.colorectal-assessment .assessmentBlock .assessmentAnswers,
.colorectal-assessment .accordionBlock .accordionContent,
.colorectal-assessment .assessmentBlock .accordionContent {
	border-left: 12px solid #254780;
	background: #8796a6 url('/Content/images/qa.png') no-repeat 7px center;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .accordionToggle a,
.colorectal-assessment .assessmentBlock .accordionToggle a {
	color: #254780;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .definitionContainer .dropdownInfo.definition,
.colorectal-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition {
	background-color: #edf4ff;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .definitionContainer .dropdownInfo.definition span.title,
.colorectal-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition span.title {
	color: #1d316c;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .definitionContainer .dropdownInfo.important,
.colorectal-assessment .assessmentBlock .definitionContainer .dropdownInfo.important {
	background-color: #e3eaf4;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .definitionContainer .dropdownInfo .closeDropdown,
.colorectal-assessment .assessmentBlock .definitionContainer .dropdownInfo .closeDropdown {
	color: #697786;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .importantQuestion,
.colorectal-assessment .assessmentBlock .importantQuestion {
	color: #185c8d;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .importantQuestion .contentContainer,
.colorectal-assessment .assessmentBlock .importantQuestion .contentContainer {
	background-color: #e3eaf4;
	color: #185c8d;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .importantQuestion.expanded .contentContainer,
.colorectal-assessment .assessmentBlock .importantQuestion.expanded .contentContainer {
	background: #697786;
} */

/* notes - comment out */
/* .colorectal-assessment .accordionBlock .importantQuestion.expanded .arrowContainer,
.colorectal-assessment .assessmentBlock .importantQuestion.expanded .arrowContainer {
	background-image: url(/Content/images/assessment-important-selected-arrow.png);
} */

.colorectal.risk-factors .content-body .copy-section h4 {
	padding-right: 4px;
}

/* notes - comment out */
/* .assessmentFooterNav a,
.assessmentButtonContainer a,
.buttons a,
.margin-right-column a,
.assessmentFooterNav .start-now,
.assessmentButtonContainer .start-now,
.buttons .start-now,
.margin-right-column .start-now {
	border: 2px solid #fff;
} */

.assessmentFooterNav a.previous,
.assessmentButtonContainer a.previous,
.buttons a.previous,
.margin-right-column a.previous,
.assessmentFooterNav .start-now.previous,
.assessmentButtonContainer .start-now.previous,
.buttons .start-now.previous,
.margin-right-column .start-now.previous,
.assessmentFooterNav a.next,
.assessmentButtonContainer a.next,
.buttons a.next,
.margin-right-column a.next,
.assessmentFooterNav .start-now.next,
.assessmentButtonContainer .start-now.next,
.buttons .start-now.next,
.margin-right-column .start-now.next {
	background-color: #185c8d;
	color: #fff;
}

.assessmentFooterNav a.disabled,
.assessmentButtonContainer a.disabled,
.buttons a.disabled,
.margin-right-column a.disabled,
.assessmentFooterNav .start-now.disabled,
.assessmentButtonContainer .start-now.disabled,
.buttons .start-now.disabled,
.margin-right-column .start-now.disabled {
	background-color: #e3eaf4;
	color: #b4bdcb;
}

	.assessmentFooterNav a.disabled:hover,
	.assessmentButtonContainer a.disabled:hover,
	.buttons a.disabled:hover,
	.margin-right-column a.disabled:hover,
	.assessmentFooterNav .start-now.disabled:hover,
	.assessmentButtonContainer .start-now.disabled:hover,
	.buttons .start-now.disabled:hover,
	.margin-right-column .start-now.disabled:hover {
		text-decoration: none;
	}

/* .colorectal-assessment .assessmentFooterNav a,
.colorectal-assessment .assessmentButtonContainer a,
.colorectal-assessment .buttons a,
.colorectal-assessment .margin-right-column a,
.colorectal .assessmentFooterNav a,
.colorectal .assessmentButtonContainer a,
.colorectal .buttons a,
.colorectal .margin-right-column a,
.colorectal-assessment .assessmentFooterNav .start-now,
.colorectal-assessment .assessmentButtonContainer .start-now,
.colorectal-assessment .buttons .start-now,
.colorectal-assessment .margin-right-column .start-now,
.colorectal .assessmentFooterNav .start-now,
.colorectal .assessmentButtonContainer .start-now,
.colorectal .buttons .start-now,
.colorectal .margin-right-column .start-now {
	border: 2px solid #fff;
} */

/* notes - comment out */
/* .colorectal-assessment .assessmentFooterNav a.previous,
.colorectal-assessment .assessmentButtonContainer a.previous,
.colorectal-assessment .buttons a.previous,
.colorectal-assessment .margin-right-column a.previous,
.colorectal .assessmentFooterNav a.previous,
.colorectal .assessmentButtonContainer a.previous,
.colorectal .buttons a.previous,
.colorectal .margin-right-column a.previous,
.colorectal-assessment .assessmentFooterNav .start-now.previous,
.colorectal-assessment .assessmentButtonContainer .start-now.previous,
.colorectal-assessment .buttons .start-now.previous,
.colorectal-assessment .margin-right-column .start-now.previous,
.colorectal .assessmentFooterNav .start-now.previous,
.colorectal .assessmentButtonContainer .start-now.previous,
.colorectal .buttons .start-now.previous,
.colorectal .margin-right-column .start-now.previous,
.colorectal-assessment .assessmentFooterNav a.next,
.colorectal-assessment .assessmentButtonContainer a.next,
.colorectal-assessment .buttons a.next,
.colorectal-assessment .margin-right-column a.next,
.colorectal .assessmentFooterNav a.next,
.colorectal .assessmentButtonContainer a.next,
.colorectal .buttons a.next,
.colorectal .margin-right-column a.next,
.colorectal-assessment .assessmentFooterNav .start-now.next,
.colorectal-assessment .assessmentButtonContainer .start-now.next,
.colorectal-assessment .buttons .start-now.next,
.colorectal-assessment .margin-right-column .start-now.next,
.colorectal .assessmentFooterNav .start-now.next,
.colorectal .assessmentButtonContainer .start-now.next,
.colorectal .buttons .start-now.next,
.colorectal .margin-right-column .start-now.next {
	background-color: #185c8d;
	color: #fff;
} */

/* notes - comment out */
/* .colorectal-assessment .assessmentFooterNav a.disabled,
.colorectal-assessment .assessmentButtonContainer a.disabled,
.colorectal-assessment .buttons a.disabled,
.colorectal-assessment .margin-right-column a.disabled,
.colorectal .assessmentFooterNav a.disabled,
.colorectal .assessmentButtonContainer a.disabled,
.colorectal .buttons a.disabled,
.colorectal .margin-right-column a.disabled,
.colorectal-assessment .assessmentFooterNav .start-now.disabled,
.colorectal-assessment .assessmentButtonContainer .start-now.disabled,
.colorectal-assessment .buttons .start-now.disabled,
.colorectal-assessment .margin-right-column .start-now.disabled,
.colorectal .assessmentFooterNav .start-now.disabled,
.colorectal .assessmentButtonContainer .start-now.disabled,
.colorectal .buttons .start-now.disabled,
.colorectal .margin-right-column .start-now.disabled {
	background-color: #e3eaf4;
	color: #b4bdcb;
} */

/* notes - comment out */
/* .colorectal-assessment .assessmentFooterNav a.disabled img,
.colorectal-assessment .assessmentButtonContainer a.disabled img,
.colorectal-assessment .buttons a.disabled img,
.colorectal-assessment .margin-right-column a.disabled img,
.colorectal .assessmentFooterNav a.disabled img,
.colorectal .assessmentButtonContainer a.disabled img,
.colorectal .buttons a.disabled img,
.colorectal .margin-right-column a.disabled img,
.colorectal-assessment .assessmentFooterNav .start-now.disabled img,
.colorectal-assessment .assessmentButtonContainer .start-now.disabled img,
.colorectal-assessment .buttons .start-now.disabled img,
.colorectal-assessment .margin-right-column .start-now.disabled img,
.colorectal .assessmentFooterNav .start-now.disabled img,
.colorectal .assessmentButtonContainer .start-now.disabled img,
.colorectal .buttons .start-now.disabled img,
.colorectal .margin-right-column .start-now.disabled img {
	background-position: -271px -27px;
} */

/* notes - comment out */
/* .colorectal-assessment .assessmentFooterNav a.disabled.left img,
.colorectal-assessment .assessmentButtonContainer a.disabled.left img,
.colorectal-assessment .buttons a.disabled.left img,
.colorectal-assessment .margin-right-column a.disabled.left img,
.colorectal .assessmentFooterNav a.disabled.left img,
.colorectal .assessmentButtonContainer a.disabled.left img,
.colorectal .buttons a.disabled.left img,
.colorectal .margin-right-column a.disabled.left img,
.colorectal-assessment .assessmentFooterNav .start-now.disabled.left img,
.colorectal-assessment .assessmentButtonContainer .start-now.disabled.left img,
.colorectal-assessment .buttons .start-now.disabled.left img,
.colorectal-assessment .margin-right-column .start-now.disabled.left img,
.colorectal .assessmentFooterNav .start-now.disabled.left img,
.colorectal .assessmentButtonContainer .start-now.disabled.left img,
.colorectal .buttons .start-now.disabled.left img,
.colorectal .margin-right-column .start-now.disabled.left img {
	background-position: -271px -27px;
} */

/* notes - comment out */
/* .colorectal-assessment .assessmentFooterNav a.disabled.right img,
.colorectal-assessment .assessmentButtonContainer a.disabled.right img,
.colorectal-assessment .buttons a.disabled.right img,
.colorectal-assessment .margin-right-column a.disabled.right img,
.colorectal .assessmentFooterNav a.disabled.right img,
.colorectal .assessmentButtonContainer a.disabled.right img,
.colorectal .buttons a.disabled.right img,
.colorectal .margin-right-column a.disabled.right img,
.colorectal-assessment .assessmentFooterNav .start-now.disabled.right img,
.colorectal-assessment .assessmentButtonContainer .start-now.disabled.right img,
.colorectal-assessment .buttons .start-now.disabled.right img,
.colorectal-assessment .margin-right-column .start-now.disabled.right img,
.colorectal .assessmentFooterNav .start-now.disabled.right img,
.colorectal .assessmentButtonContainer .start-now.disabled.right img,
.colorectal .buttons .start-now.disabled.right img,
.colorectal .margin-right-column .start-now.disabled.right img {
	background-position: -261px -27px;
} */

.colorectal-assessment .assessmentFooterNav a.disabled:hover,
.colorectal-assessment .assessmentButtonContainer a.disabled:hover,
.colorectal-assessment .buttons a.disabled:hover,
.colorectal-assessment .margin-right-column a.disabled:hover,
.colorectal .assessmentFooterNav a.disabled:hover,
.colorectal .assessmentButtonContainer a.disabled:hover,
.colorectal .buttons a.disabled:hover,
.colorectal .margin-right-column a.disabled:hover,
.colorectal-assessment .assessmentFooterNav .start-now.disabled:hover,
.colorectal-assessment .assessmentButtonContainer .start-now.disabled:hover,
.colorectal-assessment .buttons .start-now.disabled:hover,
.colorectal-assessment .margin-right-column .start-now.disabled:hover,
.colorectal .assessmentFooterNav .start-now.disabled:hover,
.colorectal .assessmentButtonContainer .start-now.disabled:hover,
.colorectal .buttons .start-now.disabled:hover,
.colorectal .margin-right-column .start-now.disabled:hover {
	text-decoration: none;
}

.risk-factors .buttons a {
	border: 2px solid #fff;
}

	/* notes - changed bg */
	.risk-factors .buttons a.previous,
	.risk-factors .buttons a.next {
		background-color: var(--oh-nav-buttons);
		color: #fff;
	}

	/* notes - removed bg and color. added opacity. */
	.risk-factors .buttons a.disabled {
		opacity: var(--oh-opacity40);
	}

		.risk-factors .buttons a.disabled:hover {
			text-decoration: none;
		}

/* notes - changed color */
.risk-factors .content-body h2,
.risk-factors .content-body h3,
.risk-factors .content-body h4,
.risk-factors .content-body h6,
.risk-factors .content-body .copy-info ul li h6 {
	color: var(--oh-primary-dark);
}

/* notes - changed color */
.risk-factors .content-body .right-col h3 {
	color: var(--oh-primary-dark);
}

/* notes - changed color */
.risk-factors .content-body .copy-section a,
.risk-factors .content-body .copy-section h3,
.risk-factors .content-body .copy-section h4 {
	color: var(--oh-primary-dark);
}

	.risk-factors .content-body .copy-section a.accordionToggle {
		background: var(--oh-primary-lightest) !important;
		color: var(--oh-body);
	}

		.risk-factors .content-body .copy-section a.accordionToggle h3 {
			color: var(--oh-body);
		}

/* notes - comment out */
/* .risk-factors .content-body .copy-section ul li {
	background: url('/Content/images/list-item-colorectal.png') 0 1px no-repeat;
} */

/* notes - comment out */
/* .risk-factors .content-body .copy-info ul li {
	background: url('/Content/images/list-item-colorectal.png') 0 1px no-repeat;
} */

/* notes - changed bg and colour. added text-decoration to match existing style */
.risk-factors .secondary-nav ul li .active {
	background: var(--oh-primary-dark);
	color: var(--oh-white);
	text-decoration: none;
}

/* notes - changed bg and colour */
.risk-factors .secondary-nav ul li a {
	background: var(--oh-primary-light);
	color: var(--oh-body);
}

/* notes - comment out */
/* .lung .interior-banner {
	background: #474f59;
}

.lung .interior-banner .banner-wrapper .bottom-text {
	background: #e6e7ea;
}

.lung .interior-banner .banner-wrapper .bottom-text p {
	color: #474f59;
} */

.lung .exitSurveyFooter .submit {
	background: url(/Content/images/icon-quiz-arrow-lung.png) no-repeat 110px center #474f59;
}

.lung .exitSurveyFooter .cancel {
	color: #474f59;
}

.lung .dynamicColor {
	color: var(--oh-primary-dark);
}

.lung.one-column.simple .return-link {
	color: #474f59;
}

	.lung.one-column.simple .return-link a {
		color: #474f59;
	}

.lung.one-column.simple .return-assessment {
	background: #474f59;
}

.lung.one-column.simple .submit {
	background: url(/Content/images/icon-quiz-arrow-cervical.png) no-repeat 110px center #474f59;
}

	.lung.one-column.simple .submit.disabled {
		background: 0;
		background-color: #e6e7ea;
	}

/* notes - comment out */
/* .lung.template17 .accordionToggle {
	border-left: 12px solid #474f59;
}

.lung.template17 .accordionToggle .question {
	color: #474f59;
	font-size: 24px;
} */

/* notes - comment out */
/* .lung.template17 .save ul li a img.saveIcon {
	background-position: -60px -267px;
}

.lung.template17 .save ul li a img.printIcon {
	background-position: -32px -267px;
}

.lung.template17 .save ul li a img.emailIcon {
	background-position: -1px -267px;
} */

/* notes - comment out */
/* .lung.template17 .accordionBlock .accordionToggle .expandCollapse .collapse img {
	background-position: -86px -265px;
}

.lung.template17 .accordionBlock .accordionToggle .expandCollapse .expand img {
	background-position: -114px -264px;
}

.lung.template17 .accordionBlock .accordionContent .accordionInnerContent a {
	color: #185c8d;
}

.lung.template17 .content-body ul.arrows li {
	background: url(/Content/images/list-item-lung.png) no-repeat 0 2px;
}

.lung.exitSurveyConfirm .return-assessment {
	background: #474f59;
}

.lung .margin-right-column .start-now.disabled {
	background-color: #e8e9ea;
	background-image: url(http://cco/images/icon-quiz-arrow-lungColor-disabled.png) 115px center;
	color: #bbb;
}

.lung-assessment .return {
	color: #474f59;
}

.lung-assessment .assessmentNav ul {
	background: #cad5e0;
}

.lung-assessment .assessmentNav ul li .navContainer {
	color: #053436;
}

.lung-assessment .assessmentNav .progress,
.lung-assessment .assessmentNav .defaultLine {
	background: #cad5e0;
}

.lung-assessment .assessmentNav .progress {
	background: #474f59;
}

.lung-assessment .assessmentBlock label {
	color: #474f59;
}

.lung-assessment .assessmentBlock .accordionToggle {
	border-left: 12px solid #474f59;
	background: #fff url(/Content/images/qa-lung.png) no-repeat -38px center;
}

.lung-assessment .assessmentBlock .assessmentAnswers {
	border-left: 12px solid #474f59;
	background: #9098a0 url('/Content/images/qa.png') no-repeat 7px center;
}

.lung-assessment .assessmentBlock .accordionToggle a {
	color: #185c8d;
}

.lung-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition {
	background-color: #ebebeb;
}

.lung-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition span.title {
	color: #0c3e35;
}

.lung-assessment .assessmentBlock .definitionContainer .dropdownInfo.important {
	background-color: #dfe1e4;
}

.lung-assessment .assessmentBlock .definitionContainer .dropdownInfo .closeDropdown {
	color: #0c3e35;
}

.lung-assessment .assessmentBlock .importantQuestion {
	color: #185c8d;
}

.lung-assessment .assessmentBlock .importantQuestion .contentContainer {
	background-color: #e3e4e4;
	color: #185c8d;
}

.lung-assessment .assessmentBlock .importantQuestion.expanded .contentContainer {
	background: #474f59;
}

.lung-assessment .assessmentBlock .importantQuestion.expanded .arrowContainer {
	background-image: url(/Content/images/assessment-important-selected-arrow-lung.png);
} */

/* notes - comment out */
/* .assessmentFooterNav a,
.assessmentButtonContainer a,
.buttons a,
.margin-right-column a,
.assessmentFooterNav .start-now,
.assessmentButtonContainer .start-now,
.buttons .start-now,
.margin-right-column .start-now {
	border: 2px solid #fff;
} */

.assessmentFooterNav a.previous,
.assessmentButtonContainer a.previous,
.buttons a.previous,
.margin-right-column a.previous,
.assessmentFooterNav .start-now.previous,
.assessmentButtonContainer .start-now.previous,
.buttons .start-now.previous,
.margin-right-column .start-now.previous,
.assessmentFooterNav a.next,
.assessmentButtonContainer a.next,
.buttons a.next,
.margin-right-column a.next,
.assessmentFooterNav .start-now.next,
.assessmentButtonContainer .start-now.next,
.buttons .start-now.next,
.margin-right-column .start-now.next {
	background-color: #474f59;
	color: #fff;
}

.assessmentFooterNav a.disabled,
.assessmentButtonContainer a.disabled,
.buttons a.disabled,
.margin-right-column a.disabled,
.assessmentFooterNav .start-now.disabled,
.assessmentButtonContainer .start-now.disabled,
.buttons .start-now.disabled,
.margin-right-column .start-now.disabled {
	background-color: #e8e9ea;
	color: #bbb;
}

	.assessmentFooterNav a.disabled:hover,
	.assessmentButtonContainer a.disabled:hover,
	.buttons a.disabled:hover,
	.margin-right-column a.disabled:hover,
	.assessmentFooterNav .start-now.disabled:hover,
	.assessmentButtonContainer .start-now.disabled:hover,
	.buttons .start-now.disabled:hover,
	.margin-right-column .start-now.disabled:hover {
		text-decoration: none;
	}

/* notes - comment out */
/* .lung-assessment .assessmentFooterNav a,
.lung-assessment .assessmentButtonContainer a,
.lung-assessment .buttons a,
.lung-assessment .margin-right-column a,
.lung .assessmentFooterNav a,
.lung .assessmentButtonContainer a,
.lung .buttons a,
.lung .margin-right-column a,
.lung-assessment .assessmentFooterNav .start-now,
.lung-assessment .assessmentButtonContainer .start-now,
.lung-assessment .buttons .start-now,
.lung-assessment .margin-right-column .start-now,
.lung .assessmentFooterNav .start-now,
.lung .assessmentButtonContainer .start-now,
.lung .buttons .start-now,
.lung .margin-right-column .start-now {
	border: 2px solid #fff;
} */

/* notes - comment out */
/* .lung-assessment .assessmentFooterNav a.previous,
.lung-assessment .assessmentButtonContainer a.previous,
.lung-assessment .buttons a.previous,
.lung-assessment .margin-right-column a.previous,
.lung .assessmentFooterNav a.previous,
.lung .assessmentButtonContainer a.previous,
.lung .buttons a.previous,
.lung .margin-right-column a.previous,
.lung-assessment .assessmentFooterNav .start-now.previous,
.lung-assessment .assessmentButtonContainer .start-now.previous,
.lung-assessment .buttons .start-now.previous,
.lung-assessment .margin-right-column .start-now.previous,
.lung .assessmentFooterNav .start-now.previous,
.lung .assessmentButtonContainer .start-now.previous,
.lung .buttons .start-now.previous,
.lung .margin-right-column .start-now.previous,
.lung-assessment .assessmentFooterNav a.next,
.lung-assessment .assessmentButtonContainer a.next,
.lung-assessment .buttons a.next,
.lung-assessment .margin-right-column a.next,
.lung .assessmentFooterNav a.next,
.lung .assessmentButtonContainer a.next,
.lung .buttons a.next,
.lung .margin-right-column a.next,
.lung-assessment .assessmentFooterNav .start-now.next,
.lung-assessment .assessmentButtonContainer .start-now.next,
.lung-assessment .buttons .start-now.next,
.lung-assessment .margin-right-column .start-now.next,
.lung .assessmentFooterNav .start-now.next,
.lung .assessmentButtonContainer .start-now.next,
.lung .buttons .start-now.next,
.lung .margin-right-column .start-now.next {
	background-color: #474f59;
	color: #fff;
} */

/* notes - comment out */
/* .lung-assessment .assessmentFooterNav a.disabled,
.lung-assessment .assessmentButtonContainer a.disabled,
.lung-assessment .buttons a.disabled,
.lung-assessment .margin-right-column a.disabled,
.lung .assessmentFooterNav a.disabled,
.lung .assessmentButtonContainer a.disabled,
.lung .buttons a.disabled,
.lung .margin-right-column a.disabled,
.lung-assessment .assessmentFooterNav .start-now.disabled,
.lung-assessment .assessmentButtonContainer .start-now.disabled,
.lung-assessment .buttons .start-now.disabled,
.lung-assessment .margin-right-column .start-now.disabled,
.lung .assessmentFooterNav .start-now.disabled,
.lung .assessmentButtonContainer .start-now.disabled,
.lung .buttons .start-now.disabled,
.lung .margin-right-column .start-now.disabled {
	background-color: #e8e9ea;
	color: #bbb;
} */

/* notes - comment out */
/* .lung-assessment .assessmentFooterNav a.disabled img,
.lung-assessment .assessmentButtonContainer a.disabled img,
.lung-assessment .buttons a.disabled img,
.lung-assessment .margin-right-column a.disabled img,
.lung .assessmentFooterNav a.disabled img,
.lung .assessmentButtonContainer a.disabled img,
.lung .buttons a.disabled img,
.lung .margin-right-column a.disabled img,
.lung-assessment .assessmentFooterNav .start-now.disabled img,
.lung-assessment .assessmentButtonContainer .start-now.disabled img,
.lung-assessment .buttons .start-now.disabled img,
.lung-assessment .margin-right-column .start-now.disabled img,
.lung .assessmentFooterNav .start-now.disabled img,
.lung .assessmentButtonContainer .start-now.disabled img,
.lung .buttons .start-now.disabled img,
.lung .margin-right-column .start-now.disabled img {
	background-position: -379px -79px;
} */

/* notes - comment out */
/* .lung-assessment .assessmentFooterNav a.disabled.left img,
.lung-assessment .assessmentButtonContainer a.disabled.left img,
.lung-assessment .buttons a.disabled.left img,
.lung-assessment .margin-right-column a.disabled.left img,
.lung .assessmentFooterNav a.disabled.left img,
.lung .assessmentButtonContainer a.disabled.left img,
.lung .buttons a.disabled.left img,
.lung .margin-right-column a.disabled.left img,
.lung-assessment .assessmentFooterNav .start-now.disabled.left img,
.lung-assessment .assessmentButtonContainer .start-now.disabled.left img,
.lung-assessment .buttons .start-now.disabled.left img,
.lung-assessment .margin-right-column .start-now.disabled.left img,
.lung .assessmentFooterNav .start-now.disabled.left img,
.lung .assessmentButtonContainer .start-now.disabled.left img,
.lung .buttons .start-now.disabled.left img,
.lung .margin-right-column .start-now.disabled.left img {
	background-position: -389px -80px;
} */

.lung-assessment .assessmentFooterNav a.disabled:hover,
.lung-assessment .assessmentButtonContainer a.disabled:hover,
.lung-assessment .buttons a.disabled:hover,
.lung-assessment .margin-right-column a.disabled:hover,
.lung .assessmentFooterNav a.disabled:hover,
.lung .assessmentButtonContainer a.disabled:hover,
.lung .buttons a.disabled:hover,
.lung .margin-right-column a.disabled:hover,
.lung-assessment .assessmentFooterNav .start-now.disabled:hover,
.lung-assessment .assessmentButtonContainer .start-now.disabled:hover,
.lung-assessment .buttons .start-now.disabled:hover,
.lung-assessment .margin-right-column .start-now.disabled:hover,
.lung .assessmentFooterNav .start-now.disabled:hover,
.lung .assessmentButtonContainer .start-now.disabled:hover,
.lung .buttons .start-now.disabled:hover,
.lung .margin-right-column .start-now.disabled:hover {
	text-decoration: none;
}

/* notes - comment out */
/* .lung.risk-factors .buttons a {
	border: 2px solid #fff;
} */

/* notes - comment out */
/* .lung.risk-factors .buttons a.previous,
.lung.risk-factors .buttons a.next {
	background-color: #474f59;
	color: #fff;
} */

/* notes - comment out */
/* .lung.risk-factors .buttons a.disabled {
	background-color: #e8e9ea;
	color: #bbb;
} */

.lung.risk-factors .buttons a.disabled:hover {
	text-decoration: none;
}

/* notes - comment out */
/* .lung.risk-factors .content-body h2,
.lung.risk-factors .content-body h4,
.lung.risk-factors .content-body h6,
.lung.risk-factors .content-body .copy-info ul li h6 {
	color: #474f59;
} */

/* .lung.risk-factors .content-body .right-col h3 {
	color: #474f59;
} */

/* notes - comment out */
/* .lung.risk-factors .content-body .copy-section a {
	color: #185c8d;
} */

/* notes - comment out */
/* .lung.risk-factors .content-body .copy-section h3,
.lung.risk-factors .content-body .copy-section h4 {
	color: #474f59;
} */

/* notes - comment out */
/* .lung.risk-factors .content-body .copy-section ul li {
	background: url('/Content/images/list-item-lung.png') 0 1px no-repeat;
} */

/* notes - comment out */
/* .lung.risk-factors .content-body .copy-info ul li {
	background: url('/Content/images/list-item-lung.png') 0 1px no-repeat;
} */

/* notes - comment out */
/* .lung.risk-factors .secondary-nav ul li .active {
	background: #474f59;
	color: #fff;
} */

/* notes - comment out */
/* .lung.risk-factors .secondary-nav ul li a {
	color: #474f59;
	background: #e6e7ea;
} */

.margin-right-column {
	background: 0;
}

/* notes - comment out */
/* .cervical .interior-banner {
	background: #1a6b5d;
}

.cervical .interior-banner .banner-wrapper .bottom-text {
	background: #ddfaf5;
}

.cervical .interior-banner .banner-wrapper .bottom-text p {
	color: #1a6b5d;
} */

.cervical .exitSurveyFooter .submit {
	background: url(/Content/images/icon-quiz-arrow-cervical.png) no-repeat 110px center #1a6b5d;
}

.cervical .exitSurveyFooter .cancel {
	color: #1a6b5d;
}

/* notes - comment out */
/* .cervical .dynamicColor {
	color: #1a6b5d;
} */

.cervical.one-column.simple .return-link {
	color: #1a6b5d;
}

	.cervical.one-column.simple .return-link a {
		color: #1a6b5d;
	}

.cervical.one-column.simple .return-assessment {
	background: #1a6b5d;
}

.cervical.one-column.simple .submit {
	background: url(/Content/images/icon-quiz-arrow-cervical.png) no-repeat 110px center #1a6b5d;
}

	.cervical.one-column.simple .submit.disabled {
		background: 0;
		background-color: #ddfaf5;
	}

/* notes - comment out */
/* .cervical.template17 .accordionToggle {
	border-left: 12px solid #1a6b5d;
} */

/* notes - comment out */
/* .cervical.template17 .accordionToggle .question {
	color: #1a6b5d;
	font-size: 24px;
} */

/* notes - comment out */
/* .cervical.template17 .save ul li a img.saveIcon {
	background-position: -60px -194px;
}

.cervical.template17 .save ul li a img.printIcon {
	background-position: -32px -194px;
}

.cervical.template17 .save ul li a img.emailIcon {
	background-position: -1px -194px;
} */

/* notes - comment out */
/* .cervical.template17 .accordionBlock .accordionToggle .expandCollapse .collapse img {
	background-position: -86px -195px;
} */

/* notes - comment out */
/* .cervical.template17 .accordionBlock .accordionToggle .expandCollapse .expand img {
	background-position: -114px -194px;
} */

.cervical.template17 .accordionBlock .accordionContent .accordionInnerContent a {
	color: #1a6b5d;
}

/* notes - comment out */
/* .cervical.template17 .content-body ul.arrows li {
	background: url(/Content/images/list-item-cervical.png) no-repeat 0 2px;
} */

.cervical.exitSurveyConfirm .return-assessment {
	background: #1a6b5d;
}

.cervical .margin-right-column .start-now.disabled {
	background-color: #e2f3f0;
	background-image: url(/Content/images/icon-quiz-arrow-cervical-disabled.png) 115px center;
	color: #b2c8c4;
}

.cervical-assessment .return {
	color: var(--oh-primary-dark);
}

.cervical-assessment .assessmentNav ul {
	background: #cad5e0;
}

/* notes - comment out */
/* .cervical-assessment .assessmentNav ul li .navContainer {
	color: #053436;
} */

/* notes - comment out */
/* .cervical-assessment .assessmentNav .progress,
.cervical-assessment .assessmentNav .defaultLine {
	background: #cad5e0;
} */

/* notes - comment out */
/* .cervical-assessment .assessmentNav .progress {
	background: #1a6b5d;
} */

/* notes - comment out */
/* .cervical-assessment .accordionBlock label,
.cervical-assessment .assessmentBlock label {
	color: #1a6b5d;
} */

/* notes - comment out */
/* .cervical-assessment .accordionBlock .accordionToggle,
.cervical-assessment .assessmentBlock .accordionToggle {
	border-left: 12px solid #1a6b5d;
	background: #fff url(/Content/images/qa-cervical.png) no-repeat -38px center;
} */

/* notes - comment out */
/* .cervical-assessment .accordionBlock .assessmentAnswers,
.cervical-assessment .assessmentBlock .assessmentAnswers,
.cervical-assessment .accordionBlock .accordionContent,
.cervical-assessment .assessmentBlock .accordionContent {
	border-left: 12px solid #1a6b5d;
	background: #84a49f url('/Content/images/qa.png') no-repeat 7px center;
} */

/* notes - comment out */
/* .cervical-assessment .accordionBlock .accordionToggle a,
.cervical-assessment .assessmentBlock .accordionToggle a {
	color: #1a6b5d;
} */

/* notes - comment out */
/* .cervical-assessment .accordionBlock .definitionContainer .dropdownInfo.definition,
.cervical-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition {
	background-color: #eafdfa;
} */

.cervical-assessment .accordionBlock .definitionContainer .dropdownInfo.definition span.title,
.cervical-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition span.title {
	color: #0c3e35;
}

/* notes - comment out */
/* .cervical-assessment .accordionBlock .definitionContainer .dropdownInfo.important,
.cervical-assessment .assessmentBlock .definitionContainer .dropdownInfo.important {
	background-color: #dfe8e6;
} */

/* notes - comment out */
/* .cervical-assessment .accordionBlock .definitionContainer .dropdownInfo .closeDropdown,
.cervical-assessment .assessmentBlock .definitionContainer .dropdownInfo .closeDropdown {
	color: #0c3e35;
} */

/* notes - comment out */
/* .cervical-assessment .accordionBlock .importantQuestion,
.cervical-assessment .assessmentBlock .importantQuestion {
	color: #0c3e35;
} */

/* notes - comment out */
/* .cervical-assessment .accordionBlock .importantQuestion .contentContainer,
.cervical-assessment .assessmentBlock .importantQuestion .contentContainer {
	background-color: #dfe8e6;
	color: #0c3e35;
} */

/* notes - comment out */
/* .cervical-assessment .accordionBlock .importantQuestion.expanded .contentContainer,
.cervical-assessment .assessmentBlock .importantQuestion.expanded .contentContainer {
	background: #0c3e35;
} */

/* notes - comment out */
/* .cervical-assessment .accordionBlock .importantQuestion.expanded .arrowContainer,
.cervical-assessment .assessmentBlock .importantQuestion.expanded .arrowContainer {
	background-image: url(/Content/images/assessment-important-selected-arrow-cervical.png);
} */

/* notes - comment out */
/* .kidney.template17 .accordionToggle .question {
	color: #bd1c1d;
	font-size: 24px;
} */

/* notes - comment out */
/* .kidney.template17 .save ul li a img.saveIcon {
	background-position: -200px -231px;
}

.kidney.template17 .save ul li a img.printIcon {
	background-position: -172px -231px;
}

.kidney.template17 .save ul li a img.emailIcon {
	background-position: -141px -231px;
} */

/* notes - comment out */
/* .kidney.template17 .accordionBlock .accordionToggle {
	border-left: 12px solid #bd1c1d;
}

.kidney.template17 .accordionBlock .accordionToggle .expandCollapse .collapse img {
	background-position: -226px -230px;
}

.kidney.template17 .accordionBlock .accordionToggle .expandCollapse .expand img {
	background-position: -254px -229px;
}

.kidney.template17 .accordionBlock .accordionContent {
	border-left: 12px solid #bd1c1d;
}

.kidney.template17 .accordionBlock .accordionContent .accordionInnerContent a {
	color: #bd1c1d;
}

.kidney.template17 .content-body ul.arrows li {
	background: url(/Content/images/list-item-kidney.png) no-repeat 0 2px;
} */

/* notes - comment out */
/*.melanoma.template17 .accordionToggle .question {
	color: #cf4900;
	font-size: 24px;
}

 .melanoma.template17 .save ul li a img.saveIcon {
	background-position: -200px -195px;
}

.melanoma.template17 .save ul li a img.printIcon {
	background-position: -172px -195px;
}

.melanoma.template17 .save ul li a img.emailIcon {
	background-position: -141px -195px;
} */

/* notes - comment out */
/* .melanoma.template17 .accordionBlock .accordionToggle {
	border-left: 12px solid #cf4900;
}

.melanoma.template17 .accordionBlock .accordionToggle .expandCollapse .collapse img {
	background-position: -226px -194px;
}

.melanoma.template17 .accordionBlock .accordionToggle .expandCollapse .expand img {
	background-position: -254px -193px;
}

.melanoma.template17 .accordionBlock .accordionContent {
	border-left: 12px solid #cf4900;
}

.melanoma.template17 .accordionBlock .accordionContent .accordionInnerContent a {
	color: #cf4900;
}

.melanoma.template17 .content-body ul.arrows li {
	background: url(/Content/images/list-item-melanoma.png) no-repeat 0 2px;
} */

/* notes - comment out */
/* .assessmentFooterNav a,
.assessmentButtonContainer a,
.buttons a,
.margin-right-column a,
.assessmentFooterNav .start-now,
.assessmentButtonContainer .start-now,
.buttons .start-now,
.margin-right-column .start-now {
	border: 2px solid #fff;
} */

.assessmentFooterNav a.previous,
.assessmentButtonContainer a.previous,
.buttons a.previous,
.margin-right-column a.previous,
.assessmentFooterNav .start-now.previous,
.assessmentButtonContainer .start-now.previous,
.buttons .start-now.previous,
.margin-right-column .start-now.previous,
.assessmentFooterNav a.next,
.assessmentButtonContainer a.next,
.buttons a.next,
.margin-right-column a.next,
.assessmentFooterNav .start-now.next,
.assessmentButtonContainer .start-now.next,
.buttons .start-now.next,
.margin-right-column .start-now.next {
	background-color: var(--oh-body); /* notes - bg updated */
	color: var(--oh-white); /* notes - color updated */
	border: solid 1px var(--oh-neutral);
}

.assessmentFooterNav a.disabled,
.assessmentButtonContainer a.disabled,
.buttons a.disabled,
.margin-right-column a.disabled,
.assessmentFooterNav .start-now.disabled,
.assessmentButtonContainer .start-now.disabled,
.buttons .start-now.disabled,
.margin-right-column .start-now.disabled {
	opacity: var(--oh-opacity50);
	/* notes - color updated */
	/* background-color: #e1f2ef;
	color: #b3cac6; */
}

	/* notes - comment out */
	/* .assessmentFooterNav a.disabled img,
.assessmentButtonContainer a.disabled img,
.buttons a.disabled img,
.margin-right-column a.disabled img,
.assessmentFooterNav .start-now.disabled img,
.assessmentButtonContainer .start-now.disabled img,
.buttons .start-now.disabled img,
.margin-right-column .start-now.disabled img {
	background-position: -379px -53px;
} */

	/* notes - comment out */
	/* .assessmentFooterNav a.disabled.left img,
.assessmentButtonContainer a.disabled.left img,
.buttons a.disabled.left img,
.margin-right-column a.disabled.left img,
.assessmentFooterNav .start-now.disabled.left img,
.assessmentButtonContainer .start-now.disabled.left img,
.buttons .start-now.disabled.left img,
.margin-right-column .start-now.disabled.left img {
	background-position: -389px -53px;
} */

	.assessmentFooterNav a.disabled:hover,
	.assessmentButtonContainer a.disabled:hover,
	.buttons a.disabled:hover,
	.margin-right-column a.disabled:hover,
	.assessmentFooterNav .start-now.disabled:hover,
	.assessmentButtonContainer .start-now.disabled:hover,
	.buttons .start-now.disabled:hover,
	.margin-right-column .start-now.disabled:hover {
		text-decoration: none;
	}

/* notes - comment out */
/* .cervical-assessment .assessmentFooterNav a,
.cervical-assessment .assessmentButtonContainer a,
.cervical-assessment .buttons a,
.cervical-assessment .margin-right-column a,
.cervical .assessmentFooterNav a,
.cervical .assessmentButtonContainer a,
.cervical .buttons a,
.cervical .margin-right-column a,
.cervical-assessment .assessmentFooterNav .start-now,
.cervical-assessment .assessmentButtonContainer .start-now,
.cervical-assessment .buttons .start-now,
.cervical-assessment .margin-right-column .start-now,
.cervical .assessmentFooterNav .start-now,
.cervical .assessmentButtonContainer .start-now,
.cervical .buttons .start-now,
.cervical .margin-right-column .start-now {
	border: 2px solid #fff;
} */

/* notes - comment out */
/* .cervical-assessment .assessmentFooterNav a.previous,
.cervical-assessment .assessmentButtonContainer a.previous,
.cervical-assessment .buttons a.previous,
.cervical-assessment .margin-right-column a.previous,
.cervical .assessmentFooterNav a.previous,
.cervical .assessmentButtonContainer a.previous,
.cervical .buttons a.previous,
.cervical .margin-right-column a.previous,
.cervical-assessment .assessmentFooterNav .start-now.previous,
.cervical-assessment .assessmentButtonContainer .start-now.previous,
.cervical-assessment .buttons .start-now.previous,
.cervical-assessment .margin-right-column .start-now.previous,
.cervical .assessmentFooterNav .start-now.previous,
.cervical .assessmentButtonContainer .start-now.previous,
.cervical .buttons .start-now.previous,
.cervical .margin-right-column .start-now.previous,
.cervical-assessment .assessmentFooterNav a.next,
.cervical-assessment .assessmentButtonContainer a.next,
.cervical-assessment .buttons a.next,
.cervical-assessment .margin-right-column a.next,
.cervical .assessmentFooterNav a.next,
.cervical .assessmentButtonContainer a.next,
.cervical .buttons a.next,
.cervical .margin-right-column a.next,
.cervical-assessment .assessmentFooterNav .start-now.next,
.cervical-assessment .assessmentButtonContainer .start-now.next,
.cervical-assessment .buttons .start-now.next,
.cervical-assessment .margin-right-column .start-now.next,
.cervical .assessmentFooterNav .start-now.next,
.cervical .assessmentButtonContainer .start-now.next,
.cervical .buttons .start-now.next,
.cervical .margin-right-column .start-now.next {
	background-color: #1a6b5d;
	color: #fff;
} */

/* notes - comment out */
/* .cervical-assessment .assessmentFooterNav a.disabled,
.cervical-assessment .assessmentButtonContainer a.disabled,
.cervical-assessment .buttons a.disabled,
.cervical-assessment .margin-right-column a.disabled,
.cervical .assessmentFooterNav a.disabled,
.cervical .assessmentButtonContainer a.disabled,
.cervical .buttons a.disabled,
.cervical .margin-right-column a.disabled,
.cervical-assessment .assessmentFooterNav .start-now.disabled,
.cervical-assessment .assessmentButtonContainer .start-now.disabled,
.cervical-assessment .buttons .start-now.disabled,
.cervical-assessment .margin-right-column .start-now.disabled,
.cervical .assessmentFooterNav .start-now.disabled,
.cervical .assessmentButtonContainer .start-now.disabled,
.cervical .buttons .start-now.disabled,
.cervical .margin-right-column .start-now.disabled {
	background-color: #e1f2ef;
	color: #b3cac6;
} */

/* notes - comment out */
/* .cervical-assessment .assessmentFooterNav a.disabled img,
.cervical-assessment .assessmentButtonContainer a.disabled img,
.cervical-assessment .buttons a.disabled img,
.cervical-assessment .margin-right-column a.disabled img,
.cervical .assessmentFooterNav a.disabled img,
.cervical .assessmentButtonContainer a.disabled img,
.cervical .buttons a.disabled img,
.cervical .margin-right-column a.disabled img,
.cervical-assessment .assessmentFooterNav .start-now.disabled img,
.cervical-assessment .assessmentButtonContainer .start-now.disabled img,
.cervical-assessment .buttons .start-now.disabled img,
.cervical-assessment .margin-right-column .start-now.disabled img,
.cervical .assessmentFooterNav .start-now.disabled img,
.cervical .assessmentButtonContainer .start-now.disabled img,
.cervical .buttons .start-now.disabled img,
.cervical .margin-right-column .start-now.disabled img {
	background-position: -379px -53px;
} */


/* .cervical-assessment .assessmentFooterNav a.disabled.left img,
.cervical-assessment .assessmentButtonContainer a.disabled.left img,
.cervical-assessment .buttons a.disabled.left img,
.cervical-assessment .margin-right-column a.disabled.left img,
.cervical .assessmentFooterNav a.disabled.left img,
.cervical .assessmentButtonContainer a.disabled.left img,
.cervical .buttons a.disabled.left img,
.cervical .margin-right-column a.disabled.left img,
.cervical-assessment .assessmentFooterNav .start-now.disabled.left img,
.cervical-assessment .assessmentButtonContainer .start-now.disabled.left img,
.cervical-assessment .buttons .start-now.disabled.left img,
.cervical-assessment .margin-right-column .start-now.disabled.left img,
.cervical .assessmentFooterNav .start-now.disabled.left img,
.cervical .assessmentButtonContainer .start-now.disabled.left img,
.cervical .buttons .start-now.disabled.left img,
.cervical .margin-right-column .start-now.disabled.left img {
	background-position: -389px -53px;
} */

.cervical-assessment .assessmentFooterNav a.disabled:hover,
.cervical-assessment .assessmentButtonContainer a.disabled:hover,
.cervical-assessment .buttons a.disabled:hover,
.cervical-assessment .margin-right-column a.disabled:hover,
.cervical .assessmentFooterNav a.disabled:hover,
.cervical .assessmentButtonContainer a.disabled:hover,
.cervical .buttons a.disabled:hover,
.cervical .margin-right-column a.disabled:hover,
.cervical-assessment .assessmentFooterNav .start-now.disabled:hover,
.cervical-assessment .assessmentButtonContainer .start-now.disabled:hover,
.cervical-assessment .buttons .start-now.disabled:hover,
.cervical-assessment .margin-right-column .start-now.disabled:hover,
.cervical .assessmentFooterNav .start-now.disabled:hover,
.cervical .assessmentButtonContainer .start-now.disabled:hover,
.cervical .buttons .start-now.disabled:hover,
.cervical .margin-right-column .start-now.disabled:hover {
	text-decoration: none;
}

/* notes - comment out */
/* .cervical.risk-factors .buttons a {
	border: 2px solid #fff;
} */

/* notes - comment out */
/* .cervical.risk-factors .buttons a.previous,
.cervical.risk-factors .buttons a.next {
	background-color: #1a6b5d;
	color: #fff;
} */

/* notes - comment out */
/* .cervical.risk-factors .buttons a.disabled {
	background-color: #e1f2ef;
	color: #b3cac6;
} */

/* notes - comment out */
/* .cervical.risk-factors .buttons a.disabled:hover {
	text-decoration: none;
} */

/* notes - comment out */
/* .cervical.risk-factors .content-body h2,
.cervical.risk-factors .content-body h4,
.cervical.risk-factors .content-body h6,
.cervical.risk-factors .content-body .copy-info ul li h6 {
	color: #1a6b5d;
} */

/* notes - comment out */
/* .cervical.risk-factors .content-body .right-col h3 {
	color: #1a6b5d;
} */

/* notes - comment out */
/* .cervical.risk-factors .content-body .copy-section a,
.cervical.risk-factors .content-body .copy-section h3,
.cervical.risk-factors .content-body .copy-section h4 {
	color: #1a6b5d;
} */

/* notes - comment out */
/* .cervical.risk-factors .content-body .copy-section ul li {
	background: url('/Content/images/list-item-cervical.png') 0 1px no-repeat;
} */

/* notes - comment out */
/* .cervical.risk-factors .content-body .copy-info ul li {
	background: url('/Content/images/list-item-cervical.png') 0 1px no-repeat;
} */

/* notes - comment out */
/* .cervical.risk-factors .secondary-nav ul li .active {
	background: #1a6b5d;
	color: #fff;
} */

/* notes - comment out */
/* .cervical.risk-factors .secondary-nav ul li a {
	color: #0c3e35;
	background: #ddfaf5;
} */

/* notes - comment out */
/* .risk-factors.kidney .buttons a {
	border: 2px solid rgb(255, 255, 255); border-image: none;
} */

/* notes - comment out */
/* .risk-factors.kidney .buttons a.previous {
	color: rgb(255, 255, 255); background-color: #bd1c1d;
} */

/* notes - comment out */
/* .risk-factors.kidney .buttons a.next {
	color: rgb(255, 255, 255); background-color: #bd1c1d;
} */

/* notes - comment out */
/* .risk-factors.kidney .buttons a.disabled {
	color: #b89999; background-color: #efcec1;
} */

/* notes - comment out */
/* .risk-factors.kidney .buttons a.disabled:hover {
	text-decoration: none;
} */

/* notes - comment out */
/* .risk-factors.kidney .content-body h2 {
	color: #bd1c1d;
} */

/* notes - comment out */
/* .risk-factors.kidney .content-body h4 {
	color: #bd1c1d;
} */

/* notes - comment out */
/* .risk-factors.kidney .content-body h6 {
	color: #bd1c1d;
} */

/* notes - comment out */
/* .risk-factors.kidney .content-body .copy-info ul li h6 {
	color: #bd1c1d;
} */

/* notes - comment out */
/* .risk-factors.kidney .content-body .right-col h3 {
	color: #bd1c1d;
} */

/* notes - comment out */
/* .risk-factors.kidney .content-body .copy-section a {
	color: #bd1c1d;
} */

/* notes - comment out */
/* .risk-factors.kidney .content-body .copy-section h3 {
	color: #bd1c1d;
} */

/* notes - comment out */
/* .risk-factors.kidney .content-body .copy-section h4 {
	color: #bd1c1d;
} */

/* notes - comment out */
/* .risk-factors.kidney .content-body .copy-section ul li {
	background: url("/Content/images/list-item-kidney.png") no-repeat 0px 1px;
} */

/* notes - comment out */
/* .risk-factors.kidney .content-body .copy-info ul li {
	background: url("/Content/images/list-item-kidney.png") no-repeat 0px 1px;
} */

/* notes - comment out */
/* .risk-factors.kidney .secondary-nav ul li .active {
	background: #bd1c1d; color: rgb(255, 255, 255);
} */

/* notes - comment out */
/* .risk-factors.kidney .secondary-nav ul li a {
	background: #f0cfc1; color: #500000;
} */



@media all and (max-width:1026px) {
	/* notes - comment out */
	/* .accordionBlock .accordionToggle .expandCollapse, .assessmentBlock .accordionToggle .expandCollapse {
        right: 0;
    } */

	/* notes - comment out */
	/* .risk-factors.kidney .secondary-nav .styled-select {
        background: #bd1c1d;
    } */

	/* notes - changed bg */
	.risk-factors.kidney .secondary-nav .styled-select div {
		background: url("/Content/images/arrow_down.png") no-repeat center var(--oh-body);
	}
}

/* notes - comment out */
/* .risk-factors.melanoma .buttons a {
	border: 2px solid rgb(255, 255, 255); border-image: none;
} */

/* .risk-factors.melanoma .buttons a.previous {
	color: rgb(255, 255, 255); background-color: #cf4900;
} */

/* notes - comment out */
/* .risk-factors.melanoma .buttons a.next {
	color: rgb(255, 255, 255); background-color: #cf4900;
} */

/* notes - comment out */
/* .risk-factors.melanoma .buttons a.disabled {
	color: #c5a499; background-color: #fff0cc;
} */

/* notes - comment out */
/* .risk-factors.melanoma .buttons a.disabled:hover {
	text-decoration: none;
} */

/* notes - comment out */
/* .risk-factors.melanoma .content-body h2 {
	color: #cf4900;
} */

/* notes - comment out */
/* .risk-factors.melanoma .content-body h4 {
	color: #cf4900;
} */

/* notes - comment out */
/* .risk-factors.melanoma .content-body h6 {
	color: #cf4900;
} */

/* notes - comment out */
/* .risk-factors.melanoma .content-body .copy-info ul li h6 {
	color: #cf4900;
} */

/* notes - comment out */
/* .risk-factors.melanoma .content-body .right-col h3 {
	color: #cf4900;
} */

/* notes - comment out */
/* .risk-factors.melanoma .content-body .copy-section a {
	color: #cf4900;
} */

/* notes - comment out */
/* .risk-factors.melanoma .content-body .copy-section h3 {
	color: #cf4900;
} */

/* notes - comment out */
/* .risk-factors.melanoma .content-body .copy-section h4 {
	color: #cf4900;
} */

/* notes - comment out */
/* .risk-factors.melanoma .content-body .copy-section ul li {
	background: url("/Content/images/list-item-melanoma.png") no-repeat 0px 1px;
} */

/* notes - comment out */
/* .risk-factors.melanoma .content-body .copy-info ul li {
	background: url("/Content/images/list-item-melanoma.png") no-repeat 0px 1px;
} */

/* notes - comment out */
/* .risk-factors.melanoma .secondary-nav ul li .active {
	background: #cf4900; color: rgb(255, 255, 255);
} */

/* notes - comment out */
/* .risk-factors.melanoma .secondary-nav ul li a {
	background: #fff0cd; color: #6e1c00;
} */



@media all and (max-width:1026px) {
	/* notes - comment out */
	/* .risk-factors.melanoma .secondary-nav .styled-select {
        background: #cf4900;
    } */

	.risk-factors.melanoma .secondary-nav .styled-select div {
		background: url("/Content/images/arrow_down.png") no-repeat center var(--oh-body);
	}
}

/* notes - comment out */
/* .melanoma-assessment .return {
    color: #cf4900; }
.melanoma-assessment .assessmentNav ul {
    background: #cad5e0; 
}
.melanoma-assessment .assessmentNav ul li .navContainer {
    color: #053436; 
}
.melanoma-assessment .assessmentNav .progress, .melanoma-assessment .assessmentNav .defaultLine {
    background: #cad5e0; /*CHANGE TO BLUE
}
.melanoma-assessment .assessmentNav .progress {
    background: #cf4900; }
.melanoma-assessment .accordionBlock label, .melanoma-assessment .assessmentBlock label {
    color: #cf4900; }
.melanoma-assessment .accordionBlock .accordionToggle, .melanoma-assessment .assessmentBlock .accordionToggle {
    border-left: 12px solid #cf4900; 
    background: #fff url(/Content/images/qa-melanoma.png) no-repeat -38px center;
}
.melanoma-assessment .accordionBlock .assessmentAnswers, .melanoma-assessment .assessmentBlock .assessmentAnswers, .melanoma-assessment .accordionBlock .accordionContent, .melanoma-assessment .assessmentBlock .accordionContent {
    border-left: 12px solid #cf4900; 
    background: #dc854f url('/Content/images/qa.png') no-repeat 7px center; 
}
.melanoma-assessment .accordionBlock .accordionToggle a, .melanoma-assessment .assessmentBlock .accordionToggle a {
    color: #cf4900; }
.melanoma-assessment .accordionBlock .definitionContainer .dropdownInfo.definition, .melanoma-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition {
    background-color: #f2dfb3; 
}
.melanoma-assessment .accordionBlock .definitionContainer .dropdownInfo.definition span.title, .melanoma-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition span.title {
    color: #6e1c00; 
}
.melanoma-assessment .accordionBlock .definitionContainer .dropdownInfo.important, .melanoma-assessment .assessmentBlock .definitionContainer .dropdownInfo.important {
    background-color: #fbeac4	; 
}
.melanoma-assessment .accordionBlock .definitionContainer .dropdownInfo .closeDropdown, .melanoma-assessment .assessmentBlock .definitionContainer .dropdownInfo .closeDropdown {
    color: #6e1c00;
}
.melanoma-assessment .accordionBlock .importantQuestion, .melanoma-assessment .assessmentBlock .importantQuestion {
    color: #6e1c00;
}
.melanoma-assessment .accordionBlock .importantQuestion .contentContainer, .melanoma-assessment .assessmentBlock .importantQuestion .contentContainer {
    background-color: #ffefcb; 
    color: #6e1c00; 
}
.melanoma-assessment .accordionBlock .importantQuestion.expanded .contentContainer, .melanoma-assessment .assessmentBlock .importantQuestion.expanded .contentContainer {
    background: #6e1c00; 
}
.melanoma-assessment .accordionBlock .importantQuestion.expanded .arrowContainer, .melanoma-assessment .assessmentBlock .importantQuestion.expanded .arrowContainer {
    background-image: url(/Content/images/assessment-important-selected-arrow-melanoma.png);
} */


/* next section */

/* notes - comment out */
/* .melanoma-assessment .assessmentFooterNav a, .melanoma-assessment .assessmentButtonContainer a, .melanoma-assessment .buttons a, .melanoma-assessment .margin-right-column a, .melanoma .assessmentFooterNav a, .melanoma .assessmentButtonContainer a, .melanoma .buttons a, .melanoma .margin-right-column a, .melanoma-assessment .assessmentFooterNav .start-now, .melanoma-assessment .assessmentButtonContainer .start-now, .melanoma-assessment .buttons .start-now, .melanoma-assessment .margin-right-column .start-now, .melanoma .assessmentFooterNav .start-now, .melanoma .assessmentButtonContainer .start-now, .melanoma .buttons .start-now, .melanoma .margin-right-column .start-now {
    border: 2px solid #fff;
} */

/* notes - comment out */
/* .melanoma-assessment .assessmentFooterNav a.previous, .melanoma-assessment .assessmentButtonContainer a.previous, .melanoma-assessment .buttons a.previous, .melanoma-assessment .margin-right-column a.previous, .melanoma .assessmentFooterNav a.previous, .melanoma .assessmentButtonContainer a.previous, .melanoma .buttons a.previous, .melanoma .margin-right-column a.previous, .melanoma-assessment .assessmentFooterNav .start-now.previous, .melanoma-assessment .assessmentButtonContainer .start-now.previous, .melanoma-assessment .buttons .start-now.previous, .melanoma-assessment .margin-right-column .start-now.previous, .melanoma .assessmentFooterNav .start-now.previous, .melanoma .assessmentButtonContainer .start-now.previous, .melanoma .buttons .start-now.previous, .melanoma .margin-right-column .start-now.previous, .melanoma-assessment .assessmentFooterNav a.next, .melanoma-assessment .assessmentButtonContainer a.next, .melanoma-assessment .buttons a.next, .melanoma-assessment .margin-right-column a.next, .melanoma .assessmentFooterNav a.next, .melanoma .assessmentButtonContainer a.next, .melanoma .buttons a.next, .melanoma .margin-right-column a.next, .melanoma-assessment .assessmentFooterNav .start-now.next, .melanoma-assessment .assessmentButtonContainer .start-now.next, .melanoma-assessment .buttons .start-now.next, .melanoma-assessment .margin-right-column .start-now.next, .melanoma .assessmentFooterNav .start-now.next, .melanoma .assessmentButtonContainer .start-now.next, .melanoma .buttons .start-now.next, .melanoma .margin-right-column .start-now.next {
    background-color: #cf4900; color: #fff;
} */

/* notes - comment out */
/* .melanoma-assessment .assessmentFooterNav a.disabled, .melanoma-assessment .assessmentButtonContainer a.disabled, .melanoma-assessment .buttons a.disabled, .melanoma-assessment .margin-right-column a.disabled, .melanoma .assessmentFooterNav a.disabled, .melanoma .assessmentButtonContainer a.disabled, .melanoma .buttons a.disabled, .melanoma .margin-right-column a.disabled, .melanoma-assessment .assessmentFooterNav .start-now.disabled, .melanoma-assessment .assessmentButtonContainer .start-now.disabled, .melanoma-assessment .buttons .start-now.disabled, .melanoma-assessment .margin-right-column .start-now.disabled, .melanoma .assessmentFooterNav .start-now.disabled, .melanoma .assessmentButtonContainer .start-now.disabled, .melanoma .buttons .start-now.disabled, .melanoma .margin-right-column .start-now.disabled {
    background-color: #fff0cc;  
    color: #c5a499;
} */

/* notes - comment out */
/* .melanoma-assessment .assessmentFooterNav a.disabled img, .melanoma-assessment .assessmentButtonContainer a.disabled img, .melanoma-assessment .buttons a.disabled img, .melanoma-assessment .margin-right-column a.disabled img, .melanoma .assessmentFooterNav a.disabled img, .melanoma .assessmentButtonContainer a.disabled img, .melanoma .buttons a.disabled img, .melanoma .margin-right-column a.disabled img, .melanoma-assessment .assessmentFooterNav .start-now.disabled img, .melanoma-assessment .assessmentButtonContainer .start-now.disabled img, .melanoma-assessment .buttons .start-now.disabled img, .melanoma-assessment .margin-right-column .start-now.disabled img, .melanoma .assessmentFooterNav .start-now.disabled img, .melanoma .assessmentButtonContainer .start-now.disabled img, .melanoma .buttons .start-now.disabled img, .melanoma .margin-right-column .start-now.disabled img {
    background-position: -379px -66px;
} */
/* notes - comment out */
/* .melanoma-assessment .assessmentFooterNav a.disabled.left img, .melanoma-assessment .assessmentButtonContainer a.disabled.left img, .melanoma-assessment .buttons a.disabled.left img, .melanoma-assessment .margin-right-column a.disabled.left img, .melanoma .assessmentFooterNav a.disabled.left img, .melanoma .assessmentButtonContainer a.disabled.left img, .melanoma .buttons a.disabled.left img, .melanoma .margin-right-column a.disabled.left img, .melanoma-assessment .assessmentFooterNav .start-now.disabled.left img, .melanoma-assessment .assessmentButtonContainer .start-now.disabled.left img, .melanoma-assessment .buttons .start-now.disabled.left img, .melanoma-assessment .margin-right-column .start-now.disabled.left img, .melanoma .assessmentFooterNav .start-now.disabled.left img, .melanoma .assessmentButtonContainer .start-now.disabled.left img, .melanoma .buttons .start-now.disabled.left img, .melanoma .margin-right-column .start-now.disabled.left img {
    background-position: -389px -66px;
} */
.melanoma-assessment .assessmentFooterNav a.disabled:hover, .melanoma-assessment .assessmentButtonContainer a.disabled:hover, .melanoma-assessment .buttons a.disabled:hover, .melanoma-assessment .margin-right-column a.disabled:hover, .melanoma .assessmentFooterNav a.disabled:hover, .melanoma .assessmentButtonContainer a.disabled:hover, .melanoma .buttons a.disabled:hover, .melanoma .margin-right-column a.disabled:hover, .melanoma-assessment .assessmentFooterNav .start-now.disabled:hover, .melanoma-assessment .assessmentButtonContainer .start-now.disabled:hover, .melanoma-assessment .buttons .start-now.disabled:hover, .melanoma-assessment .margin-right-column .start-now.disabled:hover, .melanoma .assessmentFooterNav .start-now.disabled:hover, .melanoma .assessmentButtonContainer .start-now.disabled:hover, .melanoma .buttons .start-now.disabled:hover, .melanoma .margin-right-column .start-now.disabled:hover {
	text-decoration: none;
}

/* next section */
/* notes - comment out */
/* @media (max-width:1026px) {
.assessment.melanoma-assessment .assessmentBlock.radio .background {
    background: url(/Content/images/assessment-orange-radio.png) no-repeat 0 -28px;
}
.assessment.melanoma-assessment .assessmentBlock.radio .background.checked {
    background-position: 0 -1px;
}
.assessment.melanoma-assessment .assessmentBlock.checkbox .background {
    background: url(/Content/images/assessment-orange-checkbox.png) no-repeat 0 -34px;
}
.assessment.melanoma-assessment .assessmentBlock.checkbox .background.checked {
    background-position: 0 1px;
}
.assessment.melanoma-assessment .assessmentBlock.height-textfield .background, .assessment.melanoma-assessment .assessmentBlock.weight-textfield .background {
    background: url(/Content/images/assessment-orange-radio.png) no-repeat 0 -28px;
}
.assessment.melanoma-assessment .assessmentBlock.height-textfield .background.checked, .assessment.melanoma-assessment .assessmentBlock.weight-textfield .background.checked {
    background-position: 0 -1px;
} */
.assessment.melanoma-assessment .assessmentBlock.height-textfield .stylized, .assessment.melanoma-assessment .assessmentBlock.weight-textfield .stylized {
	background-color: #cf4900;
}

.assessment.melanoma-assessment .assessmentBlock.switch .switchContainer {
	border: 2px solid #cf4900;
	background-color: #fff0cd;
}

	.assessment.melanoma-assessment .assessmentBlock.switch .switchContainer .radioContainer label {
		color: #cf4900;
	}

	.assessment.melanoma-assessment .assessmentBlock.switch .switchContainer .slider {
		background-color: #cf4900;
		border: 2px solid #fff;
	}

.assessment.melanoma-assessment .assessmentBlock.generic-dropdown .stylized {
	color: #fff;
	background-color: #cf4900;
}

	.assessment.melanoma-assessment .assessmentBlock.generic-dropdown .stylized img {
		background-position: -248px -9px;
	}

.assessment.melanoma-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].upButton {
	background: url(/Content/images/assessment-orange-upButton.png) no-repeat;
}

.assessment.melanoma-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].downButton {
	background: url(/Content/images/assessment-orange-downButton.png) no-repeat;
}

.assessment.melanoma-assessment .assessmentBlock.agree-disagree .question .slideContainer .selectedSlide, .assessment.melanoma-assessment .assessmentBlock.three-option-slider .question .slideContainer .selectedSlide {
	color: #fff;
	background-color: #cf4900;
	border: 3px solid #fff;
}

.assessment.melanoma-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .sliderBackground, .assessment.melanoma-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .sliderBackground {
	background-color: #cf4900;
	border: 3px solid #fff;
}

.assessment.melanoma-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .ui-slider-handle, .assessment.melanoma-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .ui-slider-handle {
	background-color: #cf4900;
	border: 3px solid #fff;
}

.assessment.melanoma-assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator, .assessment.melanoma-assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator {
	background-color: #fff0cd;
	border: 3px solid #cf4900;
}

}

/* .kidney-assessment .return {
    color: #bd1c1d; }
.kidney-assessment .assessmentNav ul {
    background: #cad5e0; 
}
.kidney-assessment .assessmentNav ul li .navContainer {
    color: #053436; 
}
.kidney-assessment .assessmentNav .progress, .kidney-assessment .assessmentNav .defaultLine {
    background: #cad5e0; /*CHANGE TO BLUE ALL CANCERS
} */

/* .kidney-assessment .assessmentNav .progress {
    background: #bd1c1d; }
.kidney-assessment .accordionBlock label, .kidney-assessment .assessmentBlock label {
    color: #bd1c1d; }
.kidney-assessment .accordionBlock .accordionToggle, .kidney-assessment .assessmentBlock .accordionToggle {
    border-left: 12px solid #bd1c1d; 
    background: #fff url(/Content/images/qa-kidney.png) no-repeat -38px center;
}
.kidney-assessment .accordionBlock .assessmentAnswers, .kidney-assessment .assessmentBlock .assessmentAnswers, .kidney-assessment .accordionBlock .accordionContent, .kidney-assessment .assessmentBlock .accordionContent {
    border-left: 12px solid #bd1c1d; 
    background: #c36363 url('/Content/images/qa.png') no-repeat 7px center; 
}
.kidney-assessment .accordionBlock .accordionToggle a, .kidney-assessment .assessmentBlock .accordionToggle a {
    color: #bd1c1d; }
.kidney-assessment .accordionBlock .definitionContainer .dropdownInfo.definition, .kidney-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition {
    background-color: #f1d6cb; 
}
.kidney-assessment .accordionBlock .definitionContainer .dropdownInfo.definition span.title, .kidney-assessment .assessmentBlock .definitionContainer .dropdownInfo.definition span.title {
    color: #500000; 
}
.kidney-assessment .accordionBlock .definitionContainer .dropdownInfo.important, .kidney-assessment .assessmentBlock .definitionContainer .dropdownInfo.important {
    background-color: #e6bbaa;  
}
.kidney-assessment .accordionBlock .definitionContainer .dropdownInfo .closeDropdown, .kidney-assessment .assessmentBlock .definitionContainer .dropdownInfo .closeDropdown {
    color: #500000;
}
.kidney-assessment .accordionBlock .importantQuestion, .kidney-assessment .assessmentBlock .importantQuestion {
    color: #500000;
}
.kidney-assessment .accordionBlock .importantQuestion .contentContainer, .kidney-assessment .assessmentBlock .importantQuestion .contentContainer {
    background-color: #efcbbc; 
    color: #500000; 
}
.kidney-assessment .accordionBlock .importantQuestion.expanded .contentContainer, .kidney-assessment .assessmentBlock .importantQuestion.expanded .contentContainer {
    background: #500000; 
}
.kidney-assessment .accordionBlock .importantQuestion.expanded .arrowContainer, .kidney-assessment .assessmentBlock .importantQuestion.expanded .arrowContainer {
    background-image: url(/Content/images/assessment-important-selected-arrow-kidney.png);
} */


/* next section */

/* notes - comment out */
/* .kidney-assessment .assessmentFooterNav a, .kidney-assessment .assessmentButtonContainer a, .kidney-assessment .buttons a, .kidney-assessment .margin-right-column a, .kidney .assessmentFooterNav a, .kidney .assessmentButtonContainer a, .kidney .buttons a, .kidney .margin-right-column a, .kidney-assessment .assessmentFooterNav .start-now, .kidney-assessment .assessmentButtonContainer .start-now, .kidney-assessment .buttons .start-now, .kidney-assessment .margin-right-column .start-now, .kidney .assessmentFooterNav .start-now, .kidney .assessmentButtonContainer .start-now, .kidney .buttons .start-now, .kidney .margin-right-column .start-now {
    border: 2px solid #fff;
} */

/* notes - comment out */
/* .kidney-assessment .assessmentFooterNav a.previous, .kidney-assessment .assessmentButtonContainer a.previous, .kidney-assessment .buttons a.previous, .kidney-assessment .margin-right-column a.previous, .kidney .assessmentFooterNav a.previous, .kidney .assessmentButtonContainer a.previous, .kidney .buttons a.previous, .kidney .margin-right-column a.previous, .kidney-assessment .assessmentFooterNav .start-now.previous, .kidney-assessment .assessmentButtonContainer .start-now.previous, .kidney-assessment .buttons .start-now.previous, .kidney-assessment .margin-right-column .start-now.previous, .kidney .assessmentFooterNav .start-now.previous, .kidney .assessmentButtonContainer .start-now.previous, .kidney .buttons .start-now.previous, .kidney .margin-right-column .start-now.previous, .kidney-assessment .assessmentFooterNav a.next, .kidney-assessment .assessmentButtonContainer a.next, .kidney-assessment .buttons a.next, .kidney-assessment .margin-right-column a.next, .kidney .assessmentFooterNav a.next, .kidney .assessmentButtonContainer a.next, .kidney .buttons a.next, .kidney .margin-right-column a.next, .kidney-assessment .assessmentFooterNav .start-now.next, .kidney-assessment .assessmentButtonContainer .start-now.next, .kidney-assessment .buttons .start-now.next, .kidney-assessment .margin-right-column .start-now.next, .kidney .assessmentFooterNav .start-now.next, .kidney .assessmentButtonContainer .start-now.next, .kidney .buttons .start-now.next, .kidney .margin-right-column .start-now.next {
    background-color: #bd1c1d; color: #fff;
} */

/* notes - comment out */
/* .kidney-assessment .assessmentFooterNav a.disabled, .kidney-assessment .assessmentButtonContainer a.disabled, .kidney-assessment .buttons a.disabled, .kidney-assessment .margin-right-column a.disabled, .kidney .assessmentFooterNav a.disabled, .kidney .assessmentButtonContainer a.disabled, .kidney .buttons a.disabled, .kidney .margin-right-column a.disabled, .kidney-assessment .assessmentFooterNav .start-now.disabled, .kidney-assessment .assessmentButtonContainer .start-now.disabled, .kidney-assessment .buttons .start-now.disabled, .kidney-assessment .margin-right-column .start-now.disabled, .kidney .assessmentFooterNav .start-now.disabled, .kidney .assessmentButtonContainer .start-now.disabled, .kidney .buttons .start-now.disabled, .kidney .margin-right-column .start-now.disabled {
    background-color: #efcec1;  
    color: #b89999;
} */

.kidney-assessment .assessmentFooterNav a.disabled img, .kidney-assessment .assessmentButtonContainer a.disabled img, .kidney-assessment .buttons a.disabled img, .kidney-assessment .margin-right-column a.disabled img, .kidney .assessmentFooterNav a.disabled img, .kidney .assessmentButtonContainer a.disabled img, .kidney .buttons a.disabled img, .kidney .margin-right-column a.disabled img, .kidney-assessment .assessmentFooterNav .start-now.disabled img, .kidney-assessment .assessmentButtonContainer .start-now.disabled img, .kidney-assessment .buttons .start-now.disabled img, .kidney-assessment .margin-right-column .start-now.disabled img, .kidney .assessmentFooterNav .start-now.disabled img, .kidney .assessmentButtonContainer .start-now.disabled img, .kidney .buttons .start-now.disabled img, .kidney .margin-right-column .start-now.disabled img {
	background-position: -379px -66px;
}

.kidney-assessment .assessmentFooterNav a.disabled.left img, .kidney-assessment .assessmentButtonContainer a.disabled.left img, .kidney-assessment .buttons a.disabled.left img, .kidney-assessment .margin-right-column a.disabled.left img, .kidney .assessmentFooterNav a.disabled.left img, .kidney .assessmentButtonContainer a.disabled.left img, .kidney .buttons a.disabled.left img, .kidney .margin-right-column a.disabled.left img, .kidney-assessment .assessmentFooterNav .start-now.disabled.left img, .kidney-assessment .assessmentButtonContainer .start-now.disabled.left img, .kidney-assessment .buttons .start-now.disabled.left img, .kidney-assessment .margin-right-column .start-now.disabled.left img, .kidney .assessmentFooterNav .start-now.disabled.left img, .kidney .assessmentButtonContainer .start-now.disabled.left img, .kidney .buttons .start-now.disabled.left img, .kidney .margin-right-column .start-now.disabled.left img {
	background-position: -389px -66px;
}

.kidney-assessment .assessmentFooterNav a.disabled:hover, .kidney-assessment .assessmentButtonContainer a.disabled:hover, .kidney-assessment .buttons a.disabled:hover, .kidney-assessment .margin-right-column a.disabled:hover, .kidney .assessmentFooterNav a.disabled:hover, .kidney .assessmentButtonContainer a.disabled:hover, .kidney .buttons a.disabled:hover, .kidney .margin-right-column a.disabled:hover, .kidney-assessment .assessmentFooterNav .start-now.disabled:hover, .kidney-assessment .assessmentButtonContainer .start-now.disabled:hover, .kidney-assessment .buttons .start-now.disabled:hover, .kidney-assessment .margin-right-column .start-now.disabled:hover, .kidney .assessmentFooterNav .start-now.disabled:hover, .kidney .assessmentButtonContainer .start-now.disabled:hover, .kidney .buttons .start-now.disabled:hover, .kidney .margin-right-column .start-now.disabled:hover {
	text-decoration: none;
}

/* next section */
/* @media (max-width:1026px) {
    .assessment.kidney-assessment .assessmentBlock.radio .background {
        background: url(/Content/images/assessment-red-radio.png) no-repeat 0 -28px;
    }

        .assessment.kidney-assessment .assessmentBlock.radio .background.checked {
            background-position: 0 -1px;
        }

    .assessment.kidney-assessment .assessmentBlock.checkbox .background {
        background: url(/Content/images/assessment-red-checkbox.png) no-repeat 0 -34px;
    }

        .assessment.kidney-assessment .assessmentBlock.checkbox .background.checked {
            background-position: 0 1px;
        }

    .assessment.kidney-assessment .assessmentBlock.height-textfield .background, .assessment.kidney-assessment .assessmentBlock.weight-textfield .background {
        background: url(/Content/images/assessment-red-radio.png) no-repeat 0 -28px;
    }

        .assessment.kidney-assessment .assessmentBlock.height-textfield .background.checked, .assessment.kidney-assessment .assessmentBlock.weight-textfield .background.checked {
            background-position: 0 -1px;
        }

    .assessment.kidney-assessment .assessmentBlock.height-textfield .stylized, .assessment.kidney-assessment .assessmentBlock.weight-textfield .stylized {
        background-color: #bd1c1d;
    }

    .assessment.kidney-assessment .assessmentBlock.switch .switchContainer {
        border: 2px solid #bd1c1d;
        background-color: #f0cfc1;
    }

        .assessment.kidney-assessment .assessmentBlock.switch .switchContainer .radioContainer label {
            color: #bd1c1d;
        }

        .assessment.kidney-assessment .assessmentBlock.switch .switchContainer .slider {
            background-color: #bd1c1d;
            border: 2px solid #fff;
        }

    .assessment.kidney-assessment .assessmentBlock.generic-dropdown .stylized {
        color: #fff;
        background-color: #bd1c1d;
    }

        .assessment.kidney-assessment .assessmentBlock.generic-dropdown .stylized img {
            background-position: -248px -9px;
        }

    .assessment.kidney-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].upButton {
        background: url(/Content/images/assessment-red-upButton.png) no-repeat;
    }

    .assessment.kidney-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].downButton {
        background: url(/Content/images/assessment-red-downButton.png) no-repeat;
    }

    .assessment.kidney-assessment .assessmentBlock.agree-disagree .question .slideContainer .selectedSlide, .assessment.kidney-assessment .assessmentBlock.three-option-slider .question .slideContainer .selectedSlide {
        color: #fff;
        background-color: #bd1c1d;
        border: 3px solid #fff;
    }

    .assessment.kidney-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .sliderBackground, .assessment.kidney-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .sliderBackground {
        background-color: #bd1c1d;
        border: 3px solid #fff;
    }

    .assessment.kidney-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .ui-slider-handle, .assessment.kidney-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .ui-slider-handle {
        background-color: #bd1c1d;
        border: 3px solid #fff;
    }

    .assessment.kidney-assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator, .assessment.kidney-assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator {
        background-color: #f0cfc1;
        border: 3px solid #bd1c1d;
    }
} */
@media(max-width:385px) {
}

.assessment.kidney-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type="button"] {
	background-size: 70% !important;
}

@media (min-width:431px) and (max-width:600px) {

	.assessment {
		padding-bottom: 10%;
	}

		.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator.four,
		.assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator.four {
			margin-left: 25%;
		}

			.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator.four:first-child,
			.assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator.four:first-child {
				margin-left: 0;
			}

		.assessment .assessmentBlock.height-textfield .metricContainer .stylized {
			width: 35%;
		}
}

@media (min-width:481px) and (max-width:508px) {

	.interior-banner.tell-us .banner-wrapper .top-text h1 {
		font-size: 26px;
	}
}

@media only screen and (min-width:490px) and (max-width:530px) {

	.assessment-start .margin-left-column label {
		width: 65%;
	}
}

@media only screen and (min-width:530px) and (max-width:850px) {

	.assessment-start .margin-left-column label {
		width: 70%;
	}
}

@media (min-width:641px) and (max-width:658px) {

	.interior-banner.tell-us .banner-wrapper .top-text h1 {
		font-size: 37px;
	}
}

@media only screen and (min-width:850px) and (max-width:1010px) {

	.assessment-start .margin-left-column label {
		width: 80%;
	}
}

@media all and (max-width:1026px) {


	.header .quiz-list .first {
		width: 33.33333333333333%;
	}

	.header .quiz-list li {
		width: 33.33333333333333%;
	}

	.header .quiz-list .last {
		width: 33.33333333333333%;
	}

	.header .quiz-list .lastmod {
		width: 33.33333333333333%;
	}
}

@media screen and (max-width:1026px) {

	.mobileSubMenu {
		display: block !important;
	}

	.noDesktop {
		display: none;
	}

	.resourceImage {
		width: 90%;
	}

	#header {
		font-size: 15px;
	}

		#header .wrapper {
			width: 100%;
			padding: 30px 0;
		}

		#header #mobileMenuToggle {
			display: block;
			margin-right: 14px;
			margin-left: 14px;
		}

	#navContainer {
		position: absolute;
		top: 0;
		left: 0;
		width: 83%;
		z-index: -1;
		display: none;
		background: var(--ministry-dark);
	}

	.logo {
		margin-left: 15px;
	}

	#languageToggle {
		margin: 20px;
	}

	#primaryNav {
		width: 100%;
		margin-top: 0;
	}

		#primaryNav li {
			float: none;
			margin-left: 0;
			background: var(--ministry-dark); /* notes - bg updated */
			border-bottom: 2px var(--oh-white) solid; /* notes - border updated */
			position: relative;
		}

			#primaryNav li a {
				-moz-background-clip: padding;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				padding: 18px 0 18px 20px;
				color: var(--oh-white); /* notes - color updated */
				width: 85%;
				display: inline-block;
			}

			#primaryNav li button {
				position: absolute;
				top: 5px;
				right: 10px;
				width: 10%;
				height: 45px;
				display: inline-block;
				border: 0;
				background: transparent;
				cursor: pointer;
			}

				#primaryNav li button img {
					background: url(/Content/images/mycanceriq-arrow-white.svg) no-repeat; /* notes - bg updated */
					/* background-position: -248px 0; */ /* notes - commented out */
					transform: rotate(90deg); /* notes - added */
					width: 9px; /* notes - width updated */
					height: 12px; /* notes - height updated */
				}

			#primaryNav li:hover {
				background: var(--oh-neutral); /* notes - bg updated */
			}

				#primaryNav li:hover a {
					background: transparent;
					color: var(--oh-body); /* notes - color updated */
				}

				#primaryNav li:hover button img {
					background: url(/Content/Images/mycanceriq-arrow-black.svg) no-repeat; /* notes - bg updated */
					transform: rotate(90deg); /* notes - added */
					/* background-position: -248px -13px;
	width: 12px;
	height: 9px; */
				}

				#primaryNav li:hover ul li:hover {
					background: var(--oh-neutral); /* notes - bg updated */
				}

			#primaryNav li.expanded {
				background: var(--oh-neutral); /* notes - bg updated */
			}

				#primaryNav li.expanded a {
					background: transparent;
					color: var(--oh-body); /* notes - color updated */
				}

				/* notes - comment out */
				#primaryNav li.expanded button img {
					background: url(/Content/Images/mycanceriq-arrow-black.svg) no-repeat; /* notes - bg updated */
					transform: rotate(270deg); /* notes - added */
					/* background-position: -248px -23px;
	width: 12px;
	height: 9px; */
				}

			#primaryNav li.active {
				background: var(--oh-neutral); /* notes - bg updated */
			}

				#primaryNav li.active a {
					background: transparent;
					color: var(--oh-body); /* notes - color updated */
				}

				/* notes - css added */
				#primaryNav li.active > a {
					font-weight: bold;
				}

				#primaryNav li.active button img {
					background: url(/Content/Images/mycanceriq-arrow-black.svg) no-repeat; /* notes - bg updated */
					transform: rotate(90deg); /* notes - added */
					/* background-position: -248px -13px; */
				}

				#primaryNav li.active.expanded button img {
					background: url(/Content/Images/mycanceriq-arrow-black.svg) no-repeat; /* notes - bg updated */
					transform: rotate(270deg); /* notes - added */
					/* background-position: -248px -23px; */
				}

			#primaryNav li ul li {
				border-bottom: 1px var(--oh-neutral) solid;
				background: var(--oh-white); /* notes - bg updated */
			}

				/* notes - css added */
				#primaryNav li ul li:last-child {
					border: none;
				}

				#primaryNav li ul li a {
					background: var(--oh-white); /* notes - bg updated */
					width: 100%;
					color: #fff;
					font-size: 12px;
					padding: 12px 0 12px 20px;
				}

			#primaryNav li.active .arrowDown {
				display: none;
			}

	#socialLinks {
		clear: both;
	}

	#socialLinks {
		float: none;
		text-align: center;
		padding-top: 60px;
		color: var(--oh-white);
	}

		#socialLinks li {
			float: none;
			vertical-align: middle;
			display: inline-block;
			font-size: 18px;
		}

			#socialLinks li:first-child {
				margin-left: 0;
			}

	.share-this {
		right: 0px !important;
	}

	.interior-banner .shareLinks {
		min-width: 85px;
		right: 0px;
	}

	.resourceImage {
		width: 90%;
	}

	.accordionBlock .accordionToggle .question {
		padding-right: 0;
		margin-right: 40px;
	}

	.accordionBlock .accordionToggle .expandCollapse .label {
		display: none;
	}

	* {
		text-decoration: none !important;
	}

	.resourceImage {
		width: 90%;
	}

	.interior-banner {
		max-width: 100%;
	}

		.interior-banner .banner-wrapper .icon-banner {
			width: 40%;
			text-align: right;
		}

		/* notes - comment out */
		/* .interior-banner .banner-wrapper .icon-banner img {
	margin-right: -10%;
	margin-top: -48%;
	width: 100%;
} */

		.interior-banner.simple h1 {
			min-height: 120px;
		}

	#shareThisLabel {
		display: none;
	}

	#shareDescription {
		display: none;
	}

	.share-this {
		background: url(/Content/Images/mycanceriq-sharethis.svg) no-repeat center var(--oh-primary-light) !important; /* notes bg updated */
		background-size: 10px;
		padding: 15px 30px 22px 15px !important;
	}

	.resourceImage {
		width: 90%;
	}

	.two-column .left {
		float: none;
		display: none;
	}

	.two-column .right {
		width: 100%;
	}

	.two-column .interior-header {
		width: 100%;
	}

	.two-column .top-header {
		width: 96.3% !important;
		padding: 37px 0 38px 24px;
	}

	.two-column .bottom-header {
		width: 96.3% !important;
		padding: 33px 0 32px 24px !important;
	}

	.two-column .icon-header {
		overflow: hidden;
	}

	.two-column .content-body ul .copy-info {
		width: 65%;
	}

	.two-column h2 {
		line-height: 28px;
		width: auto !important;
	}

	.two-column .header-icon img {
		margin-top: -70px;
	}

	.resourceImage {
		width: 90%;
	}

	.two-column.simple .right {
		width: 100%;
	}

	.two-column.simple .interior-header {
		width: 100%;
	}

	.two-column.simple .top-header {
		width: 96%;
		padding: 37px 0 38px 24px;
	}

	.two-column.simple .header-icon img {
		margin-top: -70px;
	}

	.resourceImage {
		width: 90%;
	}

	.resourceImage {
		width: 90%;
	}

	.two-column.getupdates .take-an-assessment {
		margin-left: 0;
		float: right;
	}

	.two-column.getupdates .right {
		width: 100%;
	}

	.two-column.getupdates .interior-header {
		width: 100%;
	}

	.two-column.getupdates .top-header {
		width: 96%;
	}

	.two-column.getupdates .header-icon img {
		margin-top: -55px;
	}

	.two-column.getupdates .content-body {
		padding: 0 30px 0 30px;
	}

	.two-column.getupdates .margin-right-column {
		width: 100%;
		margin-left: 0;
	}

		.two-column.getupdates .margin-right-column label {
			float: left;
			width: 65%;
			margin: 0 10px 0 20px;
		}

		.two-column.getupdates .margin-right-column p {
			float: left;
			margin: 0 10px 0 20px;
		}

		.two-column.getupdates .margin-right-column .submit {
			float: right;
		}

	.assessment-start .margin-left-column p {
		margin: 0px 10px 0px 20px;
		float: left;
	}

	.assessment-start .margin-left-column {
		width: 120%;
		margin-left: 0px;
	}

	.content-assesment h4 {
		padding-top: 30%;
		margin-bottom: 20px;
	}

	.assessment-start .margin-left-column label {
		margin: 0px 10px 0px 20px;
		float: left;
	}

	.resourceImage {
		width: 90%;
	}

	.assessment-start .left {
		float: none;
		display: none;
	}

	.assessment-start .right {
		width: 100%;
	}

	.assessment-start .interior-header {
		width: 100%;
	}

	.assessment-start .top-header {
		width: 96.3% !important;
	}

	.assessment-start .bottom-header {
		width: 96.3% !important;
	}

	.assessment-start .icon-header {
		overflow: hidden;
	}

	.assessment-start .content-body ul .copy-info {
		width: 65%;
	}

	.assessment-start .content-assesment {
		padding: 0 20px 20px 20px;
	}

	.assessment-start h2,
	.margin-right-column h2 {
		width: auto !important;
		line-height: 28px;
	}

	.assessment-start .header-icon img {
		margin-top: -70px;
	}

	.assessment-start .margin-right-column {
		width: 100%;
		margin-left: 0;
	}

		.assessment-start .margin-right-column label,
		.assessment-start .margin-right-column p {
			float: left;
			margin: 0 10px 0 20px;
		}

	.exitSurveyConfirm .whitebg {
		margin-top: 30px;
	}

	.exitSurveyConfirm .success {
		width: 36%;
	}

	.one-column.simple .return-to {
		width: 100%;
	}

	.one-column.simple .return-link {
		margin-right: 0 !important;
	}

	.one-column.simple .padded {
		width: 90% !important;
	}

	.one-column.simple .darkblue .icon-header {
		margin-right: 0 !important;
	}

	.one-column.simple .margin-right-column {
		margin-left: 0 !important;
	}

		.one-column.simple .margin-right-column p {
			width: 44%;
			margin: 0 3%;
		}

		.one-column.simple .margin-right-column .return-to-assessment {
			margin-right: 7%;
		}

	.one-column.simple .top-header .icon-header {
		margin-right: 0;
	}

		.one-column.simple .top-header .icon-header img {
			margin-top: -47px;
			height: auto;
			margin-right: -70px;
			width: 104%;
		}

	.one-column.simple .innerContent {
		width: 100%;
	}

	.risk-factors .left {
		float: none;
		display: none;
	}

	.risk-factors .right {
		width: 100%;
	}

	.risk-factors .secondary-nav {
		margin-top: 40px;
		margin: 0 auto;
		width: 60%;
	}

		.risk-factors .secondary-nav .defaultSelect {
			display: block;
		}

		/* notes - changed bg, color, and border */
		.risk-factors .secondary-nav .styled-select {
			-webkit-border-top-right-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-webkit-border-top-left-radius: 4px;
			-moz-border-radius-topright: 4px;
			-moz-border-radius-bottomright: 4px;
			-moz-border-radius-bottomleft: 4px;
			-moz-border-radius-topleft: 4px;
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 4px;
			border-top-left-radius: 4px;
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			margin-top: 40px;
			display: block;
			width: 100%;
			background: var(--oh-neutral);
			background-position: right center;
			color: var(--oh-body);
			border: 1px solid var(--oh-body);
			font-size: 15px;
			overflow: hidden;
			position: relative;
		}

			.risk-factors .secondary-nav .styled-select div {
				background: url('/Content/images/arrow_down.png') no-repeat center center;
				width: 40px;
				overflow: hidden;
				position: absolute;
				top: 0;
				right: 0;
				pointer-events: none;
				height: 100%;
			}

			/* notes - changed color + comment out bg */
			.risk-factors .secondary-nav .styled-select select {
			  color: var(--oh-body);
				border: 0;
				width: 110%;
				padding: 10px 15px;
				background: #ffffff;
				-webkit-appearance: none;
				font-size: 15px;
			}

				.risk-factors .secondary-nav .styled-select select option {
					color: #000;
				}

		.risk-factors .secondary-nav ul {
			display: none !important;
		}

	/* notes - changed with */
	.risk-factors .margin-right-column {
		margin-left: 0;
		width: auto;
	}

		.risk-factors .margin-right-column img {
			float: left;
			margin: 0 20px 0 0;
		}

		.risk-factors .margin-right-column h4 {
			padding-top: 16px;
			font-family: 'cabinbold';
			font-size: 25px;
			color: #333;
			line-height: 26px;
			padding-bottom: 5px;
		}

		.risk-factors .margin-right-column p {
			width: 90%;
		}

	#siteWrapper {
		width: 100%;
		min-width: 0;
		-webkit-box-shadow: -12px 0 10px -10px #000;
		-moz-box-shadow: -12px 0 10px -10px #000;
		box-shadow: -12px 0 10px -10px #000;
	}

	.innerContent {
		width: 100%;
	}

	.share-this {
		right: -18px;
	}
}

@media (max-width:1026px) {

	.wrapper {
		width: 95%;
	}

	h2 {
		line-height: 28px;
		width: 45%;
	}

	.header {
		width: 100%;
	}

		.header .top-header {
			width: 95.3%;
			top: 4px !important;
			position: relative;
		}

		.header .bottom-header {
			width: 95.3%;
		}

		.header .icon-header img {
			width: 252px;
			height: 195px;
			float: right;
		}

	.callouts {
		background: url(/Content/images/callout-border-tablet.png) center 25px no-repeat !important;
		width: 91.5% !important;
	}

		.callouts .left {
			width: 45% !important;
		}

		.callouts .right {
			width: 45% !important;
		}

		.callouts .callout {
			height: 100% !important;
			width: 95% !important;
		}

			.callouts .callout img {
				margin-bottom: 30% !important;
			}

	.assessment-area .full-content-area {
		overflow: hidden;
	}

	/* notes - added bg */
	.assessment .assessmentBlock.radio .background {
		width: 25px;
		height: 25px;
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
		background: url(/Content/Images/mycanceriq-radio-button.svg);
	}

		/* notes - added */
		.assessment .assessmentBlock.radio .background.checked {
			background: url(/Content/Images/mycanceriq-radio-button-checked.svg);
		}

	/* notes - added */
	.assessment .assessmentBlock.height-textfield .background,
	.assessment .assessmentBlock.weight-textfield .background {
		background: url(/Content/Images/mycanceriq-radio-button.svg);
	}

		/* notes - added */
		.assessment .assessmentBlock.height-textfield .background.checked,
		.assessment .assessmentBlock.weight-textfield .background.checked {
			background: url(/Content/Images/mycanceriq-radio-button-checked.svg);
		}

	.assessment .assessmentBlock.radio .background input[type=radio] {
		opacity: 0;
		width: 25px;
		height: 25px;
	}

	.assessment .assessmentBlock.checkbox .background {
		width: 35px;
		height: 35px;
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}

		.assessment .assessmentBlock.checkbox .background input[type=checkbox] {
			/*opacity: 0;*/
			width: 30px;
			height: 35px;
		}

	.assessment .assessmentBlock.switch {
		position: relative;
	}

		.assessment .assessmentBlock.switch .switchContainer {
			position: relative;
			display: inline-block;
			*display: inline;
			zoom: 1;
			white-space: nowrap;
		}

			.assessment .assessmentBlock.switch .switchContainer .radioContainer {
				display: inline-block;
				*display: inline;
				zoom: 1;
				position: static;
				padding: 5px 10px;
				font-size: 0;
				margin: 0;
			}

				.assessment .assessmentBlock.switch .switchContainer .radioContainer input[type=radio] {
					display: none;
				}

				.assessment .assessmentBlock.switch .switchContainer .radioContainer label {
					font-family: 'cabinbold';
					font-size: 14px;
				}

				.assessment .assessmentBlock.switch .switchContainer .radioContainer:last-child {
					padding-left: 0;
				}

			.assessment .assessmentBlock.switch .switchContainer .slider {
				display: block;
				position: absolute;
				left: 0;
				top: -7px;
				-webkit-border-top-right-radius: 4px;
				-webkit-border-bottom-right-radius: 4px;
				-webkit-border-bottom-left-radius: 4px;
				-webkit-border-top-left-radius: 4px;
				-moz-border-radius-topright: 4px;
				-moz-border-radius-bottomright: 4px;
				-moz-border-radius-bottomleft: 4px;
				-moz-border-radius-topleft: 4px;
				border-top-right-radius: 4px;
				border-bottom-right-radius: 4px;
				border-bottom-left-radius: 4px;
				border-top-left-radius: 4px;
				-moz-background-clip: padding;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				height: 39px;
				width: 45%;
				text-align: center;
				pointer-events: none;
			}

				.assessment .assessmentBlock.switch .switchContainer .slider img {
					pointer-events: none;
				}

	.assessment .assessmentBlock.generic-dropdown .dropdownContainer {
		width: 50%;
		margin-top: -35px;
	}

		.assessment .assessmentBlock.generic-dropdown .dropdownContainer .stylized {
			-webkit-border-top-right-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-webkit-border-top-left-radius: 4px;
			-moz-border-radius-topright: 4px;
			-moz-border-radius-bottomright: 4px;
			-moz-border-radius-bottomleft: 4px;
			-moz-border-radius-topleft: 4px;
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 4px;
			border-top-left-radius: 4px;
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			margin-top: 40px;
			display: block;
			width: 100%;
			background: #a91860;
			background-position: right center;
			color: #fff;
			border: 3px solid #fff;
			font-size: 15px;
			overflow: hidden;
			position: relative;
			min-width: 140px;
		}

			.assessment .assessmentBlock.generic-dropdown .dropdownContainer .stylized div {
				background: url('/Content/images/arrow_down.png') no-repeat center center;
				width: 40px;
				overflow: hidden;
				position: absolute;
				top: 0;
				right: 0;
				pointer-events: none;
				height: 100%;
			}

			.assessment .assessmentBlock.generic-dropdown .dropdownContainer .stylized select {
				/*color: #fff;*/
				border: 0;
				width: 155%;
				padding: 10px 15px;
				background: transparent;
				-webkit-appearance: none;
				font-size: 15px;
				top: 0;
			}

			.assessment .assessmentBlock.generic-dropdown .dropdownContainer .stylized.focused {
				outline: -webkit-focus-ring-color auto 5px;
			}

		.assessment .assessmentBlock.generic-dropdown .dropdownContainer select {
			position: relative;
			top: -7px;
			margin-right: -31px;
		}

	.ie9 .assessment .assessmentBlock.generic-dropdown .dropdownContainer select {
		z-index: 100;
	}

	.assessment .assessmentBlock.height-textfield .imperialContainer,
	.assessment .assessmentBlock.weight-textfield .imperialContainer,
	.assessment .assessmentBlock.height-textfield .metricContainer,
	.assessment .assessmentBlock.weight-textfield .metricContainer {
		width: 150%;
	}

	.assessment .assessmentBlock.height-textfield .background,
	.assessment .assessmentBlock.weight-textfield .background {
		width: 25px;
		height: 25px;
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}

		.assessment .assessmentBlock.height-textfield .background input[type=radio],
		.assessment .assessmentBlock.weight-textfield .background input[type=radio] {
			opacity: 0;
			width: 25px;
			height: 25px;
		}

	/* notes - updated border */
	.assessment .assessmentBlock.height-textfield .stylized,
	.assessment .assessmentBlock.weight-textfield .stylized {
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		display: inline-block;
		vertical-align: middle;
		width: 20%;
		background-position: right center;
		color: #fff;
		border: 1px solid var(--oh-body);
		font-size: 15px;
		overflow: hidden;
		position: relative;
	}

		/* notes - updated bg, width, and right. added transform. */
		.assessment .assessmentBlock.height-textfield .stylized div,
		.assessment .assessmentBlock.weight-textfield .stylized div {
			background: url('/Content/Images/mycanceriq-arrow-black.svg') no-repeat center center;
			width: 10px;
			transform: rotate(90deg);
			overflow: hidden;
			position: absolute;
			top: 0;
			right: 10px;
			pointer-events: none;
			height: 100%;
		}

		/* notes - commented out colour and bg */
		.assessment .assessmentBlock.height-textfield .stylized select,
		.assessment .assessmentBlock.weight-textfield .stylized select {
			color: var(--oh-body);
			border: 0;
			width: 155%;
			padding: 10px 15px;
			background: transparent;
			-webkit-appearance: none;
			font-size: 15px;
			top: 0;
		}

			.assessment .assessmentBlock.height-textfield .stylized select option,
			.assessment .assessmentBlock.weight-textfield .stylized select option {
				color: #000;
			}

		.assessment .assessmentBlock.height-textfield .stylized.focused,
		.assessment .assessmentBlock.weight-textfield .stylized.focused {
			outline: -webkit-focus-ring-color auto 5px;
		}

	.assessment .assessmentBlock.gender-dropdown select {
		display: none;
	}

	.assessment .assessmentBlock.gender-dropdown .hide.gender {
		display: block;
	}

	.assessment .assessmentBlock.age-dropdown select {
		display: none;
	}

	.assessment .assessmentBlock.age-dropdown .hide.dial {
		display: block;
	}

		.assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer,
		.assessment .assessmentBlock.age-dropdown .hide.dial .dialContainer {
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: middle;
		}

			.assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button] {
				display: block;
				border: 0;
				width: 46px;
				height: 44px;
				margin-bottom: 40%;
			}

		.assessment .assessmentBlock.age-dropdown .hide.dial .dialContainer {
			margin-left: 2%;
		}

		.assessment .assessmentBlock.age-dropdown .hide.dial input.knob {
			font-family: 'cabinbold' !important;
			background: 0;
		}

	.assessment .assessmentBlock.agree-disagree .question,
	.assessment .assessmentBlock.three-option-slider .question {
		margin-top: 10%;
	}

		.assessment .assessmentBlock.agree-disagree .question .slideContainer,
		.assessment .assessmentBlock.three-option-slider .question .slideContainer {
			display: inline-block;
			*display: inline;
			zoom: 1;
			vertical-align: middle;
			width: 60%;
		}

			.assessment .assessmentBlock.agree-disagree .question .slideContainer .selectedSlide,
			.assessment .assessmentBlock.three-option-slider .question .slideContainer .selectedSlide {
				width: 110%;
				text-align: center;
				padding: 5% 0;
				margin-bottom: 10%;
			}

			.assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider,
			.assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider {
				position: relative;
				background: 0;
				border: 0;
				height: 7px;
				margin-left: 5%;
			}

				.assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .sliderBackground,
				.assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .sliderBackground {
					width: 114%;
					height: 7px;
					margin-left: -5.5%;
					position: absolute;
					left: 0;
					-webkit-border-top-right-radius: 10px;
					-webkit-border-bottom-right-radius: 10px;
					-webkit-border-bottom-left-radius: 10px;
					-webkit-border-top-left-radius: 10px;
					-moz-border-radius-topright: 10px;
					-moz-border-radius-bottomright: 10px;
					-moz-border-radius-bottomleft: 10px;
					-moz-border-radius-topleft: 10px;
					border-top-right-radius: 10px;
					border-bottom-right-radius: 10px;
					border-bottom-left-radius: 10px;
					border-top-left-radius: 10px;
					-moz-background-clip: padding;
					-webkit-background-clip: padding-box;
					background-clip: padding-box;
				}

				.assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .ui-slider-handle,
				.assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .ui-slider-handle {
					background: 0;
					width: 27px;
					height: 57px;
					top: -27px;
					z-index: 20;
				}

				.assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .ui-widget-header,
				.assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .ui-widget-header {
					background: 0;
				}

			.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer,
			.assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer {
				width: 114%;
			}

				.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator,
				.assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator {
					position: relative;
					z-index: 10;
					float: left;
					-webkit-border-top-right-radius: 10px;
					-webkit-border-bottom-right-radius: 10px;
					-webkit-border-bottom-left-radius: 10px;
					-webkit-border-top-left-radius: 10px;
					-moz-border-radius-topright: 10px;
					-moz-border-radius-bottomright: 10px;
					-moz-border-radius-bottomleft: 10px;
					-moz-border-radius-topleft: 10px;
					border-top-right-radius: 10px;
					border-bottom-right-radius: 10px;
					border-bottom-left-radius: 10px;
					border-top-left-radius: 10px;
					-moz-background-clip: padding;
					-webkit-background-clip: padding-box;
					background-clip: padding-box;
					height: 25px;
					width: 5px;
					background: green;
					margin: -16px 0 0 19%;
					pointer-events: none;
				}

					.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator.four,
					.assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator.four {
						margin-left: 26.3%;
					}

					.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator:first-child,
					.assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator:first-child {
						margin-left: 3%;
					}

		.assessment .assessmentBlock.agree-disagree .question p,
		.assessment .assessmentBlock.three-option-slider .question p {
			display: inline-block;
			*display: inline;
			zoom: 1;
			width: 29%;
			margin: 0 1%;
			vertical-align: middle;
		}

		.assessment .assessmentBlock.agree-disagree .question .radioContainer,
		.assessment .assessmentBlock.three-option-slider .question .radioContainer {
			display: none;
		}

	.assessment .assessmentBlock.three-option-slider .question {
		margin: 8% auto 3%;
	}

		.assessment .assessmentBlock.three-option-slider .question .slideContainer {
			position: relative;
			left: 50%;
			margin: 0 auto 0 -32%;
		}

			.assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator {
				margin-left: 40%;
			}

				.assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator span {
					position: relative;
					display: block;
					margin: -45px 0 0 -15px;
					color: #737374;
					font-family: 'cabinbold';
					font-size: 18px;
				}

					.assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator span.selected {
						color: #2a7840;
					}

				.assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator:first-child span {
					margin-left: -7px;
				}

	.template17 .accordionBlock .accordionContent .accordionInnerContent .left,
	.template17 .accordionBlock .accordionContent .accordionInnerContent .right {
		float: none;
		width: 100%;
	}

	.template17 .accordionBlock .accordionContent .accordionInnerContent .right {
		margin-top: 30px;
		border-left: 0;
		padding: 0;
	}

	/* notes - comment out */
	.template17 #riskContainer h2 {
		font-size: 29px;
		/* line-height: 29px; */
		margin-top: 0;
	}

		.template17 #riskContainer h2 span {
			display: block;
		}

	.template17 #riskContainer .icon {
		margin-left: 0;
		/* width: 18.4%; */
	}

	.template17 .remember .rightCopy {
		width: 100%;
		float: none;
	}

	.template17 .rightCopy h3 {
		font-size: 29px !important;
	}

	.template17 .leftIcon {
		/* margin-left: 0; */
		/* width: 18.4%; */
	}


	.template17 #actionPlan h2 {
		font-size: 29px;
		width: 100%;
		margin-top: 0;
	}

	.template17 .whatsNext {
		background: #fff;
	}

		.template17 .whatsNext h2 {
			padding-bottom: 25px;
			padding-top: 40px;
			font-size: 29px;
			margin: 0;
		}

		.template17 .whatsNext ol {
			margin-bottom: 30px;
		}

		/* notes - comment out */
		/* .template17 .whatsNext .leftIcon {
	margin-left: 0;
} */

		/* notes - comment out */
		/* .template17 .whatsNext .rightCopy {
	width: 74%;
} */

		.template17 .whatsNext .disclaimer {
			font-size: 13px;
			font-style: italic;
			margin-top: 10px;
		}

	.template17 .spotlights .spotlight {
		width: auto;
		float: none;
		text-align: left;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: hidden;
		padding-top: 30px;
		padding-bottom: 0;
	}

		.template17 .spotlights .spotlight .textContainer {
			background: transparent;
			float: right;
			margin-left: 4%;
			padding-left: 0;
			width: 78%;
		}

	.footerButton {
		background: transparent;
		float: right;
		margin-left: 4%;
		padding-left: 0;
		width: 78%;
	}

	.template17 .spotlights .spotlight p {
		margin-bottom: 5px;
	}

	.template17 .spotlights .spotlight img {
		width: 12%;
		float: left;
		margin: 0 0 0 4%;
		padding: 0;
	}

	.template17 .spotlights .spotlight h3 {
		font-size: 18px;
		margin-bottom: 2px;
	}

	.template17 .spotlights .spotlight:first-child .textContainer {
		background: transparent;
	}

	.template17 .spotlights .spotlight .nextCTA {
		border: 0;
		background: transparent;
		color: var(--oh-primary-dark);
		padding: 0;
		margin: 0;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: underline;
	}

		.template17 .spotlights .spotlight .nextCTA:after {
			display: none;
		}

	.template17 .spotlights .spotlight .textContainer {
		margin-left: 0;
		padding-left: 0;
		height: auto;
	}

	.footerButton {
		margin-left: 0;
		padding-left: 0;
		height: auto;
	}

	/* notes - comment out */
	/* .breast.risk-factors .secondary-nav .styled-select {
	background: #a91860;
} */

	/* notes - changed bg */
	.breast.risk-factors .secondary-nav .styled-select div {
		background: var(--oh-body) url('/Content/images/arrow_down.png') no-repeat center center;
	}

	/* notes - comment out */
	/* .assessment.breast-assessment .assessmentBlock.radio .background {
	background: url(/Content/images/assessment-pink-radio.png) no-repeat 0 -28px;
} */

	/* notes - comment out */
	/* .assessment.breast-assessment .assessmentBlock.radio .background.checked {
	background-position: 0 -1px;
} */

	/* notes - comment out */
	/* .assessment.breast-assessment .assessmentBlock.checkbox .background {
	background: url(/Content/images/assessment-pink-checkbox.png) no-repeat 0 -34px;
} */

	/* notes - comment out */
	/* .assessment.breast-assessment .assessmentBlock.checkbox .background.checked {
	background-position: 0 1px;
} */

	/* notes - comment out */
	/* .assessment.breast-assessment .assessmentBlock.height-textfield .background,
.assessment.breast-assessment .assessmentBlock.weight-textfield .background {
	background: url(/Content/images/assessment-pink-radio.png) no-repeat 0 -28px;
} */

	/* notes - comment out */
	/* .assessment.breast-assessment .assessmentBlock.height-textfield .background.checked,
.assessment.breast-assessment .assessmentBlock.weight-textfield .background.checked {
	background-position: 0 -1px;
} */

	/* notes - comment out */
	/* .assessment.breast-assessment .assessmentBlock.height-textfield .stylized,
.assessment.breast-assessment .assessmentBlock.weight-textfield .stylized {
	background-color: #a91860;
} */

	.assessment.breast-assessment .assessmentBlock.switch .switchContainer {
		border: 2px solid #a91860;
		background-color: #fce0fb;
	}

		.assessment.breast-assessment .assessmentBlock.switch .switchContainer .radioContainer label {
			color: #a91860;
		}

		.assessment.breast-assessment .assessmentBlock.switch .switchContainer .slider {
			background-color: #a91860;
			border: 2px solid #fff;
		}

	.assessment.breast-assessment .assessmentBlock.generic-dropdown .stylized {
		color: #fff;
		background-color: #a91860;
	}

		.assessment.breast-assessment .assessmentBlock.generic-dropdown .stylized img {
			background-position: -248px -9px;
		}

	.assessment.breast-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].upButton {
		background: url(/Content/images/assessment-pink-upButton.png) no-repeat;
	}

	.assessment.breast-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].downButton {
		background: url(/Content/images/assessment-pink-downButton.png) no-repeat;
	}

	.assessment.breast-assessment .assessmentBlock.agree-disagree .question .slideContainer .selectedSlide,
	.assessment.breast-assessment .assessmentBlock.three-option-slider .question .slideContainer .selectedSlide {
		color: #fff;
		background-color: #a91860;
		border: 3px solid #fff;
	}

	.assessment.breast-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .sliderBackground,
	.assessment.breast-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .sliderBackground {
		background-color: #a91860;
		border: 3px solid #fff;
	}

	.assessment.breast-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .ui-slider-handle,
	.assessment.breast-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .ui-slider-handle {
		background-color: #a91860;
		border: 3px solid #fff;
	}

	.assessment.breast-assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator,
	.assessment.breast-assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator {
		background-color: #fce0fb;
		border: 3px solid #a91860;
	}

	/* notes - comment out */
	/* .risk-factors.colorectal .secondary-nav .styled-select {
	background: #254780;
} */

	/* notes - changed bg */
	.risk-factors.colorectal .secondary-nav .styled-select div {
		background: var(--oh-body) url('/Content/images/arrow_down.png') no-repeat center center;
	}

	/* notes - comment out */
	/* .assessment.colorectal-assessment .assessmentBlock.radio .background {
	background: url(/Content/images/assessment-blue-radio.png) no-repeat 0 -28px;
} */

	/* notes - comment out */
	/* .assessment.colorectal-assessment .assessmentBlock.radio .background.checked {
	background-position: 0 -1px;
} */

	/* notes - comment out */
	/* .assessment.colorectal-assessment .assessmentBlock.checkbox .background {
	background: url(/Content/images/assessment-blue-checkbox.png) no-repeat 0 -34px;
} */

	/* notes - comment out */
	/* .assessment.colorectal-assessment .assessmentBlock.checkbox .background.checked {
	background-position: 0 1px;
} */

	.assessment.colorectal-assessment .assessmentBlock.switch .switchContainer {
		border: 2px solid #254780;
		background-color: #e8f1ff;
	}

		.assessment.colorectal-assessment .assessmentBlock.switch .switchContainer .radioContainer label {
			color: #254780;
		}

		.assessment.colorectal-assessment .assessmentBlock.switch .switchContainer .slider {
			background-color: #254780;
			border: 2px solid #fff;
		}

	.assessment.colorectal-assessment .assessmentBlock.generic-dropdown .stylized {
		color: #fff;
		background-color: #254780;
	}

		.assessment.colorectal-assessment .assessmentBlock.generic-dropdown .stylized img {
			background-position: -248px -9px;
		}

	/* notes - comment out */
	/* .assessment.colorectal-assessment .assessmentBlock.height-textfield .background,
.assessment.colorectal-assessment .assessmentBlock.weight-textfield .background {
	background: url(/Content/images/assessment-blue-radio.png) no-repeat 0 -28px;
} */

	/* notes - comment out */
	/* .assessment.colorectal-assessment .assessmentBlock.height-textfield .background.checked,
.assessment.colorectal-assessment .assessmentBlock.weight-textfield .background.checked {
	background-position: 0 -1px;
} */

	.assessment.colorectal-assessment .assessmentBlock.height-textfield .stylized,
	.assessment.colorectal-assessment .assessmentBlock.weight-textfield .stylized {
		/*background-color: #254780;*/
	}

	.assessment.colorectal-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].upButton {
		background: url(/Content/images/assessment-blue-upButton.png) no-repeat;
	}

	.assessment.colorectal-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].downButton {
		background: url(/Content/images/assessment-blue-downButton.png) no-repeat;
	}

	.assessment.colorectal-assessment .assessmentBlock.agree-disagree .question .slideContainer .selectedSlide,
	.assessment.colorectal-assessment .assessmentBlock.three-option-slider .question .slideContainer .selectedSlide {
		color: #fff;
		background-color: #254780;
		border: 3px solid #fff;
	}

	.assessment.colorectal-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .sliderBackground,
	.assessment.colorectal-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .sliderBackground {
		background-color: #254780;
		border: 3px solid #fff;
	}

	.assessment.colorectal-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .ui-slider-handle,
	.assessment.colorectal-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .ui-slider-handle {
		background-color: #254780;
		border: 3px solid #fff;
	}

	.assessment.colorectal-assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator,
	.assessment.colorectal-assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator {
		background-color: #7b88ab;
		border: 3px solid #fff;
	}

	/* notes - comment out */
	/* .lung.risk-factors .secondary-nav .styled-select {
	background: #474f59;
} */

	/* notes - changed bg */
	.lung.risk-factors .secondary-nav .styled-select div {
		background: var(--oh-body) url('/Content/images/arrow_down.png') no-repeat center center;
	}

	/* notes - comment out */
	/* .assessment.lung-assessment .assessmentBlock.radio .background {
	background: url(/Content/images/assessment-grey-radio.png) no-repeat 0 -28px;
} */

	/* .assessment.lung-assessment .assessmentBlock.radio .background.checked {
	background-position: 0 -1px;
} */

	/* .assessment.lung-assessment .assessmentBlock.checkbox .background {
	background: url(/Content/images/assessment-grey-checkbox.png) no-repeat 0 -34px;
} */

	/* .assessment.lung-assessment .assessmentBlock.checkbox .background.checked {
	background-position: 0 1px;
} */

	.assessment.lung-assessment .assessmentBlock.height-textfield .background,
	.assessment.lung-assessment .assessmentBlock.weight-textfield .background {
		background: url(/Content/images/assessment-grey-radio.png) no-repeat 0 -28px;
	}

		.assessment.lung-assessment .assessmentBlock.height-textfield .background.checked,
		.assessment.lung-assessment .assessmentBlock.weight-textfield .background.checked {
			background-position: 0 -1px;
		}

	.assessment.lung-assessment .assessmentBlock.height-textfield .stylized,
	.assessment.lung-assessment .assessmentBlock.weight-textfield .stylized {
		background-color: #474f59;
	}

	.assessment.lung-assessment .assessmentBlock.switch .switchContainer {
		border: 2px solid #474f59;
		background-color: #e6e7ea;
	}

		.assessment.lung-assessment .assessmentBlock.switch .switchContainer .radioContainer label {
			color: #474f59;
		}

		.assessment.lung-assessment .assessmentBlock.switch .switchContainer .slider {
			background-color: #474f59;
			border: 2px solid #fff;
		}

	.assessment.lung-assessment .assessmentBlock.generic-dropdown .stylized {
		color: #fff;
		background-color: #474f59;
	}

		.assessment.lung-assessment .assessmentBlock.generic-dropdown .stylized img {
			background-position: -248px -9px;
		}

	.assessment.lung-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].upButton {
		background: url(/Content/images/assessment-grey-upButton.png) no-repeat;
	}

	.assessment.lung-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].downButton {
		background: url(/Content/images/assessment-grey-downButton.png) no-repeat;
	}

	.assessment.lung-assessment .assessmentBlock.agree-disagree .question .slideContainer .selectedSlide,
	.assessment.lung-assessment .assessmentBlock.three-option-slider .question .slideContainer .selectedSlide {
		color: #fff;
		background-color: #474f59;
		border: 3px solid #fff;
	}

	.assessment.lung-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .sliderBackground,
	.assessment.lung-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .sliderBackground {
		background-color: #474f59;
		border: 3px solid #fff;
	}

	.assessment.lung-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .ui-slider-handle,
	.assessment.lung-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .ui-slider-handle {
		background-color: #474f59;
		border: 3px solid #fff;
	}

	.assessment.lung-assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator,
	.assessment.lung-assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator {
		background-color: #e6e7ea;
		border: 3px solid #474f59;
	}

	/* notes - comment out */
	/* .cervical.risk-factors .secondary-nav .styled-select {
	background: #1a6b5d;
} */

	/* notes - changed bg */
	.cervical.risk-factors .secondary-nav .styled-select div {
		background: var(--oh-body) url('/Content/images/arrow_down.png') no-repeat center center;
	}

	/* notes - comment out */
	/* .assessment.cervical-assessment .assessmentBlock.radio .background {
	background: url(/Content/images/assessment-green-radio.png) no-repeat 0 -28px;
} */

	/* notes - comment out */
	/* .assessment.cervical-assessment .assessmentBlock.radio .background.checked {
	background-position: 0 -1px;
} */

	/* notes - comment out */
	/* .assessment.cervical-assessment .assessmentBlock.checkbox .background {
	background: url(/Content/images/assessment-green-checkbox.png) no-repeat 0 -34px;
} */

	/* notes - comment out */
	/* .assessment.cervical-assessment .assessmentBlock.checkbox .background.checked {
	background-position: 0 1px;
} */

	.assessment.cervical-assessment .assessmentBlock.height-textfield .background,
	.assessment.cervical-assessment .assessmentBlock.weight-textfield .background {
		background: url(/Content/images/assessment-green-radio.png) no-repeat 0 -28px;
	}

		.assessment.cervical-assessment .assessmentBlock.height-textfield .background.checked,
		.assessment.cervical-assessment .assessmentBlock.weight-textfield .background.checked {
			background-position: 0 -1px;
		}

	.assessment.cervical-assessment .assessmentBlock.height-textfield .stylized,
	.assessment.cervical-assessment .assessmentBlock.weight-textfield .stylized {
		background-color: #1a6b5d;
	}

	.assessment.cervical-assessment .assessmentBlock.switch .switchContainer {
		border: 2px solid #1a6b5d;
		background-color: #ddfaf5;
	}

		.assessment.cervical-assessment .assessmentBlock.switch .switchContainer .radioContainer label {
			color: #1a6b5d;
		}

		.assessment.cervical-assessment .assessmentBlock.switch .switchContainer .slider {
			background-color: #1a6b5d;
			border: 2px solid #fff;
		}

	.assessment.cervical-assessment .assessmentBlock.generic-dropdown .stylized {
		color: #fff;
		background-color: #1a6b5d;
	}

		.assessment.cervical-assessment .assessmentBlock.generic-dropdown .stylized img {
			background-position: -248px -9px;
		}

	.assessment.cervical-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].upButton {
		background: url(/Content/images/assessment-green-upButton.png) no-repeat;
	}

	.assessment.cervical-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type=button].downButton {
		background: url(/Content/images/assessment-green-downButton.png) no-repeat;
	}

	.assessment.cervical-assessment .assessmentBlock.agree-disagree .question .slideContainer .selectedSlide,
	.assessment.cervical-assessment .assessmentBlock.three-option-slider .question .slideContainer .selectedSlide {
		color: #fff;
		background-color: #1a6b5d;
		border: 3px solid #fff;
	}

	.assessment.cervical-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .sliderBackground,
	.assessment.cervical-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .sliderBackground {
		background-color: #1a6b5d;
		border: 3px solid #fff;
	}

	.assessment.cervical-assessment .assessmentBlock.agree-disagree .question .slideContainer .accessibleSlider .ui-slider-handle,
	.assessment.cervical-assessment .assessmentBlock.three-option-slider .question .slideContainer .accessibleSlider .ui-slider-handle {
		background-color: #1a6b5d;
		border: 3px solid #fff;
	}

	.assessment.cervical-assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator,
	.assessment.cervical-assessment .assessmentBlock.three-option-slider .question .slideContainer .indicatorContainer .indicator {
		background-color: #ddfaf5;
		border: 3px solid #1a6b5d;
	}
}

@media screen and (max-width:985px) {

	.two-column .bottom-header {
		padding: 20px 0 25px 24px !important;
	}

	.two-column .content-body ul .copy-info {
		width: 55%;
	}

	.two-column .top-header {
		width: 96% !important;
	}

	.two-column .bottom-header {
		width: 96% !important;
	}

	.resourceImage {
		width: 90%;
	}

	.assessment-start .bottom-header {
		padding: 20px 0 25px 24px !important;
	}

	.assessment-start .content-body ul .copy-info {
		width: 55%;
	}

	.assessment-start .top-header {
		width: 96% !important;
	}

	.assessment-start .bottom-header {
		width: 96% !important;
	}
}

@media screen and (max-width:960px) {

	.name {
		display: -webkit-flex; /* Safari */
		display: flex;
	}

	#footer p,
	#footer h2 {
		width: 91%;
	}

	#footer .ontarioLogo {
		margin-top: 36px;
		margin-right: 4%;
	}

	#footer .note {
		margin-top: 80px;
	}
}

@media screen and (max-width:869px) {

	.content-assesment h4 {
		padding-top: 35%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width:850px) {

	.one-column.simple .success {
		width: 100%;
	}

	.one-column.simple .margin-right-column {
		margin-left: 0 !important;
	}

		.one-column.simple .margin-right-column p {
			width: 39%;
		}

		.one-column.simple .margin-right-column .return-to-assessment {
			float: left;
			margin-left: -1%;
		}
}

@media (max-width:768px) {

	.top-header h1 {
		font-size: 40px;
	}

	.top-header h2 {
		font-size: 27px;
	}

	.iq-wrapper {
		width: 340px;
		line-height: 1;
		padding-bottom: 1%;
		padding-left: 29px;
		vertical-align: middle;
		display: inline-block;
	}
}

@media screen and (max-width:760px) {

	.resourceImage {
		width: 90%;
	}

	.shareLinks {
		min-width: 175%;
		right: 0px;
	}

	.two-column .top-header {
		width: 95.0% !important;
	}

	.two-column .bottom-header {
		width: 95.0% !important;
	}

	.two-column .content-body ul .copy-info {
		width: 50%;
	}

	.resourceImage {
		width: 90%;
	}

	.assessment-start .top-header {
		width: 95.0% !important;
	}

	.assessment-start .bottom-header {
		width: 95.0% !important;
	}

	.assessment-start .interior-header h3 {
		width: 60%;
	}

	.assessment-start .right-col h4 {
		width: 155px !important;
	}

	.assessment-start .interior-header .icon-header img {
		margin: -40px -120px 0 0;
	}

	.assessment-start .disclaimer p {
		width: 80% !important;
	}
}

@media screen and (max-width:750px) {

	.resourceImage {
		width: 90%;
	}

	.two-column.getupdates .margin-right-column .submit {
		float: right;
	}

	.one-column.simple .margin-right-column {
		margin-left: 0 !important;
	}

		.one-column.simple .margin-right-column .submit {
			float: none;
		}

		.one-column.simple .margin-right-column p {
			padding-bottom: 20px;
			width: 68% !important;
			float: none;
			margin: 0 auto;
		}

		.one-column.simple .margin-right-column .return-to-assessment {
			float: none;
			margin: 0 auto;
		}

	.links-left-col {
		width: 25% !important;
		float: left;
		max-width: 125px;
	}

	.links-right-col {
		width: 75% !important;
		float: right;
	}
}

@media screen and (max-width:700px) {

	.resourceImage {
		width: 90%;
	}

	.content-assesment h4 {
		padding-top: 45%;
		margin-bottom: 20px;
	}

	.assessment-start.top-header {
		width: 94.0% !important;
	}

	.assessment-start.bottom-header {
		width: 94.0% !important;
	}

	.assessment-start.interior-header h1 {
		font-size: 32px;
	}

	.assessment-start .interior-header h1 {
		font-size: 32px;
	}

	.assessment-start .interior-header h3 {
		font-size: 14px;
		width: 60%;
		line-height: 20px;
	}

	.interior-header .icon-header img {
		margin: -40px -120px 0 0 !important;
	}
}

@media screen and (max-width:690px) {

	.two-column .interior-header h1 {
		font-size: 32px;
	}

	.two-column .interior-header h1 {
		font-size: 32px;
	}

	.two-column .interior-header h3 {
		font-family: 'cabinbold_italic';
		color: #185c8d;
		font-size: 14px;
		width: 50%;
		line-height: 20px;
	}

	/* notes - added css */
	.two-column .content-body ul a > img {
		margin-top: 0;
	}

	.resourceImage {
		width: 90%;
	}

	.two-column .interior-header .icon-header img {
		margin-right: -50px;
	}

	.two-column .top-header {
		width: 94.0% !important;
	}

	.two-column .bottom-header {
		width: 94.0% !important;
	}

	.content-body ul li img {
		margin-bottom: 50px;
	}

	.content-body ul li .copy-info {
		width: 70% !important;
		margin-top: 0 !important;
	}

		.content-body ul li .copy-info .longer-para {
			width: 100%;
		}

	.content-body ul li .take-the-quiz {
		float: left !important;
		margin-top: 10px;
		margin-left: 0 !important;
	}
}

@media screen and (max-width:680px) {

	.one-column.simple .success {
		width: 100%;
	}

	.one-column.simple .margin-right-column {
		margin-left: 0 !important;
	}

		.one-column.simple .margin-right-column .submit {
			float: none;
		}

		.one-column.simple .margin-right-column p {
			padding-bottom: 20px;
			width: 85% !important;
		}
}

@media (max-width:660px) {

	.header .bottom-header {
		width: 94.5%;
	}

	.header .top-header {
		width: 94.5%;
	}

	.header .icon-header {
		overflow: hidden;
		width: auto;
		height: auto;
		right: 0;
	}

		.header .icon-header img {
			margin-right: -70px;
		}

	.callouts .callout img {
		margin-bottom: 50% !important;
	}
}

@media screen and (max-width:650px) {

	.resourceImage {
		width: 90%;
	}

	.two-column.getupdates h1 {
		font-size: 30px;
	}

	.two-column.getupdates .top-header {
		width: 94%;
	}

	.two-column.getupdates .header-icon {
		right: 0;
	}

		.two-column.getupdates .header-icon img {
			margin-top: -55px;
			margin-right: -68px;
		}

	.two-column.getupdates .content-body input[type=text],
	.two-column.getupdates .content-body input[type=password] {
		width: 180px !important;
	}
}

@media screen and (max-width:640px) {

	.iqlogo {
		width: 220px;
	}

	hr.vertical {
		background-color: #FFF;
		color: #FFF;
		border: none;
	}

	/* notes - I don't think we need this CSS now. */
	/* .iq-wrapper {
	padding-bottom: 2%;
	width: 300px;
} */

	.iq-wrapper h5 {
		font-size: 30px;
	}

	.iq-wrapper h4 {
		font-size: 15px;
	}

	.interior-banner .shareLinks {
		right: 0;
	}

		.interior-banner .shareLinks a {
			font-size: 16px;
			white-space: nowrap;
			margin-bottom: 10px;
		}

			.interior-banner .shareLinks a img {
				/* background: url('/Content/images/social.png') no-repeat; */ /* notes - bg removed */
				background-size: 100%;
				width: 24px;
				height: 24px;
				vertical-align: middle;
				margin-right: 8px;
			}

			/* notes - we don't need these CSS */

			/* .interior-banner .shareLinks a.email img {
	background-position: 0 0;
}

.interior-banner .shareLinks a.facebook img {
	background-position: 0 -25px;
}

.interior-banner .shareLinks a.twitter img {
	background-position: 0 -50px;
}

.interior-banner .shareLinks a.linkedin img {
	background-position: 0 -75px;
} */

			.interior-banner .shareLinks a.stumbleupon img {
				background-position: 0 -99px;
			}

			.interior-banner .shareLinks a.reddit img {
				background-position: 0 -124px;
			}

			.interior-banner .shareLinks a.pinterest img {
				background-position: 0 -149px;
			}

			.interior-banner .shareLinks a.print img {
				background-position: 0 -173px;
			}

			.interior-banner .shareLinks a.google_plus img {
				background-position: 0 -199px;
			}

	.interior-banner .banner-wrapper .icon-banner {
		width: 56%;
		text-align: right;
	}

	/* notes - comment out */
	/* .interior-banner .banner-wrapper .icon-banner img {
	margin-right: -28%;
	margin-top: -48%;
	width: 100%;
} */

	.interior-banner .banner-wrapper .top-text h1 {
		padding: 34px 24px;
		font-size: 30px;
	}

	/* notes - comment out */
	/* .interior-banner .banner-wrapper .bottom-text {
	background: #e0edfc;
} */

	.interior-banner .banner-wrapper .bottom-text p {
		font-size: 14px;
	}

	.interior-banner.simple h1 {
		min-height: 80px;
	}

	.resourceImage {
		width: 90%;
	}

	.two-column.simple h1 {
		font-size: 30px;
	}

	.two-column.simple .top-header {
		width: 94%;
		padding: 37px 0 38px 24px;
	}

	.two-column.simple .header-icon {
		right: 0;
	}

		.two-column.simple .header-icon img {
			margin-top: -55px;
			margin-right: -68px;
		}

	.exitSurveyConfirm .success {
		width: 100%;
		margin-bottom: 20px;
		float: none;
	}

	.exitSurveyConfirm .button-container {
		text-align: center;
	}

	.exitSurveyConfirm .return-assessment {
		float: none;
		margin: 0 auto;
		font-size: 12px;
		padding: 8px 10px;
	}

		.exitSurveyConfirm .return-assessment img {
			margin-right: 10px;
		}
}

@media all and (max-width:620px) {


	.header .quiz-list li.first {
		width: 50%;
	}

	.header .quiz-list li.firstmod {
		width: 50%;
		background: 0;
	}

	.header .quiz-list li.even {
		background: 0px;
	}

	.header .quiz-list li {
		width: 50%;
	}

		.header .quiz-list li.last {
			width: 50%;
		}

		.header .quiz-list li.lastmod {
			width: 50%;
			background: url("/Content/images/icon-border.png") no-repeat right 33px;
			padding: 12px 0px 20px;
			float: left;
		}

		.header .quiz-list li a {
			font-size: 19px;
		}

	.top-content-area .top-text,
	.top-content-area .header .bottom-header {
		text-align: center;
	}

	.iq-wrapper {
		padding: 1% 0 4%;
		display: inline-block;
	}

	.iqlogo {
		margin: 0;
		padding: 4%;
	}

	hr.vertical {
		display: none;
	}
}


@media (max-width:620px) {

	.header .bottom-header {
		width: 93.5%;
	}

	.header .top-header {
		width: 93.5%;
	}

		.header .top-header h1 {
			font-size: 30px;
		}

		.header .top-header h2 {
			font-size: 22px;
		}

	.bottom-header h3 {
		font-size: 20px;
	}

	.header .quiz-list li.first {
		width: 50%;
	}

	.header .quiz-list li.firstmod {
		width: 50%;
		background: 0;
	}

	.header .quiz-list li.even {
		background: 0px;
	}

	.header .quiz-list li {
		width: 50%;
	}

		.header .quiz-list li.last {
			width: 50%;
		}

		.header .quiz-list li.lastmod {
			width: 50%;
			background: url("/Content/images/icon-border.png") no-repeat right 33px;
			padding: 12px 0px 20px;
			float: left;
		}

		.header .quiz-list li a {
			font-size: 19px;
			width: 100px;
		}


	.callouts {
		background: none !important;
	}

		.callouts .left {
			float: none !important;
		}

		.callouts .right {
			float: none !important;
		}

		.callouts .callout {
			width: 210% !important;
		}

			.callouts .callout img {
				margin-bottom: 50px !important;
			}

	h2 {
		width: 55%;
	}
}

@media screen and (max-width:620px) {

	.lowResHide {
		display: none;
	}

	.lowResShow {
		display: block;
	}

	#footer .wrapper {
		width: 100%;
	}

	#footer ul {
		float: none;
		margin-top: 0;
		margin-bottom: 26px;
	}

		#footer ul li {
			float: none;
			margin-left: 0;
			text-align: center;
		}

			#footer ul li a {
				display: block;
				padding: 15px 0;
				font-size: 17px;
				border-bottom: 1px solid #fff;
			}

	#footer p,
	#footer h2 {
		width: 91%;
		margin: 0 auto;
	}

	#footer .note {
		margin-top: 80px;
		margin-left: 4%;
	}

		#footer .note p {
			float: none;
		}

	#footer .ontarioLogo {
		margin-top: 36px;
		margin-right: 4%;
	}
}

@media screen and (max-width:590px) {

	.resourceImage {
		width: 90%;
	}

	.assessment-start .interior-header h1 {
		width: 80%;
	}

	.assessment-start .interior-header .icon-header img {
		margin-right: -80px;
	}

	.assessment-start .top-header {
		width: 93.5% !important;
	}

	.assessment-start .bottom-header {
		width: 93.5% !important;
	}

	.assessment-start .interior-header h3 {
		width: 65% !important;
	}

	.assessment-start .margin-right-column .disclaimer {
		width: 90%;
		float: none !important;
		margin-bottom: 30px;
	}

	.assessment-start .margin-right-column .start-now {
		float: none;
		margin-left: 30%;
	}
}

@media screen and (max-width:580px) {

	.resourceImage {
		width: 90%;
	}

	.two-column .interior-header .icon-header img {
		margin-right: -80px;
	}

	.two-column .top-header {
		width: 94.0% !important;
	}

	.two-column .bottom-header {
		width: 94.0% !important;
	}

	.interior-header h3 {
		width: 55% !important;
	}
}

@media screen and (max-width:570px) {

	.resourceImage {
		width: 90%;
	}

	.content-assesment h4 {
		padding-top: 75%;
		margin-bottom: 20px;
	}

	.two-column.getupdates .content-body {
		padding: 0 10px 0 10px !important;
	}

		.two-column.getupdates .content-body input[type=text],
		.two-column.getupdates .content-body input[type=password] {
			padding: 10px 0 10px 5px;
			width: 180px !important;
		}

	.two-column.getupdates .margin-right-column label,
	.two-column.getupdates .margin-right-column p {
		margin-bottom: 20px;
	}

	.two-column.getupdates .margin-right-column p {
		margin-top: 10px !important;
	}

	.two-column.getupdates .margin-right-column .submit,
	.two-column.getupdates .margin-right-column .take-an-assessment {
		float: none !important;
		display: block !important;
		margin: 0 auto !important;
	}
}

@media screen and (max-width:560px) {

	.risk-factors .left-col {
		float: left;
		width: 30% !important;
	}

	.risk-factors .right-col {
		float: right;
		width: 70% !important;
	}
}

@media (max-width:550px) {

	.header .icon-header img {
		margin-right: -30%;
	}
}

@media screen and (max-width:550px) {

	.resourceImage {
		width: 90%;
	}

	.assessment-start .interior-header .icon-header img {
		margin-right: -180px !important;
	}

	.assessment-start .top-header {
		width: 93.0% !important;
	}

	.assessment-start .bottom-header {
		width: 93.0% !important;
	}

	.assessment-start .interior-header h3 {
		width: 70% !important;
	}

	.content-body ul li .copy-info {
		width: 60% !important;
	}

	.one-column.simple .content-body input[type=text],
	.one-column.simple .content-body input[type=password] {
		padding: 10px 0 10px 5px !important;
		width: 50% !important;
	}

	.one-column.simple .success {
		width: 100%;
	}

	.one-column.simple .button-container {
		text-align: center;
	}

	.one-column.simple .return-assessment {
		margin: 0 auto;
		font-size: 12px;
		padding: 8px 10px;
	}

		.one-column.simple .return-assessment img {
			margin-right: 10px;
		}

	.one-column.simple .margin-right-column {
		margin-left: 0 !important;
	}

		.one-column.simple .margin-right-column p {
			padding-bottom: 20px;
			width: 80% !important;
			float: none;
		}
}

@media screen and (max-width:530px) {

	.resourceImage {
		width: 90%;
	}

	.two-column .interior-header .icon-header img {
		margin-right: -100px;
	}

	.two-column .top-header {
		width: 93.0% !important;
	}

	.two-column .bottom-header {
		width: 93.0% !important;
	}

	.interior-header h3 {
		width: 60% !important;
	}

	.content-body ul li .copy-info {
		width: 60% !important;
	}
}

@media (max-width:525px) {

	.assessment .assessmentNav {
		width: 100%;
		max-width: 310px;
	}

		.assessment .assessmentNav ul li {
			margin-bottom: 10%;
		}

	.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator {
		margin-left: 16.5%;
	}

	.assessment .assessmentBlock.agree-disagree .question .slideContainer .selectedSlide {
		margin-bottom: 23%;
	}

	.assessment form {
		clear: both;
	}
}

@media screen and (max-width:510px) {

	.resourceImage {
		width: 90%;
	}

	.content-assesment h4 {
		padding-top: 10px;
		margin-bottom: 20px;
	}

	.assessment-start .margin-left-column .start-now {
		margin-right: 45%;
		float: right;
	}

	.assessment-start .double {
		height: 212px !important;
	}

		.assessment-start .double .bottom-header {
			width: 89%;
		}

			.assessment-start .double .bottom-header h3 {
				width: 90% !important;
				text-align: left !important;
				margin-left: 0;
				margin-top: -5px;
				font-size: 14px;
			}

		.assessment-start .double .top-header {
			width: 89%;
		}

			.assessment-start .double .top-header .share-this {
				right: -3px;
				top: 180px;
			}

			.assessment-start .double .top-header h1 {
				line-height: 24px;
				font-size: 24px;
			}

			.assessment-start .double .top-header h2 {
				width: 95%;
				line-height: 20px;
				font-size: 16px;
			}

		.assessment-start .double .icon-header {
			height: 104px;
		}

			.assessment-start .double .icon-header img {
				width: 160px;
				margin-right: -30px !important;
			}

	.assessment-start .content-assesment {
		background: 0;
	}

		.assessment-start .content-assesment .left-col {
			width: 100%;
			float: none;
			background: url(/Content/images/dash-horizontal.png) 0 100% repeat-x;
		}

		.assessment-start .content-assesment .right-col { /*background: url("/Content/images/dash-horizontal.png") repeat-x 0px 100%;*/
			width: 100%;
			padding-top: 20px;
			padding-bottom: 0px;
			float: none;
			position: relative;
		}

			.assessment-start .content-assesment .right-col .right-col-marg {
				margin-left: -20px;
			}

			.assessment-start .content-assesment .right-col img {
				margin-left: -8%;
			}

			.assessment-start .content-assesment .right-col h4 {
				width: 75px !important;
				margin-right: 80px;
				float: left;
				margin-top: -5px;
				line-height: 18px;
				font-size: 14px;
				margin-left: 75px;
			}

		.assessment-start .content-assesment .time-of-quiz {
			position: absolute;
			top: 80px;
			margin-left: 315px;
		}

		.assessment-start .content-assesment h2,
		.margin-right-column h2 {
			font-size: 22px;
		}

		.assessment-start .content-assesment ul li .copy-info {
			width: 72% !important;
		}

		.assessment-start .content-assesment ul li img {
			margin-bottom: 100px;
			width: 22%;
		}
}

@media screen and (max-width:490px) {

	.resourceImage {
		width: 90%;
	}

	.assessment-start .margin-left-column .start-now {
		margin-right: 35% !important;
		float: right !important;
	}

	.two-column .double {
		height: 174px !important;
	}

		.two-column .double .bottom-header {
			width: 89%;
		}

			.two-column .double .bottom-header h3 {
				width: 100% !important;
				text-align: center !important;
				margin-left: -10px;
				margin-top: -5px;
				font-size: 12px;
				line-height: 14px;
			}

		.two-column .double .top-header {
			padding: 42px 0 37px 24px !important;
			width: 89%;
		}

			.two-column .double .top-header .share-this {
				right: -3px;
				top: 150px;
			}

			.two-column .double .top-header h1 {
				line-height: 20px;
				font-size: 24px;
			}

			.two-column .double .top-header h2 {
				width: 95%;
				line-height: 20px;
				font-size: 16px;
			}

		.two-column .double .icon-header img {
			width: 126px;
			height: 98px;
			margin-right: -20px !important;
		}

	.two-column .content-body {
		margin-top: 40px;
	}

		.two-column .content-body h2 {
			font-size: 22px;
			margin-bottom: 10px !important;
			margin-top: 20px;
			line-height: 20px;
		}

		.two-column .content-body ul {
			margin-top: 0 !important;
		}

			.two-column .content-body ul .first {
				margin-top: 5px;
				padding-top: 30px;
			}

			.two-column .content-body ul li .copy-info {
				width: 72% !important;
			}

			/* notes - comment out */
			.two-column .content-body ul li img {
				/* width: 22%;  */
				margin-bottom: 10px;
			}

	.links-left-col {
		float: left;
		width: 45% !important;
		max-width: 125px;
	}

	.links-right-col {
		width: 100% !important;
		float: left;
	}
}

@media screen and (max-width:480px) {

	.inner-left {
		width: 100% !important;
	}

	.risk-factors .content-body .copy-section img {
		margin-left: 0;
	}

	.resourceImage {
		width: 90%;
	}

	.interior-banner .banner-wrapper .icon-banner {
		display: none;
	}

	.interior-banner .banner-wrapper .top-text {
		overflow: hidden;
		position: relative;
	}

		.interior-banner .banner-wrapper .top-text h1 {
			padding: 26px 24px 20px 24px;
			font-size: 20px;
			line-height: 20px;
		}

		/* notes - updated width */
		.interior-banner .banner-wrapper .top-text .icon-banner-mobile {
			display: block;
			text-align: right;
			position: absolute;
			top: 0;
			right: 0;
			width: 25%;
		}

			/* notes - comment out */
			.interior-banner .banner-wrapper .top-text .icon-banner-mobile img {
				/* width: 116%;
	margin-right: -30%;
	margin-top: -10%; */
				opacity: var(--oh-opacity20);
			}

	.interior-banner .banner-wrapper .bottom-text {
		/* background: #e0edfc; */ /* notes - comment out */
		padding-bottom: 25px;
	}

		.interior-banner .banner-wrapper .bottom-text:before {
			height: 5px;
			margin-top: -15px;
		}

		.interior-banner .banner-wrapper .bottom-text p {
			font-size: 14px;
			line-height: 14px;
			width: auto;
		}

	.interior-banner .share-this {
		bottom: -12px;
		top: auto;
		right: -3px;
	}

	.interior-banner.simple h1 {
		min-height: 50px;
	}

	.interior-banner.simple .banner-wrapper .icon-banner img {
		margin-right: 4px;
	}

	.interior-banner.simple .banner-wrapper .top-text {
		overflow: hidden;
		position: relative;
	}

		.interior-banner.simple .banner-wrapper .top-text h1 {
			padding: 26px 24px;
			font-size: 20px;
			line-height: 20px;
		}

	.interior-banner.simple .banner-wrapper .top-text .icon-banner-mobile {
			display: block;
			text-align: right;
			position: absolute;
			top: 0;
			right: 0;
			width: 38%;
		}

			/* notes - updated width and opacity */
			.interior-banner.simple .banner-wrapper .top-text .icon-banner-mobile img {
				width: 100%;
				margin-right: -6%;
				margin-top: -12%;
				opacity: var(--oh-opacity20);
			}

	.interior-banner.simple .share-this {
		bottom: -28px;
		top: auto;
		right: -3px;
	}

	.resourceImage {
		width: 90%;
	}

	.two-column.simple h1 {
		font-size: 15px;
		line-height: 22px;
	}

	.two-column.simple .top-header {
		width: 92%;
	}

	.two-column.simple .header-icon {
		right: 0;
	}

		.two-column.simple .header-icon img {
			width: 61%;
			position: relative;
			right: -80px;
			margin-top: -23px;
		}

	.two-column.simple .interior-header {
		margin-bottom: 30px;
	}

	.resourceImage {
		width: 90%;
	}

	.resourceImage {
		width: 90%;
	}

	.two-column.getupdates h1 {
		font-size: 26px;
		width: 100%;
	}

	.two-column.getupdates .top-header {
		width: 92%;
	}

	.two-column.getupdates .header-icon {
		right: 0;
	}

		.two-column.getupdates .header-icon img {
			width: 85%;
			position: relative;
			right: -100px;
			margin-top: -23px;
		}

	.two-column.getupdates .interior-header {
		margin-bottom: 30px;
	}

	.two-column.getupdates .field-row .text-label {
		width: 110px !important;
		display: inline-block;
	}

	.two-column.getupdates .margin-right-column label,
	.two-column.getupdates .margin-right-column p {
		width: 75% !important;
		margin-bottom: 20px;
		float: left;
		margin-top: -20px;
	}

	.one-column.simple .return-to-assessment {
		width: 285px;
		font-size: 15px;
	}

	.one-column.simple .field-row .text-label {
		width: 90px;
		display: inline-block;
		vertical-align: middle;
	}

	.one-column.simple .field-row input[type=text],
	.one-column.simple .field-row input[type=password] {
		width: 42%;
		vertical-align: middle;
		font-size: 11px;
	}

	.one-column.simple .field-row .error-qm {
		vertical-align: top;
	}

	.one-column.simple .success {
		width: 100%;
		margin-bottom: 20px;
		float: none;
	}

	.one-column.simple .button-container {
		text-align: center;
	}

	.one-column.simple .return-assessment {
		margin: 0 auto;
		font-size: 12px;
		padding: 8px 10px;
	}

		.one-column.simple .return-assessment img {
			margin-right: 10px;
		}

	.one-column.simple .margin-right-column label {
		width: 85% !important;
		margin-bottom: 20px;
		float: none;
		margin-top: -20px;
	}

	.one-column.simple .margin-right-column .submit {
		margin: 0 auto;
	}

	.one-column.simple .margin-right-column p {
		padding-bottom: 20px;
		width: 80% !important;
		float: none;
	}

	.one-column.simple .top-header {
		padding: 33px 0 35px 24px;
	}

		.one-column.simple .top-header h1 {
			font-size: 28px;
			line-height: 30px;
		}

		.one-column.simple .top-header .icon-header img {
			margin-top: -5px;
			width: 64%;
		}

	.risk-factors .left-col {
		float: left;
		width: 30% !important;
	}

	.risk-factors .right-col {
		float: right;
		width: 70% !important;
	}

	.risk-factors ul li img {
		margin-right: 20px !important;
	}

	.risk-factors ul li .copy-info {
		width: 70% !important;
	}

		.risk-factors ul li .copy-info ul {
			margin: 0 0 0 20px !important;
		}

	#mainContent {
		padding-top: 18px;
	}

	.content-body h2 {
		font-size: 22px;
	}

	.content-body p {
		color: var(--oh-body); /* notes - color updated */
		font-size: 14px;
	}

	.content-body blockquote {
		float: none;
		width: auto;
		margin: 0 5% 20px 5%;
		padding: 0;
	}

	.content-body .img-right {
		float: right;
		margin-left: 30px;
		width: 40%;
	}
}

@media (max-width:480px) {

	.header .bottom-header {
		width: 92.5%;
	}

	.header .top-header {
		width: 92.5%;
	}

	.header .icon-header img {
		margin-right: -40%;
	}

	.bottom-header h3 {
		margin-left: -20px;
	}

	/* notes - comment out */
	.template17 #riskContainer h2 {
		font-size: 18px;
		/* line-height: 18px; */
	}

	.template17 .remember .rightCopy h3 {
		font-size: 18px;
	}

	.template17 .rightCopy h3 {
		font-size: 18px !important;
	}

	.template17 .save {
		font-size: 16px;
		font-family: 'cabinmedium';
	}

		.template17 .save span {
			float: none;
			display: block;
			text-align: center;
		}

		.template17 .save ul {
			float: none;
			text-align: center;
		}

			.template17 .save ul li {
				display: inline-block;
				float: none;
				margin-left: 10px;
			}

				.template17 .save ul li:first-child {
					margin-left: 0;
				}

	.template17 #exitSurvey .innerContent p {
		font-size: 16px;
		line-height: 25px;
		margin-top: 10px;
	}
}
/*Newly added by mciq team */
/*@media screen and (min-width: 431px) and (max-width: 480px) {
	.interior-banner .banner-wrapper .top-text h1 {
			padding: 26px 24px 20px 24px;
			font-size: 20px;
			line-height: 20px;
		}

  .interior-banner.simple .banner-wrapper .top-text h1 {
			padding: 26px 24px;
			font-size: 20px;
			line-height: 20px;
		}
}

@media screen and (min-width: 360px) and (max-width: 430px) {
	.interior-banner .banner-wrapper .top-text h1 {
		padding: 26px 24px 20px 24px;
		font-size: 16px;
	}
}*/

	@media screen and (max-width:440px) {

		.resourceImage {
			width: 90%;
		}

		.content-assesment {
			padding: 0 10px 0 10px;
		}

		.assessment-start .content-assesment .right-col .right-col-marg {
			margin-left: -20px;
		}

			.assessment-start .content-assesment .right-col .right-col-marg img {
				margin-left: -13%;
			}

			.assessment-start .content-assesment .right-col .right-col-marg .time-of-quiz {
				margin-left: 290px;
			}
	}

	@media (max-width:430px) {

		.header .bottom-header {
			width: 89%;
		}

		.header .top-header {
			padding: 20px 0 19px 24px;
			width: 89%;
		}

			.header .top-header h1 {
				line-height: 20px;
				font-size: 20px;
			}

			.header .top-header h2 {
				width: 65%;
				line-height: 20px;
				font-size: 16px;
			}

		.header .icon-header img {
			margin-right: -40%;
		}

		.bottom-header h3 {
			font-size: 14px;
			margin-left: -20px;
		}

		.callouts .callout img {
			margin-bottom: 100px !important;
		}

		.header .icon-header img {
			width: 126px;
			height: 98px;
			float: right;
			margin-right: -45px;
		}

		.header .quiz-list li a {
			font-size: 16px;
		}

		.assessment-area .full-content-area {
			overflow: hidden;
		}

		.assessment {
			padding-bottom: 10%;
		}

			.assessment .assessmentBlock.radio .radioContainer:first-child,
			.assessment .assessmentBlock.checkbox .radioContainer:first-child {
				margin-top: 10%;
			}

			.assessment .assessmentBlock.agree-disagree .question p {
				display: block;
				width: 100%;
				margin-bottom: 5%;
			}

			.assessment .assessmentBlock.agree-disagree .question .slideContainer {
				width: 90%;
				left: 30%;
				margin-top: 25%;
				margin-bottom: 10%;
			}

				.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator.four {
					margin-left: 25%;
				}

					.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator.four:first-child {
						margin-left: 3%;
					}

			.assessment .assessmentBlock.three-option-slider .question {
				margin: 0;
			}

				.assessment .assessmentBlock.three-option-slider .question .slideContainer {
					width: 90%;
					left: 30%;
					margin: 20% auto 10% -32%;
				}

			.assessment .assessmentBlock.height-textfield .dropdownContainer {
				display: block;
			}

				.assessment .assessmentBlock.height-textfield .dropdownContainer label {
					display: block;
				}

				.assessment .assessmentBlock.height-textfield .dropdownContainer .stylized {
					width: 50%;
				}

			.assessment .assessmentBlock.height-textfield .metricContainer .stylized {
				width: 50%;
			}

			.assessment .assessmentFooterNav a {
				font-size: 16px;
			}

				.assessment .assessmentFooterNav a.left .label {
					margin-left: 5px;
				}

				.assessment .assessmentFooterNav a.right .label {
					margin-right: 5px;
				}
	}

	@media screen and (max-width:400px) {

		.resourceImage {
			width: 90%;
		}

		.assessment-start .double {
			height: 184px !important;
		}

		.assessment-start .interior-header .top-header {
			width: 91.0% !important;
		}

			.assessment-start .interior-header .top-header h1 {
				line-height: 20px;
				font-size: 20px;
				margin-left: -10px;
			}

			.assessment-start .interior-header .top-header .share-this {
				right: -3px;
				top: 160px;
			}

		.assessment-start .interior-header .icon-header {
			height: 96px;
		}

		.assessment-start .interior-header .bottom-header {
			width: 91.0% !important;
		}

			.assessment-start .interior-header .bottom-header h3 {
				width: 100% !important;
				text-align: center !important;
				margin-left: -10px;
				margin-top: -5px;
				font-size: 10px;
			}

		.assessment-start .content-body ul li .copy-info {
			width: 70% !important;
		}

		.assessment-start .content-body ul li img {
			margin-bottom: 120px;
			width: 22%;
		}

		.assessment-start .content-body h2 {
			font-size: 18px;
		}

		.links-left-col {
			float: left;
			width: 50% !important;
			max-width: 125px;
		}

		.links-right-col {
			width: 100% !important;
			float: left !important;
		}
	}

	@media (max-width:385px) {

		.assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type="button"] {
			height: 35px;
		}

		.assessment .assessmentBlock.age-dropdown .hide.dial .dialContainer {
			max-height: 150px;
		}

		.assessment.breast-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type="button"] {
			background-size: 70% !important;
		}

		.assessment.colorectal-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type="button"] {
			background-size: 70% !important;
		}

		.assessment.lung-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type="button"] {
			background-size: 70% !important;
		}

		.assessment.cervical-assessment .assessmentBlock.age-dropdown .hide.dial .buttonContainer input[type="button"] {
			background-size: 70% !important;
		}
	}

	@media screen and (max-width:380px) {

		.resourceImage {
			width: 90%;
		}

		.two-column .interior-header .top-header {
			width: 90.0% !important;
		}

			.two-column .interior-header .top-header h1 {
				line-height: 20px;
				font-size: 20px;
				margin-left: -10px;
			}

		.two-column .interior-header .icon-header img {
			width: 126px;
			height: 98px;
			margin-right: -35px !important;
		}

		.two-column .interior-header .bottom-header {
			width: 90.0% !important;
		}

			.two-column .interior-header .bottom-header h3 {
				width: 100% !important;
				text-align: center !important;
				margin-left: -10px;
				margin-top: -5px;
				font-size: 10px;
			}

		.two-column .content-body ul li .copy-info {
			width: 70% !important;
		}

			.two-column .content-body ul li .copy-info h4 {
				font-size: 20px;
			}

		/* notes - updated width and added height */
		.two-column .content-body ul li img {
			width: 50px;
			height: 50px;
			margin-bottom: 10px;
		}

		.two-column .content-body h2 {
			font-size: 18px;
		}
	}

	@media screen and (max-width:360px) {

		.resourceImage {
			width: 90%;
		}

		.assessment-start .interior-header .top-header {
			width: 90.0% !important;
		}

		.assessment-start .interior-header .bottom-header {
			width: 90.0% !important;
		}

			.assessment-start .interior-header .bottom-header h3 {
				text-align: left !important;
				font-size: 10px;
				line-height: 14px;
			}

		.assessment-start .interior-header .icon-header img {
			width: 160px;
			margin-right: -60px !important;
		}

		.assessment-start .margin-right-column .start-now {
			margin-left: 25% !important;
		}

		.assessment-start .margin-left-column .start-now {
			margin-left: 25% !important;
		}

		.assessment-start .content-assesment .right-col .right-col-marg .time-of-quiz {
			margin-left: 194px;
			top: 60px;
		}

		.assessment-start .content-assesment .right-col .right-col-marg {
			margin-left: 0;
		}

			.assessment-start .content-assesment .right-col .right-col-marg img {
				width: 80px;
			}

		.assessment-start .content-assesment .right-col h4 {
			width: 75px !important;
			line-height: 18px;
			margin-top: -5px;
			margin-right: 75px;
			float: left;
			margin-left: 50px;
			font-size: 14px;
		}

		.assessment-start .content-assesment h4 {
			padding-top: 5px;
		}

		.assessment-start .margin-right-column p {
			padding: 0 0 10px 0;
		}

		.assessment-start .margin-left-column p {
			padding: 0px 0px 10px 45px;
		}

		.risk-factors .secondary-nav {
			width: 100%;
		}

		.risk-factors .copy-section {
			margin-left: 5px !important;
		}

			.risk-factors .copy-section .icon-info {
				margin-left: 5px !important;
			}

			.risk-factors .copy-section ul li {
				margin-left: 0 !important;
			}

		.risk-factors .content-body {
			margin-left: 5px !important;
		}

			/* notes - updated width + height */
			.risk-factors .content-body ul li img {
				/* width: 22%!important; */
				width: 50px;
				height: 50px;
			}

			.risk-factors .content-body h2 {
				font-size: 18px;
			}

			.risk-factors .content-body .left-col {
				width: 20% !important;
			}

				.risk-factors .content-body .left-col img {
					width: 75% !important;
					margin-left: 0;
					padding: 0;
				}

			.risk-factors .content-body .right-col {
				width: 80% !important;
			}

				.risk-factors .content-body .right-col img {
					margin: 0 10px;
				}

		.risk-factors .margin-right-column img {
			width: 20%;
			margin-bottom: 40px;
			top: 14px;
			position: relative;
		}

		.risk-factors .buttons .left {
			font-size: 13px !important;
		}

		.risk-factors .buttons .right {
			font-size: 13px !important;
		}
	}

	@media (max-width:360px) {

		.assessment .assessmentNav {
			width: 100%;
			max-width: 310px;
		}

			.assessment .assessmentNav ul li .navContainer {
				font-size: 13px;
			}

		.assessment .assessmentBlock.radio.withOther input[type=text] {
			width: 100%;
		}

		.assessment .assessmentBlock.three-option-slider .question .slideContainer {
			left: 30%;
			margin-top: 25%;
			margin-bottom: 10%;
		}

		.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator.four {
			margin-left: 23%;
		}

			.assessment .assessmentBlock.agree-disagree .question .slideContainer .indicatorContainer .indicator.four:first-child {
				margin-left: 3%;
			}

		.assessmentFooterNav,
		.assessmentButtonContainer,
		.buttons {
			margin-bottom: 25%;
		}
	}

	@media screen and (max-width:350px) {

		.resourceImage {
			width: 90%;
		}

		.two-column.getupdates .content-body {
			padding: 0 5px 0 5px !important;
			font-size: 12px;
		}

			.two-column.getupdates .content-body p,
			.two-column.getupdates .content-body legend {
				font-size: 12px;
			}

			.two-column.getupdates .content-body label,
			.two-column.getupdates .content-body p {
				font-size: 12px;
			}

			.two-column.getupdates .content-body .text-label {
				width: 100px !important;
			}

			.two-column.getupdates .content-body input[type=text],
			.two-column.getupdates .content-body input[type=password] {
				padding: 10px 0 10px 2px;
				width: 60% !important;
				font-size: 12px;
			}

		.two-column.getupdates .header-icon {
			right: 0;
		}

			.two-column.getupdates .header-icon img {
				width: 80%;
				margin-right: -100px;
				right: -80px;
			}

		.two-column.getupdates .field-row input[type=text],
		.two-column.getupdates .field-row input[type=password] {
			font-size: 10px;
			width: 130px !important;
		}

		.two-column.getupdates .field-row .error-qm {
			position: relative;
			top: 6px;
			left: 0;
		}

		.two-column.getupdates .margin-right-column label {
			width: 68% !important;
			float: left;
			font-size: 12px;
		}

		.two-column.getupdates p.bottom-p {
			font-size: 12px;
		}
	}

	@media screen and (max-width:340px) {

		.assessment-start .margin-left-column .start-now {
			margin-right: 25%;
			float: right;
		}
	}

	@media screen and (max-width:320px) {

		.resourceImage {
			width: 90%;
		}

		#footer .note {
			margin-top: 30px;
			font-size: 12px;
			line-height: 12px;
		}

		#footer .ontarioLogo {
			margin-top: 20px;
		}

			#footer .ontarioLogo img {
				background-size: 269%;
				background-position: 0 -50px;
				width: 79px;
				height: 43px;
			}

		.iqlogo {
			width: 200px;
		}

		hr.vertical {
			background-color: #FFF;
			color: #FFF;
			border: none;
		}

		.iq-wrapper {
			padding-bottom: 2%;
			width: 200px;
		}

			.iq-wrapper h5 {
				font-size: 25px;
			}

			.iq-wrapper h4 {
				font-size: 12px;
			}

		.resourceImage {
			width: 90%;
		}

		.two-column.simple .header-icon {
			right: 0;
		}

			.two-column.simple .header-icon img {
				width: 80%;
				margin-right: -100px;
				right: -80px;
			}

		.one-column.simple .top-header h1 {
			font-size: 20px;
			line-height: 22px;
		}

		.one-column.simple .top-header .icon-header img {
			margin-top: -10px;
			margin-right: -60px;
			width: 64%;
		}

		body {
			min-width: 320px;
			overflow: auto;
		}

		#siteContainer {
			position: relative;
			min-width: 320px;
		}
	}

	wbr {
		display: inline-block;
	}

	.text-nobreak {
		white-space: nowrap;
	}

	.resultPageHeadlineColor {
		Color: var(--oh-primary-dark);
	}


.faqbtnCategorySelect {
	color: var(--oh-body);
}

.faqPageBannerImage {
	width: 100%;
	margin-right: -6%;
	margin-top: -12%;
}



