#vbaQuestion{

position:absolute;
left:20px;
top:40px;
width:800px;
font-size:24px;
font-family: arial black;
font-style:italic;

}

#vbaAnswers{

position:absolute;
left:20px;
top:220px;
width:700px;
font-size:24px;
font-family: arial black;
font-style:italic;
color:rgb(219,17,17);
}


#returnFromScales{
cursor:pointer;
}













.logicCircles{
	
cursor:pointer;
}



.displayLogicAnswer{
display:none;	
fill:rgb(100,15,15);	
	
}

/*
<span id = "logicCurrentGrade">Current grade is...$currentGrade...</span>

<span id = "logicTimesGraded">Number of attempts on this puzzle - $timesGraded</span>

<span id = "logicAvailability">This assignment has been graded - times</span>
left:100px;
top:10px;
background-color:rgb(80,80,80);
width:300px;
height:100px;


background-color:rgb(80,80,80);


*/

#vbaPic{
	position:absolute;
	display:block;
left:360px;
top:40px;
transform: scale(.6);
transform: translate (30px, 200px);
}
#vbaPic2{
	position:absolute;
	display:block;
left:600px;
top:40px;
transform: scale(.8);
transform: translate (30px, 300px);
}


#displayLogicPuzzle1Answer{
position:absolute;	
display:block;	
top:1px;
left:1px;
z-index:1;


}

#eddie2 {
	position:absolute;

  display: block;

  
 left:40px;
 

}




#logicAnswer{
display:none;
}
#RLogic1Answers{
display:none;
}

#logicCurrentGrade{
cursor:pointer;
position:absolute;
left:1370px;
top:200px;
font-size:20px;
font-family: arial black;
font-style:italic;

}
#logicTimesGraded{
cursor:pointer;
position:absolute;
left:1370px;
top:240px;
font-size:20px;
font-family: arial black;
font-style:italic;

}

#logicAvailability{
cursor:pointer;
position:absolute;
left:1370px;
top:280px;
font-size:20px;
font-family: arial black;
font-style:italic;

}


#logicWrongAnswers{
cursor:pointer;
position:absolute;
left:1370px;
top:320px;
font-size:20px;
font-family: arial black;
font-style:italic;
}


#logicPrevious{
background-color: #FFFF66;
position:absolute;
left:1350px;
top:525px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
width:150px;
height:30px;
font-size:15px;
}

#logicNext{/*goes to prior homework problem*/
background-color: #FFFF66;
position:absolute;
left:1350px;
top:550px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
width:150px;
height:30px;
font-size:15px;
}





#logicAnswer2{
left:380px;
top:1250px;
position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
font-size:50;
color:rgb(219,17,17);
visibility:hidden;	
}






#clearLogic{
cursor:pointer;
background-color: rgb(33,219,83);
position:absolute;
left:1370px;
top:700px;
border-radius: 25px;
font-size:16px;
font-family: arial black;
font-style:italic;
width:170px;
height:30px;


}

#saveLogic{
cursor:pointer;
background-color: rgb(33,219,83);
position:absolute;
left:1370px;
top:775px;
border-radius: 25px;
font-size:16px;
font-family: arial black;
font-style:italic;
width:170px;
height:30px;

}

#toggleLogicAnswer{
cursor:pointer;
background-color: rgb(33,219,83);
position:absolute;
left:1370px;
top:850px;
border-radius: 25px;
font-size:16px;
font-family: arial black;
font-style:italic;
width:170px;
height:30px;
}


#submitAnswer{
cursor:pointer;
background-color: #3B52EB;
position:absolute;
left:1370px;
top:405px;
border-radius: 25px;
font-size:15px;
font-family: arial black;
font-style:italic;
width:200px;
height:30px;
}










#logic2Gradebook{
cursor:pointer;
background-color: rgb(33,219,83);
position:absolute;
left:1350px;
top:825px;
border-radius: 25px;
font-size:16px;
font-family: arial black;
font-style:italic;
width:210px;
height:30px;
}
/*
#gradeLogic{
cursor:pointer;
background-color: rgb(230,131,126);
position:absolute;
left:1350px;
top:900px;
border-radius: 25px;
font-size:16px;
font-family: arial black;
font-style:italic;
width:170px;
height:30px;
}
*/



#gradeLogicAnswer{
cursor:pointer;
background-color: #3B52EB;
position:absolute;
left:1370px;
top:1000px;/* 405  */
border-radius: 25px;
font-size:15px;
font-family: arial black;
font-style:italic;
width:200px;
height:30px;
	
}

#assignmentNameLogic{

left:500px;
top:30px;
position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
font-size:26px;
color:rgb(14,17,200);	
}

#logicTitle{
left:600px;
top:20px;
position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
font-size:34;
color:rgb(14,17,200);
text-decoration:underline;	
}

#currentLogicGrade{
left:1250px;
top:400px;
position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
font-size:26;
color:rgb(14,17,200);	
}

#gradeRecord{
left:1250px;
top:500px;
position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
font-size:26;
color:rgb(14,17,200);	
}

#cluesHeader{
left:1090px;
top:225px;
position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
font-size:30px;
color:rgb(14,17,200);
text-decoration:underline;

}


#scrollClues {
left:900px;
top:305px;
	
width: 305px;
height: 350px;
overflow:auto;
text-align: justify;
padding: 40px  40px  40px   40px;

position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
color:rgb(163,28,39);
font-size:26px;

 }
 
#logic1Intro{
width: 900px;
height: 100px;
text-align: justify;
padding: 20px;
left:50px;
top:50px;
position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
font-size:26px;
}



#logic1Intro2{
width: 900px;
height: 100px;
text-align: justify;
padding: 20px;
left:50px;
top:50px;
position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
font-size:18px;
}

















.move{
cursor: move;
	
}


#vocabPix{
border: solid 5px red;
  float: left;

	
}

/*
#assignmentContainer{
width:400px;
}
*/


#piButton{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:320px;
top:600px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
font-size: 30px;	
	
	
}




#circleOneScalesButton{
position:fixed;
top:200px;
left:1200px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}

#circleTwoScalesButton{
position:fixed;
top:275px;
left:1200px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}

#trigScalesButton{
position:fixed;
top:350px;
left:1200px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}


#solidsScalesButton{
position:fixed;
top:425px;
left:1200px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}


#transformationScalesButton{
position:fixed;
top:500px;
left:1200px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}







#factors{

position:absolute;
left:215px;/* was 600*/
top:350px;

width:500px;
height:500px;
font-family: arial black;
font-style:italic;
font-size: 20px;
display:none; 
z-index:1;
background:rgb(224,212,84);
}

#factorsCubic{

position:absolute;
left:715px;/* was 600*/
top:150px;

width:500px;
height:600px;
font-family: arial black;
font-style:italic;
font-size: 20px;
display:none; 
z-index:1;
background:rgb(224,212,84);
}



#factorList{
position:absolute;
padding-left:100px;
left:200;
width:25%;
	
}
#factorStart{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:520px;
top:210px;
border-radius: 25px;
font-family: arial black;
font-style:italic;	
	
	
}
#factorStartCubic{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:920px;
top:75px;
border-radius: 25px;
font-family: arial black;
font-style:italic;	
	
	
}


#factorStartRadical{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:720px;
top:200px;
border-radius: 25px;
font-family: arial black;
font-style:italic;	
	
	
}


#factorStartPres{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:500px;
top:960px;
border-radius: 25px;
font-family: arial black;
font-style:italic;	
	
	
}


.displayStudentInfo1{
	
	
font-size: 15px;
}




#navbar{
background-color: rgb(45,153, 45 );
position:absolute;
height:100px;
width:1200px;
left:5px;
top:5px;
border-radius: 25px;

font-family: arial black;
font-size: 30px;
font-style:italic;
text-align:center;
display:inline;
}
#adminControls{
display:inline;
}
#tasks{
top:1200px;
left:600px
}

#selectChoice{
font-family: arial black;
font-size: 25px;
font-style:italic;
}

#logInInfo{
position:absolute;
top:140px;
}


/************************************************************************************STUDENT INFO FORMATTING**********************************************************************************/
.displaySingleGrade{/*container for the table*/
position:absolute;
top:200px;
left:400
}


.displayStudents{/*container for the table*/
position:absolute;
top:150px;
left:25
}
.header{

text-decoration: underline;
width:150px;
}

#availability{
text-decoration: underline;
width:200px;
}

.studentInfoEven{

background-color: rgb(153,255,204 );
padding: 5px;
width:160px;
text-align:center;
}
.studentInfoOdd{

background-color: rgb(153,153, 255  );
padding: 5px;
width:160px;
text-align:center;

}

.studentInfoEvenGrade{

background-color: #54E819;
padding: 25px;

text-align:center;
}
.studentInfoOddGrade{

background-color: #424FA8;
padding: 25px;

text-align:center;

}

.singleGradeHeight{


font-family: arial black;
font-size: 24px;
font-style:italic;
text-align:center;
height:35px;
width:250px;

}









#forceNumber{
height:15px;
}


/*********************************************************************************************************************************************************************************************/
#firstAjax {
top:500px;
display:inline;
}

#modifySubjectContainer{

z-index: +1;
background-color: #33FF98;
height:500px;
width:400px;
position:absolute;
left:500px;
top:150px;
border-radius:75px;
}
#modifySubjectForm{
position:absolute;
top:150px;/*50*/
left:50px;
z-index: +2;
}
#addRecordButtonActual{
position:absolute;
top:400px;
left:50px;
}
#addTitle{
position:absolute;
left:100px;
}

#addFunctionNumber{
position:absolute;
left:100px;

}

#addDescription{
position:absolute;
left:100px;
}

#addNumberAssigned{
position:absolute;
left:100px;
}
#addStandard{
position:absolute;
left:100px;
}
#modifyFormContainer{
z-index: +1;
background-color: #33FF99;
height:500px;
width:400px;
position:fixed;
/*visibility:hidden;*/
left:950px;
top:150px;
border-radius:75px;

}
#modifyForm{
position:absolute;
top:50px;
left:50px;
}

#modifyStartupClose{
position:absolute;
left:200px;
z-index:1;
}


#addRecordForm{
position:absolute;
top:50px;
left:50px;
}
#startupForm{
position:absolute;
top:50px;
left:50px;
}
#addRecordContainer{
z-index: +1;
background-color: #33FF99;
height:500px;
width:400px;
position:absolute;
/*visibility:hidden;*/
left:500px;
top:150px;
border-radius:75px;
}
#startupSubmit{
position:absolute;
left:50px;
top:300px;
}
#startupClose{
position:absolute;
left:150px;
top:300px;
}
#loginForm{
background-color: #3B52EB;
position:fixed;
left:620;
top:65;
}
#logInFormButton{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:600px;
top:54px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
}
#adminChoices{
position:absolute;
left:50px;
top:150px;
}
#submitForStudentInfo{
position:absolute;
left:50px;
top:150px;
}
#admin1{
position:fixed;
top:150px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}
#admin2{
position:fixed;
top:200px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}
#admin3{
position:fixed;
top:250px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}
#admin4{
position:fixed;
top:300px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color:#f05868;
font-style:italic
}


#admin20{
position:fixed;
top:340px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color:#f05868;
font-style:italic
}
#admin21{
position:fixed;
top:650px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color:#f05868;
font-style:italic
}


#admin22{
position:fixed;
top:750px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color:#f05868;
font-style:italic
}





#admin5{
position:fixed;
top:350px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}
#admin6{
position:fixed;
top:400px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}
#admin7{
position:fixed;
top:450px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}
#admin8{
position:fixed;
top:500px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}
#admin9{
position:absolute;
top:625px;
left:1150px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}
#admin10{
position:fixed;
top:570px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}
#admin11{
position:fixed;
top:700px;
left:760px;
border-radius: 25px;
font-family: arial black;
background-color: #f05868;
font-style:italic
}



#traversePrior{
position:absolute;
top:550px;
left:575px;
border-radius: 25px;
font-family: arial black;
background-color: #179027;
font-style:italic
}
#traverseNext{
position:absolute;
top:550px;
left:750px;
border-radius: 25px;
font-family: arial black;
background-color: #179027;
font-style:italic
}
#gradebookTraversePrior{
position:absolute;
top:500px;
left:250px;
border-radius: 25px;
font-family: arial black;
background-color: #179027;
font-style:italic
}
#gradebookTraverseNext{
position:absolute;
top:500px;
left:975px;
border-radius: 25px;
font-family: arial black;
background-color: #179027;
font-style:italic
}
#experiment{
position:absolute;
top:500px;
left:500px;
}
#submitAssignment{
position:absolute;
top:400px;
left:50px;
}
#closeAssignmentContainer{
position:absolute;
top:400px;
left:200px;
}

#traversePriorSubject{
position:absolute;
top:550px;
left:375px;
border-radius: 25px;
font-family: arial black;
background-color: #179027;
font-style:italic
}
#traverseNextSubject{
position:absolute;
top:550px;
left:625px;
border-radius: 25px;
font-family: arial black;
background-color: #179027;
font-style:italic
}
/*begins styling for the assignment controls for the student*/
#traversePriorProblem{/*goes to prior homework problem*/
background-color: #3B52EB;
position:absolute;
left:760;
top:700px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
}

#traverseNextProblem{/*goes to next homework problem*/
background-color: #3B52EB;
position:absolute;
left:260;
top:700px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
}


#gradebookLogout{/*user can log out of application*/
background-color: #3B52EB;
position:absolute;
left:500;
top:700px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
} 

#seeTutorialFilm{/*currently not needed*/
background-color: #3B52EB;
position:absolute;
left:700;
top:700px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
}


/*begins styling for modify subject form*/

#modifyTitle{
position:absolute;
left:150px;
}
#modifyFunctionNumber{
position:absolute;
left:150px;
}

#modifyDescription{
position:absolute;
left:150px;
}
#modifyNumberAssigned{
position:absolute;
left:150px;
}
#modifyStandard{
position:absolute;
left:150px;
}

/***************************************************************************display for assignment view**********************************************************************/
#gradebookNameHolder{
position:absolute;
left:100px;
top:100px;
font-family: arial black;
font-size: 25px;
font-style:italic;
/*display:inline;*/
}

#gradebookProblemHolder{
position:fixed;
top:550px;
left:1700px;
font-family: arial black;
font-size: 16px;
font-style:italic;
/*display:inline;*/
}

/*
#problemDisplay{
position:absolute;
top:1px;
left:1px;




width:1050px;
height:650px;


zindex:10;




color:#0000CC;
font-family: arial black;
font-size: 25px;
font-style:italic;
background-color:rgb(40,40,89);
}

*/



#singleProblemDisplay{/*top 1 left 50  width 1050   height 650   zindex -1 */
position:absolute;
top:1px;
left:50px;
width:1150px;/*was 1050 then changed to 1150*/
height:800px;
background-color:rgb(255,255,255);
font-family: arial black;
font-size: 35px;
font-style:italic;
text-align:center;
z-index: -1; 

}

.invisiblePoints {

opacity:0;
}


#studentAnswerInput{
position:absolute;
top:338px;
left:1370px;
height:40px;
width:200px;
background-color:rgb(205,200,177);
font-size:20px;
font-family: arial black;
font-style:italic;
color:rgb(0,0,0);
}
/*
#submitAnswer{
cursor:pointer;
background-color: #3B52EB;
position:absolute;
left:1370px;
top:405px;
border-radius: 25px;
font-size:15px;
font-family: arial black;
font-style:italic;
width:200px;
height:30px;
}
*/

#submitAssignmentInProgress{/*grades assignment*/
background-color: #FF3333;
position:absolute;
left:1370px;
top:620px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
font-size:15px;
width:200px;
height:30px;
cursor:pointer;
}


#gradebookLogout{/*allows student to return to gradebook*/
background-color: rgb(33,219,83);
position:absolute;
left:1370px;
top:525px;
border-radius: 25px;
font-family: arial black;
width:200px;
height:30px;
font-size:15px;
cursor:pointer;
font-style:italic;
}
#traversePriorProblem{/*goes to prior homework problem*/
background-color: #FFFF66;
position:absolute;
left:1370px;
top:485px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
width:150px;
height:30px;
font-size:15px;
cursor:pointer;
}

#traverseNextProblem{/*goes to next homework problem*/
background-color: #FFFF66;
position:absolute;
left:1370px;
top:445px;
border-radius: 15px;
font-family: arial black;
font-style:italic;
width:150px;
height:30px;
font-size:15px;
cursor:pointer;
}



#realAnswerToAssignment{
font-family: arial black;
font-size: 20px;
font-style:italic;
/*background-color:#3366FF;*/
position:absolute;
top:240px;
left:1370px;
/*color:#0000CC;*/
width:450px; /*changed on nov 18, 2017 from 400*/
height:50px;
}


#studentName{/*holds student name while student is doing assignment*/
font-family: arial black;
font-size: 25px;
font-style:italic;
text-decoration:underline;
position:absolute;
top:5px;
left:1370px;
width:280px;
}

#problemCounter{
position:absolute;
top:65px;
left:1370px;
font-family: arial black;
font-size: 25px;
text-decoration:underline;
font-style:italic;

}


#assignmentName{/*holds student name while student is doing assignment*/
font-family: arial black;
font-size: 25px;
font-style:italic;
text-decoration:underline;
position:absolute;
top:35px;
left:1370px;


}
#filmHolder{
font-family: arial black;
font-size: 25px;
font-style:italic;
text-decoration:underline;
position:absolute;
top:95px;
left:1370px;

}
#gradeMark{
height:100px;
width:100px;

position:absolute;
top:135px;
left:1370px;

}
#nextGradeRecord{
background-color: #3B52EB;
position:absolute;
left:550;
top:600px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
}

#previousGradeRecord{
background-color: #3B52EB;
position:absolute;
left:900;
top:600px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
}



.displaySingleGrade{
position:absolute;
left:200px;
top:180px;

}




#previousTempGrade{
background-color: #3B52EB;
position:absolute;
left:400;
top:500px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
}

#nextTempGrade{
background-color: #3B52EB;
position:absolute;
left:1000;
top:500px;
border-radius: 25px;
font-family: arial black;
font-style:italic;

}


#hiddenTextBox{
visibility:hidden;
}

#passwordInfoIndex{
position:absolute;
left:550;
top:300px;
height:30px;
width:200px;
}

#passwordInfoIndexSubmit{
position:absolute;
left:550;
top:340px;
height:30px;
width:200px;
}


#logInError{/*currently not needed*/
position:absolute;
left:500;
top:350px;
font-family: arial black;
font-style:italic;
font-size: 24px;
}





















/*******************************************************************************************new styling began on July 26, 2016************************************************/

#logInForm2{
width:400px;
height:300px;
position:absolute;
left:400px;
top:250px;
}

#logInSubmit{
width:50;
height:75;

background-color: rgb(200,50,50);

border-radius: 25px;
font-family: arial black;
font-style:italic;
}
#logInResponse{

position:absolute;
left:500;
top:350px;
font-family: arial black;
font-style:italic;
font-size: 24px;

}

#tempFilm{
position:absolute;
top:450px;
left:100px;
border-radius: 25px;
font-family: arial black;
background-color: rgb(238,232,170);
font-style:italic;
font-size: 18px;

width:1200px;
height:800px;
}





#hi{
position:absolute;
top:250px;
left:300px;

font-family: arial black;

font-style:italic;

}

#transformInfo{
position:absolute;
top:75px;
left:20px;	
	
	
font-family: arial black;

font-style:italic;
	

font-size: 18px;	
	
	
}
#tFormSubmit{
	position:relative;
left:40px;
top:-10px;

 background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: rgb(0,0,0);
    font-family: 'arial';
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border:none;
	
	
	   border: none;
    background:rgb(40,185,45);
    box-shadow: 0px 0px 1px #777;
}
.tFormInput{
	
	
	font-size:18pt;
     height:35px;
     width:50px;
	
}
#showMyTform{
 cursor: pointer;	
	
}

#absVXYCursor1{
 cursor: pointer;	
	
}
#absVXYCursor2{
 cursor: pointer;	
	
}

#transformRules{

position:absolute;
left:500px;/* was 600*/
top:400px;
font-family: arial black;
font-style:italic;
font-size: 20px;
display:none;
z-index:1;
background:rgb(224,212,84);
}

#transformButton{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:120px;
top:650px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
}

#slideShow{
	position:fixed;
left:200px;
top:100px;	
height:600px;
width:800px;

font-family: arial black;
font-style:italic;
background-color:rgb(45,45, 145);
opacity:1;	
z-index:12;
}
#eddie {
	position:relative;
padding-left:55px;
  display: block;
  padding-top:5px;
  padding-right:5px;
  padding-bottom:5px  !important;
  
 left:40px;
 
  max-width: 85%  !important;
  max-height: 85% !important;
}
	


#slideShowClearButton{
position:relative;
left:300px;
top:550px;
z-index:13;
}

#slideShowNext{
position:relative;
left:100px;
top:550px;	
z-index:13;
}

#slideShowPrev{
position:relative;
left:200px;
top:550px;	
z-index:13;
}

#preText{
	
font-family: arial black;
/*font-style:italic;*/
color:rgb(45,45, 145);

	
}

#metricChart{

position:absolute;
left:100px;/* was 600*/
top:400px;
font-family: arial black;
font-style:italic;
font-size: 20px;
display:none;
z-index:1;
background:rgb(224,212,84);
}

#metricButton{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:120px;
top:250px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
}


#factorsPres{

position:absolute;
left:800px;/* was 250*/
top:125px;/*275  */
width:500px;
height:750px;/*500  */
font-family: arial black;
font-style:italic;
font-size: 20px;
display:none;
z-index:1;
background:rgb(224,212,84);
}






#factorsPres2{/*used on factorcubic*/

position:absolute;
left:250px;/* was 600*/
top:375px;
width:500px;
height:500px;
font-family: arial black;
font-style:italic;
font-size: 20px;
display:none;
z-index:1;
background:rgb(224,212,84);
}

















#factorStartPres2x{/*currently not used*/
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:500px;
top:960px;
border-radius: 25px;
font-family: arial black;
font-style:italic;	
	
	
}


#factorStartPres2{
background-color: #99c2ff !important;
position:absolute  !important;
left:500px  !important;
top:125px  !important;
border-radius: 25px  !important;
font-family: arial black  !important;
font-style:italic  !important;	
cursor:pointer;	
	
}

#factorStartPresCubic{
background-color: #99c2ff;
position:absolute;
left:100px;
top:475px;
border-radius: 25px;
font-family: arial black;
font-style:italic;	
	
	
}


#gcfAlgebraButton{
background-color: #99c2ff;
position:absolute;
left:800px;
top:175px;
border-radius: 25px;
font-family: arial black;
font-style:italic;	
	
	
}
















/*below are used when I converted presentation questions to regular problems*/
#regAnswers{
width:400px;
position:absolute;
top:300px;
left:100px;
background-color:rgb(255,255,255);
font-family: arial black;
font-size: 20px;
font-style:italic;	
color: rgb(2,31,10);
}

#regAnswersvba{
width:400px;
position:absolute;
top:150px;
left:350px;
background-color:rgb(255,255,255);
font-family: arial black;
font-size: 20px;
font-style:italic;	
color: rgb(12,98,16);
}


#regAnswers2{
width:400px;
position:absolute;
top:300px;
left:500px;
background-color:rgb(255,255,255);
font-family: arial black;
font-size: 20px;
font-style:italic;	
color: rgb(2,31,10);
}

#regQuestionMono{
width:900px;
position:absolute;
top:30px;
left:50px;
background-color:rgb(255,255,255);
font-family: arial black;
font-size: 28px;
font-style:italic;	
color: rgb(0,0,0);	
}






#regQuestion{
width:900px;
position:absolute;
top:30px;
left:50px;
background-color:rgb(255,255,255);
font-family: arial black;
font-size: 20px;
font-style:italic;	
color: rgb(0,0,0);	
}






#markLetter{

font-family: arial black;
font-style:italic;
color:rgb(144,14,14);
}


/*  888888888888888888888888888888888888888888888888888888888888888888888888888888
88888888888888888888888888888888888888    begin math square css  ******************
*/

.green{
	
background: rgb(7,15,25);
opacity: .5;
}


#eddiex{
position:absolute;
left:820px;
top:250px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
font-size: 30px;	
list-style-type:none;
	
}

#mathSquareBox0{
	
cursor: pointer;

}

#mathSquareBox2{
	
cursor: pointer;
}

#mathSquareBox10{
	
cursor: pointer;
}

#mathSquareBox12{
	
cursor: pointer;
}
#mathSquareBox14{
	
cursor: pointer;
}
#mathSquareBox20{
	
cursor: pointer;
}
#mathSquareBox22{
	
cursor: pointer;
}
#mathSquareBox24{
	
cursor: pointer;
}
#mathSquareBox4{
	
cursor: pointer;
}

#resetMathSquare{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:120px;
top:750px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
width:100px;
border-radius: 25px;
height:50px;
font-size: 18px;
cursor: pointer;

}

#saveMathSquare{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:400px;
top:750px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
width:100px;
border-radius: 25px;
height:50px;
font-size: 18px;
cursor: pointer;

}

#gradeMathSquare{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:660px;
top:750px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
width:100px;
border-radius: 25px;
height:50px;
font-size: 18px;
cursor: pointer;

}


#displayMathSquareAnswerButton{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:870px;
top:750px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
width:200px;
border-radius: 25px;
height:50px;
font-size: 18px;
cursor: pointer;

}

#displayMathSquareHintButton{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:1120px;
top:750px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
width:200px;
border-radius: 25px;
height:50px;
font-size: 18px;
cursor: pointer;

}





#mathSquareType{
position:absolute;
left:750px;/* was 600*/
top:20px;
font-family: arial black;
font-style:italic;
color:rgb(15,125,15);
font-size: 16px;
z-index:1;
/*background:rgb(224,212,84);	*/
	
	
	
}

#mathSquareGrade{
position:absolute;
left:750px;/* was 600*/
top:55px;
font-family: arial black;
font-style:italic;
color:rgb(15,125,15);
font-size: 16px;
z-index:1;
/*background:rgb(224,212,84);	*/
	
	
	
}

#mathSquareNumberOfHintsGiven{
	
position:absolute;
left:750px;/* was 600*/
top:90px;
font-family: arial black;
color:rgb(15,125,15);
font-style:italic;
font-size: 16px;
z-index:1;
/*background:rgb(224,212,84);	*/

}


#mathSquareGradeNumberOfTries{
	
position:absolute;
left:750px;/* was 600*/
top:125px;
font-family: arial black;
color:rgb(15,125,15);
font-style:italic;
font-size: 16px;
z-index:1;
/*background:rgb(224,212,84);	*/

}




#mathSquareGradeNumberOfCorrectAnswers{
	
position:absolute;
left:750px;/* was 600*/
top:160px;
font-family: arial black;
color:rgb(15,125,15);
font-style:italic;
font-size: 16px;
z-index:1;
/*background:rgb(224,212,84);	*/

}




#displayMathSquareAnswerDiv{

position:absolute;
/*left:0px;
top:0px;	

width:750px;
height:750px;
*/

transform: scale(.5,.5) translate(1050px,150px);
font-family: arial black;
font-style:italic;

/*background-color:rgb(255,255,255);*/

 cursor: pointer;
 

}






#circleEqA{
width:160px;
position:absolute;
top:150px;
left:50px;
background-color:rgb(255,255,255);
font-family: arial black;
font-size: 20px;
font-style:italic;	
color: rgb(0,128,43)
}

#circleEquations{
width:280px;
position:absolute;
top:150px;
left:10px;
background-color:rgb(255,255,255);
font-family: arial black;
font-size: 16px;
font-style:italic;	
color: rgb(0,128,43)
}


#displayVocabDiv{
width:280px;
position:absolute;
top:150px;
left:555px;
display:none;	
}


#displayVocabDiv2{
width:280px;
position:absolute;
top:150px;
left:555px;
display:none;	
}

#displayVocabDiv3{
width:280px;
position:absolute;
top:150px;
left:555px;
display:none;	
}


#vocabCursor{
cursor:pointer;
}
#vocabCursor2{
cursor:pointer;
}
#vocabCursor3{
cursor:pointer;
}

#numList1{
list-style-type:none;
position:absolute;
top:400px;
left:20px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);	
cursor:pointer;
}

#numList2{
list-style-type:none;
position:absolute;
top:400px;
left:100px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);
cursor:pointer;	
}
#numList3{
list-style-type:none;
position:absolute;
top:400px;
left:180px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);
cursor:pointer;	
}
#numList4{
list-style-type:none;
position:absolute;
top:400px;
left:260px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);
cursor:pointer;	
}
#numList5{
list-style-type:none;
position:absolute;
top:400px;
left:340px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);
cursor:pointer;	
}
#numList6{
list-style-type:none;
position:absolute;
top:400px;
left:420px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);
cursor:pointer;	
}
#numList7{
list-style-type:none;
position:absolute;
top:400px;
left:500px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);	
cursor:pointer;
}
#numList8{
list-style-type:none;
position:absolute;
top:400px;
left:580px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);
cursor:pointer;	
}
#numList9{
list-style-type:none;
position:absolute;
top:400px;
left:660px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);
cursor:pointer;	
}
#numList10{
list-style-type:none;
position:absolute;
top:400px;
left:740px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);
cursor:pointer;	
}

#numList11{
list-style-type:none;
position:absolute;
top:400px;
left:820px;	
font-size:25px;
font-family:Arial Bold, sans-serif;
font-style:italic;
color: rgb(9,12,89);
cursor:pointer;	
}

#toMixedButton{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:320px;
top:350px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
font-size: 12px;	
cursor:pointer;
	
}


#toMixedNumberDirections{

position:fixed;
left:450px;
top:338px;
font-family: arial black;
font-style:italic;
font-size: 12px;	
color:rgb(17,18,250);
}



#toMixedButtonClear{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:120px;
top:350px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
font-size: 12px;	
cursor:pointer;
	
}

#toMixedButtonFractionBar{
background-color: #3B52EB;
background-color: #3B52EB;
position:fixed;
left:420px;
top:350px;
border-radius: 25px;
font-family: arial black;
font-style:italic;
font-size: 12px;	
cursor:pointer;
	
}

#scalesNav{

position:fixed;
left:1100px;
top:300px;

border-style:solid;
cursor:pointer;
}

#quizNarrative{

width: 800px;
height: 100px;


left:20px;
top:35px;
position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
font-size:20;
}

#studentAnswerDisplay{
font-family: arial black;
font-size: 20px;
font-style:italic;
position:absolute;
top:300px;

left:1370px;
color:#0000CC;


height:50px;

}

#ageClues {
left:5px;
top:5px;
	
width: 750px;
height: 350px;
overflow:auto;
text-align: justify;
padding: 40px  40px  40px   40px;

position:absolute; 
font-family:cursive;
font-style:italic;
font-weight:bold;
color:rgb(163,28,39);
font-size:26px;

 }
 
 
 
 /*
 geoVocabForm
 
 */
 
 #geoVocabForm{
 z-index: +1;
background-color: #33FF99;
height:500px;
width:400px;
position:absolute;
/*visibility:hidden;*/
left:500px;
top:150px;
border-radius:75px;
 
 } 
 
 
 #singleProblemDisplay2{/*top 1 left 50  width 1050   height 650   zindex -1 this is for ratfun*/
position:absolute;
top:25px;
left:10px;
width:1140px;/*was 1050 then changed to 1150*/
height:800px;
background-color:rgb(255,255,255);
font-family: arial black;
font-size: 35px;
font-style:italic;
text-align:center;
z-index: -1; 

}

 
 #hiddenDiv{
position:absolute;
top:950px;
	 
 }
 
 
 
 
 
 
 
 
 
 

/*



$mixedNumberAnswer = "<input type = 'submit'  name = '' value = 'Clear Answer'  id = 'toMixedButtonClear'  onclick =  showMixedAnswer('clear') ></input>	";


$mixedNumberAnswer .= "<input type = 'submit'  name = '' value = 'Toggle Fraction Bar'  id = 'toMixedButtonFractionBar'  onclick =  showMixedAnswer('bar') ></input>	";



*/