/*#intro p{ text-align:justify;}*/

#ti1{border:1px solid black;padding: 0.5em;}
#ti1 td{padding:0.2em 1em; text-align:center;}

#ti2 td{padding:0.2em;}
#ti2 .eq{width:2em; text-align:center;}

/* ---------- Examples -------------- */

#ex1a,
#ex1b{vertical-align: middle;}

#example2 .showbut,
#example3 .showbut{margin-left:1em;}


/* ---------- Exercises ------------- */

.question input{width:3em;}



#q2form .wider{width:5em;}

#d3a{position:relative; width:570px; height:80px; display: inline-block;}
#i3a{position:absolute;z-index:1;}
#q3form input{position:absolute;z-index:100; width:2.5em; top:9px; text-align:center;}
/*#q3form .but{position:absolute;z-index:101;}*/
input[name="q3aib1"]{left:106px;}
input[name="q3aib2"]{left:150px;}
input[name="q3aib3"]{left:193px;}
input[name="q3aib4"]{left:279px;}
input[name="q3aib5"]{left:322px;}
input[name="q3aib6"]{left:367px;}
input[name="q3aib7"]{left:410px;}
input[name="q3aib8"]{left:497px;}

#q4form .partbody .partdelim:first-child{height:0; clear:none;}

#q5form .parttitle{display: none;}
#q5form .partbody{padding-left:0;}
#q5form .qtext{padding-bottom:0;}
#q5form input{margin-left:2em;}
#q5form .wider{width:7em;}

#q6form .ls{width:20em;}
#q6form .wider{width:15em;}

#q7form input{width:3.5em;}

.d8a{position:relative; width:300px; height:120px; display: inline-block;}
.i8a{position:absolute;z-index:1;}
#q8form input{position:absolute;z-index:100; width:3.5em; text-align:center; font-size:90%;}
input[name="q8aib1"]{left:85px; top:88px;}
input[name="q8aib2"]{left:225px; top:88px;}
input[name="q8aib3"]{left:120px; top:62px;}
input[name="q8aib4"]{left:190px; top:62px;}
input[name="q8aib5"]{left:85px; top:36px;}
input[name="q8aib6"]{left:120px; top:10px;}

input[name="q8bib1"]{left:20px; top:88px;}
input[name="q8bib2"]{left:157px; top:88px;}
input[name="q8bib3"]{left:225px; top:88px;}
input[name="q8bib4"]{left:190px; top:62px;}
input[name="q8bib5"]{left:85px; top:36px;}
input[name="q8bib6"]{left:154px; top:36px;}