@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
   background: #71d2f0 url('/gfx/layout/footer-bg.jpg') no-repeat bottom center ;
   background-size: cover;
   background-attachment: fixed;
   margin-top:50px;
}
#game_win{ min-height:1000px;}
#bg_shade{
	margin-top:-50px;
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.7);
	z-index:-1;
}
label{
	font-weight:normal;
}
.initial_hide{
	display:none;
}
.initial_hide_forced{
	display:none !important;
}
.ib{
	display:inline-block;
}

#top_bar{
	background-color:#1A1A39;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	position:absolute;
	top:0;
	width:100%;
	box-shadow: 0 4px 2px -2px #866e32;
	z-index:999;
	height:30px;
	font-family: 'Raleway', sans-serif;
	line-height:30px;
}
#top_bar strong{
	float:right;
	color:#93B6D0;
	font-size:11px;
	font-weight:normal;
}
#top_bar > div{
	float:right;
	margin-right:10px;
	color:white;
	font-size:11px;
}
#top_bar > div .select_input{
	margin-top:5px;
}
#top_bar > div div{
	position:relative;
	top:-3px;
}
#top_bar .adv{
	float:left;
}
#top_bar strong span{
	color:white;
	font-size:13px;
}
#top_bar strong button{
	display:inline-block;
}
.logoutbtn{
	background:none;
	border:none;
	text-transform:uppercase;
	color:#93B6D0;
}
#top_menu{
	width: 1004px;
	height:37px;
	background:url('/gfx/layout/lay/menu.png');
	left:0;
	right:0;
	margin:auto;
	line-height:37px;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
}
#top_menu > button, #top_menu .hb{
	border:none;
	background:none;
	font-weight:bold;
	color:#DBB98F;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	text-shadow:
   -1px -1px 1px #000,  
    1px -1px 1px #000,
    -1px 1px 1px #000,
     1px 1px 1px #000;
}
#top_menu > button:hover, #top_menu .hb:hover{
	color:white;
}
#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:linear-gradient(to right,#242746,#20203C);
	width:170px;
	height:26px;
	display:block;
	text-align:left;
	padding-left:30px;
	border:none;
	color:#87ADC2;
	line-height:26px;
	margin-bottom:1px;
	border-bottom:1px solid #877138;
	font-size:12px;
	font-family: 'Raleway', 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:#242746 url(/gfx/layout/lay/shuriken.png) no-repeat;
	color:white;
}
.menu_bar button:active,.menu_bar a:active{
	color:orange;
}
.menu_bar button:disabled,.menu_bar a:disabled{
	color:grey;
}
button.select_page:disabled{
	color:grey !important;
}
.closeicon{
	width:27px;
	height:27px;
	background: url('/gfx/layout/closepopup.png');
	border:none;
}
.closeicon:hover{
	background: url('/gfx/layout/closepopup.png') -29px 0;
}
#doubler_bar .closeicon{
	position:relative;
	top:-5px;
	right:-15px;
}
.f_right{
	float:right;
}
.f_left{
	float:left;
}
.game_input{
	display:inline-block;
	height:44px;
}
.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: 44px;
  display: inline-block;
  background: url('/gfx/layout/lay/gimb.png');
  padding: 0 15px;
  font-size: 13px;
  color: #7E9BB4;
  font-family: 'Raleway', sans-serif;
  vertical-align:middle;
  margin:0;
}
.game_input:before{
	height: 44px;
	width:9px;
	display:inline-block;
	background: url('/gfx/layout/lay/ginp.png') 0 0;
	content:"";
	vertical-align:middle;
	margin:0;
}
.game_input:after{
	height: 44px;
	width:9px;
	display:inline-block;
	background: url('/gfx/layout/lay/ginp.png') -9px 0;
	content:"";
	vertical-align:middle;
	margin:0;
}
.select_input{
	display:inline-block;
	vertical-align:middle;
}	
.select_input:before{
	height: 27px;
	width:7px;
	display:inline-block;
	background: url('/gfx/layout/lay/select.png') 0 0;
	content:"";
	vertical-align:middle;
	margin:0;
	float:left;
}
.select_input:after{
	height: 27px;
	width:7px;
	display:inline-block;
	background: url('/gfx/layout/lay/select.png') -7px 0;
	content:"";
	vertical-align:middle;
	margin:0;
	float:left;
}
.select_input select{
  margin: 0;
  background: url('/gfx/layout/lay/selarr.png') right no-repeat,url('/gfx/layout/lay/selbg.png');
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 0 0 0 14px;
  height: 27px;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  vertical-align:middle;
  padding-right:40px;
  float:left;
  line-height: 27px;
}
.select_input select option {
  color: black;
} 
.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: 'Raleway', 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: 'Raleway', 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: 'Raleway', 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;
}
.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;
	height:24px;
	margin:0;
}
.radio label {
   cursor: pointer;
}
.radio input[type="radio"]{
	display:none;
}
.radio input[type="radio"] + label {
  width: 24px;
  height: 24px;
  padding-left: 10px;
  background: url('/gfx/layout/lay/checkbox.png');

}
.radio input[type="radio"]:checked + label {
 background: url('/gfx/layout/lay/checkbox.png') -24px 0;
}
.radio span{
	vertical-align:top;
}
	
.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;
}
.newBtn3{
	border-style: solid; border-width: 12px 11px; -moz-border-image: url(/gfx/layout/btn3bor.png) 12 11 repeat; -webkit-border-image: url(/gfx/layout/btn3bor.png) 12 11 repeat; -o-border-image: url(/gfx/layout/btn3bor.png) 12 11 repeat; border-image: url(/gfx/layout/btn3bor.png) 12 11 repeat;
	height:22px;
	background:#1B1B31;
	background-clip: padding-box;
	line-height: 22px;
	box-sizing: content-box;
	display: inline-block;
	text-align: center;
	color: #E5D8A5;
	text-decoration: none;
	font-size: 12px;
	font-weight: Bold;
	text-transform: uppercase;
	width:400px;
	margin-left:5px;
}
.newBtn3:hover{
	background-clip: padding-box;
	background:#38396D;
}
.newBtn {
  background: url('/gfx/layout/newbtn2.png') repeat-x 0 0;
  height: 23px;
  background-clip: padding-box;
  line-height: 23px;
  box-sizing: content-box;
  display: inline-block;
  text-align: center;
  color: #E5D8A5;
  text-decoration: none;
  font-size: 12px;
  font-weight: Bold;
  text-transform: uppercase;
  border-style: solid; 
  border-width: 5px; 
  -moz-border-image: url(/gfx/layout/btnborder.png) 5 repeat; 
  -webkit-border-image: url(/gfx/layout/btnborder.png) 5 repeat; 
  -o-border-image: url(/gfx/layout/btnborder.png) 5 repeat; 
  border-image: url(/gfx/layout/btnborder.png) 5 fill repeat;
}
.newBtn:hover {
   background: url('/gfx/layout/newbtn2.png') repeat-x 0 -23px;
    background-clip: padding-box;
}
.newBtn:active {
   background: url('/gfx/layout/newbtn2.png') repeat-x 0 -46px;
    background-clip: padding-box;
}
.newBtn.disabled{
	opacity:0.7;
}
.newBtn.active{
	background: url('/gfx/layout/newbtn2.png') repeat-x 0 -69px;
	 background-clip: padding-box;
	color:white;
}
.newBtn.toright{
	text-align:right;
}
.newBtn.active:hover{
	color:orange;
}
.newBtn.fixed{
	width:150px;
}

#ekw_item_menu .newBtn{
	min-width:90px;
}
.btn_small_gold {
  background: url('/gfx/layout/lay/btn1.png');
  height: 42px;
  width:163px;
  line-height: 42px;
  display: inline-block;
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  font-weight: Bold;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  margin: 0;
  padding: 0 10px;
  cursor: pointer;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.btn_small_gold.toright{
	text-align:right;
}
.btn_small_gold:hover {
  background: url('/gfx/layout/lay/btn1.png') 0 -42px;
}
.btn_small_gold:active {
  background: url('/gfx/layout/lay/btn1.png') 0 -84px;
}
.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;
}
#new_char_btn{
	position: absolute;
	top: 14px;
	right: 131px;
}
#newCharPopUp #newCharContent {
  background: #282853; /* Old browsers */
	background: -moz-linear-gradient(45deg, #282853 15%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #282853 15%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #282853 15%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282853', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  width: 460px;
  height: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -195px 0 0 -230px;
  border:2px solid #AC9355;
  color:#E6D9A7;
}
#newCharPopUp #newCharContent #closePopUp {
  position: absolute;
  top: -20px;
  right: -20px;
  cursor: pointer;
}
#newCharPopUp #newCharContent h3{
	margin-top:0px;
}
#newCharPopUp #newCharContent .nf {
  position: absolute;
  bottom: 74px;
  left: 21px;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  color:white;
}
#newCharPopUp #newCharContent .noO {
  color: #105396;
  font-family: 'Raleway', 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: 'Raleway', sans-serif;
  font-size: 15px;
  height: 31px;
  line-height: 31px;
  display: block;
}
#newCharPopUp #newCharContent .inputText .game_input {
  float: left;
  display: block;
  padding: 0 15px;
  margin-top:-10px;
}
#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: 'Raleway', 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: 180px;
  left: 21px;
}

#newCharPopUp #newCharContent .road > span {
  display: block;
  height: 75px;
  line-height: 75px;
  width: 98px;
  float: left;
  color: #fffce2;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  text-align:right;
}
#newCharPopUp #newCharContent .road .chooseRace {
  float: left;
  width:320px;
}
#newCharPopUp #newCharContent .road .chooseRace .race{
	width:54px;
	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;
}
#newCharPopUp #newCharContent button{
	margin:auto;
	position:absolute;
	left:0;
	right:0;
}
.sekcja_header{
	width:183px;
	height:22px;
	float:left;
	margin-left:-22px;
	background: url('/gfx/layout/lay/belka2.png');
	line-height:25px;
	text-align:left;
	color:#EBDFAC;
	font-family:'Roboto';
	text-transform:uppercase;
	padding-left:30px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.sekcja_header2{
	width:192px;
	height:28px;
	float:left;
	margin-left:-22px;
	background: url('/gfx/layout/lay/belka3.png');
	line-height:28px;
	text-align:center;
	color:#EBDFAC;
	font-family:'Roboto';
	padding-right:20px;
	font-weight:bold;

}
.sekcja_sep{
	background: url('/gfx/layout/lay/separator_sekcje.png');
	height:6px;
	margin-left:-23px;
	margin-right:-23px;
	clear:both;
}
.sekcja_sep2{
	background:#572c1b;
	border-top:1px solid black;
	border-bottom:1px solid black;
	height:4px;
	margin-left:-23px;
	margin-right:-23px;
	clear:both;
}
.sekcja_right{
	float:right;
	font-size:11px;
}
.sekcja_right span{
	color:white;
	font-weight:bold;
}
.newtlo{
	
	background: #282853; /* Old browsers */
	background: -moz-linear-gradient(45deg, #282853 15%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #282853 15%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #282853 15%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282853', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#chooseChar {
  position: relative;
}
#chooseChar .newtlo{
	margin-left:-23px;
	margin-right:-23px;
	padding:10px;
}
#chooseChar .title {
  height: 69px;
  width: 100%;
  position: relative;
  font-family: 'Raleway', 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: 'Raleway', sans-serif;
}
#chooseChar ul li {
  float: left;
  width: 180px;
  height: 250px;
  display: block;
  margin: 0 5px 5px 0;
  background:rgba(0,0,0,0.3);
  cursor:pointer;
  border:2px solid black;
  text-align:center;
}

#chooseChar ul li:hover{
	border:2px solid #b09757;
}
#chooseChar ul li.new_char{
	border:none;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
#chooseChar ul li.new_char img{
	margin-top:30px;
}
#chooseChar ul li.new_char h5{
	text-transform:uppercase;
	margin-top:30px;
	font-size:12px;
}
#chooseChar ul li.new_char:hover{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
#chooseChar ul li figure {
  padding: 0;
  width: 160px;
  height: 160px;
  position: relative;
  filter: grayscale(80%);
  -webkit-filter: grayscale(80%);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
#chooseChar ul li:hover figure{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
#chooseChar ul li figure img {
  width: 160px;
  height: 160px;
  margin:8px;
  border: 1px solid grey;
}
#chooseChar ul li:hover figure img{
	border: 1px solid #b09757;
}
#chooseChar ul li div{
	text-align:center;
	margin-bottom:5px;
}
#chooseChar ul li h3 {
  display: block;
  font-family: 'Raleway', sans-serif;
  color: white;
  text-align: center;
  margin: 20px 0 5px;
  font-size: 12px;
}
#chooseChar ul li h3 span{
	font-family: 'Raleway', sans-serif;
	color:#6F89A0;
	font-size:11px;
}
#chooseChar ul li h4 {
  display: block;
  font-family: 'Raleway', sans-serif;
  color: #6F89A0;
  text-align: center;
  margin: 5px 0 0px 0;
  font-size: 11px;
}
#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: 'Raleway', 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(161,106,66,0.97); 
	padding:20px; 
	box-shadow:0 0 3px 3px black;
	font-family:'Raleway';
	border:1px solid #cead74;
	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;
}
.close_kom{
	position:absolute;
	right:-15px;
	top:-15px;
	cursor: pointer;
	background:black;
	border-radius:50px;
	width:50px;
	height:50px;
	text-align:center;
	z-index:1;
}
.close_kom b{
	position:absolute;
	top:2px;
	left:2px;
	width:45px;
	height:45px;
	border-radius:45px ;
	background:#51362B; 
	display:block;
	line-height:45px;
	color:#CFAA7E;
	font-weight:bold;

	font-size:20px;
	border:2px solid #CFAA7E;
	text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
}
.close_kom:hover{
	background:red;
	color:red;
}

.r1{color:#E6E600;}
.r2{color:#B30000;}
.r3{color:#002EB8;}
.r4{color:#33FF66;}
.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:100px;
	height:40px;
	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: 8px 8px 3px 3px; 
	-moz-border-image: url(/gfx/layout/chat_border.png) 8 8 3 3 repeat; 
	-webkit-border-image: url(/gfx/layout/chat_border.png) 8 8 3 3 repeat; 
	-o-border-image: url(/gfx/layout/chat_border.png) 8 8 3 3 repeat;
	border-image: url(/gfx/layout/chat_border.png) 8 8 3 3 fill repeat;
}
#chat_drag{
	cursor:move;
	float:right;
	width:335px;
}
.chat_sep{
	width:8px;
	height:30px;
	float:left;
	background:url(/gfx/layout/chatsep.png);
	margin-top:1px;
}
#belkaChatu{
	width:90px;
	height:57px;
	background:url(/gfx/layout/chat_belka.png);
	z-index:2;
	position:relative;
}
#chat_inner_container{
	margin-top:-22px;
	z-index:1;
}
.chatbtn{
	width:90px;
	height:25px;
	border:none;
	background:none;
	font-weight:bolder;
	text-align:left;
	color:#DAB88E;
	margin-top:4px;
	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{
	color:orange;
}
.chatmc{
	width:33px;
	height:19px;
	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:19px;
	text-align:center;
	position:absolute;
	top:2px;
	right:-0px;
	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;
	opacity:0.5;
}
.chamc{
	width:19px;
	height:19px;
	background:url(/gfx/layout/chmsg.png);
	text-shadow:1px 1px 0 #000;
	color:red;
	animation:chatnot 1s linear infinite;
	font-size:11px;
	line-height:19px;
	text-align:center;
	position:absolute;
	top:0px;
	right:-10px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.chamc .empty{
	animation:none;
	opacity:0.5;
}
.chat_input{
	border-style: solid; 
	border-width: 6px; 
	-moz-border-image: url(/gfx/layout/input.png) 6 repeat; 
	-webkit-border-image: url(/gfx/layout/input.png) 6 repeat; 
	-o-border-image: url(/gfx/layout/input.png) 6 repeat; 
	border-image: url(/gfx/layout/input.png) 6 fill repeat;
	background:#131324;
	height:26px;
	width:535px;
	color:white;
	font-size:12px;
}
.chat_channel{
	border-style: solid; 
	border-width: 5px; 
	-moz-border-image: url(/gfx/layout/chatchannel1.png) 5 repeat; 
	-webkit-border-image: url(/gfx/layout/chatchannel1.png) 5 repeat; 
	-o-border-image: url(/gfx/layout/chatchannel1.png) 5 repeat; 
	border-image: url(/gfx/layout/chatchannel1.png) 5 fill repeat;
	float:left;
	margin:2px;
	font-size:15px;
	cursor:pointer;
	color:white;
	background:#20203C;
	width:70px;
	height:28px;
	position:relative;
	text-transform:uppercase;
	font-size:11px;
	line-height:20px;
}
.chat_channel_switch{
	border-style: solid; 
	border-width: 5px; 
	-moz-border-image: url(/gfx/layout/chatchannel1.png) 5 repeat; 
	-webkit-border-image: url(/gfx/layout/chatchannel1.png) 5 repeat; 
	-o-border-image: url(/gfx/layout/chatchannel1.png) 5 repeat; 
	border-image: url(/gfx/layout/chatchannel1.png) 5 fill repeat;
	float:right;
	margin:2px;
	font-size:15px;
	cursor:pointer;
	color:white;
	background:#20203C;
	width:70px;
	height:28px;
	position:relative;
	text-transform:uppercase;
	font-size:11px;
	line-height:20px;
}
.channel_opts{
	float:left;
}

.chat_channel:hover,.chat_channel_switch:hover{
	border-width: 5px; 
	-moz-border-image: url(/gfx/layout/chatchannel2.png) 5 repeat; 
	-webkit-border-image: url(/gfx/layout/chatchannel2.png) 5 repeat; 
	-o-border-image: url(/gfx/layout/chatchannel2.png) 5 repeat; 
	border-image: url(/gfx/layout/chatchannel2.png) 5 fill repeat;
	background:orange;
}
.chat_channel.active{
	border-width: 5px; 
	-moz-border-image: url(/gfx/layout/chatchannel2.png) 5 repeat; 
	-webkit-border-image: url(/gfx/layout/chatchannel2.png) 5 repeat; 
	-o-border-image: url(/gfx/layout/chatchannel2.png) 5 repeat; 
	border-image: url(/gfx/layout/chatchannel2.png) 5 fill repeat;
	background:#20203C;
}
#chat_form .game_input input{
	width:400px;
}
#chat_messages{
	width:610px;
	height:210px;
	overflow-x: hidden;
	overflow-y:scroll;
}
.chat_row{
	background:#20203C;
	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_row .right_side{
	float:left;
	width:440px;
}
.chat_row .entry_header{
	background:#131324;
	padding:5px;
	margin-bottom:10px;
}
.chat_row .entry_header .autor{
	float:left;
}
.chat_row .entry_header .date{
	float:right;
}
.chat_row .addop{
	float:left;
}
.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;
}
.orange{
	color:orange;
}
.red{
	color:red !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;}
#quick_bar{
	width: 960px;
	height: 35px;
	margin: 10px auto -25px;
	position: relative;
	padding-left:30px;
	z-index:2;
}
.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; }
.ico{
	width:16px;
	height:16px;
	vertical-align:middle;
	display:inline-block;
}
.ico.exp{ 
	width:28px;
	height:28px;
	background:url('/gfx/layout/icons2.png') 0 0;
}
.ico.pa{ 
	width:28px;
	height:28px;
	background:url('/gfx/layout/icons2.png') -28px 0;
}
.ico.sub{ 
	width:28px;
	height:28px;
	background:url('/gfx/layout/icons2.png') -56px 0;
}
.ico.ap{ 
	width:22px;
	height:23px;
	background:url('/gfx/layout/attr.png') -132px 0;
}
.ico.a1{ width:22px; height:22px; background:url('/gfx/layout/attr.png') 0 0;}
.ico.a2{ width:22px; height:22px; background:url('/gfx/layout/attr.png') -44px 0;}
.ico.a3{ width:22px; height:22px; background:url('/gfx/layout/attr.png') -22px 0;}
.ico.a4{ width:22px; height:22px; background:url('/gfx/layout/attr.png') -66px 0;}
.ico.a5{ width:22px; height:22px; background:url('/gfx/layout/attr.png') -88px 0;}
.ico.a6{ width:22px; height:22px; background:url('/gfx/layout/attr.png') -110px 0;}
.ico.tai{ background:url('/gfx/layout/abi.png') 0 0;}
.ico.ken{ background:url('/gfx/layout/abi.png') -16px 0;}
.ico.shuriken{ background:url('/gfx/layout/abi.png') -32px 0;}
.ico.nin{ background:url('/gfx/layout/abi.png') -48px 0;}
.ico.gen{ background:url('/gfx/layout/abi.png') -64px 0;}
.ico.kin{ background:url('/gfx/layout/abi.png') -80px 0;}
.ico.fuin{ background:url('/gfx/layout/abi.png') -96px 0;}
.ico.nin_fire{ background:url('/gfx/layout/abi.png') -112px 0;}
.ico.nin_thunder{ background:url('/gfx/layout/abi.png') -128px 0;}
.ico.nin_wind{ background:url('/gfx/layout/abi.png') -144px 0;}
.ico.nin_water{ background:url('/gfx/layout/abi.png') -160px 0;}
.ico.nin_earth{ background:url('/gfx/layout/abi.png') -176px 0;}
.ico.sen{ background:url('/gfx/layout/abi.png') -192px 0;}
.ico.unk{ background:url('/gfx/layout/abi.png') -208px 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:'Raleway';
	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:200px;
	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{
	background:#202047;
	line-height:20px;
	color:black;
	width:450px;
	box-shadow:0 0 25px black;
	padding-bottom:5px;
	border:2px solid #AC9355;
}
.quest_win h3{
	position:relative;
	left:0;
	right:0;
	margin:auto;
}
.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:'Raleway';
}
.quest_desc .qtitle{
	color:#88A7C2;
	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:700px;
	
}
#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;
	display:inline-block;
	width:100px;
	text-align:right;
}
.fr{font-size:15px;}
.fr1{color:lime;}
.fr2{color:red;}
.fr0{color:aqua;}

#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: 'Raleway', 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:370px;
	background: #1e1e3d; /* Old browsers */
	background: -moz-linear-gradient(top, #1e1e3d 0%, #2d2d5f 51%, #1e1e3d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e1e3d 0%,#2d2d5f 51%,#1e1e3d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e1e3d 0%,#2d2d5f 51%,#1e1e3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e3d', endColorstr='#1e1e3d',GradientType=0 ); /* IE6-9 */
}
#ekw_right{
	float:left;
	margin-left:25px;
	width:500px;
	margin-top:20px;
}
#ekw_amount{
	position:absolute;
	top:70px;
	right:30px;
}
#ekw_amount span{
	color:orange;
}
.ekw_page{
	background: #2d2d5f; /* Old browsers */
	background: -moz-linear-gradient(top, #2d2d5f 35%, #202040 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2d2d5f 35%,#202040 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2d2d5f 35%,#202040 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d5f', endColorstr='#202040',GradientType=0 ); /* IE6-9 */
	border-style: solid; 
	border-width: 4px; 
	-moz-border-image: url('/gfx/ekw_pages/ramka.png') 4 repeat; 
	-webkit-border-image: url('/gfx/ekw_pages/ramka.png') 4 repeat; 
	-o-border-image: url('/gfx/ekw_pages/ramka.png') 4 repeat; 
	border-image: url('/gfx/ekw_pages/ramka.png') 4 fill repeat;
	width:520px;
	z-index:1; 
	margin-top:-4px; 
	padding-top:10px;
	padding-left:1px;
	padding-right:1px;
	min-height:200px;
}
.ekw_pag{
	cursor:pointer; 
	margin-left:3px; 
	margin-top:20px;
	padding:2px; 
	padding-top:4px; 
	background:url('/gfx/ekw_pages/empty_page.png');
	width:70px;
	height:70px;
	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(7) infinite;
}
#ekw_right .to_right{
	margin-right:3px;
	float:right;
}
@keyframes epageactive { 
	100% {background-position:0 -490px;}
}

@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.lab3{background-position-x:-90px;}
.ekw_label.lab4{background-position-x:-135px;}
.ekw_label.lab5{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;}
.tlo_ekw0{ background:url('/gfx/ekw_pages/ekw_0.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: 370px; 
	height:537px; 
	display:block;
	text-align:left;
}
.ekw_bck .ekw_slot{ 
	width:82px;
	height:82px;
	background:url('/gfx/ekw_pages/slotItem.png');
	position:absolute; 
	cursor:pointer;
	user-select: none;
}
.ekw_bck{
	position:relative;
}
.ekw_bck .ekw_slot.active{ 
	box-shadow: 0 0 10px red; 
}
.slot1{top:10px; left:10px;}
.slot2{top:10px; left:95px;}
.slot3{top:10px; left:180px;}
.slot4{top:10px; left:265px;}
.slot5{top:95px; left:265px;}
.slot6{top:180px; left:265px;}
.slot7{top:265px; left:265px;}
.slot8{top:350px; left:265px;}
.slot9{top:435px; left:265px;}
.slot10{top:435px; left:180px;}
.slot11{top:435px; left:95px;}
.slot12{top:435px; left:10px;}
.slot13{top:350px; left:10px;}
.slot14{top:265px; left:10px;}
.slot15{top:180px; left:10px;}
.slot16{top:95px; left:10px;}

.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:82px;
	height:82px;
	background:url('/gfx/ekw_pages/slotItem.png');
	vertical-align:middle;
	float:left;
	margin:1px;
	cursor:pointer;
	position:relative;
	user-select: none;
}
.ekw_slot img{
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	position:absolute;
}
.ekw_page_items .ekw_slot > div,.quest_desc .ekw_slot > div{
	position:absolute;
	right:8px;
	bottom:6px;
	min-width:20px;
	height:17px;
	text-align:right;
	padding-left:3px;
	color:orange;
	font-size:14px;
	line-height:17px;

	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

.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: 'Raleway', 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:350px;
	text-align:left;
	min-height:100px;
	background:rgba(0,0,0,0.9);
	border-radius:5px;
	box-shadow:0 0 3px black;
	padding:5px;
	overflow-y:auto;
}
.buff_con .list_buff{
	font-size:11px;
	margin:5px;
	float:left;
	color:silver;
	cursor:pointer;
	position:relative;
	background:#0B335A;
	width:100%
}
.buff_con .list_buff .timer{
	color:red;
}
.buff_con .list_buff b{
	color:green;
}
.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 .av{
	margin:10px;
	box-shadow:0 0 3px white;
}
.ptt .tab1{
	min-width:130px;
}
.pet_tech{
	width:100px;
	float:left;
	text-align:center;
}
.pet_tech b{
	color:lime;
}
.pet_tech .technika{
	margin:auto;
}
.tech_desc{
	width:500px;
	background:linear-gradient(black,#3D2004,black);
	border-radius:3px;
	padding:5px;
	min-height:50px;
	text-align:left;
	font-family: 'Raleway';
	position:relative;
}
.tech_desc .technika{
	float:left;
	margin-right:10px;
}
.tech_desc .right_desc{
	padding-top:0;
	float:right;
	width:380px;
	height:120px;
}
.tech_desc .effects{
	color:#89DDFF;
}
.tech_desc .effects b{
	color:#9B7FE0;
}
.tech_desc .effects strong{
	color:#5B84EA;
}
.tech_desc .effects .adef{
	color:#E6F857;
}
.tech_desc h2{
	color:orange;
	font-size:20px;
	font-family: 'Roboto',Arial, sans-serif;
	margin-top:0px;
}
.tech_desc .eq{
	width:250px;
	display:inline-block;
}
.mob_tech{
	float:left;
	width:100px;
	text-align:center;
}
.tst0{color:#F39B58;}
.tst1{color:#45A7F2;}
.skill_t1{color:green;}
.skill_t2{color:lightblue;}
.skill_t3{color:orange;}
.skill_t4{color:purple;}
.item_desc {
	background: #252548;
	width:436px;	
	font-family: 'Raleway',Arial, sans-serif;
	font-size: 14px;
	padding-bottom: 30px;
	text-align:center; 
}
.item_desc .item_name{
	font-family:'Raleway';  
	font-size:16px; 
	padding:15px;
	font-weight:bold; 
	z-index:18; 
	display:block; 
	width:428px;	
	margin:0px;
	text-shadow:
   -1px -1px 3px #000,  
    1px -1px 3px #000,
    -1px 1px 3px #000,
     1px 1px 3px #000;
	background:black;
	border-bottom:2px solid #A08955;
	
}
#quality{
	position:absolute; 
	top:-43px;
	left:100px;
	width:170px;
	height:15px;
	font-size:10px;
	color:grey;
	text-transform:uppercase;
	text-align:left;
	line-height:12px;
	display:block;
}
.q1{color:white;}
.q2{color:yellow;}
.q3{color:lime;}
.q4{color:silver;}
.q5{color:gold;}
.color{ color:red; background:lime;}
.item_desc .item_name span{
	font-size:12px;
}
.item_desc .item_desc_class{
	height:120px;
	width:428px;
	border-bottom:2px solid #A08955;
}
.item_desc .item_desc_class.c1,.item_desc .item_desc_class.c0{
	background: #969696; /* Old browsers */
	background: -moz-linear-gradient(45deg, #969696 0%, #282853 30%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #969696 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #969696 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.item_desc .item_desc_class.c2{
	background: #898000; /* Old browsers */
	background: -moz-linear-gradient(45deg, #898000 0%, #282853 30%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #898000 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #898000 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898000', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.item_desc .item_desc_class.c3{
	background: #800080; /* Old browsers */
	background: -moz-linear-gradient(45deg, #800080 0%, #282853 30%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #800080 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #800080 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800080', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.item_desc .item_desc_class.c4{
	background: #ffa500; /* Old browsers */
	background: -moz-linear-gradient(45deg, #ffa500 0%, #282853 30%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #ffa500 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #ffa500 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa500', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.item_desc .item_desc_class.c5{
	background: #4682b4; /* Old browsers */
	background: -moz-linear-gradient(45deg, #4682b4 0%, #282853 30%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #4682b4 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #4682b4 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4682b4', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.item_desc .item_desc_class.c6{
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(45deg, #ff0000 0%, #282853 30%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #ff0000 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #ff0000 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.item_desc .item_desc_class.c7{
	background: #1DE5E5; /* Old browsers */
	background: -moz-linear-gradient(45deg, #1DE5E5 0%, #282853 30%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #1DE5E5 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #1DE5E5 0%,#282853 30%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1DE5E5', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.item_desc .item_desc_class .ekw_slot{
	margin:20px;
}
.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:'Raleway';}
.item_desc .item_add2 span b{color:white;}
.item_desc .inner_content{padding-left: 40px; padding-right: 40px; padding-top:20px;}
.item_desc .ball_desc{
	width:350px; 
	height:80px; 
	text-align:left; 
	font-size:14px; 
	font-family:'Raleway'; 
	line-height:18px; 
	padding:15px; 
	color:silver;
	background:linear-gradient(to right,rgba(0,0,0,0),grey,rgba(0,0,0,0));
	border-bottom:2px solid #A08955;
	margin-bottom:20px;
	margin-top:-20px;
}
.item_desc .ball_desc .val{
	color:orange;
}
.item_desc .item_stats{ width:370px; text-align:left; font-size:12px; font-family:'Raleway'; line-height:16px; border-bottom:1px solid #4B5777; padding-bottom:30px;}
.item_desc .item_stats div{display:inline-block; width:8px; height:8px; border-radius:5px; margin-right:5px; border:1px solid black; }
.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:Purple;}
.item_desc .item_stats .list_sep4{background:orange;}
.item_desc .item_stats .list_sep5{background:steelblue;}
.item_desc .item_stats .list_sep6{background:Red;}
.item_desc .item_stats .list_sep7{background:aqua;}
.item_desc .item_stats .stat_val{color:white;}
.item_desc .item_stats .stat_sval{color:#33CCFF;}
.item_desc .item_stats .stat_desc{color:#738DA6; font-size:11px;}

.item_desc .set_span{ font-size:14px; color:lime; width:370px; line-height:34px; text-align: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; font-size:11px;}
.item_desc .set_stat_list{display:block; width:180px; float:left; line-height:16px; font-size:11px; text-align:left; }
.item_desc .set_stat_list i{
	display:inline-block; width:8px; height:8px; border-radius:5px; margin-right:5px; border:1px solid black;
	background:lime;
	content:'';
}
.item_desc .set_lines{line-height:16px; margin-bottom:20px; margin-left:-30px; margin-right:-30px;}
.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; }
.item0{color:white !important; }
.item1{color:white !important; }
.item2{color:yellow !important; }
.item3{color:Purple !important;}
.item4{color:Orange !important;}
.item5{color:steelblue !important;}
.item6{color:Red !important;}
.item7{color:aqua !important;}
#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;} 
}
.fast_delete_btn{
	border:none;
	background:none;
	color:#9FBAD2;
	font-size:12px;
}
.fast_delete_btn i{
	width:25px;
	height:25px;
	display:inline-block;
	background:url('/gfx/ekw_pages/fast_deletion.png');
	vertical-align:middle;
	
}
.fast_delete_btn:hover{
	color:red;
}
.fast_delete_btn:hover i{
	background:url('/gfx/ekw_pages/fast_deletion.png') 0 -25px;
}
.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: 963px;
  height: 160px;
  margin:auto;
  position:relative;
  font-family: 'Raleway', sans-serif;
  z-index: 4;
  background: #252548;
}
header.logged .left_section{
	 background: #20203C;
	 width:290px;
	 height:100%;
}
header.logged #avatar {
  position: absolute;
  top: 22px;
  left: 30px;
  width: 80px;
  height: 80px;
  cursor:pointer;
}
header.logged #village{
	position: absolute;
	top: 2px;
    left: 235px;
	width:50px;
	height:25px;
}
header.logged #village img{
	width:50px;
	height:25px;
}
header.logged #avatar img {
  width: 100%;
  height: 100%;
  border: none;
}
header.logged #nickLevel {
  position: absolute;
  top: 22px;
  left: 120px;
  width:160px;
  font-family: 'Raleway', sans-serif;
}
header.logged #nickLevel #char_surname{
	color:#88A7C2;
	font-size:11px;
}
header.logged #nickLevel #char_name {
  font-size: 13px;
  font-weight: Bold;
  color: #fff;
}
header.logged #nickLevel #level {
  color: #E5D8A5;
  font-size: 11px;
  display: block;
}
header.logged #main_char_stats{
	position: absolute;
	top: 5px;
	left: 300px;
	height:140px;
	width:90px;
	font-size:12px;
	color:white;
	font-family: 'Raleway', sans-serif;
}
header.logged #main_char_stats #has_ap{
	float:right;
	width:30px;
	height:143px;
	padding-top:50px;
	text-align:center;
	background:#20203C;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
header.logged #main_char_stats #has_ap.disabled{
	opacity:0.5;
}
header.logged #main_char_stats > div{
	float:left;
	width:60px;
	
}
header.logged #main_char_stats > div div{
	background:#20203C;
	line-height:23px;
	height:23px;
	margin-bottom:1px;
}
header.logged #main_char_stats button{
	position:relative;
	background:url(/gfx/layout/attr.png) -155px 0;
	width:15px;
	height:15px;
	border:none;
	content:"";
	left:-10px;
	margin-right:-15px;
}
header.logged #main_char_stats button:hover{
	background:url(/gfx/layout/attr.png) -170px 0;
}
header.logged #main_char_stats span{
	color:#46a6de;
	margin-left:10px;
	text-align:right;
	display:inline-block;
	width:20px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
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: 5px;
	left: 400px;
	height:145px;
	width:320px;
	font-size:12px;
	color:white;
	font-family: 'Raleway', sans-serif;
	text-align:center;
}
header.logged #secondary_char_stats i{
	margin:2px;
	vertical-align:middle;
}
header.logged #secondary_char_stats span{
	color:#46a6de;
}
header.logged #secondary_char_stats b{
	color:#E5D8A5;
	font-size:11px;
}
header.logged #secondary_char_stats > div{
	float:left;
}
header.logged #secondary_char_stats > div div{
	width:100px;
	background:#20203C;
	color:#88A7C2;
	text-align:left;
	margin:1px;
	height:25px;
	line-height:23px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}

header.logged #secondary_char_stats > div div.disabled{
	opacity:0.5;
}
header.logged #changeProfile {
  display: block;
  vertical-align: middle;
  line-height: 20px;
  width: 120px;
  height: 20px;
  background:none;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #9FBAD2;
  text-decoration: none;
  position: absolute;
  border:none;
  top: 125px;
  left: 19px;
  border:none;
}
header.logged #changeProfile img{
	width:20px;
	height:20px;
	display:inline-block;
	background: url('/gfx/layout/lay/return.png') -20px 0 no-repeat;
	vertical-align: middle;
}
header.logged #changeProfile:hover{
	color:white;
}
header.logged #changeProfile:hover img{
 background: url('/gfx/layout/lay/return.png') -20px -20px no-repeat;
}
#lastmap_bar{
  position: absolute;
  top: 125px;
  left: 150px;
   color: #9FBAD2;
   background:none;
   border:none;
   font-family: 'Roboto', sans-serif;
  font-size: 13px;
}
#lastmap_bar img{
	width:20px;
	height:20px;
	display:inline-block;
	background: url('/gfx/layout/lay/return.png') 0 0 no-repeat;
	vertical-align: middle;
}
#lastmap_bar:hover img{
 background: url('/gfx/layout/lay/return.png') 0 -20px no-repeat;
}
#lastmap_ba:hover{
	color:white;
}
/* 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 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;}

#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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}

.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;
}
.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;
}
header.logged .main_bar{
  position: absolute;
  top: 0;
  right: 0;
}
.sep{
	width:6px;
	height:30px;
	background:url('/gfx/layout/lay/separator.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.large{width:300px;}
.main_bar.large:after {width:300px;}

.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');
}
.main_bar .progressBar.style5 {
  background: linear-gradient(#00ccff,#3399ff);
}
.main_bar .progressBar.style6 {
  background: linear-gradient(#ffcc66,#ffcc00);
}
.main_bar_small {
  width: 160px;
  height: 18px;
  display: block;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: Bold;
  overflow: hidden;
  position:relative;
  background:black;
}
.main_bar_small .progressBar {
  height: 14px;
  line-height: 14px;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 1;
}
.main_bar_small span {
  position: relative;
  line-height:14px;
  font-weight:normal;
  font-size:10px;
  z-index: 2;
  text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.main_bar_small .progressBar.style1 {
  background: linear-gradient(#FCF73F,#F77118);
}
.main_bar_small .progressBar.style2 {
  background: linear-gradient(#99CAFE,#4B8FD3);
}
.main_bar_small .progressBar.style3 {
  background: linear-gradient(#BF3F7F,#7F3FBF);
}
header.logged #expBar {
  position: absolute;
  top: 65px;
  left: 120px;
  height: 15px;
  width: 160px;
}
header.logged #paBar {
  position: absolute;
  top: 85px;
  left: 120px;
  height: 10px;
  width: 160px;
}
header.logged #doubler_bar {
  position: absolute;
  top: 105px;
  left: 120px;
  height: 10px;
  width: 160px;
}
header.logged #doubler_bar span.title {
  position: absolute;
  right:0;
  top:0;
  z-index:1;
}
header.logged .barprefix{
	position:absolute;
	left:-10px;
	width:28px;
	height:28px;
	z-index:2;
	top:-5px;
}

#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;
}
header.logged #paBar:hover #hidden_tooltip_pa{
	display:block;
}
header.logged #expBar:hover #hidden_tooltip_exp{
	display:block;
}

header.logged #bonus {
  width: 131px;
  position: absolute;
  top: 10px;
  right: 0px;
}

.bonusbtn{
	width:103px;
}
#curr_con button{
	float:left;
}
/* SECTION */
.page_switch {
  width: 963px;
  margin: auto;
  position: relative;
  z-index: 1;
  left:0;
  right:0;
  background-color:#1A1A39;
  color:#93B6D0;
  font-family: 'Raleway', sans-serif;
  padding-top:1px;
  padding-bottom:1px;
}
.page_switch > div {
	border-style: solid; 
	border-width: 39px 38px 38px; 
	-moz-border-image: url(/gfx/layout/lay/ramka.png) 39 38 38 repeat; 
	-webkit-border-image: url(/gfx/layout/lay/ramka.png) 39 38 38 repeat; 
	-o-border-image: url(/gfx/layout/lay/ramka.png) 39 38 38 repeat; 
	border-image: url(/gfx/layout/lay/ramka.png) 39 38 38 fill repeat;
	margin:-10px;
	min-height:600px;
}

.page_switch .content h2 {
	background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.6),rgba(0,0,0,0));
	border-bottom:2px solid #AC9355;
	font-family: 'Raleway', sans-serif;
	text-align:center;
	color:#E6D9A7;
	padding:15px;
	font-size:18px;
	margin-top:-30px;
	margin-left:-25px;
	margin-right:-25px;
}
.page_switch .content {
  padding: 10px 0px;
  display: block;
  color:white;
  font-family:'Raleway';
  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: 'Raleway', 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: 'Raleway', 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;
	width:1000px;
	top:15%;
	left:0;
	right:0;
	margin:auto;
	display:none;
	color:white;
	z-index:9999;
	padding:0;
	font-family:'Raleway';
}
#fight_view .fighter{
	border:1px solid orange;
	text-align:center;
	position:relative;
	width:172px;
	margin-bottom:5px;
}
#fight_view .fighter.dead{
	opacity:0.5;
}
#fight_view .fighter b{
	display:block;
	position:absolute;
	text-align:center;
	background:rgba(0,0,0,0.5);
	width:170px;
	font-size:13px;
	top:150px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
#fight_view .fighter .fight_bar{
	width:170px;
	background:black;
	padding:1px;
	position:relative;
	height:15px;
}
#fight_view .fighter .fight_bar div{
	max-width:168px;
	width:100%;
	height:13px;
	position:absolute;
}
#fight_view .fighter .fight_bar div.hp{
	background:linear-gradient(orange,red);
}
#fight_view .fighter .fight_bar div.mana{
	background:linear-gradient(#80bfff,#0066cc);
}
#fight_view .fighter .fight_bar div.natural{
	background:linear-gradient(#00ff99,#66ff66);
}
#fight_view .fighter .fight_bar span{
	display:block;
	position:absolute;
	width:100%;
	height:15px;
	line-height:15px;
	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 .closeicon{
	position:absolute;
	right:-10px;
	top:-10px;
	z-index:1;
}
#fight_view .left_container{
	width:172px;
	min-height:500px;
	float:left;
	background:linear-gradient(rgba(29,86,245,1),rgba(29,86,245,0.8));
	
}
#fight_view .right_container{
	width:172px;
	min-height:500px;
	float:right;
	background:linear-gradient(rgba(245,29,29,1),rgba(245,29,29,0.8));
}
#fight_view .center_container{
	background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0.8));
	min-height:500px;
	margin:auto;
	position:absolute;
	left:0;
	right:0;
	width:655px;
}
.fight_team0{
	background:linear-gradient(to right,rgba(29,86,245,0),rgba(29,86,245,0.5));
	padding:5px;
	border-radius: 0 10px 10px 0;
	float:left;
	font-size:12px;
}
.fight_team1{
	background:linear-gradient(to right,rgba(245,29,29,0.5),rgba(245,29,29,0));
	border-radius: 10px 0 0 10px;
	padding:5px;
	float:right;
	font-size:12px;
}
.fight_team0 .crit{
	font-size:20px;
	color:lightblue;
}
.fight_team1 .crit{
	font-size:20px;
	color:pink;
}
.fight_team0 span{
	font-size:15px;
	color:#3568F5;
}
.fight_team1 span{
	font-size:15px;
	color:#F53535;
}
.fight_team0 .death{
	color:red;
}
.fight_team1 .death{
	color:red;
}
.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 .item{
	display:inline-block;
	position:relative;
}
.fight_reward .item.disabled{
	opacity:0.3;
}
.fight_reward .item div{
	position:absolute;
	bottom:3px;
	right:3px;
	color:orange;
	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:30px;
	right:20px;
	margin-bottom:-15px;
	height:15px;
	font-size:16px;
	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:17px;
	display:block;
}
.active_bon{
	float:right;
	margin-right:10px;
	color:lime;
}
.tooltip{
	z-index:999999;
}
/* DAILY REWARD */
#daily_reward{
	width:1000px;
	height:700px;
	background:linear-gradient(black,grey,black);
	position:fixed;
	left:0;
	right:0;
	top:10%;
	margin:auto;
	z-index:999;
	display:none;
	border-style: solid; border-width: 7px; -moz-border-image: url(/gfx/layout/mborder.png) 7 repeat; -webkit-border-image: url(/gfx/layout/mborder.png) 7 repeat; -o-border-image: url(/gfx/layout/mborder.png) 7 repeat; border-image: url(/gfx/layout/mborder.png) 7 fill repeat;
}
#daily_reward h2{
	background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.6),rgba(0,0,0,0));
	border-bottom:2px solid #AC9355;
	font-family: 'Raleway', sans-serif;
	text-align:center;
	color:#E6D9A7;
	padding:15px;
	font-size:18px;
	margin:0;
}
#daily_reward .closeb{
	background:url('/gfx/layout/daily/close_icon.png');
	width:32px;
	height:32px;
	position:absolute;
	top:10px;
	right:15px;
	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;
	opacity:0.8;
	cursor:pointer;
}
#daily_con > div:hover{
	opacity:1;
}

#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:#ff9933;
	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: #ffff66;
	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:5px;
	width:401px;
	color:black;
	margin-right:-15px;
}
.sekcja{
	width:402px;
	background:url('/gfx/layout/belkaSekcja.png');
	height:24px;
	text-align:center;
	line-height:27px;
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
.qtrack{
	background: #282853; /* Old browsers */
	background: -moz-linear-gradient(45deg, #282853 15%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #282853 15%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #282853 15%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282853', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin-bottom:2px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#b6beb5;
	font-size:11px;
	float:right;
	width:400px;
	border:1px solid #5D7488;
	box-shadow:0 0 2px black;
}
.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:#191936;
	margin-bottom:4px;
	color:#A9A9A9;
	padding:1px;
	cursor:pointer;
	border:1px solid #5D7488;
	outline: 2px solid black;
	font-size:12px;
	height:22px;
	line-height:20px;
}
.field_quest:hover{
	background:#0D0D1C;
	color:#FFFFFF;
}
.field_quest .qperfix{
	display:inline-block;
	width:7px;
	height:18px;
	margin-right:10px;
	vertical-align:top;
}
.field_quest .qperfix.m0{
	background:#F4F900;
}
.field_quest .qperfix.m1{
	background:#F97800;
}
.field_quest span{
	color:white;
	float:right;
	margin-right:10px;
	display:inline-block;
}
.field_option{
	background:#191936;
	margin-bottom:4px;
	padding-left:5px;
	color:#A9A9A9;
	min-height:30px;
	border:1px solid #5D7488;
	outline: 2px solid black;
	font-size:12px;
	padding:3px;
}
.field_option:hover{
	background:#0D0D1C;
	color:#FFFFFF;
}
#quest_track_con .sep2{
	width:9px;
	height:16px;
	background:url('/gfx/layout/sep2.png');
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.mob_tab{
	width:274px;
	height:39px;
	color:#D9D9D9;
	float:left;
	margin-bottom:3px;
	position:relative;
	border:1px solid #62788C;
	background: #282853; /* Old browsers */
	background: -moz-linear-gradient(45deg, #282853 15%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #282853 15%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #282853 15%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282853', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gra*/
	margin-right:2px;
}
.mob_tab .diff{
	position:absolute;
	width:50px;
	height:39px;
	z-index:0;
}
.mob_tab .d1{background:linear-gradient(to right,rgba(0, 255, 0,1),rgba(0, 255, 0,0));}
.mob_tab .d2{} 
.mob_tab .d3{background:linear-gradient(to right,rgba(255, 255, 0,1),rgba(255, 255, 0,0));}
.mob_tab .d4{background:linear-gradient(to right,rgba(255, 0, 255,1),rgba(255, 0, 255,0));}
.mob_tab .d5{background:linear-gradient(to right,rgba(255, 0, 0,1),rgba(255, 0, 0,0));}

.mob_tab .amount{
	position:absolute;
	right:10px;
	color:#A9A9A9;
	top:10px;
	font-size:11px;
}
.mob_tab b{
	z-index:1;
	font-size:11px;
	position:relative;
}
.mob_tab span{
	font-size:11px;
	position:relative;
}
.mob_rank{
	width:42px;
	height:42px;
	display:inline-block;
	vertical-align:middle;
	z-index:1;
	position:relative;
	top:-3px;
}
.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.bi{background:url('/gfx/layout/mob_ranks.png') -210px 0;}
.mob_rank.wa{background:url('/gfx/layout/mob_ranks.png') -252px 0;}
.map_bicon{
	width:39px;
	height:39px;
	background: #282853; /* Old browsers */
	background: -moz-linear-gradient(45deg, #282853 15%, #202047 56%, #1a1a39 56%, #1a1a39 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #282853 15%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #282853 15%,#202047 56%,#1a1a39 56%,#1a1a39 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282853', endColorstr='#1a1a39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border:1px solid #5D7488;
	outline:2px solid black;
	display:inline-block;
	margin-right:2px;
	margin-bottom:3px;
}
.map_bicon:hover{
	border:1px solid #CAE1E9;
}
.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;}
.map_bicon i.ga{background:url('/gfx/layout/map_icons.png') -126px 0;}
.map_bicon i.pa{background:url('/gfx/layout/map_icons.png') -154px 0;}

.player .right_btns{
	display:inline-block;
	height:39px;
	margin-bottom:3px;
}
#arena_players .player .right_btns{
	width:123px;
}
.player .right_btns .timer{
	display:inline-block;
	background:rgba(0,0,0,0.5);
	color:silver;
	height:39px;
	line-height:39px;
	width:80px;
	text-align:center;
	margin-bottom:3px;
	border:1px solid #5D7488;
	outline:2px solid black;
	float:right;
	
}
#player_list_con .player,#arena_players .player{
	display:block;
}
.player .mob_tab{
	line-height:39px;
	padding-left:5px;
	position:relative;
}
.player span{
	font-size:11px;
}
.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 .vill_head{
	position:absolute;
	right:5px;
	top:7px;
	z-index:1;
	width:60px;
	height:25px;
}
.vill_head.war{
	animation:enemyempblink 0.3s linear infinite;
}
@keyframes enemyempblink { 
	0% { box-shadow: 0 0 5px red;} 
	50% {box-shadow: 0 0 10px orange;} 
	100% { box-shadow: 0 0 5px red;} 
}
.game_map_con{
	float:left;
	padding:0;
	width:534px;
	height:534px;
	position:relative;
	margin-left:-20px;
	background:black;
	border-style: solid; border-width: 7px; -moz-border-image: url(/gfx/layout/mborder.png) 7 repeat; -webkit-border-image: url(/gfx/layout/mborder.png) 7 repeat; -o-border-image: url(/gfx/layout/mborder.png) 7 repeat; border-image: url(/gfx/layout/mborder.png) 7 fill repeat;
}
#map_pilot{
	float:left;
	border:2px solid #897233;
	background:#0D0D1C;
	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 .other_btns .bigg{
	width:41px;
	height:41px;
	background:url('/gfx/layout/btnAction.png');
	cursor:pointer;
	display:inline-block;
}
#map_pilot .other_btns .MoveIcon 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 .bigg:active{
	background:url('/gfx/layout/btnAction.png') 0 -82px;
}
#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;}
#minimap_con{
	position:absolute;
	top:-25px;
	right:-35px;
	width:224px;
	height:207px;
	cursor:pointer;
	display:none;
	background:url(/gfx/layout/minimap.png);
}
#minimap_con canvas{
	position:absolute;
	left:45px;
	top:30px;
}
#minimap_canvas{
	z-index:2;
}
#minimap_grid_canvas{
	z-index:1;
	background:url(/gfx/layout/mgrid.png);
}
.game_map_con > canvas{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#field_sett{
	position:absolute;
	top:25px;
	right:40px;
	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:200px;
	position:absolute;
	display:none;
	padding:20px;
	z-index:99;
	color:white;
}
#field_options .left{
	float:left;
	width:110px;
}
#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;
	font-size:12px;
}
.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 */
.more_players{
	margin-right:12px;
	border:1px solid black;
	color:silver;
	background:rgba(9,15,23,0.95);
	font-family:'Raleway';
	width:50px;
	height:30px;
	margin-top:5px;
	float:right;
}
.profile_ekw_back{
	width:370px;
	position:absolute;
	height:540px;
	right:10px;
	top:50px;
	background: #1e1e3d; /* Old browsers */
	background: -moz-linear-gradient(top, #1e1e3d 0%, #2d2d5f 51%, #1e1e3d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1e1e3d 0%,#2d2d5f 51%,#1e1e3d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1e1e3d 0%,#2d2d5f 51%,#1e1e3d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e3d', endColorstr='#1e1e3d',GradientType=0 ); /* IE6-9 */
}
#pd_titles{
	width:172px;
	text-align:center;
	font-size:12px;
	background:silver;
}
#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:50px;
	left:450px;
	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;
	font-size:11px;
}
.pp_stats.mar{
	margin-right:10px;
}
.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:#0D0D1C;
	padding:10px;
	box-shadow:0 0 3px orange;
	font-family:'Raleway';
	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;
}
.rank_vill img{
	width:50px;
}
.rank_kg img{
	width:30px;
}
/* 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{
	
}
.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:50px;
}
.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:200px;
	font-family:'Raleway';
}
.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;
}
/*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:28px;
	height:28px;
	display:inline-block;
	vertical-align:middle;
}
.emo.b1{background:url(/gfx/layout/emoty.png) 0 0;}
.emo.b2{background:url(/gfx/layout/emoty.png) -28px 0;}
.emo.b3{background:url(/gfx/layout/emoty.png) -56px 0;}
.emo.b4{background:url(/gfx/layout/emoty.png) -84px 0;}
.emo.b5{background:url(/gfx/layout/emoty.png) -112px 0;}
.emo.b6{background:url(/gfx/layout/emoty.png) -140px 0;}
.emo.b7{background:url(/gfx/layout/emoty.png) -168px 0;}
.emo.b8{background:url(/gfx/layout/emoty.png) -196px 0;}
.emo.b9{background:url(/gfx/layout/emoty.png) -224px 0;}
.emo.b10{background:url(/gfx/layout/emoty.png) -252px 0;}
.emo.b11{background:url(/gfx/layout/emoty.png) -280px 0;}
.emo.b12{background:url(/gfx/layout/emoty.png) -308px 0;}
.emo.b13{background:url(/gfx/layout/emoty.png) -336px 0;}
.emo.b14{background:url(/gfx/layout/emoty.png) -364px 0;}
.emo.b15{background:url(/gfx/layout/emoty.png) -392px 0;}
.emo.b16{background:url(/gfx/layout/emoty.png) -420px 0;}
.emo.b17{background:url(/gfx/layout/emoty.png) -448px 0;}
.emo.b18{background:url(/gfx/layout/emoty.png) -476px 0;}
.emo.b19{background:url(/gfx/layout/emoty.png) -504px 0;}
.emo.b20{background:url(/gfx/layout/emoty.png) -532px 0;}
/* RANKS */
.player_rank0{ color: #1C7000;}
.player_rank1{ color: #85A3FF;}
.player_rank2{ color: #FF4000;}
.player_rank3{ color: #6633FF;}
.player_rank4{ color: #CC33FF;}
.player_rank5{ color: #00FFBF;}
.player_rank6{ color: #FFFF00;}
.player_rank7{ color: #C29100;}
.player_rank8{ color: #3D3D3D;}
.player_rank100{ color: red;}
.mod_rank1{ color: red;}
.mod_rank2{ color: orange;}
.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:'Raleway';
	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(to right,black, grey);
}
.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.3);
	
}
#char_titles tr td{
	padding:5px;
	border-bottom:1px solid silver;
	text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
}
#char_titles tr:hover{
	background:orange;
}
#char_titles tr.active{
	background:linear-gradient(rgba(0,0,0,0.3),green);
	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:'Raleway';
}
.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 .adbelka{
	display:inline-block;
	height:39px;
	line-height:39px;
	background:black;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
}
/*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:260px;
	height:260px;
	background:rgba(0,0,0,0.9);
	border-radius:10px;
	text-align:center;
	font-family:'Raleway';
	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;
	height:30px;
	clear:both;
}
.emp_struct b{
	float:left;
}
.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:'Raleway';
}
#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:'Raleway';
	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;
}
.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:130px;
	background: #010b14 url('/gfx/main.png') -222px -200px;
	float:left;
	margin-right:20px;
	margin-left:25px;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:10px;
	position:relative;
}
.rank_player .rank_pic{
	width:130px;
	height:130px;
	margin:auto;
	margin-bottom:5px;
}
.rank_player .place {
	float:left;
	margin-left:10px;
    line-height: 35px;
    font-family: 'Roboto', sans-serif;
    color: #FFD260;
    font-size: 35px;
    font-weight: Bold;
}
.rank_player .name {
  font-family: 'Raleway', sans-serif;
  float:left;
  margin-left:5px;
  text-align:left;
}
.rank_player .name span{
	color:#93B6D0;
	font-size:11px;
}
.rank_player .name strong{
	color:white;
	font-size:12px;
	font-weight:normal;
}
.rank_player .hr{
	border:1px solid #293142;
	margin-bottom:5px;
	margin-top:5px;
}
.rank_player .rank_ability{
	float:left;
	width:25px;
	height:25px;
	margin-top:5px;
	margin-left:15px;
}
.rank_player .rank_ability img{
	width:25px;
	height:25px;
}
.rank_player .level {
  font-family: 'Raleway', sans-serif;
  color: #7F9DB5;
  font-size: 11px;
  position:absolute;
  bottom:5px;
  height:30px;
  left:43px;
  width:85px;
  text-align:center;
}
.rank_player .level .lval{
	color:white;
}
/* FOOTER*/
footer {
	clear:both;
	width: 960px;
	left:0;
	right:0;
	position:relative;
	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: 'Robota', sans-serif;
  font-size: 11px;
 color:#ffcc99;
  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: 'Robota', sans-serif;
  font-size: 11px;
  color:#ffcc99;
  text-transform: uppercase;
  font-weight: 900;
  text-decoration: none;
}
/* SW NEW STYLES */
.fixed_button{
	width:163px;
	height:42px;
	border:none;
	background:url(/gfx/layout/lay/btn1.png);
	line-height:42px;
	text-transform:uppercase;
	color:#E6D9A7;
	font-size:15px;
	font-family:'Robota', sans-serif;
	font-weight:bolder;
	 text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
}
.fixed_button:active{
	background:url(/gfx/layout/lay/btn1.png) 0 -42px;
}
.fixed_button:hover{
	background:url(/gfx/layout/lay/btn1.png) 0 -84px;
}
h3.content_header{
	background:#0D0D1C;
	border-bottom:2px solid #AC9355;
	font-family: 'Raleway', sans-serif;
	text-align:center;
	color:#E6D9A7;
	padding:15px;
	font-size:18px;
}
.panel_border{
	border-style: solid; 
	border-width: 4px; 
	-moz-border-image: url(/gfx/layout/lay/ramkaOkno.png) 4 repeat; 
	-webkit-border-image: url(/gfx/layout/lay/ramkaOkno.png) 4 repeat; 
	-o-border-image: url(/gfx/layout/lay/ramkaOkno.png) 4 repeat; 
	border-image: url(/gfx/layout/lay/ramkaOkno.png) 4 fill repeat;
}
.avatar_border{
	border-style: solid; 
	border-width: 3px; 
	-moz-border-image: url(/gfx/layout/lay/ramkaAvatar.png) 3 repeat; 
	-webkit-border-image: url(/gfx/layout/lay/ramkaAvatar.png) 3 repeat; 
	-o-border-image: url(/gfx/layout/lay/ramkaAvatar.png) 3 repeat; 
	border-image: url(/gfx/layout/lay/ramkaAvatar.png) 3 fill repeat;
}
.to_left{
	text-align:left;
}
.upgrade_icon{
	width:35px;
	height:35px;
	vertical-align:middle;
	display:inline-block;
}
.upgrade_icon.pr{background:url(/gfx/bonusy/upgrades.png) 0 0 no-repeat;}
.upgrade_icon.pr_max{background:url(/gfx/bonusy/upgrades.png) -35px 0 no-repeat;}
.upgrade_icon.pr_ph{background:url(/gfx/bonusy/upgrades.png) -70px 0 no-repeat;}
.upgrade_icon.rp{background:url(/gfx/bonusy/upgrades.png) -105px 0 no-repeat;}
.upgrade_icon.max_market{background:url(/gfx/bonusy/upgrades.png) -140px 0 no-repeat;}
.upgrade_icon.max_ekw{background:url(/gfx/bonusy/upgrades.png) -175px 0 no-repeat;}
.upgrade_icon.atp{background:url(/gfx/bonusy/upgrades.png) -210px 0 no-repeat;}
.upgrade_icon.speed2{background:url(/gfx/bonusy/upgrades.png) -245px 0 no-repeat;}
.upgrade_icon.speed3{background:url(/gfx/bonusy/upgrades.png) -280px 0 no-repeat;}
.upgrade_icon.speed4{background:url(/gfx/bonusy/upgrades.png) -315px 0 no-repeat;}
.upgrade_icon.pact_switch{background:url(/gfx/bonusy/upgrades.png) -350px 0 no-repeat;}
.upgrade_icon.pet_limit{background:url(/gfx/bonusy/upgrades.png) -385px 0 no-repeat;}
.upgrade_icon.tpp{background:url(/gfx/bonusy/upgrades.png) -420px 0 no-repeat;}
.upgrade_icon.sp{background:url(/gfx/bonusy/upgrades.png) -455px 0 no-repeat;}

.ranga0{color:#1C7000;}
.ranga1{color:#85A3FF;}
.ranga2{color:#FF4000;}
.ranga3{color:#6633FF;}
.ranga4{color:#CC33FF;}
.ranga5{color:#00FFBF;}
.ranga6{color:#FFFF00;}
.ranga7{color:#C29100;}
.ranga8{color:#3D3D3D;}
.ranga9{color:#ff3300;}
.ranga100{color:red;}

.technika{
	width:87px;
	height:88px;
	text-align:center;
	position:relative;
}
.technika.disabled{
	opacity:0.4;
}
.technika img{
	width:50px;
	height:50px;
	margin-top:19px;
	margin-left:-1px;
}
.technika .tech_upgrade{
	position:absolute;
	background:url(/gfx/layout/attr.png) -155px 0;
	width:15px;
	height:15px;
	border:none;
	content:"";
	right:5px;
	bottom:5px;
}
.tech_upgrade:hover{
	background:url(/gfx/layout/attr.png) -170px 0;
}
.technika .tech_downgrade{
	position:absolute;
	background:url(/gfx/layout/attr.png) -185px 0;
	width:15px;
	height:15px;
	border:none;
	content:"";
	left:5px;
	bottom:5px;
}
.tech_downgrade:hover{
	background:url(/gfx/layout/attr.png) -200px 0;
}
header.logged #main_char_stats span{
	color:#46a6de;
	margin-left:10px;
	text-align:right;
	display:inline-block;
	width:20px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}

.tech_desc .tclass{
	width:50px;
	height:50px;
	background:url(/gfx/layout/star.png);
	text-align:center;
	left:54px;
	top:56px;
	font-weight:bold;
	position:absolute;
	line-height:50px;
	font-size:15px;
	color:yellow;
	text-shadow:
   -1px -1px 0 #000,  
   1px -1px 0 #000,
   -1px 1px 0 #000,
   1px 1px 0 #000;
}
.jutsu_cat_list{
	float:left;
	width:235px;
	margin-top:70px;
}
.jutsu_main{
	font-size:16px;
	width:100%;
	height:60px;
	background:black;
	margin-bottom:1px;
	border:none;
	text-align:left;
}
.jutsu_main:hover{
	background:yellow;
	color:black;
}
.jutsu_main.active{
	background:orange;
	color:black;
}
.jutsu_right{
	float:right;
	width:670px;
}
.jutsu_subcats{
	clear:both;
	padding-left:20px;
}
.jutsu_subcats div{
	background:linear-gradient(#347AC0,black);
	float:left;
	padding:5px;
	border-radius:5px 5px 0 0;
	margin-right:10px;
	height:60px;
	border-top:1px solid orange;
	border-left:1px solid orange;
	border-bottom:1px solid orange;
	margin-bottom:-1px;
}
.jutsu_subcats div img{
	width:50px;
	height:50px;
}
.jutsu_subcats div:hover{
	background:linear-gradient(orange,black);
}
.jutsu_subcats div.active{
	border-bottom:none;
	background:linear-gradient(red,black);
}
#jutsu_learn_window{
	background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.1));
	min-height:200px;
	width:650px;
	clear:both;
	border-radius:5px;
	border:1px solid orange;
	padding:5px;
}
.tree_slot{
	float:left;
	width:90px;
	height:90px;
}
.tree_slot .arrow{
	margin:15px;
}
.j1_0{background: url('/gfx/jutsus/borders/technika-bg.png') no-repeat top;}
.j2_0{background: url('/gfx/jutsus/borders/2_0.png') no-repeat top;}
.j3_0{background: url('/gfx/jutsus/borders/3_0.png') no-repeat top;}
.j4_0{background: url('/gfx/jutsus/borders/4_0.png') no-repeat top;}
.j4_1{background: url('/gfx/jutsus/borders/4_1.png') no-repeat top;}
.j4_2{background: url('/gfx/jutsus/borders/4_2.png') no-repeat top;}
.j4_3{background: url('/gfx/jutsus/borders/4_3.png') no-repeat top;}
.j4_4{background: url('/gfx/jutsus/borders/4_4.png') no-repeat top;}
.j4_5{background: url('/gfx/jutsus/borders/4_5.png') no-repeat top;}
.j4_6{background: url('/gfx/jutsus/borders/4_6.png') no-repeat top;}
.j4_7{background: url('/gfx/jutsus/borders/4_7.png') no-repeat top;}
.j4_8{background: url('/gfx/jutsus/borders/4_8.png') no-repeat top;}
.j4_9{background: url('/gfx/jutsus/borders/4_9.png') no-repeat top;}
.j5_0{background: url('/gfx/jutsus/borders/5_0.png') no-repeat top;}
.j6_11{background: url('/gfx/jutsus/borders/6_11.png') no-repeat top;}
.j6_12{background: url('/gfx/jutsus/borders/6_12.png') no-repeat top;}
.j6_13{background: url('/gfx/jutsus/borders/6_13.png') no-repeat top;}
.j6_14{background: url('/gfx/jutsus/borders/6_14.png') no-repeat top;}
.j7_13{background: url('/gfx/jutsus/borders/6_13.png') no-repeat top;}
.j10_0{background: url('/gfx/jutsus/borders/10_0.png') no-repeat top;}
.j8_99{background: url('/gfx/jutsus/borders/8_0.png') no-repeat top;}
.j8_1{background: url('/gfx/jutsus/borders/8_1.png') no-repeat top;}
.j8_2{background: url('/gfx/jutsus/borders/8_2.png') no-repeat top;}
.j8_3{background: url('/gfx/jutsus/borders/8_3.png') no-repeat top;}
.j8_4{background: url('/gfx/jutsus/borders/8_4.png') no-repeat top;}
.j8_5{background: url('/gfx/jutsus/borders/8_5.png') no-repeat top;}
.j8_6{background: url('/gfx/jutsus/borders/8_6.png') no-repeat top;}
.j8_7{background: url('/gfx/jutsus/borders/8_7.png') no-repeat top;}
.j8_8{background: url('/gfx/jutsus/borders/8_8.png') no-repeat top;}
.j8_9{background: url('/gfx/jutsus/borders/8_9.png') no-repeat top;}
.j8_10{background: url('/gfx/jutsus/borders/8_10.png') no-repeat top;}
.j8_11{background: url('/gfx/jutsus/borders/8_11.png') no-repeat top;}
.j8_12{background: url('/gfx/jutsus/borders/8_12.png') no-repeat top;}
.j8_13{background: url('/gfx/jutsus/borders/8_13.png') no-repeat top;}
.j8_14{background: url('/gfx/jutsus/borders/8_14.png') no-repeat top;}
.j8_15{background: url('/gfx/jutsus/borders/8_10.png') no-repeat top;}
.j8_16{background: url('/gfx/jutsus/borders/8_11.png') no-repeat top;}
.j8_17{background: url('/gfx/jutsus/borders/8_12.png') no-repeat top;}
.j8_18{background: url('/gfx/jutsus/borders/8_13.png') no-repeat top;}
.j8_19{background: url('/gfx/jutsus/borders/8_14.png') no-repeat top;}
.j8_20{background: url('/gfx/jutsus/borders/8_10.png') no-repeat top;}
.j8_21{background: url('/gfx/jutsus/borders/8_11.png') no-repeat top;}
.j8_22{background: url('/gfx/jutsus/borders/8_12.png') no-repeat top;}
.j8_23{background: url('/gfx/jutsus/borders/8_13.png') no-repeat top;}
.j8_24{background: url('/gfx/jutsus/borders/8_14.png') no-repeat top;}
.j8_25{background: url('/gfx/jutsus/borders/8_25.png') no-repeat top;}
.j8_26{background: url('/gfx/jutsus/borders/8_26.png') no-repeat top;}
.j9_1{background: url('/gfx/jutsus/borders/9_1.png') no-repeat top;}
.j9_2{background: url('/gfx/jutsus/borders/9_2.png') no-repeat top;}
.j9_3{background: url('/gfx/jutsus/borders/9_3.png') no-repeat top;}
.j9_4{background: url('/gfx/jutsus/borders/9_4.png') no-repeat top;}
.j9_5{background: url('/gfx/jutsus/borders/9_5.png') no-repeat top;}
.j9_6{background: url('/gfx/jutsus/borders/9_6.png') no-repeat top;}
.j9_7{background: url('/gfx/jutsus/borders/9_7.png') no-repeat top;}
.j9_8{background: url('/gfx/jutsus/borders/9_8.png') no-repeat top;}
.j9_9{background: url('/gfx/jutsus/borders/9_9.png') no-repeat top;}
.j9_10{background: url('/gfx/jutsus/borders/9_10.png') no-repeat top;}
.j9_11{background: url('/gfx/jutsus/borders/9_11.png') no-repeat top;}
.j9_12{background: url('/gfx/jutsus/borders/9_12.png') no-repeat top;}
.j9_13{background: url('/gfx/jutsus/borders/9_13.png') no-repeat top;}
.j9_14{background: url('/gfx/jutsus/borders/9_14.png') no-repeat top;}
.j9_15{background: url('/gfx/jutsus/borders/9_10.png') no-repeat top;}
.j9_16{background: url('/gfx/jutsus/borders/9_11.png') no-repeat top;}
.j9_17{background: url('/gfx/jutsus/borders/9_12.png') no-repeat top;}
.j9_18{background: url('/gfx/jutsus/borders/9_13.png') no-repeat top;}
.j9_19{background: url('/gfx/jutsus/borders/9_14.png') no-repeat top;}
.j11_1{background: url('/gfx/jutsus/borders/11_1.png') no-repeat top;}
.j11_2{background: url('/gfx/jutsus/borders/11_2.png') no-repeat top;}
.j11_3{background: url('/gfx/jutsus/borders/11_3.png') no-repeat top;}
.j11_4{background: url('/gfx/jutsus/borders/11_4.png') no-repeat top;}
.j11_5{background: url('/gfx/jutsus/borders/11_5.png') no-repeat top;}
.j11_6{background: url('/gfx/jutsus/borders/11_6.png') no-repeat top;}
.j11_7{background: url('/gfx/jutsus/borders/11_7.png') no-repeat top;}
.j12_0{background: url('/gfx/jutsus/borders/13_0.png') no-repeat top;}

.arrow {
	width: 60px;
	height: 60px;
	background: url('/gfx/layout/strzalka.png');
}
.a_tright{
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
}
.a_top{
	transform:rotate(225deg);
	-webkit-transform:rotate(225deg);
	-moz-transform:rotate(225deg);
	-o-transform:rotate(225deg);
}
.a_tleft{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
.a_bleft{
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}
.a_right{
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.a_bottom{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.a_left{
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
}
.otbutton{
	background:none;
	border:none;
	width:70px;
	height:70px;
	text-align:center;
	padding-top:5px;
	background:black;
}
.otbutton img{
	width:50px;
	height:50px;
}
.otbutton.active{
	background:orange;
}
.tech_own_list > div{
	float:left;
	cursor:move;
	margin:-9px;
}
.tech_own_list{
	padding-top:10px;
}
.tech_set_con{
	margin-right:-10px;
}
.tech_sets{
	float:left;
	width:87px;
	height:110px;
	margin:2px;
}
.tech_sets span{
	display:block;
	text-align:center;
}
.tech_sets > div{
	background:black;
	width:87px;
	height:88px;
}
.tech_sets > div.oncd{
	background:red;
}
.tech_sets > div.nores{
	background:#3399ff;
}
.tech_sets{
	cursor:pointer;
}
.char_summons div{
	float:left;
	width:41px;
	height:53px;
	margin-right:1px;
	margin-top:1px;
}
.char_summons div.dead{
	display:none;
}
.char_summons div img{
	width:41px;
	height:41px;
}
.char_summons div .bar{
	height:3px;
}
.char_summons div .bar.hp{
	background:linear-gradient(orange,red);
}
.char_summons div .bar.mana{
	background:linear-gradient(#80bfff,#0066cc);
}
.char_summons div .bar.natural{
	background:linear-gradient(#00ff99,#66ff66);
}

.nature_choose_con{
	width:500px;
	height:500px;
	background:url(/gfx/layout/back7.png);
	margin:auto;
}
.nature_choose_con .nature_arrows{
	width:500px;
	height:500px;
	background:url(/gfx/layout/elements.png);
	position:relative;
}
.nature_choose_con .element{
	width:100px;
	height:100px;
	position:absolute;
}
.nature_choose_con .element.owned img{
	box-shadow:0 0 30px green;
}
.nature_choose_con .element img{
	width:50px;
	height:50px;
	margin:auto;
	display:block;
}
.nature_choose_con .element div{
	text-align:center;
}
.nature_choose_con .element.el1{
	top:25px;
	left:200px;
}
.nature_choose_con .element.el2{
	top:160px;
	left:25px;
}
.nature_choose_con .element.el3{
	top:370px;
	left:100px;
}
.nature_choose_con .element.el4{
	top:160px;
	right:25px;
}
.nature_choose_con .element.el5{
	top:370px;
	right:100px;
}
.pet_chooser{
	width:100px;
	border:none;
	background:linear-gradient(#ccff99,#99ff33);
	color:black;
	float:left;
	margin-right:5px;
	padding-top:10px;
	height:120px;
}
.pet_chooser:hover{
	background:linear-gradient(#ffcc99,#ffcc00);
}
/*  WORLD MAP */
.loc_desc{
	background:linear-gradient(black,#4d3300,black);
	width:400px;
	min-height:200px;
	padding:20px;
	text-align:left;
	border-style: solid; border-width: 7px; -moz-border-image: url(/gfx/layout/mborder.png) 7 repeat; -webkit-border-image: url(/gfx/layout/mborder.png) 7 repeat; -o-border-image: url(/gfx/layout/mborder.png) 7 repeat; border-image: url(/gfx/layout/mborder.png) 7 fill repeat;
}
.loc_desc h2{
	text-align:center;
	font-size:20px;
	color:orange;
	margin:0;
}
.loc_desc span{
	display:inline-block;
}
#page_game_world{
	position:absolute;
	width:95%;
	top:00px;
	height:90%;
	bottom:0;
	z-index:99;
}
#world_map{
	width:100%;
	height:750px;
	overflow:auto;
	border-style: solid; border-width: 7px; -moz-border-image: url(/gfx/layout/mborder.png) 7 repeat; -webkit-border-image: url(/gfx/layout/mborder.png) 7 repeat; -o-border-image: url(/gfx/layout/mborder.png) 7 repeat; border-image: url(/gfx/layout/mborder.png) 7 fill repeat;

}
#world_locs{
	background:green url(/gfx/world/mapa.jpg);
	width:2200px;
	height:2200px;
	position:relative;
}
#world_map .loc{
	width:80px;
	height:80px;
	background-size: cover !important;
	cursor:pointer;
	position:absolute;
}

#world_map .loc div.red{background:url('/gfx/world/circles.png') 0 0;}
#world_map .loc div.blue{background:url('/gfx/world/circles.png') -80px 0;}
#world_map .loc div.green{background:url('/gfx/world/circles.png') -160px 0;}
#world_map .loc div.orange{background:url('/gfx/world/circles.png') -240px 0;}
#world_map .loc div.navy{background:url('/gfx/world/circles.png') -320px 0;}
#world_map .loc div.here{
	border-radius:40px;
	animation:wmaphere 0.5s linear infinite;
}
@-moz-keyframes wmaphere { 
	0%, 100% {box-shadow:0 0 10px yellow; } 
	50% { box-shadow:0 0 30px red; } 
}
#world_map .loc.marked div{
	background:url('/gfx/world/circles.png') -80px 0;
	border-radius:40px;
	animation:wmaphere2 0.5s linear infinite;
}
@-moz-keyframes wmaphere2 { 
	0%, 100% {box-shadow:0 0 10px orange; } 
	50% { box-shadow:0 0 150px black; } 
}
#world_map .loc > div{
	width:80px;
	height:80px;
}
#world_map .loc > div:hover{
	background:url('/gfx/world/circles.png') -240px 0;
}
#world_map div.scenery1{background:url('/gfx/world/scenery.png') 0 0;}
#world_map div.scenery2{background:url('/gfx/world/scenery.png') -80px 0;}
#world_map div.scenery3{background:url('/gfx/world/scenery.png') -160px 0;}
#world_map div.scenery4{background:url('/gfx/world/scenery.png') -240px 0;}
#world_map div.scenery5{background:url('/gfx/world/scenery.png') -320px 0;}
#world_map div.scenery6{background:url('/gfx/world/scenery.png') -400px 0;}
#world_map div.scenery7{background:url('/gfx/world/scenery.png') -480px 0;}
#world_map div.scenery8{background:url('/gfx/world/scenery.png') -560px 0;}
#world_map div.scenery9{background:url('/gfx/world/scenery.png') -640px 0;}
#world_map div.scenery10{background:url('/gfx/world/scenery.png') -720px 0;}
#world_map div.scenery11{background:url('/gfx/world/scenery.png') -800px 0;}
#world_map div.scenery12{background:url('/gfx/world/scenery.png') -880px 0;}
#world_map div.scenery13{background:url('/gfx/world/scenery.png') -960px 0;}
#world_map div.scenery14{background:url('/gfx/world/scenery.png') -1040px 0;}
#world_map div.scenery15{background:url('/gfx/world/scenery.png') -1120px 0;}
#world_map div.scenery16{background:url('/gfx/world/scenery.png') -1200px 0;}
#world_map div.scenery17{background:url('/gfx/world/scenery.png') -1280px 0;}
#world_map div.scenery18{background:url('/gfx/world/scenery.png') -1360px 0;}
#world_map div.scenery19{background:url('/gfx/world/scenery.png') -1440px 0;}
#world_map div.scenery20{background:url('/gfx/world/scenery.png') -1520px 0;}
#world_map div.scenery21{background:url('/gfx/world/scenery.png') -1600px 0;}
#world_map div.scenery22{background:url('/gfx/world/scenery.png') -1680px 0;}
#world_map div.scenery23{background:url('/gfx/world/scenery.png') -1760px 0;}
#world_map div.scenery24{background:url('/gfx/world/scenery.png') -1840px 0;}

#wloc_2{left:1000px; top:810px;}
#wloc_3{left:1075px; top:810px;}
#wloc_4{left:1085px; top:885px;}
#wloc_5{left:1000px; top:885px;}
#wloc_6{left:1000px; top:960px;}
#wloc_7{left:1000px; top:735px;}
#wloc_8{left:1000px; top:660px;}
#wloc_9{left:1075px; top:660px;}
#wloc_10{left:1140px; top:700px;}
#wloc_11{left:925px; top:810px;}
#wloc_12{left:900px; top:740px;}
#wloc_13{left:880px; top:650px;}
#wloc_14{left:880px; top:575px;}
#wloc_15{left:880px; top:500px;}
#wloc_16{left:805px; top:650px;}
#wloc_17{left:730px; top:650px;}
#wloc_18{left:730px; top:576px;}
#wloc_19{left:655px; top:650px;}
#wloc_20{left:1200px; top:810px;}
#wloc_21{left:1300px; top:810px;}
#wloc_22{left:1300px; top:885px;}
#wloc_23{left:1375px; top:885px;}
#wloc_24{left:1450px; top:885px;}
#wloc_25{left:1525px; top:885px;}
#wloc_26{left:1300px; top:600px;}
#wloc_27{left:1370px; top:620px;}
#wloc_28{left:1300px; top:525px;}
#wloc_29{left:1375px; top:525px;}
#wloc_30{left:1450px; top:525px;}
#wloc_31{left:1500px; top:580px;}
#wloc_32{left:1575px; top:580px;}
#wloc_33{left:1600px; top:510px;}
#wloc_34{left:1530px; top:490px;}
#wloc_35{left:1600px; top:435px;}
#wloc_36{left:1600px; top:360px;}
#wloc_37{left:1600px; top:285px;}
#wloc_38{left:1530px; top:285px;}
#wloc_39{left:1500px; top:350px;}
#wloc_40{left:900px; top:880px;}
#wloc_41{left:900px; top:955px;}
#wloc_42{left:825px; top:955px;}
#wloc_43{left:750px; top:955px;}
#wloc_44{left:675px; top:955px;}
#wloc_45{left:600px; top:955px;}
#wloc_46{left:900px; top:1030px;}
#wloc_47{left:900px; top:1105px;}
#wloc_48{left:900px; top:1180px;}
#wloc_49{left:825px; top:1180px;}
#wloc_53{left:1085px; top:970px;}
#wloc_54{left:1085px; top:1045px;}
#wloc_55{left:1010px; top:1045px;}
#wloc_56{left:850px; top:810px;}
#wloc_57{left:775px; top:810px;}
#wloc_58{left:700px; top:810px;}
#wloc_59{left:700px; top:735px;}
#wloc_60{left:330px; top:570px;}
#wloc_61{left:330px; top:495px;}
#wloc_62{left:1200px; top:930px;}
#wloc_63{left:1200px; top:1005px;}
#wloc_64{left:1270px; top:1030px;}
#wloc_65{left:1000px; top:355px;}
#wloc_65{left:1000px; top:355px;}
#wloc_66{left:925px; top:330px;}
#wloc_67{left:850px; top:300px;}
#wloc_68{left:850px; top:225px;}
#wloc_69{left:850px; top:150px;}
#wloc_70{left:850px; top:75px;}
#wloc_78{left:1270px; top:1105px;}
#wloc_79{left:1210px; top:1150px;}
#wloc_80{left:1150px; top:1195px;}
#wloc_81{left:1150px; top:1270px;}
#wloc_82{left:1075px; top:1270px;}
#wloc_83{left:1000px; top:1270px;}
#wloc_84{left:925px; top:1270px;}
#wloc_85{left:700px; top:1270px;}
#wloc_87{left:625px; top:1270px;}
#wloc_88{left:625px; top:1195px;}
#wloc_89{left:550px; top:1195px;}
#wloc_90{left:475px; top:1195px;}
#wloc_91{left:475px; top:1270px;}
#wloc_92{left:475px; top:1120px;}
#wloc_96{left:475px; top:1045px;}
#wloc_97{left:550px; top:1110px;}
#wloc_98{left:625px; top:1110px;}
#wloc_99{left:475px; top:970px;}
#wloc_101{left:475px; top:895px;}
#wloc_102{left:475px; top:820px;}
#wloc_104{left:475px; top:745px;}
#wloc_108{left:475px; top:670px;}
#wloc_109{left:1590px; top:930px;}
#wloc_117{left:1660px; top:970px;}
#wloc_119{left:1660px; top:1045px;}
#wloc_120{left:1660px; top:1120px;}
#wloc_126{left:1660px; top:1195px;}
#wloc_129{left:1600px; top:1240px;}
#wloc_130{left:1540px; top:1285px;}
#wloc_135{left:1480px; top:1330px;}
#wloc_136{left:1405px; top:1330px;}
#wloc_137{left:1330px; top:1330px;}
#wloc_149{left:1255px; top:1360px;}
#wloc_151{left:1180px; top:1360px;}
#wloc_153{left:1105px; top:1360px;}
#wloc_152{left:1030px; top:1360px;}
#wloc_155{left:1870px; top:920px;}
#wloc_156{left:1720px; top:920px;}
#wloc_157{left:1795px; top:920px;}
#wloc_175{left:1900px; top:430px;}
#wloc_176{left:1900px; top:330px;}
#wloc_177{left:1730px; top:1000px;}
#wloc_180{left:1790px; top:1040px;}
#wloc_182{left:1790px; top:1115px;}
#wloc_183{left:1790px; top:1190px;}
#wloc_202{left:1980px; top:330px;}
#wloc_203{left:1980px; top:405px;}
#wloc_204{left:1980px; top:480px;}
#wloc_205{left:1980px; top:555px;}
#wloc_217{left:1980px; top:630px;}
#wloc_218{left:1980px; top:705px;}
#wloc_224{left:1980px; top:780px;}
#wloc_225{left:2060px; top:780px;}
#wloc_228{left:2060px; top:855px;}
#wloc_232{left:2060px; top:930px;}
#wloc_233{left:2060px; top:1005px;}
#wloc_234{left:2060px; top:1080px;}

/* MISje */
#camp_tab{
	width:600px;
}
#camp_tab td{
	line-height:70px;
	text-align:center;
	margin:1px;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
}
#camp_tab th{
	text-align:center;
	background:linear-gradient(black,brown);
	
	padding-top:20px;
}
#selected_mission{
	padding:30px;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
	color:orange;
}
#selected_mission b{
	color:lime;
}
#selected_mission i{
	color:red;
}
#selected_mission span{
	color:white;
}
.wmap_left{
	position:absolute;
	top:20px;
	left:30px;
}
.wmap_left .combobox{
	width:300px;
	display:inline-block;
}
.wmap_right{
	position:absolute;
	top:20px;
	right:30px;
}
/* BAKIER */
.gold_opt{
	width:450px;
	height:200px;
	background:black;
	border:1px solid grey;
	padding:10px;
}
.gold_opt span{
	width:190px;
	color:yellow;
	display:inline-block;
}
.bank_offers{
	
}
.bank_offers td{
	text-align:center;
	border-right:1px solid grey;
}
.bank_offers tbody tr{
	background:linear-gradient(rgba(0,0,0,0),grey,rgba(0,0,0,0));
	line-height:40px
}
.bank_offers tbody tr button{
	margin-top:5px;
}
/* MANUSKRYPTY */
.buy_manuscript{
	width:100px;
	background:black;
	border:1px solid grey;
	text-align:center;
	float:left;
	margin-right:10px;
	padding:5px;
}
.buy_manuscript .manu{
	display:block;
	margin:auto;
	margin-bottom:5px;
}
.manuscript{
	float:left;
	margin:5px;
	position:relative;
	width:60px;
}
.m1{box-shadow:0 0 10px lime; border-radius:5px;}
.m2{box-shadow:0 0 10px red; border-radius:5px;}
.m3{box-shadow:0 0 10px blue; border-radius:5px;}
.m4{box-shadow:0 0 10px yellow; border-radius:5px;}
.manuscript span{
	position:absolute;
	background:rgba(0,0,0,0.8);
	right:0;
	bottom:0;
	font-size:11px;
	display:block;
	width:30px;
	text-align:center;
}
.manuscript .newCheckbox{
	position:absolute;
	top:-5px;
	left:-5px;
}
.scroll_upgrade{
	width:15px;
	height:15px;
	background: url(/gfx/layout/attr.png) -155px 0;
	position:absolute;
	top:0;
	right:0;
	border:none;
}
.scroll_upgrade:hover{
	background:url(/gfx/layout/attr.png) -170px 0;
}
.exchange_opt{
	float:left;
	width:95px;
	height:95px;
	margin:5px;
	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;
}
#exchange_con{
	width:700px;
	margin:auto;
}
.ett{
	width:300px;
	text-align:left;
	background:rgba(0,0,0,0.91);
	border-radius:3px;
	padding:10px;
	min-height:50px;
	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;
}
.ett h3{
	margin:0;
}
/* CRAFTING */
#crafting_learned{
	width:300px;
	background:black;
	height:400px;
	padding:3px;
	overflow:auto;
	float:left;
}
#recipe_view{
	width:600px;
	background:black;
	height:400px;
	padding:3px;
	float:right;
}
#crafting_learned .main{
	padding-left:10px;
	margin-bottom:2px;
	background:orange;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
    0px 0px 2px #000;
}
#crafting_learned .rec{
	padding-left:5px;
}
#crafting_learned .rec:hover{
	background:silver;
}
#crafting_learned .rec.active{
	background:grey;
}
.pet_stat_upgrade{
	position:relative;
	background:url(/gfx/layout/attr.png) -155px 0;
	width:15px;
	height:15px;
	border:none;
	content:"";
	top:-5px;
}
.pet_stat_upgrade:hover{
	background:url(/gfx/layout/attr.png) -170px 0;
}
.pet_tab{
	float:left;
	margin:1px;
	background:rgba(0,0,0,0.3);
	padding:2px;
	
}
.pet_tab.ac{
	text-align:center;
}
.pet_edit{
	background:rgba(0,0,0,0.2);
	margin:5px;
	padding:5px;
}
.swa{
	background:rgba(0, 255, 0,0.5);
}
.swn{
	background:rgba(255, 0, 0,0.5);
}
.sm{
	background:orange;
	color:black;
}