.size0 {

  background-position: 0px 0;

}

.size5 {

  background-position: -30px 0;

}

.size10 {

  background-position: -60px 0;

}

.size15 {

  background-position: -90px 0;

}

.size20 {

  background-position: -120px 0;

}

.size25 {

  background-position: -150px 0;

}

.size30 {

  background-position: -180px 0;

}

.size35 {

  background-position: -210px 0;

}

.size40 {

  background-position: -240px 0;

}

.size45 {

  background-position: -270px 0;

}

.size50 {

  background-position: -300px 0;

}

.size55 {

  background-position: -330px 0;

}

.size60 {

  background-position: -360px 0;

}

.size65 {

  background-position: -390px 0;

}

.size70 {

  background-position: -420px 0;

}

.size75 {

  background-position: -450px 0;

}

.size80 {

  background-position: -480px 0;

}

.size85 {

  background-position: -510px 0;

}

.size90 {

  background-position: -540px 0;

}

.size95 {

  background-position: -570px 0;

}

.size100 {

  background-position: -600px 0;

}



.pie {

  display: block;

  float: left;

  margin: 0;

  padding: 0;

  width: 30px;

  height: 30px;

  background-image: url('slices.gif');

}



.percent {

  margin: 0.4em 0 0 2.4em;

  font-size: 1.6em;

  font-weight: 600;

  color: #8DC63F;

}



.shadow {

  float: left;

  margin: 3px 0 0 3px;

  background: #CCC;

}



#example {

  float: left;

  position: relative;

  top: -3px;

  left: -3px;

  padding: 15px;

  background: #FFF;

  border: 1px solid #999;

}