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

div.mainContainer{position:relative;height: auto;    min-height: 100%;text-align:left;overflow-x:hidden;z-index:1;}

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: 2px 0px 5px 42px;    background-image: url(images/icon_pdf.svg);    background-size: 35px 35px;    background-repeat: no-repeat;    background-position: top left;    display: inline-block;    text-decoration: none;    color: #60605f;    font-size: 22px;    line-height: 28px;    margin: 20px 0; text-align: left;}
a.ppt{padding: 2px 0px 5px 42px;    background-image: url(images/icon_ppt.svg);    background-size: 35px 35px;    background-repeat: no-repeat;    background-position: top left;    display: inline-block;    text-decoration: none;    color: #60605f;    font-size: 22px;    line-height: 28px;    margin: 20px 0;}
a.video{padding: 2px 0px 5px 42px;    background-image: url(images/icon_video.svg);    background-size: 35px 35px;    background-repeat: no-repeat;    background-position: top left;    display: inline-block;    text-decoration: none;    color: #60605f;    font-size: 22px;    line-height: 28px;    margin: 20px 0;}

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

ul{list-style-type: disc;}
ul, ol{padding:0px 0px 20px 30px;margin:0px;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 {list-style: lower-alpha;}
i, 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;} */





div#header{position: relative;    background-color: #0a316e;    width: 100vw;    height: 26vw;    overflow: hidden;}
	div#header img{display: block; width: 80%; margin: 5vw auto 0 auto; max-width: 90vw;}
	div#header a.lang{display: block;    width: 100%;    text-align: center;    color: #fff;    text-decoration: none;    font: 3vw/6.5vw 'Open Sans', Arial;    font-weight: 400;}
	div#header div#kioskMode{position: absolute; top: 4px; right: 4px; font: 10px/10px 'Open Sans', Arial;    font-weight: 400;     color: #fff;}

div.contentCon.notLogged{padding: 4vw;}
	div.contentCon.notLogged h1{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 600;}
	div.contentCon.notLogged p{font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 400;}


div#intro p{font: 4vw/4.5vw 'Open Sans';    font-weight: 600;    margin: 4vw; text-align: center;}




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

input.toggleBtn{display:none !important;}
div#questionnaire{padding: 0 0 40px 0;}
form.surveyForum{width: 96%;    margin: 0 auto;    border-radius: 5vw;    white-space: normal;    padding: 0;    color: #fff;    background-size: cover;    background-position: top center;}
	form.surveyForum ol{list-style: none;    padding: 0; overflow: initial;}
	form.surveyForum div.question{font: 3.5vw/4.5vw 'Open Sans', Arial;    font-weight: 600;    padding: 0.5vw 0 6vw 0;    color: #262626;    text-align: left;}
		form.surveyForum div.question span{display: block;    font: 14px/16px 'Open Sans';    font-weight: 400;}
		form.surveyForum div.question sub{display: block;    font: 12px/16px 'Open Sans';}
	form.surveyForum input.toggleBtn{display:none;}
	form.surveyForum div.questionRow div.promptCon input{margin: 0 0 0 10px;    width: 400px;}
	form.surveyForum.dontTouch{pointer-events: none;}
	form.surveyForum div.warning{padding: 2vw 2vw 0 2vw;}
	form.surveyForum div.sectionContent{}
		form.surveyForum div.sectionContent ol{list-style-type: none;}
		form.surveyForum div.sectionContent ol li.dontShow{display: none;}
	form.surveyForum.dontTouch input, form.surveyForum.dontTouch select, form.surveyForum.dontTouch textarea, form.surveyForum.dontTouch label{pointer-events: none;}
	form.surveyForum input.toggleBtn{display:none;}
div#pageScroll{min-height: 78vh;}
div#botBar p{font: 14px/16px 'Open Sans', Arial;    font-weight: 400;    padding: 0 0 0 1vw;}

div.standAloneTitle{position: relative;    font: 4vw/4.5vw 'Open Sans';    font-weight: 600;    margin: 0;    background-color: #c3d600;    color: #0a316e;    font-style: italic;    padding: 4vw 4vw 4vw 14vw;}
	div.standAloneTitle span{display: block;    position: absolute;    top: -2vw;    left: -3vw;    background-color: #c3d600;    width: 17vw;    border-radius: 10vw;    height: 17vw;    text-align: center;    font: 12vw/16vw 'Open Sans';    font-weight: 700;}
div.midQuestionTitle{font: 18px/20px 'Open Sans', Arial;    font-weight: 600;    padding: 0.5vw 0 0.5vw 0.4vw;}

div.questionTable{white-space: nowrap;}
	div.questionTable.hidden{display: none;}
div.questionRow{display:inline-block;vertical-align: top;margin: 0 0 10px 0vw;position: relative; width: 100%;}
	div.questionRow.indent{margin: 0 0 0.5vw 2vw;}
div.questionRow label{display: inline-block;    vertical-align: top;    cursor: pointer;    padding: 3% 4% 3% 4%;    border-radius: 5vw;    width: 92%;    border: 1px solid #262626;    color: #262626; margin-left: -1px;}
	div.questionRow label.HL{background-color: #416bba !important;     border: 1px solid #416bba !important;}
	div.questionRow label.disabled{pointer-events: none;    opacity: 0.5;}
div.questionLetter{display: none;    vertical-align: top;    padding: 0;font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 600;    color: #262626;    width: 20px;    text-align: center;}
div.questionText{display: inline-block;    vertical-align: top;    white-space: normal;    font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 600;    color: #262626;    padding: 0 10px 0 5px;}
	div.questionRow:hover label{background-color: #ccc;}
	div.questionRow:hover div.questionText, div.questionRow label.HL div.questionText{color: #fff;}
	div.questionRow:hover div.questionLetter, div.questionRow label.HL div.questionLetter{color: #fff;}
div.questionTable textarea{width: 600px;    height: 80px;}

div#botBar{padding: 2vh 2vh 1.5vh 2vh;}

div#case{position: relative; padding: 0.1px; background: #8ddceb; background: -webkit-linear-gradient( to bottom right, #8ddceb, #3d8ec9);	background: linear-gradient(to bottom right, #8ddceb, #3d8ec9);}
	img#jamie{position: absolute;    display: block;    width: 38%;    top: -3%;    right: 3%;    z-index: 100;}
	img#meetJamie{display: block;    width: 50%;    margin: 5% 5% 14% 5%;}
	img#caseOutline{display: block;    width: 65%;    margin: 0 0 2% 6%;}
	div#case div.disclaimer{font: 2vw/2.5vw 'Open Sans', Arial;    font-weight: 400;    color: #0a316e;    margin: 0 0 2% 6%;    width: 88%;}
	div#case ul{font: 3vw/3.5vw 'Open Sans', Arial;    font-weight: 400;    color: #0a316e;    margin: 0 0 1% 3%;    width: 80%;}
	div#case div.references{font: 2vw/2.5vw 'Open Sans', Arial;    font-weight: 400;    color: #0a316e;    margin: 0 0 5% 6%; width: 88%;}
	div#case div.references a{color: #0a316e;}

div#pollingResults{background-color: transparent;    border-radius: 5vw;  padding: 4%;    margin: 0; color: #000}
	div#right div.PAD div#pollingResults h2{background-image: url(images/icon_data_grey.svg);    background-size: 35px 26px;    background-repeat: no-repeat;    background-position: 0 0;    font: 16px/16px 'Open Sans', Arial;    font-weight: 600;    padding: 10px 0 3px 40px;    margin: 0px 0 10px 0;}
	div#pollingResults div.question{font: 4.5vw/5.5vw 'Open Sans', Arial;    font-weight: 700;    padding: 0.5vw 0 6vw 0;    color: #000;    text-align: center;    text-shadow: none;}
	div#pollingResults div.correct{padding: 0px 0px 0 9vw;    background-image: url(images/correct.svg);    background-size: 7vw 7vw;    background-repeat: no-repeat;    background-position: 0px 0px;    margin: 0 0 2% 0;    font: 5vw/7vw 'Open Sans', Arial;    font-weight: 700;    text-align: left;}
	div#pollingResults div.wrong{padding: 0px 0px 0 9vw;    background-image: url(images/incorrect.svg);    background-size: 7vw 7vw;    background-repeat: no-repeat;    background-position: 0px 0px;    margin: 0 0 2% 0;    font: 5vw/7vw 'Open Sans', Arial;    font-weight: 700;    text-align: left;}
	div#pollingResults p{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;    white-space: normal;    margin: 0 0 2% 0;}
	div#pollingResults div.feedGraph{width: 100%;    height: 70vw;    margin: 0;}
	div#pollingResults ol#qFeedback{font: 4vw/4.5vw 'Open Sans',arial,sans-serif;    font-weight: 600;    list-style-type: none;    margin: 10px 0 0 0;    padding: 0 0 0 20px;    white-space: normal;}
	div#pollingResults ol#qFeedback.alpha.answers{padding: 0px 0px 4% 6%; counter-reset: list;}
	div#pollingResults ol#qFeedback.alpha.answers li{list-style: none;}
	div#pollingResults ol#qFeedback.alpha.answers li:before{content: counter(list, upper-alpha) ") ";  counter-increment: list;}
	div.qFeedbackCon{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;    white-space: normal;    margin: 0 0 2% 0;}

li.a1{color: #3366cc;}
li.a2{color: #dc3912;}
li.a3{color: #ff9900;}
li.a4{color: #119618;}
li.a5{color: #990099;}
li.a6{color: #0099c6;}
li.a7{color: #dd4477;}
li.a8{color: #66aa01;}
li.a9{color: #b82e2e;}
li.a10{color: #316395;}
li.a11{color: #9a4499;}

label#q11a11 div.questionLetter{display: none;}
label#q11a11 div.questionText{font-weight: 600;}
label#q12a11 div.questionLetter{display: none;}
label#q12a11 div.questionText{font-weight: 600;}

form.surveyForum select{width: 500px;}
form.surveyForum input[type="submit"]{display: block; background-color: #0a316e; font: 5vw/10vw 'Open Sans',arial,sans-serif; font-weight: 600;    color: #fff;    border: 1px solid #0a316e;    border-radius: 5vw;    padding: 0;    width: 99%;    margin: 1vw auto;    cursor: pointer;}
form.surveyForum input[type="number"]{display: block; font: 16px 'Open Sans', Arial;    line-height: 32px;    width: 92px;}
select.inRow{display: inline;}
form.surveyForum select.ident{width: 50px;    padding: 0 2px;   margin-right: 10px;}
input#relevance{color: #262626;    background-color: transparent;    border: 1px solid #ccc;    margin: 0 0 4vw 0; font-style: italic;}

li.displayType0{padding: 2vh 2vh 1.5vh 2vh;    margin: 0 0 0 0; background-color: #fff;    border-bottom-left-radius: 5vw;    border-bottom-right-radius: 5vw;}
li.displayType1{font-size: 14px;    margin-left: 23px;}
form.surveyForum li.displayType1 div.question{font: 14px/18px 'Open Sans';    padding: 15px 0 10px 0;}
form.surveyForum li.displayType1 div.questionText{font: 14px/18px 'Open Sans';}
li.displayType2{margin-top: 10px;}
div.third{display: inline-block;    vertical-align: top;    width: 300px;}
	div.third.head{background-color: #ccc;    text-align: center;    padding: 5px 0;    font-size: 14px;    font-weight: 600;    margin-bottom: 10px;}
	div.third.answerTitle{position: relative; font-size: 14px;    padding: 8px 5px;    width: 258px;}
	div.third.answerTitle input[type="text"]{position: absolute;    top: 0;    right: -66px;    color: #7f7f7f;    border: 1px solid #808184;    font: 14px/34px 'Open Sans',arial,sans-serif;    line-height: 34px;    border-radius: 0px;    margin: 0;    padding: 0px 15px;    height: 34px;    background-color: #ffffff;    width: 175px;}
	form.surveyForum div.third.drop select{display: block;    font-size: 14px;    width: 160px;    margin: 0 auto 10px auto;    height: 38px;}
	form.surveyForum div.third input[type="number"]{display: block;    font-size: 14px;    width: 98px;    margin: 0 auto 10px auto;    height: 32px;}

div.twoCol{display: inline-block;    vertical-align: top;    width: 268px;}
	div.twoCol.head{background-color: #ccc;    text-align: center;    padding: 5px 5px;    font-size: 14px;    font-weight: 600; white-space: normal; height: auto;    margin-bottom: 10px; width: 258px;}
		div.twoCol.head.left{text-align: left;}
	div.twoCol.answerTitle{position: relative; font-size: 14px;    padding: 8px 5px;    width: 258px;}
	div.twoCol.answerTitle input[type="text"]{position: absolute;    top: 0;    right: -66px;    color: #7f7f7f;    border: 1px solid #808184;    font: 14px/34px 'Open Sans',arial,sans-serif;    line-height: 34px;    border-radius: 0px;    margin: 0;    padding: 0px 15px;    height: 34px;    background-color: #ffffff;    width: 175px;}
	form.surveyForum div.twoCol input[type="number"]{display: block;    font-size: 14px;    width: 98px;    margin: 0 auto 10px auto;    height: 32px;}

form#quizForm{}
div#slideBody{}
	div#slideBody img{display: block; width: 100%;}
form#quizForm input#backBtn{display: inline-block;    background-color: #0a316e;    font: 5vw/10vw 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #fff;    border: 1px solid #0a316e;    border-radius: 5vw;    padding: 0;    width: 46%;    margin: 4% 2%;    cursor: pointer;}
form#quizForm input#nextBtn{display: inline-block;    background-color: #0a316e;    font: 5vw/10vw 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #fff;    border: 1px solid #0a316e;    border-radius: 5vw;    padding: 0;    width: 46%;    margin: 4% 2%;    cursor: pointer;}
	form#quizForm input.disabled{pointer-events: none; opacity: 0.5; background-color: #ccc;}



div#report{background-color: #fff; padding: 0 0 8vw 0;}
	div#report div.intro{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;    color: #262626;    padding: 4vw;}
	div#report h2{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;    padding: 4vw;    font-style: italic;    margin: 0;}
	div#report ol{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;    padding: 0px 0px 20px 40px;    margin: 0px;}
	div#report div.response{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;    padding: 0 4vw;}
	div#report h3{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 600;    text-align: center;    margin: 0;    padding: 4vw 18vw 0 18vw;    color: #0a316e;}
	div#report img.pieGraph{display: block;    width: 92vw;    margin: 2vw auto;}
	div#report hr{width: 92vw;    height: 0;    border: 0;    border-top: 1px solid #262626;    margin: 20px auto;}
	div#report a.toolPDF{    display: block;    padding: 1vw 0px 2vw 12vw;    background-image: url(images/icon_PDF_blue.svg);    background-size: 10vw 10vw;    background-repeat: no-repeat;    background-position: top left;    text-decoration: none;    color: #424e7b;    font-size: 4vw;
    line-height: 4.5vw;    margin: 4vw 4vw;    text-align: left;}
    div#report div.response{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;    padding: 0 4vw;}
    div#report div.experts{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;    padding: 2vw 4vw;}
    div#report div.supportingData{font: 4vw/4.5vw 'Open Sans', Arial;    font-weight: 400;    padding: 2vw 4vw;}







div.cover{position:fixed;top:0px;left:0px;z-index:5000;width:100%;height:100%;background-color:rgba(76,76,76,0.9);overflow:auto;-webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 300ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 300ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 300ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 300ms;}
	div.cover.hidden{display:none;}
	div.cover#askBox{z-index:8000;}
	div.cover#replyBox{z-index:8000;}
	div.cover#memberTagBox{z-index:9000;}
	div.cover#imgPop{z-index:8000;}
	div.cover 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;}
	img#imgPopImg{display: block; margin: 20vh auto 0 auto;}
	div.closeBtn{font:20px 'Open Sans';color:#fff;}
div.clickSpace{position:absolute;z-index:5001;width:100%;height:100%;cursor:pointer;}


form#evaluationForm{width: 900px;    margin: 20px auto 120px auto;     font: 18px/20px 'Karbon',arial,sans-serif;    font-weight: 400;}
	div#right div.PAD form#evaluationForm h2{color: #60605f;    font: 22px/26px 'Karbon',arial,sans-serif;    font-weight: 600;    margin: 10px 0 20px 0;}
	form#evaluationForm p{margin: 0px 0px 10px 0px;}
fieldset.singles{border: 0;    padding: 0;    margin: 0;}
fieldset.singles div.question{color: #60605f;    font: 20px/22px 'Karbon',arial,sans-serif;    font-weight: 400;    padding: 0 0 5px 0;    white-space: normal;}
fieldset.singles select{margin: 0 0 30px 0;}
select#chosen1{width: auto;}
form#evaluationForm textarea{width: 99%;}

table.evalTable td.head{font-weight: 600;}

div.rangeSlide{width: 100%; margin-bottom: 3vh;}
input.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 3vw; /* Specified height */
  background: #0a316e; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  margin: 1vw 0 4vw 0;
}
input.slider:hover, input.slider.slid{
  opacity: 1; /* Fully shown on mouse-over */
}
input.slider::-webkit-slider-thumb{-webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 10vw; /* Set a specific slider handle width */
  height: 10vw; /* Slider handle height */
  background: #0a316e;
  /* background: url('images/slider3.svg'); */
  cursor: pointer; /* Cursor on hover */
  border-radius: 5vw;
}
	div.rangeSlide.range1 input.slider::-webkit-slider-thumb{background: url('images/1.svg');margin-left:5%;}
	div.rangeSlide.range2 input.slider::-webkit-slider-thumb{background: url('images/2.svg');}
	div.rangeSlide.range3 input.slider::-webkit-slider-thumb{background: url('images/3.svg');}
	div.rangeSlide.range4 input.slider::-webkit-slider-thumb{background: url('images/4.svg');}
	div.rangeSlide.range5 input.slider::-webkit-slider-thumb{background: url('images/5.svg');margin-left:-5%;}
input.slider::-moz-range-thumb{width: 25px; /* Set a specific slider handle width */
  width: 35px;
  height: 35px; /* Slider handle height */
  background: #8eb4e3;
  /* background: url('images/slider3.svg'); */
  cursor: pointer; /* Cursor on hover */
}
input.slider:disabled{pointer-events: none;}

div.rangeLabels{display: table;    width: 100%;    text-align: center;color: #9a9a99;    font-size: 2.5vw;}
	div.rangeLabels div{display: table-cell;    max-width: 80px;    white-space: normal;line-height: 4vw;}
	div.rangeLabels.rangeCount2 div{width: 50%;}
	div.rangeLabels.rangeCount3 div{width: 33.3%;}
	div.rangeLabels.rangeCount4 div{width: 25%;}
	div.rangeLabels.rangeCount5 div{width: 20%;}
	div.rangeLabels.rangeCount6 div{width: 16.6%;}
	div.rangeLabels.rangeCount7 div{width: 13.6%;}
		div.rangeSlide.range1 div.rangeLabels div.rangeLabel1{font-weight:bold; color: #000;}
		div.rangeSlide.range2 div.rangeLabels div.rangeLabel2{font-weight:bold; color: #000;}
		div.rangeSlide.range3 div.rangeLabels div.rangeLabel3{font-weight:bold; color: #000;}
		div.rangeSlide.range4 div.rangeLabels div.rangeLabel4{font-weight:bold; color: #000;}
		div.rangeSlide.range5 div.rangeLabels div.rangeLabel5{font-weight:bold; color: #000;}
		div.rangeSlide.range6 div.rangeLabels div.rangeLabel6{font-weight:bold; color: #000;}
		div.rangeSlide.range7 div.rangeLabels div.rangeLabel7{font-weight:bold; color: #000;}

iframe#clipIframe{width: 800px;    height: 455px;}

div.collapseBox{background-color: #fff;    border: 1px solid #666;    margin: 0 0 40px 0; max-height: 72px; overflow: hidden; transition: 500ms ease-in-out;}
	div.collapseBox.open{max-height: 5000px;}
	div.collapseBox div.toggleBtn{position: relative; background-image: url(images/icon_resources_blue.svg);    background-position: 10px 10px;    background-repeat: no-repeat;    background-size: 50px 50px;    padding: 25px 0 25px 70px;    font: 22px/22px 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #60605f; cursor: pointer;}
		div.collapseBox div.toggleBtn.wrapped{padding: 14px 0 13px 90px !important;}
	div.collapseBox div.toggleBtn span{position: absolute; top: 25px;    right: 20px;    z-index: 100;    font: 32px/15px 'Open Sans',arial,sans-serif;    font-weight: 600;}
		div.collapseBox > div.toggleBtn span.open{display: none;}
		div.collapseBox.open > div.toggleBtn span.closed{display: none;}
		div.collapseBox.open > div.toggleBtn span.open{display: block;}

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

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;}

form#logForm.admin{width: 500px;    margin: 20px auto;    white-space: normal;}

body.admin div.mainContainer{overflow-x: auto;    height: 100%;}
form#adminForm{padding: 20px;    font-size: 16px;    line-height: 18px;    color: #000;    white-space: normal;}
	form#adminForm img#logoMain{display: inline-block;    vertical-align: middle;    margin: 0 2vw 0 0;    width: 50px;}
	form#adminForm h1{font-size: 18px;    line-height: 20px;    display: inline-block;    vertical-align: middle; color: #000;}
	form#adminForm a{color: #000;}
	form#adminForm input[type="submit"]{display: inline-block;    vertical-align: middle;    width: auto;    font-size: 16px;    line-height: 20px;    padding: 0 20px;    height: 28px;    margin: 15px 0;}
	form#adminForm img.postThumb{display: block;   width: 100%;    margin: 0 0 1vh 0;}

div#qFeedback{border: 1px solid #ccc;    border-radius: 14px;    padding: 10px 20px 20px 20px;    background-color: #e0e0e0;    margin: -20px 0 0 0;}
	ol#qFeedback.surveys{list-style: none;}
	div#right div.PAD div#commercialQuestions div#qFeedback h2{background-image: url(images/icon_data.svg);    font: 17px/18px 'Open Sans',arial,sans-serif;    font-weight: 600;    padding: 2px 0 5px 52px;    background-size: 44px 35px;    margin: 0;}
	ol.alpha.answers{padding: 5px 0px 20px 60px;}
	img.feedGraph{display: block;margin: 0 auto 10px auto;}

	ol#qFeedback div.graphRight{float: right;margin-bottom: 20px;}
		ol#qFeedback div.graphRight h3{text-align: center;}
		ol#qFeedback div.feedGraph{width:350px;height:400px;}
div#qFeedback div.graphRight{float: right;margin-bottom: 20px;}
	div#qFeedback div.graphRight h3{text-align: center;}
div#qFeedback.wheel div.feedGraph{width: 700px;    height: 600px;}


	ol#qFeedback hr{height: 0;    border: 0;    border-bottom: 1px solid black;    margin: 30px 0 20px 0;}
div.correctResponse{background-size: 66px 69px;background-image: url(images/correct.svg);background-repeat: no-repeat;padding:0px 0 0 80px; min-height: 69px;}
	div.correctResponse strong{display: block;color:#0f9d58;}
div.incorrectResponse{background-size: 57px 67px;background-image: url(images/incorrect.svg);background-repeat: no-repeat;padding:0px 0 0 70px; min-height: 67px;}
	div.incorrectResponse strong{display: block;}
	div.incorrectResponse div.answer{padding:10px 0 0 0;}

div#quizEnd{padding: 4vw;    margin: 4vw;    background-color: #fff;    border-radius: 5vw;}
	div#quizEnd p{font: 4vw/4.5vw 'Open Sans';    font-weight: 400;    margin: 4vw; text-align: center;}
	div#kioskReset a{display: block; background-color: #0a316e; font: 5vw/10vw 'Open Sans',arial,sans-serif; font-weight: 600;    color: #fff;    border: 1px solid #0a316e;    border-radius: 5vw;    padding: 0;    width: 99%;    margin: 1vw auto;    cursor: pointer; text-decoration: none;    text-align: center;}
form#emailResponseForm input[type="text"]{display: block;    width: 75vw;    padding: 2vw 4vw;    font: 4vw/4.5vw 'Open Sans';    font-weight: 400;    margin: 0 0 4vw 0;}
form#emailResponseForm  label[for="consent"]{display: inline-block;    vertical-align: top;    padding: 0 0 0 0;    margin: 0 0 4vw 0;    min-height: 10vw;    cursor: pointer;    width: 72vw;    font: 3vw/3.5vw 'Open Sans';    font-weight: 400;}
	form#emailResponseForm  label[for="consent"].HL{background-image:url(images/check1.svg);}
form#emailResponseForm input[type="submit"]{display: block;    background-color: #0a316e;    font: 5vw/10vw 'Open Sans',arial,sans-serif;    font-weight: 600;    color: #fff;    border: 1px solid #0a316e;    border-radius: 5vw;    padding: 0;    width: 99%;    margin: 1vw auto;    cursor: pointer;}
form#emailResponseForm input#noThanks{color: #262626;    background-color: transparent;    border: 1px solid #ccc;    margin: 0 0 4vw 0;    font-style: italic;}


div#footer{font: 12px/14px 'Open Sans', Arial;    display: block;    width: fit-content;    margin: 100px auto 10px auto;    text-align: center;}

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 '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;}

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

body.admin fieldset{max-width: 800px;}
body.admin textarea{display: block;    width: 98%; border:1px solid #009ee0;font:14px/16px 'Open Sans', Arial;}
body.admin select{width: 100%; line-height: 14px;    height: 23px;    margin: 0;}
body.admin input[type="text"]{width: 97.5%;}

div.graphSet{position: relative;    margin: 0 0 40px 0;}
div.pieLabel{margin-top: 30px;    padding: 10px 0 0 0;    border-top: 0px solid black;}
div.feedGraph {position: relative;display: inline-block;vertical-align: top;width: 380px; height: 390px;margin-right: 20px;-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;}
	div.feedGraph.solo.wide{width: 800px;}
div.theLegend{position: absolute;    top: 0px;    left: 500px;    width: 350px;-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;}
	div.theLegend div.ggLI{display: table;margin-bottom: 10px;}
	div.theLegend div.letter{display: table-cell;vertical-align: middle;width:38px;height:38px;font: 16px/16px 'Open Sans', Arial;    font-weight: 600;text-align: center;text-transform: uppercase;color: #fff;}
	div.theLegend div.txt{display: table-cell;vertical-align: middle;text-align: left;padding-left: 10px;font: 12px/14px 'Open Sans', Arial;    font-weight: 600;color: #061d49;}
		div.theLegend div#ggLI_1 div.letter{background-color: #89459a;}
		div.theLegend div#ggLI_2 div.letter{background-color: #03b2cf;}
		div.theLegend div#ggLI_3 div.letter{background-color: #beb23c;}
		div.theLegend div#ggLI_4 div.letter{background-color: #77787b;}
		div.theLegend div#ggLI_5 div.letter{background-color: #061d49;}
		div.theLegend div#ggLI_6 div.letter{background-color: #8cc63f;}
		div.theLegend div#ggLI_7 div.letter{background-color: #ffd300;}
		div.theLegend div#ggLI_8 div.letter{background-color: #ff3b00;}

input[type="text"].inputsmall, textarea.inputsmall {font:10px/12px 'Open Sans', 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 'Open Sans', 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;}
.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:12px/14px 'Open Sans', Arial;}
p.miceType{font: 12px/14px 'Open Sans', Arial;    font-weight: 400;}

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

.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 (min-width: 800px){
	body{background-color: #ebebeb;}

	div#header{max-width: 100%; height: 220px;}
		div#header img{width: auto;    height: 152px;    margin: 22px auto 0 auto;}
		div#header a.lang{font: 16px/40px 'Open Sans', Arial;    font-weight: 400;}

	div.contentCon.notLogged{max-width: 900px;    margin: 0 auto;}
		div.contentCon.notLogged h1{font: 24px/26px 'Open Sans', Arial;    font-weight: 600;}
		div.contentCon.notLogged p{font: 20px/24px 'Open Sans', Arial;    font-weight: 400;}

	div#intro p{font: 24px/26px 'Open Sans';    font-weight: 600;}
	div.standAloneTitle{font: 28px/30px 'Open Sans';    font-weight: 600;    padding: 20px 20px 20px 90px;}
		div.standAloneTitle span{font: 80px/96px 'Open Sans';    font-weight: 700;    width: 100px;    height: 100px;    border-radius: 50px;    top: -18px;    left: -20px;}

	div.rangeSlide{margin-bottom: 10px;}
	input.slider{height: 25px; /* Specified height */  margin: 5px 0 10px 0;}
		input.slider::-webkit-slider-thumb{-webkit-appearance: none; /* Override default look */
		  appearance: none;
		  width: 70px; /* Set a specific slider handle width */
		  height: 70px; /* Slider handle height */
		  background: #0a316e;
		  /* background: url('images/slider3.svg'); */
		  cursor: pointer; /* Cursor on hover */
		  border-radius: 35px;
		}
	div.rangeLabels{font-size: 18px;    line-height: 20px;}
		div.rangeLabels div{line-height: 40px;}

    form.surveyForum{border-radius: 20px; max-width: 900px;}
    li.displayType0{padding: 20px;    border-bottom-left-radius: 30px;    border-bottom-right-radius: 30px;}
    form.surveyForum div.question{font: 20px/22px 'Open Sans', Arial;    font-weight: 700;    padding: 10px 0 20px 0;}
    div.questionRow label{border-radius: 20px;}
    div.questionLetter{font: 20px/20px 'Open Sans', Arial;    font-weight: 600;}
    div.questionText{font: 20px/20px 'Open Sans', Arial;    font-weight: 600;}

    form#quizForm input#backBtn{font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600;}
    form#quizForm input#nextBtn{font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600;}

    div#botBar{padding: 20px;}
 	   input#relevance{float: left; max-width: 400px;    margin: 0;}
 	   form.surveyForum input[type="submit"]{float: right; font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600; max-width: 400px;    margin: 0;}

	div#caseCon{position: relative;    max-width: 900px;    margin: 0 auto;    padding: 0.1px;}
		img#jamie{top: -20px;}
		div#case div.disclaimer{font: 14px/16px 'Open Sans', Arial;    font-weight: 400;}
		div#case ul{font: 18px/20px 'Open Sans', Arial;    font-weight: 400;    margin: 0 0 1% 5%;}
		div#case div.references{font: 14px/16px 'Open Sans', Arial;    font-weight: 400;}

    div#pollingResults div.question{font: 20px/22px 'Open Sans', Arial;    font-weight: 700; padding: 10px 0 20px 0;}
    div#pollingResults div.feedGraph{height: 400px;}
	div#pollingResults ol#qFeedback{font: 20px/22px'Open Sans',arial,sans-serif;    font-weight: 600;}
	div#pollingResults div.correct{font: 24px/26px 'Open Sans', Arial;    font-weight: 700;    padding: 0px 0px 20px 42px;    background-size: 30px 30px;}
	div#pollingResults div.wrong{font: 24px/26px 'Open Sans', Arial;    font-weight: 700;    padding: 0px 0px 20px 42px;    background-size: 30px 30px;}

	div.qFeedbackCon{font: 18px/20px 'Open Sans', Arial;    font-weight: 400;}

	div#report{max-width: 900px;    margin: 0 auto;}
		div#report div.intro{font: 20px/24px 'Open Sans', Arial;    font-weight: 400;    padding: 40px;}
		div#report h2{font: 20px/24px 'Open Sans', Arial;    font-weight: 400;    padding: 20px 40px;}
		div#report ol{font: 20px/24px 'Open Sans', Arial;    font-weight: 400;    margin: 0 40px;}
		div#report div.response{font: 20px/24px 'Open Sans', Arial;    font-weight: 400;    padding: 0 40px;}
		div#report h3{font: 20px/24px 'Open Sans', Arial;    font-weight: 600;    padding: 20px 40px 0 40px;}
		div#report img.pieGraph{display: block;    width: 70%;    margin: 10px auto;}
		div#report hr{width: 92%;}
		div#report a.toolPDF{padding: 10px 0px 10px 64px;    font-size: 20px;    line-height: 24px;    margin: 40px;    background-size: 60px 60px;    min-height: 44px;}
		div#report div.experts{font: 20px/24px 'Open Sans', Arial;    font-weight: 400;    padding: 20px 40px;}
		div#report div.supportingData{font: 20px/24px 'Open Sans', Arial;    font-weight: 400;    padding: 20px 40px;}

	div#quizEnd{padding: 40px;    margin: 40px auto;    background-color: #fff;    border-radius: 40px;    max-width: 900px;}
		div#quizEnd p{font: 20px/24px 'Open Sans';    font-weight: 400;    margin: 0 0 20px 0;}
		form#emailResponseForm input[type="text"]{width: 90%;    padding: 20px 40px;    font: 20px/24px 'Open Sans';    font-weight: 400;    margin: 0 0 20px 0;}
		form#emailResponseForm label[for="consent"]{margin: 0 0 20px 0;    min-height: 40px;    width: 98%;    font: 18px/20px 'Open Sans';    font-weight: 400;}
		form#emailResponseForm input[type="submit"]{font: 24px/48px 'Open Sans',arial,sans-serif;    font-weight: 600;    margin: 0 0 20px 0;    border-radius: 40px;}
		form#emailResponseForm input#noThanks{margin: 0 0 20px 0;}
		div#kioskReset a{font: 24px/40px 'Open Sans',arial,sans-serif;    font-weight: 600; max-width: 400px;    margin: 10px auto;}
}

@media print {
	.pageBreak{display:block; page-break-before:always;}
	div#printBtn{display:none;}
	.dontPrint{display:none;}
	.onlyPrint{display:block;}
	div.mainContainer{height: auto;}
	ol#qFeedback > li{page-break-inside: avoid;}
	ol#qFeedback div.graphRight{max-width: 380px;}

		div#qFeedback.wheel div.graphRight{float: none; page-break-after: always; }
    
    div#topStrip{display: none;}

	div#left{display:none;}

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

}