.diamonds-sprite {
	background-image: url(../images/sprites/diamonds-sprite.png);
	background-repeat: no-repeat;
}

#viewport > #website-canvas > #canvas-inner.habbo-theme {
	width: 750px;
}

#viewport > #website-canvas > #canvas-inner > #diamonds-page {
	height: 650px;
    position: relative;
    background-position: 0 0;
}

#viewport > #website-canvas > #canvas-inner > #diamonds-page > .title {
    background-color: #4ba194;
}

#viewport > #website-canvas > #canvas-inner > #diamonds-page > #how-widget {
	bottom: 35px;
	left: -5px;
	
	width: 415px;
}

#viewport > #website-canvas > #canvas-inner > #diamonds-page > #how-widget > .head > .title {
	font-size: 16px;
	background-color: #a212f3;
}

#viewport > #website-canvas > #canvas-inner > #diamonds-page > #how-widget > .body {
	padding-left: 28px !important;
}

#viewport > #website-canvas > #canvas-inner > #diamonds-page > #what-widget {
	top: 150px;
	right: -5px;
	
	width: 415px;
}

#viewport > #website-canvas > #canvas-inner > #diamonds-page > #what-widget > .head {
	text-align: right;
}

#viewport > #website-canvas > #canvas-inner > #diamonds-page > #what-widget > .head > .title {
	font-size: 16px;
	background-color: #db3131;
	padding-left: 10px !important;
	padding-right: 28px !important;
}

#viewport > #website-canvas > #canvas-inner > #diamonds-page > #what-widget > .body {
	padding-right: 28px !important;
}