
.eq{padding:0px 5px;}

.but{padding:0px 20px;}

.coordsys{
	position:relative;
	background-image:url(coordsystem.png);
	width:374px;
	height:374px;
}


#examples h2{clear:both;}

.coordpoint{
	position:absolute;
	line-height:20px;
}

/* ------------------------ */

.coordlabel{
	color:black;
	background-color:white;
}

#ecp1_1{left:240px; top:80px;}
#ecp1_2{left:176px; top:48px;}
#ecp1_3{left:112px; top:80px;}
#ecp1_4{left:144px; top:240px;}
#ecp1_5{left:80px; top:176px;}
#ecp1_6{left:240px; top:304px;}

#example1 .ex{
	font-size:12px;
	width:auto;
}
#example1 .showbut, #example2 .showbut{
	margin-top:75px;
}
#example1 .coordsys, #example2 .coordsys{
	float:left;
	margin-bottom:30px;
}


#example1 .show1, #example2 .show2{visibility:hidden;}


#cp2_1{left:272px; top:142px;}
#cp2_2{left:176px; top:110px;}
#cp2_3{left:112px; top:110px;}
#cp2_4{left:80px; top:174px;}
#cp2_5{left:112px; top:302px;}
#cp2_6{left:176px; top:238px;}
#cp2_7{left:240px; top:270px;}
#cp2_8{left:240px; top:174px;}


#example3 .ex{
	width:600px;
	font-size:14px;
}



/* --------------------------- */
#exercises form{clear:both;}

.question input{width:4.5em;}


#cp1_1{left:208px; top:238px;}
#cp1_2{left:48px; top:174px;}
#cp1_3{left:112px; top:270px;}
#cp1_4{left:272px; top:110px;}
#cp1_5{left:208px; top:46px;}
#cp1_6{left:176px; top:110px;}
#cp1_7{left:112px; top:78px;}
#cp1_8{left:176px; top:334px;}

#q1form .coordsys{
	float:left;
	margin-bottom:30px;
}
#q1t{margin:85px 0px 0px 10px;}


#q2p{margin:20px 0px 0px 80px}

#q2form .coordsys{
	float:left;
}
.coordtable2a{
	width:370px;
	height:370px;
	margin-top:8px;
}
.coordtable2a img{cursor:pointer;}

#q2a{margin:250px 0px 0px 10px;}
#q2b{clear:both;padding-top:30px;}

.newcoordlabel{
	position:absolute;
	color:blue;	
	background-color:white;
}
.newcoordlabel input{width:1.5em;}

#q4form input, #q5form input{
	width:1.6em;
}

#q6a input, #q7e input, #q7f input{width:1.5em;}

#q7img{
	text-align:center;
	padding:10px;
}
#q7dt{ 
	margin:10px auto; 
	border-collapse:collapse; 
}
#q7dt td{border:1px solid blue; text-align:center; padding:5px 10px;}
#c7d{margin-left:400px;} 

#q8t{
	margin:10px 0px 10px 100px;
	border:1px solid black;
	padding:3px;
}
.q8t{
	margin:10px 0px 10px 100px;
	border:1px solid blue;
	padding:3px;
}

.q8{
	margin:0 auto;
	width:252px;
	height:188px;
}

.coordsys8{
	margin:0 auto;
	width:252px;
	height:188px;
}
#q8aib, #q8bib{background:url(q8a2.png) no-repeat;}
.coordtable8a{
	margin-left:3px;
	margin-top:2px;
}
.coordtable8a td{ vertical-align:top; }
.coordtable8a td img{cursor:pointer;}
#c8a, #c8b{margin-left:300px;}

.q8cbutton{
	width:80px;
}

#q8ct{
	margin:0 auto;
	padding:5px;
}
#q8ct td{
	border:1px solid blue;
	height:40px;
	padding:3px;
	text-align:center;
	width:82px;
}
#c8c{margin-left:430px;}

