#spele {
	position: relative;
	width: 730px;
	height: 630px;
	overflow: hidden;
	background: url("img/background.png") no-repeat;
	font-family: 'bebas_neuebold', Arial, sans-serif;
}

#spele .checkboxesCont {
	width: 506px;
	position: absolute;
	bottom: 15px;
	left: 140px;
}
#spele .checkboxesCont .item {
	height: 33px;
	line-height: 33px;
	color: #cca4e1;
	background: url("img/cbx.png") no-repeat 0 0;
	padding-left: 42px;
	text-decoration: none;
	font-size: 20px;
	vertical-align: middle;
	text-transform: uppercase;
	float: left;
	margin-right: 30px;
}
#spele .checkboxesCont .item.checked {
  background-position: 0 -33px;
}

#spele #cbxSay {
	/*margin-right: 30px;*/
}

#spele #rec {
	position: absolute;
	bottom: 18px;
	right: 48px;
	font-family: Araial, sans-serif;
}

#spele #intro_title {
	position: absolute;
	width: 464px;
	height: 53px;
	top: 83px;
	left: 117px;
	background: url("img/intro_title.png") no-repeat;
}

#spele .intro_txt {
	position: absolute;
	top: 153px;
	left: 118px;
	font-size: 30px;
	color: #622483;
	text-transform: uppercase;
	line-height: 36px;
}

#spele .c_l {
	margin-top: 20px;
	margin-left: 30px;
}

#spele .c_l li {
	background: url("img/bullet.png") no-repeat;
	padding-left: 36px;
	font-size: 24px;
	vertical-align: top;
	line-height: 24px;
	margin-bottom: 11px;
}

#spele #btn_start {
	position: absolute;
	width: 207px;
	height: 63px;
	background: #23a3df;
	font-size: 36px;
	color: #fff;
	text-transform: uppercase;
	line-height: 58px;
	vertical-align: middle;
	top: 423px;
	left: 257px;
	text-align: center;
	z-index: 1;
}

#spele #btn_start::after {
	content: '';
	background: #622483;
	position: absolute;
	top: -4px;
	left: -4px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#spele #btn_start:hover {
	background: #622483;
	text-decoration: none;
}
#spele #btn_start:hover::after {
	background: #23a3df;
}

#spele #btn_rules {
	position: absolute;
	top: 510px;
	left: 310px;
	font-size: 26px;
	color: #622483;
	text-transform: uppercase;
}

#spele #intro_prize {
	position: absolute;
	width: 184px;
	height: 392px;
	top: 157px;
	left: 488px;
	background: url("img/intro_prize.png") no-repeat;
}

#spele .rules_cnt, #spele .winners_cnt {
	position: absolute;
	width: 461px;
	height: 271px;
	top: 212px;
	left: 136px;
	font-size: 20px;
	line-height: 26px;
	color: #622483;
	overflow: hidden;
}

#spele .winners_cnt {
	text-align: center;
	top: 270px;
	height: 211px;
}

#spele .nav {
	position: absolute;
	width: 440px;
	height: 100px;
	top: 81px;
	left: 144px;
	text-align: center;
}

#spele .nav-item {
	position: relative;
	display: inline-block;
	float: left;
	width: 131px;
	height: 37px;
	background: #23a3df;
	z-index: 1;
	margin-right: 15px;
	font-size: 26px;
	text-align: center;
	line-height: 32px;
	vertical-align: middle;
	color: #fff;
	margin-bottom: 15px;
	text-decoration: none;
}

#spele .nav-item.sec {
	margin-left: 75px;
}

#spele .nav-item:hover {
	background: #622483;
}

#spele .nav-item:hover::after {
	background: #23a3df;
}

#spele .nav-item::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #622483;
	top: -4px;
	left: -4px;
	z-index: -1;
}

#spele .nav-item.active {
	background: #622483;
}
#spele .nav-item.active::after {
	background: #23a3df;
}

#spele .prizes_txt {
	position: absolute;
	font-size: 30px;
	color: #622483;
	top: 200px;
	left: 158px;
	width: 415px;
	height: 62px;
	line-height: 32px;
	text-align: center;
}

#spele .prize_cnt {
	position: absolute;
	width: 547px;
	height: 229px;
	top: 285px;
	left: 160px;
}

#spele .prize-title {
	color: #8936b5;
	font-size: 24px;
	line-height: 28px;
	margin-top: 24px;
}

#spele .prize-item {
	position: relative;
	display: inline-block;
	float: left;text-align: center;
	margin-right: 50px;
}

#spele .winners-nav {
	position: absolute;
	width: 340px;
	height: 35px;
	top: 200px;
	left: 203px;
	font-size: 30px;
}

#spele .wi.active {
	color: #aa51d9;
	text-decoration: underline;
}

#spele .game-cnt {
	position: absolute;
	width: 441px;
	top: 203px;
	left: 144px;
}

#spele .monkey {
	position: relative;
	display: block;
	float: left;
	text-align: center;
	margin-right: 15px;
}

#spele .monkey-points {
	position: absolute;
	width: 31px;
	height: 31px;
	border-radius: 16px;
	background: #23a3df;
	font-size: 27px;
	color: #fff;
	vertical-align: middle;
	line-height: 30px;
	text-align: center;
	top: 103px;
	right: 12px;
}

#spele .user-points {
	font-size: 30px;
	color: #622483;
	margin-top: 8px;
}

#spele .td_points, #spele .td_needed {
	position: relative;
	text-align: center;
	font-size: 24px;
	color: #622483;
	margin-top: 10px;
	line-height: 24px;
}

#spele .td_points span, #spele .td_needed span {
	color: #8936b5
}

#spele .td_points {
	margin-top: 190px;
}

#spele .bar {
	position: relative;
	margin: 20px auto;
	width: 373px;
	height: 22px;
	background: #622483;
	/*overflow: hidden;*/
}

#spele .invite_btn {
	margin-top: 30px;
	text-align: center;
	display: block;
	font-size: 24px;
	color: #622483;
}

#spele .progress_bar {
	position: relative;
	height: 18px;
	background: url("img/bar_progress.png") repeat-x;
	margin: 2px 2px;
}

#spele .bar_arrow {
	position: absolute;
	width: 11px;
	height: 10px;
	top: 22px;
	left: 0;
	background: url("img/bar_arrow.png") no-repeat;
}

#spele .bar-cont {
	position: relative;
	width: 371px;
	height: 100%;
	overflow: hidden;
}

#spele .user {
	position: relative;
	width: 100%;
	margin-bottom: 2px;
}

#spele .user .place {
	width: 30%;
	float: left;
}

#spele .user .name {
	text-align: left;
	width: 40%;
	float: left;
	max-height: 26px;
	overflow: hidden;
}

#spele .user .points {
	width: 30%;
	float: left;
}

#spele .quitGame {
	display: inline-block;
	color: #c6d424;
	font-size: 20px;
	bottom: 22px;
	left: 50px;
	position: absolute;
}

#spele .rules_txt ul li {
	margin-bottom: 10px;
}

#spele #top_table li {
	margin-bottom: 4px;
	height: 26px;
}

#spele .my_place {
	position: absolute;
	width: 500px;
	height: 50px;
	font-size: 24px;
	color: #622483;
	left: 176px;
	top: 510px;
}