.crystal {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	height: 70px;
	width: 70px;
	cursor: move;
}

.crystal .graphic {
	position: absolute;
	background: green;
	height: 70px;
	width: 70px;
	z-index: 20;
}

.crystal .tooltip {
	position: absolute;
	top: 100%;
	left: 100%;
	padding: 10px 20px 0 11px;
	width: 285px;
	background: url('../img/game-tooltip-bg-20131031.png') 0 -21px no-repeat;
	color: white;
	z-index: 10;
	display: none;
}
.crystal .tooltip .bottom {
	position: absolute;
	bottom: -21px;
	left: 0;
	height: 21px;
	width: 100%;
	background: url('../img/game-tooltip-bg-20131031.png') 0 0 no-repeat;
}

.crystal:hover .tooltip {
	display: block;
}

.crystal.hidetooltip .tooltip {
	display: none;
}

.crystal.removed {
	display: none !important;
}

#basket-fixed {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 940px;
	height: 1px;
}

#basket-center {
	position: relative;
	width: 940px;
	height: 1px;
	margin: 0 auto;
}

#basket {
	position: absolute;
	bottom: -70px;
	right: -20px;
	height: 120px;
	width: 144px;
	cursor: pointer;
}
#basket #basket-graphic {
	position: absolute;
	height: 120px;
	width: 144px;
	background: url('../img/game-basket.png') no-repeat;
	background-position: 0 0;
	z-index: 20;
}
#basket #basket-bubble {
	position: absolute;
	top: -56px;
	left: 100px;
	height: 89px;
	width: 117px;
	background: url('../img/game-bubble-blank.png') no-repeat;
	z-index: 30;
}
#basket.solved #basket-bubble {
	display: none;
}
#basket #basket-bubble #basket-bubble-inner {
	color: white;
	font-size: 10px;
	margin: 7px 10px 0 10px;
	height: 60px;
	line-height: 13px;
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
	text-align: center;
	line-height: 60px;
}
#basket #basket-bubble #basket-bubble-inner #inner {
    display: inline-block;
    vertical-align: middle;
    line-height: 13px;
}
#basket #basket-bubble #basket-bubble-inner #inner #basket-num {
	font-size: 20px;
}

#basket-sheet {
	position: absolute;
	bottom: 100px;
	left: 0;
	color: white;
	width: 140px;
	z-index: 15;
	padding: 10px 19px 30px 12px;
	background: url('../img/game-sheet-bg-20131031.png') no-repeat;
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
	text-decoration: none;
	display: none;
}
#basket-sheet:hover {
	text-decoration: underline;
}
#basket.solved #basket-sheet {
	display: block;
}
#basket-sheet .title {
	text-transform: uppercase;
	border-bottom: white dashed 1px;
	padding-bottom: 6px;
	margin-bottom: 6px;
}
#basket-sheet .bottom {
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 10px;
	width: 100%;
	background: url('../img/game-sheet-bg-20131031.png') left bottom no-repeat;
}

/* #basket.ui-state-active #basket-graphic, */
#basket.open #basket-graphic {
	background-position: 0 -128px;
}
#basket.ui-state-hover #basket-graphic {
}
#basket.ui-state-highlight #basket-graphic {
}
#basket.locked #basket-graphic {
	background-position: 0 -256px;
}
#basket.solved #basket-graphic {
	background-position: 0 -384px;
}

#basket-question {
	position: absolute;
	bottom: 120px;
	left: -195px;
	color: white;
	width: 206px;
	z-index: 15;
	padding: 10px 18px 30px 12px;
	background: url('../img/game-question-bg.png') no-repeat;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
	display: none;
}
#basket-question .title {
	text-transform: uppercase;
	border-bottom: white dashed 1px;
	padding-bottom: 6px;
	margin-bottom: 6px;
}
#basket-question .bottom {
	position: absolute;
	bottom: -46px;
	left: 0;
	height: 48px;
	width: 100%;
	background: url('../img/game-question-bg.png') left bottom no-repeat;
}
#basket-question ul#a {
	margin: 16px 0 0 0;
	list-style: none;
	padding: 0;
}
#basket-question ul#a li {
	margin: 0 0 4px 0;
	padding: 0 0 0 18px;
	background: url('../img/game-question-cross-sprite.png') -3px -23px no-repeat;
	cursor: pointer;
}
#basket-question ul#a li:hover {
	background-position: -26px 0px;
}

#basket-lost {
	position: absolute;
	bottom: 120px;
	left: -195px;
	color: white;
	width: 206px;
	z-index: 15;
	padding: 10px 18px 30px 12px;
	background: url('../img/game-lost-bg.png') no-repeat;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
	display: none;
}
#basket-lost .title {
	text-transform: uppercase;
	border-bottom: white dashed 1px;
	padding-bottom: 6px;
	margin-bottom: 6px;
}
#basket-lost .bottom {
	position: absolute;
	bottom: -46px;
	left: 0;
	height: 48px;
	width: 100%;
	background: url('../img/game-lost-bg.png') left bottom no-repeat;
}

#basket #basket-inner {
	position: absolute;
	left: -6px;
	bottom: 74px;
	width: 236px;
	height: 371px;
	background: url('../img/game-collection-bg-20131031.png') no-repeat;
	z-index: 10;
	display: none;
}

#basket #basket-text {
	color: white;
	margin: 8px 16px 10px 12px;
}
#basket #basket-text #ph {
	height: 24px;
	width: 30px;
	float: right;
}

#basket #basket-content {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 21px 0 14px;
	border-top: white dashed 1px;
}
#basket #basket-solved {
	position: absolute;
	top: 6px;
	left: 0;
	z-index: 20;
}
#basket #basket-dummy {
	position: absolute;
	top: 6px;
	left: 0;
	z-index: 10;
}
#basket img.crystal-small {
	width: 40px;
	height: 40px;
	float: left;
}
#basket .crystal-dummy {
	width: 40px;
	height: 40px;
	float: left;
	background: url('../img/game-crystal-dummy-sprite.png') no-repeat;
}
#basket .crystal-dummy.d0 {
	background-position: 0 0;
}
#basket .crystal-dummy.d1 {
	background-position: -40px 0;
}
#basket .crystal-dummy.d2 {
	background-position: -80px 0;
}
#basket .crystal-dummy.d3 {
	background-position: -120px 0;
}
#basket .crystal-dummy.off {
	background: none;
}

.touch .crystal,
.touch #basket-fixed {
	display: none !important;
}