.pieBackground {
          background-color: #dde4eb;   //#EAE6D7;
          position: absolute;
          width: 70px;
          height: 70px;
          top:20px;
  //        left: 25px;
          left:35px;
          -moz-border-radius: 35px;
          -webkit-border-radius: 35px;
          -o-border-radius: 35px;
          border-radius: 35px;
           clip: rect(0px, 70px, 35px, 0px);

     } 
     .centercircle{
           background-color: #dde4eb; //#A2A33F;
          position: absolute;
          width: 40px;
          height: 40px;
          top:15px;
          left: 15px;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          -o-border-radius: 20px;
          border-radius: 20px;
           clip: rect(0px, 40px, 20px, 0px);
     }

     .hold {
          position: absolute;
       
          width: 70px;
          height: 70px;
          -moz-border-radius: 35px;
          -webkit-border-radius: 35px;
          -o-border-radius: 35px;
          border-radius: 35px;
          clip: rect(0px, 70px, 35px, 0px);
     }

    .pie {
          background-color: #dc143c; //red
          -webkit-transform:rotate(0deg);
          -moz-transform:rotate(0deg);
          -o-transform:rotate(0deg);
          transform:rotate(0deg);
     }
      .pie2 {
          background-color: #f38216;  //orange
          -webkit-transform:rotate(60deg);
          -moz-transform:rotate(60deg);
          -o-transform:rotate(60deg);
          transform:rotate(60deg);
     }
        .pie3 {
          background-color: #12c772;  //green
          -webkit-transform:rotate(120deg);
          -moz-transform:rotate(120deg);
          -o-transform:rotate(120deg);
          transform:rotate(120deg);
     }
     .targetline{
          position:absolute;
          width: 35px; height:44px;
          border-left: 2px solid #ffffff;
          left:68px;
          top: 11px;
          z-index:50;
           -ms-transform: rotate(-0deg); /* IE 9 */
         -ms-transform-origin: 0% 100%; /* IE 9 */
         -webkit-transform: rotate(-0deg); /* Chrome, Safari, Opera */
         -webkit-transform-origin: 0% 100%; /* Chrome, Safari, Opera */
         transform: rotate(-0deg);
         transform-origin: 0% 100%;
     }
     .streefline{
          position:absolute;
          width: 35px; height:38px;
          border-left: 2px solid #0b7643;
          left:68px;
          top: 17px;
          z-index:50;
          -ms-transform: rotate(0deg); /* IE 9 */
         -ms-transform-origin: 0% 100%; /* IE 9 */
         -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
         -webkit-transform-origin: 0% 100%; /* Chrome, Safari, Opera */
         transform: rotate(-90deg);
         transform-origin: 0% 100%;
     }