.stepper-toggle a {
  font-family: "Helvetica Nueue", helvetica, sans-serif;
  display: block;
  float:left;
  padding: 4px 4px 3px 4px;
  width: 12px;
  color: black;
  font-size: 11px;
  border: 1px solid #999;
  border-left: 0px;
  text-align: center;
}
.stepper-toggle a.stepper-active {
  background-color:#efefef;
}
.stepper-toggle .stepper-next {
  width: inherit;
  padding-right: 4px;
  text-transform: uppercase;
}
.stepper-toggle {
  border-left: 1px solid #999;
  float:left;
  margin-bottom: 0.5em;
}
.stepper-toggle.stepper-grayed {
  background-color: #efefef;
}
.stepper-canvas {
  clear:both;
  position: relative;
  width: 300px;
  border: 1px solid #cdcdcd;
  height: 300px;
  padding: 5px;

}
.stepper-bar {
  position:absolute;
  bottom:0px;
  width: 120px;
  margin-left:15px;
  margin-right: 15px;
  background-color: #065718;
  z-index: 1;
}
.stepper-label {
  text-align:left;
  position:absolute;
  font-family: "Helvetica Nueue", helvetica, sans-serif;
  display: block;
  width: 130px;
  font-size: 12px;
}
.stepper-wrapper {
  float: left;
  height: 1%;
  overflow: auto;
  margin: 0.5em 1em 0.5em 0;
}