@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900&subset=latin,latin-ext);
body {
  background: #02070D url('/gfx/layout/bg.jpg?v=1') no-repeat top center ;
  background-size: cover;
  background-attachment: fixed;
  margin-top:50px;
}
label{
	font-weight:normal;
}
.initial_hide{
	display:none;
}
.initial_hide_forced{
	display:none !important;
}
.ib{
	display:inline-block;
}
#top_bar{
	background:rgba(0,0,0,0.7);
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	position:absolute;
	top:0;
	width:100%;
	box-shadow: 0 4px 2px -2px #46a6de;
	z-index:999;
	height:30px;
	font-family: 'Play', sans-serif;
	line-height:30px;
}
#top_bar strong{
	float:right;
	color:white;
	font-weight:normal;
}
#top_bar > div{
	float:right;
	margin-right:10px;
	color:white;
}
#top_bar > div div{
	position:relative;
	top:-3px;
}
#top_bar .adv{
	float:left;
	margin-top:-2px;
	margin-left:-10px;
}
#top_bar strong span{
	color:#46a6de;
}
#top_bar strong button{
	display:inline-block;
}
#top_menu{
	width: 1062px;
	height:77px;
	background:url('/gfx/layout/menu.png');
	left:0;
	right:0;
	margin:auto;
	padding-top:27px;
	text-align:center;
	margin-top:-30px;
	margin-bottom:-10px;
}
#top_menu > button, #top_menu .hb{
	border:none;
	background:none;
	font-weight:bold;
	color:white;
	
	font-family: 'Play', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	text-shadow:
   -1px -1px 10px #000,  
    1px -1px 10px #000,
    -1px 1px 10px #000,
     1px 1px 10px #000;
}
#top_menu > button:hover, #top_menu .hb:hover{
	color:red;
}
#top_menu > button span{
	color:lime;
	font-size:12px;
	border-radius:5px;
}
#top_menu ul{
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
}
.left_column{
	width:200px;
	float:left;
	text-align:center;
}
.right_column{
	width:700px;
	float:right;
}
.pagepic{
	border:1px solid orange;
}
.icon{
	display:inline-block;
	vertical-align:middle;
}
.icon.newrap{
	width:21px;
	height:21px;
	background:url(/gfx/layout/msg.png) 0 0;
}
.icon.newpw{
	width:21px;
	height:21px;
	background:url(/gfx/layout/msg.png) -21px 0;
}
.menu_bar{
	display:none;
	position:absolute;
	z-index:999;
	margin-top:10px;
}
.menu_bar button,.menu_bar a{
	background:url(/gfx/layout/buttons.png) 0 0;
	width:149px;
	height:26px;
	display:block;
	text-align:left;
	padding-left:30px;
	border:none;
	color:white;
	font-family: 'Play', sans-serif;
	text-shadow:
   -1px -1px 10px #000,  
    1px -1px 10px #000,
    -1px 1px 10px #000,
     1px 1px 10px #000;
}
.menu_bar button:hover,.menu_bar a:hover{
	background:url(/gfx/layout/buttons.png) 0 -26px;
}
.menu_bar button:active,.menu_bar a:active{
	background:url(/gfx/layout/buttons.png) 0 -52px;
}
.menu_bar button:disabled,.menu_bar a:disabled{
	color:grey;
}
.closeicon{
	width:27px;
	height:27px;
	background: url('/gfx/layout/closepopup.png');
	border:none;
}
.newcloseicon{
	width:36px;
	height:36px;
	background: url('/gfx/layout/fight/close.png');
	border:none;
}
.newcloseicon:hover{
	background: url('/gfx/layout/fight/close.png') -36px 0;
}
.newcloseicon:active{
	background: url('/gfx/layout/fight/close.png') -72px 0;
}
.f_right{
	float:right;
}

.game_input{
	display:inline-block;
	height:31px;
}
.game_input.small input[type=text]{
	width:150px;
}
.game_input.vsmall input[type=text]{
	width:60px;
}
.game_input.vvsmall input[type=text]{
	width:45px;
}
.game_input input[type=text],.game_input input[type=password] {
  border: none;
  height: 31px;
  display: inline-block;
  background: url('/gfx/layout/select-bg.png');
  padding: 0 15px;
  font-size: 13px;
  color: #305779;
  font-family: 'Play', sans-serif;
  vertical-align:middle;
}
.game_input:before{
	height: 31px;
	width:6px;
	display:inline-block;
	background: url('/gfx/layout/select-lr.png') 0 0;
	content:"";
	vertical-align:middle;
}
.game_input:after{
	height: 31px;
	width:6px;
	display:inline-block;
	background: url('/gfx/layout/select-lr.png') -6px 0;
	content:"";
	vertical-align:middle;
}
.select_input{
	display:inline-block;
	vertical-align:middle;
}	
.select_input:before{
	height: 31px;
	width:6px;
	display:inline-block;
	background: url('/gfx/layout/select-lr.png') 0 0;
	content:"";
	vertical-align:middle;
	margin:0;
	float:left;
}
.select_input:after{
	height: 31px;
	width:6px;
	display:inline-block;
	background: url('/gfx/layout/select-lr.png') -6px 0;
	content:"";
	vertical-align:middle;
	margin:0;
	float:left;
}
.select_input select{
  margin: 0;
  background: url('/gfx/layout/select-arr.png') right no-repeat,url('/gfx/layout/select-bg.png');
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 0 0 0 14px;
  height: 31px;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  color: #376288;
  vertical-align:middle;
  padding-right:40px;
  float:left;
}
.big_button {
  background: url('/gfx/layout/newchar-bg.png') no-repeat top left;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Play', sans-serif;
  color: #fff;
  font-weight: Bold;
  font-sizE: 13px;
  width: 147px;
  text-decoration: none;
  border:none;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.big_button:hover {
  background: url('/gfx/layout/newchar-bg.png') no-repeat bottom left;
}
.big_button:disabled{
	opacity:0.5;
}
.gold_button {
  border: none;
  background: url('/gfx/layout/newchar-create.png') no-repeat top left;
  width: 206px;
  height: 37px;
  margin: 0;
  padding: 0;
  font-family: 'Play', sans-serif;
  font-size: 16px;
  color: #02111f;
  text-transform: uppercase;
  line-height: 37px;
  text-align: center;
  font-weight: Bold;
}
.gold_button:hover{
	background: url('/gfx/layout/newchar-create.png') no-repeat bottom left;
}
.blue_button {
  border: none;
  background: url('/gfx/layout/newchar-anuluj.png') no-repeat top left;
  width: 206px;
  height: 37px;
  margin: 0;
  padding: 0;
  font-family: 'Play', sans-serif;
  font-size: 16px;
  color: white;
  text-transform: uppercase;
  line-height: 37px;
  text-align: center;
  font-weight: Bold;
}
.blue_button:hover{
	background: url('/gfx/layout/newchar-anuluj.png') no-repeat bottom left;
}
.btn_small_gold {
  background: url('/gfx/layout/zalogowany-button-bg.png') no-repeat left top;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  text-align: center;
  width: 103px;
  color: #01070d;
  text-decoration: none;
  font-size: 12px;
  font-weight: Bold;
  text-transform: uppercase;
  border:none;
}
.btn_small_gold:hover {
  background: url('/gfx/layout/zalogowany-button-bg.png') no-repeat left bottom;
}
.checkbox{
	display:inline-block;
}
.checkbox label {
   cursor: pointer;
 
}
.checkbox input[type="checkbox"]{
	display:none;
}
.checkbox input[type="checkbox"] + label {
  width: 16px;
  min-height:16px;
  height: 16px;
  padding-left: 18px;
  background: url('/gfx/layout/newchar-checkbox.png') no-repeat left top;
}
.checkbox input[type="checkbox"]:checked + label {
 background: url('/gfx/layout/newchar-checkbox.png') no-repeat left bottom;
}
.radio{
	display:inline-block;
}
.radio label {
   cursor: pointer;
}
.radio input[type="radio"]{
	display:none;
}
.radio input[type="radio"] + label {
  width: 16px;
  min-height:16px;
  height: 16px;
  padding-left: 18px;
  background: url('/gfx/layout/newchar-checkbox.png') no-repeat left top;
}
.radio input[type="radio"]:checked + label {
 background: url('/gfx/layout/newchar-checkbox.png') no-repeat left bottom;
}
.newCheckbox {
	position:relative;
	display:inline-block;
  width: 19px;
  height: 19px;
  background: url('/gfx/layout/new-checkbox-bg.png') no-repeat left top;
  margin-right:6px;
}
.newCheckbox label {
  width: 19px;
  height: 19px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  background: url('/gfx/layout/new-checkbox-bg.png') no-repeat left top;
}
.newCheckbox label:after {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  top: 6px;
  left: 6px;
  background: #ecd61c;
  border-top: none;
  border-right: none;
  opacity: 0;
}
.newCheckbox label:hover::after {
  opacity: 0.3;
}
.newCheckbox input[type=checkbox],.newCheckbox input[type=radio] {
  visibility: hidden;
}
.newCheckbox input[type=checkbox]:checked + label:after,.newCheckbox input[type=radio]:checked + label:after {
  opacity: 1;
}
.newBtn {
  background: url('/gfx/layout/ranking-button-bg.png') left top repeat-x;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  font-weight: Bold;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  margin: 0;
  padding: 0 10px;
  border-radius: 5px;
  cursor: pointer;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

.newBtn:hover {
  background: url('/gfx/layout/ranking-button-bg.png') left bottom;
}
.newBtn.active{
	background: url('/gfx/layout/ranking-active.png') left top repeat-x;
	color:white;
}
.newBtn.active:hover{
	background: url('/gfx/layout/ranking-active.png') left bottom;
}
.newBtn2 {
	background: url('/gfx/layout/b2.png');
	width:86px;
	height:26px;
	border:none;
	color:white;
	text-transform:uppercase;
	box-shadow:0 0 10px black;
	margin:5px;
}
.newBtn2:hover{
	background: url('/gfx/layout/b2.png') 0 -26px;
}
.newBtn2:active{
	background: url('/gfx/layout/b2.png') 0 -52px;
}
#newCharPopUp {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#newCharPopUp #overflow {
  background: rgba(0,0,0,0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
#new_char_btn{
	position: absolute;
	top: 14px;
	right: 131px;
}
#newCharPopUp #newCharContent {
  background: url('/gfx/layout/newcharpopup-bg.png') no-repeat;
  width: 510px;
  height: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -195px 0 0 -230px;
}
#newCharPopUp #newCharContent #closePopUp {
  position: absolute;
  top: -8px;
  right: -13px;
  cursor: pointer;
}
#newCharPopUp #newCharContent h2 {
  display: block;
  text-align: center;
  color: #fff;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  margin:0;
}
#newCharPopUp #newCharContent h3 {
  display: block;
  text-align: center;
  color: #e8da23;
  font-family: 'Play', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  font-weight: Bold;
   margin:0;
}
#newCharPopUp #newCharContent .cancel {
  bottom: 23px;
  right: 19px;
  position: absolute;
}
#newCharPopUp #newCharContent .nf {
  position: absolute;
  bottom: 74px;
  left: 21px;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  color:white;
}
#newCharPopUp #newCharContent .noO {
  color: #105396;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  position: absolute;
  bottom: 74px;
  right: 19px;
}
#newCharPopUp #newCharContent .inputText {
  position: absolute;
}
#newCharPopUp #newCharContent .inputText label {
  width: 99px;
  float: left;
  color: #fffce2;
  font-family: 'Play', sans-serif;
  font-size: 15px;
  height: 31px;
  line-height: 31px;
  display: block;
}
#newCharPopUp #newCharContent .inputText .game_input {
  float: left;
  display: block;
  padding: 0 15px;
  width: 280px;
}
#newCharPopUp #newCharContent .inputText.first {
  position: absolute;
  top: 96px;
  left: 34px;
}
#newCharPopUp #newCharContent .inputText.second {
  position: absolute;
  top: 170px;
  left: 32px;
}
#newCharPopUp #newCharContent .sex {
  position: absolute;
  top: 130px;
  left: 87px;
  width:300px;
  color: #fffce2;
  font-family: 'Play', sans-serif;
  font-size: 15px;
}
#newCharPopUp #newCharContent .sex  label {
  height: 16px;
  display:inline-block;
  margin-right:10px;
}
#newCharPopUp #newCharContent button{
  position: absolute;
  bottom: 25px;
  left: 21px;
}

#newCharPopUp #newCharContent .road {
  position: absolute;
  top: 212px;
  left: 21px;
}

#newCharPopUp #newCharContent .road > span {
  display: block;
  height: 75px;
  line-height: 75px;
  width: 98px;
  float: left;
  color: #fffce2;
  font-family: 'Play', sans-serif;
  font-size: 15px;
  text-align:right;
}
#newCharPopUp #newCharContent .road .chooseRace {
  float: left;
  width:480px;
}
#newCharPopUp #newCharContent .road .chooseRace .race{
	width:50px;
	height:80px;
	display:inline-block;
	margin:3px;
	text-align:center;
}
#newCharPopUp #newCharContent .road .chooseRace .race.disabled{
	opacity:0.5;
}
#newCharPopUp #newCharContent .road .chooseRace .race span{
	color:white;
}
#newCharPopUp #newCharContent .road .chooseRace .race img{
	width:54px;
	height:54px;
	display:block;
}
#chooseChar {
  position: relative;
}
#chooseChar .title {
  height: 69px;
  width: 100%;
  position: relative;
  font-family: 'Play', sans-serif;
  margin: 0 0 16px 0;
}
#chooseChar .title h1 {
  font-size: 15px;
  color: #46a6de;
  font-weight: Bold;
  position: absolute;
  top: 5px;
  left: 60px;
}
#chooseChar .title h1 strong {
  color: #e8da23;
}
#chooseChar .title:before {
  width: 939px;
  height: 68px;
  position: absolute;
  top: 0;
  left: -50px;
  content: '';
  background: url('/gfx/layout/choosechar-title-bg.png');
}
#chooseChar h2 {
  display: block;
  padding: 0 0 0 18px;
  height: 49px;
  line-height: 49px;
  margin: 0 10px 16px;
  border-radius: 5px;
  background: url('/gfx/layout/choosechar-h2.png');
  font-size: 16px;
  font-weight: Bold;
  color: #e8da23;
  font-family: 'Play', sans-serif;
}
#chooseChar ul li {
  float: left;
  width: 170px;
  height: 250px;
  display: block;
  margin: 0 5px 6px;
  background:rgba(0,0,0,0.3);
  cursor:pointer;
  border-radius: 3px;
	 border:1px solid black;
}
#chooseChar ul li:hover{
 background:rgba(0,0,0,0.1);
 border:1px solid orange;
 animation:char_selection 1s linear infinite;
}
#chooseChar ul li figure {
  margin: 0;
  padding: 0;
  width: 168px;
  height: 168px;
  position: relative;
  background: #062340;
  border-radius: 5px;
}
#chooseChar ul li figure img {
  width: 163px;
  height: 163px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 1px;
  border: 1px solid #020e1a;
}
#chooseChar ul li div{
	text-align:center;
	margin-bottom:5px;
}
#chooseChar ul li h3 {
  display: block;
  font-family: 'Play', sans-serif;
  font-weight: Bold;
  color: #e8da23;
  text-align: center;
  margin: 10px 0 5px;
  font-size: 14px;
}
#chooseChar ul li h4 {
  display: block;
  font-family: 'Play', sans-serif;
  color: #46a6de;
  text-align: center;
  margin: 5px 0 0px 0;
  font-size: 14px;
}
#chooseChar ul li .link {
  background: url('/gfx/layout/charplay.png') no-repeat left top;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Play', sans-serif;
  color: #fff;
  font-weight: Bold;
  font-size: 14px;
  width: 140px;
  text-decoration: none;
}
#chooseChar ul li a:hover {
  background: url('/gfx/layout/charplay.png') no-repeat left bottom;
}
#chooseChar ul:after {
  clear: both;
  content: "";
  display: block;
}
#chooseChar:after {
  clear: both;
  content: "";
  display: block;
}
div.blueBg {
  width: 100%;
  padding: 15px 20px;
  background: #04182c;
  border-radius: 5px;
  margin-top: 15px;
  box-sizing: border-box;
}
div.blueBg h4 {
  padding: 0 !important;
  margin: 0 !important;
  display: block;
}
div.blueBg table {
  margin-bottom: 5px;
}
div.blueBg table tr td {
  padding: 5px;
}
div.blueBg table tr td:nth-child(2) {
  color: #ecd61c;
  font-weight: 600;
}
div.blueBg table tr td:nth-child(4) {
  color: #ecd61c;
  font-weight: 600;
}
div.blueBg table.firstStrong tr td {
  padding: 5px;
}
div.blueBg table.firstStrong tr td:nth-child(2) {
  color: white;
  font-weight: 400;
}
div.blueBg table.firstStrong tr td:nth-child(4) {
  color: white;
  font-weight: 400;
}
div.blueBg table.firstStrong tr td:nth-child(1) {
  color: #ecd61c;
  font-weight: 600;
}
div.blueBg table.firstStrong tr td:nth-child(3) {
  color: #ecd61c;
  font-weight: 600;
}
div.blueBg form {
  display: inline-block;
}
#res_loader{
	box-shadow:0 0 10px white;
	border-radius:4px;
	background: #221916;
	padding:20px;
	z-index:200000000000;
	width:494px;
	height:191px;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	position:fixed;
	top:30%;
	padding:5px;
	text-align:center;
	display:none;
	font-size:12px;
	background:linear-gradient(#02070D,rgba(0,0,0,0.8));
	color:orange;
}
#res_loader .bar_container{
	box-shadow: inset 0 0 3px white;
	width:402px;
	height:18px;
	background: #585858;
	margin-top:30px;
	margin-left:50px;
}
#res_loader .bar_container #loading_bar{
	height:15px;
	width:0%;
	height:18px;
	background: linear-gradient(#0091E2,blue);
}
#res_loader .bar_container #loading_text{
	position:relative;
	top:-19px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
#res_loader span{
	font-size:20px;
}
.kom{
	position:fixed;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	z-index:999999;
	background: rgba(70,128,193,0.9); 
	padding:20px; 
	box-shadow:0 0 3px 3px black;
	font-family:'Play';
	font-size:14px;
	text-align:center;
	width:600px;
	color:white;
	text-shadow:
   0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.kom .close_kom{
	position:absolute;
	right:-15px;
	top:-15px;
	cursor: pointer;
}
.kom .close_kom b{
	background:#03A6FF;
	width:50px;
	height:50px;
	border-radius:60px;
	padding-top:13px;
	display:block;
	color:white;
	border:3px solid black;
}
.kom .close_kom b:hover{
	background:red;
	border-radius:50px;
}

.r1{color:#E6E600;}
.r2{color:#B30000;}
.r3{color:#002EB8;}
.r4{color:#33FF66;}
.r5{color:#CC99FF;}
.r6{color:#FF8000;}
.clr{
	clear:both;
}
#loader{
	display:none;
	position:fixed;
	right:0;
	bottom:0;
	width:128px;
	height:128px;
	z-index:98999999999999;
	pointer-events: none;
}

#loader img{
	width:128px;
	height:128px;
}
#chat_containter{
	width:85px;
	height:32px;
	position:fixed;
	bottom:0;
	left:0;
	z-index:9;
	background:#090f17;
	border:1px solid white;
	border-style: solid; 
	 border-top-right-radius: 10px;
	border-width: 7px 8px 3px 2px; 
	-moz-border-image: url(/gfx/layout/chat_border.png) 7 8 3 2 repeat;
	-webkit-border-image: url(/gfx/layout/chat_border.png) 7 8 3 2 repeat;
	-o-border-image: url(/gfx/layout/chat_border.png) 7 8 3 2 repeat;
	border-image: url(/gfx/layout/chat_border.png) 7 8 3 2 fill repeat;
}
#chat_drag{
	background:linear-gradient(navy,black);
	cursor:move;
	float:left;
	width:535px;
}
.chatbtn{
	width:75px;
	height:25px;
	background:url(/gfx/layout/chatButton.png);
	border:none;
	color:#BDC8B8;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	text-transform:uppercase;
	position:relative;
	float:left;
}
.chatbtn:hover{
	background:url(/gfx/layout/chatButton.png) 0 -25px;
}
.chatmc{
	width:21px;
	height:21px;
	background:url(/gfx/layout/messageCount.png);
	display:inline-block;
	text-shadow:1px 1px 0 #000;
	color:red;
	animation:chatnot 1s linear infinite;
	font-size:11px;
	line-height:21px;
	text-align:center;
	position:absolute;
	top:2px;
	right:-10px;
	vertical-align:middle;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.chatmc.empty{
	animation:none;
	background:url(/gfx/layout/messageCount.png) 0 -21px;
}
.chat_input{
	border-style: solid; 
	border-width: 4px 5px 5px 4px; 
	-moz-border-image: url(/gfx/layout/inputRepeatableX.png) 4 5 5 4 repeat; 
	-webkit-border-image: url(/gfx/layout/inputRepeatableX.png) 4 5 5 4 repeat; 
	-o-border-image: url(/gfx/layout/inputRepeatableX.png) 4 5 5 4 repeat; 
	border-image: url(/gfx/layout/inputRepeatableX.png) 4 5 5 4 fill repeat;
	background:url(/gfx/layout/chat_input.png);
	height:24px;
	width:500px;
	color:white;
	font-size:12px;
}
.chat_channel{
	border:1px solid black;
	float:left;
	padding:2px;
	margin:2px;
	line-height:20px;
	font-size:15px;
	cursor:pointer;
	background:grey;
	color:white;
	background:url(/gfx/layout/categoryButtons.png);
	width:70px;
	height:28px;
	position:relative;
	text-transform:uppercase;
	font-size:11px;
	line-height:24px;
	padding-left:5px;
}
.chat_channel_switch{
	border:1px solid black;
	float:right;
	padding:2px;
	margin:2px;
	line-height:20px;
	font-size:15px;
	cursor:pointer;
	background:grey;
	color:white;
	background:url(/gfx/layout/categoryButtons.png);
	width:70px;
	height:28px;
	position:relative;
	text-transform:uppercase;
	font-size:11px;
	line-height:24px;
	padding-left:5px;
}
.channel_opts{
	height:30px;
}
.channel_opts a{
	background:linear-gradient(silver,grey);
	border-bottom:1px solid pink;
	border-right:1px solid pink;
	padding-left:15px;
	padding-right:15px;
	color:black;
	text-transform:uppercase;
	font-size:12px;
	margin-right:5px;
}
.channel_opts a:hover{
	background:red;
}
.chat_channel:hover{
	background:url(/gfx/layout/categoryButtons.png) 0 -28px;
}
.chat_channel.active{
	background:url(/gfx/layout/categoryButtons.png) 0 -56px;
}
#chat_form .game_input input{
	width:400px;
}
#chat_messages{
	width:610px;
	height:200px;
	overflow-x: hidden;
	overflow-y:scroll;
}
.chat_row{
	background:url(/gfx/layout/texturaNormal.png);
	padding:5px;
	clear:both;
	margin:2px;
	color:white;
}
.chat_row.stick1{
	border:1px solid orange;
}
.klan_notes .chat_icon{
	margin-top:-5px;
	
}
.chat_row .avatar{
	width:60px;
	height:60px;
	float:left;
	margin:2px;
}
.chat_row .avatar_side{
	width:64px;
	height:64px;
	float:left;
	text-align:center;
	background:rgba(0,0,0,0.8);
	margin-right:5px;
	position:relative;
}
.chat_row .avatar_side span{
	position:absolute;
	bottom:0px;
	right:2px;
	font-size:10px;
	display:block;
	text-align:center;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.chat_icon{
	width:30px;
	height:30px;
	display:inline-block;
	border:none;
	content:'';
}
.chat_icon.clear{
	background:url(/gfx/layout/ikonyChat.png) -60px 0px;
}
.chat_icon.clear:hover{
	background:url(/gfx/layout/ikonyChat.png) -60px -30px;
}
.chat_icon.mute{
	background:url(/gfx/layout/ikonyChat.png) 0px 0px;
}
.chat_icon.mute:hover{
	background:url(/gfx/layout/ikonyChat.png) 0px -30px;
}
.chat_icon.report{
	background:url(/gfx/layout/ikonyChat.png) -30px 0px;
}
.chat_icon.report:hover{
	background:url(/gfx/layout/ikonyChat.png) -30px -30px;
}
.chat_icon.load{
	background:url(/gfx/layout/ikonyChat.png) -90px 0px;
}
.chat_icon.load:hover{
	background:url(/gfx/layout/ikonyChat.png) -90px -30px;
}
.chat_icon.size{
	background:url(/gfx/layout/ikonyChat.png) -120px 0px;
}
.chat_icon.size:hover{
	background:url(/gfx/layout/ikonyChat.png) -120px -30px;
}
.chat_row .right_side{
	float:left;
	width:440px;
}
.chat_row .entry_header{
	background:rgba(0,0,0,0.8);
	padding:5px;
	margin-bottom:10px;
}
.chat_row .entry_header .autor{
	float:left;
}
.chat_row .entry_header .date{
	float:right;
}
.chat_row .addop{
	float:left;
}
.orange{
	color:orange;
}
.red{
	color:red !important;
}
.red3{
	color:#FF3333 !important;
}
.green{
	color:lime;
}
.yellow{
	color:yellow;
}
.grey{
	color:grey;
}
.pointer{
	cursor:pointer;
}
.rep_resnt{
	position:absolute;
	right:10px;
	bottom:-8px;
	font-size:11px;
}
.talker{
	width:15px;
	height:24px;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	margin-top:-3px;
}
.talker.t1{ background:url(/gfx/layout/talker.png) 0 0;}
.talker.t2{ background:url(/gfx/layout/talker.png) -15px 0;}
.talker.t3{ background:url(/gfx/layout/talker.png) -30px 0;}
.talker.t4{ background:url(/gfx/layout/talker.png) -45px 0;}
.talker.t5{ background:url(/gfx/layout/talker.png) -60px 0;}
.talker.t6{ background:url(/gfx/layout/talker.png) -75px 0;}
#reward_bar{
	z-index:99999999;
	position: absolute;
	top:30%;
	text-align:center;
	width:100%;
	pointer-events: none;
}
#quick_bar{
	width: 960px;
	height: 35px;
	margin: 20px auto -30px;
	position: relative;
	z-index:2;
}
#rage_bar{
	width:210px;
	height:38px;
	padding:5px;
	animation:ragebar 0.5s steps(8) infinite;
	background:url('/gfx/layout/rage.png');
	border-radius:2px;
	position:absolute;
	z-index:3;
	right:0;
	bottom:-25px;
	
}
#path_bar{
	width:210px;
	height:38px;
	padding:5px;
	animation:ragebar 0.5s steps(8) infinite;
	background:url('/gfx/layout/rage2.png');
	border-radius:2px;
	position:absolute;
	z-index:3;
	right:0;
	bottom:-25px;
	
}
@keyframes ragebar { 
	  100% {background-position:0 -304px;}
}
.rbar{
	width:100%;
}
#rpoint,#ppoint{
	width:14px;
	height:28px;
	background:url('/gfx/layout/point.png');
	position:absolute;
	margin-left:-7px;
}

#rtxt,#ptxt{
	width:100%;
	height:25px;
	font-size:15px;
	position:absolute;
	text-align:center;
	color:orange;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.qlink{
	display:inline-block;
	margin-right:7px;
	width:33px;
	height:33px;
	cursor:pointer;
}
.qlink.ssj1{ background:url('/gfx/layout/icons.png') 0 0; }
.qlink.ssj2{ background:url('/gfx/layout/icons.png') -33px 0; }
.qlink.ssj3{ background:url('/gfx/layout/icons.png') -66px 0; }
.qlink.ssj4{ background:url('/gfx/layout/icons.png') -99px 0; }
.qlink.ssj5{ background:url('/gfx/layout/icons.png') -132px 0; }
.qlink.ssjb{ background:url('/gfx/layout/icons.png') -165px 0; }
.qlink.ssja{ background:url('/gfx/layout/icons.png') -198px 0; }
.qlink.ssjm{ background:url('/gfx/layout/icons.png') -198px 0; }
.qlink.tele{ background:url('/gfx/layout/icons.png') -231px 0; }
.qlink.trav{ background:url('/gfx/layout/icons.png') -264px 0; }
.qlink.bles{ background:url('/gfx/layout/icons.png') -297px 0; }
.qlink.priv{ background:url('/gfx/layout/icons.png') -330px 0; }
.qlink.senz{ background:url('/gfx/layout/icons.png') -363px 0; }
.qlink.dail{ background:url('/gfx/layout/icons.png') -396px 0; }
.qlink.emp3{ background:url('/gfx/layout/icons.png') -429px 0; }
.qlink.emp1{ background:url('/gfx/layout/icons.png') -462px 0; }
.qlink.emp2{ background:url('/gfx/layout/icons.png') -495px 0; }
.qlink.emp4{ background:url('/gfx/layout/icons.png') -528px 0; }
.qlink.subs{ background:url('/gfx/layout/icons.png') -561px 0; }
.qlink.ssjme{ background:url('/gfx/layout/icons.png') -594px 0; }
.qlink.clan{ background:url('/gfx/layout/icons.png') -627px 0; }
.ico{
	width:28px;
	height:28px;
	vertical-align:middle;
	display:inline-block;
}
.ico.exp{ background:url('/gfx/layout/icons2.png') 0 0;}
.ico.pa{ background:url('/gfx/layout/icons2.png') -28px 0;}
.ico.a1{ background:url('/gfx/layout/icons2.png') -56px 0;}
.ico.a2{ background:url('/gfx/layout/icons2.png') -84px 0;}
.ico.a3{ background:url('/gfx/layout/icons2.png') -112px 0;}
.ico.a4{ background:url('/gfx/layout/icons2.png') -140px 0;}
.ico.a5{ background:url('/gfx/layout/icons2.png') -168px 0;}
.ico.god{ background:url('/gfx/layout/icons2.png') -196px 0;}
.ico.a6{ background:url('/gfx/layout/icons2.png') -224px 0;}
.ico.pow{ background:url('/gfx/layout/icons2.png') -252px 0;}
.ico.a7{ background:url('/gfx/layout/icons2.png') -280px 0;}
.ico.a0{ background:url('/gfx/layout/icons2.png') -308px 0;}
.ico.a8{ background:url('/gfx/layout/icons2.png') -336px 0;}
.ico.a9{ background:url('/gfx/layout/icons2.png') -364px 0;}
#map_kon{
	pointer-events:none;
	z-index:88;
	position:absolute;
	width:900px;
	text-align:center;
	min-height:50px;
}
.map_wins{
	position:absolute;
}
#mob_desc_con{
	position:fixed;
	top:15%;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	background:rgba(0,0,0,0.9);
	padding:30px;
	box-shadow:0 0 3px orange;
	font-family:'Play';
	display:none;
	color:white;
	z-index:999999;
}
#mob_desc_con .avatar_area{
	float:left;
}
#mob_desc_con .avatar_area img{
	border:1px solid white;
}
#mob_desc_con .left_side{
	float:left;
	width:430px;
	margin-left:20px;
}
#mob_desc_con .left_side span{
	width:110px;
	display:inline-block;
}
#mob_desc_con .right_side{
	float:right;
	width:250px;
}
.progress_bar{
	width:90%;
	background:rgba(0,0,0,0.7);
	padding:2px;
}
.progress_bar div{
	background:green;
}

#quest_con{
	position:absolute;
	width:450px;
	min-height:100px;
	margin:auto;
	left:0;
	right:0;
	top:25%;
	z-index:9;
}
#quest_con .closeicon{
	position:absolute;
	top:-15px;
	right:-15px;
	cursor:pointer;
	
}
.quest_win{
	line-height:20px;
	color:black;
	width:450px;
	box-shadow:0 0 5px grey;
	padding-bottom:5px;
}
.quest_win .sekcja{
	position:relative;
	left:0;
	right:0;
	margin:auto;
}
.quest_win .sekcja{
	position:relative;
	left:0;
	right:0;
	margin:auto;
}
.quest_win .sekcja.drag{
	position:absolute !important;
}
.quest_win.diff0{
	background:rgba(1,17,33,0.9);
}
.quest_win.diff1{
	background:rgba(3,39,41,0.9);
}
.quest_win.diff2{
	background:rgba(1,33,25,0.9);
}
.quest_win.diff3{
	background:rgba(22,7,54,0.9);
}
.quest_win.diff4{
	background:rgba(54,33,7,0.9);
}
.quest_win.diff5{
	background:rgba(54,7,7,0.9);
}
.quest_win.diff6{
	background:rgba(0,0,0,0.9);
}
.quest_roll{
	position:absolute;
	width:50px;
	height:50px;
	background:url('/gfx/layout/dice.png') 0 0;
	top:-25px;
	left:-25px;
	cursor:pointer;
}
.quest_roll:hover{
	background:url('/gfx/layout/dice.png') 0 -50px;
}
.quest_desc{
	background:rgba(1,6,10,0.5);
	border:1px solid rgba(63,92,100,1);
	color:silver;
	margin:15px;
	padding:10px;
	
	font-family:'Play';
}
.quest_desc.scroll
{
	max-height:450px;
	overflow:auto;
}
.quest_desc .qtitle{
	color:white;
	font-size:13px;
}
.quest_desc .ekw_slot{
	position:relative;
	width:70px;
	height:70px;
	display:inline-block;
	
	cursor:pointer;
}
.quest_desc .fast_ekw{
	width:70px;
	height:70px;
	display:inline-block;
	margin-right:10px;
}
.quest_win .ans{
	border:none;
	text-transform:uppercase;
	background:linear-gradient(to right,#081f27,#14495c,#081f27);
	display:block;
	text-align:center;
	width:100%;
	margin-bottom:10px;
	color:white;
	line-height:30px;
}
.quest_win .ans:hover{
	background:#06141e;
}
.quest_win .map_bicon{
	float:right;
	
}
.black_db{
	background:url('/gfx/blackb.png');
	width:150px;
	height:150px;
	position:fixed;
	z-index:99999999;
	cursor:pointer;
	display:none;
}
.qlink:hover{
	box-shadow: 0 0 3px 3px red;
}

.main_bar_con{
	display:inline-block;

}
#game_stats_container{
	width:600px;
	
}
#game_stats_container > div{
	margin-bottom:1px;
	background:rgba(0,0,0,0.3);
	padding:2px;
}
#game_stats_container > div.bon_header{
	margin-bottom:1px;
	color:lime;
	font-size:25px;
	padding:10px;
}
#game_stats_container > div:hover{
	background:rgba(0,0,0,0.1);
}
#game_stats_container > div b{
	color:orange;
}
.fr{font-size:15px;}
.fr1{color:lime;}
.fr2{color:red;}
.fr0{color:aqua;}
.item{
	background:navy;
	position:relative;
	width:80px;
	height:80px;
	padding:3px;
	display:inline-block;
}
.item div{
	position:absolute;
	min-width:30px;
	height:20px;
	text-align:center;
	color:white;
	background:rgba(0,0,0,0.6);
	bottom:0;
	right:0;
}
#timed_con{
	right:0;
	left:0;
	margin:auto;
	width:963px;
	z-index:9;
	padding:10px;
	position:relative;
}
#timed_con .timed_option{
	background:rgba(0,0,0,0.5);
	color:white;
	padding:5px;
	margin:2px;
	border-radius:3px;
	height:40px;
	line-height:30px;
	font-family: 'Play', sans-serif;
}
#timed_con button{
	right:20px;
	position:absolute;
}
#timed_con .main_bar{
	float:left;
	margin-left:40px;
}
#timed_label{
	float:left;
}
.progress_bar{
	width:200px;
	height:30px;
	padding:3px;
	background:rgba(0,0,0,0.5);
}
.progress_bar div{
	width:100%;
	background:green;
	height:24px;
}
.progress_bar span{
	display:block;
	position:relative;
	color:white;
	width:200px;
	text-align:center;
	line-height:30px;
	top:-30px
}
button.active{
	color:red;
}

.camp_history{
	background:rgba(0,0,0,0.5);
	padding:10px;
	width:450px;
	float:left;
	margin:10px;
}
.camp_history .single_camp{
	width:140px;
	height:150px;
	padding:3px;
	margin:1px;
	float:left;
	text-align:center;
	box-shadow:inset 0 0 3px orange;
	color:grey;
}
.camp_history .single_camp span{
	display:block;
	background:linear-gradient(black,navy);
}
.camp_history .single_camp b{
	display:block;
	color:white;
	font-weight:normal;
	background:linear-gradient(orange,black);
}
.clickable{
	cursor:pointer;
}
.clickable:hover{
	box-shadow:inset 0 0 5px orange;
}
#ekw_left{
	float:left;
	width:350px;
}
#ekw_right{
	float:left;
	margin-left:25px;
	width:500px;
}
.ekw_page{
	background:black; 
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('/gfx/ekw_pages/ramka.png') 7 repeat; 
	-webkit-border-image: url('/gfx/ekw_pages/ramka.png') 7 repeat; 
	-o-border-image: url('/gfx/ekw_pages/ramka.png') 7 repeat; 
	border-image: url('/gfx/ekw_pages/ramka.png') 7 fill repeat;
	width:500px;
	z-index:1; 
	margin-top:-1px; 
	padding-top:10px;
	padding-left:1px;
	padding-right:1px;
	min-height:1050px;
}
.ekw_pag{
	cursor:pointer; 
	margin-left:3px; 
	margin-top:20px;
	padding:2px; 
	padding-top:4px; 
	background:url('/gfx/ekw_pages/empty_page.png');
	width:62px;
	height:62px;
	display:inline-block;
	z-index:2; 
	margin-left:-9px;
	margin-right:-9px;
	margin-bottom:-15px;
}
.ekw_pag:first-child { margin-left:15px;}
.ekw_pag.active{
	background:url('/gfx/ekw_pages/activeCategoryAnim.png');
	animation:epageactive 1s steps(6) infinite;
}
@keyframes epageactive { 
	  100% {background-position:0 -372px;}
}

@keyframes new_ani {

}
.ekw_label{
	background:url('/gfx/ekw_pages/categoriesIcons_bw.png');
	width:45px;
	height:45px;
	margin-left:8px;
}
.ekw_pag.active .ekw_label{
	background-position-y:-45px;
}
.ekw_label.lab1{background-position-x:0;}
.ekw_label.lab2{background-position-x:-45px;}
.ekw_label.lab4{background-position-x:-90px;}
.ekw_label.lab5{background-position-x:-135px;}
.ekw_label.lab3{background-position-x:-180px;}
.ekw_label.lab6{background-position-x:-225px;}
.ekw_label.lab7{background-position-x:-270px;}
.ekw_label.lab8{background-position-x:-315px;}
.ekw_label.lab9{background-position-x:-360px;}
.ekw_label.lab10{background-position-x:-405px;}
.tlo_ekw0{ background:url('/gfx/ekw_pages/ekw0.png'); background-repeat:no-repeat; }
.tlo_ekw1{ background:url('/gfx/ekw_pages/ekw1.png');background-repeat:no-repeat; }
.tlo_ekw2{ background:url('/gfx/ekw_pages/ekw2.png');background-repeat:no-repeat; }
.tlo_ekw3{ background:url('/gfx/ekw_pages/ekw3.png');background-repeat:no-repeat;}
.tlo_ekw4{ background:url('/gfx/ekw_pages/ekw4.png');background-repeat:no-repeat;}
.tlo_pet{ background:url('/gfx/ekw_pages/ekw_pet.png');background-repeat:no-repeat; }
.tlo_kaimetsu{ background:url('/gfx/ekw_pages/ekw_kaimetsu.png');background-repeat:no-repeat; }
.ekw_bck{
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('/gfx/ekw_pages/ramka.png') 7 repeat; 
	-webkit-border-image: url('/gfx/ekw_pages/ramka.png') 7 repeat; 
	-o-border-image: url('/gfx/ekw_pages/ramka.png') 7 repeat; 
	border-image: url('/gfx/ekw_pages/ramka.png') 7 fill repeat;
	width: 350px; 
	height:537px; 
	display:block;
	text-align:left;
}
.ekw_bck .ekw_slot{ 
	width:78px;
	height:78px;
	background:url('/gfx/ekw_pages/slotItem.png');
	position:absolute; 
	cursor:pointer;
	user-select: none;
}
.ekw_bck .ekw_slot img{
	border-radius:2px; 
	margin-top:4px;
	margin-left:4px;
}
.ekw_bck{
	position:relative;
}
.ekw_bck .ekw_slot.active{ 
	box-shadow: 0 0 10px red; 
}
.slot1{top:10px; left:0px;}
.slot2{top:10px; left:85px;}
.slot3{top:10px; left:170px;}
.slot4{top:10px; left:255px;}
.slot5{top:95px; left:255px;}
.slot6{top:180px; left:255px;}
.slot7{top:265px; left:255px;}
.slot8{top:350px; left:255px;}
.slot9{top:435px; left:255px;}
.slot10{top:435px; left:170px;}
.slot11{top:435px; left:85px;}
.slot12{top:435px; left:0px;}
.slot13{top:350px; left:0px;}
.slot14{top:265px; left:0px;}
.slot15{top:120px; left:130px;}
.slot16{top:95px; left:0px;}
.slot17{top:220px; left:130px;}
.slot18{top:20px; left:130px;}
.slot19{top:180px; left:0px;}
.slot20{top:180px; left:10px;}
.slot21{top:180px; left:135px;}
.slot22{top:180px; left:255px;}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
.ekw_page_items .ekw_slot{
	width:78px;
	height:78px;
	background:url('/gfx/ekw_pages/slotItem.png');
	vertical-align:middle;
	float:left;
	margin:1px;
	cursor:pointer;
	position:relative;
	user-select: none;
}
.ekw_page_items .ekw_slot img,.quest_desc .ekw_slot img{
	border-radius:2px;
	margin-top:4px;
	margin-left:4px;
}
.ekw_page_items .ekw_slot > div,.quest_desc .ekw_slot > div{
	position:absolute;
	background:rgba(0,0,0,0.5);
	right:4px;
	bottom:4px;
	min-width:20px;
	height:17px;
	text-align:right;
	padding-left:3px;
	color:orange;
	font-size:14px;
	line-height:17px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

.ekw_slot.smaller img
{
	width:40px;
}
.ekw_slot.smaller
{
	vertical-align:none !important;
}
.ekw_page_items.active{
	background:yellow;
}
.buffs_list > div{
	margin:2px;
	background:url('/gfx/layout/buffFrame.png');
	padding:30px;
	width:434px;
	height:141px;
	float:left;
	font-family: 'Play', sans-serif;
}
.buffs_list > div.inactive{
	opacity:0.8;
}
.buffs_list .bim{
	float:left;
	margin-right:10px;
}
.buffs_list .buff_center{
	float:left;
	width:220px;
	font-size:11px;
}
.buffs_list .buff_center b{
	color:orange;
	text-transform:uppercase;
	font-weight:normal;
}
.buffs_list .buff_up{
	float:right;
	width:100px;
	font-size:12px;
	text-align:center;
	padding-top:20px;
}
.buff_con{
	width:450px;
	text-align:left;
	min-height:100px;
	background:rgba(0,0,0,0.9);
	border-radius:5px;
	box-shadow:0 0 3px black;
	padding:10px;
}
.buff_con .list_buff{
	width:50px;
	height:60px;
	font-size:11px;
	text-align:center;
	margin:5px;
	float:left;
	color:silver;
	cursor:pointer;
	position:relative;
}
.buff_con .list_buff img{
	pointer-events:none;
}
.buff_con .list_buff b{
	position:absolute;
	color:orange;
	font-size:13px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	right:5px;
	top:27px;
}
.button ul{
	margin:none;
	list-style:none;
	padding:0;
}
.button ul button{
	margin:0;
}
#char_buffs{
	display:none;
	position:absolute;
	margin-left:-120px;
	z-index:2;
}	

.tooltip-inner {
   background:none;
}
.spt{
	width:300px;
	background:rgba(0,0,0,0.95);
	border-radius:3px;
	padding:10px;
	min-height:50px;
	text-align:left;
}
.stt{
	width:400px;
	background:rgba(0,0,0,0.97);
	border-radius:3px;
	padding:20px;
	min-height:50px;
	text-align:left;
}
.item_stat{color:#33CCFF;}
.skill_type0{color:#3399FF;}
.skill_type1{color:#FF6666;}
.adse{color:#FFFF66;}
.skdu{color:#CCFFCC;}
.tt{
	width:300px;
	background:rgba(0,0,0,0.91);
	border-radius:3px;
	padding:10px;
	min-height:50px;
}
.ptt{
	width:400px;
	background:rgba(0,0,0,0.91);
	border-radius:3px;
	padding:10px;
	min-height:50px;
	text-align:left;
}
.ptt img{
	margin:10px;
	box-shadow:0 0 3px white;
}
.item_desc {
	background: url('/gfx/ekw_pages/item_desc_bg.png');
	width:436px;	
	font-family: 'Play',Arial, sans-serif;
	font-size: 14px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align:center; 
}
.item_desc .inner_content{padding-left: 40px; padding-right: 40px;}
.item_desc .item_name{font-family:'Play';  font-size:23px; font-weight:bold; text-transform:uppercase; z-index:18; position:absolute; display:block; width:420px;
text-shadow:
   -1px -1px 3px #000,  
    1px -1px 3px #000,
    -1px 1px 3px #000,
     1px 1px 3px #000;
}
.item_desc .img_sep{position:absolute; top:20px; left:0px;}
.item_desc .img_item{position:absolute; top:90px; left:60px;}
.item_desc .item_add{position:absolute; top:110px; left:170px; text-align:left; width:100%;}
.item_desc .item_add2{position:absolute; top:125px; left:170px; text-align:left; width:100%;}
.item_desc .item_add2 span{color:rgba(128,128,128,255); font-size:12px; font-family:'Play';}
.item_desc .item_add2 span b{color:white;}
.item_desc .sep2{ margin-top:140px; }
.item_desc .ball_desc{width:300px; height:80px; margin-left:20px; text-align:left; font-size:16px; font-family:'Play'; line-height:18px; padding:15px; color:white;}
.item_desc .item_stats{ width:370px; text-align:left; font-size:12px; font-family:'Play'; line-height:16px;}
.item_desc .item_stats div{display:inline-block; width:8px; height:8px; border-radius:5px; margin-right:5px; }
.item_desc .item_stats .list_sep0, .item_desc .item_stats .list_sep1{background:white;}
.item_desc .item_stats .list_sep2{background:yellow;}
.item_desc .item_stats .list_sep3{background:Fuchsia;}
.item_desc .item_stats .list_sep4{background:Lime;}
.item_desc .item_stats .list_sep5{background:Purple;}
.item_desc .item_stats .list_sep6{background:Red;}
.item_desc .item_stats .list_sep7{background:Aqua;}
.item_desc .item_stats .list_sep8{background:steelblue;}
.item_desc .item_stats .list_sep9{background:#D6B843;}
.item_desc .item_stats .list_sep10{background:#FF6633;}
.item_desc .item_stats .list_sep11{animation:ultra1 5s linear infinite;}
.item_desc .item_stats .list_sep12{animation:super1 5s linear infinite;}
.item_desc .item_stats .list_sep13{animation:hiper1 5s linear infinite;}
.item_desc .item_stats .list_sep14{animation:mega1 5s linear infinite;}
.item_desc .item_stats .stat_val{color:white;}
.item_desc .item_stats .stat_sval{color:#33CCFF;}
.item_desc .item_stats .stat_desc{color:rgba(128,128,128,255);  font-family:arial;}
.item_desc .set_span{ font-size:14px; color:lime; width:436px; line-height:34px; text-align:left; background:url('/gfx/ekw_pages/item_desc_sep2.png') center; height:34px; margin-left:-50px; text-transform:uppercase;}
.item_desc .set_span span {font-weight:bold; margin-left:50px;}
.item_desc .set_item_list{display:block; width:180px; float:right; text-align:right; }
.item_desc .set_stat_list{display:block; width:180px; float:left; line-height:16px; font-size:12px; text-align:left; }
.item_desc .set_lines{line-height:16px; margin-bottom:20px; margin-left:-20px; margin-right:-20px}
.item_desc .set_itm2{color:rgba(128,128,128,255);}
.item_desc .set_itm1{color:lime;}
.item_desc .bound{color:orange; text-transform:uppercase;}
.item_desc .add_desc{color:yellow; font-size:16px; width:350px; font-family:arial; text-align:left; }
.item_desc.c0{
	border:3px solid white; box-shadow:inset 0 0 40px grey;
}
.item_desc.c1{
	border:3px solid white; box-shadow:inset 0 0 40px grey;
}
.item_desc.c2{
	border:3px solid yellow;box-shadow:inset 0 0 40px grey;
}
.item_desc.c3{
	box-shadow:inset 0 0 40px grey;border:3px solid Fuchsia;
}
.item_desc.c4{
	box-shadow:inset 0 0 40px grey;border:3px solid Lime;
}
.item_desc.c5 {
	box-shadow:inset 0 0 40px grey;border:3px solid Purple;
}
.item_desc.c6 {
	box-shadow:inset 0 0 40px grey;border:3px solid Red;
}
.item_desc.c7 {
	box-shadow:inset 0 0 40px grey;border:3px solid Aqua;
}
.item_desc.c8 {
	box-shadow:inset 0 0 40px grey;border:3px solid steelblue;
}
.item_desc.c9 {
	box-shadow:inset 0 0 40px grey;border:3px solid #D6B843;
}
.item_desc.c10 {
	box-shadow:inset 0 0 40px grey;border:3px solid #FF6633;
}
.item_desc.c11 {
	box-shadow:inset 0 0 40px black;border:3px solid #33FF66; 
}
.item_desc.c12 {
	box-shadow:inset 0 0 40px black;border:3px solid #3D3D3D;
}
.item_desc.c13 {
	box-shadow:inset 0 0 40px black;border:3px solid #9253AE;
}
.item_desc.c14 {
	box-shadow:inset 0 0 40px black;border:3px solid #2F0406;
}
.item0{color:white !important; }
.item1{color:white !important; }
.item2{color:yellow !important; }
.item3{color:Fuchsia !important; }
.item4{color:Lime !important; }
.item5{color:Purple !important;}
.item6{color:Red !important;}
.item7{color:Aqua !important; }
.item8{color:steelblue !important;}
.item9{color:#D6B843 !important; }
.item10{color:#FF6633 !important;}
.item11{color:#B8F500; animation:ultra2 5s linear infinite;}
.item12{color:#3D3D3D; animation:super2 5s linear infinite;}
.item13{color:#9253AE; animation:hiper2 5s linear infinite;}
.item14{color:#2F0406; animation:mega2 5s linear infinite;}
#uploading{
	background:rgba(0,0,0,0.5);
	border:1px solid orange;
	padding:30px;
	width:300px;
	height:75px;
	color:white;
	text-align:center;
	position:fixed;
	top:30%;
	left:0;
	right:0;
	margin:auto;
	display:none;
	z-index:999999;
}
@keyframes chatnot { 
	0% { color: red;} 
	25% { color: orange;} 
	50% { color: yellow;} 
	75% { color: orange;} 
	100% { color: red;} 
}
@keyframes char_selection { 
	0% { opacity: 1;} 
	25% { opacity: 0.75;} 
	50% { opacity: 0.25;} 
	75% { opacity: 0.75;} 
	100% { opacity: 1;} 
}

@keyframes ultra1 { 
	0% { background: #33FF66;} 
	25% { background: #33FFCC;} 
	50% { background: #CCFF33;} 
	75% { background: #33CCFF;} 
	100% { background: #33FF66;} 
}
@keyframes ultra2 { 
	0% { color: #33FF66;} 
	25% { color: #33FFCC;} 
	50% { color: #CCFF33;} 
	75% { color: #33CCFF;} 
	100% { color: #33FF66;} 
}
@keyframes ultra3 { 
	0% { border-color: #33FF66;} 
	25% { border-color: #33FFCC;} 
	50% { border-color: #CCFF33;} 
	75% { border-color: #33CCFF;} 
	100% { border-color: #33FF66;} 
}
@keyframes super1 { 
	0% { background: #3D3D3D;} 
	50% { background: #1463FF;} 
	100% { background: #3D3D3D;} 
}
@keyframes super2 { 
	0% { color: #3D3D3D;} 
	50% { color: #1463FF;} 
	100% { color: #3D3D3D;} 
}
@keyframes super3 { 
	0% { border-color: #3D3D3D;} 
	50% { border-color: #1463FF;} 
	100% { border-color: #3D3D3D;} 
}
@keyframes hiper1 { 
	0% { background: #9253AE;} 
	50% { background: #FF00BC;} 
	100% { background: #9253AE;} 
}
@keyframes hiper2 { 
	0% { color: #9253AE;} 
	50% { color: #FF00BC;} 
	100% { color: #9253AE;} 
}
@keyframes hiper3 { 
	0% { border-color: #9253AE;} 
	50% { border-color: #FF00BC;} 
	100% { border-color: #9253AE;} 
}

@keyframes mega1 { 
	0% { background: #2F0406;} 
	50% { background: #D10505;} 
	100% { background: #2F0406;} 
}
@keyframes mega2 { 
	0% { color: #2F0406;} 
	50% { color: #D10505;} 
	100% { color: #2F0406;} 
}
@keyframes mega3 { 
	0% { border-color: #2F0406;} 
	50% { border-color: #D10505;} 
	100% { border-color: #2F0406;} 
}
#ekw_opts{
	float:left;
}
#ekw_opts>div{
	width:78px;
	height:78px;
	background:url('/gfx/ekw_pages/eqActions.png');
	position:absolute;
	text-align:center;
}
#ekw_opts>div.active{
	background:url('/gfx/ekw_pages/eqActions.png') 0 -78px;
}
#delete_item{
	margin-top:100px;
}
#join_item{
	margin-top:178px;
}
#upg_item{
	margin-top:256px;
}
#split_item{
	margin-top:334px;
}
.eopt_icon{
	width:50px;
	height:50px;
	margin:14px;
}
.eopt_icon.delete{background:url('/gfx/ekw_pages/eqActionsIcons.png') 0 0;}
.eopt_icon.join{background:url('/gfx/ekw_pages/eqActionsIcons.png') -50px 0;}
.eopt_icon.upg{background:url('/gfx/ekw_pages/eqActionsIcons.png') -100px 0;}
.eopt_icon.split{background:url('/gfx/ekw_pages/eqActionsIcons.png') -150px 0;}

.floating_buff{
	width:150px;
	border:1px solid orange;
	box-shadow:0 0 5px red;
	background:rgba(0,0,0,0.4);
	text-align:center;
	top:200px;
	padding:20px;
	color:silver;
	position:absolute;
}
.floating_buff img{
	border:1px solid green;
}
.crap_container{
	
}
.crap_container > div{
	display: table;
	margin: 0 auto;
}
.hasq1{
	background:#00678A;
	color:orange;
	text-transform:uppercase;
	font-size:13px;
	border-radius:5px;
	padding:3px;
	box-shadow:0 0 5px black;
	animation:hasq1 2s linear infinite;
}
@keyframes hasq1 { 
	0% { color: yellow;} 
	50% { color: red;} 
	100% { color: yellow;} 
}
.hasq2{
	background:#660099;
	color:red;
	text-transform:uppercase;
	font-size:13px;
	border-radius:5px;
	padding:3px;
	box-shadow:0 0 5px black;
	animation:hasq1 2s linear infinite;
}
@keyframes hasq2 { 
	0% { color: orange;} 
	50% { color: pink;} 
	100% { color: orange;} 
}

/* CHAR BAR */
header.logged {
  width: 997px;
  height: 160px;
  margin: 0 auto -40px auto;
  padding: 11px 0 10px 34px;
  position: relative;
  left:-19px;
  top:-15px;
  font-family: 'Play', sans-serif;
  z-index: 4;
  background: url('/gfx/layout/panel-logged-bg.png');
}
header.logged #avatar {
  position: absolute;
  top: 22px;
  left: 51px;
  width: 80px;
  height: 80px;
  border: 1px solid #34536f;
  cursor:pointer;
}
header.logged #avatar img {
  width: 100%;
  height: 100%;
  border: none;
}
header.logged #nickLevel {
  position: absolute;
  top: 105px;
  left: 35px;
  width:120px;
  font-family: 'Play', sans-serif;
  text-align:center;
}

header.logged #nickLevel #char_name {
  font-size: 16px;
  font-weight: Bold;
  color: #fff;
  display: block;
}
header.logged #nickLevel #level {
  color: #ecd61c;
  font-size: 13px;
  display: block;
}
header.logged #main_char_stats{
	position: absolute;
	top: 22px;
	left: 151px;
	height:120px;
	width:220px;
	font-size:12px;
	color:white;
	font-family: 'Play', sans-serif;
}
header.logged #main_char_stats i{
	margin:-4px;
}
header.logged #main_char_stats span{
	color:#46a6de;
}
header.logged #main_char_stats span.red{
	color:red;
}
header.logged #main_char_stats b{
	color:orange;
}
header.logged #secondary_char_stats{
	position: absolute;
	top: 22px;
	left: 360px;
	height:120px;
	width:200px;
	font-size:12px;
	color:white;
	font-family: 'Play', sans-serif;
}
header.logged #secondary_char_stats i{
	margin:-4px;
}
header.logged #secondary_char_stats span{
	color:#46a6de;
}
header.logged #changeProfile {
  display: table-cell;
  vertical-align: middle;
  line-height: 14px;
  width: 109px;
  height: 57px;
  background: url('/gfx/layout/panel-changeprofile.png') no-repeat left top;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  color: #01070d;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: Bold;
  text-align: center;
  position: absolute;
  top: 25px;
  right: 19px;
  border:none;
}
header.logged #changeProfile:hover {
  background: url('/gfx/layout/panel-changeprofile.png') no-repeat left bottom;
}
#lastmap_bar{
  position: absolute;
  top: 100px;
  right: 21px;
}
header.logged .main_bar{
  position: absolute;
  top: 0;
  right: 0;
}
.sep{
	width:16px;
	height:17px;
	background:url('/gfx/layout/sep.png');
	vertical-align:middle;
	display:inline-block;
	margin:2px;
}
.sep.right{
	margin-right:10px;
}
.main_bar {
  width: 200px;
  height: 24px;
  line-height: 18px;
  display: block;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: Bold;
  padding: 3px 3px 4px 3px;
  overflow: hidden;
  position:relative;
}
.main_bar:after {
  width: 200px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #000;
  border-radius: 3px;
  z-index: 0;
}
.main_bar .progressBar {
  height: 18px;
  line-height: 18px;
  border-radius: 1px;
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
}
.main_bar.big{width:500px;}
.main_bar.big:after {width:500px;}

.main_bar span {
  position: relative;
  font-weight:normal;
  z-index: 2;
  text-shadow:
   1px 1px 0 #000;
}
.main_bar .progressBar.style1 {
  background: url('/gfx/layout/exp-bar-bg.png');
}
.main_bar .progressBar.style2 {
  background: url('/gfx/layout/pa-bar-bg.png');
}
.main_bar .progressBar.style3 {
  background: url('/gfx/layout/exp-bar-bg-u.png');
}
.main_bar .progressBar.style4 {
  background: url('/gfx/layout/ssjbar.png');
}
header.logged #expBar {
  position: absolute;
  top: 25px;
  left: 500px;
  height: 24px;
  line-height: 24px;
  width: 240px;
}
header.logged #paBar {
  position: absolute;
  top: 55px;
  left: 500px;
  height: 24px;
  line-height: 24px;
  width: 240px;
}
#hidden_tooltip_pa{
	display:none;
	position:absolute;
	color:white;
	z-index:99;
	text-align:center;
	font-size:12px;
}
#hidden_tooltip_pa h1{
	font-size:14px;
	color:lime;
}
#hidden_tooltip_exp{
	display:none;
	position:absolute;
	color:white;
	z-index:99;
	text-align:center;
	font-size:12px;
}
#hidden_tooltip_exp h1{
	font-size:14px;
	color:aqua;
}
.hidden_tooltip_rage{
	display:none;
	position:absolute;
	top:40px;
	left:-50px;
	color:white;
	z-index:99;
	text-align:center;
	font-size:12px;
}
.hidden_tooltip_rage h1{
	font-size:14px;
	color:aqua;
}
header.logged #paBar:hover #hidden_tooltip_pa{
	display:block;
}
header.logged #expBar:hover #hidden_tooltip_exp{
	display:block;
}
header.logged #rage_bar:hover .hidden_tooltip_rage{
	display:block;
}
header.logged #path_bar:hover .hidden_tooltip_rage{
	display:block;
}
header.logged #doubler_bar {
  position: absolute;
  top: 85px;
  left: 500px;
  height: 24px;
  line-height: 24px;
  width: 240px;
}
header.logged #ssj_bar {
  position: absolute;
  top: 115px;
  left: 500px;
  height: 24px;
  line-height: 24px;
  width: 240px;
}
header.logged #doubler_bar span.title,header.logged #ssj_bar span.title {
  font-size: 13px;
  color: #fff;
  font-weight: Bold;
  position:absolute;
  z-index:1;
  left:20px;
  top:-5px;
}
header.logged #paBar .barprefix,header.logged #expBar .barprefix{
	position:relative;
	left:30px;
	width:28px;
	height:28px;
	z-index:2;
	top:-3px;
}

header.logged #bonus {
  width: 103px;
  position: absolute;
  top: 27px;
  left: 755px;
}
header.logged #bonus button{
	margin-bottom:13px;
}
/* SECTION */
.page_switch {
  width: 963px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background: #020e1a;
  border-radius: 5px;
  padding: 27px 0 0 0;
  min-height:600px;
}
.page_switch .title {
  width: 100%;
  height: 68px;
  display: block;
  background: url('/gfx/layout/password-title-bg.png');
  font-family: 'Play', sans-serif;
  text-transform: uppercase;
  margin-top:-15px;
}
.page_switch .title h1 {
  font-size: 13px;
  color: #fff;
  text-align: center;
  display: block;
  padding: 15px 0 0 0;
  margin:0;
}
.page_switch .title h2 {
  color: #e8da23;
  text-align: center;
  display: block;
  font-size: 22px;
  font-weight: Bold;
  margin:0;
}
.page_switch .content {
  padding: 12px 11px;
  display: block;
  color:white;
  font-family:'Play';
  font-size:14px;
}
/* TABLE*/
.table table {
  margin: 0;
  position: relative;
}
.table table:after {
  content: '';
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  background: #04182c;
  display: block;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.table table thead tr th {
  text-align: center;
  height: 45px;
  line-height: 45px;
  background: #04182c;
  color: #e8da23;
  font-size: 13px;
  font-weight: Bold;
  font-family: 'Play', sans-serif;
}
.table table thead tr th a {
  color: #e8da23;
  font-weight: Bold;
  text-decoration: none;
  padding: 0 0 0 16px;
  position: relative;
}
.table table thead tr th:first-child {
  border-top-left-radius: 5px;
}
.table table thead tr th:last-child {
  border-top-right-radius: 5px;
}
.table table tbody tr td {
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  
  border-left: 1px solid #04182c;
  border-bottom: 1px solid #04182c;
  position: relative;
  text-align: center;
}

.table table tbody tr td img {
  vertical-align: middle;
}
.table table tbody tr td:last-child:after {
  content: '';
  background: #04182c;
  width: 1px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
}
.table table tbody tr:first-child td:first-child {
  border-top-left-radius: 5px;
}
.table table tbody tr:first-child td:last-child {
  border-top-right-radius: 5px;
}
.table table tbody tr:nth-child(even){
	background: linear-gradient(to right, rgba(2,14,26,0.5), rgba(6,39,70,0.5),rgba(2,14,26,0.5));
}
.table table tbody tr:nth-child(odd){
	background: linear-gradient(to right, rgba(6,39,70,0.5), rgba(2,14,26,0.5),rgba(6,39,70,0.5)6);
}
.table.style1 {
  margin-top: 15px;
}
.table.style1 .newCheckbox {
  position: relative;
  margin: 10px auto;
}
.table.style1 table {
  width: 100%;
}
.table.style1 table thead tr th {
  width: 33.3333333%;
  font-size: 15px !important;
  text-transform: uppercase;
}
.table.style1 table tbody tr td {
  padding: 5px 0;
  font-size: 15px !important;
  font-weight: 400 !important;
}
.table.style1 table tbody tr td:nth-child(2) {
  text-align: left !important;
  padding-left: 20px;
}
.table.style1 table tbody tr td:nth-child(3) {
  text-align: center !important;
}
.table.style1 table tbody tr td strong {
  color: #ecd61c;
  font-weight: Bold;
}
.table.style1 table tbody tr td.center {
  text-align: center !important;
  vertical-align: middle !important;
}
.table.style1 table tbody tr td.action {
  padding: 0 15px;
}
.table.style2 table{
	width:100%;
}
.table.style2 td{
	text-align:center;
}
.table.style2 td:nth-child(1){
	text-align:left;
	padding-left:20px;
}
/* SUBPAGE SPECIFIED */
/* BUFFY */
.use_buffs_list > div{
	margin:10px;
	float:left;
	width:100px;
	padding:5px;
	position:relative;
}
.use_buffs_list > div:hover{
	background:rgba(0,0,0,0.5);
}
.use_buffs_list > div .newCheckbox{
	margin-right:20px;
}
.use_buffs_list > div b{
	color:orange;
	position:absolute;
	right:10px;
	bottom:3px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
/* TECHNIKI */
.techs_list img{
	border:1px solid orange;
	margin:3px;
}
.techs_list tr{
	background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.1));
}
.techs_list td{
	vertical-align:top;
	padding:5px;
}
.tech_list table{
	border-spacing: 10px;
	border-collapse: collapse;
}
.techs_list h4{
	color:orange;
}
.techs_list b{
	color:yellow;
}
/* PP */
.pp_back{
	background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.1));
	border-radius:5px;
	box-shadow:0 0 5px black;
	width:100%;
	margin-bottom:10px;
}
.pp_back td{
	padding:5px;
}
.pstab tr{
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1));
}
.pstb{
	text-align:center;
}
.pstb .main_bar{
	display:inline-block;
	vertical-align:middle;
}
.pstruc{
	width:60px;
	height:60px;
	display:inline-block;
	background:url(/gfx/map/pstructs.png);
	vertical-align:middle;
}
.pstruc_1_1{background-position:0 0;}
.pstruc_1_2{background-position:-60px 0;}
.pstruc_1_3{background-position:-120px 0;}
.pstruc_1_4{background-position:-180px 0;}
.pstruc_1_5{background-position:-240px 0;}
.pstruc_2_1{background-position:-300px 0;}
.pstruc_2_2{background-position:-360px 0;}
.pstruc_2_3{background-position:-420px 0;}
.pstruc_2_4{background-position:-480px 0;}
.pstruc_2_5{background-position:-540px 0;}
.pstruc_3_1{background-position:-600px 0;}
.pstruc_3_2{background-position:-660px 0;}
.pstruc_3_3{background-position:-720px 0;}
.pstruc_3_4{background-position:-780px 0;}
.pstruc_3_5{background-position:-840px 0;}
.pstruc_4_1{background-position:-900px 0;}
.pstruc_4_2{background-position:-960px 0;}
.pstruc_4_3{background-position:-1020px 0;}
.pstruc_4_4{background-position:-1080px 0;}
.pstruc_4_5{background-position:-1140px 0;}
.pstruc_5_1{background-position:-1200px 0;}
.pstruc_5_2{background-position:-1260px 0;}
.pstruc_5_3{background-position:-1320px 0;}
.pstruc_5_4{background-position:-1380px 0;}
.pstruc_5_5{background-position:-1440px 0;}
.pstruc_6_1{background-position:-1500px 0;}
.pstruc_6_2{background-position:-1560px 0;}
.pstruc_6_3{background-position:-1620px 0;}
.pstruc_6_4{background-position:-1680px 0;}
.pstruc_6_5{background-position:-1740px 0;}
.pstruc_7_1{background-position:-1800px 0;}
.pstruc_7_2{background-position:-1860px 0;}
.pstruc_7_3{background-position:-1920px 0;}
.pstruc_7_4{background-position:-1980px 0;}
.pstruc_7_5{background-position:-2040px 0;}
.pstruc_8_1{background-position:-2100px 0;}
.pstruc_8_2{background-position:-2160px 0;}
.pstruc_8_3{background-position:-2220px 0;}
.pstruc_8_4{background-position:-2280px 0;}
.pstruc_8_5{background-position:-2340px 0;}
.pstruc_9_1{background-position:-2400px 0;}
.pstruc_9_2{background-position:-2460px 0;}
.pstruc_9_3{background-position:-2520px 0;}
.pstruc_9_4{background-position:-2580px 0;}
.pstruc_9_5{background-position:-2640px 0;}
/* TELEP */
.trtab{
	width:100%;
}
.travel_list > tr{
	padding:3px;
	margin:1px;
	
}
.travel_list > tr td{
	padding:3px;
}
.travel_list > tr:nth-child(odd){
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1));
}
.travel_list > tr:nth-child(even){
	background:linear-gradient(rgba(0,0,0,0.5),#404040);
}
.travel_list > tr.fav{
	color:orange;
	font-weight:bold;
}
.travel_list > tr.current{
	background:linear-gradient(silver,grey);
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.travel_list > tr:hover{
	background:green;
}
.travel_list button{
	float:right;
}
.fav{
	width:30px;
	height:30px;
	border:none;
	background:url(/gfx/layout/fav.png);
}
.fav:hover{
	background:url(/gfx/layout/fav.png) 0 -30px;
}
/* WIEDZA */
.knowcon{
	width:100%;
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1));
	margin:3px;
	padding:20px;
	clear:both;
	position:relative;
}
.knowcon button{
	position:absolute;
	right:0;
	top:0;
}
.knowcon.old{
	opacity:0.7;
}
.knowcon img{
	float:left;
	margin:5px;
	width:170px;
	height:170px;
	box-shadow: 0 0 10px orange;
}
.knowcon > div{
	float:left;
	vertical-align:top;
	width:600px;
}
.knowcon.old .kprize{
	color:lime;
}
.kprize div{
	display:inline-block;
	margin:5px;
	background:rgba(0,0,0,0.8);
	padding-right:10px;
	box-shadow: 0 0 5px black;
}
/* WYPRAWA*/
.camps{
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1));
	padding:20px;
	width:300px;
}
/* EKW */
#ekw_item_menu{
	display:none;
	width:150px;
	position:absolute;
	background:rgba(0,0,0,0.7);
	border-radius:20px;
	z-index:11;
	border:1px solid red;
	padding:20px;
}
#ekw_item_menu .closeb{
	position:absolute;
	right:-5px;
	top:-5px;
	display:block;
}
/* WALKA */
#fight_view{
	position:absolute;
	top:15%;
	left:0;
	right:0;
	margin:auto;
	display:none;
	color:white;
	z-index:9999;
	padding:0;
    width: 1000px;
    padding:20px;
  
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#192f5c+0,112535+25,112535+75,601d34+100 */
	background: #0a1d2f; /* Old browsers */
	background: -moz-linear-gradient(left, #192f5c 0%, #0a1d2f 25%, #0a1d2f 75%, #601d34 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #192f5c 0%,#0a1d2f 25%,#0a1d2f 75%,#601d34 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #192f5c 0%,#0a1d2f 25%,#0a1d2f 75%,#601d34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#192f5c', endColorstr='#601d34',GradientType=1 ); /* IE6-9 */
	border: 2px solid #96c8f7;  
	border-radius: 10px;
}

#fight_view:after {
    border-radius: 10px;
  -webkit-box-shadow: 0px 0px 7px 5px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 7px 5px rgba(0,0,0,1);
box-shadow: 0px 0px 7px 5px rgba(0,0,0,1);
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -3;
}

#fight_view .fighter{
	text-align:center;
	position:relative;
	width:114px;
	margin:auto;
}
#fight_view .fighter i{
	font-style:normal;
	font-family:'Play';
	font-size:11px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
#fight_view .fighter b span{
	font-weight:normal;
	font-size:11px;
	color:orange;
}
#fight_view .fighter .fight_bar{
	width:114px;
	background:url(/gfx/layout/fight/hpBar.png);
	padding:4px;
	height:26px;
}
#fight_view .fighter .fight_bar div{
	max-width:105px;
	width:100%;
	background:url(/gfx/layout/fight/hpBarFill.png);
	height:16px;
	position:absolute;
}
#fight_view .fighter .fight_bar span{
	display:block;
	position:absolute;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:white;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
#fight_view .avatar_0{
	width:114px;
	height:114px;
	border-style: solid; 
	border-width: 4px; 
	-moz-border-image: url(/gfx/layout/fight/ramkaAvatarBlue.png) 4 repeat; 
	-webkit-border-image: url(/gfx/layout/fight/ramkaAvatarBlue.png) 4 repeat; 
	-o-border-image: url(/gfx/layout/fight/ramkaAvatarBlue.png) 4 repeat; 
	border-image: url(/gfx/layout/fight/ramkaAvatarBlue.png) 4 fill repeat;
}
#fight_view .avatar_1{
	width:114px;
	height:114px;
	border-style: solid; 
	border-width: 4px; 
	-moz-border-image: url(/gfx/layout/fight/ramkaAvatarRed.png) 4 repeat; 
	-webkit-border-image: url(/gfx/layout/fight/ramkaAvatarRed.png) 4 repeat; 
	-o-border-image: url(/gfx/layout/fight/ramkaAvatarRed.png) 4 repeat; 
	border-image: url(/gfx/layout/fight/ramkaAvatarRed.png) 4 fill repeat;
}
#fight_view .fighter b{
	font-size:9px;
}
#fight_view .fighter b span{
	color:orange;
	font-size:13px;
	font-weight:bold;
}
#fight_view .newcloseicon{
	position:absolute;
	right:10px;
	top:10px;
	z-index:1;
}
#fight_view .left_container{
	width:210px;
	min-height:500px;
	float:left;
	text-align:center;
}
#fight_view .right_container{
	width:210px;
	min-height:500px;
	float:right;
	text-align:center;
}
#fight_view .center_container{
	min-height:500px;
	position:relative;
	float:left;
	margin:auto;
	width:500px;
	z-index:1;
	margin-left:10px;
}
#fight_view .fbg{
	position:absolute;
	width:358px;
	height:369px;
}
#fight_view .fbg.left{
	top:50px;
	left:100px;
	background:url('/gfx/layout/fight/left.png');
}
#fight_view .fbg.right{
	top:50px;
	right:100px;
	background:url('/gfx/layout/fight/right.png');
}
#fight_view .fight_head{
	text-align:center;
}
#fight_view .fight_head .vs{
	display:inline-block;
	width:48px;
	height:37px;
	background:url('/gfx/layout/fight/vs.png');
	vertical-align:middle;
}
#fight_view .fight_head b{
	font-weight:normal;
	font-size:17px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
#fight_view .fight_head b.t0{
	color:#3852E9;
}
#fight_view .fight_head b.t1{
	color:#DD1032;
}
#fight_view .t0mark{
	width:26px;
	height:24px;
	background:url('/gfx/layout/fight/blueMark.png');
	display:inline-block;
	float:left;
	margin-right:5px;
	padding-top:5px;
	padding-left:6px;
	font-size:10px;
	color:white;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
#fight_view .t1mark{
	width:26px;
	height:24px;
	background:url('/gfx/layout/fight/redMark.png');
	display:inline-block;
	float:right;
	margin-left:5px;
	padding-top:5px;
	padding-left:12px;
	font-size:10px;
	color:white;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.fight_team0{
	font-size:10px;
	width:300px;
	background: #0c1119; /* Old browsers */
	background: -moz-linear-gradient(left, #0c1119 0%, #1a244c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0c1119 0%,#1a244c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0c1119 0%,#1a244c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1119', endColorstr='#1a244c',GradientType=1 ); /* IE6-9 */
	border: 1px solid #4258d9;
	padding:5px;
	margin-bottom:3px;
	float:left;
}
.fight_team1{
	font-size:10px;
	width:300px;
	border: 1px solid #dd1032;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#411d25+0,0c1119+100 */
	background: #411d25; /* Old browsers */
	background: -moz-linear-gradient(left, #411d25 0%, #0c1119 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #411d25 0%,#0c1119 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #411d25 0%,#0c1119 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#411d25', endColorstr='#0c1119',GradientType=1 ); /* IE6-9 */
	padding:5px;
	margin-bottom:3px;
	float:right;
}
.fight_team0 .crit{
	font-size:15px;
	color:lightblue;
}
.fight_team1 .crit{
	font-size:15px;
	color:pink;
}
.fight_team0 span{
	color:#3568F5;
}
.fight_team1 span{
	color:#F53535;
}
.fight_result{
	background:linear-gradient(orange,yellow);
	text-transform:uppercase;
	padding:5px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	text-align:center;
}
.fight_reward{
	text-align:center;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.fight_reward.floating{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
}
/* SKLEP */
#shop_currency{
	float:left;
	margin:5px;
	width:160px;
	height:160px;
}
#shop_currency.currency1{
	background:url(/gfx/layout/currency_1.png);
}
#shop_currency.currency2{
	background:url(/gfx/layout/currency_2.png);
}
.shop_currency{
	width:18px;
	height:18px;
	vertical-align:middle;
	display:inline-block;
}
.shop_currency.c1{
	background:url(/gfx/kp.png);
}
.shop_currency.c2{
	background:url(/gfx/kk.png);
}
.kp_item{
	background: radial-gradient(#020e1a, #062746); /* Standard syntax */
	display:block;
	padding:5px;
	width:82px;
	float:left;
	text-decoration:none !important;
	margin:1px;
	text-align:center;
	position:relative;
	cursor:pointer;
}
.kp_item:hover{
	background: radial-gradient(#062746,#020e1a); /* Standard syntax */
}
.kp_item b{
	display:block;
	position:absolute;
	color:orange;
	font-weight:normal;
	top:55px;
	right:5px;
	top:45px;
	margin-bottom:-15px;
	height:15px;
	font-size:20px;
	text-align:right;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.kp_item > img{
	box-shadow:0 0 3px black;
}
.kp_item span{
	color:white;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	 font-size:20px;
}
.active_bon{
	float:right;
	margin-right:10px;
	color:lime;
}
.tooltip{
	z-index:999999;
}
/* DAILY REWARD */
#daily_reward{
	width:1000px;
	height:700px;
	background:url('/gfx/layout/daily/background.png');
	position:fixed;
	left:0;
	right:0;
	top:10%;
	margin:auto;
	z-index:999;
	display:none;
}
#daily_reward .closeb{
	background:url('/gfx/layout/daily/close_icon.png');
	width:32px;
	height:32px;
	position:absolute;
	top:100px;
	right:50px;
	z-index:1;
	border:none;
}
#daily_reward .closeb:hover{
	opacity:0.8;
}
#daily_con{
	position:absolute;
	top:120px;
	left:60px;
	width:870px;
	height:450px;
}
#daily_con > div{
	width:130px;
	height:75px;
	background:url('/gfx/layout/daily/button.png');
	margin-right:15px;
	margin-bottom:15px;
	float:left;
	padding:3px;
	position:relative;
}


#daily_con > div.current{
	animation:diailyani 0.5s linear infinite;
	
	cursor:pointer;
}
#daily_con > div.current:hover{
	box-shadow:0 0 15px red;
}
@keyframes diailyani { 
	0% { box-shadow:0 0 15px orange;} 
	50% { box-shadow:0 0 30px yellow;} 
	0% { box-shadow:0 0 15px orange;} 
}
#daily_con > div.taken{
	box-shadow:0 0 15px lime;
	opacity:0.6;
}
#daily_con > div b{
	color:#274b6c;
	font-size: 25px;
	font-weight:normal;
	display:block;
	margin-top:10px;
	margin-left:3px;
	position:absolute;
	top:0;
	left:70px;
}
#daily_con > div b.sm{
	font-size: 20px;
}
#daily_con > div span{
	text-transform: uppercase;
	color: #70b9fd;
	font-size: 10px;
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:50px;
}
#daily_con > div img{
	width:70px;
	height:70px;
	float:left;
	pointer-events:none;
}
/* MAP */
#loc_bons{
	position:absolute;
	right:10px;
	top:20px;
}
.mob_list_con{
	float:right;
	margin-left:10px;
	width:401px;
	color:black;
}
.sekcja{
	width:402px;
	background:url('/gfx/layout/belkaSekcja.png');
	height:27px;
	text-align:center;
	line-height:27px;
	color:white;
	font-weight:20px;
	text-transform:uppercase;
	margin-bottom:5px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.sekcja .ls{
	position:absolute;
	right:0;
	background:url('/gfx/layout/belkaSekcja.png');
	color:white;
	border:none;
	line-height:27px;
	color:white;
	font-weight:20px;
	text-transform:uppercase;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.qtrack{
	background:linear-gradient(to right,#081f27,#14495c,#081f27);
	margin-bottom:1px;
	padding-left:5px;
	color:#b6beb5;
	font-size:11px;
	float:right;
	width:380px;
}
.qtrack b{
	color:white;
	text-transform:uppercase;
}
.qtrack strong{
	font-weight:normal;
	font-size:10px;
}
.qtrack strong span{
	float:right;
	display:block;
	margin-top:2px;
	margin-right:5px;
}
.field_quest{
	background:linear-gradient(to right,#081f27,#14495c,#081f27);
	margin-bottom:4px;
	padding-left:5px;
	color:#b6beb5;
	cursor:pointer;
}
.field_quest .qperfix{
	display:inline-block;
	width:7px;
	height:20px;
	margin-right:10px;
	vertical-align:top;
}
.field_quest .qperfix.m0{
	background:#F4F900;
}
.field_quest .qperfix.m1{
	background:#F97800;
}
.field_quest:hover{
	background:#06141e;
}
.field_quest span{
	color:white;
	float:right;
	margin-right:10px;
	display:inline-block;
}
.field_option{
	background:linear-gradient(to right,#081f27,#14495c,#081f27);
	margin-bottom:4px;
	padding-left:5px;
	color:#b6beb5;
	min-height:30px;
}
#drag_con.scroll
{
	max-height:350px;
	overflow-y: scroll;
}
#quest_track_con
{
	cursor:pointer;
}
#quest_track_con .sep2{
	width:13px;
	height:13px;
	background:url('/gfx/layout/sep2.png');
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
#quest_track_con .sep3{
	width:13px;
	height:13px;
	background:url('/gfx/layout/sep3.png');
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
#quest_track_con .sep4{
	width:13px;
	height:13px;
	background:url('/gfx/layout/sep4.png');
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.mob_tab{
	width:274px;
	height:39px;
	color:#D9D9D9;
	float:left;
	position:relative;
}
.mob_tab.d1{background:url('/gfx/layout/belkaMob.png') 0 -78px;}
.mob_tab.d2{background:url('/gfx/layout/belkaMob.png') 0 0;}
.mob_tab.d3{background:url('/gfx/layout/belkaMob.png') 0 -39px;}
.mob_tab.d4{background:url('/gfx/layout/belkaMob.png') 0 -156px;}
.mob_tab.d5{background:url('/gfx/layout/belkaMob.png') 0 -117px;}

.mob_tab .amount{
	position:absolute;
	right:10px;
	color:orange;
	top:10px;
}
.mob_tab span{
	font-size:11px;
}
.mob_rank{
	width:42px;
	height:42px;
	display:inline-block;
	vertical-align:middle;
}
.mob_rank.r0{background:url('/gfx/layout/mob_ranks.png') 0 0;}
.mob_rank.r1{background:url('/gfx/layout/mob_ranks.png') -42px 0;}
.mob_rank.r2{background:url('/gfx/layout/mob_ranks.png') -84px 0;}
.mob_rank.r3{background:url('/gfx/layout/mob_ranks.png') -126px 0;}
.mob_rank.r4{background:url('/gfx/layout/mob_ranks.png') -168px 0;}
.mob_rank.wa{background:url('/gfx/layout/mob_ranks.png') -210px 0;}
.mob_rank.r6{background:url('/gfx/layout/mob_ranks.png') -252px 0;}
.mob_rank.r5{background:url('/gfx/layout/mob_ranks.png') -294px 0;}
.map_bicon{
	width:39px;
	height:39px;
	background:url('/gfx/layout/map_icons.png') 0 0;
	border:none;
	display:inline-block;
}
.map_bicon:hover{
	background:url('/gfx/layout/map_icons.png') 0 -39px;
}
.map_bicon i{
	width:28px;
	height:28px;
	display:block;
}
.map_bicon i.in{background:url('/gfx/layout/map_icons.png') -39px 0;}
.map_bicon i.ca{background:url('/gfx/layout/map_icons.png') -68px 0;}
.map_bicon i.qa{background:url('/gfx/layout/map_icons.png') -97px 0;}

#player_list_con .right_btns{
	float:left;
	height:39px;
	margin-left:3px;
}
#player_list_con .right_btns .timer{
	background:rgba(0,0,0,0.5);
	color:silver;
	height:39px;
	padding-left:5px;
	padding-right:5px;
	line-height:39px;
	width:78px;
	text-align:center;
}
#player_list_con .player{
	display:block;
}
#player_list_con .player .belka{
	background:url('/gfx/layout/belkaGracz.png') 0 0;
	width:311px;
	height:39px;
	color:#D9D9D9;
	float:left;
	line-height:39px;
	padding-left:20px;
	position:relative;
}
#player_list_con .more_players{
	display:block;
	width:311px;
	height:39px;
}
.more_players button{
	margin-right:12px;
	border:1px solid black;
	color:silver;
	background:rgba(9,15,23,0.95);
	font-family:'Play';
	width:50px;
	height:30px;
	margin-top:5px;
	float:right;
}
#player_list_con .player span{
	font-size:11px;
}
#player_list_con .player strong{
	font-size:12px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	 z-index:2;
	 position:relative;
}
#player_list_con .glory_rank{
	position:absolute;
	left:-7px;
	top:5px;
	z-index:1;
}
#player_list_con .glory_rank.war{
	animation:enemyempblink 0.5s linear infinite;
	border-radius:10px;
}
@keyframes enemyempblink { 
	0% { background: red;} 
	50% {background: rgba(0,0,0,0)} 
	100% { background: red;} 
}
.game_map_con{
	float:left;
	padding:0;
	width:534px;
	height:534px;
	position:relative;
	margin-left:-12px;
	background:black;
	border-radius:3px;
	border-style: solid; border-width: 7px 8px 7px 7px; -moz-border-image: url(/gfx/layout/mapborder.png) 7 8 7 7; -webkit-border-image: url(/gfx/layout/mapborder.png) 7 8 7 7; -o-border-image: url(/gfx/layout/mapborder.png) 7 8 7 7; border-image: url(/gfx/layout/mapborder.png) 7 8 7 7 fill;
}
#map_pilot{
	float:left;
	border-style: solid; border-width: 7px 8px 7px 7px; -moz-border-image: url(/gfx/layout/mapborder.png) 7 8 7 7; -webkit-border-image: url(/gfx/layout/mapborder.png) 7 8 7 7; -o-border-image: url(/gfx/layout/mapborder.png) 7 8 7 7; border-image: url(/gfx/layout/mapborder.png) 7 8 7 7 fill;
	background:url('/gfx/layout/tloPilot.png');
	width:501px;
	height:132px;
	position:relative;
}
#map_pilot .sekcja{
	margin:auto;
	cursor:move;
	position:absolute;
	top:-20px;
	left:0;
	right:0;
}
#map_pilot .move_btns{
	position:absolute;
	top:0px;
	left:50px;
	width:120px;
	height:120px;
}
#map_pilot .other_btns{
	position:absolute;
	top:25px;
	left:200px;
}
#map_pilot .move_btns .small{
	width:26px;
	height:26px;
	background:url('/gfx/layout/buttonMove.png');
	cursor:pointer;
	padding:3px;
}
#map_pilot .move_btns .small:hover{
	background:url('/gfx/layout/buttonMove.png') 0 -26px;
}
#map_pilot .other_btns .bigg{
	width:41px;
	height:41px;
	background:url('/gfx/layout/btnAction.png');
	cursor:pointer;
	display:inline-block;
}
#creature_list_con .mfbg
{
	width:32px;
	height:32px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	float:right;
	margin-left:5px;
}
#map_pilot .other_btns .MoveIcon i,#creature_list_con .mfbg i{
	display:block;
	pointer-events:none;
}
#map_pilot .other_btns .MoveIcon i.pi{
	margin-top:5px;
	margin-left:5px;
}
#map_pilot .move_btns .bigg{
	width:41px;
	height:41px;
	background:url('/gfx/layout/btnAction.png');
	cursor:pointer;
	padding:12px;
}
#map_pilot .bigg:hover{
	background:url('/gfx/layout/btnAction.png') 0 -41px;
}
#map_pilot .move_btns .MoveIcon{
	position:absolute;
}
#map_pilot .move_btns .MoveIcon i{
	width:20px;
	height:20px;
	display:block;
	pointer-events:none;
}
#map_pilot .move_btns .MoveIcon.l{top:40px; left:0;}
#map_pilot .move_btns .MoveIcon.r{top:40px; right:0;}
#map_pilot .move_btns .MoveIcon.u{left:40px; top:0;}
#map_pilot .move_btns .MoveIcon.d{left:40px; bottom:0;}
#map_pilot .move_btns .MoveIcon.lu{left:7px; top:7px;}
#map_pilot .move_btns .MoveIcon.ld{left:7px; bottom:7px;}
#map_pilot .move_btns .MoveIcon.ru{right:7px; top:7px;}
#map_pilot .move_btns .MoveIcon.rd{right:7px; bottom:7px;}

#map_pilot .move_btns .MoveIcon.l i{background:url('/gfx/layout/strzalki.png') 0px 0px;}
#map_pilot .move_btns .MoveIcon.r i{background:url('/gfx/layout/strzalki.png') -20px 0px;}
#map_pilot .move_btns .MoveIcon.u i{background:url('/gfx/layout/strzalki.png') -40px 0px;}
#map_pilot .move_btns .MoveIcon.d i{background:url('/gfx/layout/strzalki.png') -60px 0px;}
#map_pilot .move_btns .MoveIcon.ld i{background:url('/gfx/layout/strzalki.png') -80px 0px;}
#map_pilot .move_btns .MoveIcon.rd i{background:url('/gfx/layout/strzalki.png') -100px 0px;}
#map_pilot .move_btns .MoveIcon.lu i{background:url('/gfx/layout/strzalki.png') -120px 0px;}
#map_pilot .move_btns .MoveIcon.ru i{background:url('/gfx/layout/strzalki.png') -140px 0px;}
.pi{
	width:32px;
	height:32px;
}
.pi.multi{ background:url('/gfx/layout/piloticons.png') 0px 0px;}
.pi.mm{ background:url('/gfx/layout/piloticons.png') -32px 0px;}
.pi.la{ background:url('/gfx/layout/piloticons.png') -64px 0px;}
.pi.ha{ background:url('/gfx/layout/piloticons.png') -96px 0px;}
.pi.sp{ background:url('/gfx/layout/piloticons.png') -128px 0px;}
#minimap_con{
	position:absolute;
	top:-5px;
	right:-5px;
	width:204px;
	height:204px;
	cursor:pointer;
	display:none;
}
#minimap_con canvas{
	position:absolute;
	left:13px;
	top:13px;
}
#minimap_canvas{
	background:#007409;
}
#minimap_grid_canvas{
	z-index:1;
	background:url(/gfx/layout/mgrid.png);
}
#minimap_con .minimap_lay{
	position:absolute;
	width:204px;
	height:204px;
	background:url(/gfx/layout/minimap.png);
	z-index:2;
}
.game_map_con > canvas{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#field_sett{
	position:absolute;
	top:65px;
	right:20px;
	width:400px;
}
#field_sett button{
	width:16px;
	height:16px;
	background:url('/gfx/layout/settings.png');
	border:none;
	float:right;
}
#field_sett button:hover{
	background:url('/gfx/layout/settings.png') 0 -16px;
}
#field_options{
	background:rgba(0,0,0,0.9);
	width:380px;
	height:350px;
	position:absolute;
	display:none;
	padding:20px;
	z-index:99;
	color:white;
	border:1px solid grey;
}
#field_options .left{
	float:left;
	width:130px;
}
#field_options .right{
	float:right;
	width:200px;
}
.qb_right{
	float:right;
	margin-right:10px;
}
.qname{
	font-size:20px;
}
.option,.poption{
	cursor:pointer;
}
.cloth{
	width:60px;
	float:left;
	margin-right:5px;
	text-align:center;
	background:url('/gfx/layout/wardobe_available.png');
	height:80px;
}
.cloth:hover{
	opacity:0.9;
}
.cloth span{
	display:block;
	 text-shadow:
   1px 1px 0 #000;
}
.cloth img{
	pointer-events:none;
}
.cloth.obtained{
	background:url('/gfx/layout/wardobe_active.png');
}
.cloth.notava{
	background:url('/gfx/layout/wardobe_disabled.png');
}
tr:hover .instance_name{
	color:red;
}
#instance_head{
	background:rgba(0,0,0,0.6);
	border-radius:3px;
	padding:5px;
	color:white;
}
#instance_timer{
	float:right;
}
#instance_head .iplayer{
	float:left;
	padding:2px;
	margin:1px;
	color:orange;
	 text-shadow:1px 1px 0 #000;
	background:linear-gradient(black,grey)
}
#instance_head .iplayer span{
	color:lime;
}
#instance_head .iplayer span.changing{
	color:red;
}
/*SKILLS*/
.skill{
	width:440px;
	background:url(/gfx/layout/umkiTlo.png);
	height:130px;
	padding:5px;
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	height:130px;
}
.skill > img{
	float:left;
	margin:5px;
}
.skill_name{
	font-size:15px;
	text-transform:uppercase;
}
.skill_name.passive{
	color:orange;
}
.skill_name.active{
	color:lime;
}
.skill .skill_cost{
	float:right;
}
.skills_right_bar{
	float:right;
}
.skill_set_left{
	float:left;
}
.ava_skill{
	background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6));
	margin:2px;
	padding:5px;
	float:left;
	width:150px;
	height:150px;
	text-align:center;
}
.skill_set_left .slot{
	height:67px;
	background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.6));
	margin:1px;
	vertical-align:middle;
	text-align:center;
	padding-left:5px;
	width:600px;
}
.skill_set_left .slot .slotnum{
	display:inline-block;
	width:100px;
}
.skill_set_left .slot .select_input select{
	width:400px;
}
/*SWORD*/
.sword_stats{
	float:right;
	width:500px;
}
#st_custom_atrs .select_input input{
	width:200px;
}
/* KULE */
.db_owners{
	margin-bottom:50px;
	float:left;
	width:450px;
}
.db_history{
	float:right;
	width:250px;
}
.dbi{
	margin-right:10px;
}
.ball_con{
	position:relative;
	width:300px;
	height:75px;
	
}
.ball_con .dbim{
	position:absolute;
	top:5px;
	left:5px;
}
.dbim{
	width:95px;
	height:95px;
}
.dbstat{
	position:absolute;
	top:10px;
	left:105px;
	height:60px;
	z-index:9;
}
.star1{background:url(/gfx/layout/dballs.png) -42px 0;}
.star2{background:url(/gfx/layout/dballs.png) -163px 0;}
.star3{background:url(/gfx/layout/dballs.png) -203px -91px;}
.star4{background:url(/gfx/layout/dballs.png) -163px -187px;}
.star5{background:url(/gfx/layout/dballs.png) -53px -187px;}
.star6{background:url(/gfx/layout/dballs.png) -4px -91px;}
.star7{background:url(/gfx/layout/dballs.png) -102px -91px;}
/*PLAYER PROF */

#player_ekw{
	width:350px;
	position:absolute;
	height:540px;
	right:20px;
	top:50px;
}
#pd_quick_btns{
	position:absolute;
	top:10px;
	left:200px;
}
#pd_stat_page{
	height:360px;
}
#pd_achis{
	position:absolute;
	top:50px;
	left:200px;
	width:360px;
	height:60px;
}
#pd_stats{
	position:absolute;
	top:130px;
	left:200px;
}
#pd_achis img{
	margin-right:-15px;
}
#pd_pets{
	position:absolute;
	top:250px;
	left:470px;
	width:110px;
	height:250px;
}
.player_text{
	float:left;
	width:530px;
	min-height:100px;
}
.player_friends{
	float:right;
	width:400px;
	min-height:100px;
}
.pd_friend{
	float:left;
	width:78px;
	height:78px;
	border:2px solid grey;
	margin:1px;
	position:relative;
}
.pd_friend img.online{
	position:absolute;
	top:55px;
	right:2px;
}
.pd_friend img.option{
	width:75px;
	height:75px;
}
#pd_text{
	overflow:auto;
	height:200px;
	background:rgba(0,0,0,0.6);
	border-radius:5px;
	padding:5px;
}
.sex{
	width:30px;
	height:30px;
	display:inline-block;
	vertical-align:middle;
}
.sex.sex1{ background:url(/gfx/layout/sex.png);}
.sex.sex2{ background:url(/gfx/layout/sex.png) 0 -30px;}
.pp_stats span{
	display:inline-block;
	width:120px;
}
.pcon{
	width:102px;
	height:102px;
	border:1px solid silver;
}
.pcon img{
	width:100px;
	height:100px;
}
.profile{
	position:absolute;
	top:15%;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	background:rgba(9,15,23,0.95);
	padding:10px;
	box-shadow:0 0 3px orange;
	font-family:'Play';
	display:none;
	color:white;
	z-index:999999;
}
#pd_name_avatar,#kd_logo{
	border:1px solid grey;
}
.kd_avatar_area{
	float:left; 
}
.clan_stats{
	margin-left:20px;
	float:left;
}
.kd_players{
	height:200px;
	overflow:auto;
}
.kd_players b{
	display:inline-block;
	width:300px;
}
.kd_players b span{
	font-weight:normal;
	color:white;
}
/*FRIENDS */
.li_friend{
	float:left;
	width:108px;
	height:132px;
	border:2px solid grey;
	margin:1px;
	text-align:center;
	position:relative;
}
.li_friend img.option{
	width:100px;
	height:100px;
}
.li_friend img.online{
	position:absolute;
	top:80px;
	right:2px;
}
/*ACHIS*/
.achievement{
	background:rgba(9,15,23,0.9);
	padding:10px;
	margin:3px;
	clear:both;
	border:1px solid black;
}
.achievement .medal{
	width:50px;
	height:50px;
	padding-top:5px;
	padding-left:10px;
	float:left;
	margin-right:20px;
}
.achi_1{color: #F5B800 !important;}
.achi_2{color: silver !important;}
.achi_3{color: gold !important;}
.achi_4{color: #C2C2C2 !important;}
.achi_5{color: #8F8FFF !important;}
.achi_6{color: #CCFF99 !important;}
/*PW */
.pw_topic input{width:500px;}
#pw_content{
	width:820px;
	height:200px;
}
#pw_view{
	margin:20px;
	padding:20px;
	background:rgba(9,15,23,0.95);
	border:1px solid black;
}
.textarea{
	background:rgba(0,0,0,0.6);
	border:1px solid grey;
	color:white;
	padding:10px;
}
#answer_area{
	width:800px;
	height:100px;
}
.message{
	width:600px;
	padding:5px;
	margin-bottom:5px;
}
.message .message_header{
	background:rgba(0,0,0,0.7);
	padding:5px;
	margin-bottom:5px;
	height:30px;
}
.message.me{
	float:right;
	background:linear-gradient(rgba(102,102,255,0.2),rgba(102,102,255,0.97));
}
.message.other{
	float:left;
	background:linear-gradient(rgba(0,51,51,0.2),rgba(0,51,51,0.97));
}
/*RANKING*/
.rank_up{
	color: #3BDA00;
	font-size:15px;
}
.rank_down{
	color: #FBFE00;
	font-size:15px;
}
.isclan{
	box-shadow:inset 0 0 3px #0080FF;
}
.isme{
	box-shadow:inset 0 0 3px #FFFF33;
}
.al{text-align:left !important; padding-left:10px;}
.rank_form{
	display:inline-block;
	margin-left:20px;
	background:rgba(0,0,0,0.3);
	padding:5px;
}
.rank_emp_img{
	width:30px;
	height:30px;
	cursor:pointer;
}
/* KLAN */
#kd_structures{
	position:absolute;
	right:20px;
	top:40px;
	height:500px;
	overflow:auto;
	width:400px;
}
.clan_struct_header{
	margin:2px;
	background:rgba(102,102,255,0.8);
	font-size:16px;
	padding-left:5px;
}
.clan_struct{
	margin:1px;
	background:rgba(102,102,255,0.2);
}
.clan_struct .stru_name{
	width:350px;
	display:inline-block;
	padding-right:10px;
	padding-left:10px;
}
.clan_struct .stru_maxed{
	display:inline-block;
	width:300px;
	text-align:center;
}
.clan_struct .stru_cost{
	display:inline-block;
	width:300px;
}
.clan_struct button{
	margin-right:5px;
}
.clan_struct .str_up{
	display:inline-block;
	width:200px;
}
.clan_fort{
	background:rgba(0,51,51,0.2);
	padding:10px;
	margin:2px;
}
.cpl{
	text-align:left !important;
	padding-left:5px;
}
#edit_clan_player{
	background:rgba(0,0,0,0.6);
	padding:5px;
	margin:10px;
}
.claw{
	width:5px;
	height:10px;
	display:inline-block;
	margin-right:1px;
}
.claw.has{ background:linear-gradient(lime,green);}
.claw.nop{ background:linear-gradient(orange,red);}
#clan_pw_content{
	width:800px;
	height:100px;
}
.player_clan{
	position:absolute;
	right:10px;
}
.player_clan.enemy{
	color:red;
}
.player_clan.enemy img{
	animation:enemyblink 0.5s linear infinite;
}
@keyframes enemyblink { 
	0% { box-shadow: 0 0 4px red;} 
	50% {box-shadow: 0 0 10px orange} 
	100% { box-shadow: 0 0 4px red;} 
}
.skeditor{
	width:500px;
	height:300px;
}
.bbcode{
	width:500px;
	height:300px;
	overflow:auto;
	border:1px solid black;
	padding:5px;
	margin:5px;
}
.bbcode table td{
	border:1px solid white;
	padding:2px;
}
#war_container{
	position:fixed;
	top:10%;
	left:0;
	background:rgba(0,0,0,0.8);
	padding:5px;
	z-index:9999;
	font-size:20px;
}
#war_container h3{
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	 font-size:16px;
	 color:orange;
	text-align:center;
	margin:0;
	text-transform:uppercase;
	background:linear-gradient(black,grey);
	padding:2px;
	display:block;
	-webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
#war_switch{
	height:33px;
	cursor:move;
}
#war_switch img{
	float:left;
	margin-right:5px;
}
.war_list{
	clear:both;
}
.war_list .emp img{
	width:30px;
	height:30px;
}
.war_list div{
	background:linear-gradient(rgba(9,15,23,0.95),rgba(9,15,23,0.45));
	padding:3px;
	color:white;
	text-align:center;
	font-size:10px;
	width:180px;
	font-family:'Play';
}
.war_list div:hover{
	background:linear-gradient(orange,red);
	cursor:pointer;
}
.war_list div img{
	vertical-align:middle;
}
.war_list div span{
	font-size:14px;
}
.war_list div span.timer{
	font-size:11px;
	color:silver;
}
tr.enemy td{
	color:#FF3333 !important;
}
tr.ally td{
	color:#66B2FF !important;
}
.activied{
	background:rgba(102,255,51,0.1) !important;
}
.disabled { opacity: .2 !important;}
/*CLAN PLANETS*/
.tablen1{
	background:rgba(0,0,0,0.3);
}
.tablen1 tr:nth-child(odd){
	background:rgba(0,0,0,0.6);
}
.tablen1 tr:hover{
	background:grey;
}
.tablen1 tr td{
	padding:3px;
}
.galactic{
	width:698px;
	background:url('/gfx/layout/galactic.jpg');
	height:1000px;
	border-radius:3px;
	margin-left:-10px;
	border:1px solid black;
}

.planet_desc{
	background:rgba(0,0,0,0.5);
	padding:5px;
	position:absolute;
	top:25px;
	left:-50px;
	min-width:170px;
	z-index:1000;
	border-radius:2px;
	box-shadow:0 0 5px black;
}
.planet_desc:hover{
	background:rgba(0,0,0,0.3);
}
.planet_pos{
	color:white;
	display:block;
	position:relative;
	width:50px;
	height:50px;
}
.planet_rest{
	width:100px;
	float:left;
}
.pos_1{left:500px; top:90px;}
.pos_2{left:550px; top:130px;}
.pos_3{left:575px; top:170px;}
.pos_4{left:560px; top:220px;}
.pos_5{left:540px; top:270px;}
.pos_6{left:520px; top:320px;}
.pos_7{left:500px; top:370px;}
.pos_8{left:460px; top:410px;}
.pos_9{left:390px; top:450px;}
.pos_10{left:270px; top:320px;}
.pos_11{left:310px; top:170px;}
.pos_12{left:350px; bottom:60px;}
.pos_13{left:370px; bottom:220px;}
.pos_14{left:360px; bottom:370px;}
.pos_15{left:160px; bottom:360px;}
.pos_16{left:140px; bottom:320px;}
.pos_17{left:110px; bottom:260px;}
.pos_18{left:80px; bottom:220px;}
.pos_19{left:65px; bottom:170px;}
.pos_20{left:60px; bottom:100px;}
.planet_val{
	font-size:20px;
	position:absolute;
	top:0;
	right:0;
	color:orange;
}
.planet{width:50px; height:50px; display:block; float:left; margin-right:3px;}
.planet_1{background:url('/gfx/planets/1.png');}
.planet_1:hover{background:url('/gfx/planets/1_b.png');}
.planet_2{background:url('/gfx/planets/2.png');}
.planet_2:hover{background:url('/gfx/planets/2_b.png');}
.planet_3{background:url('/gfx/planets/3.png');}
.planet_3:hover{background:url('/gfx/planets/3_b.png');}
.planet_4{background:url('/gfx/planets/4.png');}
.planet_4:hover{background:url('/gfx/planets/4_b.png');}
.planet_5{background:url('/gfx/planets/5.png');}
.planet_5:hover{background:url('/gfx/planets/5_b.png');}
.planet_6{background:url('/gfx/planets/6.png');}
.planet_6:hover{background:url('/gfx/planets/6_b.png');}
.planet_7{background:url('/gfx/planets/7.png');}
.planet_7:hover{background:url('/gfx/planets/7_b.png');}
.planet_8{background:url('/gfx/planets/8.png');}
.planet_8:hover{background:url('/gfx/planets/8_b.png');}
.planet_9{background:url('/gfx/planets/9.png');}
.planet_9:hover{background:url('/gfx/planets/9_b.png');}
.planet_10{background:url('/gfx/planets/10.png');}
.planet_10:hover{background:url('/gfx/planets/10_b.png');}
.planet_11{background:url('/gfx/planets/11.png');}
.planet_11:hover{background:url('/gfx/planets/11_b.png');}
.planet_12{background:url('/gfx/planets/12.png');}
.planet_12:hover{background:url('/gfx/planets/12_b.png');}
.planet_13{background:url('/gfx/planets/13.png');}
.planet_13:hover{background:url('/gfx/planets/13_b.png');}
.planet_14{background:url('/gfx/planets/14.png');}
.planet_14:hover{background:url('/gfx/planets/14_b.png');}
.planet_15{background:url('/gfx/planets/15.png');}
.planet_15:hover{background:url('/gfx/planets/15_b.png');}
.planet_16{background:url('/gfx/planets/16.png');}
.planet_16:hover{background:url('/gfx/planets/16_b.png');}
.planet_17{background:url('/gfx/planets/17.png');}
.planet_17:hover{background:url('/gfx/planets/17_b.png');}
.planet_18{background:url('/gfx/planets/18.png');}
.planet_18:hover{background:url('/gfx/planets/18_b.png');}
.planet_19{background:url('/gfx/planets/19.png');}
.planet_19:hover{background:url('/gfx/planets/19_b.png');}
.planet_20{background:url('/gfx/planets/20.png');}
.planet_20:hover{background:url('/gfx/planets/20_b.png');}
#clan_planets_simple{
	position:absolute;
	right:0px;
	z-index:107456;
}
/*GLORY*/
.glory_lvl{
	display:inline-block;
	background:grey;
	color:red;
	font-size:16px;
	border:1px solid black;
	height:30px;
	line-height:30px;
	text-align:center;
	width:30px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.glory_val{
	display:inline-block;
	padding:5px;
	height:28px;
	font-size:10px;
	background:rgba(102,102,255,0.4);
}
.glory_lvl.obtained{
	color:green;
}
.glory_val.obtained{
	opacity:0.5;
	color:grey;
}
.glory_lvl.achieved{
	color:orange;
}
.glory_val.achieved{
	color:lime;
}
/*emots*/
.emo{
	width:22px;
	height:22px;
	display:inline-block;
	vertical-align:middle;
}
.emo.b1{background:url(/gfx/layout/emoty.png) 0 0;}
.emo.b2{background:url(/gfx/layout/emoty.png) -22px 0;}
.emo.b3{background:url(/gfx/layout/emoty.png) -44px 0;}
.emo.b4{background:url(/gfx/layout/emoty.png) -66px 0;}
.emo.b5{background:url(/gfx/layout/emoty.png) -88px 0;}
.emo.b6{background:url(/gfx/layout/emoty.png) -110px 0;}
.emo.b7{background:url(/gfx/layout/emoty.png) -132px 0;}
.emo.b8{background:url(/gfx/layout/emoty.png) -154px 0;}
.emo.b9{background:url(/gfx/layout/emoty.png) -176px 0;}
.emo.b10{background:url(/gfx/layout/emoty.png) -198px 0;}
.emo.b11{background:url(/gfx/layout/emoty.png) -220px 0;}
.emo.b12{background:url(/gfx/layout/emoty.png) -242px 0;}
.emo.b13{background:url(/gfx/layout/emoty.png) -264px 0;}
.emo.b14{background:url(/gfx/layout/emoty.png) -286px 0;}
.emo.b15{background:url(/gfx/layout/emoty.png) -308px 0;}
.emo.b16{background:url(/gfx/layout/emoty.png) -330px 0;}
.emo.b17{background:url(/gfx/layout/emoty.png) -352px 0;}
.emo.b18{background:url(/gfx/layout/emoty.png) -374px 0;}
.emo.b19{background:url(/gfx/layout/emoty.png) -396px 0;}
.emo.b20{background:url(/gfx/layout/emoty.png) -418px 0;}
/* RANKS */
.player_rank0{ color: #ED8F74;}
.player_rank1{ color: #DEE64D;}
.player_rank2{ color: #A7A48B;}
.player_rank3{ color: #48EA79;}
.player_rank4{ color: #14E9DE;}
.player_rank5{ color: #14A4E9;}
.player_rank6{ color: #C270F3;}
.player_rank7{ color: #F58DEB;}
.player_rank8{ color: #F9FEBC;}
.player_rank9{ color: #FF0000;}
.player_rank10{ color: #668CFF;}
.player_rank11{ color: #00B82E;}
.player_rank12{ color: #CC99FF;}
.player_rank13{ color: #FF9933;}

.clan_channel{
	display:none;
}
/*NOTI*/
#noti_con{
	position:fixed;
	top:60px;
	right:20px;
	width:300px;
}
.select_page{
	cursor:pointer;
}
#noti_con .notification{
	background:rgba(0,0,0,0.5);
	padding:5px;
	margin:1px;
	width:300px;
	display:none;
	font-family:'Play';
	color:yellow;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
#noti_con .notification b{
	color:gold;
	text-decoration:none;
}
#noti_con .notification.blinking{
	animation:notiblink 0.5s linear infinite;
}
@keyframes notiblink { 
	0% { opacity: 1;} 
	50% { opacity: 0.3;} 
	100% { opacity: 1;} 
}
/*UPGRADES */
.upgrade{
	float:left;
	margin:10px;
	width:70px;
	height:70px;
	border-radius:5px;
}
.upgrade a{
	width:70px;
	height:70px;
	display:block;
	content:'';
}
/* SETTINGS*/
.setting_btns{
	float:left;
	width:200px;
	background:linear-gradient(black, grey, to right);
}
.setting_btns button{
	border:none;
	width:250px;
	height:40px;
	background:linear-gradient(#001933, black);
	text-transform:uppercase;
}
.setting_btns button:hover{
	background:linear-gradient(orange, yellow);
	color:red;
}
.setting_btns button.active{
	background:yellow;
	color:black;
}
.setting_pages{
	float:right;
	width:650px;
	background:#001933;
	padding-left:20px;
	padding:10px;
	border:1px solid black;
}
.settingsTable {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}
.settingsTable th {
  background: #04182c;
  width: 150px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-weight: Bold;
  text-transform: uppercase;
  color: white;
  font-sizE: 13px;
}
.settingsTable th:first-child {
  border-top-left-radius: 5px;
}
.settingsTable th:last-child {
  border-top-right-radius: 5px;
  width: 95px;
}
.settingsTable td {
  background: #020e1a;
  width: 33.33333333%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: Bold;
  color: #ecd61c;
  font-sizE: 13px;
}
.settingsTable tr:nth-child(even) td {
  background: #010910;
}
#char_titles{
	background:rgba(0,0,0,0.7);
	
}
#char_titles tr td{
	padding:5px;
	border-bottom:1px solid silver;
}
#char_titles tr:hover{
	background:orange;
}
#char_titles tr.active{
	background:linear-gradient(black,grey);
	border-bottom:1px solid red;
}
#char_titles tr > td{
	width:400px;
}
/*PETS*/
.petsList .petItem {
  padding: 20px;
  background: #04182c;
  border-radius: 5px;
  margin: 10px 0;
  position:relative;
}
.petsList .petItem:nth-child(even) {
  background: #010911;
}
.petsList .petItem .leftSide {
  float: left;
  width: 120px;
  margin-right: 20px;
}
.petsList .petItem .leftSide img {
  width: 120px;
  height: 120px;
  border-radius: 5px;
}
.petsList .petItem .rightSide {
  float: right;
  width: 520px;
}
.petsList .petItem .rightSide span {
  font-weight: 600;
  color: #ecd61c;
  font-size: 15px;
  display: block;
  margin-bottom: 15px;
}
.petsList .petItem .rightSide .threeBtns {
  margin-bottom: 10px;
}
.petsList .petItem .rightSide .threeBtns .newBtn {
  width: 27%;
  display: inline-block;
}
.petsList .petItem .rightSide .threeBtns .newBtn:nth-child(2) {
  margin: 0 10px;
  width: 27.7%;
}
.reb1{
	box-shadow:0 0 10px lime !important;
}
.reb2{
	box-shadow:0 0 20px red !important; 
}
.activied1{
	border:3px solid orange;
}
.activied0{
	border:1px solid white;
}
.release_pet{
	position:absolute;
	bottom:5px;
	right:5px;
}
/*BALL*/
.ball_stats{
	text-align:center;
	font-size:15px;
	font-family:'Play';
}
.ss_bars{
	width:400px;
	left:0;
	right:0;
	margin:auto;
}
.ss_bars .main_bar{
	display:inline-block;
	margin-top:5px;
}
.ss_bars .barprefix{
	display:inline-block;
	height:30px;
	top:-10px;
	position:relative;
}
.ss_stats{
	width:80%;
	margin:auto;
	left:0;
	right:0;
}
.ss_stats td{
	height:30px;
}
.ss_stats td:nth-child(2){
	text-align:left;
	width:500px;
	padding-left:5px;
}
.ss_stats td:nth-child(1){
	text-align:right;
	width:100px;
}
.ss_stats td:nth-child(3){
	width:200px;
}
.ss_stats td:nth-child(4){
	width:75px;
}
.ss_pages{
	width:500px;
	padding:20px;
}
.stat_page{
	height:300px;
}
#upgrade_bar {display:none; z-index:99999999999; position:fixed; top:0; bottom:0;left:0;right:0;margin:auto;}
#upgrade_bar { width: 340px; height: 15px; background: #000; padding: 1px; border-radius: 3px; margin-left: auto;
    margin-right: auto; box-shadow: 0px 0px 10px 10px silver;}
#upgrade_bar  .bar { height: 15px;
	background-image: linear-gradient(bottom, #CCFF33 43%, #FFCC33 79%);
	background-image: -o-linear-gradient(bottom,  #CCFF33 43%, #FFCC33 79%);
	background-image: -moz-linear-gradient(bottom,  #CCFF33 43%, #FFCC33 79%);
	background-image: -webkit-linear-gradient(bottom,  #CCFF33 43%, #FFCC33 79%);
	background-image: -ms-linear-gradient(bottom,  #CCFF33 43%, #FFCC33 79%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.43, #CCFF33),
		color-stop(0.79, #FFCC33)
	); text-align: center;
}
#upgrade_bar span { margin: -18px 0px 0px 0px; width: 340px; text-align: center; position: absolute; font-family: Tahoma; font-size: 10px; font-weight: Bold; line-height: 18px; color:red;}
/*ARENA*/
#arena_players .right_btns{
	float:left;
	height:39px;
	margin-left:3px;
}
#arena_players .right_btns .timer{
	background:rgba(0,0,0,0.5);
	color:silver;
	height:39px;
	padding-left:5px;
	padding-right:5px;
	line-height:39px;
	width:78px;
	text-align:center;
}
#arena_players .player{
	display:block;
}
#arena_players .player .belka{
	background:url('/gfx/layout/belkaGracz.png') 0 0;
	width:311px;
	height:39px;
	color:#D9D9D9;
	float:left;
	line-height:39px;
	padding-left:10px;
	position:relative;
}
#arena_players .player span{
	font-size:11px;
}
#arena_players .player strong{
	font-size:12px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
#arena_players .adbelka{
	display:inline-block;
	height:40px;
	line-height:40px;
}
/*activity*/
.act_prize{
	background:rgba(0,0,0,0.2);
	padding:5px;
	margin-bottom:5px;
	clear:both;
}
.activity{
	padding:3px;
	background:linear-gradient(rgba(0,0,0,.6), rgba(71,71,71,.6)); 
	margin:2px;
}
.activity:hover{
	background:linear-gradient(rgba(0,0,0,1), rgba(71,71,71,1)); 
}
.activity img{
	width:20px;
	vertical-align:middle;
}
.ac_bar{
	height:30px;
	background:rgba(0,0,0,0.7);
	padding:2px;
}
.ac_bar div{
	background: linear-gradient(red, yellow, green); 
	height:30px;
	animation: grad1 2s infinite;
}
.activity_bar{
	font-size:20px;
	color:green;
	text-align:center;
}
@keyframes grad1 {
  0% {opacity: 1;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}
#promo_item{
	position:fixed;
	z-index:999999;
	top:30%;
	left:30%;
	width:250px;
	height:250px;
	background:rgba(0,0,0,0.9);
	border-radius:10px;
	text-align:center;
	font-family:'Play';
	animation: promo 1s infinite;
	color:silver;
}
#promo_item .ekw_page_items{
	width:100px;
	margin:auto;
}
#promo_item .green{
	font-size:20px;
}
#promo_item button{
	margin:5px;
}
#promo_dragger{
	height:30px;
	background:linear-gradient(rgba(71,71,71,1),rgba(0,0,0,1)); 
	cursor:move;
	border-radius:10px;
}
#promo_item h1{
	font-size:18px;
	color:orange;
	text-transform:uppercase;
}
@keyframes promo {
  0% {border: 1px solid orange;}
  50% {border: 1px solid green;}
  100% {border: 1px solid orange;}
}
/*EMPIRE*/
.emp_structs{
	width:400px;
}
.emp_struct{
	margin:1px;
	background:rgba(102,102,255,0.2);
	min-height:28px;
	line-height:28px;
}
.emp_struct .main_bar{
	float:right;
}
.emp_struct .stru_name{
	width:200px;
	display:inline-block;
	padding-right:10px;
	padding-left:10px;
	cursor:pointer;
}
.emp_struct button{
	float:right;
}
.emp_table{
	width:500px;
}
.emp_table td{
	padding:2px;
}
.emp_buff{
	margin:1px;
	background:rgba(178,102,255,0.2);
	min-height:28px;
	line-height:28px;
	padding-left:10px;
}
#e_gne{
	background:url('/gfx/layout/falarazem.png') no-repeat;
	width:300px; 
	height:200px; 
}
#e_gne img{
	margin:0px;
	border:1px solid black;
}
.gneg{
	position:relative; 
	top:-180px; 
	left:20px; 
	font-size:14px; 
	color:orange; 
	font-weight:bold;
}
.gnee{
	position:relative; 
	top:-200px; 
	left:240px; 
	font-size:14px;
	color:gray; 
	font-weight:bold;
}
.gnep{
	position:relative; 
	top:-190px; 
	left:00px; 
	font-size:14px; 
	color:black; 
	font-weight:bold;
	text-align:center;
}
.war_win{
	background:rgba(0,0,0,0.3);
	text-align:center;
	padding:5px;
	margin-bottom:1px;
}
.trade_good{
	float:left;
	height:150px;
	background:linear-gradient(orange,grey);
	margin:5px;
	width:100px;
	text-align:center;
	text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
}
.trade_good.bought{
	opacity:0.8;
	
}
.trade_good .ekw_slot{
	margin-left:10px;
}
/*TUTORIAL*/
.qlink2{
	float:left;
	position:relative;
	cursor:pointer;
	top:-10px;
	left:-20px;
	animation: tuts 2s infinite;
	border-radius:30px;
	width:60px;
	height:60px;
}
@keyframes tuts {
  0% {background: white;}
  25% {background: silver;}
  50% {background: grey;}
  75% {background: silver;}
  100% {background: white;}
}
#tutorial_frame{
	position:fixed;
	right:5px;
	top:10%;
	width:430px;
	min-height:120px;
	display:none;
	z-index:9999999;
}
.tutfocus{
	animation:tutfo 1s linear infinite;
}

@-moz-keyframes tutfo { 
	0% { color:red; } 
	50% { color:yellow; } 
	100% { color:red; } 
}
#tutorial_frame .bubble{
	float:left;
	position: relative;
	width: 275px;
	min-height: 120px;
	background: rgba(255,255,255,0.9);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border: #3790D6 solid 3px;
	padding:10px;
	font-size:13px;
	font-family:'Play';
}
#tutorial_frame .bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 0 8px 23px;
border-color: transparent rgba(255,255,255,0.9);
display: block;
width: 0;
z-index: 1;
right: -23px;
top: 52px;
}

#tutorial_frame .bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 0 10px 25px;
border-color: transparent #3790D6;
display: block;
width: 0;
z-index: 0;
right: -28px;
top: 50px;
}
#gostek2{
	width:100px;
	height:100px;
	background:url('/gfx/layout/gostek.png');
	cursor:move;
	float:right;
	margin-right:10px;
	margin-top:10px;
	border:1px solid silver;
}
#tutorial{
	position:fixed;
	top:15%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	padding:10px;
	font-family:'Play';
	font-size:14px;
	color:white;
	background:#090f17;
	z-index:99;
	box-shadow:0 0 3px 3px black;
	border-radius:2px;
	display:none;
}
#tutorial h1{
	color:yellow;
	font-size:20px;
}

#tutorial_arrow{
	position:absolute;
	width:48px;
	height:48px;
	background:url('/gfx/layout/strzalka2.png');
	top:500px;
	left:500px;
	display:none;
	poiner-events:none;
	z-index:99999999999;
}
#tutorial_arrow.ani-top-left{
	transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	animation:arrow1 0.5s linear infinite;
}
@-moz-keyframes arrow1 { 
	0%, 100% { transform:translate(0px,0px); } 
	50% { transform:translate(-10px,-10px); } 
}
#tutorial_arrow.ani-bottom-left{
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	animation:arrow2 0.5s linear infinite;
}
@-moz-keyframes arrow2 { 
	0%, 100% { transform:translate(0px,0px); } 
	50% { transform:translate(10px,10px); } 
}
#tutorial_arrow.ani-bottom-right{
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	animation:arrow3 0.5s linear infinite;
}
@-moz-keyframes arrow3 { 
	0%, 100% { transform:translate(0px,0px); } 
	50% { transform:translate(10px,10px); } 
}
.tutse{
	border:1px solid black;
	padding:5px;
	margin-top:2px;
	background:linear-gradient(#090f17,#003366);
}
.tut_selector{
	text-transform:uppercase;
	color:orange;
	font-size:16px;
	padding:5px;
	cursor:pointer;
	
}
.tut_btn{
	border:1px solid black;
	border-radius:3px;
	background:linear-gradient(aqua,blue);
	padding:5px;
	color:white;
	font-size:20px;
	min-width:100px;
}
.tut_btn:hover{
	background:linear-gradient(aqua,green);
}
/* VIP */
.vip_cat{
	clear:both;
	height:85px;
}
.vip_cat.disabled{
	opacity:0.5;
}
.vip_cat.received{
	opacity:0.8;
	border:1px solid orange;
	box-shadow:inset 0 0 3px orange;
}
.vip_label{
	color:gold;
	font-size:20px;
	float:left;
	width:100px;
	line-height:70px;
	text-align:center;
}
.vip_items{
	background:linear-gradient(aqua,blue);
	padding:3px;
	float:left;
}
#bon_counter{
	position:absolute;
	background:linear-gradient(red,orange);
	padding:2px;
	width:20px;
	height:20px;
	color:white;
	line-height:15px;
	border:1px solid yellow;
	top:3px;
	right:-5px;
	border-radius:5px;
	text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
}
.need_bar{
	display:block;
}
.exchange_item{
	width:85px;
	background:blue;
	padding:2px;
	display:inline-block;
	margin-left:1px;
	margin-right:1px;
}
.captcha_container{
	width:304px;
	position:relative;
	margin:auto;
}
.bdb_wish{
	display:block;
}
.lab_icon{
	width:25px;
	height:25px;
	vertical-align:middle;
	display:inline-block;
}
.lab_icon.ms{background:url('/gfx/layout/lab.png') 0 0;}
.lab_icon.nl{background:url('/gfx/layout/lab.png') -25px 0;}
.lab_icon.hl{background:url('/gfx/layout/lab.png') -50px 0;}
.lab_upgrade{
	background:rgba(0,0,0,0.3); 
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('/gfx/ekw_pages/ramka.png') 7 repeat; 
	-webkit-border-image: url('/gfx/ekw_pages/ramka.png') 7 repeat; 
	-o-border-image: url('/gfx/ekw_pages/ramka.png') 7 repeat; 
	border-image: url('/gfx/ekw_pages/ramka.png') 7 fill repeat;
	float:left;
	width:450px;
	padding:5px;
}
.lab_upgrade.l0{opacity:0.50;}
.lab_upgrade.l1{opacity:0.60;}
.lab_upgrade.l2{opacity:0.70;}
.lab_upgrade.l3{opacity:0.80;}
.lab_upgrade.l4{opacity:0.90;}
.lab_upgrade.l5{opacity:1;}
.lab_left{
	float:left;
}
.lab_left img{
	width:70px;
	height:70px;
}
.lab_name{
	float:left;
	margin-left:10px;
	font-size:10px;
	width:335px;
}
.lab_name b{
	color:yellow;
	font-size:13px;
	text-transform:uppercase;
	font-weight::normal;
}
.lab_name span{
	font-size:12px;
}
.treward{
	margin:auto;
	position:relative;
	width:78px;
}
/*TOURS */
.tduel{
	background:black;
	margin-right:3px;
	margin-bottom:10px;
	width:125px;
	border-left:1px solid white;
	border-bottom:1px solid grey;
}
.tduel span{
	background:orange;
	color:black;
	display:block;
	text-align:center;
}
.tduel div{
	margin-bottom:1px;
	padding:2px;
	font-size:12px;
	text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
   text-align:center;
}
.tduel div.won{
	background:green;
}
.tduel div.lost{
	background:grey;
	opacity:0.5;
}
.tour_details{
	width:930px;
	overflow:auto;
}
.tour_back{
	width:1000px;
}

.rank_player{
	width:180px;
	background: #010b14;
	float:left;
	margin-right:5px;
	text-align:center;
	margin-top:5px;
	padding-bottom:10px;
}
.rank_player .rank_pic{
	width:100px;
	height:100px;
	margin:auto;
	box-shadow: 0 0 2px 2px #274968;
	border-radius:3px;
	margin-bottom:5px;
}
.rank_player .place {
  line-height: 46px;
  font-family: 'Play', sans-serif;
  color: #e8da23;
  font-size: 28px;
  font-weight: Bold;
}
.rank_player .name {
  font-family: 'Play', sans-serif;
  color: #e8da23;
  font-size: 16px;
  font-weight: Bold;
}
.rank_player .level {
  font-family: 'Play', sans-serif;
  color: #2b4f70;
  font-size: 14px;
}
.rank_player .level .lval{
	color:orange;
}
.rank_player .rserwer {
  font-family: 'Play', sans-serif;
  color: #B1CBE2;
  font-size: 14px;
}
/* CARDS */
.small_card{
	width:100px;
	height:150px;
	float:left;
	position:relative;
	cursor:pointer;
}
.small_card span{
	position:absolute;
	width:20px;
	height:20px;
	top:3px;
	right:3px;
	font-size:13px;
	text-align:center;
	text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
}
.small_card i{
	display:block;
	position:absolute;
	width:30px;
	height:20px;
	top:120px;
	right:10px;
	font-size:10px;
	line-height:20px;
	text-align:center;
	border-bottom-right-radius: 50px 20px;
	border-top-left-radius: 50px 20px;
	background:rgba(0,0,0,0.8);
	text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
}
.small_card img{
	width:100px;
	height:150px;
}
.cardtt{
	border:2px solid orange;
	width:400px;
	background:linear-gradient(black,#09330D,black);
	border-radius:3px;
	padding:10px;
	min-height:50px;
}
.soulcard{
	position:relative;
	float:left;
	margin-left:-250px;
	margin-top:-20px;
}
.soulcard span{
	position:absolute;
	width:40px;
	height:40px;
	line-height:40px;
	top:10px;
	color:orange;
	right:13px;
	font-size:25px;
	text-align:center;
	text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
}
.card_right{
	float:right;
	width:380px;
	text-align:left;
}
.card_right h3{
	margin:0;
	color:orange;
	font-size:20px;
	margin-bottom:10px;
}
.card_right .stat{
	color:#4E99E3
}
.card_right .stat b{
	color:#1260AF;
}
.cardset{
	padding:5px;
	background:#07233F;
	margin-bottom:2px;
}
.cardclass1{color:#745105;}
.cardclass2{color:silver;}
.cardclass3{color:#DCA42C;}
.cardclass4{color:#FF6666;}
#sc_slots{
	background: radial-gradient(circle, #4d1f00, #000000, #333333);
	width:500px;
	height:500px;
	float:left;
	position:relative;
	border:2px solid #ffff00;
	margin-top:40px;
}
.card_slot{
	width:100px;
	height:150px;
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.9));
	position:absolute;
}
.card_slot.god{
	width:100px;
	height:150px;
	background:linear-gradient(rgba(255,128,0,0.5),rgba(255,128,0,0.9));
	position:absolute;
}
.slots2 #card_slot1{
	top:150px;
	left:100px;
}
.slots2 #card_slot2{
	top:150px;
	right:100px;
}
.slots2 #card_slot3{
	display:none;
}
.slots2 #card_slot4{
	display:none;
}
.slots2 #card_slot5{
	display:none;
}
.slots2 #card_slot6{
	display:none;
}
.slots2 #card_slot7{
	display:none;
}
.slots2 #card_slot8{
	display:none;
}
.slots2 #card_slot9{
	display:none;
}
.slots3 #card_slot1{
	top:30px;
	left:30px;
}
.slots3 #card_slot2{
	top:170px;
	left:200px;
}
.slots3 #card_slot3{
	bottom:30px;
	right:30px;
}
.slots3 #card_slot4{
	display:none;
}
.slots3 #card_slot5{
	display:none;
}
.slots3 #card_slot6{
	display:none;
}
.slots3 #card_slot7{
	display:none;
}
.slots3 #card_slot8{
	display:none;
}
.slots3 #card_slot9{
	display:none;
}
.slots4 #card_slot1{
	top:80px;
	left:80px;
}
.slots4 #card_slot2{
	top:80px;
	right:80px;
}
.slots4 #card_slot3{
	bottom:80px;
	left:80px;
}
.slots4 #card_slot4{
	bottom:80px;
	right:80px;
}
.slots4 #card_slot5{
	display:none;
}
.slots4 #card_slot6{
	display:none;
}
.slots4 #card_slot7{
	display:none;
}
.slots4 #card_slot8{
	display:none;
}
.slots4 #card_slot9{
	display:none;
}
.slots5 #card_slot1{
	top:70px;
	left:5px;
}
.slots5 #card_slot2{
	top:200px;
	left:200px;
}
.slots5 #card_slot3{
	top:70px;
	right:5px;
}
.slots5 #card_slot4{
	bottom:40px;
	right:5px;
}
.slots5 #card_slot5{
	bottom:70px;
	left:5px;
}
.slots5 #card_slot6{
	display:none;
}
.slots5 #card_slot7{
	display:none;
}
.slots5 #card_slot8{
	display:none;
}
.slots5 #card_slot9{
	display:none;
}
.slots6 #card_slot1{
	top:70px;
	left:5px;
}
.slots6 #card_slot2{
	top:5px;
	left:200px;
}
.slots6 #card_slot3{
	top:70px;
	right:5px;
}
.slots6 #card_slot4{
	bottom:40px;
	right:5px;
}
.slots6 #card_slot5{
	bottom:5px;
	left:200px;
}
.slots6 #card_slot6{
	bottom:70px;
	left:5px;
}
.slots6 #card_slot7{
	display:none;
}
.slots6 #card_slot8{
	display:none;
}
.slots6 #card_slot9{
	display:none;
}
.slots7 #card_slot1{
	top:70px;
	left:5px;
}
.slots7 #card_slot2{
	top:5px;
	left:200px;
}
.slots7 #card_slot3{
	top:70px;
	right:5px;
}
.slots7 #card_slot4{
	bottom:40px;
	right:5px;
}
.slots7 #card_slot5{
	bottom:5px;
	left:120px;
}
.slots7 #card_slot6{
	bottom:5px;
	left:270px;
}
.slots7 #card_slot7{
	bottom:70px;
	left:5px;
}
.slots7 #card_slot8{
	display:none;
}
.slots7 #card_slot9{
	display:none;
}
.slots8 #card_slot1{
	top:70px;
	left:5px;
}
.slots8 #card_slot2{
	top:5px;
	left:120px;
}
.slots8 #card_slot3{
	top:5px;
	left:270px;
}
.slots8 #card_slot4{
	top:70px;
	right:5px;
}
.slots8 #card_slot5{
	bottom:40px;
	right:5px;
}
.slots8 #card_slot6{
	bottom:5px;
	left:270px;
}
.slots8 #card_slot7{
	bottom:5px;
	left:120px;
}
.slots8 #card_slot8{
	bottom:70px;
	left:5px;
}
.slots8 #card_slot9{
	display:none;
}
.slots9 #card_slot1{
	top:70px;
	left:5px;
}
.slots9 #card_slot2{
	top:5px;
	left:120px;
}
.slots9 #card_slot3{
	top:5px;
	left:270px;
}
.slots9 #card_slot4{
	top:70px;
	right:5px;
}
.slots9 #card_slot5{
	bottom:40px;
	right:5px;
}
.slots9 #card_slot6{
	bottom:5px;
	left:270px;
}
.slots9 #card_slot7{
	bottom:5px;
	left:120px;
}
.slots9 #card_slot8{
	bottom:70px;
	left:5px;
}
.slots9 #card_slot9{
	top:170px;
	left:200px;
}
.lssj{
	background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.1),rgba(0,0,0,0.6));
	height:40px;
}
.lssj.active{
	background:linear-gradient(rgba(0,0,0,0.6),grey,rgba(0,0,0,0.6));
}
.lssj_pic{
	float:right;
	border:2px solid brown;
	margin:20px;
}
.decoct_left{
	float:left;
	width:470px;
	text-align:center;
}
.decoct_right{
	float:right;
	width:470px;
	text-align:center;
}
.decoct_left table,.decoct_right table{
	background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.8),rgba(0,0,0,0.1));
}
.mastery{
	background:linear-gradient(rgba(0,255,0,0.1),rgba(255,255,0,0.3),rgba(0,255,0,0.1));
}
.limited_kom{
	max-height:300px;
	overflow:auto;
}
.spawner_con{
	width:300px;
	text-align:left;
}
.ac{text-align:center;}
#soulcard_menu{
	display:none;
	width:150px;
	position:absolute;
	background:rgba(0,0,0,0.7);
	border-radius:20px;
	z-index:11;
	border:1px solid red;
	padding:20px;
}
#soulcard_menu .closeb{
	position:absolute;
	right:-5px;
	top:-5px;
	display:block;
}
.svg_captcha{
	background:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.8),rgba(0,0,0,0.4));
	border-radius:10px;
	width:150px;
	cursor:pointer;
}
#ekw_sets div,#ekw_sets_buy button,#sc_sets div{
	background:black;
	width:40px;
	color: white;
	font-weight:bold;
	text-align:center;
	height:30px;
	line-height:30px;
	border:1px solid white;
	margin-left:1px;
	float:left;
}
#ekw_sets div.current,#sc_sets div.current{
	color:orange;
	border:1px solid orange;
}
#ekw_sets,#ekw_sets_buy{
	float:left;
	position:relative;
	top:-30px;
}
#sc_sets{
	position:absolute;
}

.special_event{
	width:70px;
	height:70px;
	position:fixed;
	z-index:99999999;
	cursor:pointer;
	display:none;
}
.special_event.e1_1{background: url('/gfx/items/special/1/1.png');}
.special_event.e1_2{background: url('/gfx/items/special/1/2.png');}
.special_event.e1_3{background: url('/gfx/items/special/1/3.png');}
.special_event.e1_4{background: url('/gfx/items/special/1/4.png');}
.special_event.e1_5{background: url('/gfx/items/special/1/5.png');}
.exchange_win{
	width:580px;
	height:500px;
	overflow-y:auto;
}
/* FOOTER*/
footer {
  position: absolute;
  z-index: 0;
  width: 960px;
  left:0;
  right:0;
  margin: 0 auto;
  height: 75px;
  text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
}
footer #copy {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  color: #46a6de;
  text-transform: uppercase;
  font-weight: 900;
  top: 10px;
  left: 35px;
  position: absolute;
}
footer ul {
  position: absolute;
  top: 10px;
  right: 35px;
}
footer ul li {
  float: left;
  margin: 0 0 0 40px;
}
footer ul li a {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  color: #46a6de;
  text-transform: uppercase;
  font-weight: 900;
  text-decoration: none;
}
footer:before {
  content: "";
  width: 1901px;
  height: 283px;
  position: fixed;
  bottom: 0;
  left: 0;
  background: url('/gfx/layout/footer-bg.png');
  z-index: -1;
}

#lotto_content {
  display: none;
}

#pointer {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 30px solid #d00;
  margin: auto;
  margin-bottom: 20px;
}

#wheel_wrapper {
  position: relative;
  width: 450px;
  height: 450px;
  margin: auto;
}

#wheel {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 12px solid #333;
  position: absolute;
  top: 0;
  left: 0;
  --spin: 0deg;
}

#spin-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: none;
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
    cursor: pointer;
    z-index: 10;
    background: linear-gradient(135deg, #ff6f61, #f7b267);
    box-shadow: 0 0 20px rgba(255,111,97,0.6), 0 0 40px rgba(247,178,103,0.4);
    text-shadow: 0 0 10px rgba(255,255,255,0.7);
    overflow: hidden;
}

#spin-button::after {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    left: -10%;
    top: -10%;
    border-radius: 50%;
    background: rgba(255,255,255,0.3);
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
}

#spin-button.click-effect::after {
    animation: clickRipple 0.6s ease-out forwards;
}

@keyframes clickRipple {
    0% {
        transform: scale(0);
        opacity: 0.6;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
#spin-button:active {
    transform: translate(-50%, -50%) scale(1.2);
    box-shadow: 0 0 40px rgba(255,111,97,0.9), 0 0 80px rgba(247,178,103,0.7);
}
#spin-button:hover {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: 0 0 30px rgba(255, 111, 97, 0.8), 0 0 60px rgba(247, 178, 103, 0.6);
}
.slice {
  position: absolute;
  inset: 0;
  transform-origin: center;
}
.slice::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(255,255,255,0.025), transparent);
    pointer-events: none;
}
.slice .blink-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0; /* behind items */
  background-color: transparent;
  opacity: 0;
  /* Clip to wedge shape */
  clip-path: polygon(
    50% 50%, 
    100% 0%, 
    100% 100%,
    0% 100%, 
    0% 0%
  ); /* placeholder, JS will adjust per slice */
}
.slice-content {
	z-index: 1;
  position: absolute;
  top: 40px;
  left: 53%;
  transform-origin: center;
  transform: translateX(-50%) rotate(calc(var(--slice-angle) * -1)) rotate(calc(var(--spin) * -1));
  text-align: center;
  width: 40px;
  pointer-events: none;
}

.slice-content img {
  width: 40px;
  height: 40px;
  display: block;
  transform-origin: center;
  border-radius:5px;
}
.slice-content div {
	right:4px;
	bottom:1px;
	position:absolute;
	font-size:9px;
}
/* Pulse animation on winning item */
.slice-content img.pulse {
  animation: pulse 0.8s ease-in-out infinite alternate;
}

@keyframes pulse {
  0% { transform: scale(1); filter: drop-shadow(0 0 0px gold); }
  100% { transform: scale(1.3); filter: drop-shadow(0 0 15px gold); }
}

/* Winning slice overlay */
.winning-slice {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 50%;
  background: conic-gradient(
    gold 0deg var(--slice-angle),
    transparent var(--slice-angle) 360deg
  );
  opacity: 0.5;
  filter: drop-shadow(0 0 20px gold);
  transform-origin: center;
  z-index: 0;
  animation: glowFancy 1s ease-in-out infinite alternate;
}

@keyframes glowFancy {
  0% {
    transform: scale(1) rotate(var(--rotation, 0deg));
    opacity: 0.5;
    filter: drop-shadow(0 0 10px gold);
  }
  50% {
    transform: scale(1.05) rotate(var(--rotation, 0deg));
    opacity: 0.7;
    filter: drop-shadow(0 0 25px gold);
  }
  100% {
    transform: scale(1.1) rotate(var(--rotation, 0deg));
    opacity: 0.6;
    filter: drop-shadow(0 0 30px gold);
  }
}

.particle {
  position: absolute;
  width: 6px;
  height: 6px;
  background: gold;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0);
  opacity: 1;
  animation: particleAnim 1s forwards;
  z-index: -1; /* ensure behind wheel */
}

@keyframes particleAnim {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  50% {
    transform: translate(var(--x), var(--y)) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(var(--x), var(--y)) scale(0.5);
    opacity: 0;
  }
}