div#instruction { letter-spacing: 4px; padding: 4px; font-size: 14px; background-color: #aaa; color: #fff; text-align: center; font-family: 'Francois One', 'Helvetica Neue',Ariel,Sans-serif;  }
div#terms { height: 360px; position: relative; padding: 6px 20px 6px 30px; background-color: #eee; }
div#terms div.term { font-family: 'Francois One', 'Helvetica Neue',Ariel,Sans-serif; cursor: pointer; position: absolute; text-transform: uppercase; opacity: 0; color: #666; z-index: 5; letter-spacing: 1px; margin: 0 9px 0 9px; }
div#terms div.term span.desc { display: none; }
div#terms div.term:hover { color: #6b85ba; }
div#terms div#linea { position: absolute; width: 930px; height: 360px; z-index: 1; } 
div#terms div#lineb { position: absolute; width: 930px; height: 360px; z-index: 2; } 
div#terms div#termoverlay { position: absolute; z-index: 6; padding: 10px 20px 20px 20px; color: #596688; font-size: 14px; line-height: 15px; background-color: #ffffff; background: rgba(255,255,255,0.9); box-shadow: 0 0 8px #666; }
div#terms div#termoverlay div#titlebar { background-color: #666; padding: 7px 10px 3px 10px; margin: -10px -20px 10px -20px; color: #fff; font-size: 14px; text-align: right; cursor: pointer; letter-spacing: 2px; }
div#terms div#termoverlay div#titlebar:hover { background-color: #6b85ba }
div#term0 { font-size: 1.7em; }
div#term1 { left: 490px; font-size: 1.4em; top: 10px; } 
div#term2 { left: 740px; top:120px; font-size: 1.2em; line-height: 1.2em;  } 
div#term3 { left: 585px; top:310px; font-size: 1.7em; } 
div#term4 { top:312px; font-size: 1.4em; } 
div#term5 { top: 200px; font-size: 1.2em;  } 
div#term6 { top: 70px; font-size: 1.7em;  } 
div#term7 { top: 70px; left: 500px; font-size: 1.7em; } 
div#term8 { left: 635px; top: 250px; font-size: 1.5em; } 
div#term9 { left: 245px; top: 150px;font-size: 3.5em; }