><html><head>

<link rel="stylesheet" href="http://www.tools.thesmallpicture.biz/tspanim.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

</head><body>

<style>

.layer
{
  position: absolute;
  overflow: hidden;
  display: block;
}
#layer001
{
  
  height: 667px;
  width: 544px;
  top: 0px;
  left: 0px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(255,255,255,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 0px 0px;
  border-top-right-radius: 0px 0px;
  border-bottom-left-radius: 0px 0px;
  border-bottom-right-radius: 0px 0px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,1.00) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
</style>



<div class="layer" id="layer001"><style>

.calcl
{
  position: absolute;
  overflow: hidden;
  display: block;
}
#calcl001
{
  
  height: 68px;
  width: 68px;
  top: 166px;
  left: 432px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,1.00) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl002
{
  
  height: 68px;
  width: 68px;
  top: 281px;
  left: 87px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl003
{
  
  height: 68px;
  width: 68px;
  top: 281px;
  left: 202px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl004
{
  
  height: 68px;
  width: 68px;
  top: 281px;
  left: 317px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl005
{
  
  height: 68px;
  width: 68px;
  top: 281px;
  left: 432px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl006
{
  
  height: 68px;
  width: 68px;
  top: 396px;
  left: 87px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl007
{
  
  height: 68px;
  width: 68px;
  top: 396px;
  left: 202px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl008
{
  
  height: 68px;
  width: 68px;
  top: 396px;
  left: 317px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl009
{
  
  height: 68px;
  width: 68px;
  top: 396px;
  left: 432px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl010
{
  
  height: 68px;
  width: 68px;
  top: 511px;
  left: 87px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl011
{
  
  height: 68px;
  width: 68px;
  top: 511px;
  left: 202px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl012
{
  
  height: 68px;
  width: 68px;
  top: 511px;
  left: 317px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl013
{
  
  height: 68px;
  width: 68px;
  top: 511px;
  left: 432px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl014
{
  
  height: 68px;
  width: 68px;
  top: 626px;
  left: 87px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl015
{
  
  height: 68px;
  width: 68px;
  top: 626px;
  left: 202px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl016
{
  
  height: 68px;
  width: 68px;
  top: 626px;
  left: 317px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl017
{
  
  height: 68px;
  width: 68px;
  top: 626px;
  left: 432px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(30,115,190,1.00);
  border-top-width: 4px;
  border-top-color: rgba(167,163,163,1.00);
  border-left-width: 4px;
  border-left-color: rgba(167,163,163,1.00);
  border-right-width: 4px;
  border-right-color: rgba(167,163,163,1.00);
  border-bottom-width: 4px;
  border-bottom-color: rgba(167,163,163,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 54px;
  font-family: arial;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl018
{
  
  height: 100px;
  width: 100px;
  top: 155px;
  left: 420px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl019
{
  
  height: 100px;
  width: 100px;
  top: 615px;
  left: 421px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl020
{
  
  height: 100px;
  width: 100px;
  top: 615px;
  left: 305px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl021
{
  
  height: 100px;
  width: 100px;
  top: 615px;
  left: 190px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl022
{
  
  height: 100px;
  width: 100px;
  top: 615px;
  left: 75px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl023
{
  
  height: 100px;
  width: 100px;
  top: 500px;
  left: 420px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl024
{
  
  height: 100px;
  width: 100px;
  top: 500px;
  left: 305px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl025
{
  
  height: 100px;
  width: 100px;
  top: 500px;
  left: 190px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl026
{
  
  height: 100px;
  width: 100px;
  top: 500px;
  left: 75px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl027
{
  
  height: 100px;
  width: 100px;
  top: 385px;
  left: 420px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl028
{
  
  height: 100px;
  width: 100px;
  top: 385px;
  left: 305px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl029
{
  
  height: 100px;
  width: 100px;
  top: 385px;
  left: 190px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl030
{
  
  height: 100px;
  width: 100px;
  top: 385px;
  left: 75px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl031
{
  
  height: 100px;
  width: 100px;
  top: 270px;
  left: 420px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl032
{
  
  height: 100px;
  width: 100px;
  top: 270px;
  left: 305px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl033
{
  
  height: 100px;
  width: 100px;
  top: 270px;
  left: 190px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl034
{
  
  height: 100px;
  width: 100px;
  top: 270px;
  left: 75px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(222,221,221,0.00);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 1000px 1000px;
  border-top-right-radius: 1000px 1000px;
  border-bottom-left-radius: 1000px 1000px;
  border-bottom-right-radius: 1000px 1000px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,0.8200000000000001) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl035
{
  
  height: 72px;
  width: 452px;
  top: 37px;
  left: 36px;
  border-top-style: inset;
  border-left-style: inset;
  border-right-style: inset;
  border-bottom-style: inset;
  background-color: rgba(0,0,0,1.00);
  border-top-width: 10px;
  border-top-color: rgba(214,214,214,1.00);
  border-left-width: 10px;
  border-left-color: rgba(214,214,214,1.00);
  border-right-width: 10px;
  border-right-color: rgba(214,214,214,0.40);
  border-bottom-width: 10px;
  border-bottom-color: rgba(214,214,214,1.00);
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  opacity: 1.00;
  box-shadow: 0px 0px 0px -1px rgba(0,0,0,1) ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 53px;
  font-family: courier new;
  color: rgba(255,255,255,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl036
{
  
  height: 737px;
  width: 549px;
  top: 24px;
  left: 20px;
  border-top-style: outset;
  border-left-style: outset;
  border-right-style: outset;
  border-bottom-style: outset;
  background-color: rgba(222,221,221,1.00);
  border-top-width: 14px;
  border-top-color: rgba(197,195,195,1.00);
  border-left-width: 14px;
  border-left-color: rgba(197,195,195,1.00);
  border-right-width: 14px;
  border-right-color: rgba(197,195,195,1.00);
  border-bottom-width: 14px;
  border-bottom-color: rgba(197,195,195,1.00);
  border-top-left-radius: 15px 15px;
  border-top-right-radius: 15px 15px;
  border-bottom-left-radius: 15px 15px;
  border-bottom-right-radius: 15px 15px;
  opacity: 1.00;
  box-shadow: 0px 1px 0px 0px rgba(0,0,0,1.00) inset;
  -ms-transform-origin: 17% 6%;
  -webkit-transform-origin: 17% 6%;
  -moz-transform-origin: 17% 6%;
  transform-origin: 17% 6%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(0.8,0.8);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(0.8,0.8);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(0.8,0.8);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(0.8,0.8);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl037
{
  
  height: 76px;
  width: 270px;
  top: 119px;
  left: 642px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(170,170,170,0.99);
  border-top-width: 0px;
  border-top-color: rgba(221,51,51,1.00);
  border-left-width: 0px;
  border-left-color: rgba(221,51,51,1.00);
  border-right-width: 0px;
  border-right-color: rgba(221,51,51,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(221,51,51,1.00);
  border-top-left-radius: 0px 0px;
  border-top-right-radius: 0px 0px;
  border-bottom-left-radius: 0px 0px;
  border-bottom-right-radius: 0px 0px;
  opacity: 0.00;
  box-shadow: 0px 0px 0px 0px #000000 ;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
#calcl038
{
  
  height: 1000px;
  width: 1000px;
  top: 0px;
  left: 0px;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: rgba(255,255,255,1.00);
  border-top-width: 0px;
  border-top-color: rgba(255,255,255,1.00);
  border-left-width: 0px;
  border-left-color: rgba(255,255,255,1.00);
  border-right-width: 0px;
  border-right-color: rgba(255,255,255,1.00);
  border-bottom-width: 0px;
  border-bottom-color: rgba(255,255,255,1.00);
  border-top-left-radius: 0px 0px;
  border-top-right-radius: 0px 0px;
  border-bottom-left-radius: 0px 0px;
  border-bottom-right-radius: 0px 0px;
  opacity: 0.00;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,1) outset;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1);
  font-size: 12px;
  font-family: arial;
  color: rgba(0,0,0,1.00);
  animation: none;
  -webkit-animation: none;
  
}
</style>
<script>

function presskey(keyval,lid)
{
     var llid = "#calcl"+lid;  
     var htmdoca = $("#calcl038").html();
     $(llid).html(htmdoca);
    
     process_key(keyval);
    
}
function csschange(lid)
{
    var llid = "#calcl"+lid;
    $(llid).css({
        
        "border-top-style": "inset",
  "border-left-style": "inset",
  "border-right-style": "inset",
  "border-bottom-style": "inset"
        
    });
}
function cssreturn(lid)
{
    var llid = "#calcl"+lid;
    $(llid).css({
        
        "border-top-style": "outset",
  "border-left-style": "outset",
  "border-right-style": "outset",
  "border-bottom-style": "outset"
        
    });
}
function process_key(keyval)
{
    if (keyval === "/")
    {
        var numd = $("#numdisplay").val();
        
        if (numd.length >0)
        {
            var cnum = parseFloat($("#numdisplay").val());
            var anum = parseFloat($("#accumulator").val());
            var atot = c_eval(anum,cnum);
            var stot = atot.toString();

            $("#operand").val("/");
            $("#accumulator").val(stot);
            $("#numdisplay").val("");

            display_c(stot);
        }
    }
    else if (keyval === "x")
    {
        var numd = $("#numdisplay").val();
        if (numd.length >0)
        {
            var cnum = parseFloat($("#numdisplay").val());
            var anum = parseFloat($("#accumulator").val());
            var atot = c_eval(anum,cnum);
            var stot = atot.toString();

            $("#operand").val("x");
            $("#accumulator").val(stot);
            $("#numdisplay").val("");

            display_c(stot);
        }
    }
    else if (keyval === "+")
    {
        var numd = $("#numdisplay").val();
        if (numd.length >0)
        {
            var cnum = parseFloat($("#numdisplay").val());
            var anum = parseFloat($("#accumulator").val());
            var atot = c_eval(anum,cnum);
            var stot = atot.toString();

            $("#operand").val("+");
            $("#accumulator").val(stot);
            $("#numdisplay").val("");

            display_c(stot);
        }
        
        
    }
    else if (keyval === "-")
    {
        var numd = $("#numdisplay").val();
        if (numd.length >0)
        {
            var cnum = parseFloat($("#numdisplay").val());
            var anum = parseFloat($("#accumulator").val());
            var atot = c_eval(anum,cnum);
            var stot = atot.toString();

            $("#operand").val("-");
            $("#accumulator").val(stot);
            $("#numdisplay").val("");

            display_c(stot);
        }
    }
    else if (keyval === "=")
    {
        var numd = $("#numdisplay").val();
        if (numd.length >0)
        {
            var cnum = parseFloat($("#numdisplay").val());
            var anum = parseFloat($("#accumulator").val());
            var atot = c_eval(anum,cnum);
            var stot = atot.toString();

            $("#operand").val("=");
            $("#accumulator").val(stot);

            display_c(stot);
        }
    }
    else if (keyval === ".")
    {
        var calcval = $("#numdisplay").val()+keyval;
        $("#pointdisplay").val("no");
        $("#numdisplay").val(calcval);
        display_c(calcval);
    }
    else if (keyval === "C")
    {
        var calcval = $("#clearval").val();
        $("#pointdisplay").val("yes");
        $("#numdisplay").val("");
        $("#accumulator").val("0");
        $("#operand").val("");
        calcval=calcval+".";
        display_c(calcval);
    }
    else
    {
        var numd = $("#numdisplay").val();
        var numl = numd.length;
        var neg = 0;
        var maxlength = 10;
        
        if ($("#operand").val()==="=")
        {
            $("#numdisplay").val("");
            $("#accumulator").val("0");
            $("#operand").val("");
        }
        if(numl< maxlength)
        {
            var calcval = $("#numdisplay").val()+keyval;
        }
        else
        {
            var calcval = $("#numdisplay").val();
        }
        $("#numdisplay").val(calcval);
        if ($("#pointdisplay").val()==="yes")
        {
            calcval=calcval+".";
        }
        display_c(calcval);
    }
}
function display_c(cval)
{
    var nval = parseFloat(cval);
    var dec = cval.indexOf(".");
    var neg = cval.indexOf("-");
    
    if (dec == -1)
    {
        cval = cval+".";
    }
    if (neg == -1)
    {
        if (nval > 9999999999)
        {
            cval = "9999999999."
        }
        if (nval <0.00000001)
        {
            cval = "0."
        }
    }
    else
    {
        if (nval < -999999999)
        {
            cval = "-999999999."
        }
        if (nval > -0.0000001)
        {
            cval = "0."
        }
    }
    $("#calcdisp").html(cval);
}
function c_eval(acc,numb)
{
    var oper = $("#operand").val();
    var result = 0;
    if (oper === "+")
    {
        result = acc+numb;
    }
    if (oper === "-")
    {
        result = acc-numb;
    }
    if (oper === "x")
    {
        result = acc*numb;
    }
    if (oper === "/")
    {
        result = acc/numb;
    }
    if (oper === "=")
    {
        result = $("#accumulator").val();;
    }
    if (oper === "")
    {
        result = numb;
    }
    
    return result;
}
function interaction_ex()
{
    presskey('C','018');
    setTimeout(function(){presskey('2','025');},500);
    setTimeout(function(){presskey('7','034');},1000);
    setTimeout(function(){presskey('x','027');},1500);
    setTimeout(function(){presskey('3','024');},2000);
    setTimeout(function(){presskey('3','024');},2500);
    setTimeout(function(){presskey('=','020');},3000);
}
$(document).ready(function(){
    
    //setInterval(function(){interaction_ex();}, 5000);
    
});




</script>


<div class="calcl" id="calcl038"><div class="calcl" style=" height: 118px; width: 118px; top: 0px; left: 0px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; background-color: rgba(221,51,51,1.00); border-top-width: 0px; border-top-color: rgba(221,51,51,1.00); border-left-width: 0px; border-left-color: rgba(221,51,51,1.00); border-right-width: 0px; border-right-color: rgba(221,51,51,1.00); border-bottom-width: 0px; border-bottom-color: rgba(221,51,51,1.00); border-top-left-radius: 0px 0px; border-top-right-radius: 0px 0px; border-bottom-left-radius: 0px 0px; border-bottom-right-radius: 0px 0px; opacity: 1.00; box-shadow: 88px 0px 36px -71px rgba(130,36,227,1.00) inset ,115px 64px 36px -71px rgba(129,215,66,1.00) inset ,154px 64px 36px -71px rgba(238,238,34,1.00) inset ,195px 64px 36px -71px rgba(30,115,190,1.00) inset; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1); -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1); -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1); transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg) scale(1,1); font-size: 12px; font-family: arial; color: rgba(0,0,0,1.00); animation: fadeout 0.2s ease-in-out 0s 1 normal forwards; -webkit-animation: fadeout 0.2s ease-in-out 0s 1 normal forwards; "></div>
</div>
<div class="calcl" id="calcl037">javascript
<input type="hidden" id="clearval" value="0">
<input type="hidden" id="accumulator" value="0">
<input type="hidden" id="numdisplay" value="">
<input type="hidden" id="operand" value="">
<input type="hidden" id="pointdisplay" value="yes">
 </div>
<div class="calcl" id="calcl036"><div class="calcl" id="calcl035"><div id="calcdisp" style="text-align: right"></div></div>
<div class="calcl" id="calcl034"></div>
<div class="calcl" id="calcl033"></div>
<div class="calcl" id="calcl032"></div>
<div class="calcl" id="calcl031"></div>
<div class="calcl" id="calcl030"></div>
<div class="calcl" id="calcl029"></div>
<div class="calcl" id="calcl028"></div>
<div class="calcl" id="calcl027"></div>
<div class="calcl" id="calcl026"></div>
<div class="calcl" id="calcl025"></div>
<div class="calcl" id="calcl024"></div>
<div class="calcl" id="calcl023"></div>
<div class="calcl" id="calcl022"></div>
<div class="calcl" id="calcl021"></div>
<div class="calcl" id="calcl020"></div>
<div class="calcl" id="calcl019"></div>
<div class="calcl" id="calcl018"></div>
<div class="calcl" id="calcl017"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('+','019')"  onmousedown="csschange('017')" onmouseup="cssreturn('017')" >

<center>+</center>

</a></div>
<div class="calcl" id="calcl016"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('=','020')" onmousedown="csschange('016')" onmouseup="cssreturn('016')"  >

<center>=</center>

</a></div>
<div class="calcl" id="calcl015"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('0','021')" onmousedown="csschange('015')" onmouseup="cssreturn('015')"  >

<center>0</center>

</a></div>
<div class="calcl" id="calcl014"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('.','022')"  onmousedown="csschange('014')" onmouseup="cssreturn('014')" >

<center>.</center>

</a></div>
<div class="calcl" id="calcl013"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('-','023')"  onmousedown="csschange('013')" onmouseup="cssreturn('013')" >

<center>-</center>

</a></div>
<div class="calcl" id="calcl012"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('3','024')"  onmousedown="csschange('012')" onmouseup="cssreturn('012')" >

<center>3</center>

</a></div>
<div class="calcl" id="calcl011"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('2','025')"  onmousedown="csschange('011')" onmouseup="cssreturn('011')" >

<center>2</center>

</a></div>
<div class="calcl" id="calcl010"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('1','026')" onmousedown="csschange('010')" onmouseup="cssreturn('010')"  >

<center>1</center>

</a></div>
<div class="calcl" id="calcl009"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('x','027')" onmousedown="csschange('009')" onmouseup="cssreturn('009')"  >

<center>x</center>

</a></div>
<div class="calcl" id="calcl008"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('6','028')" onmousedown="csschange('008')" onmouseup="cssreturn('008')"  >

<center>6</center>

</a></div>
<div class="calcl" id="calcl007"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('5','029')" onmousedown="csschange('007')" onmouseup="cssreturn('007')"  >

<center>5</center>

</a></div>
<div class="calcl" id="calcl006"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('4','030')"  onmousedown="csschange('006')" onmouseup="cssreturn('006')" >

<center>4</center>

</a></div>
<div class="calcl" id="calcl005"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('/','031')"  onmousedown="csschange('005')" onmouseup="cssreturn('005')" >

<center>/</center>

</a></div>
<div class="calcl" id="calcl004"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('9','032')"  onmousedown="csschange('004')" onmouseup="cssreturn('004')" >

<center>9</center>

</a></div>
<div class="calcl" id="calcl003"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('8','033')" onmousedown="csschange('003')" onmouseup="cssreturn('003')"  >

<center>8</center>

</a></div>
<div class="calcl" id="calcl002"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('7','034')" onmousedown="csschange('002')" onmouseup="cssreturn('002')"  >

<center>7</center>

</a></div>
<div class="calcl" id="calcl001"><a style="display: block; color: white; text-decoration: none;width: 100%; height: 100%;"
href="javascript:presskey('C','018')" onmousedown="csschange('001')" onmouseup="cssreturn('001')" >

<center>C</center>

</a></div></div></div>
</body></html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.