wbotelhos/stepy

.stepy-header { list-style: none; padding: 0; width: 724px }
  .stepy-header li { cursor: pointer; float: left; padding: 10px }
    .stepy-header li.stepy-error { background: url('../demo/img/error.png') no-repeat right top }
    .stepy-header li div { color: #ccc; font: bold 2.8em verdana; text-shadow: 1px 1px #f8f8f8 }
    .stepy-header li.stepy-active div { color: #369; cursor: auto }
    .stepy-header li span { color: #ccc; font: 1.4em verdana }
    .stepy-header li.stepy-active span { color: #bbb }

.stepy-step { border: 1px solid #bbb; clear: left; padding: 15px 20px; width: 600px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -opera-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
  .stepy-step label { color: #222; display: block; font: bold 1.5em arial; letter-spacing: .7px; margin: 10px 0 3px 1px }

  .stepy-step input,
  .stepy-step textarea,
  .stepy-step select { border: 1px solid #999; border-radius: 5px; color: #333; font-size: 1.4em; height: 27px; margin-bottom: 12px; padding: 3px; width: 90% }

  .stepy-step select { height: 34px; padding-top: 5px }

  .stepy-step textarea { height: 100px }

.stepy-back {
  float: left
}

.stepy-back, .stepy-next {
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -opera-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  color: #7f0055;
  cursor: pointer;
  font: 1.2em verdana;
  padding: 7px 15px 8px;
  text-decoration: none;
}

.stepy-back:hover, .stepy-next:hover {
  border-color: #bbb;
  color: #b07;
}

.stepy-finish {
  background-color: transparent;
  border-radius: 3px !important;
  border: 1px solid #ccc !important;
  float: right;
  height: 33px !important;
  width: 80px !important;
}

.stepy-legend {
  color: #4080bf;
  font: bold 1.8em arial;
  letter-spacing: .7px;
  padding: 0 2px 3px
}

.stepy-next {
  float: right
}