/* CSS Document */
.parentDisable {
	z-index: 999;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background-color: #fff;
	color: #aaa;
}
#smallBox3{
		background-color:#;
		font-family:Arial, Helvetica;
		font-size:12px;
		float:left;
		position:absolute;
		display:block;
}

td{
	font-family:Arial;
	font-size:12px;
}

/*#skipprompt{
	display:none;
	background-color:#FFFFFF;
	position:absolute;
	margin-top:-15px;
	margin-left:-15px;
	opacity:0.95;
	filter:alpha(opacity=95);
	
}*/
#skipprompt{
	display:none;
	/*background-color:#FFFFFF;*/
	background-color:#f8f8f8;
	position:absolute;
	left:0;
	right:0;
	margin:50px auto;
	padding:40px 50px 0px 50px;
	border-radius: 15px;
	/*opacity:0.85;*/
	z-index: 999999;
	height:auto;
	max-width:500px;
	width: 90%;
	filter:alpha(opacity=95);
	-webkit-box-shadow: 0px 4px 27px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 27px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 27px -8px rgba(0,0,0,0.75);
	
}
/*.skipvisible{
	padding:10px;
	margin-top:55px;
	width:90%;
	color:#37B3D7;
	font-size:13pt;
	font-weight:bold;
}*/
.skipvisible{
	color:#4d4d4d;
	text-align:left;
	/*margin-top: 5%;*/
	font-size: 20px;
}

.incorrect{
	color: #FF3333;
	font-weight:bold;
	font-weight:bold;
	font-size:14px;!important
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	-webkit-box-shadow: #999 0px 1px 4px;
	-moz-box-shadow: #999 0px 1px 4px;
	box-shadow: #999 0px 1px 4px;
	behavior: url(../../../PIE.php);
}
.correct{
	color:#006600;
	font-weight:bold;
	font-size:14px;!important
	background-color:#ECECEC;
}
.boxme{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	-webkit-box-shadow: #999 0px 1px 4px;
	-moz-box-shadow: #999 0px 1px 4px;
	box-shadow: #999 0px 1px 4px;
	behavior: url(../../../PIE.php);
	}
body {
	background-color: #F8F8F8;
}
.question{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #0053A6;
}
.answernl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #444;
	
}
a:link{ font-family:Arial; font-size:14px; font-weight:bold; color:#0053A6; text-decoration:none; }
a:visited{ font-family:Arial; font-size:14px; font-weight:bold; color:#0053A6; text-decoration:none; }
a:hover{ font-family:Arial; font-size:14px; font-weight:bold; color:#ff6600; text-decoration:none; }

.question a:link{ font-family:Arial; font-size:14px; font-weight:bold; color:#FF3333;  text-decoration:none; }
.question a:visited{ font-family:Arial; font-size:14px; font-weight:bold; color:#FF3333; text-decoration:none; }
.question a:hover{ font-family:Arial; font-size:14px; font-weight:bold; color:#ff6600; text-decoration:none; }

.answer a:link{ font-family:Arial; font-size:14px; font-weight:bold; color:#0053A6; text-decoration:none; }
.answer a:visited{ font-family:Arial; font-size:14px; font-weight:bold; color:#0053A6; text-decoration:none; }
.answer a:hover{ font-family:Arial; font-size:14px; font-weight:bold; color:#ff6600; text-decoration:none; }

.answerBlue a:link{ font-family:Arial; font-size:14px; font-weight:bold; color:#0053A6; text-decoration:none; }
.answerBlue a:visited{ font-family:Arial; font-size:14px; font-weight:bold; color:#0053A6; text-decoration:none; }
.answerBlue a:hover{ font-family:Arial; font-size:14px; font-weight:bold; color:#ff6600; text-decoration:none; }

.answerHint a:link{ font-family:Arial; font-size:14px; font-weight:bold; color:#339999; text-decoration:none; }
.answerHint a:visited{ font-family:Arial; font-size:14px; font-weight:bold; color:#339999; text-decoration:none; }
.answerHint a:hover{ font-family:Arial; font-size:14px; font-weight:bold; color:#ff6600; text-decoration:none; }

.answerResponse a:link{ font-family:Arial; font-size:14px; font-weight:bold; color:#444; text-decoration:none; }
.answerResponse a:visited{ font-family:Arial; font-size:14px; font-weight:bold; color:#444; text-decoration:none; }
.answerResponse a:hover{ font-family:Arial; font-size:14px; font-weight:bold; color:#ff6600; text-decoration:none; }

.example a:link{ font-family:Arial; font-size:11px; font-weight:bold; color:#0053A6; text-decoration:none; }
.example a:visited{ font-family:Arial; font-size:11px; font-weight:bold; color:#0053A6; text-decoration:none; }
.example a:hover{ font-family:Arial; font-size:11px; font-weight:bold; color:#ff6600; text-decoration:none; }

.rationalewrong a:link{ font-family:Arial; font-size:14px; font-weight:bold; color:#FF3333; text-decoration:none; }
.rationalewrong a:visited{ font-family:Arial; font-size:14px; font-weight:bold; color:#FF3333; text-decoration:none; }
.rationalewrong a:hover{ font-family:Arial; font-size:14px; font-weight:bold; color:#ff6600; text-decoration:none; }

.rationaleright a:link{ font-family:Arial; font-size:14px; font-weight:bold; color:#006600; text-decoration:none; }
.rationaleright a:visited{ font-family:Arial; font-size:14px; font-weight:bold; color:#006600; text-decoration:none; }
.rationaleright a:hover{ font-family:Arial; font-size:14px; font-weight:bold; color:#ff6600; text-decoration:none; }


.wordbank a:link{ font-family:Arial; font-size:12px; font-weight:bold; color:#0053A6; text-decoration:none; }
.wordbank a:visited{ font-family:Arial; font-size:12px; font-weight:bold; color:#0053A6; text-decoration:none; }
.wordbank a:hover{ font-family:Arial; font-size:12px; font-weight:bold; color:#FF6600; text-decoration:none; }

.feedback{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	/*color: #0053A6;*/
	background-color:#FFF;
	padding:15px;
	margin-top:10px;
	background:#ECECEC;
	}

.Shadow{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	-webkit-box-shadow: #999 0px 1px 4px;
	-moz-box-shadow: #999 0px 1px 4px;
	box-shadow: #999 0px 1px 4px;
	behavior: url(../../../../PIE.php);

}
.direction{
	font-family: 'Lato', sans-serif;	
	font-size: 14px;
	font-weight:normal;
	color: #000;
	font-style:italic;
	border: solid 0px #ccc;
	padding: 15px;
	width:94%;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-left:15px\9;
	background:#ECECEC;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	-webkit-box-shadow: #999 0px 1px 4px;
	-moz-box-shadow: #999 0px 1px 4px;
	box-shadow: #999 0px 1px 4px;
	behavior: url(../../../../PIE.php);

}
.firstbox{
	/*padding-left:50px;
	padding-right:50px;*/
	font-family: 'Lato', sans-serif;	
	font-size:14px;
	font-weight:bold;
	color: #0053A6;
}
.firstboxtopFrame{
	padding-left: 15px;
	padding-right: 10px;
	font-family: 'Lato', sans-serif;	
	font-size:12px;
	font-weight:bold;
	color: #0053A6;
	vertical-align:middle;
}
.essaylabel{
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'Lato', sans-serif;	
	font-size:12px;
	font-weight:bold;
	color: #0053A6;
}
.essayTextArea{
	padding:5px;
	padding-left: 10px;
	padding-right: 10px;
	background:#FFFF9F;
	border:solid 1px;
	color:#009900;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000; 
	text-align:left;
	vertical-align:middle;
	
}

.phrase{
	font-family:Arial; 
	font-size:14px; 
	font-weight:bold; 
	color:#0053A6;
}
.prtl{
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.prtr{
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.prt{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.prbl{
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border:none;
}
input.ryan
{
font-size:12px;
font-family:Arial,sans-serif;
font-weight:bold;
color:#000000;
background-color:#eeeeee;
border-style:double;
border-color:#999999;
border-width:3px;
}

img{
	border: 1px solid #CCC;
}

.quiztoplabel{
	font-size:16px;
	color: #FF3333;
	font-weight:bold;
}
.quizlabel{
	font-size:12px;
	color: #444;
	font-weight:bold;
}
.quizlabelscore{
	font-size:12px;
	color: #0053A6 ;
	font-weight:bold;
}

.quiztotallabel{
	font-size:14px;
	color: #FF3333 ;
	font-weight:bold;
}

.quiztotallabelscore{
	font-size:14px;
	color: #FF3333 ;
	font-weight:bold;
}
.jqiwarning .jqi{ background-color: #b0be96; }
                        .jqifade{ position: absolute; background-color: #333333; }
                        div.jqi{ position: absolute; background-color: #282828; padding: 5px; width: 350px; text-align: left; }
                        div.jqi .jqiclose{ float: right; margin: -35px -10px 0 0; cursor: pointer; }
                        div.jqi .jqicontainer{ background-color: #ffff9f; padding: 5px; color: #000000; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
                        div.jqi .jqimessage{ background-color: #ffff9f; padding: 10px; }
                        div.jqi .jqibuttons{ text-align: center; padding: 5px 0 0 0; }
                        div.jqi button{ padding: 3px 10px 3px 10px; margin: 0 10px; }


.blackspan{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #000;
}
.bluespan{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #0053A6;
}
.greenspan{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#009900;
}
.headertitle{
	font-family:Arial;
	font-size:16px; 
	font-weight:bold
}
.subheadertitle{
	font-family:Arial;
	font-size:14px; 
	font-weight:bold
}
.hint{
font-size:16px; font-weight:bold; color:#339999
}
.response{
font-size:16px; font-weight:bold; color:#444444
}
.say{
font-size:16px; font-weight:bold; color:#0053A6
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #356635;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #2d6987;
}

.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.alert-warning hr {
  border-top-color: #f8e5be;
}

.alert-warning .alert-link {
  color: #a47e3c;
}

.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger hr {
  border-top-color: #e6c1c7;
}

.alert-danger .alert-link {
  color: #953b39;
}

.alert-danger a{
	color: #a94442 !important;
	text-decoration:none;
}

.alert-info a{
	color: #337AB7 !important;
	text-decoration:none;
}

.alert-warning a{
	color: #8a6d3b !important;
	text-decoration:none;
}

.alert-dark {
  color: #66615b;
  background-color: #fffcf5;
  border-color: #CCC5B9;
}

.alert-dark a{
	color: #66615b!important;
	font-weight:normal;
}

.alert-success a{
	color: #3c763d!important;
	font-weight:normal;
}
/* Switch
   ========================================================================== */
.switch,
.switch * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}

.switch label {
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  font-size:12px;
  font-weight:700;
  color:#26a69a;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #84c7c1;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #26a69a;
  left: 24px;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 30px;
  height: 10px;
  background-color: #818181;
  border-radius: 15px;
  margin-right: 10px;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #F1F1F1;
  border-radius: 21px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:after,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #BDBDBD;
}