html{height:100%;-webkit-text-size-adjust:100%;}
body{margin:0px;height:100%;font:18px 'Open Sans', Arial;background-color:#ebebeb;color:#000;-webkit-text-size-adjust:100%;}

div#mainContainer{position:relative;width:100%; min-width: 860px;min-height:100%;text-align:left;overflow-x:hidden;z-index:1;background-repeat:no-repeat;}

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:5px 0px 20px 30px;margin:0px;}
li {padding-bottom: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#loginLogo{width:434px;height:434px;pointer-events:none;background-repeat:no-repeat; background-image: url(images/cmer_logo.svg); background-size: 434px 434px; margin: 20px auto;}
div#leftLogo{width:188px;height:188px;pointer-events:none;background-repeat:no-repeat; background-image: url(images/cmer_logo.svg); background-size: 188px 188px; margin: 20px auto;}
	body.l1 div#logoMain{background-image: url(images/logo-fr.svg);}

form#loginForm{width: 450px; text-align: center; margin: 20px auto;}
	form#loginForm input{width: 270px; margin: 0px auto 10px auto;}
	form#loginForm input[type="submit"]{width: 290px;}

h1{font:30px/58px 'Open Sans', Arial;font-weight:800;margin:0px 0px 20px 0px;color:#502a7b;background-color: #f5eb19;height:58px; padding-left: 352px;white-space: nowrap;}
	body.l1 h1{font: 27px/58px 'Open Sans', Arial; font-weight: 800;}
a#lang{position: absolute;top: 15px; right: 20px;text-decoration: none;color:#502a7b; display: none;}

div.contentCon{position: relative;    padding: 0px 20px 0px 20px;    font: 18px/22px 'Open Sans', Arial;}
	div.contentCon a{color:#000;}
	div.contentCon.wide{overflow-x: auto;    overflow-y: hidden;    max-width: 90vw;}
	    
img#topLeft{position: absolute;top: 0px;left: 0; width:385px;height:491px;}
img#logoTR{position: absolute;top: 20px;right: 20px; width:168px;height:168px;}

div#caseSelection{position: relative;padding: 80px 20px 0px 20px;width: 1040px;margin-right: auto;margin-left: auto;font-size:0; line-height: 0; text-align: center;}

h2{font: 18px/22px 'Open Sans', Arial;    font-weight: 600;    margin: 0px 0px 20px 0px;    color: #000;    text-align: center;}

h3{font:16px/18px 'Open Sans', Arial;font-weight:700;margin:0px 0px 10px 0px;color:#808080;}

div#leftDetails{position: fixed; display: inline-block; vertical-align: top; width: 191px; padding: 0px 35px 0 35px; color: #333333; font:14px/18px 'Open Sans', Arial;font-weight:400; min-height: 100vh; background-color: #fff; margin-right: 20px;}
    div#leftDetails a{color:#000;}
    a.returnLink{display: block;    background-color: #ebebeb;    text-decoration: none;    text-align: center;    padding: 5px 0;    margin: 0 0 40px 0;}

div#rightForm{position: relative; display: inline-block; vertical-align: top; width: 480px; margin: 0px 0px 0 280px; color: #333333; font:16px/18px 'Open Sans', Arial;font-weight:400;padding: 20px 0;}
    div#rightForm a{color:#000;}



a.addressAdd{text-decoration: none; margin: 0 0 10px 0; display: block; cursor: pointer;}

div#addressFields{margin-left: 20px;}
	div#addressFields input{width: 378px;}
	div#addressFields select{width: 400px; background-position: 369px 14px;}

div#travelFields{margin-left: 20px;}
	div#travelFields input{width: 378px;}
	div#travelFields select{width: 400px; background-position: 369px 14px;}

div#travelFields input#departureDate{width: 103px;    margin: 0px 10px 0px 0px;    display: inline-block;    vertical-align: middle;}
div#travelFields input#returnDate{width: 103px;    margin: 0px 10px 0px 0px;    display: inline-block;    vertical-align: middle;}

form#sessionForm input[type="submit"]{width: 420px;}

div#choosePrompt{display: inline-block; vertical-align: top; color:#333333;border-top: 2px solid #fff; padding: 20px 0px 0 0px; background-image:url(images/canada_icon.svg);background-size:72px 72px;background-repeat:no-repeat;background-position:0px 0px;margin:40px 0px 15px 0px; min-height: 72px;}
	div#choosePrompt select{margin-top: 10px;}

div#sessionList{}
div#sessionList div.listing{font:20px/22px 'Open Sans', Arial; background-color: #fff;padding: 10px 20px;color:#333; margin: 0 0 15px 0; cursor: pointer; width: 380px;}
	div#sessionList div.listing div.date{font-weight: 600;margin: 0 0 2px 0;}
	div#sessionList div.listing:hover{opacity: 0.7;}

a.backBtn{display: block; padding: 10px 20px; background-color:#502a7d;font:18px 'Open Sans', Arial;font-weight:400; color: #ffffff !important; text-decoration: none; text-align: center;}

div#sessionDetails{text-align: center;}
div#sessionDetails div.time{padding: 0 0 15px 0;}

div#sessionDetails div.venue{margin:15px 0px 15px 0px; }

div#sessionDetails div.facilitator{text-align: left;padding: 0 0 15px 0;}
	div#sessionDetails div.facilitator strong{display: block;padding: 0 0 10px 0;}

div#sessionDetails div.device{display: inline-block; vertical-align: top; padding: 10px 0px 0 100px; background-image:url(images/device_icon.svg);background-size:72px 72px;background-repeat:no-repeat;background-position:0px 0px;margin:0px 0px 15px 0px; min-height: 72px; font-weight: 700; width: 320px;}

form#regForm input{display: block;}
	form#regForm input.toggleBtn{display:none;}
form#regForm input[type="submit"]{width: 420px;}

label[for="contacted"]{display: inline-block; vertical-align: top; padding: 0px 0px 0 50px; background-image:url(images/check0.svg);background-size:40px 40px;background-repeat:no-repeat;background-position:0px 0px;margin:0px 0px 15px 0px; min-height: 40px; line-height: 20px; cursor: pointer; width: 370px;}
	label[for="contacted"].HL{background-image:url(images/check1.svg);}

div#rightForm div.miceType{margin: 40px 0; width: 420px;}

fieldset{border: 0;margin: 20px 20px 40px 20px;}
legend{font:26px/28px 'Open Sans', Arial;font-weight:600;margin:0px 0px 10px -20px;color: #4d4d4d;}
label{display: inline-block; vertical-align: middle; font: 16px/40px 'Open Sans', Arial; font-weight: 400; color: #4d4d4d; cursor: pointer;}
input[type="checkbox"]{display: inline-block; vertical-align: top; width: 34px; height: 40px; margin: 0px 10px 5px 0;}
input[type="radio"]{display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0px 10px 5px 0;}
input[type="submit"]{-webkit-appearance: none;cursor:pointer;margin:0px;border:1px solid #e09330;border-radius:0px;background-color:#e09330;font:18px 'Open Sans', Arial;font-weight:bold;color:#ffffff;text-align:center;vertical-align:top;min-width:90px;padding: 5px 20px; height:42px;text-transform:uppercase;border-radius: 0;}
	input[type="submit"]:hover{opacity:0.8;}
input[type="text"], input[type="password"]{display: block; color:#4d4d4d;border:1px solid #d1d1d1;font:18px 'Open Sans', Arial;line-height:40px;border-radius:0px;margin:0px 0px 10px 0px;padding:0px 10px;width:398px;height:40px;background-color:#ffffff;}
textarea{color:#4d4d4d;border:1px solid #d1d1d1;font:16px 'Open Sans', Arial;border-radius:0px;margin:4px 0px 15px 0px;padding:10px 10px;background-color:#ffffff;width: 398px; height: 100px;}
select{font:16px 'Open Sans', Arial;font-weight:400;color:#4d4d4d;height:42px;line-height:40px;padding-left:10px;padding-right:50px;vertical-align:middle;width:420px; -webkit-appearance:none;-moz-appearance:none;text-indent:0.01px;text-overflow:'';cursor:pointer;border:1px solid #d1d1d1;border-radius:0px;background-image:url(images/arrow.svg);background-size:23px 12px;background-repeat:no-repeat;background-position:388px 14px;margin:0px 0px 15px 0px;}
input[type="text"].inputsmall, textarea.inputsmall {font:10px/12px 'Open Sans', Arial;height:auto;padding:0px 10px 0px 10px;border:1px solid #666;}


form#adminForm{margin-left: 250px; padding: 20px; font-size: 0; line-height: 0;}
input.inRow, select.inRow{display: inline-block;vertical-align: middle;margin-bottom: 0;}
input.time, select.time{width: 66px !important;    padding-right: 24px;    margin: 0 10px;    background-position: 39px 14px;}
input#startDate{width: 124px; margin: 4px 10px 0px 0px;}
input#cutOff{ margin: 4px 0px 10px 0px;}
form#adminForm #venueProvince{display: inline-block; vertical-align: top;    width: 200px;    background-position: 168px 14px;}
form#adminForm #venuePcode{display: inline-block; vertical-align: top;    width: 180px;    margin-left: 20px;}
div.rowSpace{margin: 0 0 10px 0;}
span.txt{display: inline-block; vertical-align: middle; font-size: 16px; line-height: 16px; font-weight: 400; padding:0;}
span.w50{width: 84px;text-align: right;}
input.cancel{background-color: #d1d1d1;color:#fff; border: 1px solid #d1d1d1; margin-left: 100px;}

div.collapseBtn{font-size: 16px;    color: #4d4d4d;    background-color: #fff;    width: 400px;    padding: 10px;    cursor: pointer; margin-bottom: 15px;}
	div.collapseBtn span.minus{display:none;}

div#sessResponse{font-size: 18px; font-weight: 400; color: #4d4d4d;}

input#repName{margin-top: 20px;}

div.popTip{display: inline-block; vertical-align: middle; cursor: pointer; background-image: url(images/question.svg);    background-repeat: no-repeat;    background-size: 20px 20px;    background-position: top right;    width: 20px;    height: 20px;font-size:0; margin: 0 43px 0 6px;}
div#popTip{position: fixed;top: 29vh;    left: 25vw;    width: 50vw;    height: 40vh;z-index: 400;background-color: #999;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 300ms; -moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 300ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 300ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 300ms;}
	div#popTip.hidden{display: none;}
	div#popTip p{color:#fff;     font: 2vw/2.5vw 'Open Sans', Arial;    font-weight: 400;    margin: 9vh 4vw 2vh 4vw;}
	div#popTip div#closeBtn{position: absolute;top: 2vh;    right: 2vw;    z-index: 450;    background-image: url(images/close_icon.svg);    background-repeat: no-repeat;    background-size: 4vw 5vh;    background-position: top right;    width: 4vw;    height: 5vh;cursor: pointer;}

div#rightForm.regging .calendar{margin-top: 1143px !important; margin-left: 170px !important;}

.toggled{display:block;vertical-align:top;}
	.toggled.disabled{opacity:0.4;pointer-events:none;}
	.toggled.disabled.hidden{display:none !important;}

input.toggleBtn{display:none;}

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{display:table-cell;vertical-align:top;text-align:left;padding-right:20px;}
		div.tableCell.head{font:20px/22px 'Open Sans', 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;}

::-webkit-input-placeholder { /* WebKit */
    color:#585858;text-transform:none;
}
::-moz-placeholder { /*Firefox */
    color:#585858;text-transform:none;
}
:-ms-input-placeholder { /* IE */
    color:#585858;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 10px 0px;font:20px/22px 'Open Sans', Arial;font-weight:600;}

div.warning, div#ADMINwarning{color:#ff0000;padding:0px 0px 10px 0px;}
	div#ADMINwarning{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;
}

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 tr.offRow{background-color:#ccc;}
	table.csvTable td{padding:3px 8px;}

div.miceType{font:10px/12px 'Open Sans', Arial;}

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

div#footer{position:fixed;bottom:0px;width:100%;height:60px;background-color:#d32427;color:#fff;text-align:center;font:16px/62px 'Open Sans', Arial;z-index:100;margin-top: 40px;}
	div#footer a{text-decoration:none;color:#fff;}
	    div#footer img{width: 40vw; height: 54px; margin-top: 14px;}

div#cover{position:fixed;top:0px;left:0px;display:none;z-index:5100;width:100%;height:100%;background-color:rgba(0,0,0,0.8);overflow:auto;}
div#clickSpace{position:absolute;z-index:5101;width:100%;height:100%;cursor:pointer;}

div.picCon{display:none;height:100%;}
div.picCon table{width:100%;}
div.picCon table td{text-align:center;position:relative;}
img#popPic{display:block;position:relative;width:auto;max-width:90%;height:auto;max-height:100%;z-index:5200;margin-left:auto;margin-right:auto;cursor:pointer;}
img#popPic.hidden{display:none;}
img#popPic.shown{display:block;}

div#popContent{position:relative;margin-left:auto;margin-right:auto;width:inherit;height:inherit;top:4%;text-align:center;max-width:90%;max-height:90%;z-index:5200;}/* overflow:hidden;  */
div#popContent div#caption.shown{position:relative;margin-left:auto;margin-right:auto;margin-top:-50px;background-color:rgba(255,255,255,0.75);height:40px;
	min-width:200px;z-index:5220;text-align:left;padding:5px 10px 5px 10px;font:14px/16px 'Open Sans', Arial;}
div#popContent div#caption.hidden{display:none;}

.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: 860px) {
	div#mainContainer{min-width: unset; background-size: 70vw 70vw;}
	h1{font: 3vh/3.5vw 'Open Sans', Arial;    font-weight: 800;    padding: 2vh 0;    text-align: center;    border-bottom: 20vh solid #502a7b;    margin: 0;    height: auto;}
	div#leftDetails {position: relative;  width: 90vw;    margin: 0vh 0 0 0;    padding: 4vh 5vw; font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400; min-height: 0;}
	div#rightForm {width: 90vw;    padding: 4vh 5vw 5vh 5vw; font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;margin-left: 0;}
	h2 {font: 12vw 'Open Sans', Arial;    font-weight: 400;    margin: 0px 0px 2vh 0px;}
	div#choosePrompt{font: 4vh/4.5vh 'Open Sans', Arial;    font-weight: 700; background-size: 20vw 20vw;    margin: 0px 0px 1vh 0px; min-height: 10vh;    padding: 1vh 0px 1vh 23vw;}
		div#choosePrompt a {font: 3.5vw/4vw 'Open Sans', Arial;    font-weight: 400;    margin: 1vh 0 0 0;}
		body.l1 div#choosePrompt a{font: 3vw/4vw 'Open Sans', Arial; font-weight: 400;}
		div#choosePrompt.session {background-size: 20vw 20vw;}
	div#sessionList div.listing div.date {font-weight: 700; margin: 0 0 .5vh 0;}
	a.backBtn {padding: 1.5vh 2vw;    font: 5vw 'Open Sans', Arial;    font-weight: 400;}
	h3 {font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 700;    margin: 0px 0px 1vh 0px;}
	div#provList a {margin: 2vh 0 2vh 0;    text-decoration: none;    font: 6vh 'Open Sans', Arial;}
	
	div.tableCell {padding-right: 3vw;}

	input[type="text"], input[type="password"] {display: block;    color: #4d4d4d;    border: 1px solid #d1d1d1;    font: 4vw 'Open Sans', Arial;    line-height: 10vw;    border-radius: 0px;    margin: 0px 0px 2vh 0px;    padding: 0px 2vw;    width: 84vw;    height: 10vw;}
	textarea {color: #4d4d4d;    border: 1px solid #d1d1d1;    font: 4vw/4.5vw 'Open Sans', Arial;    border-radius: 0px;    margin: 0px 0px 2vh 0px;    padding: 2vw;    background-color: #ffffff;    width: 84vw;    height: 18vh;}
	select {font: 4vw 'Open Sans', Arial;    font-weight: 400;    color: #4d4d4d;    height: 10vw;    line-height: 10vw;    padding-left: 2vw;    padding-right: 5vw; width: 88.5vw;    background-size: 7vw 4vw;    background-repeat: no-repeat;    background-position: 79vw 1.5vh;    margin: 0px 0px 2vh 0px;}
	label {display: inline-block;    vertical-align: middle;    font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;}
	label[for="contacted"] {display: inline-block;    vertical-align: top;    padding: 0px 0px 0 13vw;    background-image: url(images/check0.svg);    background-size: 11vw 11vw;    background-repeat: no-repeat;    background-position: 0px 0px;    margin: 0px 0px 2vh 0px;    min-height: 12vw;    line-height: 4.5vw;    cursor: pointer;    width: auto;}
	input[type="submit"] {font: 5vw 'Open Sans', Arial;    font-weight: bold;    padding: 1vh 2vw;}
	form#regForm input[type="submit"] {width: 88vw;}

	p {margin: 0px 0px 2vh 0px;}

	div#rightForm div.miceType {margin: 5vh 0 0 0;    width: auto;}

	div#travelFields {margin-left: 4vw;}
	div#travelFields input {width: 80vw;}
	div#travelFields select {width: 84.5vw;    background-position: 75vw 3vw;}

	div#addressFields{margin-left: 4vw;}
	div#addressFields input {width: 80vw;}
	div#addressFields select {width: 84.5vw; background-position: 75vw 3vw;}

}