/**
 * Panama CMS css definitions
 */

.loginBoxWrapper {
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    display:none;/* Make it none as per your need*/
}

.ranking_head {
	font-weight:bold;
	text-align:center; 
	font-size:16px; 
}
.refresh {
	width:32px;
	height:32px;
	background-image:url('../images/refresh.png');	
}
.player_tlt {
	font-weight:bold;	
}

.rank_lnk {
	text-decoration:none;
	color:#878c91;	
}

.rank_grey {
	background-color: rgba(0,0,0,0.1);
}

.empire_rnk {
	width:27px;
	height:20px;	
	margin:auto;
}


.ranking_content {
	font-size:15px;
	text-align:center; 
}

#loadingBox {
	display:none;
	position : fixed;
	top:25px;
	right:25px;	
}

.windows8 {
	position: relative;
	width: 50px;
	height:50px;
}

.windows8 .wBall {
	position: absolute;
	width: 48px;
	height: 48px;
	opacity: 0;
	-moz-transform: rotate(225deg);
	-moz-animation: orbit 7.699999999999999s infinite;
	-webkit-transform: rotate(225deg);
	-webkit-animation: orbit 7.699999999999999s infinite;
	-ms-transform: rotate(225deg);
	-ms-animation: orbit 7.699999999999999s infinite;
	-o-transform: rotate(225deg);
	-o-animation: orbit 7.699999999999999s infinite;
	transform: rotate(225deg);
	animation: orbit 7.699999999999999s infinite;
}

.windows8 .wBall .wInnerBall{
	position: absolute;
	width: 6px;
	height: 6px;
	background: #232920;
	left:0px;
	top:0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

.windows8 #wBall_1 {
	-moz-animation-delay: 1.68s;
	-webkit-animation-delay: 1.68s;
	-ms-animation-delay: 1.68s;
	-o-animation-delay: 1.68s;
	animation-delay: 1.68s;
}

.windows8 #wBall_2 {
	-moz-animation-delay: 0.34s;
	-webkit-animation-delay: 0.34s;
	-ms-animation-delay: 0.34s;
	-o-animation-delay: 0.34s;
	animation-delay: 0.34s;
}

.windows8 #wBall_3 {
	-moz-animation-delay: 0.67s;
	-webkit-animation-delay: 0.67s;
	-ms-animation-delay: 0.67s;
	-o-animation-delay: 0.67s;
	animation-delay: 0.67s;
}

.windows8 #wBall_4 {
	-moz-animation-delay: 1.01s;
	-webkit-animation-delay: 1.01s;
	-ms-animation-delay: 1.01s;
	-o-animation-delay: 1.01s;
	animation-delay: 1.01s;
}

.windows8 #wBall_5 {
	-moz-animation-delay: 1.34s;
	-webkit-animation-delay: 1.34s;
	-ms-animation-delay: 1.34s;
	-o-animation-delay: 1.34s;
	animation-delay: 1.34s;
}

@-moz-keyframes orbit {
0% {
	opacity: 1;
	z-index:99;
	-moz-transform: rotate(-180deg);
	-moz-animation-timing-function: ease-out;
}

7% {
	opacity: 1;
	-moz-transform: rotate(-300deg);
	-moz-animation-timing-function: linear;
	-moz-origin:0%;
}

30% {
	opacity: 1;
	-moz-transform:rotate(-410deg);
	-moz-animation-timing-function: ease-in-out;
	-moz-origin:7%;
}

39% {
	opacity: 1;
	-moz-transform: rotate(-645deg);
	-moz-animation-timing-function: linear;
	-moz-origin:30%;
}

70% {
	opacity: 1;
	-moz-transform: rotate(-770deg);
	-moz-animation-timing-function: ease-out;
	-moz-origin:39%;
}

75% {
	opacity: 1;
	-moz-transform: rotate(-900deg);
	-moz-animation-timing-function: ease-out;
	-moz-origin:70%;
}

76% {
	opacity: 0;
	-moz-transform:rotate(-900deg);
}

100% {
	opacity: 0;
	-moz-transform: rotate(-900deg);
}

}

@-webkit-keyframes orbit {
0% {
	opacity: 1;
	z-index:99;
	-webkit-transform: rotate(-180deg);
	-webkit-animation-timing-function: ease-out;
}

7% {
	opacity: 1;
	-webkit-transform: rotate(-300deg);
	-webkit-animation-timing-function: linear;
	-webkit-origin:0%;
}

30% {
	opacity: 1;
	-webkit-transform:rotate(-410deg);
	-webkit-animation-timing-function: ease-in-out;
	-webkit-origin:7%;
}

39% {
	opacity: 1;
	-webkit-transform: rotate(-645deg);
	-webkit-animation-timing-function: linear;
	-webkit-origin:30%;
}

70% {
	opacity: 1;
	-webkit-transform: rotate(-770deg);
	-webkit-animation-timing-function: ease-out;
	-webkit-origin:39%;
}

75% {
	opacity: 1;
	-webkit-transform: rotate(-900deg);
	-webkit-animation-timing-function: ease-out;
	-webkit-origin:70%;
}

76% {
	opacity: 0;
	-webkit-transform:rotate(-900deg);
}

100% {
	opacity: 0;
	-webkit-transform: rotate(-900deg);
}

}

@-ms-keyframes orbit {
0% {
	opacity: 1;
	z-index:99;
	-ms-transform: rotate(-180deg);
	-ms-animation-timing-function: ease-out;
}

7% {
	opacity: 1;
	-ms-transform: rotate(-300deg);
	-ms-animation-timing-function: linear;
	-ms-origin:0%;
}

30% {
	opacity: 1;
	-ms-transform:rotate(-410deg);
	-ms-animation-timing-function: ease-in-out;
	-ms-origin:7%;
}

39% {
	opacity: 1;
	-ms-transform: rotate(-645deg);
	-ms-animation-timing-function: linear;
	-ms-origin:30%;
}

70% {
	opacity: 1;
	-ms-transform: rotate(-770deg);
	-ms-animation-timing-function: ease-out;
	-ms-origin:39%;
}

75% {
	opacity: 1;
	-ms-transform: rotate(-900deg);
	-ms-animation-timing-function: ease-out;
	-ms-origin:70%;
}

76% {
	opacity: 0;
	-ms-transform:rotate(-900deg);
}

100% {
	opacity: 0;
	-ms-transform: rotate(-900deg);
}

}

@-o-keyframes orbit {
0% {
	opacity: 1;
	z-index:99;
	-o-transform: rotate(-180deg);
	-o-animation-timing-function: ease-out;
}

7% {
	opacity: 1;
	-o-transform: rotate(-300deg);
	-o-animation-timing-function: linear;
	-o-origin:0%;
}

30% {
	opacity: 1;
	-o-transform:rotate(-410deg);
	-o-animation-timing-function: ease-in-out;
	-o-origin:7%;
}

39% {
	opacity: 1;
	-o-transform: rotate(-645deg);
	-o-animation-timing-function: linear;
	-o-origin:30%;
}

70% {
	opacity: 1;
	-o-transform: rotate(-770deg);
	-o-animation-timing-function: ease-out;
	-o-origin:39%;
}

75% {
	opacity: 1;
	-o-transform: rotate(-900deg);
	-o-animation-timing-function: ease-out;
	-o-origin:70%;
}

76% {
	opacity: 0;
	-o-transform:rotate(-900deg);
}

100% {
	opacity: 0;
	-o-transform: rotate(-900deg);
}

}

@keyframes orbit {
0% {
	opacity: 1;
	z-index:99;
	transform: rotate(-180deg);
	animation-timing-function: ease-out;
}

7% {
	opacity: 1;
	transform: rotate(-300deg);
	animation-timing-function: linear;
	origin:0%;
}

30% {
	opacity: 1;
	transform:rotate(-410deg);
	animation-timing-function: ease-in-out;
	origin:7%;
}

39% {
	opacity: 1;
	transform: rotate(-645deg);
	animation-timing-function: linear;
	origin:30%;
}

70% {
	opacity: 1;
	transform: rotate(-770deg);
	animation-timing-function: ease-out;
	origin:39%;
}

75% {
	opacity: 1;
	transform: rotate(-900deg);
	animation-timing-function: ease-out;
	origin:70%;
}

76% {
	opacity: 0;
	transform:rotate(-900deg);
}

100% {
	opacity: 0;
	transform: rotate(-900deg);
}

}