/* GLOBAL RESETS & ELEMENT DEFAULTS -------------------------------------------------------------- */
/* largely borrowed from https://necolas.github.io/normalize.css/3.0.2/normalize.css */
html {font-family: arial, helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0; padding: 0; font-size: 16px; color: #4d4d4f; background-color: #fff; min-width: 300px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
[hidden], template {display: none;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
abbr {border: 0 none ! important; text-decoration: none;}
b, strong, em {font-family: arial, helvetica, sans-serif; font-weight: 600; font-style: normal;}
dfn {font-family: arial, helvetica, sans-serif; font-style: normal;}
dl {margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 1em; padding: 0;}
dt {font-style: normal; font-weight: 600; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0.5em; padding: 0;}
dd {font-style: normal; font-weight: normal;  margin: 0; padding: 0;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre {overflow: auto;}
button, input, optgroup, select, textarea {color: inherit; font: inherit;  margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
label {font-weight: normal;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 2px; text-align: left;}
a {color: inherit; text-decoration: underline;}
p, ul {margin-top: 0; margin-bottom: 1em;}
blockquote {margin: 0; padding: 0; border: 0 none;}
figure {margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 1em;}
figcaption {margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 1em;}
figure img.fullwidth {max-width: 1000px;}
small {font-size: 70%;}
h1 {color: #112f9f; font-size: 2.0em; margin-top: 0; margin-bottom: 0.25em; padding-top: 0; padding-bottom: 0.25em; font-weight: normal;}
h2 {color: #112f9f; font-size: 1.2em; margin-top: 0; margin-bottom: 0.25em; padding-top: 1.75em; padding-bottom: 0.25em; font-weight: 600;}
h3 {color: #112f9f; font-size: 1.0em; margin-top: 0; margin-bottom: 0.25em; padding-top: 1.75em; padding-bottom: 0.25em; font-weight: 600;}
h4 {color: #112f9f; font-size: 1.0em; margin-top: 0; margin-bottom: 0.25em; padding-top: 1.00em; padding-bottom: 0.15em; font-weight: 600;}
h5 {color: #4d4d4f; font-size: 1.0em; margin-top: 0; margin-bottom: 0.25em; padding-top: 1.00em; padding-bottom: 0.15em; font-weight: 600;}

td ul, td ol {margin-left: 0; padding-left: 1.0em;}

/* positioning containers */
.page-row {width: 100%;}
.content-row {width: 70%; max-width: 1860px; margin-left: auto; margin-right: auto;}
#skiptocontent {}
#header {background-color: #922a8f; -webkit-box-shadow: 0px 3px 16px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 16px 1px rgba(0,0,0,0.75); box-shadow: 0px 3px 16px 1px rgba(0,0,0,0.75);}
#main {padding-top: 1.0em;}
#content {padding-top: 1.5em;}
#backtotop {}
#footer {padding-top: 4.0em; padding-bottom: 2.5em;}

.survey-call {background-color: #d2f0fb;}
.survey-call p {text-align: center; padding: 15px; margin-bottom: 15px;}

/* contextual styles */
#main p, #main li {line-height: 140%;}


/* navigation */
#home-link {display: inline-block; width: 24%; min-width: 200px; max-width: 444px; height: auto; padding-top: 3.4%; padding-bottom: 3.8%;}
#logo {width: 100%; height: auto;}
#header nav {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding-bottom: 13.5%;
}

a#burger {display: none;}
ul#main-nav {display: inline-block; margin:0; margin-top: 0; padding: 0; padding-left: 10px; padding-right: 7px; background-image: url(/res/img/white_screen_70.png); max-width: 1350px; list-style-type: none; border: 0 none;}
ul#main-nav li {display: inline-block; margin:0; padding: 10px 0px;}
ul#main-nav li a {text-transform: uppercase; font-weight: 600; text-decoration: none; display: inline-block; padding: 0px; padding-left: 7px; padding-right:12px; border-right: 2px solid #999;}
ul#main-nav li a#bda-link {color: #283c91;}
ul#main-nav li a#lac-link {color: #cd1e4e;}
ul#main-nav li a#src-link {color: #922a8f; border-right: 0px none;}
ul#main-nav li#kit {position: absolute; top: -5px; right: 90px;}
ul#main-nav li#pdf {position: absolute; top: -5px; right: 0;}
ul#main-nav li#kit a {width: 80px; display: block; text-align: center; text-decoration: none; font-size: 10px; color: #fff; margin:0; margin-right: 10px; padding: 0; padding-top: 80px; background-image: url(/res/img/icon_care-kit.png); background-repeat: no-repeat; background-size: 80px; border-right: 0px none; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}
ul#main-nav li#pdf a {width: 80px; display: block; text-align: center; text-decoration: none; font-size: 10px; color: #fff; margin:0; margin-right: 10px; padding: 0; padding-top: 80px; background-image: url(/res/img/icon_pdf-download.png); background-repeat: no-repeat; background-size: 80px; border-right: 0px none; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}
ul#main-nav li#pdf a span {display: block;}

#footer ul {margin: 0; padding: 0; list-style-type: none; font-size: 0.8em; display: inline-block;}
#footer ul li {margin: 0; padding:0; display: inline-block; vertical-align: bottom;}
ul#privacy-links {float: left; padding-top: 38px;}
ul#privacy-links li a {display: inline-block; padding-left:10px; padding-right:12px; border-right: 2px solid #999;}
ul#privacy-links li#contact a {padding-left: 0;}
ul#privacy-links li#english a, ul#privacy-links li#french a {border-right: 0 none;}
ul#partner-links {float: right;}
ul#partner-links li {margin-left: 15px;}
ul#partner-links li a#smh-link img {width: 104px; height: auto;}
ul#partner-links li a#ccs-link img {width: 148px; height: auto;}

#section-nav-unstyled {text-align: center;}
#section-nav-unstyled #section-nav-title {text-decoration: none; display: inline-block; margin-right: 10px;}
#section-nav-unstyled ul {display: inline-block; margin:0; padding: 0; list-style-type: none;}
#section-nav-unstyled ul li {display: inline-block; margin:0; padding: 10px 0px;}
#section-nav-unstyled ul li a {text-decoration: underline; display: inline-block; padding: 0px; padding-left: 2px; padding-right:7px; border-right: 2px solid #999; white-space: nowrap; margin: 0;}
#section-nav-unstyled ul li:last-child a {border-right: 0 none;}

#section-nav {text-align: left;}
#section-nav-wrap {display: inline-block; width: 230px; position: relative; text-align: left;}
.is-sticky #section-nav-wrap {display: block; width: 70%; max-width: 1860px; margin-left: auto; margin-right: auto; background: #fff; padding-bottom: 10px;}

#section-nav #section-nav-title {font-weight: 600; text-transform: uppercase; text-decoration: none; font-size: 0.9em; width: 204px; display: block; background-color: #922a8f; color: #fff; padding: 12px 12px; 
cursor: pointer; border: 1px solid #283c91; background-image: url(/res/img/menu_arrow.png); background-repeat: no-repeat; background-size: contain; background-position: right;}

.home #section-nav #section-nav-title, .bda #section-nav #section-nav-title  {background-color: #283c91;}
.lac #section-nav #section-nav-title  {background-color: #cd1e4e}
.kit #section-nav #section-nav-title  {background-color: #17afbf;}

#section-nav ul {position: absolute; background-color: #fafafa; margin: 0; padding: 0; list-style-type: none; display: none; border-left: 1px solid #283c91; border-bottom: 1px solid #283c91; border-right: 1px solid #283c91;}
#section-nav ul li {padding: 2px 12px; font-size: 0.9em; width: 204px;}
#section-nav ul li a.active {font-weight: 600;}
#section-nav ul li a {text-decoration: none;} 

.next-button {
	text-decoration: none;
	color: #f9f9f9;
	background-color: #2e3192;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	padding: 12px 18px 12px 18px;
	border-top: 1px solid #e2e4e4;
	border-right: 1px solid #b4b8b8;
	border-bottom: 1px solid #b4b8b8;
	border-left: 1px solid #e2e4e4;
	margin-top: 2.6em;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
	min-width: 200px;
	width: 40%;
}

#backtotop {text-align: center;}
.skip {position: absolute; z-index: 100; top: 0; left: -200%; height: 1px; width: auto; background-color: #fffe95; padding: 0px 0px;}
.skip:focus {display: block; position: relative; z-index: 100; top: 0; left: 0; height: auto; width: 100%; background-color: #fffe95; font-weight: 600; padding: 3px 6px;}

/* misc */
#disclaimer {padding-top: 1.0em;}
#timeline-list li {font-weight: 600; color: #112f9f;}
#timeline-list li section, #timeline-list li section li {font-weight: normal; color: #4d4d4f;}
img.outof10 {width: 50%; max-width: 280px; min-width: 100px; height: auto;}

/* blockquote */
aside#blockquote {width: 250px; margin-left: 15px; margin-bottom: 15px; display: inline-block; float: right;}
aside#blockquote img {width: 100%; height: auto;}



/* conditional content display panels */
.conditional-content .condition-title {display: block; width: 55%; min-width: 250px; max-width: 900px; font-size: 1.0em; margin-top: 0; padding: 0; font-weight: 600; background-image: url(/res/img/cc_closed.png); background-repeat: no-repeat; background-size: 2.6em auto; background-position: top right; -webkit-box-shadow: 3px 3px 17px 1px rgba(0,0,0,0.65);
-moz-box-shadow: 3px 3px 17px 1px rgba(0,0,0,0.65);
box-shadow: 3px 3px 17px 1px rgba(0,0,0,0.65); margin-bottom: 14px ! important; background-color: #bae2f4; color: #2a3c8c;}
.conditional-content .condition-title.selected {background-color: #6872ac; color: #fff; background-image: url(/res/img/cc_opened.png);}
.conditional-content .condition-title a {display: block ! important; margin: 0; padding: 0.75em 1.25em; text-decoration: none; padding-right: 3.1em;}
.conditional-content .condition-info {display: none;}
aside h2 {padding-left: 1.7em; background-image: url(/res/img/FAQ_Graphic.png); background-repeat: no-repeat; background-size: 1.6em auto; background-position: center left; padding-top: 0; padding-bottom: 0; margin-top: 2.0em; margin-bottom: 0.45em; line-height: 1.6em;}


/* data tables */
div.table-container {overflow: auto;}
table {width: 100%;}
caption {color: #112f9f; font-size: 1.0em; margin-top: 0; padding-top: 0.75em; padding-bottom: 0.25em; font-weight: 600; text-align: left;}
th, td {border: 1px solid #fafafa; padding: 5px 8px; background-color: #dfe1e7; font-size: 90%; vertical-align: top;}
thead th {background-color: #18418a; color: #fff; text-transform: uppercase;}
tbody th {color: #3e3672;}
table td li {margin-bottom: 0.5em;}

/* care-kit */
form#care-kit-form  {border-collapse: collapse;}
form#care-kit-form .fakehead {display: table; margin: 0; width: 100%; font-weight: normal; background-color: #14afbe; color: #fff; background-image:url(/res/img/fakehead-th.jpg); background-repeat: no-repeat; background-position: top right; line-height: 60px; height: 60px; padding-top: 0; padding-bottom: 0; padding-left: 10px; padding-right: 400px; margin-top: 15px; margin-bottom: 15px;}
form#care-kit-form .fakehead_fr {display: table; margin: 0; width: 100%; font-weight: normal; background-color: #14afbe; color: #fff; background-image:url(/res/img/fakehead-th_fr.jpg); background-repeat: no-repeat; background-position: top right; line-height: 60px; height: 60px; padding-top: 0; padding-bottom: 0; padding-left: 10px; padding-right: 400px; margin-top: 15px; margin-bottom: 15px;}
form#care-kit-form .fakehead span {padding-left: 10px; padding-right: 10px;}
#care-kit-form .fieldset  {display: table; margin: 0; width: 100%; border-bottom: 1px solid #bdbdbd;}
#care-kit-form .fieldset.last  {border-bottom: 0 none;}
#care-kit-form .legend {display: table-cell; width: 70%; padding-top: 0.5em; padding-bottom: 0.5em; }
#care-kit-form label {display: table-cell; position: relative; width: 5%; padding-top: 0.5em; padding-bottom: 0.5em; min-width: 65px; max-width: 65px; text-align: center;}
#care-kit-form label span {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
#care-kit-form  input.customq {width: 100%; text-align: left;}
#care-kit-form #care-kit-submit-row {margin-top: 20px;}

#care-kit-cta {display: block; position: relative; padding-top: 20px; text-decoration: none; margin-top: 2.0em;}
#care-kit-cta img#care-kit-cta-icon {position: absolute; z-index: 20; width: 100px; height: 99px; top: 0; left: 0;}
#care-kit-cta #care-kit-cta-copy {margin-left: 50px; padding-left: 65px; padding-right: 20px; background-color: #4ac0cc; color: #fff; line-height: 20px; padding-top: 10px; padding-bottom: 10px; text-decoration: none;}
#care-kit-cta #care-kit-cta-copy span {display: block; text-transform: uppercase; text-decoration: none; font-weight: bold;}
#care-kit-cta #care-kit-cta-copy span.nowrap {display: inline;}

form#care-kit-form .checkhead {margin: 0; width: 100%; font-weight: normal; background-color: #14afbe; color: #fff; line-height: 60px; height: 60px; padding-top: 0; padding-bottom: 0; margin-top: 15px; margin-bottom: 15px;}
form#care-kit-form .checkhead span {padding-left: 10px; padding-right: 10px;}

form#care-kit-form .checkboxes label {display: block ! important; position: relative ! important; width: 100% ! important; text-align: left ! important; margin: 0; min-width: 0 ! important; max-width: 10000px  ! important;}

#results ol#qtoask li p {position: relative;}
#results input.line {width: 100%; border-left: 0 none; border-right: 0 none; border-top: 0 none; border-bottom: 1px solid #4d4d4f;}
#results label {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
#results .treatment-results h3 {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}

#results .table-container {margin-bottom: 1.6em;}
#results table {border: 2px solid #3f863d ! important;}
#results th, #results td {border: 1px solid #fafafa; padding: 5px 8px; background-color: #f0f6f0; font-size: 90%; vertical-align: top;}
#results thead th {border: 0px none; color: #fff; text-transform: none; padding: 0; margin: 0; height: 49px; max-height: 49px; background-color: #3f863d;}
#results thead th.q {overflow: hidden; min-width: 260px; max-width: 260px;}
#results thead th.qi {width: 361px;}
#results tbody th {color: #3e3672;}
#results tbody td {height: 60px; vertical-align: middle;}
#results tbody td.qi {overflow: hidden; width: 361px; position: relative; padding: 0; margin: 0; border: 0 none;}
#results tbody td.qi img {width: 361px; height: auto; position: absolute; top: 0; left: 0;}

div.print-button {text-align: right;}
div.print-button a {
	text-decoration: none;
	background-color: #f9f9f9;
	color: #2e3192;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	padding: 12px 18px 12px 18px;
	border-top: 1px solid #e2e4e4;
	border-right: 1px solid #b4b8b8;
	border-bottom: 1px solid #b4b8b8;
	border-left: 1px solid #e2e4e4;
	display: inline-block;
}

/* Quiz Myself */
#quiz-unstyled .legend {font-weight: 600;}
#quiz-unstyled .quizanswer {display: none; padding-left: 1em;}
#quiz-unstyled .quizanswer.correct {display: block;}
#quiz-unstyled li {padding-bottom: 1em;}

#quiz .legend {font-weight: 600;}
#quiz .quizanswer {display: none; padding-left: 1em;}
#quiz .correct-highlight {background-color: yellow;}
#quiz li {padding-bottom: 1em;}

/* standard utility classes */
.fullwidth {width: 100%; height: auto;}
.clearfix:after {content: ""; display: table; clear: both;}
.quiet {font-weight: normal; font-style: normal;}
.subtle {font-weight: normal; font-style: normal; text-decoration: underline;}
.req {font-weight: bold; font-style: normal;}
.bold {font-weight: bold;}
.flattop {margin-top: 0px; padding-top: 0px;}
.access-hide {visibility: hidden; display: none;}
.uc {text-transform: uppercase;}
.nowrap {white-space: nowrap;}
.review {color: #ff0000;}
.backto {text-align: center; margin-top: 1.0em;}


@media only screen and (max-width : 1100px) {
	#care-kit-cta #care-kit-cta-copy {font-size: 0.8em; margin-left: 50px; padding-left: 65px; padding-right: 20px; line-height: 20px; padding-top: 10px; padding-bottom: 10px;}
}

@media only screen and (max-width : 1000px) {
	.content-row,
	.is-sticky #section-nav-wrap {width: 80%;}
}

@media only screen and (max-width : 830px) {
	#care-kit-cta #care-kit-cta-copy {line-height: 2.0em;}
}

@media only screen and (max-width : 770px) {
	body {font-size: 14px;}
	.content-row,
	.is-sticky #section-nav-wrap {width: 90%;}
	small {font-size: 80%;}
}

@media only screen and (max-width : 700px) {
	aside#blockquote {display: none;}
	form#care-kit-form .fakehead {display: block; font-weight: 600; background-color: transparent; color: #112f9f; background-image: none; line-height: inherit; height: inherit; padding-top: 1.0em; padding-bottom: 0em; padding-left: 0px; padding-right: 0px; margin-top: 0; margin-bottom: 0em; border-bottom: 1px solid #bdbdbd;}
	form#care-kit-form .fakehead span {padding-left: 0px; padding-right: 0px;}
	#care-kit-form .fieldset  {display: block; margin: 0; width: 100%; border-bottom: 0 none;}
	#care-kit-form .legend {display: block; width: 100%; padding-top: 1.0em; padding-bottom: 0.25em; margin-bottom: 0; font-weight: bold;}
	#care-kit-form label {display: block; position: relative; width: 100%; padding-top: 0.15em; padding-bottom: 0.5em; min-width: 1px; max-width: 1860px; text-align: left;}
	#care-kit-form label span {position:relative; left: auto; top:auto; width:auto; height:auto; overflow:visible; padding-left: 0.5em;}
}


@media only screen and (max-width : 620px) {
	body {font-size: 12px;}
	.content-row,
	.is-sticky #section-nav-wrap {width: 96%;}
	#footer-nav {text-align: center;}
	#footer ul {font-size: 1.0em;}
	ul#privacy-links {float: none; padding-top: 20px;}
	ul#privacy-links li a {padding-left:10px; padding-right:10px;}
	ul#privacy-links li#contact a {padding-left: 0;}
	ul#partner-links {float: none; display: block; margin-top: 20px;}
	ul#partner-links li {margin-left: 0; display: block;}
	small {font-size: 90%;}
	#disclaimer {padding-top: 1.6em;}

	#home-link {padding-top: 10px; padding-bottom: 7.5%;}
	#main-nav-wrap {display: block; position: absolute; top: 10px; right: 10px; width: 200px; text-align: right;}
	a#burger {display: inline-block; height: 50px; cursor: pointer;}
	a#burger img {width: auto; height: 50px;}
	ul#main-nav {z-index: 200; position: relative; display: none; background-color: #fafafa; background-image: none; margin: 0; margin-top: -3px; padding-left: 0; padding-right: 0; padding-top: 3px; padding-bottom: 0; list-style-type: none; border: 1px solid #283c91;}
	ul#main-nav li {display: block; margin:0; padding: 2px 7px; font-size: 0.9em; width: 184px; text-align: left; margin-bottom: 3px;}
	ul#main-nav li a {text-transform: normal; font-weight: normal; text-decoration: none; display: block; padding-left: 0px; padding-right:0px; border-right: 0px none;}
	ul#main-nav li a#bda-link {color: inherit;}
	ul#main-nav li a#lac-link {color: inherit;}
	ul#main-nav li a#src-link {color: inherit;}
	ul#main-nav li#kit {position: relative; top: 0; right: 0;}
	ul#main-nav li#pdf {position: relative; top: 0; right: 0;}
	ul#main-nav li#kit a {width: auto; text-align: left; font-size: inherit; color: inherit; margin:0; margin-right: 0px; padding-top: 0px; background-image: none; text-shadow: none;}
	ul#main-nav li#pdf a {width: auto; text-align: left; font-size: inherit; color: inherit; margin:0; margin-right: 0px; padding-top: 0px; background-image: none; text-shadow: none;}
	ul#main-nav li#pdf a span {display: inline;}

}