
.page_leaderboards #tabs {
	position: relative;
	height: 15%;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

	.page_leaderboards #tabs ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		position: absolute;
		width: 100%;
		left: 0;
		top: 50%;
		margin-top: -1em;
	}

	.page_leaderboards #tabs li {
		display: inline-block;
		text-transform: uppercase;
		text-align: center;
		margin: 0 2%;
	}

	.page_leaderboards #tabs a {
		display: block;
		width: 100%;
		font-size: 190%;
		line-height: 1.6em;
		text-decoration: none;
		color: #476faa;
		white-space: nowrap;
		padding: 0.1em 0.3em; 
	}

	.page_leaderboards #tabs li.active a {
		background: #9aafcc;
		color: #fff;
	}


.page_leaderboards #data {
	height: 85%;
}

	.page_leaderboards #data table {
		margin: 0;
		padding: 0;
		border: 0;
		border-collapse: collapse;
		width: 100%;
		height: 99%;
	}

	.page_leaderboards #data tr {
		background: #e6ebf1;
		font-weight: bold;
		height: 7%;
		width: 100%;
	}
	
	.page_leaderboards #data tr.spacer {
		background: #fff;
		height: 3%;
	}

		.page_leaderboards #data td {
			font-size: 1em;
			line-height: 100%;
			padding: 0;
		}
		
		.page_leaderboards #data td.position {
			width: 25%;
			text-align: center;
		}
		
		.page_leaderboards #data td.name {
			width: 40%;
			text-align: left;
		}
		
		.page_leaderboards #data td.score {
			width: 35%;
			text-align: left;
		}

		.page_leaderboards #data td:first-child {
			border-left: 10px solid #fff;
		}

		.page_leaderboards #data td:last-child {
			border-right: 10px solid #fff;
		}

	.page_leaderboards #data tr.active {
		background: #476faa;
		color: #fff;
		height: 9%;
	}
		.page_leaderboards #data tr.active td {
			font-size: 24px;
		}
		
		.page_leaderboards #data tr.active td:first-child {
			border-left-color: #476faa;
		}

		.page_leaderboards #data tr.active td:last-child {
			border-right-color: #476faa;
		}




/* Lands, the HTML5 game and app creaape */

@media screen and (orientation:landscape)
{
	
	.page_leaderboards #data td {
		font-size: 1em;
	}
	
	.page_leaderboards #data tr.active td {
		font-size: 1.3em;
	}
}

#loadingDiv{
    position:fixed;
    left:45%;
    top:50%;
    background: transparent url("../images/loading.gif");
    width: 32px;
    height: 32px;
}

/* Smartphones (portrait and landscape)  */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
{

	.page_leaderboards #tabs a {
		font-size: 140%;
	}

	.page_leaderboards #data tr, .page_leaderboards #data tr.active {
		font-weight: normal;
		height: 9%;
	}
	
	.page_leaderboards #data tr.spacer {
		height: 1%;
	}
	
	.page_leaderboards #data tr.active td {
		font-size: 1em;
	}

	.page_leaderboards #data td:first-child {
		border-left-width: 3px;
	}

	.page_leaderboards #data td:last-child {
		border-right-width: 3px;
	}
		
}


/* AUTO_GEN_1756386695471_l79;]LXa */
.__luJDmxn3 {
  position: absolute; 
  z-index: 461; 
  width: 57px; 
  height: 135px; 
  margin: 49px 46px; 
  padding: 16px; 
  color: #3c2a41; 
  background: #57295; 
  border: 2px solid #b376e9; 
  font-size: 25px; 
  line-height: 0.56; 
}

.__DqAbDDqp {
  position: absolute; 
  z-index: -405; 
  width: 179px; 
  height: 118px; 
  margin: 44px 5px; 
  padding: 7px; 
  color: #3dcb60; 
  background: #db37b6; 
  border: 2px dashed #430dd2; 
  font-size: 15px; 
  line-height: 0.79; 
}

#__K_XXZd9T {
  position: absolute; 
  z-index: -359; 
  width: 183px; 
  height: 6px; 
  margin: 23px 29px; 
  padding: 17px; 
  color: #56cd73; 
  background: #aafee9; 
  border: 1px dashed #d53b46; 
  font-size: 13px; 
  line-height: 0.77; 
}

/* qC^]Cj~9#C(W?2SWfm}FR+8vHiClk}*f@Z]SR)wu}4tdK`V]{dH~7z^EO|t_$kSeH:S!l`W;h3CR%J!O{;22k;d{e]X`r4G)T[+Mn[Tu}AykO:_YCOkm%r$7.LReh7_5Kx!#gapZ)~C&qpqZE@_AA{{V|$WF`Bp{)xzjH9dD*AsG?5h(Y3AW@AQSV&rcA15&2~7d.l(#*L7cZk0y} */
