html{height:100%;}
body{margin:0px;background-color:#ffffff;-webkit-text-size-adjust: 100%;height:100%;}
body#s3{height:100%;}

form{margin:0px;}
img{border:0px;}
a img {text-decoration:none;border:0 none;}
a:hover{opacity:0.8;}
p{margin:0px 0px 12px 0px;padding:0px;}

ul{padding:5px 0px 0px 16px;margin:0px;list-style-type: disc;list-style-image: none;}
li {padding-bottom:5px;}

hr{height:0px;border:0px;border-bottom:1px solid #999999;margin:10px 0px 10px 0px;}

sup{font-size:12px;}

a#langBtn{float:right; padding:0px 40px 0 0; font:24px/24px 'Source Sans Pro', Arial,sans-serif;font-weight:300;}

div#mainContainer{position:relative;background-color:#ffffff;text-align:left;min-height: 100%;}
body#s3 div#mainContainer{min-height:100%;}

div#topStrip{text-align:center;background-color:#10c4ff;color:#fff;font:18px 'Source Sans Pro', Arial;font-weight:300;height:50px;padding-top:27px;}
	div#topStrip a{text-decoration:none;font-weight:600;color:inherit;}
div#theBanner{position:relative;    background-image: url(images/banner_text0.svg), url(images/HSRLCE-Logo300.png), url(images/CPD-Logo300.png), url(images/banner_main.jpg);   background-size: 40vw 20vw, 18vw auto, 18vw auto, cover;    background-position: 4vw 6vw, 3.5vw 26vw, 25vw 26.5vw, top center;    background-repeat: no-repeat;    height: 32vw;}
body.l1 div#theBanner{background-image:url(images/banner_text1.svg), url(images/HSRLCE-Logo300.png), url(images/CPD-Logo300.png), url(images/banner_main.jpg);}

div.contentCon{width:1000px;padding:30px 40px;margin-left:auto;margin-right:auto;font:21px/23px 'Source Sans Pro', Arial;font-weight:300;color:#4d4d4f;}
	div.tighter{padding:20px 100px;}
	div.contentCon.wide{width:auto;}
	div.center{text-align:center;}

div#homeTitle{position:relative;margin-top:-210px;}
	div#homeTitle h1{position:absolute;top:46px;left:50%;text-align:right;font:38px/40px 'Source Sans Pro', Arial;font-weight:300;text-transform:uppercase;color:#fff;text-shadow:2px 2px #000000;}
div#subTitle{position:relative;margin-top:-70px;}
	div#subTitle h1{position:absolute;top:74px;left:355px;}
		div#subTitle h1 a{text-decoration:none;font-weight:600;color:inherit;}
	body#s2 div#subTitle{z-index:10;height:305px;}

	div#homeTitle{display:none;}
	div#subTitle{display:none;}

img#titleMain{width:406px;height:160px;position:absolute;top:228px;left:370px;}
	div#subTitle img#titleMain{top:121px;left:432px;}

	form#logForm{text-align: center;padding-top: 40px;}
	form#logForm input{padding: 15px 10px 15px 50px;width: 184px;margin: 0 0 20px 0;}
	form#logForm input[type="text"]{ background-repeat: no-repeat;background-size: 29px 31px;background-position: 10px 6px;padding: 15px 10px 15px 20px;width: 184px;     margin: 0 10px 15px 10px;border: 1px solid #bbb;}
	form#logForm input[type="password"]#password{ background-repeat: no-repeat;background-size: 23px 31px;background-position: 10px 6px;padding: 15px 10px 15px 20px;width: 184px;    margin: 0 10px 15px 10px;border: 1px solid #bbb;}
	form#logForm input[type="submit"]{display: block;text-align: center;padding: 15px 0px 15px 0px;font-size: 20px;width: 215px;background-color: #242424;border-radius: 0px;border: 0px solid #fff;color:#fff;margin: 0 auto 40px auto;}
		form#logForm input[type="submit"]:hover{background-color: #3c3c3b;}
		form#logForm input#email{width: 284px;}
	form#logForm div.warning{padding: 20px;    text-align: center;}

h1{margin:0px 0px 10px 0px;color:#4d4d4f;font:24px/24px 'Source Sans Pro', Arial;font-weight:400;text-transform:none;}
h2{margin:0px 0px 10px 0px;color:#10c4ff;font:30px/32px 'Source Sans Pro', Arial;font-weight:600;text-transform:uppercase;}
	body#s2 h2{font:23px/24px 'Source Sans Pro', Arial;font-weight:600;}
h3{margin:0px 0px 5px 0px;color:#f04c25;font:35px/35px 'Source Sans Pro', Arial;font-weight:600;}
h4{margin:0px 0px 20px 0px;color:#4d4d4f;font:28px/30px 'Source Sans Pro', Arial;font-weight:600;text-align:center;}


a.regLink{display:block;width:603px;border:1px solid #626264;border-radius:10px;font:24px/32px 'Source Sans Pro', Arial;font-weight:300;text-align:center;margin-right:auto;margin-left:auto;padding:20px 0px 20px 0px;color:#626264;text-decoration:none;margin-bottom:40px;}

div.meetingItem{background-color:#fff;margin-bottom:20px;cursor:pointer;border:1px solid #4d4d4f;}
	div.meetingItem div.dateBox{display:table-cell;vertical-align:middle;background-color:#10c4ff;text-align:center;font:30px 'Source Sans Pro';font-weight:400;color:#fff;width:200px;height:107px;padding:20px 0px 0px 0px;text-transform:uppercase;}
	div.meetingItem div.dateBox strong{display:block;font:85px/51px 'Source Sans Pro';font-weight:900;margin-bottom:10px;}
	div.meetingItem div.desc{display:table-cell;vertical-align:middle;height:87px;width:625px;overflow:hidden;color:#4c4c4c;font:28px/30px 'Source Sans Pro', Arial;font-weight:400;padding:20px;}
		div.meetingItem div.desc strong{font:24px/26px 'Source Sans Pro', Arial;font-weight:900;}
	div.meetingItem:hover{opacity:0.8;}
	div.meetingItem.soldOut{opacity: 0.5;}


div#leftDetails{display:inline-block;width:312px;padding:112px 20px 0px 0px;vertical-align:top;position:relative;z-index:20;font:16px/20px 'Source Sans Pro', Arial;font-weight:400;}
div#formArea{display:inline-block;width:640px;padding:0px 0px 0px 20px;vertical-align:top;border-left:1px solid #4d4d4f;position:relative;z-index:20;    margin-bottom: 60px;}
input[type="text"].half{width:260px;}
input[type="text"].left{margin-right:10px;}
input[type="text"].full{width:556px;}
select.half{width:282px;}
select.full{width:578px;}
select.left{margin-right:10px;}

textarea#specialNeeds{border: 1px solid #b7b7b7;    border-radius: 0px;    color: #636363;    width: 556px;    font: 22px/24px 'Source Sans Pro', Arial;    font-weight: 400;    padding: 0px 10px 0px 10px;    margin: 0px 0px 10px 0px;}

label.fancyChk{display:inline-block;vertical-align:middle;height:35px;background-image:url(images/check1.svg);background-size:34px 35px;background-repeat:no-repeat;background-position:left 0px;padding:5px 0px 0px 40px;cursor:pointer;font:18px/25px 'Source Sans Pro', Arial;font-weight:400;}
label.fancyChk.disabled{background-image:url(images/check0.svg);}
label.fancyChk.HL,label.fancyChk.disabled.HL{background-image:url(images/check1.svg);}
	label.fancyChk input{display:none;}
	
div.eventBox{font-size:0;}
	div.eventBox div.desc{display:inline-block;width:305px;padding:0px 10px 20px 0px;vertical-align:top;font:24px/26px 'Source Sans Pro', Arial;font-weight:900;}
	div.eventBox iframe{display:inline-block;width:325px;height:220px;}
	div.eventBox div.agenda{font:21px/23px 'Source Sans Pro', Arial;font-weight:300;}

.addtocalendar{display: block;}
a.when.calendr{font:19px/22px 'Source Sans Pro', Arial;font-weight:400;padding:0px 0px 10px 100px;background-image:url(images/calendar_red.svg);background-size:85px 85px;background-repeat:no-repeat;background-position:0px 5px;min-height:85px;}
.atcb-item{font:18px/20px 'Source Sans Pro', Arial;font-weight:400;}

div.textList{padding:10px 0px 10px 0px;}
div.textList strong{display:inline-block;vertical-align:top;width:200px;padding-left:30px;}
div.textList span{display:inline-block;vertical-align:top;width:340px;margin-bottom:5px;}


div.resources{display: inline-block;    vertical-align: top;    width: 100%;	margin-right:20px;    margin-bottom: 60px;}
	div.resources h2{font-size: 22px;    color: #fff;    background-color: #0843e7;    padding: 5px 20px;}
	div.resources a{text-decoration: none;    color: #494949;    display: block;    font-size: 18px;    line-height: 20px; padding: 5px 20px 5px 25px;    margin: 0 0 0 20px;}
	div.resources a.pdf{background-image:url(images/pdf_icon.svg);background-repeat:no-repeat;background-position:0px 5px; background-size: 20px 20px;}
	div.resources a.link{background-image:url(images/link_icon.svg);background-repeat:no-repeat;background-position:0px 5px; background-size: 20px 20px;}

div#scoreBoard{display: inline-block;    vertical-align: top;    width: 36%;    font-size: 18px;}
div#scoreBoard h3.leaderBoard{font-size: 22px; line-height: 20px;     color: #494949;    padding: 5px 20px; text-align: center;}
div#scoreBoard div.scoreSet{background-color: #999; color: #fff; border-radius: 10px; box-shadow: 9px 9px 14px -4px #bbb; margin: 0 0 20px 0; white-space: nowrap;}
	div#scoreBoard div.scoreSet.s1{background-color: #75c9e4;}
	div#scoreBoard div.scoreSet.s2{background-color: #d68ade;}
	div#scoreBoard div.scoreSet.s3{background-color: #eca87a;}
	div#scoreBoard div.scoreSet.s4{background-color: #7aecaa;}
	div#scoreBoard div.scoreSet.s5{background-color: #857aec;}
	div#scoreBoard div.scoreSet.s6{background-color: #ff6161;}
	div#scoreBoard div.scoreSet.s7{background-color: #6ed268;}
	div#scoreBoard div.scoreSet.s8{background-color: #9b68d2;}
	div#scoreBoard div.scoreSet.s9{background-color: #494949;}
	div#scoreBoard div.scoreSet.s10{background-color: #958cb7;}
	
div#scoreBoard div.scoreSet div.desc{display: inline-block;    vertical-align: middle; padding: 5px 20px; width: 250px;border-right: 2px solid #fff; overflow: hidden;}
	div#scoreBoard div.scoreSet div.desc strong{display: block;}
div#scoreBoard div.scoreSet div.score{display: inline-block;    vertical-align: middle; padding: 5px 20px;width: 20px; text-align: center; font-weight: 800;}

form#scoresForm{font-size: 3vw;}
form#scoresForm div.scoreSet{width: 100%;}
form#scoresForm div.scoreSet input.team{width: 60%;margin-right: 2%; font-size: 3vw;margin-bottom: 1vh;padding: 1vh 1vw;}
form#scoresForm div.scoreSet input.score{width: 20%; font-size: 3vw;padding: 1vh 1vw;text-align: center;}
form#scoresForm input[type="submit"]{font-size: 3vw;}
div#scoreBoard.admin {display: block; margin: 1vh auto;}

div#scoreBoard a.viewAll{text-decoration: none;text-align: right;display: block;color: #494949;}
div#scoreBoard.showAll{margin-bottom: 80px;}

div.contactHalf{display:inline-block;vertical-align:top;width:45%;padding-right:20px;}

a.backLink{display:block;text-align:center;color:inherit;text-decoration:none;}
	div#leftDetails a.backLink{text-align: left;}

input[type="text"], input[type="password"]{border:1px solid #b7b7b7;border-radius:0px;color:#636363;width:175px;height:45px;font:22px/24px 'Source Sans Pro', Arial;font-weight:400;padding:0px 10px 0px 10px;margin:0px 0px 10px 0px;}
select{-webkit-appearance:none;-moz-appearance:none;text-indent:0.01px;text-overflow:'';cursor:pointer;border:1px solid #b7b7b7;border-radius:0px;background-image:url(images/dropdown.svg);background-size:54px 45px;background-repeat:no-repeat;background-position:right 0px;color:#636363;height:47px;font:22px/24px 'Source Sans Pro', Arial;font-weight:400;padding:5px 58px 5px 10px;margin:0px 0px 10px 0px;}
input[type="text"].inputsmall, textarea.inputsmall {font:10px/12px 'Source Sans Pro', Arial;font-weight:300;height:auto;padding:0px 10px 0px 10px;}
input[type="submit"]{color:#ffffff;background-color:#10c4ff;border:0px;border-radius:10px;background-repeat:repeat-x;padding:3px 20px 5px 20px;font:28px 'Source Sans Pro', Arial;font-weight:600;cursor:pointer;margin-left:auto;margin-right:auto;display:block;}
input[type="submit"]:hover,input[type="button"]:hover{opacity:.6}

.toggled.disabled{opacity:0.4;pointer-events:none;}
.toggled.disabled.hidden{display:none;}

legend{font-weight:bold;}
div.warning{color:#ff0000;padding:10px 0px 20px 0px;font-size:20px;}
.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#footer{position:absolute;bottom:0px;width:100%;text-align:center;height:40px;padding-top:28px;font:16px/18px 'Source Sans Pro', Arial;font-weight:400;color:#8e8e8e;;background-color:#242424;}
	div#footer a{display:inline-block;vertical-align:top;text-align:center;padding:0px 10px 0px 10px;text-decoration:none;color:#8e8e8e;}
body#s3 div#footer{position:absolute;bottom:0px;}

div.cover{position:fixed;top:0px;left:0px;z-index:22100;width:100%;height:100%;background-color:rgba(0,0,0,0.85);overflow:hidden;}
	div.cover.hidden{display:none;}
	div.cover{overflow-y:auto;}
	div.cover.bio{background-color:#000;}
	div.cover.bio div.contentCon{color:#fff;margin-top:40px;font:24px 'Source Sans Pro', Arial;font-weight:300;font-weight:300;}
		div.cover.bio div.contentCon h1{font-size:2em;color:#fff;line-height:1em;margin-bottom:20px;}
		div.cover.bio div.contentCon h1 strong{display:block;}
		div.cover.bio img.speaker{float:left;margin-right:20px;margin-bottom:20px;max-height:250px;}
		div.cover.bio ul{padding:5px 200px 0px 16px;margin:0px;list-style-type:none;list-style-image:none;}
			div.cover.bio ul.bullets{list-style-type:disc;list-style-image:none;padding:5px 200px 0px 25px;}
		div.cover.bio a{text-decoration:none;color:#fff;}
	div.closeBtn{position:absolute;z-index:5100;top:40px;right:40px;font:54px/40px 'Source Sans Pro', Arial;font-weight:400;color:#fff;cursor:pointer;}
div#clickSpace{position:absolute;z-index:22101;width:100%;height:100%;cursor:pointer;}
a.bioLink{display:block;color:#5f3082;font-size:19px;}


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:100%;height:auto;max-height:100%;z-index:22200;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:2%;text-align:center;max-width:90%;max-height:90%;overflow:hidden;}/*  */

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:#f2f7fb;}

.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: 1s;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 1s;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 1s;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 1s; }

@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{}
	div.mainContainer{}

	sup{position: relative;    display: inline-block;    font-size: 2vw;    margin-top: -1vw;}

	div#theBanner{width: 100vw;    height: 40vw;    margin: 1vh 0 4vh 0;}
	div.contentCon{width: 92vw;    padding: 0px 4vw;    margin-left: auto;    margin-right: auto;    font: 4vw/4.5vw 'Source Sans Pro', Arial;    font-weight: 300;    color: #4d4d4f;}

	div.resources h2{font-size: 5vw;    color: #fff;    background-color: #494949;    padding: 1vw 4vw;}
	div.resources a{text-decoration: none;    color: #494949;    display: block;    font-size: 4vw;    line-height: 4.5vw;    padding: 5px 20px 5px 25px;    margin: 0 0 0 2vw;}



}