#outfitting {
	background: url(../img/sprite-crafty.png) repeat-y -640px 0;
	position: relative;
	top: -5px;
	right: 0px;
	cursor: url("../img/customcursor.png"), default;
	padding: 5px 10px;
	width: 230px;
	text-shadow: 0 0 3px #000000;
}

div#outfitting:before ,div#perks:before {
	background: url(../img/sprite-crafty.png) no-repeat -1299px -321px;
	position: absolute;
	content: attr(data-legend);
	left: 0px;
	top: -3px;
	width:250px;
	font-size:8px;
	text-align:center;
	color:#000;
}

div#outfitting:after ,div#perks:after {
	background: url(../img/sprite-crafty.png) no-repeat -1299px -329px;
	position: absolute;
	content: "\00a0";
	left: 0px;
	top: 100%;
	width:250px;
	font-size:8px;
	text-align:center;
	color:#fff;
}

div#embarkButton ,div#embarkButton {
margin-top: 10px;
}

div.outfitRow {
	position: relative;
	cursor: url("../img/customcursor.png"), default;
	margin: 10px -30px 10px 0px;
}

div.outfitRow > .row_val {
	padding-right: 30px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.outfitRow .tooltip {
	width: 150px;
}

div#bagspace {
	position: absolute;
	top:0px;
	right: 10px;
}

div#perks {
	background: url(../img/sprite-crafty.png) repeat-y -640px 0;
	cursor: url("../img/customcursor.png"), default;
	padding: 5px 10px;
	width: 230px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-shadow: 0 0 3px #000000;
}

div.perkRow {
	position: relative;
}

div.perkRow .row_key {
	float: none;
}