.rules-sprite {
	background-image: url(../images/sprites/rules-sprite.png);
	background-repeat: no-repeat;
}

#viewport > #website-canvas > #canvas-inner.habbo-theme {
	width: 761px;
}

#viewport > #website-canvas > #canvas-inner > #rules-page {
	height: 1248px;
    position: relative;
    background-position: 0 0;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > .rule {
	color: #fff;
    font-size: 14px;
	font-weight: 700;
    position: absolute;
    background-color: #e74c3c;
    padding: 7px 28px 7px 10px;
    text-shadow: 1px 1px 0px rgba(0,0,0,.2);
}

#viewport > #website-canvas > #canvas-inner > #rules-page > .title {
    background-color: #16a085;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #rule-bully {
	top: 686px;
    right: -5px;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #rule-cyber {
	left: -5px;
    top: 481px;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #rule-fools {
	left: -5px;
    top: 686px;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #rule-hacks {
	top: 481px;
    right: -5px;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #rule-scams {
	left: -5px;
    top: 239px;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #ruleset-widget {
	left: -5px;
	bottom: 30px;
	
	width: 630px;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #ruleset-widget > .head > .title {
	background-color: #c0392b;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #ruleset-widget > .body {
	padding-left: 28px !important;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #ruleset-widget > .body > ul {
	line-height: 14px;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #ruleset-widget > .body > ul > li:before {
	color: #fff;
	content: '\2022';
	margin-right: 5px;
	vertical-align: middle;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #ruleset-widget > .body > ul > li:last-child:before {
	content: '';
	margin-right: 0;
}

#viewport > #website-canvas > #canvas-inner > #rules-page > #ruleset-widget > .body > ul > li > span {
	color: #fff;
	font-size: 11px;
	font-weight: 400;
}