html, body {margin:0; padding:0; width:100%;height:100%; text-align:left;background-color:#ffffff;touch-action: none;}
body {font-family:Titillium Web, sans-serif; font-size:14px;min-width:720px;color:#333333;}
img{border:0px;}
a img {text-decoration: none;border: 0 none;}
input {-webkit-appearance: none;-webkit-border-radius:0;border-radius:0;}
div#centerDiv{}
div#map_canvas {position:fixed;top:0px;left:0px;width:100%;height:100%;min-width:720px;}
div#headerCon{position:fixed;left:0px;width:100%;height:85px;z-index:30010;text-align:left;white-space:nowrap;min-width:860px;color:inherit;background-color:#fff;overflow:hidden;border-bottom:2px solid black;transition: 350ms ease-in-out;-webkit-transition:350ms ease-in-out; -moz-transition:350ms ease-in-out;-ms-transition:350ms ease-in-out;touch-action: none;}
	div#headerCon h1{position: absolute;top:37px;left:684px;padding: 0px;font: 35px/36px Titillium Web;font-weight:bold;font-variant:small-caps;}
	div#headerCon.up{top:-160px;}
	div#headerCon.down{top:0px;}
	img#mainLogo{max-width: 320px;max-height: 70px;}
	img#eventLogo{position: absolute;top: 5px;right: 10px;max-height: 75px;}

div#footerCon{position:fixed;left:0px;width:100%;height:83px;z-index:30010;text-align:left;white-space:nowrap;min-width:860px;color:inherit;background-color:#f28a35;overflow:hidden;border-top:2px solid black;transition: 350ms ease-in-out;-webkit-transition:350ms ease-in-out; -moz-transition:350ms ease-in-out;-ms-transition:350ms ease-in-out;touch-action: none;}
	div#footerCon.down{bottom:-120px;}
	div#footerCon.up{bottom:0px;}


.menuItem{float:left;width:100px;height:30px;text-align:center;}

@keyframes promoFlash {
	0% {transform: translate(0px,0px) scale(1,1);}
	50% {transform: translate(0px,0px) scale(1,1);}
	75% {transform: translate(-10px,1px) scale(1.2,1.2);}
	100% {transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes promoFlash {
	0% {-webkit-transform: translate(0px,0px) scale(1,1);}
	50% {-webkit-transform: translate(0px,0px) scale(1,1);}
	75% {-webkit-transform: translate(-10px,1px) scale(1.2,1.2);}
	100% {-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes promoFlash {
	0% {-moz-transform: translate(0px,0px) scale(1,1);}
	50% {-moz-transform: translate(0px,0px) scale(1,1);}
	75% {-moz-transform: translate(-10px,1px) scale(1.2,1.2);}
	100% {-moz-transform: translate(0px,0px) scale(1,1);}
}
@-ms-keyframes promoFlash {
	0% {-ms-transform: translate(0px,0px) scale(1,1);}
	50% {-ms-transform: translate(0px,0px) scale(1,1);}
	75% {-ms-transform: translate(-10px,1px) scale(1.2,1.2);}
	100% {-ms-transform: translate(0px,0px) scale(1,1);}
}
	div#promo1{position:absolute;top:8px;right:25px;color:#ffdb19;width:250px;font:13px Titillium Web, sans-serif;z-index:30;cursor:pointer;font-weight:bold;
	-webkit-animation-name: promoFlash; -webkit-animation-timing-function: ease-in-out; -webkit-animation-duration: 4s;-webkit-animation-iteration-count:infinite;
	-moz-animation-name: promoFlash; -moz-animation-timing-function: ease-in-out; -moz-animation-duration: 4s;-moz-animation-iteration-count:infinite;
	-ms-animation-name: promoFlash; -ms-animation-timing-function: ease-in-out; -ms-animation-duration: 4s;-ms-animation-iteration-count:infinite;
	animation-name: promoFlash; animation-timing-function: ease-in-out; animation-duration: 4s;animation-iteration-count:infinite;}
	#promo1Cube{position:absolute;top:-17px;right:0px;}
		div#promo1 a:link,div#promo1 a:visited{color:#ffdb19;text-decoration:none;}
		div#promo1 a:hover,div#promo1 a:active {color:#ffdb19;text-decoration:none;}
	
.warning{color:#ff0000;font-size:16px;}



div#loginArea{width:250px;font:14px Titillium Web, sans-serif;color:inherit;}

input#logOutSubBtn{position:absolute;bottom:10px;font-size:0;right:81px;background-color:#f28a35;width:64px;height:64px;background-image:url(images/logout.png);background-size: 45px 45px;background-position: center;background-repeat:no-repeat;border: 1px solid #fff;margin:0 0 0 0;padding:0px;cursor:pointer;}

a#helpBtn{position:absolute;bottom:10px;right: 153px;text-align:center;display:block;vertical-align:top;width:62px;color:#ffffff;background-color:#f28a35;height:62px;font:26px/60px Titillium Web;font-weight:600;text-decoration:none;border: 1px solid #fff;background-image:url(images/message-icon.png);background-size: 45px 45px;background-position: center;background-repeat:no-repeat;}
	a#helpBtn:hover{opacity:0.7;}
a#langBtn{position:absolute;bottom:10px;right:10px;text-align:center;display:block;vertical-align:top;width:62px;color:#ffffff;background-color:#f28a35;height:62px;font:26px/60px Titillium Web;font-weight:700;text-decoration:none;border: 1px solid #fff;}
	a#langBtn:hover{opacity:0.7;}

div#groupScoreLabel{position:absolute;bottom:10px;left:10px;text-align:center;display:none;vertical-align:top;width:64px;color:#ffffff;background-color:#f28a35;height: 49px;padding-top: 13px;font:16px/18px Titillium Web;font-weight:600;text-decoration:none;border: 1px solid #fff;}
div#groupScore{position:absolute;bottom:10px;left: 84px;text-align:center;display:none;vertical-align:top;width:135px;color:#ffffff;background-color:#f28a35;height:62px;font:26px/60px Titillium Web;font-weight:600;text-decoration:none;border: 1px solid #fff;}
div#groupScoreSum{position: absolute;top: 16px;left: 4px;font: 40px/28px Titillium Web;font-weight: 600;text-align: right;width: 53px;letter-spacing: -4px;}
div#groupScoreMax{position: absolute;top: 19px;left: 64px;font: 30px/28px Titillium Web;font-weight: 600;}


body#admin{overflow:hidden;}
body#admin div#leftContent{width:825px;overflow:auto;}
input[type="submit"]:hover{opacity:.6}
textarea{font:12px/12px Titillium Web, sans-serif;}
fieldset{text-align:left;font:12px/16px Titillium Web, sans-serif;}
div#leftContent fieldset input[type="text"], div#leftContent fieldset input[type="password"], div#leftContent fieldset textarea, div#leftContent fieldset select{margin: 0px 0px 5px 0px;}
div#leftContent input[type="submit"]#getQuote{font:16px Titillium Web, sans-serif;width:120px;}

div#timeCon{position: absolute;left: 50%;margin-left: -110px;top: 12px;}
div#timeLabel{font: 16px Titillium Web;font-weight:bold;color:#000;text-align:center;background-color:#f5f5f5;width: 220px;height:14px;}
div#timeRem{font: 30px/45px Titillium Web;font-weight: bold;color: #000;width: 220px;height: 45px;text-align: center;background-color: #f5f5f5;letter-spacing:3px;}
div#scoreBoard{position:absolute;top:0px;left:325px;width:380px;font:16px/18px Titillium Web;color:inherit;text-align: left;padding:0px;margin:0px 1px 0px 1px;}
	div#scoreBoard div.teamRow{width:100%;font-size:0px;height:30px;overflow:hidden;}
	div#scoreBoard div.teamNum{display: inline-block;padding:1px;font:24px/28px Titillium Web;font-weight:bold;font-variant:small-caps;width:10%;text-align: center;}
	div#scoreBoard div.team{display: inline-block;padding:2px;height: 28px;font:24px/28px Titillium Web;font-weight:bold;font-variant:small-caps;width:64%;border-left:1px solid #fff;border-right:1px solid #fff;}
	div#scoreBoard div.score{display: inline-block;padding:2px;font:24px/28px Titillium Web;font-weight:bold;font-variant:small-caps;width:10%;text-align: center;}
		div#scoreBoard div.offRow{}
		div#scoreBoard div.HLcolor{color:#ed8c25;}
			div#scoreBoard div.HLcolor div.team{font:24px/28px Titillium Web;font-weight:bold;font-variant:small-caps;}
div#allScoresBtn{position: absolute;left: 325px;bottom: 1px;background-color: #f5f5f5;font: 16px/30px Titillium Web;font-weight: bold;text-align: center;width: 380px;height: 30px;cursor:pointer;}
	div#allScoresBtn.hidden{display:none;}
	div#allScoresBtn.noHide.hidden{display:block;}
	div#scoreBoard.lastMinutes{margin: 20px 1px 0 1px;}
	div#scoreBoard.lastMinutes div.teamNum{font-size:0;}
	

div#endLabel{position: absolute;top: 19px;left: 230px;color: #fff;font-weight: 700;}
div#endTime{position: absolute;top: 37px;left: 230px;color: #fff;text-align:left;width:100px;font-weight: 300;}

div#eventAdmin{padding:10px 0 0 0;}
a#eventStatsBtn{font:16px/18px Titillium Web;color:#ed8c25;padding:0 0 0 20px;text-decoration:none;cursor:pointer;}
div#eventData{width: 100vw;height: 75vh;font: 14px/16px Titillium Web;padding: 20px;background-color: rgba(60,60,60,0.9);padding-bottom: 60px;overflow: auto;}

div.allScores{font:16px/18px Titillium Web;color:#000;text-align: left;max-height: 440px;overflow: auto;}
	div.allScores div.teamRow{width:100%;font-size:0px;height:36px;overflow:hidden;background-color: #f5f5f5;cursor:pointer;}
	div.allScores div.teamNum{display: inline-block;padding:1px;font:20px Titillium Web;font-weight:bold;font-variant:small-caps;width:10%;text-align: center;}
	div.allScores div.team{display: inline-block;padding:2px;height: 32px;font:20px Titillium Web;font-weight:bold;font-variant:small-caps;width:64%;border-left:1px solid #fff;border-right:1px solid #fff;}
		div.allScores div.team sub{display: inline-block;vertical-align: middle;padding: 0 0px 0 8px;font: 11px Titillium Web;font-weight:300;}
	div.allScores div.score{display: inline-block;padding:2px;font:20px Titillium Web;font-weight:bold;font-variant:small-caps;width:10%;text-align: center;}
		div.allScores div.offRow{background-color:#fff;}
		div.allScores div.HLcolor{color:#ed8c25;}
			div.allScores div.HLcolor div.team{font:20px Titillium Web;font-weight:bold;font-variant:small-caps;}


div#rightContent{position:absolute;top:-22px;left:679px;z-index:20;}
div#homePics{position:relative;height:337px;}
div.fadePicCon{position:absolute;z-index:15;left:0px;top:-25px;}

div#homeCaption{position:absolute;z-index:20;left:0px;bottom:10px;color:#466787;font:30px/34px Titillium Web, sans-serif;}

h1{color:#000;font:30px/34px Titillium Web;font-weight:bold;padding:15px 0px 10px 0px;margin:0px;font-variant:small-caps;}
h2{color:inherit;font:24px/24px Titillium Web;font-weight:bold;padding:15px 0px 10px 0px;margin:0px;font-variant:small-caps;}
h3{color:#666666;font:12px/18px Titillium Web;font-weight:bold;padding:15px 0px 10px 0px;margin:0px;font-variant:small-caps;}

miceType{font:10px/10px Titillium Web, sans-serif;}
quote{font:12px/10px Titillium Web, sans-serif;font-style:italic;}

.galleryPic{float:left;border:1px solid #ffffff;width:185px;height:116px;overflow:hidden;margin:0px 7px 10px 0px;}

.fieldName{float:left;width:100px;height:30px;}
.fieldLeft{float:left;width:300px;height:30px;}

.answerField{width:250px;border: 1px solid #000;padding: 10px;margin: 10px 0px;}
.corAns{color:#008000;}
.wrongAns{color:#FF0000;}


div#compProg{position:absolute;bottom: 10px;left: 20px;z-index:100;display:none;margin-left:-15px;}
	div#compProg h2{text-align:center;color:#000;font:18px Titillium Web;font-variant:small-caps;font-weight:bold;z-index:100;position:absolute;top:-19px;left:-140px;}
	img#scoreMarkerCP{position:absolute;top:-44px;left:-20px;z-index:110;}
	div#scoreMarkTxtCP{position:absolute;top:-35px;left:-13px;text-align:center;width:38px;z-index:115;color:#000042;font:14px Titillium Web, sans-serif;}
div.scoreBar{width:260px;height:18px;border-radius:5px;background-color:#d0d0d0;overflow:hidden;
	box-shadow:0px 0px 2px #666, inset 2px 2px 2px #666666;
	-webkit-box-shadow:0px 0px 2px #666, inset 2px 2px 2px #666666;
	-moz-box-shadow:0px 0px 2px #666, inset 2px 2px 2px #666666;}
	div#scoreZone{float:right;background-color:#ed8c25;height:18px;
	box-shadow:0px 0px 2px #666, inset 0px 2px 2px #666666;
	-webkit-box-shadow:0px 0px 2px #666, inset 0px 2px 2px #666666;
	-moz-box-shadow:0px 0px 2px #666, inset 0px 2px 2px #666666;}
	div.scoreFill{background-color:#6c9f43;height:18px;width:1px;
	box-shadow:0px 0px 2px #666, inset 2px 2px 2px #666666;
	-webkit-box-shadow:0px 0px 2px #666, inset 2px 2px 2px #666666;
	-moz-box-shadow:0px 0px 2px #666, inset 2px 2px 2px #666666;}
div#scoreZoneTxtCP{position:absolute;top:23px;right:14px;text-align:center;width:38px;z-index:115;color:#000042;font:14px Titillium Web, sans-serif;}

div#adminTeamScores{display:table;margin-bottom:15px;}
div#adminTeamScores > div{display:table-row;color:#ff0000;}
div#adminTeamScores > div.HLcolor{color:#008000;}
div#adminTeamScores > div div{display:table-cell;}
div#adminTeamScores > div div a{color:inherit;text-decoration:none;}

div#qPop{position: absolute;top: 87px;left: 0px;width: 100vw;height: 85vh; border:0;z-index:400;font:22px/24px Titillium Web;color: #fff;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 400ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 400ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 400ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 400ms;}
	div#qPopContent{padding: 0px;}
	div#qPop.hidden{display:none;}
	div#qPop div.closeBtn{position: absolute;top: 10px;right: 10px;z-index:420;cursor: pointer;font: 30px/24px Titillium Web;font-weight: 700;padding: 10px;}


form#loginForm{text-align: center;white-space: nowrap;}

div#logFields{display: inline-block;text-align: right;margin-top: 20px;}
	div#logFields label{font: 56px/50px Titillium Web;font-weight: 700;color: #fff;display: inline-block;vertical-align: top;padding: 0 10px 0 0;}
	div#logFields input[type="text"], div#logFields input[type="password"]{font: 36px/46px Titillium Web;font-weight: 300;color: #000;width:385px;height:46px;padding: 0 10px 0 10px;margin: 0 0 20px 0;border: 0;}
    form#loginForm input[type="image"]{margin: 0px 0 21px 20px;display: inline-block;}
	div#logFields input:-webkit-autofill{background-color:#fff;}
    form#loginForm.teamName div#logFields{text-align: center;margin-top: 20px;}
	form#loginForm.teamName div#logFields label{margin: 0 0 20px 0;}
    form#loginForm.teamName input[type="image"]{margin: -2px 0 0 0;vertical-align: top;}
	

div.qPAD{display:table-cell;vertical-align:middle;padding-left: 20px;width: 100vw;height: 85vh;padding-right:20px;}
div.qPAD.c1{background-color: rgba(60,60,60,0.9);}
div.qPAD.c2{background-color: rgba(224,116,1,0.8);}
div.qPAD.c3{background-color: rgba(0,55,155,0.8);}
div.qPAD.correct{background-color: rgba(2,69,20,0.8);}
div.qPAD.wrong{background-color: rgba(151,3,3,0.8);}
div.qPAD.cLog{background-color: rgba(224,116,1,0.8);}
div.qPAD.noImg{padding-left: 150px;padding-right: 190px;}
	div.qPAD div.scrollCon{max-height: 55vh;overflow: auto;}
	    div.qPAD .corAns, div.qPAD .wrongAns{font-weight: 700;-webkit-text-stroke: 1px #fff;}

div.qPAD input[type="submit"]{position: fixed;    bottom: 100px;    right: 45px;    color: #fff;    font: 22px/24px Titillium Web;    text-transform: uppercase;    background-color: #f28a35; padding: 10px 30px;cursor: pointer;}

input[type="submit"]{border:0;}

img.mpPhoto{float: right;margin-left: 20px;}
iframe.mpVideo{float: right;margin-left: 20px;width:400px;height:300px;}

div.mainQuestionTitle{font:22px/24px Titillium Web;text-transform:uppercase;font-weight:700;color:#fff;padding-bottom: 10px;}
div.mainQuestion{font: 26px/32px Arial;font-weight:400;color:#fff;}
div.choice.corAnswer{color:#13bb13 !important;}
div.rightAnswer{color:#13bb13 !important;}

div.feedback{padding: 20px;}

div.mcQuestion label{display:block;padding:5px;border-radius:5px;font:22px/24px Titillium Web;color:#fff;padding-bottom: 15px;cursor:pointer;}
div.mcQuestion label div{display:inline-block;}
div.mcQuestion label.HL{background-color:#000000;}
div.mcQuestion input.MChoice{display:none;}

div.mcAnswers{display:table;}
div.mcAnswers > div{display:table-row;}
div.mcAnswers div div{display:table-cell;vertical-align:top;}
div.mcAnswers input[type="checkbox"]{-webkit-appearance:checkbox}
input.vTop{vertical-align: top;}

div.half{display: inline-block;vertical-align: top;margin: 0 40px 20px 0;}

span.response{display: block;padding: 10px 20px;}

div#chatPop{position: absolute;top: 87px;left: 0px;width: 100vw;height: 85vh;background-color: #fff;border:0;z-index:500;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 400ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 400ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 400ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 400ms;}
	div#chatPopContent{padding: 20px;}
	div#chatPop.hidden{display:none;}
	div#chatPop div.closeBtn{position: absolute;top: 10px;right: 10px;z-index:520;cursor: pointer;font: 30px/24px Titillium Web;font-weight: 700;padding: 10px;}
	div#chatPopContent textarea#msg{display: block;margin-bottom: 10px;width: 90vw; height: 40vh;}
	div#chatPopContent input[type="submit"]{background-color: #fc8a41;color:#fff; padding: 5px 10px;cursor: pointer;margin-bottom: 20px;}
	div#chatPopContent span#teamName{font-size: 20px;font-weight:600;}
	div#uploadedFile{float:right; margin-right: 7vw;}
		div#uploadedFile img{max-height:100px;}
		    a.removeChatPhotoBtn{display: inline-block;    padding: 5px 10px;    margin: 0 0 0 27px;    text-decoration: none;    background-color: #ff0000;    color: #fff;}

div#chatHistory{}
	div#chatHistory.received div.sent{display:none;}
	div#chatHistory.received div.msgTo{display:none;}
	div#chatHistory.sent div.received{display:none;}
	div#chatHistory.sent div.msgFrom{display:none;}
	div#chatHistory.sent div.reply{display:none;}

div#chatMenu div{position: relative;    display: inline-block; vertical-align:top;   border: 1px solid black;    border-radius: 5px;width: 100px;    text-align: center;    padding: 5px;    z-index: 5;background-color: #fff;border-bottom-right-radius: 0px;border-bottom: 0px;}
	div#chatMenu div#cm1{border-top-left-radius: 0px;    border-bottom-left-radius: 0px;z-index: 10;}
	div#chatMenu div#cm2{left: -20px;}
	div#chatHistory.received div#chatMenu div#cm1{background-color: #9fe49f;}
	div#chatHistory.sent div#chatMenu div#cm2{background-color: #9fe49f;}
	div#chatMenu div:hover{background-color: #e3e2e0;}
	span#sentNew, span#receivedNew{font-weight:bold;}

div#chatContent{border: 1px solid black;overflow: auto;max-height: 45vh;}
div.chatMsgCon{position:relative;border:1px solid black;border-radius:5px;margin: 5px;}
div.chatMsgCon.new{font-weight: bold;}
	div.chatMsgCon.new div.msg{font-weight: bold;}
div.theDate{font:12px/14px Titillium Web, sans-serif;float:right;white-space:nowrap;padding: 2px 10px;}
div.msgTo{padding: 5px 10px 0px 10px;    width: 278px;    height: 20px;    overflow: hidden;    white-space: nowrap;}
div.msgFrom{padding: 5px 10px 0px 10px;    width: 278px;    height: 20px;    overflow: hidden;    white-space: nowrap;}
div.msg{padding:10px 120px 10px 10px;font:14px/16px Titillium Web, sans-serif;}
div.reply{position: absolute;    top: 5px;    left: 300px;}
div.reply a{text-decoration: none;    color: #fff;    background-color: #fc8a41;    padding: 2px 15px;}
div.chatPhoto{position: absolute; top: 10px; right: 50px;}
	div.chatPhoto img{max-height: 45px;cursor:pointer;}
	div#latestMsgContent div.chatPhoto{position: relative; float: right; top: initial; right: initial;}
		div#latestMsgContent div.chatPhoto img{max-height: 250px; margin: 0px 0 20px 20px;}
	
img.poppedChatImage{display: block; margin: 0 auto; max-height: 560px;}

div#writingArea{height: 65vh;transition: 350ms ease-in-out;-webkit-transition:350ms ease-in-out; -moz-transition:350ms ease-in-out;-ms-transition:350ms ease-in-out;overflow:hidden;}
	div#chatPopContent.listing div#writingArea{height:30px;margin-bottom: 20px;}
div#listingArea{height: 65vh;transition: 350ms ease-in-out;-webkit-transition:350ms ease-in-out; -moz-transition:350ms ease-in-out;-ms-transition:350ms ease-in-out;overflow:hidden;}
	div#chatPopContent.writing div#listingArea{height:30px;}
div#writingBtn{text-align: center;    width: 160px; color: #fff;    background-color: #fc8a41;    padding: 5px 15px;cursor:pointer;}
	div#chatPopContent.writing div#writingBtn{display:none;}
div#listingBtn{text-align: center;    width: 160px; color: #fff;    background-color: #fc8a41;    padding: 5px 15px;cursor:pointer;}
	div#chatPopContent.listing div#listingBtn{display:none;}

div#latestMsg{position: absolute;top: 87px;left: 0px;width: 100vw;height: 85vh;background-color: #fff;border:0;z-index:700;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 400ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 400ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 400ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 400ms;}
	div#latestMsgContent{padding: 20px;}
	div#latestMsg.hidden{display:none;}
	div#latestMsg div.closeBtn{position: absolute;top: 10px;right: 10px;z-index:720;cursor: pointer;font: 30px/24px Titillium Web;font-weight: 700;padding: 10px;}
	div#latestMsg div.theDate{font:16px/18px Titillium Web, sans-serif; padding: 2px 50px 2px 10px;}
	div#latestMsg div.msgFrom{padding: 0px 0px 20px 0px;    width: auto;    height: auto;    overflow: auto;    white-space: normal;font:18px/20px Titillium Web, sans-serif;font-weight: 600;}
	div#latestMsg div.msg{padding:0px 20px 0 0;font:22px/28px Titillium Web, sans-serif;}


div#helpPop{position: absolute;top: 87px;left: 0px;width: 100vw;height: 85vh;background-color: rgba(60,60,60,0.8);border:0;z-index:300;-webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 400ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 400ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 400ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 400ms;}
	div#helpPopContent{color: #fff;font-size: 20px;line-height: 22px;}
	div#helpPop.hidden{display:none;}
	div#helpPop div.closeBtn{position: absolute;top: 10px;right: 10px;z-index:320;cursor: pointer;font: 30px/24px Titillium Web;font-weight: 700;padding: 10px;color: #fff;}

div.qPAD.help{padding-left: 140px;padding-right: 100px;}
div#teamListing{width: 40vw;overflow: auto; max-height: 50vh; padding: 20px 20px 60px 20px;}
	div#teamListing a{display:block;padding: 3px 0px 10px 28px;text-decoration:none;color:#fff;background-image: url(images/message-icon.png);background-size: 25px 25px;background-position: 0px 1px;background-repeat: no-repeat;}

div#helpPanel{float:right;display:inline-block;padding:10px;}
	a.contactAdmin{display: inline-block;padding: 3px 0px 20px 38px;text-decoration:none;color:#fff;background-image: url(images/message-icon.png);background-size: 45px 45px;background-position: -7px -6px;background-repeat: no-repeat;}

div#grayOut{display:none;position:absolute;top:0px;left:0px;background-color:rgba(0,0,0,0.5);width:100%;height:100%;z-index:10000;text-align:center;}
div#grayOutMsg{z-index:10010;position:absolute;top:200px;left:50%;margin-left:-150px;width:300px;min-height:100px;border:1px solid black;background-color:#ffffff;padding:20px;text-align:left;}
div#xBtn{position:absolute;top:205px;left:50%;margin-left:175px;z-index:20000;font-weight:bold;}
	div#xBtn a{color:inherit;text-decoration:none;font:18px/18px Titillium Web, sans-serif;}
div#footer{position:absolute;bottom:10px;left:20px;font:10px/20px Titillium Web, sans-serif;color:#000000;z-index:19;width:100%;}
div#footer a:link,div#footer a:visited{color:#000000;text-decoration:none;}
div#footer a:hover,div#footer a:active {color:#f1a145;text-decoration: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: 2s;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 2s;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 2s;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 2s; }

@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: 2s;
-moz-animation-name: FadeOut; -moz-animation-timing-function: ease-out; -moz-animation-duration: 2s;
-ms-animation-name: FadeOut; -ms-animation-timing-function: ease-out; -ms-animation-duration: 2s;
animation-name: FadeOut; animation-timing-function: ease-out; animation-duration: 2s; }

@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: 1s;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 1s;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 1s;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 1s; }
.scrlIn1:hover, .scrlIn2:hover, .scrlIn3:hover { opacity:.7; }

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

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


div#posDif{position:absolute;bottom:60px;right:2px;border:1px solid black;padding:5px;background-color:#ffffff;}
div#poscoords{position:absolute;bottom:2px;left:2px;border:1px solid black;padding:5px;background-color:#ffffff;}
div#coords{position:absolute;bottom:2px;right:2px;border:1px solid black;padding:5px;background-color:#ffffff;}

@media all and (max-width: 700px){
	body{width: 100vw;    height: 100vh;    min-width: unset;}
	div#headerCon{height: 13vh;	    min-width: unset;}
	img#mainLogo{width: auto;    height: 12vh;}
	div#footerCon{height: 12vh;}

	div#logFields label{font: 5vw/5vw Titillium Web;    font-weight: 700;}
	div#logFields input[type="text"], div#logFields input[type="password"]{width: 35vw;    height: 8vw;    font: 4vw/5vw Titillium Web;    font-weight: 300;}
	form#loginForm input[type="image"]{margin: 0px 0 2vw 2vw;    width: 14vw;    height: 14vw;}

}