@import "base.less?t=3";


body{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color:#888888;
	font-family: @FONT_lt;
	line-height:100%;
	background:#FFFFFF;
}

#infoNormal{display:block;}
#infoTablet{display:none;}
#infoWildMobile{display:none;}
#infoMobile{display:none;}

a{
text-decoration:none;
}

a img{
border:none;
}


#headerTop{
	height:70px;
	background:#F9F9F9;
	border-bottom:1px solid #EFF1F0;
}

#headerBottom{
	height:50px;
	background:#FFFFFF;
}

.centerContainer{
width:960px;
margin:0px auto;
height:100%;
border:0px solid #FF0000;
}

.alignCenter{
text-align:center;
}

#langNav{
	display:inline-block;
//	display:none;
	float:left;
	width:200px;
	height:20px;
	text-align:left;
	margin-top:30px;
	
	ul{
		display:inline-block;
		list-style-type: none;
		margin:0px;
		padding:0px;
		
		li{
			display:inline-block;
			margin:0px;
			padding:0px 14px 0px 0px;
			
			a{
				font-size:11px;
				font-family: @FONT_rg;
				color:#999999;
			}
			
			.active{
				color:#000000;
			}
		}
	}
}

#loginBox{
	display:inline-block;
	float:right;
	width:330px;
	height:50px;
	text-align:left;
	margin-top:12px;
	border:0px solid #00FF00;
	text-align:right;
	
	.forgetLink{
		display:block;
		font-size:10px;
		color:#999999;
		font-family: @FONT_rg;
		padding-right:40px;
	}
	
	.textfield{
		display:inline-block;
		width:110px;
		padding:6px 10px 6px 10px;
		border:0px solid #FFFFFF;
		background:#F0F0F0;
		font-family: @FONT_rg;
		color:#000000;
		font-size:11px;
		margin-right:10px;
		vertical-align:middle;
		.boxShadowInner(#D1D1D1, 2px, 9px);
	}
	
	button{
		display:inline-block;
		width:26px;
		height:26px;
		border:0px solid #FFFFFF;
		background-color:#D1D1D1;
		background-image:url(/images/icons.png);
		background-repeat:no-repeat;
		background-position: -3px -2px;
		vertical-align:middle;
		cursor:pointer;
		.roundedCorner(0px);
	}
	
	input::-webkit-input-placeholder {color:#AAAAAA;}
	input:-moz-placeholder {color:#AAAAAA;}
	input:-ms-input-placeholder {color:#AAAAAA;}
	
}

#loggedinBox{
	display:inline-block;
	float:right;
	width:390px;
	height:30px;
	text-align:left;
	margin-top:28px;
	border:0px solid #00FF00;
	text-align:right;
	
	.logoutLink{
		display:inline-block;
		height:14px;
		font-size:11px;
		color:#666666;
		font-family: @FONT_lt;
		padding:7px 10px 5px 14px;
		vertical-align:middle;
	}
	
	.mainLink{
		display:inline-block;
		height:15px;
		font-size:11px;
		color:#000000;
		font-family: @FONT_lt;
		background-color:#D1D1D1;
		padding:6px 14px 5px 14px;
		vertical-align:middle;
	}
	
	.mainAbility{
		display:inline-block;
		height:15px;
		font-size:11px;
		color:#000000;
		font-family: @FONT_lt;
		background-color:#01C5FF;
		padding:6px 14px 5px 14px;
		vertical-align:middle;
	}
	
	.mainIcon{
		display:inline-block;
		width:26px;
		height:26px;
		background-color:#D1D1D1;
		background-image:url(/images/icons.png);
		background-repeat:no-repeat;
		background-position: -3px -2px;
		vertical-align:middle;
	}
}

#homeLink{
	display:block;
	position:absolute;
	width:211px;
	height:115px;
	margin:2px 0px 0px 375px;
}

#menuContentMobile{
	display: none;
}

.belepes{
	display: none;
}

#leftNav{
	display:inline-block;
	float:left;
	width:393px;
	height:30px;
	text-align:left;
	margin-top:19px;
	
	ul{
		display:inline-block;
		list-style-type: none;
		margin:0px;
		padding:0px;
		
		li{
			display:inline-block;
			margin:0px;
			padding:0px 24px 0px 0px;
			
			a{
				font-size:13px;
				font-family: @FONT_rg;
				color:#878787;
			}
			
			a:hover{
				color:#01C5FF;
			}
			
			.active{
				color:#000000;
			}
			&:last-child{display: none;}
		}
	}
}


#rightNav{
	display:inline-block;
	float:right;
	width:360px;
	height:30px;
	text-align:right;
	margin-top:19px;
	
	ul{
		display:inline-block;
		list-style-type: none;
		margin:0px;
		padding:0px;
		
		li{
			display:inline-block;
			margin:0px;
			padding:0px 0px 0px 24px;
			
			a{
				font-size:13px;
				font-family: @FONT_rg;
				color:#878787;
			}
			
			a:hover{
				color:#01C5FF;
			}
			
			.active{
				color:#000000;
			}
		}

	}
}

footer{
margin-top:50px;
}

#footerTop{
	height:60px;
	background:#EFEFEF;
}

#footLink{
	display:block;
	width:188px;
	height:90px;
	float:right;
	margin-top:-15px;
}

#footNavTopMobile{
	display: none;
}

#footNavTop{
	display:inline-block;
	float:left;
	width:500px;
	height:30px;
	text-align:left;
	margin-top:25px;
	
	ul{
		display:inline-block;
		list-style-type: none;
		margin:0px;
		padding:0px;
		
		li{
			display:inline-block;
			margin:0px;
			padding:0px 24px 0px 0px;
			
			a{
				font-size:11px;
				font-family: @FONT_rg;
				color:#878787;
			}
			
			a:hover{
				color:#01C5FF;
			}
			
			.active{
				color:#000000;
			}
		}
	}
}


#footerBottom{
	height:150px;
	background:#E0E0E0;
}

#footNavBottom{
	display:inline-block;
	float:left;
	width:100%;
	height:30px;
	text-align:left;
	margin-top:25px;
	
	ul{
		display:inline-block;
		list-style-type: none;
		margin:0px;
		padding:0px;
		
		li{
			display:inline-block;
			margin:0px;
			padding:0px 24px 0px 0px;
			
			a{
				font-size:13px;
				font-family: @FONT_rg;
				color:#000000;
			}
			
			a:hover{
				color:#01C5FF;
			}
			
			.active{
				color:#000000;
			}
		}
	}
}

#copyright{
	margin-top:15px;
	float:left;
	width:100%;
	font-size:11px;
	font-style:italic;
	font-family: @FONT_rg;
	color:#535353;
}


#contentTopSection{
	overflow:hidden;
	//height:500px;
	.linearGradient(#E4E8E7, #EFEFEF);
}

#contentTopShadow{
	//width:102%;
	width:100%;
	height:100%;
	//margin-left:-1%;
	margin-left:0;
	.boxGlowInner(rgba(0,0,0,0.12), 30px);
}

#contentTopContainer{
	height:100%;
	width:960px;
	margin:0px auto;
}

#contentContainer{
	min-height:400px;
	width:960px;
	margin:20px auto 0px auto;
}

#contentTopSectionMinimal{
	overflow:hidden;
	height:20px;
	background:#FFFFFF;
	#contentTopShadow{
		height:150px;
		.boxGlowInner(rgba(0,0,0,0.2), 30px);
	}
}

.topTitle{
	margin:0px 0px 0px 0px;
	padding:42px 0px 0px 0px;
	font-size:40px;
	font-weight:normal;
	font-family: @FONT_unique;
	text-align:center;
}

.articleTitle{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	line-height:120%;
	font-weight:normal;
	font-family: @FONT_unique;
	text-align:center;
	color:#000000;
}

.orangeText{
	color:#F6762B;
}

.purpleText{
	color:#B63A6A;
}

.darkpurpleText{
	color:#B6396A;
}

.blueText{
	color:#00C7FB;
}

.pinkText{
	color:#FE2A76;
}

.whiteText{
	color:#FFFFFF;
}

.widthMini{
	width:620px;
	min-height:200px;
	margin:40px auto 0px auto;
}

.widthSmall{
	width:740px;
	min-height:200px;
	margin:40px auto 0px auto;
}

.widthSmallTop{
	display: table-cell;
	vertical-align: middle;
	width:740px;
	height:100px;
	padding-left:110px;
}

#homeSliderConatiner{
	height:100%;
	width:1030px;
	margin-left: -35px;
	overflow:hidden;
}

.slideBg{
	height:100%;
	width:1030px;
}

.slideFront{
	height:100%;
	width:1030px;
}

.slideText{
	h1{
		font-size:40px;
		font-weight:normal;
		font-family: @FONT_unique;
		color:#B6396A;
		margin:0px 0px 30px 0px;
	}

	h2{
		font-size:16px;
		font-weight:bold;
		font-family: @FONT_lt;
		color:#000000;
		margin:0px 0px 10px 0px;
	}

	span{
		font-size:15px;
		font-weight:normal;
		font-family: @FONT_lt;
		color:#666666;
		line-height:120%;
	}
}

#slide_1{
	background-image:url(/images/slides/s1_bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#slide_1_front{
	background-image:url(/images/slides/s1_front.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#slide_1_text{
padding:140px 35px 0px 570px;
}

#slide_2{
	background-image:url(/images/slides/s2_bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#slide_2_front{
	background-image:url(/images/slides/s2_front.png?t=1);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#slide_2_text{
padding:140px 35px 0px 570px;
	h1{
		color:#F6762B;
	}
}

#slide_3{
	background-image:url(/images/slides/s3_bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#slide_3_front{
	background-image:url(/images/slides/s3_front.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#slide_3_text{
padding:140px 35px 0px 570px;
	h1{
		color:#01C5FF;
	}
}

#slide_4{
	background-image:url(/images/slides/s4_bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#slide_4_front{
	background-image:url(/images/slides/s4_front.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#slide_4_text{
padding:140px 35px 0px 570px;
	h1{
		color:#FE2A76;
	}
}

#homSliderPager{
position:absolute;
width:200px;
height:20px;
margin-top:460px;
margin-left:760px;
text-align:right;

	a{
		display:inline-block;
		width:20px;
		height:20px;
		background:#BBBBBB;
	}

	.active{
		background:#01C5FF;
	}

}


.selectorText{
font-size:15px;
color:#000000;
font-family: @FONT_rg;
border-bottom:1px solid #E2E2E2;
margin:20px 0px 20px 0px;
padding:0px 0px 5px 0px;
}

.selectorTextSmall{
display:inline-block;
width:100%;
font-size:15px;
color:#000000;
font-family: @FONT_rg;
border-bottom:1px solid #E2E2E2;
margin:20px 0px 20px 0px;
padding:0px 0px 5px 0px;
}

.gameLine{
height:190px;
overflow:hidden;
margin-bottom:20px;

	.leftArrow{
		position:absolute;
		z-index:100;
		display:inline-block;
		width:20px;
		height:190px;
		cursor:pointer;
		background-color:#FFFFFF;
		background-image:url(/images/arrows.png);
		background-repeat:no-repeat;
		background-position:-9px -150px; /*-9px 42px;*/
	}

	.rightArrow{
		position:absolute;
		margin-left:940px;
		z-index:100;
		display:inline-block;
		width:20px;
		height:190px;
		cursor:pointer;
		background-color:#FFFFFF;
		background-image:url(/images/arrows.png);
		background-repeat:no-repeat;
		background-position:-2px -354px;
	}

	.gameLineContainer{
		height:190px;
		padding:0px 15px;
	}

	.gameThumb{
		float:left;
		margin:0px 5px;
		font-size:20px;
		font-weight:normal;
		font-family: @FONT_unique;
		color:#000000;
		img{
			display:block;
			margin-bottom:10px;
		}
	}

}

.abilityTiles{
	margin-bottom:40px;

	.linkTile{
		display:inline-block;
		width:150px;
		height:180px;
		margin-right:8px;
		margin-bottom:6px;
		font-size:16px;
		font-weight:normal;
		font-family: @FONT_unique;
		color:#999999;

		.iconTile{
			display:block;
			width:150px;
			height:150px;
			margin-bottom:6px;
			background:#CCCCCC;
			background-image:url(/images/big_icons.png);
			background-repeat:no-repeat;
		}
	}

	.linkTile:nth-child(6n){
		margin-right:0px;
	}

	.linkTile{
		.type1{
			background-color:#FE2A76;
			background-position:center -1px;
		}

		.type2{
			background-color:#FFBB42;
			background-position:center -151px;
		}

		.type3{
			background-color:#00C7FB;
			background-position:center -757px;
		}

		.type4{
			background-color:#F6762B;
			background-position:center -610px;
		}

		.type5{
			background-color:#B63B6A;
			background-position:center -151px;
		}

		.type6{
			background-color:#A4C932;
			background-position:center -300px;
		}

		.type7{
			background-color:#31CA72;
			background-position:center -1px;
		}

		.type8{
			background-color:#2E8DCD;
			background-position:center -1px;
		}

		.abigroupTYPE_9{
			background-color:#FE2A76;
			background-position:center -0px;
		}

		.abigroupTYPE_10{
			background-color:#FFBB42;
			background-position:center -1510px;
		}

		.abigroupTYPE_11{
			background-color:#00C7FB;
			background-position:center -2116px;
		}

		.abigroupTYPE_12{
			background-color:#F6762B;
			background-position:center -2570px;
		}

		.abigroupTYPE_13{
			background-color:#B63B6A;
			background-position:center -3170px;
		}

		.abigroupTYPE_14{
			background-color:#A4C932;
			background-position:center -4075px;
		}

		@iSize: 150px;

		.abiTYPE_5{
			background-color:#FF8000;
			background-position:center (-1 * (@iSize * 1))-0;
		}

		.abiTYPE_6{
			background-color:#48B524;
			background-position:center (-1 * (@iSize * 2))-0;
		}

		.abiTYPE_7{
			background-color:#00A3D9;
			background-position:center (-1 * (@iSize * 3))-0;
		}

		.abiTYPE_8{
			background-color:#6C38A0;
			background-position:center (-1 * (@iSize * 4))-0;
		}

		.abiTYPE_9{
			background-color:#CABC0F;
			background-position:center (-1 * (@iSize * 5))-4;
		}

		.abiTYPE_10{
			background-color:#1BB489;
			background-position:center (-1 * (@iSize * 6))-8;
		}

		.abiTYPE_11{
			background-color:#DA2D23;
			background-position:center (-1 * (@iSize * 7))-8;
		}

		.abiTYPE_12{
			background-color:#0ACBC6;
			background-position:center (-1 * (@iSize * 8))-8;
		}

		.abiTYPE_13{
			background-color:#B33E8F;
			background-position:center (-1 * (@iSize * 9))-8;
		}

		.abiTYPE_14{
			background-color:#E83E4A;
			background-position:center (-1 * (@iSize * 11))-10;
		}

		.abiTYPE_15{
			background-color:#338EFF;
			background-position:center (-1 * (@iSize * 12))-10;
		}

		.abiTYPE_16{
			background-color:#66CA31;
			background-position:center (-1 * (@iSize * 13))-12;
		}

		.abiTYPE_17{
			background-color:#DE49B6;
			background-position:center (-1 * (@iSize * 15))-16;
		}

		.abiTYPE_18{
			background-color:#019CAD;
			background-position:center (-1 * (@iSize * 16))-18;
		}

		.abiTYPE_19{
			background-color:#FFBF00;
			background-position:center (-1 * (@iSize * 18))-18;
		}

		.abiTYPE_20{
			background-color:#C24B93;
			background-position:center (-1 * (@iSize * 19))-19;
		}

		.abiTYPE_21{
			background-color:#81BF33;
			background-position:center (-1 * (@iSize * 20))-20;
		}

		.abiTYPE_22{
			background-color:#0CC7DC;
			background-position:center (-1 * (@iSize * 22))-20;
		}

		.abiTYPE_23{
			background-color:#EB677B;
			background-position:center (-1 * (@iSize * 23))-20;
		}

		.abiTYPE_24{
			background-color:#2670B3;
			background-position:center (-1 * (@iSize * 24))-24;
		}

		.abiTYPE_25{
			background-color:#2EBE76;
			background-position:center (-1 * (@iSize * 25))-24;
		}

		.abiTYPE_26{
			background-color:#FFA042;
			background-position:center (-1 * (@iSize * 26))-26;
		}

		.abiTYPE_27{
			background-color:#FF3E99;
			background-position:center (-1 * (@iSize * 28))-26;
		}

		.abiTYPE_28{
			background-color:#0092F2;
			background-position:center (-1 * (@iSize * 29))-26;
		}
	}
}

.simpleText{
	line-height:120%;

	h1{
		font-size:34px;
		font-weight:normal;
		font-family: @FONT_unique;
		color:#777777;
		margin:0px 0px 20px 0px;
	}

	h2{
		font-size:25px;
		font-weight:normal;
		font-family: @FONT_rg;
		color:#00C7FB;
		margin:0px 0px 14px 0px;
		line-height: 100%;
	}

	p{
		font-size:17px;
		font-weight:normal;
		font-family: @FONT_lt;
		color:#444444;
		line-height:120%;
		margin:0px 0px 17px 0px;
	}

	.black{
		color:#000000;
	}

	ul {
		list-style-position: inside;
		margin: 20px 0px 20px 0px;
		padding: 0px;

		li {
			padding: 0 0 0 0px;
			margin: 3px 0;
			color:#444444;
			font-size:17px;
			line-height:120%;
		}
	}
}

.normalForm{
	.fieldArea{
		display:inline-block;
		width:300px;
		font-size:13px;
		font-weight:normal;
		font-family: @FONT_rg;
		color:#545454;
		margin:0px 10px 14px 0px;
		border:0px solid #FF0000;

		.textfield{
			display:block;
			width:280px;
			margin-top:4px;
			padding:10px 10px 10px 10px;
			border:0px solid #FFFFFF;
			background:#F0F0F0;
			font-family: @FONT_lt;
			color:#000000;
			font-size:13px;
			vertical-align:middle;
			.boxShadowInner(#D1D1D1, 2px, 9px);
		}


		.checkbox{
			margin:-2px 6px 0px 0px;
			vertical-align:middle;
		}

		.inputs{
			color:#000000;
			padding-top: 10px;
		}

		.select{
			display:block;
			width:300px;
			margin-top:4px;
			padding:10px 10px 10px 10px;
			border:0px solid #FFFFFF;
			background:#E3E3E3;
			font-family: @FONT_lt;
			color:#000000;
			font-size:13px;
			vertical-align:middle;
		}

		a{
			color:#000000;
			text-decoration:underline;
		}
	}

	.fieldArea:nth-child(2n){
		margin-right:0px;
	}

	.fullWidth{
		display:block;
		width:auto;
		margin:0px 0px 14px 0px;
		.textfield{
			display:inline-block;
			width:280px;
			margin-right:10px;
		}

		span{
			font-size:13px;
			color:#878787;
		}
	}

	.submitButton{
		display:inline-block;
		width:300px;
		height:36px;
		border:0px solid #FFFFFF;
		background:#01C5FF;
		font-size:16px;
		font-weight:normal;
		font-family: @FONT_lt;
		color:#FFFFFF;
		cursor:pointer;
		letter-spacing:1px;
		.roundedCorner(0px);
	}

}

.feedback{
	text-align:center;
	margin:50px 0px 0px 0px;
	font-size:26px;
	font-weight:normal;
	font-family: @FONT_lt;
	color:#878787;
	min-height:400px;
}

.infoText{
	text-align:center;
	margin:20px 0px 0px 0px;
	font-size:13px;
	font-weight:normal;
	font-family: @FONT_lt;
	color:#878787;
}

.localMenu{
	width:960px;
	text-align:center;
	position:absolute;
	margin-top:-70px;

	.localMenuItem{
		display:inline-block;
		width:200px;
		height:16px;
		padding:8px 0px 6px 0px;
		margin:0px;
		background:#E2E2E2;
		color:#666666;
	}

	.active{
		background:#FFFFFF;
		color:#000000;
	}

	.localMenuItem:hover{
		color:#01C5FF;
	}
}

doesnotexist:-o-prefocus, .localMenu{margin-top:-50px;}

.localMenuLeft{
	width:960px;
	text-align:left;
	position:absolute;
	margin-top:-50px;

	.localMenuItem{
		display:inline-block;
		width:100px;
		height:16px;
		padding:8px 0px 6px 0px;
		margin:0px;
		background:#E2E2E2;
		background:rgba(255,255,255, 0.3);
		color:#FFFFFF;
		text-align:center;
	}

	.rightItem{
		width:200px;
		float: right;
	}

	.active{
		background:#FFFFFF;
		color:#000000;
	}

	.localMenuItem:hover{
		color:#000000;
	}
}

doesnotexist:-o-prefocus, .localMenuLeft{margin-top:-50px;}

.leftStars{
	font-size:12px;
	color:#666666;

	.stars{
		margin-left:10px;
	}

	.bigStar{
		display:inline-block;
		width:19px;
		height:19px;
		background-image:url(/images/icons.png);
		background-repeat:no-repeat;
		background-position: -7px -110px;
		vertical-align: top;
		margin-top: -5px;
	}

	.gold{
		background-position: -7px -76px;
	}
}

.rightStars{
	display:inline-block;
	font-size:12px;
	color:#666666;
	float:right;

	.smallStar{
		display:inline-block;
		width:14px;
		height:14px;
		background-image:url(/images/icons.png);
		background-repeat:no-repeat;
		background-position: -5px -75px;
		background-size: 22px auto;
		vertical-align: top;
		margin-top: -1px;
	}



}


.opinionBox{
	padding:0px 0px 15px 0px;
	margin:0px 0px 25px 0px;
	border-bottom: 1px solid #E2E2E2;

	.opinionHeader{
		margin:0px 0px 6px 0px;

		.userName{
			font-size:17px;
			line-height:120%;
			font-weight:normal;
			font-family: @FONT_unique;
			color:#777777;
		}

		.userDate{
			display:inline-block;
			float:right;
			font-size:12px;
			line-height:120%;
			font-weight:normal;
			font-style:italic;
			font-family: @FONT_lt;
			color:#777777;
			margin-top: 4px;
		}
	}

	.opinionContent{
		font-size:14px;
		line-height:140%;
		font-family: @FONT_lt;
		color:#444444;
	}
}

.newsArticle{
	display:inline-block;
	width:470px;
	margin-right:14px;
	margin-bottom:25px;

	.newsImgCont{
		display:inline-block;
		width:470px;
		height:235px;
		overflow:hidden;
		margin-bottom:10px;
		background-color:#F0F0F0;
	}

	.newsText{
		display:inline-block;
		width:470px;
		height:145px;
		overflow:hidden;
		margin-bottom:10px;
		font-size:16px;
		line-height:120%;
		font-weight:normal;
		font-family: @FONT_lt;
		color:#444444;

		h2{
			margin:0px 0px 6px 0px;
			font-size:27px;
			line-height:100%;
			font-weight:normal;
			font-family: @FONT_unique;
			color:#000000;
		}
	}

	.newsDetails{
		font-size:13px;
		line-height:120%;
		font-weight:normal;
		font-family: @FONT_lt;
		color:#444444;

		.newsAutor{
			font-family: @FONT_rg;
			color:#000000;
		}

		.newsDate{
			float:right;
			text-align:right;
			font-style:italic;
		}
	}

}

.newsArticle:nth-child(2n){
	margin-right:0px;
}

.Pager{
	margin:20px 0px 20px 0px;
	text-align:center;

	.pagersep{
		display:inline-block;
		width:1px;
		height:16px;
		text-align:center;
		padding:5px 0px 3px 0px;
		vertical-align:middle;
		font-size:10px;
		font-family: @FONT_lt;
		color:#EFEFEF;
		display:none;
	}

	a{
		display:inline-block;
		width:16px;
		height:16px;
		text-align:center;
		padding:5px 6px 3px 4px;
		vertical-align:middle;
		font-size:16px;
		font-family: @FONT_lt;
		color:#444444;
		margin-right: 20px;
	}

	b{
		display:inline-block;
		width:16px;
		height:16px;
		text-align:center;
		padding:5px 6px 3px 4px;
		background:#E0E0E0;
		vertical-align:middle;
		font-size:16px;
		font-family: @FONT_lt;
		color:#000000;
		margin-right: 20px;
	}

	a[title="következő"]{
		display:inline-block;
		width:16px;
		height:16px;
		text-align:center;
		padding:5px 6px 3px 4px;
		background:#01C5FF;
		vertical-align:middle;
		font-size:12px;
		font-family: @FONT_lt;
		color:#FFFFFF;
	}

	a[title="előző"]{
		display:inline-block;
		width:16px;
		height:16px;
		text-align:center;
		padding:5px 6px 3px 4px;
		background:#01C5FF;
		vertical-align:middle;
		font-size:12px;
		font-family: @FONT_lt;
		color:#FFFFFF;
	}

	/*a[title="utolsó"]{
		display:inline-block;
		width:16px;
		height:16px;
		text-align:center;
		padding:5px 6px 3px 4px;
		background:#D1D1D1;
		vertical-align:middle;
		font-size:12px;
		font-family: @FONT_lt;
		color:#000000;
	}

	a[title="első"]{
		display:inline-block;
		width:16px;
		height:16px;
		text-align:center;
		padding:5px 6px 3px 4px;
		background:#D1D1D1;
		vertical-align:middle;
		font-size:12px;
		font-family: @FONT_lt;
		color:#000000;
	}*/
	a[title="utolsó"], a[title="első"]{
		display: none;
	}
}

.newsBack{
	width:960px;
	text-align:left;
	position:absolute;
	margin-top:-70px;

	a{
		display:inline-block;
		width:150px;
		height:16px;
		padding:8px 0px 6px 0px;
		margin:0px;
		background:#FFFFFF;
		color:#000000;
		text-align:center;
	}
}

doesnotexist:-o-prefocus, .newsBack{margin-top:-50px;}

.simpleLead{
	font-size:16px;
	color:#888888;
	line-height:120%;
	margin:10px 0px 10px 0px;
}

.articleFunctions{
	height:30px;
	background:#E5E6E6;
	margin:20px 0px 20px 0px;

	.articlePrint{
		display:inline-block;
		width:30px;
		height:30px;
		background-color:#D1D1D1;
		background-image:url(/images/icons.png);
		background-repeat:no-repeat;
		background-position: -1px -34px;
		vertical-align:top;
	}

	.articleAuthor{
		display:inline-block;
		height:22px;
		margin-top:8px;
		width:300px;
		padding-left:100px;
		vertical-align:top;
		font-size:13px;
		font-weight:normal;
		font-family: @FONT_lt;
		color:#444444;

		.newsAutor{
			font-family: @FONT_rg;
			color:#000000;
		}
	}

	.newsDate{
		float:right;
		text-align:right;
		font-style:italic;
		font-size:13px;
		color:#000000;
		margin:8px 10px 0px 0px;
	}

}

#startButtonContainer{
	text-align:center;
	margin-top:40px;
}

.startButtonTop{
	display:inline-block;
	width:200px;
	height:35px;
	padding-top:22px;
	font-size:32px;
	letter-spacing:1px;
	font-weight:normal;
	font-family: @FONT_unique;
	color:#000000;
	text-align:center;

	.linearGradient(#FFFFFF, #DDDDDD);
	.boxShadow(rgba(0,0,0,0.4), 2px, 7px);
}

.startButtonTop:hover{
	.linearGradient(#DDDDDD, #FFFFFF);
	.boxShadow(rgba(0,0,0,0.4), 1px, 3px);
}

.gamePictures{
	display:block;
	float:left;
	width:475px;
	margin-right:10px;
	min-height:430px;
	padding-top:20px;
}

.gamePicBig{
	display:inline-block;
	width:475px;
	height:200px;
	overflow:hidden;
	margin-bottom:13px;
	background:#DDDDDD;
}

.gamePicSmall{
	display:inline-block;
	width:230px;
	height:130px;
	overflow:hidden;
	margin-right:9px;
	background:#DDDDDD;
}

.gameDetails{
	display:block;
	float:left;
	width:475px;
	min-height:450px;
}

.detailsAbility{
	height:60px;
	margin-bottom:20px;

	.linkTile{
		display:inline-block;
		width:470px;
		height:30px;
		font-size:19px;
		font-weight:normal;
		font-family: @FONT_unique;
		color:#999999;
		vertical-align:middle;
		line-height: 120%;

		.iconTile{
			display:inline-block;
			width:60px;
			height:60px;
			margin-right:6px;
			background-color:#CCCCCC;
			background-size:100% auto;
			background-image:url(/images/big_icons.png);
			background-repeat:no-repeat;
			vertical-align:middle;
			float:left;
		}

		.tileName{
			display:table-cell;
			height:60px;
			width:390px;
			vertical-align:middle;
		}
	}

	.linkTile{
		.type1{
			background-color:#FE2A76;
			background-position:center -1px;
		}

		.type2{
			background-color:#FFBB42;
			background-position:center -151px;
		}

		.type3{
			background-color:#00C7FB;
			background-position:center -757px;
		}

		.type4{
			background-color:#F6762B;
			background-position:center -610px;
		}

		.type5{
			background-color:#B63B6A;
			background-position:center -151px;
		}

		.type6{
			background-color:#A4C932;
			background-position:center -300px;
		}

		.type7{
			background-color:#31CA72;
			background-position:center -1px;
		}

		.type8{
			background-color:#2E8DCD;
			background-position:center -1px;
		}

		.abigroupTYPE_9{
			background-color:#FE2A76;
			background-position:center -0px;
		}

		.abigroupTYPE_10{
			background-color:#FFBB42;
			background-position:center -603px;
		}

		.abigroupTYPE_11{
			background-color:#00C7FB;
			background-position:center -847px;
		}

		.abigroupTYPE_12{
			background-color:#F6762B;
			background-position:center -1029px;
		}

		.abigroupTYPE_13{
			background-color:#B63B6A;
			background-position:center -1268px;
		}

		.abigroupTYPE_14{
			background-color:#A4C932;
			background-position:center -1629px;
		}

		@iSize: 60px;

		.abiTYPE_5{
			background-color:#FF8000;
			background-position:center (-1 * (@iSize * 1))-0;
		}

		.abiTYPE_6{
			background-color:#48B524;
			background-position:center (-1 * (@iSize * 2))-0;
		}

		.abiTYPE_7{
			background-color:#00A3D9;
			background-position:center (-1 * (@iSize * 3))-0;
		}

		.abiTYPE_8{
			background-color:#6C38A0;
			background-position:center (-1 * (@iSize * 4))-0;
		}

		.abiTYPE_9{
			background-color:#CABC0F;
			background-position:center (-1 * (@iSize * 5))-2;
		}

		.abiTYPE_10{
			background-color:#1BB489;
			background-position:center (-1 * (@iSize * 6))-4;
		}

		.abiTYPE_11{
			background-color:#DA2D23;
			background-position:center (-1 * (@iSize * 7))-2;
		}

		.abiTYPE_12{
			background-color:#0ACBC6;
			background-position:center (-1 * (@iSize * 8))-2;
		}

		.abiTYPE_13{
			background-color:#B33E8F;
			background-position:center (-1 * (@iSize * 9))-2;
		}

		.abiTYPE_14{
			background-color:#E83E4A;
			background-position:center (-1 * (@iSize * 11))-4;
		}

		.abiTYPE_15{
			background-color:#338EFF;
			background-position:center (-1 * (@iSize * 12))-4;
		}

		.abiTYPE_16{
			background-color:#66CA31;
			background-position:center (-1 * (@iSize * 13))-6;
		}

		.abiTYPE_17{
			background-color:#DE49B6;
			background-position:center (-1 * (@iSize * 15))-8;
		}

		.abiTYPE_18{
			background-color:#019CAD;
			background-position:center (-1 * (@iSize * 16))-8;
		}

		.abiTYPE_19{
			background-color:#FFBF00;
			background-position:center (-1 * (@iSize * 18))-8;
		}

		.abiTYPE_20{
			background-color:#C24B93;
			background-position:center (-1 * (@iSize * 19))-8;
		}

		.abiTYPE_21{
			background-color:#81BF33;
			background-position:center (-1 * (@iSize * 20))-8;
		}

		.abiTYPE_22{
			background-color:#0CC7DC;
			background-position:center (-1 * (@iSize * 22))-8;
		}

		.abiTYPE_23{
			background-color:#EB677B;
			background-position:center (-1 * (@iSize * 23))-8;
		}

		.abiTYPE_24{
			background-color:#2670B3;
			background-position:center (-1 * (@iSize * 24))-10;
		}

		.abiTYPE_25{
			background-color:#2EBE76;
			background-position:center (-1 * (@iSize * 25))-10;
		}

		.abiTYPE_26{
			background-color:#FFA042;
			background-position:center (-1 * (@iSize * 26))-10;
		}

		.abiTYPE_27{
			background-color:#FF3E99;
			background-position:center (-1 * (@iSize * 28))-10;
		}

		.abiTYPE_28{
			background-color:#0092F2;
			background-position:center (-1 * (@iSize * 29))-12;
		}
	}
}

.topTenTable{
	width:100%;
	border-collapse:collapse;
	margin-bottom:15px;

	.topTenNumber{
		width:50px;
		height:50px;
		background:#E2E2E2;
		text-align:center;
		vertical-align:middle;
		font-size:26px;
		font-weight:normal;
		font-family: @FONT_unique;
		color:#717171;
	}

	.topTenUser{
		padding-left:15px;
		text-align:left;
		vertical-align:bottom;
		font-size:16px;
		font-weight:normal;
		font-family: @FONT_rg;
		color:#444444;
		height:25px;
	}

	.topTenPoint{
		padding-left:15px;
		text-align:left;
		vertical-align:bottom;
		font-size:18px;
		font-weight:normal;
		font-family: @FONT_unique;
		color:#000000;

		.topTenDate{
			float:right;
			text-align:right;
			font-style:italic;
			font-size:12px;
			font-weight:normal;
			font-family: @FONT_rg;
			color:#444444;
		}
	}

	.topTenGold{
		background:#FFBB42;
		color:#FFFFFF;
	}

	.topTenSilver{
		background:#888888;
		color:#FFFFFF;
	}

	.topTenBronse{
		background:#F6762B;
		color:#FFFFFF;
	}
}

.selectorTextUnique{
font-size:28px;
color:#000000;
font-family: @FONT_unique;
border-bottom:1px solid #E2E2E2;
margin:20px 0px 20px 0px;
padding:0px 0px 20px 0px;
}

.yourResultTable{
	width:100%;
	border-collapse:collapse;
	margin-bottom:15px;

	.yourResultIcon{
		width:150px;
		height:150px;
		background-color:#01C5FF;
		background-image:url(/images/big_icons.png);
		background-repeat:no-repeat;
		background-position:2px -905px;
	}

	.yourResultPlace{
		padding-left:15px;
		text-align:left;
		vertical-align:middle;
		font-size:16px;
		font-weight:normal;
		font-family: @FONT_rg;
		color:#444444;

		span{
			display:inline-block;
			padding:14px;
			margin-right:6px;
			background:#E2E2E2;
			font-size:26px;
			font-weight:normal;
			font-family: @FONT_unique;
			color:#8D8D8D;
			vertical-align:middle;
		}

	}

	.yourResultBest{
		padding-left:15px;
		text-align:left;
		vertical-align:bottom;
		font-size:18px;
		font-weight:normal;
		font-family: @FONT_rg;
		color:#000000;

		.yourResultPoint{
			display:block;
			padding:16px 0px 14px 0px;
			font-size:32px;
			font-weight:normal;
			font-family: @FONT_unique;
			color:#000000;
		}

		.yourResultDate{
			font-style:italic;
			font-size:12px;
			font-weight:normal;
			font-family: @FONT_rg;
			color:#444444;
		}

	}
}

.lastResults{
	height:24px;
	border-bottom:1px solid #E2E2E2;
	margin-bottom:16px;
	font-size:22px;
	font-weight:normal;
	font-family: @FONT_unique;
	color:#000000;

	.lastResultsDate{
		float:right;
		margin-top:4px;
		font-style:italic;
		font-size:12px;
		font-weight:normal;
		font-family: @FONT_rg;
		color:#444444;
	}
}

#gameFrameContainer{
	width:850px;
	height:570px;
	margin:0px auto;

	#wrongOrientationContent{
		display: none;
	}
}

.abilityGroup{
	margin-bottom:30px;
}

.groupTitle{
	height:50px;
	border-bottom:1px solid #E2E2E2;
	margin-bottom:30px;

	a{
		display:inline-block;
		height:50px;
		font-size:25px;
		font-weight:normal;
		font-family: @FONT_unique;
		color:#000000;

		.groupIcon{
			display:inline-block;
			width:50px;
			height:50px;
			margin-right:15px;
			background-color:#CCCCCC;
			background-image:url(/images/big_icons.png);
			background-repeat:no-repeat;
			background-size:100% auto;
			background-position:0px 1px;
			vertical-align:middle;
		}

		.type1{
			background-color:#FE2A76;
			background-position:center -1px;
		}

		.type2{
			background-color:#FFBB42;
			background-position:center -151px;
		}

		.type3{
			background-color:#00C7FB;
			background-position:center -757px;
		}

		.type4{
			background-color:#F6762B;
			background-position:center -610px;
		}

		.type5{
			background-color:#B63B6A;
			background-position:center -151px;
		}

		.type6{
			background-color:#A4C932;
			background-position:center -300px;
		}

		.type7{
			background-color:#31CA72;
			background-position:center -1px;
		}

		.type8{
			background-color:#2E8DCD;
			background-position:center -1px;
		}

		@iSize: 50px;

		.abigroupTYPE_9{
			background-color:#FE2A76;
			background-position:center -0px;
		}

		.abigroupTYPE_10{
			background-color:#FFBB42;
			background-position:center (-1 * (@iSize * 10))-2;
		}

		.abigroupTYPE_11{
			background-color:#00C7FB;
			background-position:center (-1 * (@iSize * 14))-4;
		}

		.abigroupTYPE_12{
			background-color:#F6762B;
			background-position:center (-1 * (@iSize * 17))-7;
		}

		.abigroupTYPE_13{
			background-color:#B63B6A;
			background-position:center (-1 * (@iSize * 21))-6;
		}

		.abigroupTYPE_14{
			background-color:#A4C932;
			background-position:center (-1 * (@iSize * 27))-7;
		}


		.abiTYPE_5{
			background-color:#FF8000;
			background-position:center (-1 * (@iSize * 1))-0;
		}

		.abiTYPE_6{
			background-color:#48B524;
			background-position:center (-1 * (@iSize * 2))-0;
		}

		.abiTYPE_7{
			background-color:#00A3D9;
			background-position:center (-1 * (@iSize * 3))-0;
		}

		.abiTYPE_8{
			background-color:#6C38A0;
			background-position:center (-1 * (@iSize * 4))-2;
		}

		.abiTYPE_9{
			background-color:#CABC0F;
			background-position:center (-1 * (@iSize * 5))-2;
		}

		.abiTYPE_10{
			background-color:#1BB489;
			background-position:center (-1 * (@iSize * 6))-4;
		}

		.abiTYPE_11{
			background-color:#DA2D23;
			background-position:center (-1 * (@iSize * 7))-2;
		}

		.abiTYPE_12{
			background-color:#0ACBC6;
			background-position:center (-1 * (@iSize * 8))-2;
		}

		.abiTYPE_13{
			background-color:#B33E8F;
			background-position:center (-1 * (@iSize * 9))-2;
		}

		.abiTYPE_14{
			background-color:#E83E4A;
			background-position:center (-1 * (@iSize * 11))-4;
		}

		.abiTYPE_15{
			background-color:#338EFF;
			background-position:center (-1 * (@iSize * 12))-4;
		}

		.abiTYPE_16{
			background-color:#66CA31;
			background-position:center (-1 * (@iSize * 13))-4;
		}

		.abiTYPE_17{
			background-color:#DE49B6;
			background-position:center (-1 * (@iSize * 15))-6;
		}

		.abiTYPE_18{
			background-color:#019CAD;
			background-position:center (-1 * (@iSize * 16))-6;
		}

		.abiTYPE_19{
			background-color:#FFBF00;
			background-position:center (-1 * (@iSize * 18))-6;
		}

		.abiTYPE_20{
			background-color:#C24B93;
			background-position:center (-1 * (@iSize * 19))-6;
		}

		.abiTYPE_21{
			background-color:#81BF33;
			background-position:center (-1 * (@iSize * 20))-6;
		}

		.abiTYPE_22{
			background-color:#0CC7DC;
			background-position:center (-1 * (@iSize * 22))-6;
		}

		.abiTYPE_23{
			background-color:#EB677B;
			background-position:center (-1 * (@iSize * 23))-6;
		}

		.abiTYPE_24{
			background-color:#2670B3;
			background-position:center (-1 * (@iSize * 24))-8;
		}

		.abiTYPE_25{
			background-color:#2EBE76;
			background-position:center (-1 * (@iSize * 25))-8;
		}

		.abiTYPE_26{
			background-color:#FFA042;
			background-position:center (-1 * (@iSize * 26))-8;
		}

		.abiTYPE_27{
			background-color:#FF3E99;
			background-position:center (-1 * (@iSize * 28))-8;
		}

		.abiTYPE_28{
			background-color:#0092F2;
			background-position:center (-1 * (@iSize * 29))-10;
		}
	}

}

.abiGrGame{
	display:block;
	float:left;
	width:300px;
	margin-right:30px;
	margin-bottom:30px;

	.abiGrGamePicLink{
		display:inline-block;
		width:300px;
		height:150px;
		overflow:hidden;
		margin-bottom:10px;
		background:#EEEEEE;
	}

	.abiGrGameTextLink{
		display:inline-block;
		width:300px;
		height:30px;
		overflow:hidden;
		margin-bottom:2px;
		font-size:24px;
		font-weight:normal;
		font-family: @FONT_unique;
		color:#000000;
		line-height: 120%;
	}

	.abiGrGameLead{
		display:inline-block;
		width:300px;
		height:50px;
		overflow:hidden;
		margin-bottom:8px;
		font-size:13px;
		font-weight:normal;
		font-family: @FONT_lt;
		line-height:110%;
		color:#444444;
	}

	.abilityLine{
		display:inline-block;
		width:300px;
		height:30px;
		overflow:hidden;
		font-size:13px;
		font-weight:normal;
		font-family: @FONT_lt;
		color:#000000;
		background:#E5E6E6;

		.abilityIcon{
			display:inline-block;
			width:30px;
			height:30px;
			margin-right:10px;
			background-color:#CCCCCC;
			background-image:url(/images/big_icons.png);
			background-repeat:no-repeat;
			background-size:100% auto;
			background-position:0px 1px;
			vertical-align:middle;
		}

		.type1{
			background-color:#FE2A76;
			background-position:center -1px;
		}

		.type2{
			background-color:#FFBB42;
			background-position:center -151px;
		}

		.type3{
			background-color:#00C7FB;
			background-position:center -757px;
		}

		.type4{
			background-color:#F6762B;
			background-position:center -610px;
		}

		.type5{
			background-color:#B63B6A;
			background-position:center -151px;
		}

		.type6{
			background-color:#A4C932;
			background-position:center -300px;
		}

		.type7{
			background-color:#31CA72;
			background-position:center -1px;
		}

		.type8{
			background-color:#2E8DCD;
			background-position:center -1px;
		}

		@iSize: 30px;

		.abigroupTYPE_9{
			background-color:#FE2A76;
			background-position:center -0px;
		}

		.abigroupTYPE_10{
			background-color:#FFBB42;
			background-position:center (-1 * (@iSize * 10))-2;
		}

		.abigroupTYPE_11{
			background-color:#00C7FB;
			background-position:center (-1 * (@iSize * 14))-4;
		}

		.abigroupTYPE_12{
			background-color:#F6762B;
			background-position:center (-1 * (@iSize * 17))-5;
		}

		.abigroupTYPE_13{
			background-color:#B63B6A;
			background-position:center (-1 * (@iSize * 21))-5;
		}

		.abigroupTYPE_14{
			background-color:#A4C932;
			background-position:center (-1 * (@iSize * 27))-4;
		}

		.abiTYPE_5{
			background-color:#FF8000;
			background-position:center (-1 * (@iSize * 1))-0;
		}

		.abiTYPE_6{
			background-color:#48B524;
			background-position:center (-1 * (@iSize * 2))-0;
		}

		.abiTYPE_7{
			background-color:#00A3D9;
			background-position:center (-1 * (@iSize * 3))-0;
		}

		.abiTYPE_8{
			background-color:#6C38A0;
			background-position:center (-1 * (@iSize * 4))-0;
		}

		.abiTYPE_9{
			background-color:#CABC0F;
			background-position:center (-1 * (@iSize * 5))-1;
		}

		.abiTYPE_10{
			background-color:#1BB489;
			background-position:center (-1 * (@iSize * 6))-2;
		}

		.abiTYPE_11{
			background-color:#DA2D23;
			background-position:center (-1 * (@iSize * 7))-2;
		}

		.abiTYPE_12{
			background-color:#0ACBC6;
			background-position:center (-1 * (@iSize * 8))-2;
		}

		.abiTYPE_13{
			background-color:#B33E8F;
			background-position:center (-1 * (@iSize * 9))-0;
		}

		.abiTYPE_14{
			background-color:#E83E4A;
			background-position:center (-1 * (@iSize * 11))-2;
		}

		.abiTYPE_15{
			background-color:#338EFF;
			background-position:center (-1 * (@iSize * 12))-0;
		}

		.abiTYPE_16{
			background-color:#66CA31;
			background-position:center (-1 * (@iSize * 13))-0;
		}

		.abiTYPE_17{
			background-color:#DE49B6;
			background-position:center (-1 * (@iSize * 15))-5;
		}

		.abiTYPE_18{
			background-color:#019CAD;
			background-position:center (-1 * (@iSize * 16))-5;
		}

		.abiTYPE_19{
			background-color:#FFBF00;
			background-position:center (-1 * (@iSize * 18))-3;
		}

		.abiTYPE_20{
			background-color:#C24B93;
			background-position:center (-1 * (@iSize * 19))-5;
		}

		.abiTYPE_21{
			background-color:#81BF33;
			background-position:center (-1 * (@iSize * 20))-5;
		}

		.abiTYPE_22{
			background-color:#0CC7DC;
			background-position:center (-1 * (@iSize * 22))-5;
		}

		.abiTYPE_23{
			background-color:#EB677B;
			background-position:center (-1 * (@iSize * 23))-5;
		}

		.abiTYPE_24{
			background-color:#2670B3;
			background-position:center (-1 * (@iSize * 24))-5;
		}

		.abiTYPE_25{
			background-color:#2EBE76;
			background-position:center (-1 * (@iSize * 25))-5;
		}

		.abiTYPE_26{
			background-color:#FFA042;
			background-position:center (-1 * (@iSize * 26))-5;
		}

		.abiTYPE_27{
			background-color:#FF3E99;
			background-position:center (-1 * (@iSize * 28))-5;
		}

		.abiTYPE_28{
			background-color:#0092F2;
			background-position:center (-1 * (@iSize * 29))-6;
		}
	}
}

.abiGrGame:nth-child(3n){
	margin-right:0px;
}

.abilityStandard{
	margin-top:20px;
	margin-bottom:30px;
}

.abilityLead{
	font-size:15px;
	font-weight:normal;
	font-style:italic;
	font-family: @FONT_lt;
	line-height:110%;
	color:#444444;
	margin-bottom:30px;
}

.abilityBox{
	display:block;
	float:left;
//	width:300px;
//	margin-right:30px;
	margin-bottom:30px;


	.abiTitle{
		display:table-cell;
		height:20px;
		vertical-align:bottom;
		font-size:14px;
		font-weight:normal;
		font-family: @FONT_lt;
		line-height:120%;
		color:#000000;
	}

	.abiIcon{
		display:inline-block;
		width:120px;
		height:120px;
		margin-top:10px;
		margin-right:6px;
		background-color:#CCCCCC;
		background-image:url(/images/big_icons.png);
		background-repeat:no-repeat;
		background-size:100% auto;
		background-position:0px 1px;
		vertical-align:top;
	}

	.abilityGameCont{
		float: left;
		width: 300px;
		margin-right: 30px;
		&:nth-of-type(3n){margin-right: 0;}

		.abilityGame{
			opacity:0.7;
			display:inline-block;
			width:170px;
			height:108px;
			margin-top:23px;
			font-size:15px;
			font-weight:normal;
			font-family: @FONT_unique;
			color:#666666;

			img{
				display:block;
				margin-top:8px;
			}
		}
	}


	.abilityGame:hover{opacity:1;}

	.abiLead{
		display:block;
		height:100px;
		overflow:hidden;
		margin-top:8px;
		font-size:13px;
		font-weight:normal;
		font-family: @FONT_lt;
		line-height:110%;
		color:#444444;
	}


	.type1{
		background-color:#FE2A76;
		background-position:center -1px;
	}

	.type2{
		background-color:#FFBB42;
		background-position:center -151px;
	}

	.type3{
		background-color:#00C7FB;
		background-position:center -757px;
	}

	.type4{
		background-color:#F6762B;
		background-position:center -610px;
	}

	.type5{
		background-color:#B63B6A;
		background-position:center -151px;
	}

	.type6{
		background-color:#A4C932;
		background-position:center -300px;
	}

	.type7{
		background-color:#31CA72;
		background-position:center -1px;
	}

	.type8{
		background-color:#2E8DCD;
		background-position:center -1px;
	}

	.abigroupTYPE_9{
		background-color:#FE2A76;
		background-position:center -0px;
	}

	.abigroupTYPE_10{
		background-color:#FFBB42;
		background-position:center -1207px;
	}

	.abigroupTYPE_11{
		background-color:#00C7FB;
		background-position:center -1692px;
	}

	.abigroupTYPE_12{
		background-color:#F6762B;
		background-position:center -2059px;
	}

	.abigroupTYPE_13{
		background-color:#B63B6A;
		background-position:center -2535px;
	}

	.abigroupTYPE_14{
		background-color:#A4C932;
		background-position:center -3259px;
	}

	@iSize: 120px;

		.abiTYPE_5{
			background-color:#FF8000;
			background-position:center (-1 * (@iSize * 1))-0;
		}

		.abiTYPE_6{
			background-color:#48B524;
			background-position:center (-1 * (@iSize * 2))-0;
		}

		.abiTYPE_7{
			background-color:#00A3D9;
			background-position:center (-1 * (@iSize * 3))-0;
		}

		.abiTYPE_8{
			background-color:#6C38A0;
			background-position:center (-1 * (@iSize * 4))-0;
		}

		.abiTYPE_9{
			background-color:#CABC0F;
			background-position:center (-1 * (@iSize * 5))-4;
		}

		.abiTYPE_10{
			background-color:#1BB489;
			background-position:center (-1 * (@iSize * 6))-8;
		}

		.abiTYPE_11{
			background-color:#DA2D23;
			background-position:center (-1 * (@iSize * 7))-6;
		}

		.abiTYPE_12{
			background-color:#0ACBC6;
			background-position:center (-1 * (@iSize * 8))-6;
		}

		.abiTYPE_13{
			background-color:#B33E8F;
			background-position:center (-1 * (@iSize * 9))-6;
		}

		.abiTYPE_14{
			background-color:#E83E4A;
			background-position:center (-1 * (@iSize * 11))-8;
		}

		.abiTYPE_15{
			background-color:#338EFF;
			background-position:center (-1 * (@iSize * 12))-8;
		}

		.abiTYPE_16{
			background-color:#66CA31;
			background-position:center (-1 * (@iSize * 13))-12;
		}

		.abiTYPE_17{
			background-color:#DE49B6;
			background-position:center (-1 * (@iSize * 15))-16;
		}

		.abiTYPE_18{
			background-color:#019CAD;
			background-position:center (-1 * (@iSize * 16))-16;
		}

		.abiTYPE_19{
			background-color:#FFBF00;
			background-position:center (-1 * (@iSize * 18))-16;
		}

		.abiTYPE_20{
			background-color:#C24B93;
			background-position:center (-1 * (@iSize * 19))-16;
		}

		.abiTYPE_21{
			background-color:#81BF33;
			background-position:center (-1 * (@iSize * 20))-18;
		}

		.abiTYPE_22{
			background-color:#0CC7DC;
			background-position:center (-1 * (@iSize * 22))-18;
		}

		.abiTYPE_23{
			background-color:#EB677B;
			background-position:center (-1 * (@iSize * 23))-18;
		}

		.abiTYPE_24{
			background-color:#2670B3;
			background-position:center (-1 * (@iSize * 24))-20;
		}

		.abiTYPE_25{
			background-color:#2EBE76;
			background-position:center (-1 * (@iSize * 25))-20;
		}

		.abiTYPE_26{
			background-color:#FFA042;
			background-position:center (-1 * (@iSize * 26))-20;
		}

		.abiTYPE_27{
			background-color:#FF3E99;
			background-position:center (-1 * (@iSize * 28))-20;
		}

		.abiTYPE_28{
			background-color:#0092F2;
			background-position:center (-1 * (@iSize * 29))-20;
		}

}

.abilityBox:nth-child(3n){
	margin-right:0px;
}

.resultLine{
	margin-top:30px;
	margin-bottom:20px;
	height:35px;
	border-bottom:1px solid #E2E2E2;

	.dotLine{
		margin-top:25px;
		height:0px;
		border-bottom:2px dotted #555555;
		opacity:0.5;
	}

	.resultMin{
		margin-top:-20px;
		position:absolute;
		z-index:200;

		.num{
			color:#777777;
			font-size:14px;
		}

		.sign{
			display:block;
			position:absolute;
			width:18px;
			height:12px;
			margin-top:24px;
			background-image:url(/images/icons.png);
			background-position: -7px -314px;
			background-repeat:no-repeat;
		}
	}

	.resultMax{
		margin-top:-20px;
		margin-left:396px;
		position:absolute;
		z-index:200;
		text-align:right;
		width:80px;
		.num{
			color:#777777;
			font-size:14px;
		}

		.sign{
			display:block;
			position:absolute;
			width:18px;
			height:12px;
			margin-top:24px;
			right: 0px;
			background-image:url(/images/icons.png);
			background-position: -7px -274px;
			background-repeat:no-repeat;
		}
	}

	.resultYour{
		margin-top:-20px;
		position:absolute;
		z-index:300;
		.num{
			color:#000000;
			font-size:16px;
			font-family: @FONT_unique;
			display:block;
			width:120px;
			position:absolute;
			margin-left:-60px;
			text-align:center;
		}

		.sign{
			display:block;
			position:absolute;
			margin-left:-12px;
			width:25px;
			height:12px;
			margin-top:24px;
			background-image:url(/images/icons.png);
			background-position: -3px -241px;
			background-repeat:no-repeat;
		}
	}

}


.graphContainer{
	font-family:@FONT_lt;


	.graphTable{
		width:100%;
		border-spacing:0;
		border-collapse:collapse;
		padding:0px;

		.v_axisTop{
			text-align:right;
			vertical-align:top;
			padding:0px 0px 0px 0px;
			width:50px;
			font-size:10px;
			color:#666666;
			line-height:100%;

			span{
				display:inline-block;
				width:3px;
				height:0px;
				margin-left:5px;
				border-bottom:1px solid #AAAAAA;
				vertical-align:top;
			}
		}

		.v_axisBottom{
			text-align:right;
			vertical-align:bottom;
			padding:0px 0px 10px 0px;
			width:50px;
			font-size:10px;
			color:#666666;
			line-height:100%;

			span{
				display:inline-block;
				width:3px;
				height:0px;
				margin-left:5px;
				border-bottom:1px solid #AAAAAA;
				vertical-align:bottom;
			}
		}

		.graphTd{
			padding:0px 0px 10px 0px;

		}

		.graphCont{
			border-left:1px solid #AAAAAA;
			border-bottom:1px solid #AAAAAA;
			height:250px;
			width:908px;
			background-image:url(/images/half_brain.jpg);
			background-repeat:no-repeat;
			background-position:right bottom;

			.graphCell{
				display:table-cell;
				vertical-align:bottom;
				padding:0px 0px 0px 0px;
				height:250px;
				letter-spacing:-4px;
				white-space:nowrap;

				.graphCol{
					background:#01C5FF;
					display:inline-block;
					width:12px;
					margin-left:6px;
					margin-right:0px;

					vertical-align:bottom;
				}

				.graphCol:last-child{
					margin-right:6px;
				}
			}
		}
	}
}

/* Pager */

/*.lapozo{
	font-size:16px;
	color:#000000;
	text-align:center;

	a{
		color:#000000;
		vertical-align:middle;
	}

	b{
		display:inline-block;
		width: 25px;
		height: 19px;
		background: #E0E0E0;
		text-align: center;
		padding-top: 6px;
		vertical-align:middle;
	}

	.pagersep{
		display:none;
	}

	a[title="next page"]{
		display:inline-block;
		width: 24px;
		height: 24px;
		background: #01C5FF;
		font-size:0px;
		vertical-align:middle;
		background-image:url(/images/icons.png);
		background-repeat:no-repeat;
		background-position:center -153px;
	}

	a[title="previous page"]{
		display:inline-block;
		width: 24px;
		height: 24px;
		background: #01C5FF;
		font-size:0px;
		vertical-align:middle;
		background-image:url(/images/icons.png);
		background-repeat:no-repeat;
		background-position:center -183px;
	}

	a[title="first page"]{
		font-size:12px;
	}

	a[title="last page"]{
		font-size:12px;
	}
}*/


/* **************************** */
/* =========== ALERT ========== */
/* **************************** */

.myresults{
	width:600px;
	padding:18px;
	color:#FFFFFF;
	font-size:13px;
	background:#666666;
	margin-top:15px;
}

#curtain{
	position:absolute;
	z-index:1000;
	background:#D1D1D1;
	top:0px;
	left:0px;
}

.alert{
	position:absolute;
	z-index:1001;
	width:500px;
	padding:15px;
	background:#FFFFFF;
	min-height: 200px;
	.boxGlow(rgba(0,0,0,0.4), 100px);
}

.alert_container{
	display: table-cell;
	width:500px;
	text-align:left;
	vertical-align:middle;
}

.alert_title{
	font-family: @FONT_unique;
	color:#01C5FF;
	font-size:30px;
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #EEEEEE;
	padding-bottom:12px;
	margin-bottom:6px;
	line-height:110%;
}

.alert_content{
	font-size:15px;
	color:#666666;
	margin:20px 10px 10px 10px;
	text-align:center;
}

.alert_button{
	border:none;
	padding:5px 12px 5px 12px;
	font-family: @FONT_unique;
	color: #FFFFFF;
	font-size: 13px;
	margin:6px;
}

.input_field{
	border:1px solid #333333;
	padding:2px 8px 2px 10px;
}

.alert_buttoncont{
	text-align:center;
	margin-top: 40px;
}

.alertButton{
border:none;
	padding:5px 20px 5px 20px;
	font-family: @FONT_unique;
	color: #FFFFFF;
	background:#01C5FF;
	font-size: 15px;
	margin:6px;
}

.alertButton:hover{

}

.alertButton:active{

}

#myAlertContent .closeButton{
position:absolute;
right:8px;
top:8px;
}


/* ALERT end */

/* UI */

.ui-tooltip {
	padding: 3px 8px 3px 8px;
	position: absolute;
	z-index: 3200; /*9999*/
	max-width: 300px;
	background:#000000;
	color:#FFFFFF;
	font-size:11px;
	font-family: @FONT_lt;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }


.arrow:after {
	background:#000000;
}

.arrow {
	width: 16px;
	height: 10px;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	border:0px solid #FF0000;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 1px;
	top:18px;
}

.arrow.right {
	right:-16px;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 1px;
	top: -6px;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
	border:0px solid #00FF00;
}

.arrow.right:after{
left: -41px;
}

.arrow.top:after {
	bottom: -20px;
	top: auto;
}

@import "customscroll.less?t=4";

/* MAIN SLIDER */


#userResultGraph{

	.mCustomScrollBox{
		height:267px !important;
	}

	.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail {
		height: 16px;
		margin: 0px;
		.roundedCorner(0px);
	}

	.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		height: 8px;
		margin: 4px auto;
		.roundedCorner(0px);
	}

}

/* FLOTR */

.flotr-legend{
	border:none !important;
}

.flotr-legend-bg{
	background:transparent !important;
}

.flotr-legend-color-box{
	div{
		border:none !important;
		width: 15px !important;
		height: 15px !important;
	}
}

/*GAME BG*/
.gameBgImg_csillagleso{
background-image:url(/jatekok/csillagleso/default_images/bg.svg);
background-repeat:no-repeat;
background-position:center bottom;
background-size: 2000px auto;
}

.gameBgImg_madarles{
background-image:url(/jatekok/madarles/default_images/bg.svg);
background-repeat:no-repeat;
background-position:center center;
background-size: 100% 100%;
}

.gameBgImg_a_farao_kartyai{
background-image:url(/jatekok/a_farao_kartyai/default_images/bg_homok.svg), url(/jatekok/a_farao_kartyai/default_images/bg_piramis.svg), url(/jatekok/a_farao_kartyai/default_images/bg_teve.svg);
background-repeat:no-repeat, no-repeat, no-repeat;
background-position:center center, right bottom, 40px -50px;
background-size: 100% 100%, auto auto, auto auto;
}

.gameBgImg_herold{
background-image:url(/jatekok/herold/default_images/bg.png);
background-repeat:no-repeat;
background-position:center bottom;
}

.gameBgImg_kodfejto_detektiv{
background-image:url(/jatekok/kodfejto_detektiv/default_images/bg.png);
background-repeat:no-repeat;
background-position:center 20px;
}

.gameBgImg_meteorzapor{
	background-image:url(/jatekok/meteorzapor/default_images/bg.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.gameBgImg_nucky{
	background-image:url(/jatekok/nucky/default_images/bg_left.png), url(/jatekok/nucky/default_images/bg_right.png);
	background-repeat:no-repeat;
	background-position:left bottom, right bottom;
	background-size: auto auto;
}

.gameBgImg_memoriakigyo-v2{
	background-image:url(/jatekok/memoriakigyo-v2/default_images/bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: cover;
}

.gameBgImg_szivarvany-v2{
	background-image:url(/jatekok/szivarvany-v2/default_images/bg.png);
	background-repeat:no-repeat;
	background-position: left 216px;
}

.gameBgImg_titkosugynok-v2{
	background-image:url(/jatekok/titkosugynok-v2/default_images/bg.png);
	background-repeat:no-repeat;
	background-position: center center;
}

.gameBgImg_titokzatos-professzor{
	background-image:url(/jatekok/titokzatos-professzor/default_images/bg.png);
	background-repeat:no-repeat;
	background-position: top center;
}

.gameBgImg_kaszino{
	background-image:url(/jatekok/kaszino/default_images/bg.png);
	background-repeat:no-repeat;
	background-position: top center;
	background-size: cover;
}
.gameBgImg_poggyaszvaro-v2{
	background-image:url(/jatekok/poggyaszvaro-v2/default_images/bg.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: 0 230px;
}
.gameBgImg_kollegium{
	background-image:url(/jatekok/kollegium/default_images/bg.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: center -600px;
}
.gameBgImg_gyanus-alak-v2{
	background-image:url(/jatekok/gyanus-alak-v2/default_images/bg.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: center 180px;
}
.gameBgImg_epitesz{
	background-image:url(/jatekok/epitesz/default_images/bg.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: center center;
}

/*GAME BG END*/

.contentTopSectionSlider{
	height: 500px;
}

.contentTopSectionReg{
	height: 100px;
}

.contentTopSectionGameDetails{
	height: 200px;
}

.contentTopSectionGame{
	height:590px;
}

.contentTopSectionGameWide{
	height: 570px;

	#gameFrameContainer{
		width: 960px;

		iframe{
			width: 960px;
		}
	}
}

.noScroll{
	overflow: hidden !important;
}

#sizeInfo{
	position:fixed;
	background:#002F55;
	width:auto;
	height:auto;
	padding:5px;
	right:5px;
	bottom:5px;
	font-family:@FONT_unique;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	opacity:0.8;
	z-index:9999;
	.boxShadow(rgba(0,0,0,0.4), 2px, 10px);

}

/* KÉPESSÉGEIM START*/

.resultBox {
	float: left;
	width: 315px;
	height: 610px;
	margin: 0px 10px 30px 0px;

	h2 {
		font-family: @FONT_decor;
		font-size: 28px;
		font-weight: normal;
		color: @BLUE;
		line-height: 100%;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}

	.img {
		display: block;
		height: 80px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.results {
		background: #FFFFFF;
		height: 460px;

		ul {
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			list-style-type: none;

			li {
				margin: 0px 0px 0px 0px;
				padding: 0px 30px 0px 30px;

				.cont {
					display: table;
					width: 100%;
					border-bottom: 1px solid #E5E5E5;

					span {
						display: table-cell;
						text-align: left;
						vertical-align: top;
						padding: 14px 0px 12px 0px;
					}

					.num {
						font-family: @FONT_medium;
						font-size: 13px;
						font-weight: normal;
						line-height: 100%;
						color: #000000;
						width: 35px;
					}

					.name {
						font-family: @FONT_light;
						font-size: 14px;
						font-weight: normal;
						line-height: 100%;
						color: #000000;
					}

					.point {
						font-family: @FONT_black;
						font-size: 12px;
						font-weight: normal;
						line-height: 100%;
						color: #000000;
						width: 100px;
						text-align: right;
					}
				}

			}

			li:last-child {
				.cont {
					border: none;
				}
			}

			li.my {
				background: rgba(0, 0, 0, 0.1);
			}
		}
	}

	.foot {
		text-align: right;
		margin-top: 10px;

		.details {
			font-family: @FONT_black;
			font-size: 15px;
			font-weight: normal;
			line-height: 100%;
			color: @BLUE;
			text-decoration: underline;
		}
	}
}

.resultBox:nth-child(3n) {
	margin: 0px 0px 30px 0px;
}

#myResultsPage{
	.left {
		width: 320px;

		h2 {
			font-family: @FONT_decor;
			font-size: 28px;
			font-weight: normal;
			color: @BLUE;
			line-height: 100%;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
		}

		.gamelink {
			display: block;
			position: relative;
			height: 180px;
			margin: 20px 0px 40px 0px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;

			span {
				position: absolute;
				left: 0px;
				bottom: 20px;
				padding: 12px 15px 12px 15px;
				background: @GREEN;
				font-family: 'Spicy Rice', 'Arial';
				font-size: 28px;
				font-weight: normal;
				color: #FFFFFF;
			}
		}

		.gameplace {
			margin-bottom: 50px;

			h1 {
				font-family: @FONT_decor;
				font-size: 40px;
				font-weight: normal;
				color: @BLUE;
				line-height: 100%;
				margin: 0px 0px 10px 0px;
				padding: 0px 0px 0px 0px;
			}

			h2 {
				font-family: @FONT_decor;
				font-size: 26px;
				font-weight: normal;
				color: @GREEN;
				line-height: 100%;
				margin: 0px 0px 15px 0px;
				padding: 0px 0px 0px 0px;
			}

			.where {
				font-family: @FONT_light;
				font-size: 13px;
				font-weight: normal;
				line-height: 100%;
				color: #000000;
				margin-bottom: 6px;
			}

			.resline {
				position: relative;
				.min {
					position: absolute;
					left: 0px;
					top: 15px;
					font-family: @FONT_medium;
					font-size: 12px;
					font-weight: normal;
					line-height: 100%;
					color: #000000;
				}

				.max {
					position: absolute;
					right: 0px;
					top: 15px;
					font-family: @FONT_medium;
					font-size: 12px;
					font-weight: normal;
					line-height: 100%;
					color: #000000;
				}

				.line {
					height: 10px;
					border-radius: 10px;
					background: #D5D7DB;

					div {
						height: 10px;
						border-radius: 10px;
						background: @GREEN;
					}
				}
			}

			.table {
				margin-bottom: 15px;
				.left {
					width: 120px;
					display: none;
				}

				.right {
					padding-left: 0px;
					vertical-align: bottom;

					.place {
						font-family: @FONT_black;
						font-size: 26px;
						font-weight: normal;
						line-height: 100%;
						color: @BLUE;
						margin-bottom: 8px;
					}

					.best {
						font-family: @FONT_light;
						font-size: 13px;
						font-weight: normal;
						line-height: 100%;
						color: #000000;
						margin-bottom: 6px;
					}

					.point {
						font-family: @FONT_black;
						font-size: 17px;
						font-weight: normal;
						line-height: 100%;
						color: @BLUE;
						margin-bottom: 4px;
					}

					.date {
						font-family: @FONT_light;
						font-size: 13px;
						font-weight: normal;
						line-height: 100%;
						color: #000000;
						margin-bottom: 0px;
					}
				}
			}

		}

		.results {
			background: #FFFFFF;

			ul {
				margin: 0px 0px 0px 0px;
				padding: 10px 0px 10px 0px;
				list-style-type: none;

				li {
					margin: 0px 0px 0px 0px;
					padding: 0px 30px 0px 30px;

					.cont {
						display: table;
						width: 100%;
						border-bottom: 1px solid #E5E5E5;

						span {
							display: table-cell;
							text-align: left;
							vertical-align: top;
							padding: 14px 0px 12px 0px;
						}

						.date {
							font-family: @FONT_medium;
							font-size: 13px;
							font-weight: normal;
							line-height: 100%;
							color: #000000;

						}

						.point {
							font-family: @FONT_black;
							font-size: 12px;
							font-weight: normal;
							line-height: 100%;
							color: #000000;
							width: 100px;
							text-align: right;
						}
					}

				}

				li:last-child {
					.cont {
						border: none;
					}
				}
			}
		}
	}

	.right {
		padding-left: 40px;

		.table {
			border-bottom: 1px solid #DBDCDF;
			margin-bottom: 10px;

			div {
				display: table-cell;
				text-align: left;
				vertical-align: bottom;
				padding-bottom: 10px;
			}

			.img {
				width: 56px;
				display: none;
				span {
					display: block;
					width: 56px;
					height: 56px;
					background-color: #DBDCDF;

					img {
						width: 56px;
					}
				}
			}

			.place {
				width: 60px;
				text-align: center;
				vertical-align: middle;

				span {
					display: inline-block;
					width: 30px;
					height: 24px;
					padding-top: 6px;
					background: #D5D7DB;
					font-family: @FONT_black;
					font-size: 17px;
					font-weight: normal;
					line-height: 100%;
					color: #000000;
					border-radius: 30px;
				}
			}

			.gold {
				span {
					background: #FBD12C;
				}
			}
			.silver {
				span {
					background: #5C697C;
					color: #FFFFFF;
				}
			}
			.bronze {
				span {
					background: #F6762B;
				}
			}

			.namepoint {
				.name {
					display: block;
					font-family: @FONT_decor;
					font-size: 30px;
					font-weight: normal;
					color: @BLUE;
					line-height: 100%;
					margin-bottom: 6px;
				}

				.point {
					display: block;
					font-family: @FONT_black;
					font-size: 12px;
					font-weight: normal;
					line-height: 100%;
					color: #000000;
				}
			}

			.date {
				text-align: right;
				font-family: @FONT_medium;
				font-size: 13px;
				font-weight: normal;
				line-height: 100%;
				color: #000000;
				white-space: nowrap;
			}
		}

		.table:last-child {
			border: none;
		}
	}
}

.diagTitle {
	font-family: @FONT_decor;
	font-size: 28px;
	font-weight: normal;
	color: @BLUE;
	line-height: 100%;
	margin: 20px 0px 20px 0px;
}

#calcCanvCont {
	margin-top: 0px;
	width: auto;
	height: 250px;
	overflow: hidden;
	position: relative;
	background: #DBDCDF;
}

#calcBorders {
	height: 250px;
	width: 100%;
	position: absolute;
	z-index: 10;
	opacity: 0.5;

	.border {
		height: 1px;
		display: block;
		position: absolute;
		width: 100%;

		span {
			position: absolute;
			display: block;
			color: #FFFFFF;
			font-family: @FONT_bold;
			font-size: 10px;
			line-height: 100%;
			padding: 3px 6px 2px 6px;
			margin: -8px 0px 0px 10px;
		}
	}
}

#calcHovers {
	position: absolute;
	height: 250px;
	z-index: 20;

	.hover {
		display: block;
		position: absolute;
		width: 20px;
		height: 250px;
		cursor: pointer;

		.tip {
			display: none;
			position: relative;
			background: #FFFFFF;
			font-family: @FONT_decor;
			font-size: 18px;
			font-weight: normal;
			color: @BLUE;
			line-height: 100%;
			margin: 10px 0px 0px 14px;
			padding: 8px 15px 8px 15px;
			box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);

		}

		.tip:before {
			content: "";
			width: 0;
			height: 0;
			top: 8px;
			left: -6px;
			position: absolute;
			border-top: 8px solid transparent;
			border-right: 8px solid #FFFFFF;
			border-bottom: 8px solid transparent;
		}
	}

	.hover:hover {
		.tip {
			display: inline-block;
		}
	}
}

.table{
	display:table;
	width:100%;
	.left{
		display:table-cell;
		text-align:left;
		vertical-align:top;
	}

	.right{
		display:table-cell;
		text-align:left;
		vertical-align:top;
	}
}
.resultsTop{
	margin-bottom:50px;
	margin-top: 30px;

	.left{
		h1 {
			//			font-family: @FONT_decor;
			font-family: @FONT_rg;
			font-size: 40px;
			font-weight: normal;
			color:#00C7FB;
			line-height: 100%;
			margin: 0px 0px 40px 0px;
			padding: 0px 0px 0px 0px;
		}

		.radarIcons{
			position:relative;
			img {
				position: absolute;
				top: -28px;
				left: -16px;
				z-index: 40;
				opacity: 0.4;
			}

			@hex_w:50px;
			@hex_h:60px;
			@hex_r:13px;

			@i_left:-16px;
			@i_width:432px;
			@i_top:-41px;
			@i_bottom:436px;
			@i_hc:207px;
			@i_v1:13px;
			@i_v2:118px;
			@i_v3:277px;
			@i_v4:384px;

			@i_hr:@i_hc+150;
			@i_hl:@i_hc - 148;

			.hexalink {
				position: absolute;
				z-index: 50;
				width: @hex_w;
				height: @hex_h;
				top: 0px;
				left: 0px;

				.shadow {
					display: block;
					position: relative;
					width: @hex_w;
					height: @hex_h+20;
					background-image: none;
					background-repeat: no-repeat;
					background-position: center bottom;
					background-size: 100% auto;

					.name {
						display: inline-block;
						width: 110px;
						position: absolute;
						text-align: center;
						color: #000000;
						font-size: 9px;
						white-space: nowrap;
						bottom: -11px;
						left: 50%;
						margin-left: -55px;
						opacity: 0.7;

						b {
							display: inline-block;
							background: #DBDEDD;
							font-weight: normal;
							padding: 0px 8px 0px 8px;
						}
					}
				}

				.front {
					position: absolute;
					z-index: 20;
				}

				.hexagon {
					display: block;
					width: @hex_w;
					height: @hex_h/2;
					background: red;
					position: relative;
					margin-top: 26px;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: 26px auto;

				}
				.hexagon:before {
					content: "";
					position: absolute;
					top: -@hex_r;
					left: 0;
					width: 0;
					height: 0;
					border-left: @hex_w/2 solid transparent;
					border-right: @hex_w/2 solid transparent;
					border-bottom: @hex_r solid red;
				}
				.hexagon:after {
					content: "";
					position: absolute;
					bottom: -@hex_r;
					left: 0;
					width: 0;
					height: 0;
					border-left: @hex_w/2 solid transparent;
					border-right: @hex_w/2 solid transparent;
					border-top: @hex_r solid red;
				}
			}


			/*.hexalink:nth-of-type(1){top: @i_top;left: @i_hc;}
			.hexalink:nth-of-type(2){top: @i_v1;left: @i_hr;}
			.hexalink:nth-of-type(3){top: @i_v2;left: @i_width;}
			.hexalink:nth-of-type(4){top: @i_v3;left: @i_width;}
			.hexalink:nth-of-type(5){top: @i_v4;left: @i_hr;}
			.hexalink:nth-of-type(6){top: @i_bottom;left: @i_hc;}
			.hexalink:nth-of-type(7){top: @i_v4;left: @i_hl;}
			.hexalink:nth-of-type(8){top: @i_v3;left: @i_left;}
			.hexalink:nth-of-type(9){top: @i_v2;left: @i_left;}
			.hexalink:nth-of-type(10){top: @i_v1;left: @i_hl;}*/


			.penztaros{.hexagon {background-color: #FFC4DA;}.hexagon:before {border-bottom: @hex_r solid #FFC4DA;}.hexagon:after {border-top: @hex_r solid #FFC4DA;}}
			.jegyszedo{.hexagon {background-color: #BEC0E6;}.hexagon:before {border-bottom: @hex_r solid #BEC0E6;}.hexagon:after {border-top: @hex_r solid #BEC0E6;}}
			.kalauz{.hexagon {background-color: #1BB489;}.hexagon:before {border-bottom: @hex_r solid #1BB489;}.hexagon:after {border-top: @hex_r solid #1BB489;}}
			.solyomszem{.hexagon {background-color: #F6762B;}.hexagon:before {border-bottom: @hex_r solid #F6762B;}.hexagon:after {border-top: @hex_r solid #F6762B;}}
			.gyumolcslovolde{.hexagon {background-color: #392F2D;}.hexagon:before {border-bottom: @hex_r solid #392F2D;}.hexagon:after {border-top: @hex_r solid #392F2D;}}
			.dodzsem{.hexagon {background-color: #338EFF;}.hexagon:before {border-bottom: @hex_r solid #338EFF;}.hexagon:after {border-top: @hex_r solid #338EFF;}}
			.konzervtorony{.hexagon {background-color: #AFCDCF;}.hexagon:before {border-bottom: @hex_r solid #AFCDCF;}.hexagon:after {border-top: @hex_r solid #AFCDCF;}}
			.kastelyepites{.hexagon {background-color: #E4D88E;}.hexagon:before {border-bottom: @hex_r solid #E4D88E;}.hexagon:after {border-top: @hex_r solid #E4D88E;}}
			.csomagmegorzo{.hexagon {background-color: #6FC0D1;}.hexagon:before {border-bottom: @hex_r solid #6FC0D1;}.hexagon:after {border-top: @hex_r solid #6FC0D1;}}
			.memoriakigyo-v2{.hexagon {background-color: #FFAD01;}.hexagon:before {border-bottom: @hex_r solid #FFAD01;}.hexagon:after {border-top: @hex_r solid #FFAD01;}}
			.memoriakigyo{.hexagon {background-color: #5E7B05;}.hexagon:before {border-bottom: @hex_r solid #5E7B05;}.hexagon:after {border-top: @hex_r solid #5E7B05;}}
			.kollegium{.hexagon {background-color: #66B5BD;}.hexagon:before {border-bottom: @hex_r solid #66B5BD;}.hexagon:after {border-top: @hex_r solid #66B5BD;}}
			.kaszino{.hexagon {background-color: #72CFA5;}.hexagon:before {border-bottom: @hex_r solid #72CFA5;}.hexagon:after {border-top: @hex_r solid #72CFA5;}}
			.gyanus-alak-v2{.hexagon {background-color: #37302B;}.hexagon:before {border-bottom: @hex_r solid #37302B;}.hexagon:after {border-top: @hex_r solid #37302B;}}
			.gyanusalak{.hexagon {background-color: #EC8D00;}.hexagon:before {border-bottom: @hex_r solid #EC8D00;}.hexagon:after {border-top: @hex_r solid #EC8D00;}}
			.titkosugynok{.hexagon {background-color: #360F4E;}.hexagon:before {border-bottom: @hex_r solid #360F4E;}.hexagon:after {border-top: @hex_r solid #360F4E;}}
			.titkosugynok-v2{.hexagon {background-color: #DACDAD;}.hexagon:before {border-bottom: @hex_r solid #DACDAD;}.hexagon:after {border-top: @hex_r solid #DACDAD;}}
			.csillagleso{.hexagon {background-color: #033155;}.hexagon:before {border-bottom: @hex_r solid #033155;}.hexagon:after {border-top: @hex_r solid #033155;}}
			.csillagleso-v2{.hexagon {background-color: #033155;}.hexagon:before {border-bottom: @hex_r solid #033155;}.hexagon:after {border-top: @hex_r solid #033155;}}
			.szivarvany{.hexagon {background-color: #9E5D01;}.hexagon:before {border-bottom: @hex_r solid #9E5D01;}.hexagon:after {border-top: @hex_r solid #9E5D01;}}
			.szivarvany-v2{.hexagon {background-color: #D3D3D3;}.hexagon:before {border-bottom: @hex_r solid #D3D3D3;}.hexagon:after {border-top: @hex_r solid #D3D3D3;}}
			.barlangfestes{.hexagon {background-color: #4E4C57;}.hexagon:before {border-bottom: @hex_r solid #4E4C57;}.hexagon:after {border-top: @hex_r solid #4E4C57;}}
			.hangyafarm{.hexagon {background-color: #F1D59A;}.hexagon:before {border-bottom: @hex_r solid #F1D59A;}.hexagon:after {border-top: @hex_r solid #F1D59A;}}
			.poggyaszvaro{.hexagon {background-color: #5C5D00;}.hexagon:before {border-bottom: @hex_r solid #5C5D00;}.hexagon:after {border-top: @hex_r solid #5C5D00;}}
			.poggyaszvaro-v2{.hexagon {background-color: #FFBB42;}.hexagon:before {border-bottom: @hex_r solid #FFBB42;}.hexagon:after {border-top: @hex_r solid #FFBB42;}}
			.meteorzapor{.hexagon {background-color: #003040;}.hexagon:before {border-bottom: @hex_r solid #003040;}.hexagon:after {border-top: @hex_r solid #003040;}}
			.madarles{.hexagon {background-color: #01C5FF;}.hexagon:before {border-bottom: @hex_r solid #01C5FF;}.hexagon:after {border-top: @hex_r solid #01C5FF;}}
			.kollazs{.hexagon {background-color: #A8964A;}.hexagon:before {border-bottom: @hex_r solid #A8964A;}.hexagon:after {border-top: @hex_r solid #A8964A;}}
			.rioi-karneval{.hexagon {background-color: #20A1A7;}.hexagon:before {border-bottom: @hex_r solid #20A1A7;}.hexagon:after {border-top: @hex_r solid #20A1A7;}}
			.a_farao_kartyai{.hexagon {background-color: #F1CD83;}.hexagon:before {border-bottom: @hex_r solid #F1CD83;}.hexagon:after {border-top: @hex_r solid #F1CD83;}}
			.herold{.hexagon {background-color: #BF8E6F;}.hexagon:before {border-bottom: @hex_r solid #BF8E6F;}.hexagon:after {border-top: @hex_r solid #BF8E6F;}}
			.herold-antikvariuma-v2{.hexagon {background-color: #BF8E6F;}.hexagon:before {border-bottom: @hex_r solid #BF8E6F;}.hexagon:after {border-top: @hex_r solid #BF8E6F;}}
			.kakukktojas{.hexagon {background-color: #B64F02;}.hexagon:before {border-bottom: @hex_r solid #B64F02;}.hexagon:after {border-top: @hex_r solid #B64F02;}}
			.epitesz{.hexagon {background-color: #4669A0;}.hexagon:before {border-bottom: @hex_r solid #4669A0;}.hexagon:after {border-top: @hex_r solid #4669A0;}}
			.ekszeresz{.hexagon {background-color: #AE3A01;}.hexagon:before {border-bottom: @hex_r solid #AE3A01;}.hexagon:after {border-top: @hex_r solid #AE3A01;}}
			.kincses_barlang{.hexagon {background-color: #222222;}.hexagon:before {border-bottom: @hex_r solid #222222;}.hexagon:after {border-top: @hex_r solid #222222;}}
			.nucky{.hexagon {background-color: #52A7C7;}.hexagon:before {border-bottom: @hex_r solid #52A7C7;}.hexagon:after {border-top: @hex_r solid #52A7C7;}}
			.gyemantkereskedo-v2{.hexagon {background-color: #52A7C7;}.hexagon:before {border-bottom: @hex_r solid #52A7C7;}.hexagon:after {border-top: @hex_r solid #52A7C7;}}
			.titokzatos-professzor{.hexagon {background-color: #3C463E;}.hexagon:before {border-bottom: @hex_r solid #3C463E;}.hexagon:after {border-top: @hex_r solid #3C463E;}}
			.matekfeladat-oxfordon{.hexagon {background-color: #C4B157;}.hexagon:before {border-bottom: @hex_r solid #C4B157;}.hexagon:after {border-top: @hex_r solid #C4B157;}}
			.kodfejto_detektiv{.hexagon {background-color: #7E827A;}.hexagon:before {border-bottom: @hex_r solid #7E827A;}.hexagon:after {border-top: @hex_r solid #7E827A;}}
			.cellovolde{.hexagon {background-color: #013801;}.hexagon:before {border-bottom: @hex_r solid #013801;}.hexagon:after {border-top: @hex_r solid #013801;}}
			.konzervgyar{.hexagon {background-color: #0096D4;}.hexagon:before {border-bottom: @hex_r solid #0096D4;}.hexagon:after {border-top: @hex_r solid #0096D4;}}
			.zoldseges{.hexagon {background-color: #FCF8DE;}.hexagon:before {border-bottom: @hex_r solid #FCF8DE;}.hexagon:after {border-top: @hex_r solid #FCF8DE;}}
			.kalozmania{.hexagon {background-color: #5ED7FF;}.hexagon:before {border-bottom: @hex_r solid #5ED7FF;}.hexagon:after {border-top: @hex_r solid #5ED7FF;}}
			.szellemkastely{.hexagon {background-color: #4B187E;}.hexagon:before {border-bottom: @hex_r solid #4B187E;}.hexagon:after {border-top: @hex_r solid #4B187E;}}
			.szellemvadasz{.hexagon {background-color: #293952;}.hexagon:before {border-bottom: @hex_r solid #293952;}.hexagon:after {border-top: @hex_r solid #293952;}}


		}
		.radarIcons.db_14{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:-12px;left:311px;}
			.hexalink:nth-child(3){display:block; top:52px;left:396px;}
			.hexalink:nth-child(4){display:block; top:151px;left:436px;}
			.hexalink:nth-child(5){display:block; top:246px;left:437px;}
			.hexalink:nth-child(6){display:block; top:345px;left:395px;}
			.hexalink:nth-child(7){display:block; top:408px;left:311px;}
			.hexalink:nth-child(8){display:block; top:435px;left:207px;}
			.hexalink:nth-child(9){display:block; top:408px;left:104px;}
			.hexalink:nth-child(10){display:block; top:343px;left:18px;}
			.hexalink:nth-child(11){display:block; top:243px;left:-22px;}
			.hexalink:nth-child(12){display:block; top:149px;left:-22px;}
			.hexalink:nth-child(13){display:block; top:53px;left:19px;}
			.hexalink:nth-child(14){display:block; top:-12px;left:105px;}
		}
		.radarIcons.db_13{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:-9px;left:317px;}
			.hexalink:nth-child(3){display:block; top:64px;left:404px;}
			.hexalink:nth-child(4){display:block; top:171px;left:440px;}
			.hexalink:nth-child(5){display:block; top:287px;left:428px;}
			.hexalink:nth-child(6){display:block; top:376px;left:360px;}
			.hexalink:nth-child(7){display:block; top:429px;left:258px;}
			.hexalink:nth-child(8){display:block; top:429px;left:157px;}
			.hexalink:nth-child(9){display:block; top:376px;left:55px;}
			.hexalink:nth-child(10){display:block; top:287px;left:-13px;}
			.hexalink:nth-child(11){display:block; top:173px;left:-25px;}
			.hexalink:nth-child(12){display:block; top:64px;left:10px;}
			.hexalink:nth-child(13){display:block; top:-9px;left:97px;}
		}
		.radarIcons.db_12{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:-4px;left:325px;}
			.hexalink:nth-child(3){display:block; top:78px;left:413px;}
			.hexalink:nth-child(4){display:block; top:198px;left:441px;}
			.hexalink:nth-child(5){display:block; top:317px;left:413px;}
			.hexalink:nth-child(6){display:block; top:400px;left:325px;}
			.hexalink:nth-child(7){display:block; top:435px;left:207px;}
			.hexalink:nth-child(8){display:block; top:401px;left:91px;}
			.hexalink:nth-child(9){display:block; top:317px;left:2px;}
			.hexalink:nth-child(10){display:block; top:200px;left:-27px;}
			.hexalink:nth-child(11){display:block; top:79px;left:1px;}
			.hexalink:nth-child(12){display:block; top:-4px;left:90px;}
		}

		.radarIcons.db_11{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:1px;left:334px;}
			.hexalink:nth-child(3){display:block; top:96px;left:423px;}
			.hexalink:nth-child(4){display:block; top:228px;left:439px;}
			.hexalink:nth-child(5){display:block; top:350px;left:390px;}
			.hexalink:nth-child(6){display:block; top:420px;left:279px;}
			.hexalink:nth-child(7){display:block; top:420px;left:136px;}
			.hexalink:nth-child(8){display:block; top:350px;left:25px;}
			.hexalink:nth-child(9){display:block; top:229px;left:-25px;}
			.hexalink:nth-child(10){display:block; top:96px;left:-8px;}
			.hexalink:nth-child(11){display:block; top:1px;left:82px;}
		}

		.radarIcons.db_10{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:7px;left:343px;}
			.hexalink:nth-child(3){display:block; top:118px;left:431px;}
			.hexalink:nth-child(4){display:block; top:277px;left:431px;}
			.hexalink:nth-child(5){display:block; top:389px;left:343px;}
			.hexalink:nth-child(6){display:block; top:435px;left:207px;}
			.hexalink:nth-child(7){display:block; top:389px;left:73px;}
			.hexalink:nth-child(8){display:block; top:278px;left:-16px;}
			.hexalink:nth-child(9){display:block; top:118px;left:-16px;}
			.hexalink:nth-child(10){display:block; top:7px;left:72px;}
		}

		.radarIcons.db_9{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:16px;left:355px;}
			.hexalink:nth-child(3){display:block; top:147px;left:438px;}
			.hexalink:nth-child(4){display:block; top:318px;left:413px;}
			.hexalink:nth-child(5){display:block; top:416px;left:291px;}
			.hexalink:nth-child(6){display:block; top:417px;left:125px;}
			.hexalink:nth-child(7){display:block; top:318px;left:1px;}
			.hexalink:nth-child(8){display:block; top:147px;left:-24px;}
			.hexalink:nth-child(9){display:block; top:16px;left:60px;}
		}

		.radarIcons.db_8{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:34px;left:380px;}
			.hexalink:nth-child(3){display:block; top:198px;left:441px;}
			.hexalink:nth-child(4){display:block; top:361px;left:380px;}
			.hexalink:nth-child(5){display:block; top:435px;left:207px;}
			.hexalink:nth-child(6){display:block; top:361px;left:34px;}
			.hexalink:nth-child(7){display:block; top:198px;left:-25px;}
			.hexalink:nth-child(8){display:block; top:36px;left:35px;}
		}

		.radarIcons.db_7{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:52px;left:396px;}
			.hexalink:nth-child(3){display:block; top:248px;left:436px;}
			.hexalink:nth-child(4){display:block; top:407px;left:312px;}
			.hexalink:nth-child(5){display:block; top:408px;left:106px;}
			.hexalink:nth-child(6){display:block; top:245px;left:-21px;}
			.hexalink:nth-child(7){display:block; top: 53px;left: 18px;}
		}

		.radarIcons.db_6{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:78px;left:413px;}
			.hexalink:nth-child(3){display:block; top:317px;left:413px;}
			.hexalink:nth-child(4){display:block; top:435px;left:207px;}
			.hexalink:nth-child(5){display:block; top:318px;left:2px;}
			.hexalink:nth-child(6){display:block; top:78px;left:2px;}
		}

		.radarIcons.db_5{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:135px;left:431px;}
			.hexalink:nth-child(3){display:block; top:388px;left:343px;}
			.hexalink:nth-child(4){display:block; top:388px;left:71px;}
			.hexalink:nth-child(5){display:block; top:135px;left:-15px;}
		}

		.radarIcons.db_4{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:201px;left:441px;}
			.hexalink:nth-child(3){display:block; top:435px;left:207px;}
			.hexalink:nth-child(4){display:block; top:201px;left:-26px;}
		}

		.radarIcons.db_3{/**/
			.hexalink:nth-child(1){display:block; top:-39px;left:207px;}
			.hexalink:nth-child(2){display:block; top:318px;left:413px;}
			.hexalink:nth-child(3){display:block; top:318px;left:2px;}
		}
	}

	.right{
		width:415px;
	}
}

.abilitiesTop {
	margin-bottom: 20px;

	h1 {
		color: @BLUE !important;
	}
}

.select_list {
	display: inline;
	width: 300px;
	margin-top: 4px;
	padding: 10px 10px 10px 10px;
	border: 0px solid #FFFFFF;
	background: #E3E3E3;
	font-family: @FONT_lt;
	color: #000000;
	font-size: 13px;
	vertical-align: middle;
}

.results {
	background: #FFFFFF;
	height: 460px;

	ul {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		list-style-type: none;

		li {
			margin: 0px 0px 0px 0px;
			padding: 0px 10px 0px 5px;

			.cont {
				display: table;
				width: 100%;
				border-bottom: 1px solid #E5E5E5;

				span {
					display: table-cell;
					text-align: left;
					vertical-align: top;
					padding: 14px 0px 12px 0px;
				}

				.num {
					font-family: @FONT_medium;
					font-size: 13px;
					font-weight: normal;
					line-height: 100%;
					color: #000000;
					width: 35px;
				}

				.name {
					font-family: @FONT_light;
					font-size: 14px;
					font-weight: normal;
					line-height: 100%;
					color: #000000;
				}

				.point {
					font-family: @FONT_black;
					font-size: 12px;
					font-weight: normal;
					line-height: 100%;
					color: #000000;
					width: 100px;
					text-align: right;
				}
			}

		}

		li:last-child {
			.cont {
				border: none;
			}
		}

		li.my {
			background: rgba(0, 0, 0, 0.1);
		}
	}
}

.foot {
	text-align: right;
	margin-top: 10px;

	.details {
		font-family: @FONT_black;
		font-size: 15px;
		font-weight: normal;
		line-height: 100%;
		color: @BLUE;
		text-decoration: underline;
	}
}

/* KÉPESSÉGEIM END*/


/*	Tablet Layout: 768 - 960px.  */
@import "styleTablet.less";

/*	Wide Mobile Layout: 480px. */
@import "styleWildMobile.less";


/*	Mobile Layout: 320px. */
@import "styleMobile.less";