@charset "utf-8";
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	width:100%;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	font-size:14px;
	background:#000;
	-webkit-animation-delay: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
}
 @-webkit-keyframes fontfix {
 from {
opacity: 1;
}
to {
	opacity: 1;
}
}
.ksq-body h1 {
	font-size:34px;
        font-weight: normal;
        font-height: normal;
	color: #000;
	margin-bottom: 30px;
}
.ksq-body h2 {
	font-size:34px;
	color: #f2b115;
	margin-bottom: 30px;
}
.ksq-body div, p, a, li, td {
	-webkit-text-size-adjust:none;
}
.ksq-body p {
	font-size:14px;
	line-height:21px;
	margin-bottom:12px;
	color:#000;
}
.ksq-body p:last-child {
	margin-bottom:0px;
}
.ksq-body input {
	background:#000;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:6px 10px 6px 10px;
	border:none;
	-webkit-appearance:none;
	border-radius:0px;
	-moz-border-radius:0px;
	font-family: Helvetica, Arial, sans-serif;
}
.ksq-body #quizContainer img.imgBorder {
	border:8px solid black;
}  
.ksq-body #quizContainer {
	position:absolute;	
	width:1000px;
	height:550px;
	overflow:hidden;
	text-align: left;
}
.ksq-body #timer {
	background:transparent none no-repeat 0px 0px;
	display:none;
	opacity:0.5;
	filter:alpha(opacity=50);
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity:0.5;
}
/*class was .orangeBox out of box*/
.ksq-body .orange {
	background:rgba(253, 199, 70, 0.92);
}
.ksq-body .green {
	background:rgba(119, 190, 119, 0.92);
}
.ksq-body .blue {
	background:rgba(174, 198, 207, 0.92);
}
.ksq-body .darkblue {
	background:rgba(119, 158, 203, 0.92);
}
.ksq-body .pink {
	background:rgba(222, 165, 164, 0.92);
}
.ksq-body .red {
	background:rgba(255, 105, 97, 0.92);
}
.ksq-body .gray {
	background:rgba(207, 207, 196, 0.92);
}
.ksq-body .purple {
	background:rgba(179, 158, 181, 0.92);
}
.ksq-body .blackBox {
	background:#222;
}
.ksq-body .lightBox {
	background:rgba(255,255,255,0.9);
	padding:20px;
	border-radius:0px;
	-moz-border-radius:0px;
	border:1px solid #ddd;
}
.ksq-body .autoCenter {
	background:#ccc;
	top:50% !important;
	margin-top:-200px !important;
	height:auto !important;
}
.ksq-body .white {
	color:#fff;
}
.ksq-body .black {
	color:#111;
}
.ksq-body .cent {
	text-align:center;
}
.ksq-body .p_12 {
	font-size:12px;
	line-height:15px;
}
.ksq-body .p_16 {
	font-size:16px;
	line-height:21px;
}
.ksq-body .p_24 {
	font-size:24px;
	line-height:30px;
}
.ksq-body .p_32 {
	font-size:32px;
	line-height:40px;
}
.ksq-body .p_42 {
	font-size:42px;
	line-height:40px;
}
.ksq-body .mcqRadioBtn {
	width:12px;
	height:12px;
	background:#fff;
	border:1px solid #999;
	border-radius:10px;
	-moz-border-radius:10px;
}
.ksq-body .optionBox {
	background:#000;
	padding:8px;
	border:none;
	border-radius:0px;
	-moz-border-radius:0px;
}
.ksq-body .optionOverCss {
	background:#fff;
	padding:8px;
	border:none;
	border-radius:0px;
	-moz-border-radius:0px;
}
.ksq-body .optionOverCss p {
	color:#000;
}
.ksq-body .optionOutCss {
	background:#000;
	color:#fff;
	padding:8px;
	border:none;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}
/*Override to fix padding for Ag show image comparison exercise*/
.ksq-body div[id^="agShowOption"]
{
        padding-bottom: 5px;
}
.ksq-body .btnOverCss input {
	background:#fff;
	color:#000;
}
.ksq-body .btnOutCss input {
	background:#000;
	color:#fff;
	-webkit-transition: background-color 500ms linear;
	-moz-transition: background-color 500ms linear;
	-o-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}
/* preloader */
.ksq-body .preloader {
	width:34px;
	height:34px;
	display:inline-block;
	padding:0px;
	border-radius:100%;
	border:2px solid;
	border-top-color:rgba(0,0,0, 0.8);
	border-bottom-color:rgba(0,0,0, 0.2);
	border-left-color:rgba(0,0,0, 0.8);
	border-right-color:rgba(0,0,0, 0.2);
	outline: 1px solid transparent;
	-webkit-animation: preloader 1s linear infinite;
	animation: preloader 1s linear infinite;
}
@keyframes preloader {
 from {
transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
@-webkit-keyframes preloader {
 from {
-webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}