/* Create.css */

.create#subNav {
	display: none;
}

.create#content {
	margin-top: 40px;
}

.fullscreen .create#content {
	margin-top: 0;
}

.create #mainColumn {
	width: 720px;
	margin-right: 20px;
	float: left;
}

.create #rightColumn {
	width: 230px;
	float: left;
}

.create #activityDetailSummary h3 {
	margin-top: 3px;
	text-align: center;
	width: 210px;
}

#createButtons {
	width: 720px;
	margin: 0 auto;
}

.create #showPhotosButton {
	display: none;
}

.create .showPhotosDivider {
   display: none;
}

#createSkipLink {
	float: right;
	display: block;
	position: relative;
	top: 10px;
	margin-right: 16px;
}

.create h3,
.route h3 {
	font-size: 18px;
	color: #666;
	border: none;
	width: 720px;
	margin: 7px auto 8px auto;
}

.create #map_area {
	margin: 15px auto;
}

.create #mapRouteName,
.create #mapRaceName {
	display: none;
}

.create #mapRouteActions,
.create #mapRaceActions {
	display: none;
}

.create #mapRouteSelect,
.create #mapRaceSelect {
	position: relative;
	top: 2px;
	z-index: 20;
	margin-right: 6px;
	float: left;
}

.create .dividerWhite {
	position: relative;
	top: 7px;
}

.create #createRouteLabel {
	font-size: 14px;
	font-weight: bold;
	color: #999;
	float: left;
	position: relative;
	top: 2px;
	margin-right: 10px;
}

#additionalDetailsBox,
#activityEquipmentBox {
	background: url(../images/darkGreydient-bg.png) repeat-x 0 0;
	position: relative;
	width: 720px;
	height: 435px;
	margin: 15px auto;
	border: none;
}

#additionalDetailsBox .greyBorder.r,
#activityEquipmentBox .greyBorder.r {
	position: absolute;
	top: 8px;
	right: 0;
	width: 6px;
	height: 419px;
}

#additionalDetailsBox .greyBorder.l,
#activityEquipmentBox .greyBorder.l {
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 419px;
}

#createBack3 {
	position: relative;
	top: 6px;
}

.create #createButtons {
	clear: both;
}

.activityDetailsRow {
	width: 210px;
	padding: 0;
	margin: 8px 0;
	font-size: 12px;
	clear: both;
}

.activityDetailsLabel {
	width: 100px;
	margin-right: 5px;
	float: left;
	text-align: left;
	font-weight: normal;
	color: #666;
}

.activityDetailsDetail {
	width: 105px;
	float: right;
	text-align: right;
	font-weight: bold;
	color: #000;
}

.activityDetailsDetail span {
	color: #666;
}

#activityDetailsMap {
	width: 210px;
	height: 140px;	
	border: 1px solid #CCC;
	display: none;
}

#activityTypeDetails {
	width: 688px;
	height: 403px;
	padding: 16px;
}

#activityTypeDetails h3,
#additionalDetails h3 {
	font-size: 16px;
	color: #FFF;
	text-shadow: #000 1px 1px 2px;
	margin: 0 0 4px 0;
	padding-top: 0;
	width: 688px;
}

#activityTypeDetails h3.equipmentTypeHeader {
	padding-top: 16px;
}

.activityTypeItem,
.equipmentTypeItem {
	float: left;
	width: 86px;
	margin: 0;
	position: relative;
}

.activityTypeItem:hover,
.equipmentTypeItem:hover {
	cursor: pointer;
}

.activityTypeItem.selected .checkmark,
.equipmentTypeItem.selected .checkmark {
	background: url(../images/createItem-checkmark.png) 0 0 no-repeat;
	width: 25px;
	height: 26px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 40;
}

.activityTypeItem .icon,
.equipmentTypeItem .icon {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	position: relative;
	left: 1px;
	top: -7px;
}

.activityTypeItem .text,
.equipmentTypeItem .text {
	position: relative;
	color: #FFF;
	text-shadow: #000 1px 1px 2px;
	font-weight: bold;
	text-align: center;
	line-height: 120%;
	z-index: 30;
	margin-top: -10px;
}

.activityTypeItem.selected .text,
.equipmentTypeItem.selected .text {
	color: #000;
	text-shadow: none;
}

.activityTypeItem.disabled .text,
.equipmentTypeItem.disabled .text {
	color: #AAA;
	text-shadow: #333 1px 1px 2px;
	cursor: default;
}

.activityTypeItem .t,
.equipmentTypeItem .t {
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 86px;
}

.activityTypeItem .m,
.equipmentTypeItem .m {
	background: none;
	width: 81px;
	padding-right: 5px;
	margin: 0;
	position: relative;
	top: 18px;
}

.activityTypeItem .b,
.equipmentTypeItem .b {
	background: none;
	position: relative;
	top: 18px;
	left: 0;
	height: 22px;
	width: 86px;
}

.activityTypeItem.selected .t,
.equipmentTypeItem.selected .t {
	background: url(../images/createItem-bg-t.png) no-repeat 0 0;
}

.activityTypeItem.selected .m,
.equipmentTypeItem.selected .m {
	background: url(../images/createItem-bg-m.png) repeat-y 0 0;
}

.activityTypeItem.selected .b,
.equipmentTypeItem.selected .b {
	background: url(../images/createItem-bg-b.png) no-repeat 0 0;
}

#running.activityTypeItem .icon {
	background: url(../images/createIcon-running.png) no-repeat 0 0;
}

#running.activityTypeItem:hover .icon {
	background: url(../images/createIcon-running.png) no-repeat 0 -60px;
}

#running.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-running.png) no-repeat 0 -120px;
}

#running.activityTypeItem.selected .icon {
	background: url(../images/createIcon-running.png) no-repeat 0 -180px;
}

#walking.activityTypeItem .icon {
	background: url(../images/createIcon-walking.png) no-repeat 0 0;
}

#walking.activityTypeItem:hover .icon {
	background: url(../images/createIcon-walking.png) no-repeat 0 -60px;
}

#walking.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-walking.png) no-repeat 0 -120px;
}

#walking.activityTypeItem.selected .icon {
	background: url(../images/createIcon-walking.png) no-repeat 0 -180px;
}

#hiking.activityTypeItem .icon {
	background: url(../images/createIcon-hiking.png) no-repeat 0 0;
}

#hiking.activityTypeItem:hover .icon {
	background: url(../images/createIcon-hiking.png) no-repeat 0 -60px;
}

#hiking.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-hiking.png) no-repeat 0 -120px;
}

#hiking.activityTypeItem.selected .icon {
	background: url(../images/createIcon-hiking.png) no-repeat 0 -180px;
}

#cycling.activityTypeItem .icon {
	background: url(../images/createIcon-cycling.png) no-repeat 0 0;
}

#cycling.activityTypeItem:hover .icon {
	background: url(../images/createIcon-cycling.png) no-repeat 0 -60px;
}

#cycling.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-cycling.png) no-repeat 0 -120px;
}

#cycling.activityTypeItem.selected .icon {
	background: url(../images/createIcon-cycling.png) no-repeat 0 -180px;
}

#downhillskiing.activityTypeItem .icon {
	background: url(../images/createIcon-downhillskiing.png) no-repeat 0 0;
}

#downhillskiing.activityTypeItem:hover .icon {
	background: url(../images/createIcon-downhillskiing.png) no-repeat 0 -60px;
}

#downhillskiing.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-downhillskiing.png) no-repeat 0 -120px;
}

#downhillskiing.activityTypeItem.selected .icon {
	background: url(../images/createIcon-downhillskiing.png) no-repeat 0 -180px;
}

#crosscountryskiing.activityTypeItem .icon {
	background: url(../images/createIcon-crosscountryskiing.png) no-repeat 0 0;
}

#crosscountryskiing.activityTypeItem:hover .icon {
	background: url(../images/createIcon-crosscountryskiing.png) no-repeat 0 -60px;
}

#crosscountryskiing.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-crosscountryskiing.png) no-repeat 0 -120px;
}

#crosscountryskiing.activityTypeItem.selected .icon {
	background: url(../images/createIcon-crosscountryskiing.png) no-repeat 0 -180px;
}

#snowboarding.activityTypeItem .icon {
	background: url(../images/createIcon-snowboarding.png) no-repeat 0 0;
}

#snowboarding.activityTypeItem:hover .icon {
	background: url(../images/createIcon-snowboarding.png) no-repeat 0 -60px;
}

#snowboarding.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-snowboarding.png) no-repeat 0 -120px;
}

#snowboarding.activityTypeItem.selected .icon {
	background: url(../images/createIcon-snowboarding.png) no-repeat 0 -180px;
}

#skating.activityTypeItem .icon {
	background: url(../images/createIcon-skating.png) no-repeat 0 0;
}

#skating.activityTypeItem:hover .icon {
	background: url(../images/createIcon-skating.png) no-repeat 0 -60px;
}

#skating.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-skating.png) no-repeat 0 -120px;
}

#skating.activityTypeItem.selected .icon {
	background: url(../images/createIcon-skating.png) no-repeat 0 -180px;
}

#swimming.activityTypeItem .icon {
	background: url(../images/createIcon-swimming.png) no-repeat 0 0;
}

#swimming.activityTypeItem:hover .icon {
	background: url(../images/createIcon-swimming.png) no-repeat 0 -60px;
}

#swimming.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-swimming.png) no-repeat 0 -120px;
}

#swimming.activityTypeItem.selected .icon {
	background: url(../images/createIcon-swimming.png) no-repeat 0 -180px;
}

#mountainbiking.activityTypeItem .icon {
	background: url(../images/createIcon-mountainbiking.png) no-repeat 0 0;
}

#mountainbiking.activityTypeItem:hover .icon {
	background: url(../images/createIcon-mountainbiking.png) no-repeat 0 -60px;
}

#mountainbiking.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-mountainbiking.png) no-repeat 0 -120px;
}

#mountainbiking.activityTypeItem.selected .icon {
	background: url(../images/createIcon-mountainbiking.png) no-repeat 0 -180px;
}

#elliptical.activityTypeItem .icon {
	background: url(../images/createIcon-elliptical.png) no-repeat 0 0;
}

#elliptical.activityTypeItem:hover .icon {
	background: url(../images/createIcon-elliptical.png) no-repeat 0 -60px;
}

#elliptical.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-elliptical.png) no-repeat 0 -120px;
}

#elliptical.activityTypeItem.selected .icon {
	background: url(../images/createIcon-elliptical.png) no-repeat 0 -180px;
}

#wheelchair.activityTypeItem .icon {
	background: url(../images/createIcon-wheelchair.png) no-repeat 0 0;
}

#wheelchair.activityTypeItem:hover .icon {
	background: url(../images/createIcon-wheelchair.png) no-repeat 0 -60px;
}

#wheelchair.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-wheelchair.png) no-repeat 0 -120px;
}

#wheelchair.activityTypeItem.selected .icon {
	background: url(../images/createIcon-wheelchair.png) no-repeat 0 -180px;
}

#rowing.activityTypeItem .icon {
	background: url(../images/createIcon-rowing.png) no-repeat 0 0;
}

#rowing.activityTypeItem:hover .icon {
	background: url(../images/createIcon-rowing.png) no-repeat 0 -60px;
}

#rowing.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-rowing.png) no-repeat 0 -120px;
}

#rowing.activityTypeItem.selected .icon {
	background: url(../images/createIcon-rowing.png) no-repeat 0 -180px;
}

#other.activityTypeItem .icon {
	background: url(../images/createIcon-other.png) no-repeat 0 0;
}

#other.activityTypeItem:hover .icon {
	background: url(../images/createIcon-other.png) no-repeat 0 -60px;
}

#other.activityTypeItem.disabled .icon {
	background: url(../images/createIcon-other.png) no-repeat 0 -120px;
}

#other.activityTypeItem.selected .icon {
	background: url(../images/createIcon-other.png) no-repeat 0 -180px;
}

#none.equipmentTypeItem .icon {
	background: url(../images/createIcon-none.png) no-repeat 0 0;
}

#none.equipmentTypeItem:hover .icon {
	background: url(../images/createIcon-none.png) no-repeat 0 -60px;
}

#none.equipmentTypeItem.disabled .icon {
	background: url(../images/createIcon-none.png) no-repeat 0 -120px;
}

#none.equipmentTypeItem.selected .icon {
	background: url(../images/createIcon-none.png) no-repeat 0 -180px;
}

#treadmill.equipmentTypeItem .icon {
	background: url(../images/createIcon-treadmill.png) no-repeat 0 0;
}

#treadmill.equipmentTypeItem:hover .icon {
	background: url(../images/createIcon-treadmill.png) no-repeat 0 -60px;
}

#treadmill.equipmentTypeItem.disabled .icon {
	background: url(../images/createIcon-treadmill.png) no-repeat 0 -120px;
}

#treadmill.equipmentTypeItem.selected .icon {
	background: url(../images/createIcon-treadmill.png) no-repeat 0 -180px;
}

#ellipticalmachine.equipmentTypeItem .icon {
	background: url(../images/createIcon-ellipticalmachine.png) no-repeat 0 0;
}

#ellipticalmachine.equipmentTypeItem:hover .icon {
	background: url(../images/createIcon-ellipticalmachine.png) no-repeat 0 -60px;
}

#ellipticalmachine.equipmentTypeItem.disabled .icon {
	background: url(../images/createIcon-ellipticalmachine.png) no-repeat 0 -120px;
}

#ellipticalmachine.equipmentTypeItem.selected .icon {
	background: url(../images/createIcon-ellipticalmachine.png) no-repeat 0 -180px;
}

#stationarybike.equipmentTypeItem .icon {
	background: url(../images/createIcon-stationarybike.png) no-repeat 0 0;
}

#stationarybike.equipmentTypeItem:hover .icon {
	background: url(../images/createIcon-stationarybike.png) no-repeat 0 -60px;
}

#stationarybike.equipmentTypeItem.disabled .icon {
	background: url(../images/createIcon-stationarybike.png) no-repeat 0 -120px;
}

#stationarybike.equipmentTypeItem.selected .icon {
	background: url(../images/createIcon-stationarybike.png) no-repeat 0 -180px;
}

#rowingmachine.equipmentTypeItem .icon {
	background: url(../images/createIcon-rowingmachine.png) no-repeat 0 0;
}

#rowingmachine.equipmentTypeItem:hover .icon {
	background: url(../images/createIcon-rowingmachine.png) no-repeat 0 -60px;
}

#rowingmachine.equipmentTypeItem.disabled .icon {
	background: url(../images/createIcon-rowingmachine.png) no-repeat 0 -120px;
}

#rowingmachine.equipmentTypeItem.selected .icon {
	background: url(../images/createIcon-rowingmachine.png) no-repeat 0 -180px;
}

#additionalDetails {
	width: 688px;
	padding: 16px;
}

#additionalDetailsLeftColumn {
	width: 250px;
	float: left;
	margin-right: 40px;
	position: relative;
}

#additionalDetailsLeftColumn h3 {
	width: 250px;
}

#additionalDetailsRightColumn h3.formBoxLeft {
	width: 190px;
	margin-right: 14px;
}

#additionalDetailsRightColumn h3.formBoxRight {
	width: 190px;
}

#additionalDetailsRightColumn h3.formBox {
	width: 398px;
}

#additionalDetailsRightColumn h3.formBox span {
	font-weight: normal;
	color: #CCC;
	font-size: 12px;
   position: relative;
   width: inherit;
   height: inherit;
   background: none;
}

#additionalDetailsRightColumn {
	width: 398px;
	float: left;
}

#datepicker {
	width: 250px;
}

#activityDate {
	float: right;
	position: relative;
	font-weight: normal;
	font-size: 12px;
	top: 4px;
}

.additionalDetailsRow {
	margin: 0 auto;
	clear: both;
	position: relative;
}

.formBoxLeft {
	float: left;
	width: 190px;
	margin-right: 18px;
}

.formBoxRight {
	float: left;
	width: 190px;
}

.create #additionalDetails input[type="text"],
.create #additionalDetails input[type="password"] {
	width: 190px;
	font-size: 24px;
	font-family: Arial;
	font-weight: bold;
}

#additionalDetails input[type=text].ErrorField,
#additionalDetails input[type=password].ErrorField {
	border: 1px solid #F00;
	width: 160px;
	height: 14px;
	margin: 1px 3px;
}

#additionalDetails .formIndicator.error {
	background: url(../images/formError.png) no-repeat 0 0;
	width: 38px;
	height: 33px;
	position: absolute;
	z-index: 20;
	top: 0;
	right: -20px;
}

.additionalDetailsRow .ValidationErrors {
	text-align: left;
	font-size: 11px;
	width: 163px;
	color: #F00;
}

#additionalDetails .clear.odd {
	height: 30px;
}


.create #additionalDetails input[type="text"]#durationHours,
.create #additionalDetails input[type="text"]#durationMinutes,
.create #additionalDetails input[type="text"]#durationSeconds,
.create #additionalDetails input[type="text"]#startHour,
.create #additionalDetails input[type="text"]#startMinute {
	width: 34px;
	float: left;
	text-align: center;
}

.create #additionalDetails input[type="text"]#distance,
.create #additionalDetails input[type="text"]#calories {
	width: 70px;
	float: left;
}

.create #additionalDetails input[type="text"]#avgHeartRate {
	width: 46px;
	float: left;
}

#additionalDetails textarea {
	width: 370px;
	height: 86px;
	padding: 4px;
	font-size: 14px;
	font-family: Arial, sans-serif;
}

.create #additionalDetails .timeDivider {
	font-size: 30px;
	float: left;
	color: #FFF;
	text-shadow: #000 1px 1px 2px;
	margin: 0 5px;
}

.formBox .details {
	float: left;
	clear: none;
	color: #CCC;
	position: relative;
	top: 3px;
	margin-left: 8px;
}

#uploadHeartRate {
	position: relative;
	margin-left: 5px;
}

#additionalDetails .dropdownGreyContainer {
	float: left;
	position: relative;
	top: 4px;
	left: 6px;
}

.create #mapRoute {
   float: left;
}

.create #step2Box .checkbox {
   top: 8px;
}

.create #step3Box .checkbox .checkboxText,
.create #step3Box .checkbox:hover .checkboxText,
.create #step3Box .checkbox:active .checkboxText,
.create #step3Box .checkbox.selected .checkboxText {
   color: #FFF;
   text-shadow: #000 1px 1px 1px;
}

.create #step3Box label {
   color: #FFF;
   text-shadow: #000 1px 1px 1px;
}

.create #distanceBox span {
   font-size: 24px;
   color: #CCC;
   text-shadow: 1px 1px 1px #000;
   position: relative;
   top: 6px;
   left: 7px;
}

.instructionalText {
   position: absolute;
   bottom: -35px;
   left: 450px;
   font-weight: bold;
   color: #666;
}

.importLink {
   position: absolute;
   bottom: -35px;
   left: 80px;
   font-weight: bold;
}

.mappingOptionsContainer {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 7;
   background: url(../images/darkGreydient-bg.png) repeat-x 0 0;
}

.mappingOptionsContainer .mappingOptionsBox {
   width: 630px;
   margin: 50px auto 0;
   text-align: center;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOptions {
   margin-top: 20px;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption {
   width: 180px;
   padding: 0 10px;
   margin: 0 auto;
   text-align: center;
   float: left;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption.import {
   width: 210px;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption .icon {
   width: 166px;
   height: 165px;
   padding: 0;
   margin: 0 auto 15px auto;
   text-align: center;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption:hover {
   cursor: pointer;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption.plot .icon {
   background: url(../images/button-plot-large.png) no-repeat 0 0;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption.plot:hover .icon {
   background: url(../images/button-plot-large.png) no-repeat 0 -165px;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption.import .icon {
   background: url(../images/button-import-large.png) no-repeat 0 0;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption.import:hover .icon {
   background: url(../images/button-import-large.png) no-repeat 0 -165px;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption.manual .icon {
   background: url(../images/button-manual-large.png) no-repeat 0 0;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption.manual:hover .icon {
   background: url(../images/button-manual-large.png) no-repeat 0 -165px;
}

.mappingOptionsContainer h3 {
   font-size: 32px;
   font-weight: 100;
   color: #FFF;
   text-shadow: 1px 1px 1px #000;
   width: 600px;
   text-align: center;
   margin-bottom: 10px;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption a,
.mappingOptionsContainer .mappingOptionsBox .mappingOption a:hover {
   font-size: 16px;
   font-weight: bold;
   color: #DDD;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption:hover a,
.mappingOptionsContainer .mappingOptionsBox .mappingOption:hover a:hover {
   color: #FFF;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption p {
   color: #DDD;
   line-height: 130%;
   font-size: 14px;
   font-weight: 100;
}

.mappingOptionsContainer .mappingOptionsBox .mappingOption:hover p {
   color: #FFF;
}

.mappingOptionsContainer .mappingImportBox {
   width: 700px;
   margin: 10px auto;
   text-align: center;
}

.mappingOptionsContainer .mappingImportBox h3 {
   font-size: 24px;
   font-weight: 100;
   color: #FFF;
   text-shadow: 1px 1px 1px #000;
   width: 340px;
   text-align: center;
   margin-bottom: 10px;
}

.mappingOptionsContainer .mappingImportBox .mappingImport {
   width: 340px;
   height: 380px;
   margin: 0 auto;
   text-align: center;
   float: left;
   position: relative;
}

.mappingOptionsContainer .mappingImportBox .mappingImport .mappingImportContainer {
   position: absolute;
   top: 50%;
   left: 0;
   margin-top: -64px;
   width: 340px;
   height: 100px;
}

.mappingOptionsContainer .mappingImportBox .divider {
   margin: 0 9px;
   text-align: center;
   float: left;
   width: 1px;
   border-left: 1px solid #CCC;
   height: 380px;
}

.mappingOptionsContainer .mappingImportBox .mappingGarmin {
   width: 340px;
   height: 380px;
   margin: 0 auto;
   text-align: center;
   float: left;
   position: relative;
}

.mappingOptionsContainer .mappingImportBox .mappingGarmin .mappingGarminContainer {
   position: absolute;
   top: 50%;
   left: 0;
   margin-top: -64px;
   width: 340px;
   height: 100px;
}

.mappingOptionsContainer .mappingImportBox .uploader {
   margin: 0 auto;
   float: none;
   text-align: left;
}

.mappingOptionsContainer .mappingImportBox p {
   color: #AAA;
   font-size: 12px;
   font-style: italic;
}

#showImportGarmin {
   width: 240px;
   float: none;
   margin: 10px auto;
}

.backToPlot {
   margin: 100px auto 0;
   width: 268px;
   height: 26px;
   position: relative;
}

.backToPlot .icon {
   width: 40px;
   height: 26px;
   float: left;
   margin-right: 10px;
}

.backToPlot a.text {
   float: left;
   position: absolute;
   top: 50%;
   margin-top: -8px;
   right: 0;
   color: #DDD;
   font-weight: bold;
   font-size: 14px;
}

.backToPlot a.text:hover {
   color: #FFF;
}

#step2Box {
   position: relative;
}