#image1 {position : absolute; left : 150px; top : 100px; width : 560; height : 470; z-index: -1}  
#txtheading {position : absolute; left : 350px; top : 15px; font-family : verdana; font-size : 24px; color : midnightblue; text-align: center;}

#btnscore {position : absolute; top: 15px; left: 30px; background-color: lightblue; color: black; font-family: verdana; font-size: 14px; padding: 6px 10px; border: 1px solid black; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
#btnscore:hover {background-color: #4CAF50; color: white;}
#btnshowcorrect {position : absolute; top: 15px; left: 110px; background-color: lightblue; color: black; font-family: verdana; font-size: 14px; padding: 6px 10px; border: 1px solid black; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
#btnshowcorrect:hover {background-color: #4CAF50; color: white;}
#btnbacktomenu {position : absolute; top: 60px; left: 520px; width : 190px; height : 28px; background-color: orange; color: black;  font-family: verdana; font-size: 14px; padding: 4px 10px; border: 1px solid black; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; visibility : visible;}
#btnbacktomenu:hover { background-color: #4CAF50; color: white;}


#text1 {position : absolute; left : 390px; top : 60px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text2 {position : absolute; left : 270px; top : 60px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text3 {position : absolute; left : 150px; top : 60px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text4 {position : absolute; left : 30px; top :  60px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text5 {position : absolute; left : 30px; top : 100px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text6 {position : absolute; left : 30px; top : 140px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text7 {position : absolute; left : 30px; top : 180px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text8 {position : absolute; left : 30px; top : 220px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text9 {position : absolute; left : 30px; top : 260px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text10 {position : absolute; left : 30px; top : 300px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text11 {position : absolute; left : 30px; top : 340px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text12 {position : absolute; left : 30px; top : 380px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text13 {position : absolute; left : 30px; top : 420px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text14 {position : absolute; left : 30px; top : 460px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text15 {position : absolute; left : 30px; top : 500px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text16 {position : absolute; left : 30px; top : 540px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text17 {position : absolute; left : 30px; top : 580px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text18 {position : absolute; left : 150px; top : 580px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text19 {position : absolute; left : 270px; top : 580px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}
#text20 {position : absolute; left : 390px; top : 580px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; text-align: center; padding-top: 4px; padding-right : 2px; padding-bottom : 4px; padding-left: 2px; border: 1px solid black; cursor: pointer; cursor: hand; background-color : palegreen; visibility : visible;}

#box1 {position : absolute; left : 550px; top : 195px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box2 {position : absolute; left : 590px; top : 240px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box3 {position : absolute; left : 520px; top : 215px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box4 {position : absolute; left : 520px; top : 275px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box5 {position : absolute; left : 560px; top : 300px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box6 {position : absolute; left : 610px; top : 320px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box7 {position : absolute; left : 640px; top : 335px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box8 {position : absolute; left : 580px; top : 380px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box9 {position : absolute; left : 640px; top : 360px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box10 {position : absolute; left : 610px; top : 410px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box11 {position : absolute; left : 600px; top : 430px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box12 {position : absolute; left : 560px; top : 450px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box13 {position : absolute; left : 220px; top : 420px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box14 {position : absolute; left : 200px; top : 350px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box15 {position : absolute; left : 200px; top : 315px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box16 {position : absolute; left : 200px; top : 285px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box17 {position : absolute; left : 225px; top : 270px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box18 {position : absolute; left : 250px; top : 250px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box19 {position : absolute; left : 300px; top : 220px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}
#box20 {position : absolute; left : 360px; top : 180px; width: 100px; height: 15px; font-family : verdana; font-size : 12px; color : black; visibility : visible;}


#correct1 {position : absolute; left : 620px; top : 150px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct2 {position : absolute; left : 620px; top : 190px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct3 {position : absolute; left : 620px; top : 230px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct4 {position : absolute; left : 620px; top : 270px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct5 {position : absolute; left : 620px; top : 310px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct6 {position : absolute; left : 620px; top : 350px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct7 {position : absolute; left : 620px; top : 390px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct8 {position : absolute; left : 620px; top : 430px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct9 {position : absolute; left : 620px; top : 470px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct10 {position : absolute; left : 620px; top : 510px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct11 {position : absolute; left : 620px; top : 550px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct12 {position : absolute; left : 620px; top : 590px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct13 {position : absolute; left : 620px; top : 630px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct14 {position : absolute; left : 620px; top : 670px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct15 {position : absolute; left : 620px; top : 710px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct16 {position : absolute; left : 620px; top : 750px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct17 {position : absolute; left : 620px; top : 790px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct18 {position : absolute; left : 620px; top : 830px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct19 {position : absolute; left : 620px; top : 870px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}
#correct20 {position : absolute; left : 620px; top : 910px; font-family : verdana; font-size : 12px; color : black; text-align: center; visibility : hidden;}


#answer1 {position : absolute; left : 650px; top : 150px; visibility : hidden;}
#answer2 {position : absolute; left : 650px; top : 190px; visibility : hidden;}
#answer3 {position : absolute; left : 650px; top : 230px; visibility : hidden;}
#answer4 {position : absolute; left : 650px; top : 270px; visibility : hidden;}
#answer5 {position : absolute; left : 650px; top : 310px; visibility : hidden;}
#answer6 {position : absolute; left : 650px; top : 350px; visibility : hidden;}
#answer7 {position : absolute; left : 650px; top : 390px; visibility : hidden;}
#answer8 {position : absolute; left : 650px; top : 430px; visibility : hidden;}
#answer9 {position : absolute; left : 650px; top : 470px; visibility : hidden;}
#answer10 {position : absolute; left : 650px; top : 510px; visibility : hidden;}
#answer11 {position : absolute; left : 650px; top : 550px; visibility : hidden;}
#answer12 {position : absolute; left : 650px; top : 590px; visibility : hidden;}
#answer13 {position : absolute; left : 650px; top : 630px; visibility : hidden;}
#answer14 {position : absolute; left : 650px; top : 670px; visibility : hidden;}
#answer15 {position : absolute; left : 650px; top : 710px; visibility : hidden;}
#answer16 {position : absolute; left : 650px; top : 750px; visibility : hidden;}
#answer17 {position : absolute; left : 650px; top : 790px; visibility : hidden;}
#answer18 {position : absolute; left : 650px; top : 830px; visibility : hidden;}
#answer19 {position : absolute; left : 650px; top : 870px; visibility : hidden;}
#answer20 {position : absolute; left : 650px; top : 910px; visibility : hidden;}

#marker1 {position : absolute; left : 540px; top : 195px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker2 {position : absolute; left : 580px; top : 240px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker3 {position : absolute; left : 510px; top : 215px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker4 {position : absolute; left : 510px; top : 275px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker5 {position : absolute; left : 550px; top : 300px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker6 {position : absolute; left : 600px; top : 320px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker7 {position : absolute; left : 630px; top : 335px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker8 {position : absolute; left : 570px; top : 380px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker9 {position : absolute; left : 630px; top : 360px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker10 {position : absolute; left : 590px; top : 410px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker11 {position : absolute; left : 580px; top : 430px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker12 {position : absolute; left : 540px; top : 450px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker13 {position : absolute; left : 200px; top : 420px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker14 {position : absolute; left : 180px; top : 350px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker15 {position : absolute; left : 180px; top : 315px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker16 {position : absolute; left : 180px; top : 285px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker17 {position : absolute; left : 205px; top : 270px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker18 {position : absolute; left : 230px; top : 250px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker19 {position : absolute; left : 280px; top : 220px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}
#marker20 {position : absolute; left : 340px; top : 180px; width: 1px; height: 1px;  font-family : verdana; font-size : 12px; color : red;}

#txtdragtext {position : absolute; left : 170px; top : 120px; font-family : verdana; font-size : 12px; color : black;}
#txttotal {position : absolute; left : 210px; top : 520px; font-family : verdana; font-size : 12px; color : black;}
#total {position : absolute; left : 270px; top : 520px; font-family : verdana; font-size : 12px; color : black;}

#drag1 {cursor: pointer; cursor: hand;}
#drag2 {cursor: pointer; cursor: hand;}
#drag3 {cursor: pointer; cursor: hand;}
#drag4 {cursor: pointer; cursor: hand;}
#drag5 {cursor: pointer; cursor: hand;}
#drag6 {cursor: pointer; cursor: hand;}
#drag7 {cursor: pointer; cursor: hand;}
#drag8 {cursor: pointer; cursor: hand;}
#drag9 {cursor: pointer; cursor: hand;}
#drag10 {cursor: pointer; cursor: hand;}
#drag11 {cursor: pointer; cursor: hand;}
#drag12 {cursor: pointer; cursor: hand;}
#drag13 {cursor: pointer; cursor: hand;}
#drag14 {cursor: pointer; cursor: hand;}
#drag15 {cursor: pointer; cursor: hand;}
#drag16 {cursor: pointer; cursor: hand;}
#drag17 {cursor: pointer; cursor: hand;}
#drag18 {cursor: pointer; cursor: hand;}
#drag19 {cursor: pointer; cursor: hand;}
#drag20 {cursor: pointer; cursor: hand;}
