img#biglogo1 {
  position:absolute;
  left:-195px;
  top:150px;
}

img#biglogo2 {
  position:absolute;
  left:-145px;
  top:150px;
}

div {
  width: 100px;
  height: 15px;
  position:absolute;
}

div#usern {
  top:404px;
  left:-170px;
  background-color: white;
}

div#userp {
  top:427px;
  left:-170px;
  background-color: white;
}

div#message {
  top:470px;
  left:-230px;
  width: 300px;
  background-color: white;
  text-align: center;
}

p {
  font-family: arial,verdana,'sans serif';
  font-size: 11px;
  color: black;
  margin: 1px 1px;
}

input {
  font-family: arial,verdana,'sans serif';
  font-size: 10px;
  width: 100px;
  hight: 18px;
  position:absolute;
}

input#Iusern {
  top:400px;
  left:-60px;
}

input#Iuserp {
  top:423px;
  left:-60px;
}

input#login {
  top:450px;
  left:-100px;
  width: 50px;
}

div#welcome {
  width: 400;
  top: 420px;
  left: -200px;
}

p#welcome {
  font-size: 18px;
  font-style: italic;
  color: lightblue;
  margin: 1px 1px;
}

div#month {
  top:170px;
  left:-150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#quarter {
  top:170px;
  left: 0px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#year {
  top:170px;
  left: 150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

p#tabelhead {
  font-size: 15px;
  font-weight: bold;
  margin: 1px 1px;
}

div#totalno {
  top:200px;
  left: -320px;
  width: 200px;
  background-color: white;
  text-align: left;
}

div#totalvalue {
  top:230px;
  left: -320px;
  width: 200px;
  background-color: white;
  text-align: left;
}

div#openno {
  top:260px;
  left: -320px;
  width: 200px;
  background-color: white;
  text-align: left;
}

div#openvalue {
  top:290px;
  left: -320px;
  width: 200px;
  background-color: white;
  text-align: left;
}

div#acceptedno {
  top:320px;
  left: -320px;
  width: 200px;
  background-color: white;
  text-align: left;
}

div#acceptedvalue {
  top:350px;
  left: -320px;
  width: 200px;
  background-color: white;
  text-align: left;
}

div#compno {
  top:380px;
  left: -320px;
  width: 200px;
  background-color: white;
  text-align: left;
}

div#compvalue {
  top:410px;
  left: -320px;
  width: 200px;
  background-color: white;
  text-align: left;
}

div#paidno {
  top:440px;
  left: -320px;
  width: 200px;
  background-color: white;
  text-align: left;
}

div#paidvalue {
  top:470px;
  left: -320px;
  width: 200px;
  background-color: white;
  text-align: left;
}

p#bodydata {
  font-size: 12px;
  font-weight: bold;
  margin: 1px 1px;
}


div#yeartotno {
  top:200px;
  left:150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#yeartotval {
  top:230px;
  left: 150px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#yearopenno {
  top:260px;
  left:150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#yearopenval {
  top:290px;
  left: 150px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#yearaccno {
  top:320px;
  left:150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#yearaccval {
  top:350px;
  left: 150px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#yearcompno {
  top:380px;
  left:150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#yearcompval {
  top:410px;
  left: 150px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#yearpaidno {
  top:440px;
  left:150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#yearpaidval {
  top:470px;
  left: 150px;
  width: 120px;
  background-color: white;
  text-align: right;
}




div#quartertotno {
  top:200px;
  left:0px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#quartertotval {
  top:230px;
  left: 0px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#quarteropenno {
  top:260px;
  left:0px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#quarteropenval {
  top:290px;
  left: 0px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#quarteraccno {
  top:320px;
  left:0px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#quarteraccval {
  top:350px;
  left: 0px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#quartercompno {
  top:380px;
  left:0px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#quartercompval {
  top:410px;
  left: 0px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#quarterpaidno {
  top:440px;
  left:0px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#quarterpaidval {
  top:470px;
  left: 0px;
  width: 120px;
  background-color: white;
  text-align: right;
}





div#monthtotno {
  top:200px;
  left:-150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#monthtotval {
  top:230px;
  left: -150px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#monthopenno {
  top:260px;
  left:-150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#monthopenval {
  top:290px;
  left: -150px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#monthaccno {
  top:320px;
  left:-150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#monthaccval {
  top:350px;
  left: -150px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#monthcompno {
  top:380px;
  left: -150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#monthcompval {
  top:410px;
  left: -150px;
  width: 120px;
  background-color: white;
  text-align: right;
}

div#monthpaidno {
  top:440px;
  left: -150px;
  width: 120px;
  background-color: white;
  text-align: center;
}

div#monthpaidval {
  top:470px;
  left: -150px;
  width: 120px;
  background-color: white;
  text-align: right;
}