@charset "utf-8";
#titleText {
	left: 0;
	width: 220px;
	font-size: 16px;
	margin-top: 6px;
	color: #900;
	font-weight: 700;
	text-align: center;
	text-shadow: 2px 2px #999
}

#subtitleText1 {
	width: 236px;
	top: 424px;
	font-size: 18px;
	color: #000;
	font-weight: 700;
	margin-left: 100px;
	text-align: center;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif
}

#subtitleText2 {
	width: 236px;
	top: 424px;
	font-size: 18px;
	color: #000;
	font-weight: 700;
	margin-left: 400px;
	text-align: center;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif
}

#infoText {
	position: absolute;
	top: 26px;
	width: 220px
}

#correctText {
	font-size: 12px;
	color: #000;
	font-weight: 700;
	margin-left: 42px;
	width: 180px;
	margin-top: 30px
}

#attemptsText {
	font-size: 12px;
	color: #000;
	font-weight: 700;
	margin-left: 42px;
	width: 180px;
	padding-top: 4px;
	margin-top: 8px
}

#scorepercentText {
	font-size: 12px;
	color: #000;
	font-weight: 700;
	width: 200px;
	margin-left: 18px;
	margin-top: 12px;
	height: 18px
}

#scoreText {
	width: 80px;
	float: left
}

#percentText {
	width: 80px;
	float: right
}

#dialogDiv {
	position: absolute;
	top: 110px;
	width: 760px;
	height: 140px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 4px
}

#buttonsDiv {
	position: absolute;
	top: 8px;
	left: 240px;
	width: 520px;
	height: 130px
}

#instructBox {
	position: absolute;
	top: 54px;
	left: 236px;
	width: 290px;
	height: 60px;
	color: #000;
	background-color: #ccc;
	font-weight: 700;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif
}

#start_btn {
	position: absolute;
	font-size: 12px;
	font-weight: 700;
	width: 80px;
	top: 10px;
	left: 14px
}

#report_btn {
	position: absolute;
	top: 10px;
	font-size: 12px;
	font-weight: 700;
	width: 80px;
	left: 100px
}

#explain_btn {
	position: absolute;
	top: 10px;
	font-size: 12px;
	font-weight: 700;
	width: 92px;
	left: 186px
}

#ok_btn {
	position: absolute;
	top: 84px;
	font-size: 12px;
	font-weight: 700;
	width: 80px;
	left: 300px
}

#newexample_btn {
	position: absolute;
	top: 84px;
	font-size: 12px;
	font-weight: 700;
	width: 104px;
	left: 400px
}

#inputDiv {
	position: absolute;
	top: 8px;
	font-family: Arial;
	font-size: 12px;
	font-weight: 700;
	height: 76px;
	width: 188px;
	border: thin solid #900;
	left: 560px
}

#whole_lbl {
	position: absolute;
	top: 32px;
	height: 14px;
	width: 106px;
	left: 2px
}

#numer_lbl {
	position: absolute;
	top: 10px;
	height: 14px;
	width: 146px;
	left: 24px
}

#denom_lbl {
	top: 54px;
	position: absolute;
	height: 14px;
	width: 146px;
	left: 24px
}

#wholeText {
	position: absolute;
	top: 0;
	height: 14px;
	width: 40px;
	text-align: center;
	left: 64px;
	float: right;
	font-size: 12px;
	font-weight: 700
}

#numerText {
	position: absolute;
	top: 0;
	height: 14px;
	width: 40px;
	text-align: center;
	left: 104px;
	float: right;
	font-size: 12px;
	font-weight: 700
}

#denomText {
	position: absolute;
	text-align: center;
	height: 14px;
	width: 40px;
	left: 104px;
	top: 0;
	float: right;
	font-size: 12px;
	font-weight: 700
}

#wholeSpelled {
	position: absolute;
	top: 0;
	width: 56px;
	height: 12px;
	float: left
}

#numerSpelled {
	position: absolute;
	top: 0;
	width: 80px;
	height: 12px;
	float: left
}

#denomSpelled {
	position: absolute;
	top: 0;
	width: 90px;
	height: 12px;
	float: left
}

#title_lbl {
	position: absolute;
	top: 4px;
	left: 26px;
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 700;
	width: 180px
}

#correct_lbl {
	position: absolute;
	top: 44px;
	left: 30px;
	color: #000;
	font-style: normal;
	font-weight: 700;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px
}

#atempts_lbl {
	position: absolute;
	top: 26px;
	left: 0;
	color: #000;
	font-style: normal;
	font-weight: 700;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px
}

#score_lbl {
	position: absolute;
	top: 30px;
	left: 0;
	color: #000;
	font-style: normal;
	font-weight: 700;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px
}

#progressDiv {
	font-size: 10px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	height: 164px;
	width: 300px;
	border: thin solid #900;
	left: 440px;
	top: 14px;
	position: absolute;
	background-color: #ffc;
	visibility: hidden
}

#first_txt {
	width: 140px
}

#last_txt {
	width: 140px
}

#first_lbl {
	width: 80px;
	position: absolute;
	top: 12px;
	left: 12px
}

#clear_btn {
	width: 80px;
	position: absolute;
	top: 130px;
	left: 10px
}

#close_btn {
	width: 80px;
	position: absolute;
	top: 130px;
	left: 110px
}

#send_btn {
	width: 80px;
	position: absolute;
	top: 130px;
	left: 210px
}

#container {
	margin-top: 0;
	padding-left: 10px;
	padding-right: 10px
}


/*======================================================================================*/


#animation_container {
	position:absolute;
	margin:auto;
	left:0;
	right:0;
}
#less_btn {
	font-size: 12px;
	font-weight: bold;
	width: 100px;
	position: absolute;
	top: -2px;
	left: 400px;
}
#equals_btn {
	font-size: 12px;
	font-weight: bold;
	width: 100px;
	position: absolute;
	top: 23px;
	left: 400px;
}
#greater_btn {
	font-size: 12px;
	font-weight: bold;
	width: 100px;
	position: absolute;
	top: 48px;
	left: 400px;
}





/*
     FILE ARCHIVED ON 20:50:59 Jan 5, 2021 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 9:02:13 Jun 20, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/