html{height:100%;-webkit-text-size-adjust:100%;}
body{margin:0px;height:100%;    font: 16px Roboto, Arial;    line-height: 22px;    font-weight: 400;background-color:#fff;-webkit-text-size-adjust:100%;}
div.mainContainer{position:relative;height:100%;text-align:left;overflow-x:hidden;z-index:1;background-repeat:no-repeat; background-position: 0px 10px;    background-size: auto; background-attachment: local;}/* background-image:url(images/bkg_pics.jpg); */

div#topBorder{width: 100%;height: 100px;    border-bottom: 1px solid rgba(0,0,0,.1);    box-shadow: 0 0 5px rgba(0,0,0,.1); overflow: auto;}
	div#topBorder a{position: absolute;    top: 10px;    right: 10px;    text-decoration: none;    color: #007ac1;    font-size: 20px;}

form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a:hover{opacity:0.7}
sup{font-size:-1em;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}

a.pdf{padding:0px 0px 5px 35px;background-image:url(images/icon-pdf.png);background-repeat:no-repeat;background-position:top left;display:inline-block;text-decoration:none;color:#000000;}

p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}

ul, ol{padding:0px 0px 20px 30px;margin:0px;list-style-type: disc;overflow: auto;}
	ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha li, ol.roman li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"(" counter(roman, lower-roman)") ";position:absolute;left:-1.7em;}
ol.alpha > li:before {counter-increment: alpha;content:"(" counter(alpha, lower-alpha)") ";position:absolute;left:-1.4em;}

.needed, .warn{color:#ff0000;}
.warn::-webkit-input-placeholder{color:red;}
.warn::-moz-placeholder{color:red;}
.warn:-ms-input-placeholder{color:red;}

div#header{background-color: #96d3d4; padding: 20px 20px 10px 360px; text-align: left; font-size: 14px; line-height: 18px;}
	div#header p{margin: 0; max-width: 490px;}

img#logoMain{display: block; display: block;    margin: 10px; max-width: 522px;    min-height: 70px;    max-height: 75px;}

h1{font-weight: 300;    font-size: 45px;    letter-spacing: 2px;    line-height: 50px;    color: #666;    background-color: #f0f8ff;    text-align: center;    margin: 0;    padding: 70px 10vw 70px 10vw;    text-transform: uppercase;}
	h1 strong{display: block; color: #666; font-weight: 400;}
h2{color: #15939a;    font-size: 20px;    line-height: 22px;    margin: 0 0 10px 0;}

form#consentForm{display: block;    width: 640px;    padding: 0;    margin: 0 auto;}
	form#consentForm fieldset{display: block;    border: 0;    margin: 0;    padding: 0 50px; font-size: 0;}
	form#consentForm a{color:#007ac1;}

div#repFields{display: block;    border: 0;    margin: 0; padding: 10px 50px; font: 14px/16px Roboto, Arial;}
	div#repFields input[type="text"]{display: inline-block; width: 200px;}
	div#repFields.hidden{display: none;}

input[type="submit"]{-webkit-appearance: none;    cursor: pointer;    margin: 0 auto 0px auto;    border: 1px solid #007ac1;    background-color: #007ac1;    font: 22px/22px Roboto, Arial;    font-weight: 700;    color: #ffffff;    text-align: center;    vertical-align: top;    width: auto;    padding: 0 40px;    height: 38px;    text-transform: uppercase;    border-radius: 0;    display: block;}
	input[type="submit"]:hover{opacity:0.8;}

input[type="text"], input[type="password"]{color: #222;    border: 1px solid #bbb;    font: 14px/16px Roboto, Arial;    line-height: 16px;    border-radius: 0px;    margin: 0px 0px 10px 0px;    padding: 0px 10px;    height: 36px;    background-color: #ffffff;    width: 92%;}
input[type="radio"]{display: inline-block;    vertical-align: middle;    width: 30px;    height: 30px; margin: 0 20px 0 0; cursor: pointer;}
form#consentForm label{display: inline-block;    vertical-align: middle;    width: 585px; font: 14px/16px Roboto, Arial;}

select{color: #222;    border: 1px solid #bbb;    font: 14px Roboto, Arial;    line-height: 38px;    border-radius: 0px;    margin: 0px 0px 10px 0px;    padding: 0px 10px;    height: 38px;    width: 236px;}
input#pcode{width: 250px;    margin-left: 10px;}

div.note{color: #222;    font-size: 12px;    line-height: 14px;    text-align: left;    padding: 0px 20px 20px 2px;    margin-top: -6px;}
div.emailNote{color: #222;    font-size: 16px;    line-height: 18px;    text-align: left;    padding: 0px 20px 20px 2px;    margin-top: -6px;}

body.l1 input#consentingHCP{width: 260px;}
body.l1 input#consentDate{width: 175px;}

div#thanks{}


span.addtocalendar > a{background-image: url(images/calendar.svg) !important;    background-repeat: no-repeat;    background-size: 120px 52px;    padding: 0 0 0 130px;    min-height: 52px;    font-weight: 700;}

a.rightLink{display:inline-block;float:right;text-decoration:none;color:inherit;}

div.table{display:table;max-width:980px;}
	div.tableRow{display:table-row;}
	div.table.full{width:100%;height:100%;max-width:none;}
	div.tableCell, div.tableRow div{display:table-cell;vertical-align:top;text-align:left;padding-right:20px;}
		div.tableCell.head{font:20px/22px Roboto, Arial;font-weight:bold;padding-bottom:6px;}
		div.tableCell ul{padding-left:40px;}
		div.tableCell li{padding-bottom:0px;}		
	div.tableCell.full{width:100%;height:100%;vertical-align:middle;text-align:center;padding:0px;}

table.csvTable{border-collapse: collapse;border:0px;border-spacing:0px;font:14px/16px pt_sansregular, Arial;}
	table.csvTable th{text-transform:uppercase;padding:3px 3px 8px 3px;}
	table.csvTable td{padding:3px 8px;}
	table.csvTable tr.offRow{background-color:#475e6b;}



body.admin textarea{border:1px solid #009ee0;font:14px/16px Roboto, Arial;}
body.admin select{line-height: 44px;height: 44px;}
input[type="text"].inputsmall, textarea.inputsmall {font:10px/12px Roboto, Arial;height:auto;padding:0px 10px 0px 10px;border:1px solid #666;}

::-webkit-input-placeholder { /* WebKit */
    color:#bbbcbd;text-transform:none;
}
::-moz-placeholder { /*Firefox */
    color:#bbbcbd;text-transform:none;
}
:-ms-input-placeholder { /* IE */
    color:#bbbcbd;text-transform:none;
}
legend{font-weight:bold;}

.floatRight{float:right;margin-left:20px;}
.floatLeft{float:left;margin-right:20px;}

div.warning{color: #ff0000;    padding: 0px 0px 1vh 0px;    font: 16px/18px Roboto, Arial;    font-weight: 400;}

div#ADMINwarning{color:#ff0000;padding:10px 0px 10px 0px;font-size: 22px;text-align: center;}
.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="password"].warn,select.warn,textarea.warn{color:#ff0000 !important;border:1px solid #ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
    color:    red !important;
}
.warn::-moz-placeholder { /*Firefox */
   color:   red !important;
}
.warn:-ms-input-placeholder { /* IE */
   color:    red !important;
}

div.miceType{font:10px/14px Roboto, Arial;}

table.smallForm{font-size:12px;line-height:14px;}

form#adminForm{padding:20px;font-size: 16px;}
	form#adminForm input[type="submit"]{font-size: 20px; line-height: 40px; padding: 0 20px; height: 44px;}
	img#adminLogo{width:190px;height:114px; margin: 20px 20px 0 20px;}

.blankImg{opacity:0;}
@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms; }

@keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
.fadeItOut { opacity:0; -webkit-animation-name: FadeOut; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 1s;
-moz-animation-name: FadeOut; -moz-animation-timing-function: ease-out; -moz-animation-duration: 1s;
-ms-animation-name: FadeOut; -ms-animation-timing-function: ease-out; -ms-animation-duration: 1s;
animation-name: FadeOut; animation-timing-function: ease-out; animation-duration: 1s; }

@keyframes scrollIn1 {
	0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
	0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
	0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
	0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }

@media all and (max-width: 790px){
	body{font: 3.5vw Roboto, Arial;    font-weight: 400;    line-height: 4vw;}
	div.mainContainer{background-image: none;}
	div#topBorder{height: 14vh;}
	img#logoMain{max-width: 34vw;}
	h1{font-size: 6vw;    line-height: 7vw;    padding: 6vw 0px 6vw 0px;}

	form#consentForm{display: block;    width: 92vw;    padding: 0 0;}
	form#consentForm fieldset{padding: 0 0;}

	div.note{font-size: 2.5vw;    line-height: 3vw;}
	select#province{width: 44vw;}
	input#pcode{width: 38vw;    margin-left: 2.5vw;}
	div.emailNote{font-size: 3.5vw;    line-height: 4vw;}
	form#consentForm label{width: 75vw;    font: 3.5vw/4vw Roboto, Arial;}

	div.warning{color: #ff0000;    padding: 0px 0px 1vh 0px;    font: 2.5vh/3vh Roboto, Arial;    font-weight: 400;}
}



@media print {
	.pageBreak{display:block; page-break-before:always;}
	div#printBtn{display:none;}
	.dontPrint{display:none;}
	.onlyPrint{display:block;}
	div.feedbackQuestion{page-break-inside: avoid;}
	ol#qFeedback div.graphRight{max-width: 480px;}
	div#left{display:none;}

	html{height: auto;}
	body{height: auto;}
	div.mainContainer{height: auto;}

}