@charset "UTF-8";
@font-face {
    font-family: 'Foco';
    src: url('../fonts/foco-infantregular-webfont.eot');
    src: url('../fonts/foco-infantregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/foco-infantregular-webfont.woff') format('woff'),
         url('../fonts/foco-infantregular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FocoIt';
    src: url('../fonts/foco_it-webfont.eot');
    src: url('../fonts/foco_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/foco_it-webfont.woff') format('woff'),
         url('../fonts/foco_it-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FocoBdIt';
    src: url('../fonts/foco_bdit-webfont.eot');
    src: url('../fonts/foco_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/foco_bdit-webfont.woff') format('woff'),
         url('../fonts/foco_bdit-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FocoBd';
    src: url('../fonts/foco-infantbold-webfont.eot');
    src: url('../fonts/foco-infantbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/foco-infantbold-webfont.woff') format('woff'),
         url('../fonts/foco-infantbold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family:"Foco";
}

.engageBrandBase{
	background-image: url('../images/engage_logo.png');
	width:755px;
	height:150px;
}

.engageBrandBaseSmall{
	background-image: url('../images/engage_logo_small.png');
}

.engageCommentBase{
	background-image: url('../images/engage_comment.png');
}

.questionbase{
	background-image: url('../images/question_screen.png');
	width:855px;
	height:660px;
	
}
.questionbaseStandalone{
	background-image: url('../images/question_screen_standalone.png');
	width:855px;
	height:660px;
	
}

.assessmentIntro{
	background-image: url('../images/start_screen.png');
	width:855px;
	height:660px;
	top:3px;
	left:3px;
}

.assessmentfinishstandalone{
	background-image: url('../images/question_screen_standalone.png');
	width:855px;
	height:660px;
	top:3px;
	left:3px;
}

.holder{
	width:855px;
	height:660px;
	position:absolute;
	top:0px;
	left:0px;
}
.questionheading{
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
	
	cursor: default;
	position:absolute;
	top:20px;
	left:30px;
}
.questionheadingStandAlone{
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
	
	cursor: default;
	position:absolute;
	top:24px;
	left:90px;
}

.userNameField{
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    
	cursor: default;
	position:absolute;
	top:20px;
	left:555px;
}
.userNameFieldStandAlone{
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
	
	cursor: default;
	position:absolute;
	top:24px;
	left:530px;
}

.questionarea{
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
	
	cursor: default;
	position:absolute;
	top:51px;
	left:23px;
	width:810px;
	height:560px;
}
.questionareaMaskTop{
	position:absolute;
	top:51px;
	left:23px;
	width:810px;
	height:515px;
}

.questionareaMaskBottom{
	position:absolute;
	top:565px;
	left:23px;
	width:695px;
	height:40px;
}

.questionareaMaskAll{
	position:absolute;
	top:51px;
	left:23px;
	width:810px;
	height:565px;
}

.questionindicator{
	border:2px solid #ffffff;
	width:30px;
	height:25px;
	line-height:25px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	background-color: #4797CC;
}

.selectedquestionindicator{
	border:2px solid #ffffff;
	width:30px;
	height:25px;
	line-height:25px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	background-color: #FF0000;
}

.instructioncard{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
	border-color: #4797CC;
	padding-left: 15px;
}

.transparentInstructioncard{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
	border-color: #4797CC;
    background: rgba(255, 255, 255, 0);
    padding-left: 15px;
}
.ftpanswercard{
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-box-border-radius: 5px;
 border-radius: 5px;
 text-align: left;
 float: left;
 background-color: #FFFFFF;
 border-color: #4797CC;
 padding-left: 2px;
 padding-top: 3px;
 font-family: "Foco";
}

.transparentFtpanswercard{
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-box-border-radius: 5px;
 border-radius: 5px;
 text-align: left;
 float: left;
 background-color: #FFFFFF;
 border-color: #4797CC;
    background: rgba(255, 255, 255, 0);
    padding-left: 2px;
    padding-top: 3px;
    font-family: "Foco";
}
.matchingcard{
	border-color: #4797CC;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
}
.trueorfalsecard{
	border-color: #CCCCCC;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	background: rgba(255, 255, 255, 0);
}
.gapfillcard{
	float: left;
	margin-right: 6px;
}
.GapFillComboDivClass{
	float: left;
	margin-right: 6px;
}
.GapFillTextDivClass{
	float: left;
	margin-right: 6px;
}
.gapfilltextbox{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#99CDFF;
	font-family:"Foco";
}
.multichoiceComboDivClass{
	float: left;
	margin-right: 6px;
}
.mcvcard{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
	border-color: #4797CC;
	padding-left: 15px;
}
.chcard{
	float: left;
	margin-right: 6px;
}
.titleStyle{
	font-family:"Foco";
	color: #01AAEF;
	font-size: 35px;
	font-style:normal;
	font-weight:bold;
	float: left;
}
.descriptionStyle{
	font-family:"Foco";
	color: #3A3585;
	font-size: 28px;
	font-style:normal;
	font-weight:bold;
	
}
.lfpopupstyle{
	border:20px solid #4797CC;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-box-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
}
.answerBtn{
	width:80px;
	height:20px;
	font-family:"Foco";
	color: #FFFFFF;
	font-size: 20px;
	font-style:normal;
	font-weight:bold;
	text-decoration: underline;
	cursor: pointer;
}