/* v1.27 */
* {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
}

p, td {
	color: #723920;
}
/*-----------------------------------*/

html, body {height: 100%;}

a, a:link, a:visited, a:active, a:hover, .hd {
	color: #bc0000;
}
.redd, .redd * {
	color: #bc0000 !important;
}
.redd2, .redd2 * {
	color: #9c0000 !important;
}

input, textarea {
	border: 1px solid #bc0000;
	background-color: #ffe9cc;
	font-weight: bold;
	margin: 1 0;
	margin: expression('0px');
}
input {
	height: 17px;
}
select {
	margin: 1 0;
	background-color: #ffe9cc;
	font-weight: bold;
	font-size: 9px;
	height: 15px
}

body {
	background-color: #EBC8A8;
	margin: 0px;
	scrollbar-3dlight-color: #C9A481;
	scrollbar-arrow-color: #453125;
	scrollbar-base-color: #E6C5A5;
	scrollbar-darkshadow-color: #69523D;
	scrollbar-face-color: #C9A481;
	scrollbar-highlight-color: #EABF96;
	scrollbar-shadow-color: #99795F;
	scrollbar-track-color: #E6C5A5;
}
form {
	margin: 0px;
}
fieldset {
	border: 0;
}
.bg {
	background-color: #EBC8A8;
	background-image: url(/images/sand.gif);
}
.float {
	float: left;
}
.iframe {
	width: 100%;
	height: 100%;
}
.backpack_overflow {
	position: relative;
	height: 100%;
	overflow: scroll;
	overflow-x: auto;
	overflow-y: auto;
}
.lscroll {
	scrollbar-3dlight-color: #C9A481;
	scrollbar-arrow-color: #453125;
	scrollbar-base-color: #E6C5A5;
	scrollbar-darkshadow-color: #69523D;
	scrollbar-face-color: #C9A481;
	scrollbar-highlight-color: #EABF96;
	scrollbar-shadow-color: #99795F;
	scrollbar-track-color: #E6C5A5;
}

/* ====================================================================== */
.pnick, .pnick:hover {
	font-family: Tahoma; 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #674F3D !important;
	cursor: pointer;
}
.pnick b {cursor: pointer;}

.extnick, .extnick:hover {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: red !important;
    cursor: pointer;
}
.extnick b {cursor: pointer;}

.enick, .enick:hover {
	font-family: Tahoma; 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #B70000 !important;
}
.ecol {
	color: #B70000 !important;
}

.b,.b * {
	font-weight: bold !important;
}
.u,.u * {
	text-decoration: underline;
}
.i {
	font-style: italic;
}

.red, .red * {
	color: #d00000;
}

.red1, .red1 * {
	color: #d00000;
}
.red2, .red2 * {
	color: #CD0000;
}
.red3, .red3 * {
	color: #FF4500;
}

.blue, .blue * {
	color: #0000d0;
}

.violet, .violet * {
	color: #AA00CC;
}

.ajustify, .ajustify * {
	text-align: justify;
}

table.vatop td {
	vertical-align: top;
}
table.vamiddle td {
	vertical-align: middle;
}
table.vabottom td {
	vertical-align: bottom;
}
.p0, .p0 td{
	padding: 0px;
}
.p1, .p1 td{
	padding: 1px;
}
.p2v, .p2v td {
	padding-top: 2px;
	padding-bottom: 2px;
}
.p4v, .p4v td {
	padding-top: 4px;
	padding-bottom: 4px;
}
.p6v, .p6v td {
	padding-top: 6px;
	padding-bottom: 6px;
}
.p6h, .p6h td {
	padding-left: 6px;
	padding-right: 6px;
}
.p10h, .p10h td {
	padding-left: 10px;
	padding-right: 10px;
}
.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}
.dbg {
	background-color: #F3D8B2;
}
.dbgl {
	background-color: #FFE7C5;
}
.dbgl2 {
	background-color: #FFFBD6;
}
.transp {
	background-color: transparent;
}
table.coll {
	border-collapse: collapse;
}
.brd, .brd td  {
	border: 1px solid #C49485;
}
.brd-all  {
	border: 1px solid #C49485;
}
.brd-top {
	border-top:1px solid #C49485;
}
.brd-left {
	border-left:1px solid #C49485;
}
.brd-right {
	border-right:1px solid #C49485;
}

.brd-bt {
	border-bottom:1px solid #C49485;
}
.brd2, .brd2 td  {
	border: 1px solid #DB9F73;
}
.brd2-all  {
	border: 1px solid #DB9F73;
}
.brd2-top {
	border-top:1px solid #DB9F73;
}
.brd2-right {
	border-right:1px solid #DB9F73;
}
.brd2-bt {
	border-bottom:1px solid #DB9F73;
}
.nobrd, .nobrd td  {
	border: none !important;
}
.grnn, .grnn * {
	color: #114d01 !important;
}
.brown, .brown * {
	color: #955C4A !important;
}
.dark, .dark * {
	color: #49382D !important;
}
.dim, .dim * {
	color: #573d33;
}
.dim_cht, {
    color: #573d33;
}
.big, .big * {
	font-size: 11px;
}
.small, .small * {
	font-size: 9px !important;
}

.pointer input {
	cursor:pointer;	
}

/* --- button styles --- */
b.butt1 {
	font-size: 30px;
	height: 23px;
	background: url('/images/int/but2l.gif') left bottom no-repeat;
	display:-moz-inline-stack;
    display: inline-block;
    //display: inline;

	zoom:1;
}
b.butt1 b {
	font-size: 30px;
	height: 23px;
	background: url('/images/int/but2r.gif') right bottom no-repeat;
	display:-moz-inline-stack;
    display: inline-block;
    //display: inline;

	zoom:1;
}
b.butt1 input, b.butt2 button{
	height: 23px;
	border: 0px solid;
	color: #ffd4ab;
	font: bold 11px tahoma;
	text-decoration: none;
	margin: 0 25px 0 25px !important;
	padding: 0 0 2px 0;
	background: url('/images/int/but2c.gif') center;
}

b.butt2 {
	/*font-size: 30px;*/
	height: 16px;
	background: url('/images/int/but3l.gif') left bottom no-repeat;
    display: -moz-inline-stack;
    display: inline-block;

}
b.butt2 b {
	/*font-size: 30px;*/
	height: 16px;
	background: url('/images/int/but3r.gif') right bottom no-repeat;
    display:-moz-inline-stack;
    display: inline-block;
}
b.butt2 input, b.butt2 button {
	height: 16px;
	border: 0;
	color: #b70000;
	font: bold 11px tahoma;
	text-decoration: none;
	margin: 0 24px 0 24px !important;
	padding: 0 0 1px;
	background: url('/images/int/but3c.gif') center;
}

b.butt4 {
	font-size: 30px;
	height: 23px;
	background: url('/images/int/but4l.png') left bottom no-repeat;
	display:-moz-inline-stack;
	display: inline-block;
//display: inline;

	zoom:1;
}
b.butt4.disabled {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-moz-opacity: .85;
	opacity: .85;
}
b.butt4 b {
	font-size: 30px;
	height: 23px;
	background: url('/images/int/but4r.png') right bottom no-repeat;
	display:-moz-inline-stack;
	display: inline-block;
//display: inline;

	zoom:1;
}
b.butt4 input,
b.butt4 button {
	height: 23px;
	border: 0;
	color: #FFF;
	font: bold 11px tahoma;
	text-decoration: none;
	margin: 0 24px 0 24px !important;
	padding: 0 2px 2px 2px;
	background: url('/images/int/but4c.png') center;
}

.list_dark {
	background-color: #F4BB8A;
}
.skill_list td {
	padding: 0 7px;
}
.btn_1 {
	color: #461C0B !important;
	text-decoration: none;
	font-weight: bold;
}
.btn_2 {
	text-decoration: none;
	font-weight: bold;
}

.collections-line {
	height: 1px;
	margin: 0 -10px;
	background: #dcc1a5;
	border-bottom: 1px solid #fcf1db;
}


/* ########### */

.tabcat, .tabcat * {
	color: #573d33 !important; 
	font-weight: bold; 
	text-decoration: none;
}
.tabcata, .tabcata * {
	color: #bc0000; 
	font-weight: bold; 
	text-decoration: none;
}
.tabcap1, .tabcap1 * {
	color: #ffdfba; 
	font-weight: bold; 
}
.tabcap2, .tabcap2 * {
	color: #bc0000; 
	font-weight: bold; 
	text-transform: uppercase;
}
.tabcap, .tabcap * {
	color: #bc0000; 
	font-weight: bold; 
	text-transform: uppercase;
}
.tab1 {
	background: transparent url('/images/int/tab1c.gif') repeat-x top; 
	padding: 2px 3px 1px;
	vertical-align: top;
}
.tab1, .tab1 * {
	color: #83533a !important; 
	font-weight: bold; 
	text-decoration: none;
	text-transform: lowercase;
}
.tab2 {
	color: #bc0000; 
	font-weight: bold; 
	background: transparent url('/images/int/tab2c.gif') repeat-x top; 
	padding: 11px 3px 1px; 
	text-transform: uppercase;
	vertical-align: top;
}
.tab2 * {
	text-decoration: none !important;
	color: #bc0000; 
}

.pas {margin-left: -6px; margin-right: -6px; position: relative; z-index: 3;}

.pas .tab2 * {color: #723920;}

.tab_act {margin-bottom: 2px; margin-left: -6px; margin-right: -6px; position: relative; z-index: 5;}


.tabcata-title-bg {
	background: url('/images/int/stm1-t.gif') repeat-x top;
}

.tabcata-center-left {
	background: url('/images/int/stm1-l.gif') repeat-y top left;
}

.tabcata-center-center {
	background: url('/images/sand3.gif');
	white-space: nowrap;
}

.tabcata-center-right {
	background: url('/images/int/stm1-r.gif') repeat-y top right;
}

.tabcata-bottom {
	background: url('/images/int/stm1-b.gif') repeat-x bottom;
}

.gift-cnt_a {
	position: relative;
	display: block;
}
.gift-cnt {
	position: absolute;
	top: -2px;
	left: 100%;
	display: inline-block; *display: inline; *zoom: 1;
	margin-left: 5px;
	padding-left: 13px;
	background: url('../images/cat/gift-cnt.png') 0 100% no-repeat;
	z-index: 2;
}

.gift-cnt b {
	display: inline-block; *display: inline; *zoom: 1;
	height: 13px;
	padding: 2px 13px 2px 0;
	background: url('../images/cat/gift-cnt.png') 100% 0 no-repeat;
	color: #efd83e !important;
}

/*.tbl1 input {
	border: 0;
	background: none;
}*/
.tbl1 {
	width: 100%;
}
.tbl1 td, .tbl1 th {
	background: url('/images/int/tbl1bg0.gif');
	color: #723920;
	font-weight: bold;
	padding: 3px;
}

.tbl1 {
	border-collapse: collapse;
}
.tbl1 th {
	color: #a96a4e;
} 

.tbl1 thead th {
	color: #bc0000;
	background: url('/images/int/tbl1bgh.gif') repeat-x bottom;
}

.tbl1 tr.hi td, .tbl1 tr.hi th {
	background: url('/images/int/tbl1bg1.gif');
}

.tbl1 tr.hi_1 td, .tbl1 tr.hi_1 th {
	background: url('/images/int/tbl1bg2.gif');
}

tr.hi1 td, tr.hi1 th {
	background: url('/images/int/npc_bg1.gif');
	height: 34px;
	
}

tr.hi2 td, tr.hi2 th {
	background: url('/images/int/npc_bg2.gif');
	height: 34px;
}

.tbl1 td.rating-diff {
	padding-left: 3px;
}

.tbl1 td .rating-down,
.tbl1 td .rating-up,
.tbl1 td .rating-new {
	font-weight: bold; background: url('/images/rating_diff_sprite.gif') 0 0 no-repeat;
}

.tbl1 td .rating-down {
	padding-left: 15px; color: #c90707; background-position: 0 4px;
}

.tbl1 td .rating-up {
	padding-left: 11px; color: #479109; background-position: 0 -8px;
}

.tbl1 td .rating-new {
	padding-left: 15px; background-position: 0 -19px;
}

.tbl2 td .rating-down,
.tbl2 td .rating-up,
.tbl2 td .rating-new {
    font-weight: bold; background: url('/images/rating_diff_sprite.gif') 0 0 no-repeat;
}

.tbl2 td .rating-down {
    padding-left: 15px; color: #c90707; background-position: 0 4px;
}

.tbl2 td .rating-up {
    padding-left: 11px; color: #479109; background-position: 0 -8px;
}

.tbl2 td .rating-new {
    padding-left: 15px; background-position: 0 -19px;
}

th .user-rating-valor,
th .user-rating-exp,
th .user-rating-reputation,
th .user-rating-progress,
th .user-rating-cured_weight,
th .user-rating-pr_injury {
	color: #bc0000; padding-left: 20px; background: url('/images/rating_headers_sprite.gif') 0 0 no-repeat;
}

th .user-rating-valor {
	background-position: 0 0;
}

th .user-rating-exp {
	background-position: 0 -20px;
}

th .user-rating-reputation {
	background-position: 0 -44px;
}

th .user-rating-progress {
	background-position: 0 -65px;
}

th .user-rating-cured_weight {
	background-position: 0 -85px;
}

th .user-rating-pr_injury {
	background-position: 0 -105px;
}

tr.hi_active, tr.hi_active td, tr.hi_active th  {
	background: url('/images/int/npc_bg1_active.gif');
	height: 34px;
	cursor:pointer;
	cursor:hand;
}

tr.hi2 {
	cursor:pointer;
	cursor:hand;
}

.brdvo { 
	border-left: 1px solid #d8ad83 !important; 
	border-right: 1px solid #d8ad83 !important;
}
.brdvo td, .brdvo th {
	border: none !important;
}
.tbl2 {
	background: url('/images/int/tbl1bg0.gif');	
}
.tbl2 td, .tbl2 th {
	font-weight: bold;
	padding: 3px;
	border-left: 1px solid #d8ad83;
	border-right: 1px solid #d8ad83;
}
.tbl2 {
	border-collapse: collapse;
}
.tbl2 th {
	color: #a96a4e;
} 
.tbl2 thead th {
	color: #bc0000;
	background: url('/images/int/tbl1bgd.gif') repeat-x bottom;
} 
.tbl2 tr.hi td, .tbl2 tr.hi th, .tbl2 td.hi, .tbl2 th.hi {
	background: url('/images/int/tbl1bg1.gif');
}
.tbl2 tr.hi_1 td, .tbl2 tr.hi_1 th {
    background: url('/images/int/tbl1bg2.gif');
}
.tbl2 .tsep0 td {
	background: url('/images/int/tbl1bgd.gif') repeat-x bottom;
}
.tbl2 .tsep1 td {
	background: url('/images/int/tbl1bgd.gif') repeat-x top;
}
.sepp {
	background: url('/images/int/tbl1bgd.gif') repeat-x left center;
	height: 1px;
	margin: 0px;
	width: 100%;
}
.sepb, .sepb1 {
	background: url('/images/int/sepb.gif') repeat-x left center;
	height: 2px;
	margin: 1 0;
	width: 100%;
}
.sept, .sept1 {
	background: url('/images/int/sept.gif') repeat-x left center;
	height: 2px;
	margin: 1 0;
	width: 100%;
}
.sepb1, .sept1 {
	margin: 0px;
}
.artslot {
	padding: 4px;
	background: url('/images/artslot.gif') no-repeat;
	width: 60px;
	height: 60px;
}
.artslot-enchants {
	float: left;
	width: 300px;
	margin: 3px 4px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	vertical-align: top;
}
.artslot img{
	width: 60px;
	height: 60px;
}
.artslot0 {
	float: left;
	position: relative;
	background: url('/images/artslot0.gif') 50% 50% no-repeat;
	width: 30px;
	height: 30px;
	padding: 10px 9px;
}
.artslot-active::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 50px;
	background: url('/images/glory/artslot-active.png');
	content: '';
}
.artslot-disabled {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}
.artslot0 img{
	width: 30px;
	height: 30px;
}
.pg-act {
	background: #faeac0;
	border: 1px solid #bd794f;
	padding: 0 5;
	color: #573d33 !important;
	text-decoration: none;
}
.bpdig {
	background: url('/images/bpdig.gif') center center no-repeat;
	width: 39px;
	height: 13px;
	color: #ffe400;
	font-weight: bold; 
	text-align: center;
	position: absolute;
	z-index: 2;
	left: 1px;
	top: 46px;
}
.un{
	text-decoration: none !important;
}
.team_1, .team_1 * {
	color: #a30000;
}
.team_2, .team_2 * {
	color: #00437c;
}
.underline, .underline * {
	text-decoration: underline !important;
}

.passedq, .passedq * {
	font-weight: bold;
	color: gray !important;
}

.b-r td { border-right: 1px solid #DB9F73; }
.bg-l2 { background: url(../images/bg_l2.gif) left top repeat; border: 1px solid #d4b889; padding: 5px 10px 10px 10px; margin-bottom: 5px; text-align: left; }
.f12-red { font-size: 12px; color: #700000; }
.bg-l2 p.m5015 { margin: 5px 0px 0px 15px; }
.bg-l2 p.m5015-red { margin: 5px 0px 5px 15px; color: #700000; }

.bg_l0 {
	background-image: url('/images/int/tbl1bg1.gif');
}
.bg_l1 {
	background-image: url('../images/sand2.gif');
}
.bg_l {
	background-image: url('../images/sand2.gif');
}

.bg_l2 {
	background-image: url('../images/sand3.gif');
	cursor:pointer;
}
.bg_l3 {
	background-image: url('../images/sand.png');
}

.logo-main { position: relative; top: 5px; border: 0px; }

.pointer,.pointer *{
	cursor:pointer;
}


.mb15 {
	margin-bottom: 15px; 
}
.mb5 {
	margin-bottom: 5px; 
}

.h-all { 
	padding: 0px 0px 3px 0px; 
	margin: 0px; 
	text-transform: uppercase; 
	font-size: 13px; 
	font-family: Tahoma; 
	color: #674f3d; 
	font-weight: bold; 
	text-align: center; 
}

.c-s-n {
	background: url(../images/c-top-n-s.gif) left top repeat-x;
}
.c-t-n {
	background: url(../images/c-top-n-t.gif) left top repeat-x;
}
.c-s-n-bottom {
	background: url(../images/c-bottom-n-s.gif) left top repeat-x;
}
.c-t-n-bottom {
	background: url(../images/c-bottom-n-t.gif) left top repeat-x;
}
.c-s-n-left {
	background: url(../images/c-left-n-s.gif) left top repeat-y;
}
.c-t-n-left {
	background: url(../images/c-left-n-t.gif) left top repeat-y;
}
.c-s-n-right {
	background: url(../images/c-right-n-s.gif) left top repeat-y;
}
.c-t-n-right {
	background: url(../images/c-right-n-t.gif) left top repeat-y;
}
.c-s-n-fon {
	background: url(../images/int/tbl1bg1.gif) left top repeat;
}
.c-t-n-fon {
	background: url(../images/c-fon-n-t.gif) left top repeat;
}

.c-s {
	background: url('../images/container-brd.png') left top repeat-x;
}
.c-s-2 {
	background: url('../images/container-brd-2.png') left top repeat-x;
}
.c-t {
	background: url('../images/container-brd.png') left -12px repeat-x;
}
.c-s-bottom {
	background: url('../images/container-brd.png') left -6px repeat-x;
}
.c-t-bottom {
	background: url('../images/container-brd.png') left -18px repeat-x;
}
.c-s-left {
	background: url('../images/container-brd-v.png') left top repeat-y;
}
.c-s-left-2 {
	background: url('../images/ach-l.png') left top repeat-y;
}
.c-s-left-2t {
	width: 6px;
	height: 71px;
	background: url('../images/ach-tl.png') left top no-repeat;
}
.c-s-left-3t {
	width: 6px;
	height: 91px;
	background: url('../images/ach-tl-2.png') left top no-repeat;
}
.c-s-left-3 {
	background: url('../images/container-brd-3.png') left top repeat-y;
}
.c-s-left-4 {
	background: url('../images/container-brd-v-4.png') left top repeat-y;
}
.c-t-left {
	background: url('../images/container-brd-v.png') -12px top repeat-y;
}
.c-s-right {
	background: url('../images/container-brd-v.png') -6px top repeat-y;
}
.c-s-right-2 {
	background: url('../images/ach-r.png') left top repeat-y;
}
.c-s-right-5 {
	background: url('../images/ach-r-2.png') left top repeat-y;
}
.c-s-right-2t {
	width: 6px;
	height: 71px;
	background: url('../images/ach-tr.png') left top no-repeat;
}
.c-s-right-3t {
	width: 6px;
	height: 91px;
	background: url('../images/ach-tr-2.png') left top no-repeat;
}
.c-s-right-3 {
	background: url('../images/container-brd-3.png') -6px top repeat-y;
}
.c-s-right-4 {
	background: url('../images/container-brd-v-4.png') -6px top repeat-y;
}
.c-t-right {
	background: url('../images/container-brd-v.png') -18px top repeat-y;
}
.c-lt-s {
	background: url('../images/corners.png') left top no-repeat;
}
.c-rt-s {
	background: url('../images/corners.png') -6px top no-repeat;
}
.c-lt-s-2 {
	background: url('../images/corners-2.png') left top no-repeat;
}
.c-lt-s-2 {
	background: url('../images/corners-2.png') left top no-repeat;
}
.c-rt-s-2 {
	background: url('../images/corners-2.png') -6px top no-repeat;
}
.c-lb-s {
	background: url('../images/corners.png') left -6px no-repeat;
}
.c-rb-s {
	background: url('../images/corners.png') -6px -6px no-repeat;
}
.c-lt-t {
	background: url('../images/corners.png') left -12px no-repeat;
}
.c-rt-t {
	background: url('../images/corners.png') -6px -12px no-repeat;
}
.c-lb-t {
	background: url('../images/corners.png') left -18px no-repeat;
}
.c-rb-t {
	background: url('../images/corners.png') -6px -18px no-repeat;
}
.c-s-bg {
	background: url('../images/c-s-bg.png') left top repeat;
}
.c-s-bg-2 {
	background: url('../images/container-bg-2.png') left top repeat-x;
}
.c-s-bg-3 {
	background: url('../images/container-bg-3.png') left top repeat;
}
.c-s-bg-4 {
	background: url('../images/container-bg-4.png') left top repeat;
}
.c-t-bg {
	background: url('../images/c-t-bg.png') left top repeat;
}

.chit {
	height: 54px;
	width: 65px;
	margin-top: 6px;
	background: url('../images/chit.gif') left top no-repeat;
	color: #ffd800;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	line-height: 52px;
	margin-bottom: 3px;
}
.c-s-n-fon p, .c-t-n-fon p {
	color: #49382d;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
.ach_title {
	color: #5d4313;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.ach-new .info {
	color: #5d4313;
	font-size: 15px;
	font-weight: bold;
}

.ach-new .info.ach-new-mt2 {
	margin-top: 2px;
}

.ach-new .ach-b {
	margin: 0 0 0 239px;
	padding: 0 0 0 10px;
	background: url('../images/ach-b.png') 0 0 repeat-y;
}

.ach-new .achieve_header_div {
	margin: 7px 0 0 0;
	padding-left: 20px;
	background-position: 10px 0;
	text-align: left;
}

.ach-new .ach-b-2 {
	padding: 0 0 0 10px;
	background: url('../images/ach-b-2.png') 0 0 repeat-y;
}

.ach-new .ach-b-t {
	margin-top: -5px;
	padding-top: 5px;
}

.ach-new .achievement-types {
	float: left;
	width: 237px;
	padding: 0 2px 0 0;
	margin: 4px 10px 0 0;
}

.ach-new .achievement-types__link {
	margin: 0 0 2px 0;
	padding: 1px 8px 3px 12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.ach-new .achievement-types__link:hover {
	background: #dac5a9;
}
.ach-new .achievement-types__link.active-type {
	background: url('../images/ach-bg-3.png') 0 0 repeat-x #9a7756;

}
.ach-new .achievement-types__link a {
	display: block;
	background: url('../images/ach-types-arr.png') 100% -16px no-repeat;
	color: #5d4313;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.ach-new .achievement-types__link.active-type a {
	background-position: 100% 5px;
	color: #fdf1d3;
}

.ach-new .pages {
	font-size: 12px;
	font-weight: bold;
}

.ach-new .pages a {
	display: inline-block; * display: inline; *zoom: 1;
	height: 24px;
	margin: 0 2px;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	vertical-align: top;
}

.ach-new .pages a.pages-back,
.ach-new .pages .pages-back {
	display: inline-block; * display: inline; *zoom: 1;
	width: 24px;
	height: 24px;
	background: url('../images/arrows-2.png') 0 0 no-repeat;
	vertical-align: top;
}

.ach-new .pages a.pages-forward,
.ach-new .pages .pages-forward {
	display: inline-block; * display: inline; *zoom: 1;
	width: 24px;
	height: 24px;
	background: url('../images/arrows-2.png') 0 100% no-repeat;
	vertical-align: top;
}

.ach-new .pages a.pg-act {
	padding: 0;
	background: none;
	border: 0;
}

.ach-new .achievement-points {
	display: inline-block; * display: inline; *zoom: 1;
	height: 18px;
	padding-right: 22px;
	background: url('../images/achievement-points.png') 100% 0 no-repeat;
	color: #9f1a00;
	font-size: 14px;
	font-weight: bold;
}

.ach-new .achievement-img {
	width: 69px;
	height: 69px;
	background: url('../images/ach-bg-4.png') 0 0 no-repeat;
}

.ach-new .achievement-img img {
	width: 60px;
	height: 60px;
	margin: 4px 5px 5px 4px;
}

.ach-new .achievement-dsc {
	color: #5d4313;
	font-size: 12px;
}

.ach-new .achievement-dsc *{
	font-size: 12px;
}
.ach-new .ach_title {
	color: #5d4313;
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.ach-new .ach-date {
	display: inline-block; *display: inline; *zoom: 1;
	padding: 2px 6px 2px 16px;
	background: url('../images/ach-ok.png') 4px 3px no-repeat #ffde8c;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	vertical-align: 1px;
}

.ach-new .medal_bg_c a {
	display: inline-block; *display: inline; *zoom: 1;
	margin: 0 3px;
}

.radio-btn {
	display: inline-block; * display: inline; *zoom: 1;
	height: 19px;
	padding-left: 27px;
	background: url('../images/radio.png') 0 0 no-repeat;
}

.radio-btn.active {
	background-position: 0 -19px;
}

.ach-new .achieve_header {
	width: 100%;
}

.ach-new .achieve_header_bg {
	color: #65463a;
	font-size: 12px;
	font-weight: bold;
}

.ach-new .radio-btn {
	height: 17px;
	margin-left: 23px;
	padding-top: 2px;
	color: #65463a;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


.c-s-n-fon span, .c-t-n-fon span {
	color: #49382d;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}

.c-s-n-fon span.date_ach, .c-t-n-fon span.date_ach {
	float: right;
}
.c-s-n-fon ul, .c-t-n-fon ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.c-s-n-fon ul li, .c-t-n-fon ul li {
	color: #49382d;
	list-style-type: none;
	padding: 0px 0px 3px 18px;
}
.c-s-n-fon ul li.yes, .c-t-n-fon ul li.yes {
	background: url(../images/icon-yes.gif) left top no-repeat;
}
.c-s-n-fon ul li.no, .c-t-n-fon ul li.no {
	background: url(../images/icon-no.gif) left top no-repeat;
}

.ach_menu td {
	height: 22px;
	padding-left: 5px;
}

.ach_menu td, .ach_menu td a {
	color: #775d42 !important;
	font-famify: Tahoma;
	font-size: 11px;
	font-weight: bold;
    text-decoration:none;
}

.ach_menu td img {
	margin-right: 6px;
	border: 0px;
}

.ach_menu_act {
	border:0 none;
	color: #775d42;
	font-famify: Tahoma;
	font-size: 11px;
	font-weight: bold;
	height: 22px;
	padding-left: 5px;

}


@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  .opera { height: 800px; }

}
.ach_filter, .ach_filter a, .ach_filter * {
	color: #955c4a !important;
}
.ach_filter .act {
	font-weight: bold;
}
.ach_done, .ach_done b {
	color: green !important;
}
.ach_wait, .ach_wait b {
	color: #955c4a !important;

}

.fb-top-n { background: url(../images/tpl_top_fon_new.gif) left top repeat-x; padding-top: 5px; }
.fb-fon { width: 555px; background: url(../images/fon_adv-new.png) left top repeat-y; }

.error_div {
	position: absolute;
	height: 100%;
	width: 100%;
	filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	moz-opacity: 0.80;
	opacity: 0.80;
	background-image: url('/images/error_bg.gif'); 
	left:0px;
	top:0px;
}

.smile_div2 {
	position: absolute;
	height: 100%;
	width: 100%;
	left:0px;
	top:0px;
}

.tbl-usi_bg {background:url("../images/tbl-usi_bg.gif");}
.tbl-usi_left {background:url("../images/tbl-usi_left.gif") right center repeat-y; width:15px;}
.tbl-usi_right {background:url("../images/tbl-usi_right.gif") left center repeat-y; width:15px;}
.tbl-shp_sml-top {background:url("../images/tbl-shp_sml-top.gif") center bottom repeat-x;}
.tbl-shp_sml-bottom {background:url("../images/tbl-shp_sml-bottom.gif") center top repeat-x;}

.medal_bg td {
	text-align: center;
	vertical-align: center;
	background-repeat: no-repeat;
	height:53;
}
.medal_bg_c {
	background: top center no-repeat;
	width:45;
}

.medal_bg_c-big {
	background: url("/images/artslot.gif") top center no-repeat;
	width:70;
	height: 70px;
}

.medal_bg_c-big img { margin:1px 0px 0px 5px; }

/* special popup */

.special-popup {color: #461c0b; display: none; height: 235px; left: 50%; margin: -117px 0 0 -245px; position: absolute; top: 50%; width: 489px; z-index: 10000;}
.special-popup .popup-pad {padding: 12px 24px;}
.special-popup .popup-pad .slot {float: left; height: 60px; margin: 0 20px 50px 0; position: relative; width: 60px;}
.special-popup .popup-pad p {margin: 0 0 12px;}
.special-popup .popup-pad .btn-bar {text-align: center;}

/* select */

dl.select {margin: 0 0 0px; padding: 0;}
dl.select a {color: #723944; font-weight: bold; outline: none;}
dl.select dt {margin: 0; padding: 2px 0 0; text-align: right;}
dl.select dd {margin: 0; padding: 0; position: relative; display: inline-block; -display: inline;}
dl.select dd a.root {background: #fffbd6 url("/images/arrow_black_up.gif") 100% 0 no-repeat; display: block; height: 15px; line-height: 15px; margin-right: 1px; outline: none; text-decoration: none; white-space: nowrap; position: relative;}
dl.select dd.open a.root {background: url("/images/arrow_black_down.gif") 100% 0 no-repeat;}
dl.select dd span.evt {background: url("/images/d.gif"); cursor: pointer; height: 100%; position: absolute; width: 100%; _width: 101%;}
dl.select dd a.root span.evt {border-left: 2px solid #8c8c8c; border-top: 2px solid #8c8c8c; border-right: 2px solid #f9f9f9; border-bottom: 2px solid #f9f9f9; _height: 18px; left: -2px; top: -2px;}
dl.select dd ul {background: #f7ebc1; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #000; border-right: 1px solid #000; display: none; margin: 0; padding: 0 18px 0 0; list-style-type: none; position: absolute; min-width: 100%; white-space: nowrap; max-height: 160px; overflow-y: auto;}
dl.select dd ul li {position: relative; zoom: 1; -height: 1%;}
dl.select dd ul li a {color: #8d0102; display: block; padding: 2px 5px 2px 0; text-decoration: none; zoom: 1;}
dl.select dd ul li a:hover {background: #e6cf99;}
dl.select dd ul li span.evt {left: 0; top: 0;}
dl.select dd a.root span.nowrap {display: block; margin: 0 20px 0 0; overflow: hidden;}
dl.select dd.open ul {display: block;}

.clr-brown {margin-bottom: 10px; padding: 0 10px;}

.bg-grey-light-1 td {background: #e0e3e5; padding: 2px;}
.bg-grey-light-2 td {background: #e7e9eb; padding: 2px;}
.bg-grey-light-3 td {border-top: 1px solid #e2e5e7; font-size: 10px; padding: 2px;}
.bg-brown-light-1 td {background: #ffecc6; padding: 2px;}
.bg-brown-light-2 td {padding: 2px;}
.casino-note {margin-top: 10px;}
.bg-grey-light-1 td b,
.bg-grey-light-2 td b {vertical-align:top;}
.bg-grey-light-1,
.bg-grey-light-2 { border-top: 1px solid #ced3d7;}

.casino-rules .combos-icons {padding: 0;}
.casino-rules .combos-icons td {padding: 3px;}
.casino-rules .red_divider {background: url("/images/red_divider.gif") 0 100% repeat-x;}
.casino-rules .red_divider td {padding: 2px;}
.casino-rules .rules_lines_table {background: url("/images/red_divider.gif") 0 0 repeat-x;}
.casino-rules .rules_lines_table td {border-right: #9a0009 1px dashed;}
.casino-rules .rules_lines_table td td {border: 0;}
.casino-rules td.win-multi {border: 0;}
.casino-rules {}

.user-info-game,
.user-info-battle,
.user-info-game span,
.user-info-battle span {display: inline-block; height: 35px; text-align: center;}
.user-info-game,
.user-info-battle {margin-bottom: -3px; letter-spacing: -0.3em; cursor: pointer;}
.user-info-game span,
.user-info-battle span {vertical-align: top; letter-spacing: normal; font-weight: bold; color: #bc0000;}

.user-info-game .ui-left {padding: 0 0 0 35px; background: url('/images/int/tab02.gif') 0 0 no-repeat;}
.user-info-game .ui-left span {padding: 0 39px 0 0; background: url('/images/int/tab21.gif') 100% 0 no-repeat;}
.user-info-game .ui-left span span {padding: 0; line-height: 32px; background: url('/images/int/tab2c.gif') 0 0 repeat-x;}
.user-info-game .ui-right {padding: 0 16px 0 0; background: url('/images/int/tab10.gif') 100% 0 no-repeat;}
.user-info-game .ui-right span {line-height: 21px; background: url('/images/int/tab1c.gif') 0 0 repeat-x;}

.ui-tabs {}
.ui-tab {position: relative; margin: 0 -5px; padding: 0 0 0 16px; background: url('/images/int/tab01.gif') 0 0 no-repeat; line-height: 21px; z-index: 1;}
.ui-tab span {padding: 0 19px 0 0; background: url('/images/int/tab10.gif') 100% 0 no-repeat;}
.ui-tab span span {padding: 0 0 0 0; background: url('/images/int/tab1c.gif') 0 0 repeat-x;}
.ui-tab.active {padding: 0 0 0 35px; background: url('/images/int/tab02.gif') 0 0 no-repeat; line-height: 33px; z-index: 2;}
.ui-tab.active span {padding: 0 35px 0 0; background: url('/images/int/tab20.gif') 100% 0 no-repeat;}
.ui-tab.active span span {padding: 0 0 0 0; background: url('/images/int/tab2c.gif') 0 0 repeat-x;}

.user-info-battle .ui-left {padding: 0 0 0 16px; background: url('/images/int/tab01.gif') 0 0 no-repeat;}
.user-info-battle .ui-left span {line-height: 21px; background: url('/images/int/tab1c.gif') 0 0 repeat-x;}
.user-info-battle .ui-right {padding: 0 0 0 41px; background: url('/images/int/tab12.gif') 0 0 no-repeat;}
.user-info-battle .ui-right span {padding: 0 35px 0 0; background: url('/images/int/tab20.gif') 100% 0 no-repeat;}
.user-info-battle .ui-right span span {padding: 0; line-height: 32px; background: url('/images/int/tab2c.gif') 0 0 repeat-x;}

.bank-payment-sys {margin: 0; padding: 10px 0 0 0; list-style: none; overflow: hidden; //zoom: 1;}
.bank-payment-sys li {float: left; margin: 0 10px 10px 0; border: #ffe6be 2px solid;}

table.tbl-user-info {
	border-top: 1px solid #DB9F73;
	border-bottom: 1px solid #DB9F73;
}

table.tbl-user-info td.left {
	width: 50%;
}

table.tbl-user-info td.right {
	width: 50%;
}

div.user-info-spacer {
	width: 100%;
	height: 8px;
	font-size: 1px;	
}

/*   treasure_hunt   */

.tr_text{width: 285px; margin: -5px 0 0; text-align: left; position: relative;}
    .tr_text_red{color: #a80000; font-weight: 600;}

.shovel_block{position: relative; margin: 25px 30px 0 0; width: 272px;}
    .shovel_block div{background: url(/images/shovel_block.png) no-repeat; position: absolute; width: 272px; height: 70px; z-index: 30; zoom: 1; *margin-left: -34px;}
    .shovel{position: relative; width: 38px; height: 38px; display: inline-block; z-index: 25; margin: 15px 0 0; *display: inline; *padding: 4px 0 0 12px;}
    .shovel img{border: none; padding: 4px 0 0; *margin-right: 10px;}
    .green_sh{background: url(/images/green_shovel.png) no-repeat;}
    .gray_sh{background: url(/images/gray_shovel.png) no-repeat;}
.tr_hunt_title{background: url(/images/tr_title_bg.png) no-repeat; width: 209px; height: 40px; text-align: center; color: #a80000; margin: -40px 20px 0 0; padding: 9px 0 0; font-size: 13px; font-weight: 600; zoom: 1; position: relative;}
.tr_table_wrapper{position: relative; zoom:1; width: 100%;}
.chain{background: url(/images/chain_link.png) repeat-y; zoom:1; width: 7px; position: absolute; top: -25px; bottom: -53px; right: 230px;
        height: expression(parentNode.offsetHeight + 78 + 'px');}

.articul-container {position: relative; width: 60px; height: 60px;}
img.enchant_png {width: auto; height: auto; float: left; position: relative; z-index: 2; top: 40px; margin-right: -4px;}
img.sec_enchant_png {width: auto; height: auto; float: left; position: relative; z-index: 2; top: 40px;}
.artslot img.sec_enchant_png {width: auto; height: auto; float: left; position: relative; z-index: 2; top: 40px;}
.artslot img.third_enchant_png {width: auto; height: auto; position: absolute; z-index: 2; top: 4px; left: 50%; margin-left: -10px;}

.articul-container img.third_enchant_png {width: auto; height: auto; position: absolute; z-index: 2; top: 2px; left: 50%; margin-left: -10px;}


.hide {display: none;}
div.vote-error, div.vote-message {width: 350px; margin: 10px auto; text-align: justify;}
.vote-paginator {text-align: center;}
.vote-paginator span {margin: 0 2px; text-decoration: underline; cursor: pointer;}
.vote-paginator span.redd {font-weight: bold; text-decoration: none; cursor: default;}

/* artifact-alt */
.alt-on-char {position: absolute; z-index: 1; right: 0;}
.alt-header {display: block; overflow: hidden; width: 250px; white-space: nowrap; text-align: center; text-overflow: ellipsis;}
.alt-on-char .alt-header {width: 175px;}

/* artifact item */
.art-item {position: relative; width: 60px; height: 60px; margin: 3px 0 5px 3px;}
.art-item-bg1 {position: absolute; z-index: 2; top: 0; left: 0; width: 60px; height: 60px;}
.art-item-bg2 {position: absolute; z-index: 1; top: 0; left: 0; width: 60px; height: 60px;}

.art-item-2 {position: relative; float: left; width: 60px; height: 60px; margin: 1px;}
.art-item-2 table {position: relative; z-index: 2; border-collapse: collapse; margin: 0 !important;}

.art-worn,
.art-expire,
.art-worn-expire {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
}

.art-worn {background: url('../images/artifact-worn.png');}
.art-expire {background: url('../images/artifact-expire.png');}
.art-worn-expire {background: url('../images/artifact-worn-expire.png');}

/* artifact favorite */
.store-articul-fav, .store-articul-unfav {float: right; width: 22px; height: 20px; background: url('../images/favorite.png') 0 0 no-repeat; text-indent: -9999px; border: 0; cursor: pointer;}
.store-articul-fav {background-position: 0 -20px;}

.store-ribbon-new {display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; font: 9px/7px Tahoma, Geneva, sans-serif; text-align: center; color: #fff; background: url('/images/store-ribbon-new.png') no-repeat;}
.store-ribbon-best {display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; font: 9px/7px Tahoma, Geneva, sans-serif; text-align: center; color: #fff; background: url('/images/store-ribbon-best.png') no-repeat;}
.store-ribbon-sale {display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; font: 9px/10px Tahoma, Geneva, sans-serif; text-align: center; color: #fff; background: url('/images/store-ribbon-sale.png') no-repeat;}

.old-price {display: inline-block; position: relative;}
.old-price-cross {position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; left: 0;}

.navigator-link, .navigator-link:hover  {color: #ca6400 !important;}
.navigator-link img {vertical-align: middle; margin: 0 5px 0 1px; border: none; }

/* subnav tabs */
.subnav-tab, .subnav-tab-active {display: inline-block; position: relative; top: -2px; height: 31px; margin: 0 -5px 0; padding: 0 0 0 18px; text-decoration: none; cursor: pointer; background: url('/images/subnav_tab.png') 0 0 no-repeat;}
.subnav-tab .inner, .subnav-tab-active .inner {display: inline-block; height: 31px; padding: 0 18px 0 0; line-height: 20px; box-sizing: border-box; background: url('/images/subnav_tab.png') 100% 100% no-repeat;}
.subnav-tab-active {margin: 0 -11px 0; background-image: url('/images/subnav_tab_active.png');}
.subnav-tab-active .inner {padding: 0 24px 0 6px; background-image: url('/images/subnav_tab_active.png');}

/* achievement */
.achievement-img {position: relative; width: 60px; height: 60px;}
.achievement-img img {width: 60px; height: 60px;}
.achievement-num {position: absolute; z-index: 1; left: 0; bottom: 0; white-space: nowrap;}
.achievement-num .n-1,
.achievement-num .n-2,
.achievement-num .n-3,
.achievement-num .n-4,
.achievement-num .n-5,
.achievement-num .n-6,
.achievement-num .n-7,
.achievement-num .n-8,
.achievement-num .n-9,
.achievement-num .n-0,
.achievement-num .n-k,
.achievement-num .n-dot {display: inline-block; width: 21px; height: 25px; vertical-align: bottom; background: url('/images/achievement-numbers.png') no-repeat;}
.achievement-num .n-1 {width: 13px; background-position: 0 0;}
.achievement-num .n-2 {width: 15px; background-position: 0 -25px;}
.achievement-num .n-3 {width: 16px; background-position: 0 -50px;}
.achievement-num .n-4 {width: 19px; background-position: 0 -75px;}
.achievement-num .n-5 {width: 15px; background-position: 0 -100px;}
.achievement-num .n-6 {width: 16px; background-position: 0 -125px;}
.achievement-num .n-7 {width: 16px; background-position: 0 -150px;}
.achievement-num .n-8 {width: 17px; background-position: 0 -175px;}
.achievement-num .n-9 {width: 17px; background-position: 0 -200px;}
.achievement-num .n-0 {width: 17px; background-position: 0 -225px;}
.achievement-num .n-k {width: 14px; background-position: 0 -250px;}
.achievement-num .n-dot {width: 7px; background-position: 0 -275px;}
.achievement-num .n-1-s,
.achievement-num .n-2-s,
.achievement-num .n-3-s,
.achievement-num .n-4-s,
.achievement-num .n-5-s,
.achievement-num .n-6-s,
.achievement-num .n-7-s,
.achievement-num .n-8-s,
.achievement-num .n-9-s,
.achievement-num .n-0-s,
.achievement-num .n-k-s,
.achievement-num .n-dot-s {display: inline-block; width: 11px; height: 12px; vertical-align: bottom; background: url('/images/achievement-numbers-small.png') no-repeat;}
.achievement-num .n-1-s {width: 8px; background-position: 0 0;}
.achievement-num .n-2-s {width: 9px; background-position: 0 -12px;}
.achievement-num .n-3-s {width: 10px; background-position: 0 -25px;}
.achievement-num .n-4-s {width: 11px; height: 13px; background-position: 0 -37px;}
.achievement-num .n-5-s {width: 9px; background-position: 0 -50px;}
.achievement-num .n-6-s {width: 10px; height: 13px; background-position: 0 -62px;}
.achievement-num .n-7-s {width: 9px; background-position: 0 -75px;}
.achievement-num .n-8-s {width: 10px; background-position: 0 -87px;}
.achievement-num .n-9-s {width: 10px; height: 13px; background-position: 0 -99px;}
.achievement-num .n-0-s {width: 10px; height: 13px; background-position: 0 -112px;}
.achievement-num .n-k-s {width: 9px; background-position: 0 -125px;}
.achievement-num .n-dot-s {width: 5px; background-position: 0 -138px;}
.achievement-num img {width: 100%; height: 100%;}
.achieve_header_div {text-align: center; position: relative; width: 100%;}

.common-decor {position: relative; //zoom: 1;}
.common-decor-tl {overflow: hidden; height: 9px; background: url('/images/common-decor-table-corner-tl.png') 0 0 no-repeat;}
.common-decor-tr {overflow: hidden; padding: 0 9px; height: 9px; background: url('/images/common-decor-table-corner-tr.png') 100% 0 no-repeat;}
.common-decor-tc {overflow: hidden; height: 9px; background: url('/images/common-decor-table-t.png') 0 0 repeat-x;}
.common-decor-bl {overflow: hidden; height: 9px; background: url('/images/common-decor-table-corner-bl.png') 0 0 no-repeat;}
.common-decor-br {overflow: hidden; padding: 0 9px; height: 9px; background: url('/images/common-decor-table-corner-br.png') 100% 0 no-repeat;}
.common-decor-bc {overflow: hidden; height: 9px; background: url('/images/common-decor-table-b.png') 0 0 repeat-x;}
.common-decor-l {background: url('/images/common-decor-table-l.png') 0 0 repeat-y;}
.common-decor-r {padding: 0 9px; background: url('/images/common-decor-table-r.png') 100% 0 repeat-y;}
.common-decor-c {text-align: center; background: url('/images/common-decor-table-c.png');}
.common-decor-img-t {position: absolute; top: -5px; left: 50%; margin-left: -12px;}
.common-decor-img-b {position: absolute; bottom: -5px; left: 50%; margin-left: -12px;}

.common-decor_active .common-decor-tl {background-image: url('/images/common-decor-table-2-corner-tl.png');}
.common-decor_active .common-decor-tr {background-image: url('/images/common-decor-table-2-corner-tr.png');}
.common-decor_active .common-decor-tc {background-image: url('/images/common-decor-table-2-t.png');}
.common-decor_active .common-decor-bl {background-image: url('/images/common-decor-table-2-corner-bl.png');}
.common-decor_active .common-decor-br {background-image: url('/images/common-decor-table-2-corner-br.png');}
.common-decor_active .common-decor-bc {background-image: url('/images/common-decor-table-2-b.png');}
.common-decor_active .common-decor-l {background-image: url('/images/common-decor-table-2-l.png');}
.common-decor_active .common-decor-r {background-image: url('/images/common-decor-table-2-r.png');}
.common-decor_active .common-decor-c {background-image: url('/images/common-decor-table-2-c.png');}

.common-header {display: block; height: 31px; margin: 5px 0; padding: 0 0 0 15px; background: url('/images/common-header.png') no-repeat;}
.common-header .inner {display: block; height: 100%; padding: 0 15px 0 0; text-align: center; background: url('/images/common-header.png') 100% 100% no-repeat;}

/* daily bonus */
.b-daily-bonus__shade {position: absolute; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0.5; filter: alpha(opacity=50);}
.b-daily-bonus__main {position: absolute; z-index: 9999; left: 50%; top: 50%; width: 589px; height: 481px; margin: -240px 0 0 -295px; background: url('/images/daily-bonus-shadow.png') 0 0 no-repeat;}
.b-daily-bonus__bg {overflow: hidden; width: 589px; height: 481px; background: url('/images/daily-bonus-bg.png') 0 0 no-repeat;}
.b-daily-bonus__cont {margin: 25px 40px;}
.b-daily-bonus__cont .reg-2-common-header {margin-left: 0; margin-right: 0;}

.b-daily-bonuses {margin: 15px 0 10px; text-align: center; font-size: 0;}
.b-daily-bonuses__bonus-item {display: inline-block; width: 96px; margin: 0 2px; font-size: 12px; //display: inline; //zoom: 1;}
.b-daily-bonuses__day {margin: 5px 0 0;}

.b-days {width: 502px; margin-left: -12px; border-collapse: collapse; border: 0; table-layout: fixed;}
.b-days td {height: 31px; text-align: center; background: url('/images/daily-bonus-col-separator.png') 0 50% no-repeat;}
.b-days td.first {background: none;}

.b-bonus {margin: 20px auto;}

.b-bonus-button-cont {margin: 20px auto; text-align: center;}
.b-bonus-button {display: inline-block; width: 420px; height: 77px; margin: 0; padding: 0; cursor: pointer; border: 0; background: url('/images/daily-bonus-button-shadow.png') 0 0 no-repeat;}
.b-bonus-button .inner {display: block; width: 420px; height: 77px; background: url('/images/daily-bonus-button.png') 0 0 no-repeat;}
.b-bonus-button:hover .inner {background-position: 0 -77px;}
.b-bonus-button:active .inner {background-position: 0 -154px;}

/* subnav tabs */
.subnav-tab, .subnav-tab-active {display: inline-block; position: relative; top: -2px; height: 31px; margin: 0 -5px 0; padding: 0 0 0 18px; text-decoration: none; cursor: pointer; background: url('/images/subnav_tab.png') 0 0 no-repeat;}
.subnav-tab .inner, .subnav-tab-active .inner {display: inline-block; height: 31px; padding: 0 18px 0 0; line-height: 20px; box-sizing: border-box; background: url('/images/subnav_tab.png') 100% 100% no-repeat;}
.subnav-tab-active {margin: 0 -11px 0; background-image: url('/images/subnav_tab_active.png');}
.subnav-tab-active .inner {padding: 0 24px 0 6px; background-image: url('/images/subnav_tab_active.png');}
.achieve_header_div {text-align: center; position: relative; width: 100%;}


/* common buttons */
button {overflow: visible;} /* normalize <button> in IE */
button::-moz-focus-inner {border: 0; margin: 0; padding: 0;} /* normalize <button> in Firefox */
button .common-btn-1__inner, button .common-btn-2__inner {//margin: 0 0 -2px;} /* fix IE rendering bug (quirks mode only) */

.common-btn-1 {display: inline-block; padding: 0 0 0 14px; text-decoration: none; border: 0; background: url('/images/common-btn-1.png?r=1') 0 0 no-repeat;}
.common-btn-1__inner {display: inline-block; height: 30px; margin: 0; padding: 0 19px 0 5px; border: 0; font-weight: bold; font-size: 12px; line-height: 28px; color: #a91508; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff7c7; cursor: pointer; background: url('/images/common-btn-1.png?r=1') 100% -30px no-repeat; outline: none;}
.common-btn-1:hover {background-position: 0 -60px;}
.common-btn-1:hover .common-btn-1__inner {background-position: 100% -90px;}
.common-btn-1:active, .common-btn-1_disabled {background-position: 0 -120px;}
.common-btn-1:active .common-btn-1__inner, .common-btn-1_disabled .common-btn-1__inner {background-position: 100% -150px;}
.common-btn-1__inner_round {position: relative; padding: 0 16px 0 0;}
.common-btn-1__inner_round img {position: absolute; top: 0; left: -14px; width: 30px; height: 30px; border: 0;}
.common-btn-1__inner_round-search img {left: -6px; top: 7px; width: 14px; height: 14px; border: 0;}

.common-btn-2 {display: inline-block; padding: 0 0 0 20px; text-decoration: none; border: 0; cursor: pointer; background: url('/images/common-btn-2.png') 0 0 no-repeat;}
.common-btn-2__inner {display: inline-block; height: 40px; padding: 0 20px 0 0; text-align: center; text-decoration: none; background: url('/images/common-btn-2.png') 100% -40px no-repeat;}
.common-btn-2:hover {background-position: 0 -80px;}
.common-btn-2:hover .common-btn-2__inner {background-position: 100% -120px;}
.common-btn-2:active, .common-btn-2_disabled {background-position: 0 -160px;}
.common-btn-2:active .common-btn-2__inner, .common-btn-2_disabled .common-btn-2__inner {background-position: 100% -200px;}

/* tabs ellipse */
.common-btn-1.active {background-position: 0 -180px;}
.common-btn-1.active .common-btn-1__inner {background-position: 100% -210px; color: #fdf1d3; text-shadow: none;}
.common-btn-1.first .common-btn-1__inner {padding-right: 5px; background-position: 0 -30px;}
.common-btn-1.first:hover .common-btn-1__inner {background-position: 0 -90px;}
.common-btn-1.first:active .common-btn-1__inner {background-position: 0 -150px;}
.common-btn-1.first.active .common-btn-1__inner {background-position: 0 -210px;}
.common-btn-1.last {padding: 0; background: none;}
.common-btn-1.middle {margin: 0 -4px; padding: 0; background-position: 0 -30px;}
.common-btn-1.middle .common-btn-1__inner {padding: 0 10px; background: none;}
.common-btn-1.middle:hover {background-position: 0 -90px;}
.common-btn-1.middle:active {background-position: 0 -150px;}
.common-btn-1.middle:active .common-btn-1__inner {background-position: 0 -150px;}
.common-btn-1.middle.active {background-position: 0 -210px;}

/* common inputs */
.common-input {position: relative; display: inline-block; padding: 0 0 0 19px; text-decoration: none; border: 0; background: url('/images/common-input.png?r=1') 0 0 no-repeat; vertical-align: top;}
.common-input__inner {display: inline-block; height: 30px; margin: 0; padding: 0 24px 0 5px; border: 0; font-size: 12px; line-height: 28px; color: #65463a; text-align: center; text-decoration: none; background: url('/images/common-input.png?r=1') 100% -30px no-repeat; vertical-align: top;}
.common-input__inner input {margin: 0; padding: 0; height: 30px; border: 0; background: none; color: #65463a; font-size: 12px; outline: none;}
.common-input__ico {position: absolute; left: 9px; top: 9px; width: 12px; height: 12px;}

.arrow {position: absolute; width: 19px; height: 30px; cursor: pointer; background: url('/images/common-input.png') 0 0 no-repeat;}
.arrow.left {left: 0; top: 0; background-position: 0 -60px;}
.arrow.right {right: 0; top: 0; background-position: 100% -60px;}

.common-input.square {padding: 0 0 0 10px; background-position: 0 -90px;}
.common-input.square .common-input__inner {padding: 0 10px 0 0; background-position: 100% -120px;}

/* npc quests */
.fs-11 * {font-size: 11px;}
.fs-12 * {font-size: 12px;}

.npc-point {width: 100%; margin: 5px 0; border-collapse: collapse;}
.npc-point__corner {width: 6px; height: 6px; background: url('/images/npc_container-corners.png') no-repeat;}
.npc-point__corner_tl {background-position: 0 0;}
.npc-point__corner_tr {background-position: 100% 0;}
.npc-point__corner_bl {background-position: 0 100%;}
.npc-point__corner_br {background-position: 100% 100%;}
.npc-point__side-left, .npc-point__side-right {width: 6px;}
.npc-point__side-top, .npc-point__side-bottom {height: 6px;}
.npc-point__side-left {background: url('/images/npc_container-left.png') repeat-y;}
.npc-point__side-right {background: url('/images/npc_container-right.png') repeat-y;}
.npc-point__side-top {background: url('/images/npc_container-top.png') repeat-x;}
.npc-point__side-bottom {background: url('/images/npc_container-bottom.png') repeat-x;}
.npc-point__cont {background: url('/images/npc_container-bg.png');}
.npc-point__title {font-weight: bold; font-size: 14px; color: #a91508;}

.npc-point-2 {width: 100%; margin: 5px 0; border-collapse: collapse;}
.npc-point-2__corner {width: 3px; height: 3px; background: url('/images/npc_container-2-corners.png') no-repeat;}
.npc-point-2__corner_tl {background-position: 0 0;}
.npc-point-2__corner_tr {background-position: 100% 0;}
.npc-point-2__corner_bl {background-position: 0 100%;}
.npc-point-2__corner_br {background-position: 100% 100%;}
.npc-point-2__side-left, .npc-point-2__side-right {width: 3px;}
.npc-point-2__side-top, .npc-point-2__side-bottom {height: 3px;}
.npc-point-2__side-left, .npc-point-2__side-right, .npc-point-2__side-top, .npc-point-2__side-bottom, .npc-point-2__cont {background: #ead2ae;}
.npc-point-2__cont {padding: 10px;}

.npc-point-3 {width: 100%; margin: 5px 0; border-collapse: collapse;}
.npc-point-3__corner {width: 3px; height: 3px; background: url('/images/npc_container-3-corners.png') no-repeat;}
.npc-point-3__corner_tl {background-position: 0 0;}
.npc-point-3__corner_tr {background-position: 100% 0;}
.npc-point-3__corner_bl {background-position: 0 100%;}
.npc-point-3__corner_br {background-position: 100% 100%;}
.npc-point-3__side-left, .npc-point-3__side-right {width: 3px;}
.npc-point-3__side-top, .npc-point-3__side-bottom {height: 3px;}
.npc-point-3__side-left, .npc-point-3__side-right, .npc-point-3__side-top, .npc-point-3__side-bottom, .npc-point-3__cont {background: #f7d699;}
.npc-point-3__cont {}
.npc-point-3_nobg .npc-point-3__corner, .npc-point-3_nobg .npc-point-3__side-left, .npc-point-3_nobg  .npc-point-3__side-right, .npc-point-3_nobg  .npc-point-3__side-top, .npc-point-3_nobg  .npc-point-3__side-bottom, .npc-point-3_nobg  .npc-point-3__cont {background: none;}

.npc-description {font-size: 11px; color: #82492c;}

.npc-quest-description {margin: 0 5px; font-size: 12px; line-height: 1.5; color: #65463a;}

.npc-divider {display: block; overflow: hidden; height: 1px; font-size: 0; line-height: 0; background: #f3dcbd;}

.npc-compass {display: inline-block; height: 20px; margin: 10px 0 0 9px; background: url("/images/compass_chk.jpg") 0 0 no-repeat; vertical-align: top;}
.npc-compass.checked {background-position: 0 -20px;}
.npc-compass input {display: none;}
.npc-compass label {display: inline-block; padding-left: 44px; margin-top: 3px; background: url("/images/compass_icon.png") 23px 0 no-repeat; font-size:14px; font-weight:bold;}

/* bank progress */
.bank-progress {display: inline-block; width: 406px; background: url('/images/bank-progress-bg-top.png') 0 0 no-repeat; //display: inline; //zoom: 1;}
.bank-progress-inner {padding: 0 0 22px; text-align: center; background: url('/images/bank-progress-bg-bot.png') 0 100% no-repeat;}
.bank-progress-header {height: 55px; margin: 0;}
.bank-progress-footer {margin: 5px 0;}
.bank-progress-bar-cont {display: inline-block; height: 32px; //display: inline; //zoom: 1;}
.bank-progress-bar-item {position: relative; float: left; width: 68px; height: 32px; margin: 0 0 0 -14px; padding: 10px 5px 0 0; text-align: center; color: #ffe500; background: url('/images/bank-progress-bar.png') 0 0 no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.bank-progress-bar-item img {vertical-align: middle;}
.bank-progress-bar-item .label {position: absolute; top: -30px; left: 5px; width: 51px; height: 36px; padding: 12px 0 0; text-align: center; color: #48849e; background: url('/images/bank-progress-bar-label.png') no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.bank-progress-bar-item-first {background-image: url('/images/bank-progress-bar-first.png'); margin: 0;}
.bank-progress-bar-item-last {background-image: url('/images/bank-progress-bar-last.png');}
.bank-progress-bar-item-active {background-position: 0 100%;}

/* common popup */
.common-popup {position: absolute; width: 600px; border: 1px solid #db9f73;
	border-radius: 3px;
	box-shadow: 0 0 20px #49382d;}
.common-popup__close {color: #955C4A; font-weight: bold; height: 20px; width: 20px; position: absolute; right: 0; top: 0; text-align: center; line-height: 20px;
	border-radius: 0 3px 0 0;
	text-shadow: 1px 1px 0 #FFF;}
.common-popup__header {background: url("../images/c-fon-n-s.gif"); border-bottom: 1px solid #DB9F73; color: #955C4A; font-weight: bold; padding: 10px 12px; cursor: pointer;
	border-radius: 3px 3px 0 0;}
.common-popup__content {}
.common-popup__iframe {border: 0; min-height: 240px; width: 100%;}

.common-overlay {background: transparent; position: fixed; left: 0; top: 0; height: 100%; width: 100%; display: none;}

.placeholder-wrapper {position: relative; display: inline-block; width: 100%;}
.placeholder-text {position: absolute; left: 5px; top: 3px; color:#aaa; font-weight: bold;}


/* clan history */
.clan-history-filter {margin: 10px auto; text-align: center;}
.clan-history-filter label {color: #000;}
.clan-history-filter select,
.clan-history-filter option {background: #fffbd6; border: #ceae7d 1px solid; color: #000;}
.clan-history-pager {margin: 10px auto;}
.clan-history-table {margin: 10px auto;}
.clan-history-table .text-brown {color: #725644;}
.clan-history-table .text-dark-brown {color: #49382d;}
.user_iframe_container {
    position: relative;
    height: 100%;
    min-height: 360px;
    overflow-y: auto;
}
.backpack_list {margin: 0; padding: 0;}
.backpack_list li {list-style: none; height: 62px; width: 62px; float: left; }
.backpack_list li table {height: 60px; width: 60px; margin: 1px;}
#user_iframe_gifts_expand {
    width: auto;
    display: flex;
    align-items: center;
}
.user_iframe_gifts-li {
    display: none;
}
#btn-expand-gifts {
    display: flex;
    align-items: center;
    height: 62px;
}

/* professions */
.tab-container {width: 100%; margin: 5px 0; border-collapse: collapse;}
.tab-container td * {font-size: 12px;}
.tab-container__corner {width: 6px; height: 6px; background: url('/images/npc_container-corners.png') no-repeat;}
.tab-container__corner_tl {background-position: 0 0;}
.tab-container__corner_tr {background-position: 100% 0;}
.tab-container__corner_bl {background-position: 0 100%;}
.tab-container__corner_br {background-position: 100% 100%;}
.tab-container__side-left, .tab-container__side-right {width: 6px;}
.tab-container__side-top, .tab-container__side-bottom {height: 6px; text-align: center;}
.tab-container__side-left {background: url('/images/npc_container-left.png') repeat-y;}
.tab-container__side-right {background: url('/images/npc_container-right.png') repeat-y;}
.tab-container__side-top {background: url('/images/npc_container-top.png') repeat-x;}
.tab-container__side-bottom {background: url('/images/npc_container-bottom.png') repeat-x;}
.tab-container__cont {padding-top: 15px; background: url('/images/npc_container-bg.png');}
.tab-container__title {font-weight: bold; font-size: 14px; color: #a91508;}
.user-skill-tab {width: 100%; margin-bottom: 5px; border-collapse: collapse;}
.user-skill-tab td {padding: 5px; background: #ead2ae; border: 0; font-weight: bold; vertical-align: middle;}

.tabs-search {float: right;}
.tabs-search .placeholder-text {top: 1px; font-size: 12px; font-weight: normal;}

.common-tab-container {position: relative; text-align: center; margin-bottom: -22px;}
.common-tab {display: inline-block; padding: 0 0 0 20px; text-decoration: none; border: 0; background: url('/images/common-tab.png') 0 0 no-repeat;}
.common-tab__inner {display: inline-block; height: 31px; margin: 0; padding: 0 30px 0 10px; border: 0; font-weight: bold; font-size: 12px; line-height: 30px; color: #a91508; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff7c7; background: url('/images/common-tab.png') 100% -31px no-repeat;}

.event-table {border: 1px solid #DB9F73;}
/* clan alliance */
.clan-alliance {}
.clan-alliance-head table {margin: 0 auto;}
.clan-alliance-head table td {padding: 0; border: 0;}

.btn-alliance {vertical-align: middle;}

.user-profile .markItUpEditor {
	color: #000;
}

/* Talents */

.talent-bg-tl {
	background: url("/images/int/stmps-bl.gif") no-repeat bottom left;
	transform: scaleY(-1);
}.talent-bg_disabled-tl{
	background: url("/images/int/stmps-bl_disabled.gif") no-repeat bottom left;
	transform: scaleY(-1);
}
.talent-bg-t {
	background: url('/images/int/stmps-b.gif') repeat-x bottom;
	transform: scaleY(-1);
}.talent-bg_disabled-t {
	background: url('/images/int/stmps-b_disabled.gif') repeat-x bottom;
	transform: scaleY(-1);
}
.talent-bg-tr {
	background: url("/images/int/stmps-br.gif") no-repeat bottom right;
	transform: scaleY(-1);
}.talent-bg_disabled-tr{
	background: url("/images/int/stmps-br_disabled.gif") no-repeat bottom right;
	transform: scaleY(-1);
}
.talent-bg-l {
	background: url('/images/int/stmps-l.gif') repeat-y top left;
}.talent-bg_disabled-l{
	background: url('/images/int/stmps-l_disabled.gif') repeat-y top left;
}
.talent-bg-bg {
	background: url('/images/int/stmps-bg.gif');
}.talent-bg_disabled-bg{
	background: url('/images/int/stmps-bg_disabled.gif');
}
.talent-bg-r {
	background: url('/images/int/stmps-r.gif') repeat-y top right;
}.talent-bg_disabled-r{
	background: url('/images/int/stmps-r_disabled.gif') repeat-y top right;
}
.talent-bg-bl {
	background: url("/images/int/stmps-bl.gif") no-repeat bottom left;
}.talent-bg_disabled-bl{
	background: url("/images/int/stmps-bl_disabled.gif") no-repeat bottom left;
}
.talent-bg-b {
	background: url('/images/int/stmps-b.gif') repeat-x bottom;
}.talent-bg_disabled-b{
	background: url('/images/int/stmps-b_disabled.gif') repeat-x bottom;
}
.talent-bg-br {
	background: url("/images/int/stmps-br.gif") no-repeat bottom right;
}.talent-bg_disabled-br{
	background: url("/images/int/stmps-br_disabled.gif") no-repeat bottom right;
}

.talent-list {
	width: 1000px;
}

.skill-talent-list {
	width: 1000px;
}

.b-talent {
	display: inline-block;
	width: 310px;
	height: 140px;
	padding: 10px;

	//display: inline;
	//zoom: 1;
}

.b-talent table {
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

	.b-talent table td {
		padding: 0;
	}

.b-talent__artikuls,
.b-talent__upgrades {
	padding: 5px 0;
	text-align: center;
}

.b-talent__artikul {
	display: inline-block;
	position: relative;
	width: 47px;
	height: 47px;
	padding: 10px;
	vertical-align: middle;
}

	.b-talent__artikul img {
		display: block;
		width: 46px;
		height: 46px;
		border-radius: 100%;
	}

	.b-talent__artikul .frame {
		position: absolute;
		z-index: 1;
		top: 5px;
		left: 5px;
		width: 57px;
		height: 57px;
		background: url('../images/talents/talent-frame.png') no-repeat;
	}

	.b-talent_disabled .b-talent__artikul .frame {
		background-position: 100% 0;
	}

	.b-talent__artikul_0 .frame {
		background-position: 0 0;
	}

	.b-talent__artikul_1 .frame {
		background-position: -57px 0;
	}

	.b-talent__artikul_2 .frame {
		background-position: -114px 0;
	}

	.b-talent__artikul_3 .frame {
		background-position: -171px 0;
	}

	.b-talent__artikul_4 .frame {
		background-position: -228px 0;
	}

	.b-talent__artikul .selection {
		display: none;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 67px;
		height: 67px;
		background: url('../images/talents/talent-selection.png') no-repeat;
	}

	.b-talent__artikul_selected .selection {
		display: block;
	}

	.b-talent_disabled .b-talent__artikul_selected .selection {
		display: none;
	}

.b-talent__upgrade {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

	.b-talent__upgrade img {
		display: block;
		width: 100%;
		height: 100%;
	}

.b-talent__divider {
	display: block;
	width: 100%;
	height: 1px;
}

.b-talent__restriction {
	padding: 16px 0 11px 0;
	font-weight: bold;
	text-align: center;
	color: #c90500;
}

.b-talent__reset {
	padding: 10px;
	text-align: center;
}

.popup_global_content .talent-exception-popup {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
	display: block;
	line-height: 20px;
	padding: 0 16px;
}
/* end Talents */

/* pets */
.pets {
	overflow: hidden; *zoom: 1;
}

.carousel-btn {
	float: left;
	width: 24px;
	height: 24px;
	margin: 23px 0 0 0;
	background: url('../images/common-arrows.png') 0 0 no-repeat;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.carousel-btn.right {
	background-position: 0 100%;
}
.pets {
	padding: 4px 0;
}
.pets-item {
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 3px;
	padding: 4px 5px 5px 4px;
	background: url('../images/pets/item-bg.png') 0 0 no-repeat;
}
.pets-item a {
	display: block;
	width: 60px;
	height: 60px;
}
.pets-item a.active {
	position: absolute;
	left: -4px;
	top: -4px;
	width: 60px;
	height: 60px;
	padding: 7px;
	background: url('../images/pets/item-bg-act.png') 0 0 no-repeat;
	z-index: 2;
}
.pets-item span {
	display: block;
	width: 60px;
	height: 60px;
}
.break-line {
	height: 1px;
	margin: 5px -6px 9px;
	background: #986652;
	border-bottom: 1px solid #ffffff;
	font-size: 0 !important;
	opacity: .3; filter: alpha(opacity=30);
	*zoom: 1;
}

.pet-info {
	overflow: hidden; *zoom: 1;
}

.pet-border-out {
	float: left;
	padding: 1px;
	background: #5d4420;
	border: 1px solid #c4b197;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}

.pet-border-in {
	float: left;
	padding: 1px;
	background: #7a5f3d;
	border: 1px solid #bba185;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}

.pet {
	float: left;
	padding: 3px 5px 0;
	background: url('../images/pets/pet-bg.png') 0 0 repeat-x #f8d1a7;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}

.btn-summon {
	overflow: hidden; *zoom: 1;
	width: 185px;
	height: 40px;
	margin: 0 auto;
	background: url('../images/pets/btn-summon.png') 0 0 no-repeat;
	cursor: pointer;
	text-indent: -9999px;
}

.btn-summon:hover {
	background-position: 0 -40px;
}

.btn-summon:active {
	background-position: 0 -80px;
}

.btn-summon.off {
	background-position: 100% 0;
}
.btn-summon.off:hover {
	background-position: 100% -40px;
}
.btn-summon.off:active {
	background-position: 100% -80px;
}

.pets-flash {
	position: relative;
	width: 180px;
	height: 180px;
	margin: 0 auto 3px;
}

.frame-l, .frame-r {
	position: absolute;
	width: 5px;
	background: url('../images/pets/frame-v.png') 0 0 repeat-y;
}

.frame-l {
	left: 0;
	top: 0;
	bottom: 0;
}

.frame-r {
	right: 0;
	top: 0;
	bottom: 0;
}

.frame-t, .frame-b {
	position: absolute;
	height: 5px;
	background: url('../images/pets/frame-h.png') 0 0 repeat-x;
}

.frame-t {
	left: 0;
	top: 0;
	right: 0;
}

.frame-b {
	left: 0;
	right: 0;
	bottom: 0;
}

.frame-lt, .frame-rt, .frame-rb, .frame-lb {
	position: absolute;
	width: 24px;
	height: 25px;
	background: url('../images/pets/frame-corners.png') 0 0 no-repeat;
}

.frame-lt {
	left: -3px;
	top: -2px;
	background-position: 0 0;
}
.frame-rt {
	right: -3px;
	top: -2px;
	background-position: 100% 0;
}
.frame-rb {
	right: -3px;
	bottom: -2px;
	background-position: 100% 100%;
}
.frame-lb {
	left: -3px;
	bottom: -2px;
	background-position: 0 100%;
}

.pet-level {
	float: left;
	width: 32px;
	height: 28px;
	margin-bottom: -2px;
	padding-top: 7px;
	background: url('../images/pets/level-bg.png') 0 0 no-repeat;
	color: #ffd57f;
	font-weight: bold;
	text-align: center;
}

.pet-name {
	overflow: hidden; *zoom: 1;
	float: left;
	width: 163px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pet-name * {
	color: #a91508 !important;
	font-size: 14px !important;
}

.pet-rename {
	position: relative;
	float: right;
	width: 30px;
	height: 30px;
	background: url('../images/common-btn-edit.png') 0 0 no-repeat;
	cursor: pointer;
	z-index: 2;
}

.pet-rename-ok {
	position: relative;
	float: right;
	width: 30px;
	height: 30px;
	background: url('../images/common-btn-edit.png') 0 100% no-repeat;
	cursor: pointer;
	z-index: 2;
}

.pet-rename-input {
	width: 109px;
	height: 30px;
	margin: 0;
	padding: 0 7px;
	background: url('../images/pets/pet-rename-bg.png') 0 0 no-repeat;
	border: 0;
	box-sizing: content-box;
	font-size: 14px;
	line-height: 30px;
	outline: 0;
	text-align: center;
}

.pet-rename-input::selection {
	background: #b2d3ff;
}

.pet-info-right {
	float: left;
	width: 280px;
	margin-left: 10px;
}

.pet-tab {
	width: 100%;
	border-collapse: collapse;
}

.pet-tab td {
	padding: 0;
	border: 0;
	font-weight: bold;
}

.pet-tab td.td-right {
	text-align: right;
}

.pet-progress-bar {overflow: hidden; position: relative; display: inline-block; *display: inline; padding: 3px; width: 200px; height: 12px; text-align: center; *zoom: 1;}
.pet-progress-bar .progress {float: left; height: 12px; background: url('../images/pets/progress.png') 0 0 repeat-x;}
.pet-progress-bar .empty {float: left; height: 12px; background: url('../images/pets/progress.png') 0 -12px repeat-x;}
.pet-progress-wrapper {position: absolute; left: 0; top: 0; right: 0; height: 18px; padding-left: 7px; background: url('../images/pets/progress-bar.png') 0 0 no-repeat; z-index: 2;}
.pet-progress-wrapper-inner {height: 18px; background: url('../images/pets/progress-bar.png') 100% -18px no-repeat;}
.pet-progress-value {position: relative; top: -14px; display: inline-block; padding: 0 3px; background: url('../images/pets/shadow-bg.png') 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffda00; font-size: 10px !important; font-weight: bold; *display: inline; *zoom: 1;}

.pet-info-tab {
	width: 100%;
	border-collapse: collapse;
}

.pet-info-tab td {
	padding: 5px 7px;
	border: 1px solid #caa58b;
	font-size: 11px;
	vertical-align: middle;
}

.pet-info-tab td.td-r {
	text-align: center;
	white-space: nowrap;
}

.abilities {
	text-align: center;
}

.user-profile .markItUpEditor {
	color: #000;
}

/*first battle*/
.first-battle {
	height: 100%;
	position: relative;
	background: url('../images/first-battle/bg.jpg') 50% 50% no-repeat #3b2c24;
}

.shields {
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 1236px;
	height: 479px; 
	margin: 0 0 0 -621px;
	background: url('../images/first-battle/shields.png') 50% 100% no-repeat;
}

.first-battle-center {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	width: 774px;
	height: 598px;
	margin: auto;
	padding: 87px 0 21px;
	z-index: 999;
	background: url('../images/first-battle/paper.png') 50% 100% repeat-y;
}

.first-battle-logo {
	display: block;
	margin: 0 auto -41px;
}

.first-battle-name {
	display: block;
	margin: 0 auto -27px;
}

.first-battle-flash {
	position: relative;
	width: 446px;
	height: 315px;
	margin: 0 auto;
}

.first-battle-frame-l, .first-battle-frame-r {
	position: absolute;
	width: 10px;
	background: url('../images/first-battle/frame-v.png') 0 0 repeat-y;
}

.first-battle-frame-t, .first-battle-frame-b {
	position: absolute;
	height: 10px;
	background: url('../images/first-battle/frame-h.png') 0 0 repeat-x;
}

.first-battle-frame-l {
	left: 0;
	top: 0;
	bottom: 0;
}
.first-battle-frame-t {
	left: 0;
	top: 0;
	right: 0;
}
.first-battle-frame-r {
	right: 0;
	top: 0;
	bottom: 0;
}
.first-battle-frame-b {
	left: 0;
	bottom: 0;
	right: 0;
}

.first-battle-frame-lt, .first-battle-frame-rt, .first-battle-frame-rb, .first-battle-frame-lb {
	position: absolute;
	width: 49px;
	height: 49px;
	background: url('../images/first-battle/frame-corners.png') 0 0 no-repeat;
}

.first-battle-frame-lt {
	left: -6px;
	top: -6px;
	background-position: 0 0;
}
.first-battle-frame-rt {
	right: -6px;
	top: -6px;
	background-position: 100% 0;
}
.first-battle-frame-rb {
	right: -6px;
	bottom: -6px;
	background-position: 100% 100%;
}
.first-battle-frame-lb {
	left: -6px;
	bottom: -6px;
	background-position: 0 100%;
}


.first-battle-btn {
	display: block;
	width: 420px;
	height: 77px;
	margin: 8px auto 0;
	background: url('../images/first-battle/btn-play.png') 0 0 no-repeat;
	text-indent: -9999px;
}
.first-battle-btn:hover {
	background-position: 0 -77px;
}
.first-battle-btn:active {
	background-position: 0 -154px;
}

.first-battle-paper-bot {
	position: absolute;
	left: 50%;
	bottom: -144px;
	width: 715px;
	height: 175px;
	margin-left: -357px;
	background: url('../images/first-battle/paper-bot.png') 50% 100% no-repeat;
}

.smile_div-container {
	float: right;
	position: absolute;
	right: 60px;
	bottom: 30px;
}
.smile_div {
	overflow: hidden; *zoom: 1;
	padding: 0 4px 20px;
	background: url('../images/smile/bg.jpg') 0 0 repeat-x #7e4402;
}

.smile_div-brd-l, .smile_div-brd-r {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4px;
	background: url('../images/smile/brd-v.jpg');
}
.smile_div-brd-l {
	left: -4px;
}
.smile_div-brd-r {
	right: -4px;
}
.smile_div-brd-t, .smile_div-brd-b {
	position: absolute;
	left: 0;
	right: 0;
	height: 4px;
	background: url('../images/smile/brd-h.jpg');
}
.smile_div-brd-t {
	top: -4px;
}
.smile_div-brd-b {
	bottom: -4px;
}

.smile_div-lt, .smile_div-rt, .smile_div-rb, .smile_div-lb {
	position: absolute;
	width: 8px;
	background: url('../images/smile/corner.png') 0 0 no-repeat;
}
.smile_div-lt {
	top: -6px;
	left: -6px;
	height: 20px;
}
.smile_div-rt {
	top: -6px;
	right: -6px;
	height: 20px;
}
.smile_div-rb {
	bottom: -6px;
	right: -6px;
	height: 8px;
}
.smile_div-lb {
	bottom: -6px;
	left: -6px;
	height: 8px;
}

.smile_div-bl {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 24px;
	background: url('../images/smile/bottom-line.png?r=1') 0 0 no-repeat;
}
.smile_div-bl-r {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 33px;
	height: 24px;
	background: url('../images/smile/bottom-line-r.png') 0 0 no-repeat;
}

.smile_div table {
	padding: 0 2px 1px;
	background: #c49485;
	border: 1px solid #c9b4a0;
	border-top: 0;
	border-collapse: separate;
	border-spacing: 1px 2px;
}
.smile_div table td {
	padding: 3px;
	background: url('../images/sand4.gif');
	border: 0;
	cursor: pointer;
}

.smile_div table td:hover {
	background: #fff;
}

.smile-container {
	position: relative;
	min-height: 35px;
    width: 65px;
}

span.smile-fav {
	position: absolute;
	right: -3px;
	top: -3px;
	width: 22px;
	height: 20px;
	background: url('../images/smile/fav-ico.png') 0 0 no-repeat;
}

span.smile-fav:hover, .smile-container.active span.smile-fav {
	background: url('../images/smile/fav-ico.png') 0 100% no-repeat;
}

.smile-pages {
	position: absolute;
	left: -20px;
	bottom: 19px;
	float: left;
	margin: 0 0 -19px 28px;
	padding: 0 2px;
}

.smile-pages span {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 2px;
	height: 16px;
	background: #5c5b5a;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	z-index: 1;
}

.smile-pages a * {
	font-size: 9px;
}

.smile-pages a {
	position: relative;
	display: inline-block; *display: inline; *zoom: 1;
	width: 18px;
	height: 14px;
	padding-top: 4px;
	color: #ba0000;
	background: url('../images/smile/pages.png') 0 0 no-repeat;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	z-index: 2;
}

.smile-pages a.active {
	background-position: 100% 0;
	color: #fffae8;
}

a.btn-fav-show {
	position: absolute;
	right: -20px;
	bottom: 19px;
	float: right;
	height: 19px;
	margin: 0 26px -19px 0;
	padding-left: 11px;
	background: url('../images/smile/btn-bg.png') 0 100% no-repeat;
	color: #ba0000;
	text-decoration: none;
	z-index: 2;
}

a.btn-fav-show span {
	display: inline-block; *display: inline; *zoom: 1;
	height: 11px;
	padding: 4px 12px 4px 1px;
	background: url('../images/smile/btn-bg.png') 100% 0 no-repeat;
	font-size: 9px;
	font-weight: bold;
}

.confirm_div {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	margin: auto;
}

.confirm_div td {
	padding: 0;
}
.confirm_div td img {
	vertical-align: top;
}

tr.ui-rating-user td {
	height: 30px;
	background: url('../images/ui-rating-user.png') 50% 50% no-repeat;
	color: #bc0000;
	font-weight: bold;
	text-transform: uppercase;
}

/* Wheel of Fortune - minigame
==============================================================================*/
.b-wof {
	position: relative;

	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding: 10px;
}

.b-wof-rules {
	position: relative;
	float: right;

	width: 250px;
	padding-top: 10px;
}
	.b-wof-rules__header {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;

		width: 100%;
		margin: 0;

		text-align: center;

		color: #fff0c1;
	}

		.b-wof-rules__header span {
			display: inline-block;
			vertical-align: middle;

			height: 23px;
			min-width: 130px;
			padding: 0 10px;

			font: 18px/23px 'CuprumBold', sans-serif;

			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			-ms-border-radius: 12px;
			-o-border-radius: 12px;
			border-radius: 12px;

			-webkit-box-shadow: 0 0 0 1px #5f5143, inset 0 0 0 2px rgba(90, 61, 40, 0.8);
			box-shadow: 0 0 0 1px #5f5143, inset 0 0 0 2px rgba(90, 61, 40, 0.8);

			background-color: #755035;
			background: -moz-linear-gradient(top, #855a3c 0%, #6b4930 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, #855a3c), color-stop(100%, #6b4930));
			background: -webkit-linear-gradient(top, #855a3c 0%, #6b4930 100%);
			background: -o-linear-gradient(top, #855a3c 0%, #6b4930 100%);
			background: -ms-linear-gradient(top, #855a3c 0%, #6b4930 100%);
			background: linear-gradient(to bottom, #855a3c 0%, #6b4930 100%);
		}

	.b-wof-rules__body {
		padding: 20px 10px 10px;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;

		border: #bb9563 1px solid;
		border-top-color: #f8c684;
		border-bottom-color: #f8c684;
		background-color: #fff0c1;

		-webkit-box-shadow: 0 0 0 1px #5f5143, inset 0 0 0 1px #6b6551;
		box-shadow: 0 0 0 1px #5f5143, inset 0 0 0 1px #6b6551;

		color: #5a3d28;
	}

		.b-wof-rules__body p {
			margin: 0 0 10px;

			font: 14px 'CuprumBold', sans-serif;
		}
		.b-wof-rules__body p:last-child {
			margin-bottom: 0;
		}

		.b-wof-rules__body table {
			width: 100%;
			margin: 0 0 10px;

			border-collapse: separate;
			border-spacing: 5px;
		}
		.b-wof-rules__body table:last-child {
			margin-bottom: 0;
		}

			.b-wof-rules__body td {
				vertical-align: middle;

				font: 14px 'CuprumBold', sans-serif;
			}

.b-wof-flash {
	overflow: hidden;
	padding: 10px 10px 0 0;
}

.talents-container {
	width: 100%;
}
.talents-container td {
	vertical-align: top;
}
.talents-container .tab-container td * {
	font-size: 11px;
	vertical-align: middle;
}
.talent-column {
	border: 1px solid #caab88;
	float: left;
	margin: 0 20px;
	width: 100px;
	background: url('../images/talents-bg-pattern.png') 0 0;
	padding: 30px 0;
	text-align: center;
	border-radius: 5px;
}
.talent-column-inner {
	width: 100px;
	background: url('../images/talents-bg.png') 0 0 repeat-y;
	min-height: 468px;
}

.talent-item {
	margin: 0 auto;
	background: url("../images/talents-item-bg.png") 0 0 no-repeat;
}

.talent-item td:first-child {
	padding: 4px 1px 4px 4px;
	position: relative;
}

.talent-item a {
	position: relative;
	display: block;
	/*margin: 4px 1px 4px 4px;*/
}
a.talent-item-star, .talent-item-star {
	display: block;
	width: 20px;
	height: 19px;
	margin: 0 0 -6px 0;
	background: url('../images/talents-item-stars.png') 0 100% no-repeat;
}
.talent-item-star.active {
	background-position: 0 0;
}
.talent-item-star:hover {
	cursor: pointer;
}
.talent-item-star:first-child {
	margin-top: -5px;
}
.talent-item-stars {
	display: block;
	width: 20px;
	height: 61px;
	background: url('../images/talents-stars.png') 0 -3px no-repeat;
	cursor: pointer;
}
.talent-item-stars.talent-item-stars-level-1 {
	background-position: 0 -16px;
}
.talent-item-stars.talent-item-stars-level-2 {
	background-position: 0 -29px;
}
.talent-item-stars.talent-item-stars-level-3 {
	background-position: 0 -41px;
}
.talent-item-stars.talent-item-stars-level-4 {
	background-position: 0 -53px;
}
.talent-item-stars.talent-item-stars-level-5 {
	background-position: 0 -66px;
}
.talent-item-cnt {
	position: absolute;
	left: 0;
	bottom: -7px;
	height: 22px;
	padding: 0 11px 0 15px;
	background: url('../images/talents-price-bg.png') 100% 0 no-repeat;
	color: #bc0000;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
}
.talent-item-cnt__ico {
	position: absolute;
	left: -9px;
	top: -1px;
	width: 24px;
	height: 23px;
	background: url('../images/talents-price-ico.png') 0 0 no-repeat;
}
.talent-item-active {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
	background: url('../images/talents-active-ico.png') 0 0 no-repeat;
}
.talent-item-fullupgrade {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
	background: url('../images/talents-fullupgrade-ico.png') 0 0 no-repeat;
}
.talent-item-available {
	display: none;
	position: absolute;
	left: -5px;
	top: -3px;
	width: 24px;
	height: 19px;
	background: url('../images/talents-available-ico.png') 0 0 no-repeat;
	cursor: pointer;
}
.talents-disabled .talent-item-available {
	display: none;
}
.talent-item.active .talent-item-active {
	display: block;
}
.talent-item.fullupgrade .talent-item-fullupgrade {
	display: block;
}
.talent-item.active .talent-item-fullupgrade {
	display: none;
}
.talent-item.available .talent-item-available {
	display: block;
}
.talent-item.active .talent-item-available {
	display: none;
}

.talent-action-hint {
	display: none;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 60px;
	height: 60px;
}

.talent-points {
	float: left;
	position: relative;
	height: 22px;
	margin-left: 14px;
	padding: 0 11px 0 0;
	background: url('../images/talents-price-bg.png') 100% 0 no-repeat;
	color: #bc0000;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
}
.talent-points-title {
	color: #000000;
	font-weight: normal;
}
.talent-points .talent-points__ico {
	position: relative;
	top: -1px;
	display: inline-block;
	width: 24px;
	height: 23px;
	margin: 0 -1px;
	background: url('../images/talents-price-ico.png') 0 0 no-repeat;
	vertical-align: top;
}
.talent-points-left {
	position: absolute;
	left: -14px;
	top: 0;
	width: 14px;
	height: 22px;
	background: url('../images/talents-price-bg.png') 0 0 no-repeat;
}
.talents-active-container {
	height: 557px;
}
.talents-active-header {
	width: 126px;
	margin: 0 auto 7px;
	font-size: 12px !important;
	font-weight: bold;
	text-align: center;
	background: url('../images/talents-active-header.png') 0 50% no-repeat;
}
.talents-activeslot {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 auto 10px;
	padding: 4px;
	background: url('../images/talents-activeslot.png') 0 0 no-repeat;
}
.talents-disabled {
	filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

.popup_global_content {
	overflow: hidden;
	margin: 0 18px;
	background: url('../images/popup-main-bg.png') center center;
	color: #65463a;
	position: relative;
	*zoom: 1;
}

.popup_global_inner_bg {
	padding: 20px 0 0 0;
	background: url('../images/popup-inner-bg.png') center center;
	border: 1px solid #caac87;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.popup_global_inner {
	overflow-y: auto;
	max-height: 370px;
	margin: 10px -10px;
	padding: 0 10px;
}

.popup_global_title {
	height: 32px;
	color: #f5f4bf;
	font-weight: bold;
	text-align: center;
}

.popup-top-left {
	position: relative;
	background: url('../images/popup-top-left.png') left top no-repeat;
}

.popup-top-right {
	background: url('../images/popup-top-right.png') right top no-repeat;
}

.popup-top-center {
	margin: 0 32px 0 32px;
	background: url('../images/popup-top-center.png') left top repeat-x;
}

.popup-left-center {
	position: relative;
	background: url('../images/popup-left-center.png') left top repeat-y;
}

.popup-right-center {
	background: url('../images/popup-right-center.png') right top repeat-y;
}

.popup-left-bottom {
	background: url('../images/popup-left-bottom.png') left bottom no-repeat;
}

.popup-right-bottom {
	background: url('../images/popup-right-bottom.png') right bottom no-repeat;
}

.popup-bottom-center {
	height: 36px;
	margin: 0 32px;
	background: url('../images/popup-bottom-center.png') center bottom repeat-x;
}

.popup_back {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

.popup_cont {
	position: absolute;
	z-index: 102;
}

.preloader {
	z-index: 101;
}

.popup_close {
	color: #888;
	cursor: pointer;
	position: absolute;
	padding: 5px;
	right: 5px;
	top: 0;
	display:none;
}

.popup_close:hover {
	color: #111;
}

.popup_back {
	cursor: pointer;
	background-color: #222;
}

div.popup {
	background: transparent;
}

.preloader {
	left: 50%;
	margin: -10px 0 0 -25px;
	position: fixed;
	top: 50%;
}

.popup_global_close_btn {position: absolute; right: -2px; top: -2px; width: 20px; height: 20px; background: url('../images/popup-close.png') center no-repeat; cursor: pointer;}
.popup_global_container table { table-layout: fixed; }

.levelup-button {
	margin: 0 0 15px 0;
	text-align: center;
}

.levelup-group-title {
	margin: 0 0 5px 0;
}

.levelup-group-content {
	margin: 0 0 10px 0;
	font-size: 12px;
	text-align: left;
}

.levelup-group-content * {
	font-size: 12px;
}

.levelup-group-content-pic {
	margin: 0 0 10px 0;
}

.levelup-window-level-bg {
	position: relative;
	width: 452px;
	height: 70px;
	margin: -36px auto 0;
	padding: 4px 0 0 0; 
	background: url('../images/levelup-bg.png') 100% 0 no-repeat;
	text-align: center;
	z-index: 2;
}

.levelup-window-level {
	display: inline-block; *display: inline; *zoom: 1;
	height: 20px;
	padding: 2px 144px 18px 0;
	background: url('../images/levelup-txt.png') 100% 0 no-repeat;
	color: #ffd558;
	font-family: 'Times New Roman', times, serif;
	font-size: 27px;
	font-weight: bold;
	text-shadow: -3px 1px 1px #003406;
}

.levelup-title {
	margin: 4px 0 0 0; 
	font-size: 12px;
}

.levelup-group-title {
	color: #a91508;
	font-size: 14px;
	font-weight: bold;
}

.popup-line + .popup-line {
	margin: 13px 0 0 0;
	padding: 9px 10px 0;
	background: url('../images/popup-line.png') 50% 0 repeat-x;
}

.levelup-group-content-pic img {
	display: inline-block; *display: inline; *zoom: 1;
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 3px 3px;
	padding: 4px 5px 5px 4px;
	background: url('../images/pets/item-bg.png') 0 0 no-repeat;
}

.btn-ok {
	display: inline-block; *display: inline; *zoom: 1;
	width: 140px;
	height: 40px;
	background: url('../images/btn-ok.png') 0 0 no-repeat;
	cursor: pointer;
}

.btn-ok:hover {
	background-position: 0 -40px;
}

.btn-ok:active {
	background-position: 0 -80px;
}

.bank-premium {}
.bank-premium__level {background: url("../images/bank-premium-levels.png") no-repeat; display: block; margin: 0 auto; height: 54px; width: 54px;}
.bank-premium__level.level_0 {background-position: 0 0;}
.bank-premium__level.level_1 {background-position: 0 -54px;}
.bank-premium__level.level_2 {background-position: 0 -108px;}
.bank-premium__level.level_3 {background-position: 0 -162px;}
.bank-premium__level.level_4 {background-position: 0 -216px;}
.bank-premium__level.level_5 {background-position: 0 -270px;}
.user-info.bank-premium__level {background: url("../images/bank-premium-levels-s.png?r=1") no-repeat; display: inline-block; height: 33px; width: 38px; margin: -7px 5px -14px;}
.user-info.bank-premium__level.level_0 {background-position: 0 0;}
.user-info.bank-premium__level.level_1 {background-position: 0 -33px;}
.user-info.bank-premium__level.level_2 {background-position: 0 -66px;}
.user-info.bank-premium__level.level_3 {background-position: 0 -99px;}
.user-info.bank-premium__level.level_4 {background-position: 0 -132px;}
.user-info.bank-premium__level.level_5 {background-position: 0 -165px;}

.bank-premium-dsc-tab-change .tab {cursor: pointer;}

.bank-premium-progress {padding: 20px 0 24px;}
.bank-premium-progress__cont {position: relative;}
.bank-premium-progress__bar {margin: 0 23px;}
.bank-premium-progress__levels {height: 54px; width: 100%; position: absolute; left: 0; top: -10px;}
.tab-container .bank-premium-progress__levels * {font-size: 11px !important;}
.bank-premium-progress__levels-cost {font-weight: bold; text-align: center; position: absolute; left: -5px; top: 51px; white-space: nowrap; width: 60px;}
.bank-premium-progress__levels.bank-premium__level {top: 0; width: 54px;}
.bank-premium-progress__levels.level_0 {background-position: 0 0; left: 0;}
.bank-premium-progress__levels.level_1 {background-position: 0 -54px; left: 20%; margin-left: -27px;}
.bank-premium-progress__levels.level_2 {background-position: 0 -108px; left: 40%; margin-left: -27px;}
.bank-premium-progress__levels.level_3 {background-position: 0 -162px; left: 60%; margin-left: -27px;}
.bank-premium-progress__levels.level_4 {background-position: 0 -216px; left: 80%; margin-left: -27px;}
.bank-premium-progress__levels.level_5 {background-position: 0 -270px; left: 100%; margin-left: -54px;}
.bank-premium-progress__label {font-size: 11px; font-family: Tahoma, Geneva, sans-serif; color: #fde8c8; font-weight: bold; position: absolute; top: -1px; line-height: 34px; text-align: center; width: 100%;}
.tab-container .bank-premium-progress__label {font-size: 11px !important;}
.bank-premium-progress__label.level_0 {margin-left: 13px;}
.bank-premium-progress__label.level_4 {margin-left: -13px;}

.bank-premium-title {position: relative; height: 25px; margin: -15px -6px 6px; border-bottom: 1px solid #dfc6a9; line-height: 25px; font-weight: bold; text-align: center;}

.bank-premium-description {font-size: 12px; padding: 24px;}
.bank-premium-description * {font-size: 12px;}

.b-progress-bar {height: 34px; overflow: hidden; position: relative;}
.b-progress-bar__bg {margin: 5px 0 0 0; overflow: hidden;}
.b-progress-bar__bg,
.b-progress-bar__bg-bright {background: url("../images/progress-bar-1-bg.png") repeat-x; height: 19px;}
.b-progress-bar__bg-bright {background-position: 0 -19px; float: left;}
.b-progress-bar__border {position: absolute; left: 0; top: 0; height: 34px; width: 100%;}
.b-progress-bar__border-l,
.b-progress-bar__border-r,
.b-progress-bar__border-c {background: url("../images/progress-bar-1-border.png") no-repeat; height: 100%;}
.b-progress-bar__border-l,
.b-progress-bar__border-r {position: absolute; top: 0;}
.b-progress-bar__border-l {left: 0; width: 5px;}
.b-progress-bar__border-r {right: 0; width: 5px;}
.b-progress-bar__border-c {background-repeat: repeat-x; margin: 0 5px;}
.b-progress-bar__text {line-height: 34px; position: absolute; left: 0; top: 0; width: 100%; text-align: center;}
.b-progress-bar__text {font-size: 11px; font-family: Tahoma, Geneva, sans-serif; color: #fde8c8; font-weight: bold;}
.b-progress-bar__pointer-cont {height: 100%; position: absolute; left: 5px; right: 5px; top: 0;}
.b-progress-bar__pointer {background: #ff0000; height: 32px; width: 11px; overflow: hidden; position: absolute; top: 0; margin-left: -5px;}

.bank-premium-user-money {padding: 4px 3px; background: url('../images/int/tbl1bg1.gif');}
.tab-container .bank-premium-user-money * {font-size: 10px !important;}

.bank-premium-dsc-tabs {display: none; margin: 0 4px; padding:18px; font-size: 0; min-height: 450px; background: url('../images/bg-l.png'); border: 1px solid #caab88; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.bank-premium-dsc-tabs:first-child {display: block;}
.bank-premium-dsc-item {display: inline-block; width: 350px; margin: 0 0 15px 0;}
.bank-premium-dsc-item img {float: left; margin: 0 10px 0 0;}
.bank-premium-dsc-item .dsc {overflow: hidden;}

.bank-premium-dsc-tab-change.set-tabs .tab {width: 65px; background: url('../images/bg-l.png'); border: 1px solid #caab88; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; margin-bottom: 4px; text-align: center;}
.bank-premium-dsc-tab-change.set-tabs .tab:first-child {margin-top: 15px;}
.bank-premium-dsc-tab-change.set-tabs .tab.tab-active {position: relative; width: 67px; margin-right: -5px; background: url('../images/npc_container-bg.png'); border-right: 0;}
.bank-premium-dsc-tab-change.set-tabs .tab.tab-active .bank-premium__level {}
.bank-premium-dsc-tab-change.set-tabs .tab .tab-title {margin-top: -9px; margin-bottom: 5px;}

/* Wheel of Fortune - minigame
==============================================================================*/
.b-wof {
	position: relative;

	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding: 10px;
}

.b-wof-rules {
	position: relative;
	float: right;

	width: 250px;
	padding-top: 10px;
}
	.b-wof-rules__header {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;

		width: 100%;
		margin: 0;

		text-align: center;

		color: #fff0c1;
	}

		.b-wof-rules__header span {
			display: inline-block;
			vertical-align: middle;

			height: 23px;
			min-width: 130px;
			padding: 0 10px;

			font: 18px/23px 'CuprumBold', sans-serif;

			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			-ms-border-radius: 12px;
			-o-border-radius: 12px;
			border-radius: 12px;

			-webkit-box-shadow: 0 0 0 1px #5f5143, inset 0 0 0 2px rgba(90, 61, 40, 0.8);
			box-shadow: 0 0 0 1px #5f5143, inset 0 0 0 2px rgba(90, 61, 40, 0.8);

			background-color: #755035;
			background: -moz-linear-gradient(top, #855a3c 0%, #6b4930 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, #855a3c), color-stop(100%, #6b4930));
			background: -webkit-linear-gradient(top, #855a3c 0%, #6b4930 100%);
			background: -o-linear-gradient(top, #855a3c 0%, #6b4930 100%);
			background: -ms-linear-gradient(top, #855a3c 0%, #6b4930 100%);
			background: linear-gradient(to bottom, #855a3c 0%, #6b4930 100%);
		}

	.b-wof-rules__body {
		padding: 20px 10px 10px;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;

		border: #bb9563 1px solid;
		border-top-color: #f8c684;
		border-bottom-color: #f8c684;
		background-color: #fff0c1;

		-webkit-box-shadow: 0 0 0 1px #5f5143, inset 0 0 0 1px #6b6551;
		box-shadow: 0 0 0 1px #5f5143, inset 0 0 0 1px #6b6551;

		color: #5a3d28;
	}

		.b-wof-rules__body p {
			margin: 0 0 10px;

			font: 14px 'CuprumBold', sans-serif;
		}
		.b-wof-rules__body p:last-child {
			margin-bottom: 0;
		}

		.b-wof-rules__body table {
			width: 100%;
			margin: 0 0 10px;

			border-collapse: separate;
			border-spacing: 5px;
		}
		.b-wof-rules__body table:last-child {
			margin-bottom: 0;
		}

			.b-wof-rules__body td {
				vertical-align: middle;

				font: 14px 'CuprumBold', sans-serif;
			}

.b-wof-flash {
	overflow: hidden;
	padding: 10px 10px 0 0;
}


.top-menu-container {
	overflow: hidden;
	position: relative;
	width: 689px;
	height: 67px;
	margin: 0;
	text-align: left;
	font-size: 0;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.top-menu {
	overflow: hidden;
	position: relative;
	width: 683px;
	height: 59px;
	margin: 0;
	padding: 8px 0 0 6px;
	background: url('/images/top_menu/graph_3.png') 0 0 no-repeat;
	list-style-type: none;
}

.top-menu li {
	cursor: pointer;
}

.top-menu li.top_menu__first-level {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 46px;
	font-size: 0;
}

.top-menu li.top_menu__first-level + li.top_menu__first-level {
	margin-left: 1px;
}

.top-menu li.top_menu__first-level.disabled::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 52px;
	height: 46px;
	content: '';
	background: rgba(0,0,0,.5);
}

.top-menu li.top_menu__first-level:first-child::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 46px;
	content: '';
	background: url('/images/top_menu/graph_3.png') -6px -8px no-repeat;
}

.top-menu li.top_menu__first-level.sortable-chosen::after {
	display: none;
}

.top-menu li.top_menu__first-level:last-child::after {
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
	height: 46px;
	content: '';
	background: url('/images/top_menu/graph_3.png') -623px -8px no-repeat;
}

.top-menu li.top_menu__first-level.disabled:first-child::after {
	width: 52px;
	background: url('/images/top_menu/graph_3.png') -6px -8px rgba(0,0,0,.5) no-repeat;
}

.top-menu li.top_menu__first-level.disabled:last-child::after {
	width: 52px;
	background: url('/images/top_menu/graph_3.png') -589px -8px rgba(0,0,0,.5) no-repeat;
}

.top-menu li.disabled-item {
	filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

.top-menu__label {
	position: absolute;
	left: 50%;
	bottom: -5px;
	color: #ffe6ab;
	font-size: 11px;
	font-weight: bold;
	text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
	z-index: 9999;
}

.top-menu li.top_menu__first-level ul {
	display: none;
	position: absolute;
	top: -100px;
	left: 41px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: left;
	font-size: 0;
	white-space: nowrap;
	z-index: 9000;
}

.top-menu li.top_menu__first-level.active ul {
	overflow: hidden;
	display: block;
}

.top-menu li.top_menu__first-level.active.top-fix ul {
	top: 0;
}

.top-menu li.top_menu__first-level.disabled-item ul {
	display: none;
}

.top-menu__arrows {
	display: none;
	position: absolute;
	right: 8px;
	bottom: 5px;
	width: 18px;
	height: 18px;
	background: url('/images/top_menu/arrow.png') 0 0 no-repeat;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.top-menu li.top_menu__first-level.active .top-menu__arrows {
	bottom: auto;
	top: 0;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.top-menu li.top_menu__first-level ul li.top_menu__second-level {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 42px;
	padding: 0 2px;
	font-size: 0;
}

.top-menu-blink {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: -moz-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
	background: -ms-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
	background: -o-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
	background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
	background: radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
	-moz-animation: background .5s infinite;
	-o-animation: background .5s infinite;
	-webkit-animation: background .5s infinite;
	animation: background .5s infinite;
}

.top-menu li.top_menu__first-level ul li.top_menu__second-level .top-menu-blink {
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

@keyframes background {
	0% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
	}
	10% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .8));
	}
	20% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .8));
	}
	30% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .8));
	}
	40% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .8));
	}
	50% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, .8));
	}
	60% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, .8));
	}
	70% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, .8));
	}
	80% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, .8));
	}
	90% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, .8));
	}
	100% {
		background: -moz-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
		background: -ms-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
		background: -o-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
		background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
		background: radial-gradient(rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, .8));
	}
}

.top-menu__exit {
	position: absolute;
	right: 6px;
	top: 17px;
	width: 29px;
	height: 31px;
	background: url('/images/top_menu/close_btn.png') 5px 5px no-repeat, url('/images/top_menu/close_ball.png') 0 0 no-repeat;
	content: '';
	cursor: pointer;
}

.progress-bar {overflow: hidden; position: relative; padding: 4px; max-width: 992px; height: 19px; background: #0033ff; text-align: center; *zoom: 1;}
.progress-bar .progress {float: left; height: 19px; background: url('../images/progress.png') 0 0 repeat-x;}
.progress-bar .empty {float: left; height: 19px; background: url('../images/progress.png') 0 -19px repeat-x;}
.progress-wrapper {position: absolute; left: 0; top: 0; right: 0; height: 27px; padding-left: 13px; background: url('../images/progress-bar.png') 0 0 no-repeat; z-index: 2;}
.progress-wrapper-inner {height: 27px; background: url('../images/progress-bar.png') 100% -27px no-repeat;}
.progress-value {position: relative; display: inline-block; top: -18px; padding: 0 3px; background: url('../images/shadow-bg.png') 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffda00; font-size: 13px; font-weight: bold; *display: inline; *zoom: 1;}

.progress-bar-small {overflow: hidden; position: relative; margin: 2px auto 0; padding: 3px; width: 199px; height: 12px; text-align: center; *zoom: 1;}
.progress-bar-small .progress {float: left; height: 12px; background: url('../images/progress-small.png') 0 0 repeat-x;}
.progress-bar-small .empty {float: left; height: 12px; background: url('../images/progress-small.png') 0 -12px repeat-x;}
.progress-bar-small .progress-wrapper {position: absolute; left: 0; top: 0; right: 0; height: 18px; padding-left: 7px; background: url('../images/progress-bar-small.png') 0 0 no-repeat; z-index: 2;}
.progress-bar-small .progress-wrapper-inner {height: 18px; background: url('../images/progress-bar-small.png') 100% -18px no-repeat;}
.progress-bar-small .progress-value {position: relative; display: inline-block; top: -12px; padding: 0 3px; background: url('../images/shadow-bg.png') 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffda00; font-size: 10px; font-weight: bold; *display: inline; *zoom: 1;}
.c-s-bg .progress-bar-small .progress-wrapper {background-position: 0 -36px;}
.c-s-bg .progress-bar-small .progress-wrapper-inner {background-position: 0 -54px;}

.info.smile-points {padding: 5px 0 0 4px; height: 31px;}
.info.smile-dsc {display: table; width: 100%; height: 55px; padding: 0; background: url('../images/ach-bg-5.png') 0 0 repeat-x; font-size: 11px; font-weight: normal;}
.info.smile-dsc .smile-tc {display: table-cell; padding: 7px 0 0 0; vertical-align: top;}
.info.smile-dsc .smile-tc + .smile-tc {width: 350px; padding-left: 10px; background: url('../images/ach-bg-6.png') 0 0 repeat-x; border-left: 1px solid #e3c7a8;}
.smile-shop-container {display: table; width: 100%; background: url('../images/ach-bg.png') 0 0; border-bottom: 1px solid #caab88;}
.smile-shop-container .smile-tc {display: table-cell; padding: 10px 0 0 0;}
.smile-shop-container .smile-tc + .smile-tc {width: 350px; padding-left: 10px; background: #fff0bf; border-left: 1px solid #e3c7a8;}
.smile-shop-list {font-size: 12px;}
.smile-shop-list .smile-item {display: inline-block; width: 96px; height: 96px; margin: 0 6px 11px; border: 1px solid #bab5a5; border-bottom-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; vertical-align: top; *display: inline; *zoom: 1;}
.smile-shop-list .smile-price {color: #9f1a00; font-size: 11px; font-weight: bold;}
.smile-shop-list .smile-price img {vertical-align: -1px;}
.smile-shop-list .my-smile {color: #2caa00; font-size: 12px;}
.smile-shop-list .smile-img-container {display: table; margin: 3px auto 2px; width: 90px; height: 44px; background: url('../images/smile-bg.png') 0 0 no-repeat; line-height: 44px; text-align: center;}
.smile-shop-list .smile-img {display: table-cell; vertical-align: middle;}
.smile-item-my .smile-img-container {margin-bottom: 10px;}

/* daily-activity */
.daily-activity-img {position: relative; width: 60px; height: 60px;}
.daily-activity-img img {width: 60px; height: 60px;}
.daily-activity-num {position: absolute; z-index: 1; left: 0; bottom: 0; white-space: nowrap;}
.daily-activity-num .n-1,
.daily-activity-num .n-2,
.daily-activity-num .n-3,
.daily-activity-num .n-4,
.daily-activity-num .n-5,
.daily-activity-num .n-6,
.daily-activity-num .n-7,
.daily-activity-num .n-8,
.daily-activity-num .n-9,
.daily-activity-num .n-0,
.daily-activity-num .n-k,
.daily-activity-num .n-dot {display: inline-block; width: 21px; height: 25px; vertical-align: bottom; background: url('/images/daily-activity-numbers.png') no-repeat;}
.daily-activity-num .n-1 {width: 13px; background-position: 0 0;}
.daily-activity-num .n-2 {width: 15px; background-position: 0 -25px;}
.daily-activity-num .n-3 {width: 16px; background-position: 0 -50px;}
.daily-activity-num .n-4 {width: 19px; background-position: 0 -75px;}
.daily-activity-num .n-5 {width: 15px; background-position: 0 -100px;}
.daily-activity-num .n-6 {width: 16px; background-position: 0 -125px;}
.daily-activity-num .n-7 {width: 16px; background-position: 0 -150px;}
.daily-activity-num .n-8 {width: 17px; background-position: 0 -175px;}
.daily-activity-num .n-9 {width: 17px; background-position: 0 -200px;}
.daily-activity-num .n-0 {width: 17px; background-position: 0 -225px;}
.daily-activity-num .n-k {width: 14px; background-position: 0 -250px;}
.daily-activity-num .n-dot {width: 7px; background-position: 0 -275px;}
.daily-activity-num .n-1-s,
.daily-activity-num .n-2-s,
.daily-activity-num .n-3-s,
.daily-activity-num .n-4-s,
.daily-activity-num .n-5-s,
.daily-activity-num .n-6-s,
.daily-activity-num .n-7-s,
.daily-activity-num .n-8-s,
.daily-activity-num .n-9-s,
.daily-activity-num .n-0-s,
.daily-activity-num .n-k-s,
.daily-activity-num .n-dot-s {display: inline-block; width: 11px; height: 12px; vertical-align: bottom; background: url('/images/daily-activity-numbers-small.png') no-repeat;}
.daily-activity-num .n-1-s {width: 8px; background-position: 0 0;}
.daily-activity-num .n-2-s {width: 9px; background-position: 0 -12px;}
.daily-activity-num .n-3-s {width: 10px; background-position: 0 -25px;}
.daily-activity-num .n-4-s {width: 11px; height: 13px; background-position: 0 -37px;}
.daily-activity-num .n-5-s {width: 9px; background-position: 0 -50px;}
.daily-activity-num .n-6-s {width: 10px; height: 13px; background-position: 0 -62px;}
.daily-activity-num .n-7-s {width: 9px; background-position: 0 -75px;}
.daily-activity-num .n-8-s {width: 10px; background-position: 0 -87px;}
.daily-activity-num .n-9-s {width: 10px; height: 13px; background-position: 0 -99px;}
.daily-activity-num .n-0-s {width: 10px; height: 13px; background-position: 0 -112px;}
.daily-activity-num .n-k-s {width: 9px; background-position: 0 -125px;}
.daily-activity-num .n-dot-s {width: 5px; background-position: 0 -138px;}
.daily-activity-num img {width: 100%; height: 100%;}
.achieve_header_div {text-align: center; position: relative; width: 100%;}
.daily-activity .daily-activity__title {color: #5d4313; font-family: Tahoma; font-size: 16px; font-weight: bold; text-align: left;}
.daily-activity .daily-activity__circle {height: 54px; width: 65px; margin-top: 6px; background: url('../images/daily-activity-circle.png') 0 0 no-repeat; color: #ffd800; font-family: Tahoma; font-size: 16px; font-weight: bold; line-height: 52px; margin-bottom: 3px;}
.daily-activity .daily-activity__ok {display: inline-block; height: 28px; padding-left: 30px; background: url('../images/daily-activity-ok.png') 0 0 no-repeat; color: #668809; font-family: Tahoma; font-size: 13px; font-weight: bold; line-height: 28px;}
.daily-activity .daily-activity-img {width: 69px; height: 69px; background: url('../images/ach-bg-4.png') 0 0 no-repeat;}
.daily-activity .daily-activity-img img {width: 60px; height: 60px; margin: 4px 5px 5px 4px;}

.daily-activity .progress-bar {overflow: inherit; position: relative; padding: 5px; max-width: 720px; height: 70px; margin: 0 auto; background: transparent; text-align: center; *zoom: 1;}
.daily-activity .progress-bar .progress {float: left; height: 19px; background: url('../images/progress-g.png') 0 0 repeat-x;}
.daily-activity .progress-bar .empty {float: left; height: 19px; background: url('../images/progress-g.png') 0 -19px repeat-x;}
.daily-activity .progress-wrapper {position: absolute; left: 0; top: 0; right: 0; height: 30px; padding-left: 13px; background: url('../images/progress-bar-g.png') 0 0 no-repeat; z-index: 2;}
.daily-activity .progress-wrapper-inner {height: 30px; background: url('../images/progress-bar-g.png') 100% -30px no-repeat;}
.daily-activity .progress-value {position: relative; display: inline-block; top: -17px; padding: 0 3px; background: url('../images/shadow-bg.png') 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffda00; font-size: 13px; font-weight: bold; *display: inline; *zoom: 1;}

.daily-activity .progress-bar-small {overflow: hidden; position: relative; margin: 2px auto 0; padding: 3px; width: 199px; height: 12px; background: #5d7513; text-align: center; *zoom: 1;}
.daily-activity .progress-bar-small .progress {float: left; height: 12px; background: url('../images/progress-small-g.png') 0 0 repeat-x;}
.daily-activity .progress-bar-small .empty {float: left; height: 12px; background: url('../images/progress-small-g.png') 0 -12px repeat-x;}
.daily-activity .progress-bar-small .progress-wrapper {position: absolute; left: 0; top: 0; right: 0; height: 18px; padding-left: 7px; background: url('../images/progress-bar-small-g.png') 0 0 no-repeat; z-index: 2;}
.daily-activity .progress-bar-small .progress-wrapper-inner {height: 18px; background: url('../images/progress-bar-small-g.png') 100% -18px no-repeat;}
.daily-activity .progress-bar-small .progress-value {position: relative; display: inline-block; top: -12px; padding: 0 3px; background: url('../images/shadow-bg.png') 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffda00; font-size: 10px; font-weight: bold; *display: inline; *zoom: 1;}
.daily-activity .c-s-bg .progress-bar-small .progress-wrapper {background-position: 0 -36px;}
.daily-activity .c-s-bg .progress-bar-small .progress-wrapper-inner {background-position: 0 -54px;}
.progress-part {float: left; width: 20%;}

.progress-chest {position: absolute; top: -10px; width: 60px; height: 53px; margin-left: -30px; background: url('../images/progress-chest.png') 0 0 no-repeat; z-index: 10}
.progress-chest.chest-1 {left: 20%; background-position: 0 0;}
.progress-chest.chest-2 {left: 40%; background-position: 0 -53px;}
.progress-chest.chest-3 {left: 60%; background-position: 0 -106px;}
.progress-chest.chest-4 {left: 80%; background-position: 0 -159px;}
.progress-chest.chest-5 {left: 100%; background-position: 0 -212px;}

.progress-ok {position: absolute; top: 50px; width: 20%; text-align: center;}
.progress-ok.ok-1 {left: 10%;}
.progress-ok.ok-2 {left: 30%;}
.progress-ok.ok-3 {left: 50%;}
.progress-ok.ok-4 {left: 70%;}
.progress-ok.ok-5 {left: 90%;}

.progress-ok .ok-ico {display: inline-block; height: 28px; width: 24px; background: url('../images/daily-activity-ok.png') 0 0 no-repeat;}

.daily-activity-progress-header {width: 264px; height: 26px; margin: 0 auto 20px; background: url('../images/daily-activity-progress-header.png') 0 0 no-repeat;}
.daily-activity-progress-header__txt {display: inline-block; width: 96px; height: 21px; margin: 2px 0 0 136px; font-size: 15px; font-weight: bold; line-height: 21px; text-align: center;}

.daily-activity-header {width: 344px; height: 26px; margin: 0 auto 20px; background: url('../images/daily-activity-header.png') 0 0 no-repeat;}

.clock {width: 47px; height: 16px; margin-top: 8px; padding: 8px 0 8px 37px; background: url('/images/clock-bg.png'); line-height: 16px;}
.clock span {color: #e2b980; font-size: 11px; font-weight: bold;}


/* collections */
.collections-form label, .collections-form .label {color: #000;}

.collections-divider {display: block; height: 5px; margin: 0 0 5px; font-size: 0; border-bottom: #db9f73 1px solid;}

.collections-title, .collection-body {padding: 5px;}
.collection-name {font-size: 12px;}
.collection-status {font-size: 12px; color: #489200;}
.collection-status.disabled {color: #c00000;}
.collections-title .controlfavorite a {display: inline-block; width: 22px; height: 21px; margin-right: 2px; background: url('../images/check_no2.png') 50% 50% no-repeat; cursor: pointer; vertical-align: -3px; *display: inline; *zoom: 1;}
.collections-title .controlfavorite a:hover,
.collections-title .controlfavorite a.unfav {background-image: url('../images/check_yes.png');}
.collections-title .controlfavorite a.unfav:hover {background-image: url('../images/check_no2.png');}
.collections-title .collection-texp {color: #d64c00; font-size: 12px;}

.btn-collect {overflow: hidden; cursor: pointer;}
.btn-collect button {display: inline-block; width: 105px; height: 40px; background: url('../images/btn-collect.png'); border: 0; outline: 0; text-indent: -9999px;}
.btn-collect.disabled button {opacity: .3; filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); filter: gray; -webkit-filter: grayscale(100%);}

.collection-slot {display: inline-block; position: relative; overflow: hidden; vertical-align: top;}
.collection-slot__img {display: block; width: 60px; height: 60px; padding: 4px 5px 5px 4px; background: url('../images/collection-slot.png') no-repeat;}
.collection-slot__img.grayscale {background: url('../images/collection-slot_2.png') no-repeat; filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.5; //filter: alpha(opacity=50);}
.collection-slot__qty {display: block; font-weight: bold; text-align: center;}
.collection-slot__qty-current {color: #c00000;}
.collection-slot.active .collection-slot__qty,
.collection-slot.active .collection-slot__qty-current {color: #489200;}

.collection-slot-small {position: relative; float: left; width: 30px; height: 30px; margin: 0 1px 1px 0;}
.collection-slot-small .collection-slot__img {width: 30px; height: 30px; padding: 0; background: url('../images/slot-empty-small.png') no-repeat;}
.collection-slot-small .collection-slot__img.grayscale {background: #000;}
.collection-slot-small .collection-slot__img img {width: 30px; height: 30px;}
.collection-slot-small .collection-slot__qty {position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 9px; font-weight: normal; font-size: 9px; line-height: 9px; background: #312522; color: #e5c79a;}
.collection-slot-small .collection-slot__qty-current {font-weight: normal; font-size: 9px; color: #ff0000;}
.collection-slot-small.active .collection-slot__qty,
.collection-slot-small.active .collection-slot__qty-current {color: #66ce00;}

.collection-ico {display: inline-block; width: 87px; height: 69px; margin: 0 20px 0 30px; padding: 0; background: url('../images/collection-arrow.png') 50% 50% no-repeat; vertical-align: top;}

.collection-filter {padding-top: 5px;}
.collection-filter * {font-size: 12px;}
.collection-filter input[type=checkbox] {margin: 2px 0 0 0;}
.collection-filter label + input[type=checkbox] {margin-left: 10px;}

.usable-sets-btn-container {position: relative; display: inline-block; vertical-align: baseline;}
.usable-sets-btn {background: #cdac8d; cursor: pointer;}
.usable-sets-list {display: none; position: absolute; top: 20px; width: 200px; padding: 3px 0; background: url('/images/npc_container-bg.png') 50% 50%; border: 1px solid #db9f73; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 150px; overflow-y: auto;}
.usable-sets-list__item {padding: 3px 5px; cursor: pointer; font-size: 11px;}
.usable-sets-list__item + .usable-sets-list__item {margin-top: 5px; border-top: 1px solid #db9f73;}
.usable-sets-list__item-img + .usable-sets-list__item {margin-top: 5px; border-top: 1px solid #db9f73;}
.usable-sets-list__item-img {vertical-align: top; white-space: normal}
.usable-sets-list__item-img img {width: 30px;}
.usable-sets-list__item-cnt-w {position: relative; display: inline-block; padding: 3px; vertical-align: top;}
.usable-sets-list__item-cnt {position: absolute; left: 3px; bottom: 3px; padding: 2px; background: #aa0000; color: #e9d600; font-weight: bold;}

.usable-sets-container {overflow-y: auto; height: 100%; margin: 0 10px;}
.usable-sets-container img {vertical-align: top;}
.usable-sets-table {width: 100%; border-collapse: collapse;}
.usable-sets-table td {vertical-align: top;}
.usable-sets-table__header {margin-bottom: 5px; font-size: 14px; font-weight: bold;}
.usable-sets {margin-bottom: 10px;}
.usable-sets .equip-set {}
.equip-set {position: relative; padding: 5px; box-sizing: border-box; background: url('/images/sand.gif') 50% 50%; border: 1px solid #db9f73; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.usable-sets .equip-set.active {border: 1px solid #caab88; background-image: url('/images/npc_container-bg.png');}
.equip-set + .equip-set {margin-top: 10px;}
.equip-set__title {margin-bottom: 10px; font-size: 12px; font-weight: bold;}
.usable-sets .equip-set.active .equip-set__title {color: #bc0000;}
.equip-set__arrow {display: inline-block; width: 24px; height: 24px; margin-top: 2px; background: url('/images/arrows-2.png'); cursor: pointer; vertical-align: top;}
.equip-set__arrow.disabled {cursor: default; filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); filter: gray; -webkit-filter: grayscale(100%);}
.equip-set__delete {position: absolute; top: 2px; right: 2px; width: 22px; height: 22px; background: url('/images/common-btn-reset_2.png'); cursor: pointer; vertical-align: top; background-size: 100% auto;}

.usable-sets__artifacts {margin: -2px;}
.usable-sets__artifact {display: inline-block; width: 60px; height: 60px; margin: 2px; vertical-align: top;}

.usable-sets .common-btn-1 {display: inline-block; padding: 0 0 0 14px; text-decoration: none; border: 0; background: url('/images/common-btn-1.png?r=1') 0 0 no-repeat; vertical-align: top;}
.usable-sets .common-btn-1__inner {display: inline-block; height: 30px; margin: 0; padding: 0 19px 0 5px; border: 0; font-weight: bold; font-size: 12px; line-height: 28px; color: #a91508; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff7c7; cursor: pointer; background: url('/images/common-btn-1.png?r=1') 100% -30px no-repeat; outline: 0;}
.usable-sets .common-btn-1:hover {background-position: 0 -60px;}
.usable-sets .common-btn-1:hover .common-btn-1__inner {background-position: 100% -90px;}
.usable-sets .common-btn-1:active, .common-btn-1_disabled {background-position: 0 -120px;}
.usable-sets .common-btn-1:active .common-btn-1__inner, .common-btn-1_disabled .common-btn-1__inner {background-position: 100% -150px;}

.usable-sets .common-btn-1.disabled {display: inline-block; padding: 0 0 0 14px; text-decoration: none; border: 0; background: url('/images/common-btn-1.png?r=1') 0 0 no-repeat; vertical-align: top; cursor: default; filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); filter: gray; -webkit-filter: grayscale(100%);}
.usable-sets .common-btn-1.disabled .common-btn-1__inner {display: inline-block; height: 30px; margin: 0; padding: 0 19px 0 5px; border: 0; font-weight: bold; font-size: 12px; line-height: 28px; color: #a91508; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff7c7; background: url('/images/common-btn-1.png?r=1') 100% -30px no-repeat; outline: 0; cursor: default;}


.usable-sets .common-btn-1.disabled:hover {}
.equip-set__arrow-up {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.equip-set__arrow-down {-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.equip-set__artifacts {min-height: 60px; margin: -2px -2px  8px -2px;}
.equip-set__artifact {position: relative; display: inline-block; margin: 2px; vertical-align: top;}
.artifact-alt__sets img {vertical-align: top;}
.artifact-alt__sets .artifact-alt__bottom-bg {background-position: 50% 0 !important;}

.usable-sets-container.equip-snaps #equip_snaps {margin: 0 0 10px;}
.equip-snaps select {margin: 10px 0;}
.equip-snaps .common-btn-1 {margin-bottom: 10px;}
.handlers-snaps-container #items_snaps {margin: 0 0 10px;}

.mygames-logo {vertical-align: top;}
.icon-rating {margin-bottom: 5px; vertical-align: top;}
.mygames-logo-w {display: none; vertical-align: top;}
.white-copy * {color: #fff;}
.white-copy .mygames-logo {display: none;}
.white-copy .mygames-logo-w {display: inline;}

.events-progress {position: relative; width: 438px; height: 198px; background: url('/images/events-progress-bg.png') 50% 50% no-repeat; font-weight: bold;}
.events-progress__title {position: absolute; top: 10px; left: 72px; width: 300px; padding: 0 10px; box-sizing: border-box; color: #bc0000; text-align: center;}
.events-progress__user-title {position: absolute; top: 42px; left: 72px; width: 300px; padding: 0 10px; box-sizing: border-box; font-size: 11px !important; text-align: center;}
.events-progress__user-cur {position: absolute; left: 55px; top: 92px; font-size: 11px !important; width: 45px; color: #042398; text-align: center;}
.events-progress__user-max {position: absolute; left: 341px; top: 92px; font-size: 11px !important; width: 45px; color: #bc0000; text-align: center;}
.events-progress__user-bg {position: absolute; left: 43px; top: 68px; height: 22px; background: url('/images/events-progress-bar.png') 0 50% no-repeat;}
.events-progress__user-line {position: absolute; top: 54px; width: 17px; height: 37px; background: url('/images/events-progress-line.png') 50% 50% no-repeat;}
.events-progress__total-title {position: absolute; top: 106px; left: 72px; width: 300px; padding: 0 10px; box-sizing: border-box; font-size: 11px !important; text-align: center;}
.events-progress__total-cur {position: absolute; left: 55px; top: 156px; font-size: 11px !important; width: 45px; color: #042398; text-align: center;}
.events-progress__total-max {position: absolute; left: 341px; top: 156px; font-size: 11px !important; width: 45px; color: #bc0000; text-align: center;}
.events-progress__total-bg {position: absolute; left: 43px; top: 132px; height: 22px; background: url('/images/events-progress-bar.png') 0 50% no-repeat;}
.events-progress__total-line {position: absolute; top: 118px; width: 17px; height: 37px; background: url('/images/events-progress-line.png') 50% 50% no-repeat;}

.events-progress.single {background-image: url('/images/events-progress-bg-single.png')}
.events-progress.single .events-progress__total-title {top: 72px;}
.events-progress.single .events-progress__total-cur {top: 122px;}
.events-progress.single .events-progress__total-max {top: 122px;}
.events-progress.single .events-progress__total-bg {top: 98px;}
.events-progress.single .events-progress__total-line {top: 84px;}

.events-progress + .events-progress {margin-top: 10px;}

.spells {position: relative; margin: 0 10px; background: url('/images/spells-bg-c.png') 0 0 repeat; text-align: center; line-height: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.spells-l {position: absolute; left: -10px;	top: 0; bottom: 0; width: 37px; background: url('/images/spells-bg-l.png') 0 0 repeat-y;}
.spells-r {position: absolute; right: -10px; top: 0; bottom: 0; width: 37px; background: url('/images/spells-bg-r.png') 100% 0 repeat-y;}
.spells .spell {position: relative; display: inline-block; width: 39px; height: 39px; margin: 3px 6px 2px; box-sizing: border-box; cursor: pointer; z-index: 2;}
.spells .spell .spell-bg {position: absolute; top: -12px; left: -12px; width: 63px; height: 63px; background: url('/images/spells-bg.png') 50% 0;}
.spells .spell.active .spell-bg {background-position: 50% 100%;}
.spells .spell .spell-inner {position: relative; width: 39px; height: 39px; margin: 0; border-radius: 100%; background-size: 45px; background-position: -2px -2px; cursor: pointer;}
.spells .spell-lvl {position: absolute; left: -3px; top: -3px;}

.common-progressbar {position: relative; width: 100%; max-width: 489px; height: 31px; padding: 6px 15px; background: url('/images/common-progressbar-bg.png') 0 0 no-repeat; box-sizing: border-box;}
.common-progressbar__fill {height: 19px; background: url('/images/common-progressbar-fill.png') 0 0 no-repeat;}
.common-progressbar__value {position: absolute; left: 50%; top: 50%; padding: 2px 2px; background: #ffe9bd; color: #d10101; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; line-height: 1;  -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.common-progressbar__w250 {width: 250px; height: 16px; padding: 3px 7px 3px 8px; background-image: url('/images/common-progressbar-bg-small.png');}
.common-progressbar__w250 .common-progressbar__fill {height: 10px; background-size: auto 100%; background-image: url('/images/common-progressbar-fill-small.png');}
.common-progressbar__w250 .common-progressbar__value { padding: 1px 2px; font-size: 10px;}

.glory-progressbar {position: relative; margin-bottom: 40px; background: url('/images/glory/glory-bg.png') 50% 50% no-repeat; width: 238px; height: 238px; -moz-user-select: none; -webkit-user-select: none; user-select: none;}
.glory-progressbar svg {position: absolute; left: 11px; top: 3px;}
.glory-progressbar__rank {position: absolute; top: 72px; left: 0; width: 100%; text-align: center;}
.glory-progressbar__rank img {display: inline-block; margin: 0 -3px; vertical-align: top;}
.glory-progressbar__rank img.glory-progressbar__rank-1 {margin: 0 -6px;}
.glory-progressbar__rank.glory-progressbar__rank-less10 img.glory-progressbar__rank-4 {margin: 0 -3px 0 -10px;}
.glory-progressbar__rank-glory {position: absolute; top: 148px; left: 50%; font-size: 14px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #f6c344;}
.glory-progressbar__rank-glory span {color: #f6c344; font-size: 14px;}
.glory-progressbar__sword {position: absolute; top: 170px; left: 103px; width: 32px; height: 92px; background: url('/images/glory/glory-sword.png') 50% 50% no-repeat;}
.glory-progressbar .glory-info-link {position: absolute; right: 0; width: 2px; height: 30px; padding-right: 15px; background: url('/images/common-btn-1.png?r=1') 100% -30px no-repeat; font-weight: bold; font-size: 12px; line-height: 28px; color: #a91508; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff7c7; z-index: 2;}
.glory-progressbar .glory-info-link:before {position: absolute; left: -13px; top: 0; width: 13px; height: 30px; content: ''; background: url('/images/common-btn-1.png?r=1') 0 0 no-repeat; right: 0; z-index: 2;}
.glory-progressbar .glory-info-link:hover {background-position: 100% -90px;}
.glory-progressbar .glory-info-link:hover:before {background-position: 0 -60px;}

.glory-nextlevel {text-align: center;}
.glory-nextlevel-num {display: inline-block; width: 46px; height: 46px; margin: 9px; background: url('/images/glory/nextlevel-bg.png') 50% 50% no-repeat; color: #f6d44c; font-size: 20px; line-height: 44px;}
.glory-nextlevel-items {padding: 8px 10px 12px; background: #edc8a3; font-size: 0;}
.glory-nextlevel-items-header {margin-bottom: 4px; color: #62463b; font-size: 10px; font-weight: bold;}
.glory-nextlevel-items a {display: inline-block; width: 40px; height: 40px; margin: 4px 8px; vertical-align: top;}
.glory-nextlevel-items a img {width: 40px; height: 40px;}

.bp-progressbar {height: 29px;}
.bp-progressbar .b-progress-bar__bg,
.bp-progressbar .b-progress-bar__bg-bright {background-image: url("../images/progressbar/progress-bar-2-bg.png?r=2"); height: 27px;}
.bp-progressbar .b-progress-bar__bg {background-position: 0 -54px; margin: 2px 5px 0 5px; }
.bp-progressbar .b-progress-bar__bg-bright {background-position: 0 -27px; float: left;}
.bp-progressbar .b-progress-bar__border {height: 29px;}
.bp-progressbar .b-progress-bar__border-l,
.bp-progressbar .b-progress-bar__border-r,
.bp-progressbar .b-progress-bar__border-c {background: url("../images/progressbar/progress-bar-2-border.png") no-repeat;}
.bp-progressbar .b-progress-bar__border-l,
.bp-progressbar .b-progress-bar__border-r {position: absolute; top: 0;}
.bp-progressbar .b-progress-bar__border-l {left: 0; width: 20px;}
.bp-progressbar .b-progress-bar__border-r {background-position: 0 -29px; right: 0; width: 20px;}
.bp-progressbar .b-progress-bar__border-c {background-position: 0 -58px; background-repeat: repeat-x; margin: 0 20px;}
.bp-progressbar .b-progress-bar__text {font-size: 11px; line-height: 28px; color: #FFF; font-weight: bold; text-shadow: 0 0 8px black, 0 0 3px black, 1px 1px 0 black, -1px -1px 0 black, -1px -1px 0 black, 1px -1px 0 black;}