.targets .instructions { padding-left: 0; position: relative; }
/* ---------- stage 1/positions ---------- */

.positions .position { margin: 0.5em 0 1em 0; }
.positions .position .label { margin: 0.25em 0; }
.positions .position label { font-size: 135%; }
.positions input { font-size: 175%; width: 100%; }
.positions .lists { border-bottom: 1px dotted #06c; }
.positions .list { float: left; margin: 0.5em; }
.positions .list label { display: block; font-size: 100%; }
.positions .buttons { display: inline; margin-left: 2em; font-size: 95%; }
.positions .buttonHolder li.commit { width: 120px; }
.positions .reset { float: right; position: relative; top: 0.5em; }


/* ---------- stage 2/fields ---------- */
.fields .instructions { padding-left: 0; }
.fields .field { margin: 0.5em 0 1em 0; }
.fields .field .label { margin: 0.25em 0; }
.fields .field label { font-size: 135%; }
.fields input { font-size: 175%; width: 100%; }
.fields .lists { border-bottom: 1px dotted #06c; }
.fields .list { float: left; margin: 0.5em; }
.fields .list label { display: block; font-size: 100%; }
.fields .buttons { display: inline; margin-left: 2em; font-size: 95%; }
.fields .buttonHolder li.commit { width: 120px; }
.fields .reset { float: right; position: relative; top: 0.5em; }

/* ---------- stage 3/ranking ---------- */

.ranking .buttons { float: right; margin-top: -2em; z-index: 1000; }

.ranking #target-list {
  margin: 0.25em auto;
  width: 50%;
  overflow: none;
  vertical-align: top;
  position: relative;
}

.ranking .target {
  margin: 0.5em 0;
  padding: 0;
  background-color: #f1f6e0;
}

.ranking #target-list .target {
	width: 40%;
	margin: 5px auto 0 auto;
	background-color: #e7eef6;
}

.ranking .target .content {
  margin: 0;
  padding: 1em;
  text-align: center;
}

.ranking .rank .target {
	float: left;
	width: 100%;
	cursor: pointer;
}

.ranking .drag { cursor: pointer; z-index: 999999; }
.ranking .drop { z-index: 1; }

.rankings { margin: 1em 0; }

.rankings td { padding-right: 1%; vertical-align: top; }

.rankings .legend { font-weight: bolder; color: #ffffff; padding: 5px; text-align: center; }

.rankings .yes .legend { background-color: #008000; }
.rankings .maybe .legend { background-color: #ffa500; }
.rankings .no .legend { background-color: #dc143c; }

.rankings .rank { min-height: 80px; }

/* ---------- Ordering ---------- */
.ordering ol#sortable {
  width: 20em;
  margin: 2em auto;
}

.ordering ol#sortable li {
  vertical-align: middle;
  display: list-item;
}

.ordering .target {
	margin: 0.5em 0;
  padding: 0;
  background-color: #f1f6e0;
  cursor: pointer;
  width: 20em;
}

.ordering .target .content {
  margin: 0;
  padding: 1em;
  text-align: center;
}

/* ---------- Result ---------- */
.result .target {
  float: left;
  font-family: Verdana, Geneva, Helvetica, Arial, sans serif;
  font-weight: bold;
  font-size: 100%;
  color: #333;
  width: 23%;
  margin: 0 1% 1em 0;
  text-align: center;
  padding: 0 0 6% 0;
  position: relative;
}

.result .bg {
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 32px;
  width: 100%;
  position: absolute;
  bottom: 10%;
  left: 0;
}

.result .target .content {
	background-color: #f1f6e0;
  padding: 1em 0.5em;
  min-height: 11em;
	height:auto!important;
	height:11em;
}