* {margin:0; padding:0;}

html, body {border:0 none;}
body {background:#000 url("/images/fon_bg.jpg"); color:#4a3825; font-size:12px; font-family:Tahoma, Arial, sans-serif;}

a {color:#4a3825; text-decoration:underline;}
a:hover {text-decoration:none;}

img {border:0 none;}

button {font-family:Tahoma, Arial, sans-serif;}

.wrapper {min-width:995px; overflow:hidden; padding:20px 0; width:100%;}

.container {margin:0 auto; width:996px;}

.outer-row-t {height:114px; overflow:hidden; width:100%;}
.outer-row-t div {height:114px;}
.outer-row-t .l {background:url("/images/outer_lt.gif") no-repeat; float:left; width:114px;}
.outer-row-t .r {background:url("/images/outer_rt.gif") no-repeat; float:right; width:114px;}
.outer-row-t .ce {background:url("/images/outer_top.gif") center bottom repeat-x; margin:0 114px;}

.outer-row-b {height:114px; overflow:hidden;}
.outer-row-b div {height:114px;}
.outer-row-b .l {background:url("/images/outer_lb.gif") no-repeat; float:left; width:114px;}
.outer-row-b .r {background:url("/images/outer_rb.gif") no-repeat; float:right; width:114px;}
.outer-row-b .ce {background:url("/images/outer_bottom.gif") center bottom repeat-x; margin:0 114px;}

.outer {position:relative;}
.outer .outer-l {background:url("/images/outer_l.gif") right 0 repeat-y; width:114px; position:absolute; bottom:0px; left:0px; top:0px;}
.outer .outer-r {background:url("/images/outer_r.gif") left 9px repeat-y; margin-left:-114px; width:114px; position:absolute; bottom:0px; left:100%; top:0px;}
.outer .decor {position:absolute; height:271px; width:235px; z-index:50;}
.outer .decor-lt {background:url("/images/outer_decor_lt.gif") no-repeat; left:-65px; top:-137px;}
.outer .decor-rt {background:url("/images/outer_decor_rt.gif") no-repeat; left:100%; margin-left:-170px; top:-137px;}
.outer .decor-lb {background:url("/images/outer_decor_lb.gif") no-repeat; left:-65px; margin-top:-140px; top:100%;}
.outer .decor-rb {background:url("/images/outer_decor_rb.gif") no-repeat; left:100%; margin:-140px 0 0 -170px; top:100%;}
.outer .decor-t {background:url("/images/outer_decor_top.gif") no-repeat; height:113px; left:50%; margin-left:-202px; top:-100px; width:404px;}
.outer .decor-t-alt {background:url("/images/outer_decor_top_alt.gif") no-repeat; height:78px; left:50%; margin-left:-22px; top:-70px; width:404px;}
.outer .decor-t-clan {background:url("/images/outer_decor_top_clan.gif") no-repeat; height:95px; left:50%; margin-left:-202px; top:-91px; width:404px; z-index: 350;}
.outer .decor-t-legendary {background:url("/images/outer_decor_top_legendary.gif") no-repeat; height:89px; left:50%; margin-left:-202px; top:-92px; width:404px; z-index: 350;}
.outer .decor-b {background:url("/images/outer_decor_bottom.gif") no-repeat; height:153px; left:50%; margin: 0 0 0 -202px; top:100%; width:404px; z-index:1;}
.outer .game-logo {left: 50%; margin-left: 52px; position: absolute; top: -60px; z-index: 800;}
.outer .game-server {left: 50%; margin-left: 296px; position: absolute; top: -62px; z-index: 800;}
.outer .game-logo-c {left: 50%; margin-left: -129px; position: absolute; top: -90px; z-index: 800;}
.outer .game-server-c {left: 50%; margin-left: 118px; position: absolute; top: -92px; z-index: 800;}
.outer .game-clan {height: 116px; left: 100%; margin-left: -225px; position: absolute; top: -102px; width: 117px; z-index: 1000;}
.outer .game-clan .img { margin: 5px 0 0 7px; }
.outer .game-clan .f {background: url("/images/circle_pad_1.png") no-repeat; height: 116px; left: 0; position: absolute; top: 0; width: 117px;}
.outer .game-clan .t {background-repeat: no-repeat; height: 16px; left: 50%; margin-left: -31px; position: absolute; top: 87px; width: 62px;}
.outer .game-faction {height: 116px; left: 108px; position: absolute; top: -102px; width: 117px; z-index: 1000;}
.outer .game-faction .img { margin: 6px 0 0 6px; }
.outer .game-faction .f {background: url("/images/circle_pad_1.png") no-repeat; height: 116px; left: 0; position: absolute; top: 0; width: 117px;}
.outer .game-faction .t {background-repeat: no-repeat; height: 16px; left: 50%; margin-left: -31px; position: absolute; top: 87px; width: 62px;}
.outer .clan-title {color: #ffaa49; font-size: 14px; font-weight: bold; left: 50%; margin-left: -140px; position: absolute; text-align: center; top: -30px; width: 280px; z-index: 1000;}

.outer-cont {background:#0f0f0f; margin:0 114px;}

/* outer-2 */
.outer-2-row-t {height:114px; overflow:hidden; width:100%;}
.outer-2-row-t div {height:114px;}
.outer-2-row-t .l {background:url("/images/outer_lt.gif") no-repeat; float:left; width:114px;}
.outer-2-row-t .r {background:url("/images/outer_rt.gif") no-repeat; float:right; width:114px;}
.outer-2-row-t .ce {background:url("/images/outer_2_top.gif") center bottom repeat-x; margin:0 44px;}

.outer-2-row-b {height:114px; overflow:hidden;}
.outer-2-row-b div {height:114px;}
.outer-2-row-b .l {background:url("/images/outer_lb.gif") no-repeat; float:left; width:114px;}
.outer-2-row-b .r {background:url("/images/outer_rb.gif") no-repeat; float:right; width:114px;}
.outer-2-row-b .ce {background:url("/images/outer_2_bottom.gif") center bottom repeat-x; margin:0 44px;}

.outer-2 {position:relative;}
.outer-2 .outer-l {background:url("/images/outer_2_l.gif") right 0 repeat-y; width:114px; position:absolute; bottom:0px; left:0px; top:0px;}
.outer-2 .outer-r {background:url("/images/outer_2_r.gif") left 9px repeat-y; margin-left:-114px; width:114px; position:absolute; bottom:0px; left:100%; top:0px;}
.outer-2 .decor {position:absolute; height:271px; width:235px; z-index:50;}
.outer-2 .decor-lt {background:url("/images/outer_decor_lt.gif") no-repeat; left:-100px; top:-137px;}
.outer-2 .decor-rt {background:url("/images/outer_decor_rt.gif") no-repeat; left:100%; margin-left:-135px; top:-137px;}
.outer-2 .decor-lb {background:url("/images/outer_decor_lb.gif") no-repeat; left:-65px; margin-top:-140px; top:100%;}
.outer-2 .decor-rb {background:url("/images/outer_decor_rb.gif") no-repeat; left:100%; margin:-140px 0 0 -170px; top:100%;}
.outer-2 .decor-t {background:url("/images/outer_decor_top.gif") no-repeat; height:113px; left:50%; margin-left:-202px; top:-100px; width:404px;}
.outer-2 .decor-t-alt {background:url("/images/outer_decor_top_alt.gif") no-repeat; height:78px; left:50%; margin-left:-22px; top:-70px; width:404px;}
.outer-2 .decor-b {background:url("/images/outer_decor_bottom.gif") no-repeat; height:153px; left:50%; margin:-8px 0 0 -202px; top:100%; width:404px; z-index:500;}
.outer-2 .game-logo {left: 50%; margin-left: 52px; position: absolute; top: -60px; z-index: 80;}

.outer-2-cont {margin: 0 96px;}
/* end outer-2 */

.inner-row-t {height:65px; overflow:hidden; position:absolute; left:0px; top:0px; width:100%;}
.inner-row-t div {background:url("/images/inner_corners.gif") no-repeat; height:65px; width:63px;}
.inner-row-t .l {float:left;}
.inner-row-t .r {background-position:-100px 0; float:right;}
.inner-row-t .ce {background:url("/images/inner_tb.gif") repeat-x; margin:0 63px; width:auto;}

.inner-row-b {height:62px; overflow:hidden; position:absolute; left:0px; margin-top:-63px; top:100%; width:100%;}
.inner-row-b div {background:url("/images/inner_corners.gif") no-repeat; height:62px; width:63px;}
.inner-row-b .l {background-position:0 -100px; float:left;}
.inner-row-b .r {background-position:-100px -100px; float:right;}
.inner-row-b .ce {background:url("/images/inner_tb.gif") 0 -100px repeat-x; margin:0 63px; width:auto;}

.inner {background:url("/images/inner_bg.gif"); margin-bottom:-12px; position:relative; top:-12px; z-index:200;}
.inner .inner-l {background:url("/images/inner_sides.gif") top left repeat-y; bottom:0px; left:0px; position:absolute; top:0px; width:63px;}
.inner .inner-r {background:url("/images/inner_sides.gif") top right repeat-y; bottom:0px; left:100%; margin-left:-63px; position:absolute; top:0px; width:63px;}

.inner .inner-decor {overflow:hidden; position:absolute; z-index:100;}
.inner .inner-decor-lt {background:url("/images/inner_decor_lt.png") no-repeat; height:110px; left:-6px; top:-36px; width:50px;}
.inner .inner-decor-rt {background:url("/images/inner_decor_rt.png") no-repeat; height:110px; left:100%; margin-left:-44px; top:-36px; width:50px;}
.inner .inner-decor-lb {background:url("/images/common_block_decor_lb.png") no-repeat; height:73px; left:-7px; margin-top:-65px; top:100%; width:34px;}
.inner .inner-decor-rb {background:url("/images/common_block_decor_rb.png") no-repeat; height:73px; left:100%; margin:-65px 0 0 -27px; top:100%; width:34px;}

.inner-cont {padding:2px 24px 12px 24px;}

/* inner type 2 */
.inner-2-row-t {height:65px; overflow:hidden; position:absolute; left:0px; top:0px; width:100%;}
.inner-2-row-t div {background:url("/images/inner_2_corners.gif") no-repeat; height:65px; width:63px;}
.inner-2-row-t .l {float:left;}
.inner-2-row-t .r {background-position:-100px 0; float:right;}
.inner-2-row-t .ce {background:url("/images/inner_2_tb.gif") repeat-x; margin:0 63px; width:auto;}

.inner-2-row-b {height:62px; overflow:hidden; position:absolute; left:0px; margin-top:-63px; top:100%; width:100%;}
.inner-2-row-b div {background:url("/images/inner_2_corners.gif") no-repeat; height:62px; width:63px;}
.inner-2-row-b .l {background-position:0 -100px; float:left;}
.inner-2-row-b .r {background-position:-100px -100px; float:right;}
.inner-2-row-b .ce {background:url("/images/inner_2_tb.gif") 0 -100px repeat-x; margin:0 63px; width:auto;}

.inner-2 {background:url("/images/inner_2_bg.gif"); margin-bottom:-12px; position:relative; top:-12px; z-index:200;}
.inner-2 .inner-l {background:url("/images/inner_2_sides.gif") left repeat-y; bottom:0px; left:0px; position:absolute; top:0px; width:63px;}
.inner-2 .inner-r {background:url("/images/inner_2_sides.gif") right repeat-y; bottom:0px; left:100%; margin-left:-63px; position:absolute; top:0px; width:63px;}

.inner-2 .inner-decor {overflow:hidden; position:absolute; z-index:100;}
.inner-2 .inner-decor-lt {background:url("/images/inner_decor_lt.png") no-repeat; height:110px; left:-6px; top:-36px; width:50px;}
.inner-2 .inner-decor-rt {background:url("/images/inner_decor_rt.png") no-repeat; height:110px; left:100%; margin-left:-44px; top:-36px; width:50px;}
.inner-2 .inner-decor-lb {background:url("/images/common_block_decor_lb.png") no-repeat; height:73px; left:-7px; margin-top:-65px; top:100%; width:34px;}
.inner-2 .inner-decor-rb {background:url("/images/common_block_decor_rb.png") no-repeat; height:73px; left:100%; margin:-65px 0 0 -27px; top:100%; width:34px;}
/* end inner type 2 */

.column-left {float:left; width:360px;}
.column-right {float:right; width:360px;}
.column-wide {clear:both;}

.tabs-2 {width:385px;}

.common-tabs {margin:0 auto -10px auto; overflow:hidden;}
.common-tabs ul {list-style-type:none; text-align: center;}
.common-tabs li {font-size:11px; font-weight:bold; display: inline-block; vertical-align: top;}
.common-tabs li a {color:#eea246; display: block; outline: none; margin: 0 -2px; padding: 6px 0; text-align: center; text-decoration:none; text-shadow: 1px 1px 0 #000; white-space: nowrap; zoom: 1;}
.common-tabs li .bg {background:url("/images/tabs.gif") no-repeat;}
.common-tabs li.active a {color:#ffbf2b;}

.common-tabs li .bg-l {background-position:0 -180px; height:29px; padding-left:27px;}
.common-tabs li .bg-r {background-position:100% -210px; height:29px; padding-right:27px;}
.common-tabs li .bg-c {background-position:0 -270px; height:29px; background-repeat:repeat-x;}

.common-tabs li:first-child .bg-l {background-position:0 -60px; padding-left:34px;}
.common-tabs li:first-child .bg-r {background-position:100% -210px; padding-right:27px;}
.common-tabs li:first-child .bg-c {background-position:0 -270px; background-repeat:repeat-x;}

.common-tabs li:last-child .bg-l {background-position:0 -180px;padding-left:27px;}
.common-tabs li:last-child .bg-r {background-position:100% -90px; padding-right:34px;}
.common-tabs li:last-child .bg-c {background-position:0 -270px; background-repeat:repeat-x;}

.common-tabs li.active .bg-l {background-position:0 -120px; padding-left:27px;}
.common-tabs li.active .bg-r {background-position:100% -150px; padding-right:27px;}
.common-tabs li.active .bg-c {background-position:0 -240px; background-repeat:repeat-x;}

.common-tabs li.active:first-child .bg-l {background-position:0 0; padding-left:34px;}
.common-tabs li.active:first-child .bg-r {background-position:100% -150px; padding-right:27px;}
.common-tabs li.active:first-child .bg-c {background-position:0 -240px; background-repeat:repeat-x;}

.common-tabs li.active:last-child .bg-l {background-position:0 -120px;padding-left:27px;}
.common-tabs li.active:last-child .bg-r {background-position:100% -30px; padding-right:34px;}
.common-tabs li.active:last-child .bg-c {background-position:0 -240px; background-repeat:repeat-x;}

.common-tabs li.disabled  a {color: #5f503b;}
.common-tabs li.disabled .bg-l {background-position:0 -300px; padding-left:34px;}
.common-tabs li.disabled .bg-r {background-position:100% -330px; padding-right:34px;}
.common-tabs li.disabled .bg-c {background-position:0 -360px; background-repeat:repeat-x;}

.common-block {position:relative; z-index: 100; padding: 11px 0;}
.common-block h2 {background:url("/images/header_1.gif") 100% 0 no-repeat; font-size:11px; padding:0 20px 0 0; text-align:center; height: 24px; line-height: 22px; text-shadow: 1px 1px 0 #ffdc93;}
.common-block h3 {background:url("/images/header_1.gif") 100% 0 no-repeat; font-size:11px; padding:0 20px 0 0; text-align:center; height: 24px; line-height: 22px; text-shadow: 1px 1px 0 #ffdc93;}
.common-block .header {background:url("/images/header_1.gif") no-repeat; clear:both; height:24px; padding-left:20px;}
.common-block .header span {float: left; background: url("/images/header_1_sep.png") 0 2px no-repeat; font-size: 10px; padding: 0 12px; text-align: left; white-space: nowrap; overflow: hidden;}
.common-block .header span b {color: #870000;}
.common-block .header span:first-child {background: none; padding-left: 0;}
.common-block .bg-top {background:url("/images/border_1_top.png") repeat-x; height:11px; font-size:0; overflow:hidden; width: 100%; position: absolute; top: -11px; left: 0;}
.common-block .bg-bottom {background:url("/images/border_1_bottom.png") repeat-x; height:17px; font-size:0; overflow:hidden; width: 100%; position: absolute; top: 100%; left: 0;}
.common-block .bg-left {background:url("/images/border_1_left.png") repeat-y; bottom:0px; width:13px; left:-13px; position:absolute; top:0px;}
.common-block .bg-right {background:url("/images/border_1_right.png") repeat-y; bottom:0px; width:11px; left:100%; position:absolute; top:0px;}
.common-block .bg {background:url("/images/common_block.gif"); position:relative;}
.common-block .in-bg-top {background:url("/images/common_top.gif") 12px 0 repeat-x;}
.common-block .in-bg-bottom {background:url("/images/common_bottom.gif") 12px bottom repeat-x;}
.common-block .in-bg-left {background:url("/images/common_left.gif") 0 0 repeat-y;}
.common-block .in-bg-right {background:url("/images/common_right.gif") 100% 0 repeat-y;}
.common-block .table table {border:1px solid #d4ad79; table-layout: fixed;}
.common-block .table td {padding:2px 5px 2px 5px;}
.common-block .table td:first-child {padding-left:19px;}
.common-block .table td.val {width:auto; color:#910000; text-align: right;}
.common-block .table td.wide {width:152px;}
.common-block .table td.nobr {white-space: nowrap; width: auto;}
.common-block .table td .scrollable {overflow: hidden; width: 100%;}
.common-block .table tr.bg-1 td {background:#ffe89f;}
.common-block .table tr.bg-3 td {background:#e9b162;}
.common-block .pad-1 {padding:18px 16px 16px 16px}
.common-block .pad-2 {padding:8px 16px 18px 16px}
.common-block .pad-3 {padding: 16px;}
.common-block .pad-4 {padding:4px 16px 18px 16px}
.common-block .pad-5 {padding:10px 16px 4px;}
.common-block.common-red  h2 {background:url("/images/header_2.gif") 100% 0 no-repeat; font-size:11px; padding:0 20px 0 0; text-align:center; height: 24px; line-height: 22px;}
.common-block.common-red .header {background:url("/images/header_2.gif") no-repeat; clear:both; height:24px; padding-left:20px; color: #eea246; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}
.common-block.common-red .bg {background: #380000;}
.common-block.common-red .in-bg-top {background:url("/images/common_red_top.png") 12px 0 repeat-x;}
.common-block.common-red .in-bg-bottom {background:url("/images/common_red_bottom.png") 12px bottom repeat-x;}
.common-block.common-red .in-bg-left {background:url("/images/common_red_left.png") 0 0 repeat-y;}
.common-block.common-red .in-bg-right {background:url("/images/common_red_right.png") 100% 0 repeat-y;}
.common-block.common-red .text {position: relative;}

.common-block .flash-loc {padding: 8px 0; text-align: center;}

.common-block .split-two-col {overflow: hidden; zoom: 1;}
.common-block .split-two-col .c-left {float: left; width: 182px;}
.common-block .split-two-col .c-left .active {background: #ad0004 url('/images/header_red.gif') 0 0 no-repeat; color: #ffbf2b;}
.common-block .split-two-col .c-left .header h2 {background: url('/images/header_1_sep.png') 100% 50% no-repeat;}
.common-block .split-two-col .c-left .image {margin: 8px 8px 0 auto; }
.common-block .split-two-col .c-right {float: right; width: 178px;}
.common-block .split-two-col .c-right .header {background-position: 100% 0;}
.common-block .split-two-col .c-right .active {background: #ad0004 url('/images/header_red.gif') 100% -24px no-repeat; color: #ffbf2b;}
.common-block .split-two-col .c-right .image {margin: 8px auto 0 6px;}
.common-block .split-two-col .image {position: relative; width: 150px;}
.common-block .split-two-col .image .f {background: url('/images/frame_1.gif') no-repeat; height: 160px; left: -5px; position: absolute; top: -5px; width: 160px;}
.common-block .split-two-col .image .t {padding-top: 8px; text-align: center;}
.common-block .split-two-col .image .t a {font-size: 11px;}
.common-block .split-two-col .head-tab {display: block; font-size:11px; padding:5px 20px 6px; text-align: center; text-decoration: none; outline: none;}

.common-block .professions {list-style: none; padding-top: 4px; font-size: 0; line-height: 0; zoom: 1;}
.common-block .professions li {height: 74px; margin: 10px 0 0 12px; position: relative; width: 391px; font-size: 12px; line-height: normal;}
.common-block .professions li:first-child {margin-top: 0;}
.common-block .professions li.add {width: 396px;}
.common-block .professions li .prof-bg {background: url("/images/user_info_prof.png") no-repeat; height: 77px; width: 391px; position: absolute; left: 0; top: 0;}
.common-block .professions li.act .prof-bg {background: url("/images/user_info_prof_act.png") no-repeat;}
.common-block .professions li.add .prof-bg {background: url("/images/user_info_prof_add.png") no-repeat;}
.common-block .professions li .prof-icon {position: absolute; left: 5px; top: 8px;}
.common-block .professions li .current-skill {position: absolute; left: 70px; top: 59px; width: 150px; color: #ffef9b; font-size: 10px; text-shadow: 1px 1px 0 #000;}
.common-block .professions li .prof-gremlins {background: url("../images/user_info_prof_gremlins.png") no-repeat; height: 74px; width: 167px; float: right; position: relative; padding: 9px 0 0 4px; z-index: 5;}
.common-block .professions li.act .prof-gremlins {background: url("../images/user_info_prof_gremlins_act.png") no-repeat;}
.common-block .professions li.add .prof-gremlins {margin-right: 5px; background: url("../images/user_info_prof_gremlins_act.png") no-repeat;}
.common-block .professions li .prof-gremlins span {float: left; display: inline; margin: 0 0 0 3px; width: 50px;}
.common-block .professions li .prof-gremlins span b {color: #ffef9b; font-size: 10px; font-weight: normal; display: block; text-align: center; text-shadow: 1px 1px 0 #000;}
.common-block .professions li .prof-title {font-size: 12px; font-weight: bold; margin-left: 70px; position: relative;}
.common-block .professions li.add .prof-title {margin-left: 25px;}
.common-block .professions li .prof-title i {display: inline-block; height: 68px; width: 1px; overflow: hidden; vertical-align: middle;}
.common-block .professions li .prof-title span {display: inline-block; text-shadow: 1px 1px 0 #ffd394; vertical-align: middle; width: 140px;}
.common-block .professions li.add .prof-title span {width: 185px;}
.common-block .professions li .prof {}

.common-block .mounts {list-style: none; padding: 4px 0 0 15px;}
.common-block .mounts li {height: 74px; position: relative; width: 346px; font-size: 12px;}
.common-block .mounts li .mount-bg {background: url("/images/user_info_pet.png") no-repeat; height: 74px; width: 346px; position: absolute; left: 0; top: 0;}
.common-block .mounts li .mount-icon {position: absolute; left: 6px; top: 11px;}
.common-block .mounts li .mount-title {position: absolute; z-index: 1; top: 10px; left: 70px; width: 220px; height: 23px; padding: 0 40px 0 0; font-size: 12px; font-weight: bold; line-height: 23px;}
.common-block .mounts li .mount-title .mount-ico {position: absolute; top: 3px; right: 3px; width: 40px; height: 16px; text-align: right;}
.common-block .mounts li .mount-stats {position: absolute; z-index: 1; top: 34px; left: 65px; width: 270px;}
.common-block .mounts li .mount-stats table {border-spacing: 0; border: 0; border-collapse: collapse;}
.common-block .mounts li .mount-stats td {height: 15px; font-size: 10px; color: #FFEF9B; text-shadow: 1px 1px #000; padding-top: 1px; padding-right: 5px;}
.common-block .mounts li .mount-stats td a {color: #FFEF9B; text-decoration: none; }
.common-block .mounts li .mount-stats td .corn_title {margin-right: 5px;}
.common-block .mounts li .mount-stats td.divider {padding:0 2px 0 7px; background: url("/images/user_info_pet_divider.png") 0 2px no-repeat;}

.common-block .mounts li.act .mount-bg {background: url("/images/user_info_pet_act.png") no-repeat;}
.common-block .mounts li.act .mount-stats td.divider {background: url("/images/user_info_pet_act_divider.png") 0 2px no-repeat;}

.common-block .mount-image {width: 219px; margin: 10px auto 0;}
.common-block .mount-image .common-red-header {margin: 0 5px -6px;}
.common-block .mount-image .p-image {position: relative; width: 215px; height: 200px; margin: 0 auto;}
.common-block .mount-image .p-image img {width: 215px; height: 200px;}
.common-block .mount-image .p-frame {position: absolute; z-index: 1; top: -3px; left: -3px; width: 219px; height: 206px; background: url("../images/frame_6.png") 0 0 no-repeat;}

.common-block .mount-info {width: 260px; margin: 10px auto 0;}

.common-block .achievment {}
.common-block .achievment .top {padding: 5px 0;}

.common-block .achievment .bar-cont {width: 303px; margin: 0 auto; padding: 7px 0 0;}
.common-block .achievment .bar-cont .left {float: left; font-size: 18px; color: #800003;}
.common-block .achievment .bar-cont .right {float: right; font-size: 18px; color: #800003;}
.common-block .achievment .bar-cont .bar {clear: both; position: relative; height: 23px; text-align: left; background: url('/images/large_bar_grey.png') 0 0 no-repeat;}
.common-block .achievment .bar-cont .bar .bar-inner {height: 23px; background: url('/images/large_bar_yellow.png') 0 0 no-repeat;}
.common-block .achievment .bar-cont .bar .bar-text {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 23px; line-height: 23px; text-align: center; font-size: 14px; text-shadow: 1px 1px 0 #4d3420, -1px -1px 0 #4d3420, -1px 1px 0 #4d3420, 1px -1px 0 #4d3420; color: #ffbf2b;}

.common-block .achievment .slots {font-size: 0; line-height: 0; letter-spacing: -1px; text-align: center;}
.common-block .achievment .slots .slot {display: inline-block; position: relative; width: 48px; height: 48px; padding: 5px; margin: 0 -4px; font-size: 11px; line-height: normal; letter-spacing: normal;}
.common-block .achievment .slots .slot-frame {display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 58px; height: 58px; background: url('/images/ramka_2.png') 0 0 no-repeat;}
.common-block .achievment .slots .slot-bg {display: block; width: 48px; height: 48px; background: url('/images/inner_bg.jpg');}
.common-block .achievment .no-slots {padding: 17px 0 0; text-align: center;}

.common-block .achievment .stats-list {list-style: none;}
.common-block .achievment .stats-list li {background:url("/images/header_1.gif") 0 0 no-repeat; height:24px; font-size:11px; vertical-align: top;}
.common-block .achievment .stats-list li div {position: relative; z-index: 1; clear: both; height:23px; line-height: 24px; padding: 0 10px 0 20px; background:url("/images/header_1_sep.png") 100% 2px no-repeat;}
.common-block .achievment .stats-list li div .left {float: left; font-weight: bold; text-shadow: 1px 1px 0 #ffcf85;}
.common-block .achievment .stats-list li div .right {float: right; font-weight: bold; text-align: right; text-shadow: 1px 1px 0 #ffcf85;}
.common-block .achievment .stats-list li .arrow {display: none; position: absolute; right: -14px; top: 0; width: 14px; height: 24px; background: url('/images/header_red_arrow.png') 0 0 no-repeat;}
.common-block .achievment .stats-list li.active,
.common-block .achievment .stats-list li.active:hover {background:url("/images/header_red_full.gif") 0 0 repeat-x; color: #FFBF2B;}
.common-block .achievment .stats-list li.active div {background: none;}
.common-block .achievment .stats-list li.active div .left,
.common-block .achievment .stats-list li.active div .right {text-shadow: 1px 1px 0 #540000, -1px -1px 0 #540000, -1px 1px 0 #540000, 1px -1px 0 #540000;}
.common-block .achievment .stats-list li.active div .right .red {color: #FFBF2B;}
.common-block .achievment .stats-list li.active .arrow {display: block;}
.common-block .achievment .stats-list li:hover {cursor: pointer; background-image: url("/images/header_1_light.gif");}

.common-block .achievment .achiev-list {list-style: none; width: 300px; margin: 0 auto;}
.common-block .achievment .achiev-list li {float: left; width: 47px; height: 47px; margin: 1px; background: url('/images/slot_item_47.gif') 0 0 no-repeat;}
.common-block .achievment .achiev-list li a {cursor: pointer;}

.common-block .achievment .no-achiev {padding: 10px 0; text-align: center;}

.common-block .prev {background:url("/images/scroll_left.png") no-repeat; height:51px; left:-15px; overflow:hidden; position:absolute; top:14px; width:17px; z-index:500;}
.common-block .next {background:url("/images/scroll_right.png") no-repeat; height:51px; left:100%; margin-left:-2px; overflow:hidden; position:absolute; top:14px; width:17px; z-index:500;}
.common-block .prev a,
.common-block .next a {display:block; height:100%; text-indent:-9999px;}

.common-block .total {background:url("/images/header_1.gif") no-repeat; clear:both; font-weight:bold; height:24px; padding-left:20px;}
.common-block .total div {background:url("/images/header_1.gif") right 0 no-repeat; font-size:12px; padding:5px 20px 6px 0; text-align:center;}
.common-block .total span {color:#830000;}

.common-block .decor {position:absolute; height:73px; overflow:hidden; width:34px; z-index:350;}
.common-block .decor-lt {background:url("/images/common_block_decor_lt.png") no-repeat; left:-14px; top:-10px;}
.common-block .decor-rt {background:url("/images/common_block_decor_rt.png") no-repeat; left:100%; margin-left:-20px; top:-10px;}
.common-block .decor-lb {background:url("/images/common_block_decor_lb.png") no-repeat; left:-14px; margin-top:-58px; top:100%;}
.common-block .decor-rb {background:url("/images/common_block_decor_rb.png") no-repeat; left:100%; margin:-58px 0 0 -20px; top:100%;}

.marital-status {position: relative; z-index: 5; zoom: 1;}
.marital-status td {font-size: 11px;}
.marital-status .avatar {height: 97px; width: 94px; position: absolute; right: -10px; top: -14px;}
.marital-status .avatar .f {background: url("/images/user_info_married_frame.png") no-repeat; height: 97px; width: 94px; position: absolute; left: 0; top: 0;}
.marital-status .avatar img {display: block; margin: 14px 0 0 18px; height: 60px; width: 60px;}
.marital-status .ring {position: absolute; left: 18px; top: 10px; height: 50px; width: 50px; z-index: 10;}
.marital-status .ring .f {background: url("/images/ramka_2.png") no-repeat; position: absolute; left: -4px; top: -4px; height: 58px; width: 58px;}
.marital-status .ring img {}
.marital-status .table td {padding: 4px 50px 4px 12px;}

.items-list {padding: 4px 26px 20px; position: relative; z-index: 1500;}
.items-list ul {list-style: none; margin: 0 -8px -4px 0; line-height: 0; font-size: 0; letter-spacing: 0;}
.items-list li {background:url("/images/slot_item.gif") no-repeat; display: inline-block; height: 52px; margin: 0 4px 4px 0; position: relative; width: 52px; z-index: 50; font-size: 12px; line-height: normal; letter-spacing: normal;  //display: inline; //zoom: 1;}
.items-list li img {margin: 1px;}

.alt {position: absolute; background: url("/images/common_block.gif"); display: none; min-width: 200px; max-width: 240px; z-index: 1000;}
.alt .a {position: absolute;}
.alt .lt {background: url("/images/alt-item-lt.png") no-repeat; height: 6px; left: -6px; top: -6px; width: 6px;}
.alt .rt {background: url("/images/alt-item-rt.png") no-repeat; height: 6px; left: 100%; top: -6px; width: 6px;}
.alt .lb {background: url("/images/alt-item-lb.png") no-repeat; height: 6px; left: -6px; top: 100%; width: 6px;}
.alt .rb {background: url("/images/alt-item-rb.png") no-repeat; height: 9px; left: 100%; top: 100%; width: 6px;}
.alt .l {background: url("/images/alt-item-l.png") repeat-y; height: 100%; left: -6px; top: 0; width: 6px;}
.alt .r {background: url("/images/alt-item-r.png") repeat-y; height: 100%; left: 100%; top: 0; width: 6px;}
.alt .t {background: url("/images/alt-item-t.png") repeat-x; height: 6px; left: 0; top: -6px; width: 100%;}
.alt .b {background: url("/images/alt-item-b.png") repeat-x; height: 9px; left: 0; top: 100%; width: 100%;}
.alt .exp {background: url("/images/lifetime.png") 2px 2px no-repeat; padding-left: 16px;}
.alt .note {overflow: hidden; width: 100%;}

.common-alt {display: none; position: absolute; z-index: 10000; max-width: 300px;}
.common-alt table {border-collapse: collapse; border: 0 none;}
.common-alt table td {border: 0 none;}
.common-alt table td.lt,
.common-alt table td.rt,
.common-alt table td.lb,
.common-alt table td.rb {height: 6px; width: 6px; font-size: 0; line-height: 0;}
.common-alt table td.lt {background: url("/images/alt-item-lt.png") no-repeat;}
.common-alt table td.lb {background: url("/images/alt-item-lb.png") no-repeat;}
.common-alt table td.rt {background: url("/images/alt-item-rt.png") no-repeat;}
.common-alt table td.rb {background: url("/images/alt-item-rb.png") no-repeat;}
.common-alt table td.l,
.common-alt table td.r {width: 6px; font-size: 0; line-height: 0;}
.common-alt table td.t,
.common-alt table td.b {height: 6px; font-size: 0; line-height: 0;}
.common-alt table td.l {background: url("/images/alt-item-l.png") repeat-y;}
.common-alt table td.r {background: url("/images/alt-item-r.png") repeat-y;}
.common-alt table td.t {background: url("/images/alt-item-t.png") repeat-x;}
.common-alt table td.b {background: url("/images/alt-item-b.png") repeat-x;}
.common-alt table td.c {background: url("/images/common_block.gif");}
.common-alt table td.c div.data {width: 100%; overflow: hidden;}

.common-alt .expire {background: url("/images/lifetime.png") 2px 2px no-repeat; padding-left: 16px;}
.common-alt .note {overflow: hidden; width: 100%;}
.common-alt .art-alt {color: #332015; font-size: 11px; font-family: Tahoma, Arial, sans-serif;}

.item-alt {position: absolute; background: url("/images/common_block.gif"); display: none; min-width: 200px; max-width: 240px; z-index: 11000;}
.item-alt .a {position: absolute;}
.item-alt .lt {background: url("/images/alt-item-lt.png") no-repeat; height: 6px; left: -6px; top: -6px; width: 6px;}
.item-alt .rt {background: url("/images/alt-item-rt.png") no-repeat; height: 6px; left: 100%; top: -6px; width: 6px;}
.item-alt .lb {background: url("/images/alt-item-lb.png") no-repeat; height: 6px; left: -6px; top: 100%; width: 6px;}
.item-alt .rb {background: url("/images/alt-item-rb.png") no-repeat; height: 9px; left: 100%; top: 100%; width: 6px;}
.item-alt .l {background: url("/images/alt-item-l.png") repeat-y; height: 100%; left: -6px; top: 0; width: 6px;}
.item-alt .r {background: url("/images/alt-item-r.png") repeat-y; height: 100%; left: 100%; top: 0; width: 6px;}
.item-alt .t {background: url("/images/alt-item-t.png") repeat-x; height: 6px; left: 0; top: -6px; width: 100%;}
.item-alt .b {background: url("/images/alt-item-b.png") repeat-x; height: 9px; left: 0; top: 100%; width: 100%;}
.item-alt .exp {background: url("/images/lifetime.png") 2px 2px no-repeat; padding-left: 16px;}
.item-alt .note {overflow: hidden; width: 100%;}

.personal-info {overflow:hidden; padding:8px 0;}
.personal-info .details {float:left; padding-left:26px; width:334px;}
.personal-info .contact {float:right; padding-right:18px; width:334px;}
.personal-info .table td:first-child {padding-left:15px;}
.personal-info .table td.first-child {padding-left:15px;}
.personal-info .table td:last-child {padding-right:15px;}
.personal-info .table td.last-child {padding-right:15px;}

.common-block .table table.proffession-info {width: 100%; margin: 5px 0; border: #8e6935 1px solid; background: #ddb67d;}
.common-block .table table.proffession-info td {font-weight: bold; border: #ffe5a9 1px solid; font-size: 12px; text-shadow: 1px 1px 0 #FFD394;}
.common-block .table table.proffession-info td.proffession-ico {padding: 0; width: 56px; height: 56px; text-align: center;}
.common-block .table table.proffession-info td.proffession-ico .img {display: inline-block; width: 52px; height: 52px; text-align: center; background: url('../images/slot_item.gif') 50% no-repeat;}
.common-block .table table.proffession-info td.proffession-ico img {width: 52px; height: 52px;}
.common-block .table table.proffession-info td.proffession-title {padding: 5px; border-left: 0; border-right: 0;}
.common-block .table table.proffession-info td.proffession-value {padding: 5px; text-align: right; color: #7b1f12; border-left: 0;}

.about-short {background:#ffd190; border:1px solid #d4ad79; margin:4px 16px 18px; padding:8px 14px; overflow: hidden;}

.registration-panel input {background: transparent; border: 0 none; color: #5c4230; outline: none;}
.registration-panel .character {float: left; margin-bottom: -90px; position: relative; top: -55px; width: 230px;}
.registration-panel .character .bg {background: #24170b;}
.registration-panel .character .select-sex {font-size: 11px; padding-top: 5px; text-align: center;}
.registration-panel .character .select-sex li {background: url("../images/reg_select_sex.png") no-repeat; display:-moz-inline-stack; display: inline-block; width: 101px;}
.registration-panel .character .select-sex li a {color: #806947; display: block; float: left; padding: 1px 0 5px; position: relative; text-align: center; text-decoration: none; width: 101px;}
.registration-panel .character .select-sex li.selected {background: url("../images/reg_select_sex_act.png") no-repeat;}
.registration-panel .character .select-sex li.selected a {color: #bf7d2a;}

.registration-panel .pick-item {list-style-type: none; text-align: center;}
.registration-panel .pick-item li {display:-moz-inline-stack; display: inline-block; margin-left: 5px; position: relative;}
.registration-panel .pick-item li span.avatar {background: url("../images/ramka.png") no-repeat; display: none; height: 68px; left: -3px; position: absolute; top: -2px; width: 69px;}
.registration-panel .pick-item li span {background: url("../images/ramka_2.png") no-repeat; display: none; height: 58px; left: -4px; position: absolute; top: -4px; width: 58px;}
.registration-panel .pick-item li:first-child {margin-left: 0;}
.registration-panel .pick-item li.selected span {display: block;}

.registration-panel .personal-data {float: right; margin-bottom: -90px; position: relative; top: -55px; width: 450px;}
.registration-panel .personal-data .title {color: #ffbf2b; font-size: 12px; font-weight: bold; height: 24px; overflow: hidden; left: 12px; text-align: center; text-transform: uppercase; position: absolute; top: -19px;}
.registration-panel .personal-data .title .bg {background: url("../images/tabs.gif") no-repeat; float: left; height: 27px;}
.registration-panel .personal-data .title .bg-l {padding-left: 34px;}
.registration-panel .personal-data .title .bg-r {background-position: 100% -30px; padding-right: 34px;}
.registration-panel .personal-data .title .bg-c {background-position: 100% -240px; background-repeat: repeat-x; padding: 6px 18px;}

.registration-panel .personal-data .mailru-pad {background: url("../images/register_mailru_pad.jpg") no-repeat; margin: 0 auto; padding: 20px 0; width: 410px;}
.registration-panel .personal-data .mailru-pad p {line-height: 20px; margin-bottom: 5px; text-align: center;}
.registration-panel .personal-data .mailru-pad .button-bar {margin-bottom: 8px; text-align: center;}

.registration-panel .personal-data .form {padding: 8px 20px 16px;}
.registration-panel .personal-data dl {clear: both; margin: 0 8px 10px 0; position: relative;}
.registration-panel .personal-data dl.ok .status {background: url("../images/form_field_ok.gif") no-repeat;}
.registration-panel .personal-data dl.ok dd.message {display: none;}
.registration-panel .personal-data dl.ok_comment {margin-bottom: 0;}
.registration-panel .personal-data dl.ok_comment .status {background: url("../images/form_field_ok.gif") no-repeat;}
.registration-panel .personal-data dl.ok_comment dd.message {background: none; color: #375300; display: block; font-size: 10px; height: 10px; line-height: 10px;}
.registration-panel .personal-data dl.error {margin-bottom: 0;}
.registration-panel .personal-data dl.error .status {background: url("../images/form_field_error.gif") no-repeat;}
.registration-panel .personal-data dl.error dd.message {background: none; color: #7d0000; display: block; font-size: 10px; height: 10px; line-height: 10px;}
.registration-panel .personal-data dl.comment {margin-bottom: 0;}
.registration-panel .personal-data dl.comment dd.message {background: none; color: #7d0000; display: block; font-size: 10px; height: 10px; line-height: 10px;}
.registration-panel .personal-data dl.comment dd.message a {color: #7d0000;}
.registration-panel .personal-data dt {float: left; margin: 0 0 2px 0; width: 145px;}
.registration-panel .personal-data dd {margin: 0 0 0 145px; zoom: 1;}
.registration-panel .personal-data dd .status {display: block; height: 14px; left: 100%; margin-left: -14px; position: absolute; top: 6px; width: 14px;}
.registration-panel .personal-data dd.message {display: none;}
.registration-panel .personal-data dl.input-text span {display: block; width: 220px;}
.registration-panel .personal-data dl.input-text dt {padding-top: 4px;}
.registration-panel .personal-data dl.input-text dd span {background: url("../images/input_text_02.gif") no-repeat; padding-left: 7px;}
.registration-panel .personal-data dl.input-text dd span input {background: url("../images/input_text_02.gif") right -30px no-repeat; overflow: hidden; padding: 5px 7px 6px 0; width: 100%;}
.registration-panel .personal-data dl.input-text.error dd span {background-position: 0 -60px;}
.registration-panel .personal-data dl.input-text.error dd span input {background-position: right -90px;}
.registration-panel .personal-data dl.input-text.wide {width: 264px;}
.registration-panel .personal-data dl.input-text.wide dd span {width: 254px;}
.registration-panel .personal-data dl.image-selector dt {float: none; font-size: 11px; width: auto;}
.registration-panel .personal-data dl.image-selector dd {margin: 0; padding: 6px 0 4px;}
.registration-panel .personal-data dl.select {margin-bottom: 4px; position: relative; z-index: 100;}

.registration-panel .personal-data dl.dropdown {background: url("../images/form_select_01.gif") no-repeat; clear: none; float: none; font-size: 10px; height: 18px; margin: 0 0 0 2px; padding-left: 4px; position: relative; width: 226px; z-index: 800;}
.registration-panel .personal-data dl.dropdown dt {background: url("../images/form_select_01.gif") 100% -18px no-repeat; font-weight: bold; height: 18px; margin: 0;}
.registration-panel .personal-data dl.dropdown dt,
.registration-panel .personal-data dl.dropdown dd,
.registration-panel .personal-data dl.dropdown ul {z-index: 1500;}
.registration-panel .personal-data dl.dropdown dt {float: none; width: auto;}
.registration-panel .personal-data dl.dropdown dd {margin: 0; position: relative;}
.registration-panel .personal-data dl.dropdown a {display: block; text-decoration: none; outline: none; zoom: 1;}
.registration-panel .personal-data dl.dropdown dt a {background: url(../images/arrow_02.gif) right 2px no-repeat; color: #810000; padding: 3px 20px 3px 0; white-space: nowrap;}
.registration-panel .personal-data dl.dropdown dt a span {overflow: hidden; line-height: normal; padding-left: 0; width: 100%;}
.registration-panel .personal-data dl.dropdown a span {background: none; cursor: pointer; display: block;}
.registration-panel .personal-data dl.dropdown a span.value {display: none;}
.registration-panel .personal-data dl.dropdown dd ul {background: url("../images/common_block.gif"); border: 1px solid #ad8259; display: none; left: -4px; list-style-type: none; position: absolute; top: 2px; min-width: 228px; width: auto;}
.registration-panel .personal-data dl.dropdown dd li a {display: block; padding: 2px 5px; white-space: nowrap;}
.registration-panel .personal-data dl.dropdown dd li a:hover {background: #ad8259; color: #FFF;}
.registration-panel .personal-data dl.dropdown img.flag {margin-left: 10px; vertical-align: middle;}
.registration-panel .personal-data dl.dropdown .flagvisibility {display: none;}

.registration-panel .personal-data dl.dropdown.language-list dt a span {background-position: 0 0; background-repeat: no-repeat; padding-left: 20px;}
.registration-panel .personal-data dl.dropdown.language-list dd li a {background-position: 4px 50%; background-repeat: no-repeat; padding-left: 24px;}

.registration-panel .personal-data .checkbox {font-size: 11px; margin-right: 8px; padding: 5px 0 0 20px; position: relative;}
.registration-panel .personal-data .checkbox a {color: #850000;}
.registration-panel .personal-data .checkbox .input {background: url("/images/checkbox.gif") no-repeat; cursor: pointer; height: 18px; position: absolute; left: 0; top: 2px; width: 18px;}
.registration-panel .personal-data .checkbox .input input {display: none;}
.registration-panel .personal-data .checkbox .checked {background: url("/images/checkbox_checked.gif") no-repeat;}
.registration-panel .personal-data .checkbox .error-msg {display: none;}
.registration-panel .personal-data .checkbox.error .input {background: url("/images/checkbox_error.gif") no-repeat;}
.registration-panel .personal-data .checkbox.error .error-msg {color: #810000; display: block; font-size: 10px; line-height: 10px;}
.registration-panel .personal-data .checkbox.error .status {background: url("../images/form_field_error.gif") no-repeat;}
.registration-panel .personal-data .checkbox.ok .status {background: url("../images/form_field_ok.gif") no-repeat;}
.registration-panel .personal-data .checkbox .status {display: block; height: 14px; left: 100%; margin-left: -14px; position: absolute; top: 6px; width: 14px;}
.registration-panel .personal-data .check-agreement {}
.registration-panel .personal-data .check-rules {}
.registration-panel .personal-data .button-start input {background-repeat: no-repeat; cursor: pointer; display: block; height: 29px; margin: 0 auto; text-indent: -9999px; width: 144px;}
.registration-panel .personal-data .separator {background: #fffaad; border-top: 1px solid #c09563; clear: both; font-size: 0; height: 1px; margin-bottom: 6px; overflow: hidden;}
.registration-panel .personal-data .button-submit {margin-top: 26px; position: absolute; top:100%;}
.registration-panel .personal-data .button-submit input {background-repeat: no-repeat; cursor: pointer; display: block; height: 37px; text-indent: -9999px; width: 178px;}

.download-panel {padding: 0 32px 0;}
.download-panel .head {position: relative;}
.download-panel .title {color: #ffbf2b; font-size: 11px; font-weight: bold; height: 24px; overflow: hidden; text-align: center; text-transform: uppercase; position: absolute; top: -24px; width: 100%;}
.download-panel .title .bg {background: url("../images/tabs.gif") no-repeat; display: inline-block; height: 27px;}
.download-panel .title .bg-l {padding-left: 34px;}
.download-panel .title .bg-r {background-position: 100% -30px; padding-right: 34px;}
.download-panel .title .bg-c {background-position: 100% -240px; background-repeat: repeat-x; padding: 7px 18px;}
.download-panel .download-pad {padding: 30px 50px 45px;}
.download-panel .download-pad p {margin-bottom: 35px; text-align: center;}
.download-panel .download-pad table {font-size: 11px; border-collapse: collapse; width: 100%;}
.download-panel .download-pad tr.bg-1 td {background: url("../images/bg_1.gif") repeat-x; height: 35px;}
.download-panel .download-pad tr.bg-1 td.side {background: url("../images/alt-3-lr.gif") repeat-y; width: 5px;}
.download-panel .download-pad tr.bg-1 td.ls {}
.download-panel .download-pad tr.bg-1 td.rs {background-position: 100% 0;}
.download-panel .download-pad tr.bg-2 td {background: url("../images/bg_2.gif") repeat-x; height: 35px;}
.download-panel .download-pad tr.bg-2 td.side {background: url("../images/alt-4-lr.gif") repeat-y; width: 5px;}
.download-panel .download-pad tr.bg-2 td.ls {}
.download-panel .download-pad tr.bg-2 td.rs {background-position: 100% 0;}
.download-panel .download-pad tr.bg-3 td {background: url("../images/bg_3.gif") repeat-x; height: 35px;}
.download-panel .download-pad tr.bg-3 td.side {background: url("../images/alt-5-lr.gif") repeat-y; width: 5px;}
.download-panel .download-pad tr.bg-3 td.ls {}
.download-panel .download-pad tr.bg-3 td.rs {background-position: 100% 0;}
.download-panel .download-pad tr.bg-top-1 td {background: url("../images/alt-3-tb.gif") repeat-x; height: 5px;}
.download-panel .download-pad tr.bg-top-1 td.cor {background: url("../images/alt-3-cor.gif") no-repeat;}
.download-panel .download-pad tr.bg-top-1 td.lt {}
.download-panel .download-pad tr.bg-top-1 td.rt {background-position: 100% 0;}
.download-panel .download-pad td.first-child {padding-left: 55px;}
.download-panel .download-pad td.last-child {padding-right: 45px;}
.download-panel .download-pad tr.bg-bot-3 td {background: url("../images/alt-5-tb.gif") 0 100% repeat-x; height: 5px;}
.download-panel .download-pad tr.bg-bot-3 td.cor {background: url("../images/alt-5-cor.gif") no-repeat;}
.download-panel .download-pad tr.bg-bot-3 td.lb {background-position: 0 -5px;}
.download-panel .download-pad tr.bg-bot-3 td.rb {background-position: -5px -5px;}

.bot-info-panel {font-size: 11px; margin: 0 auto; width: 400px;}
.bot-info-panel h2 {color: #6f0000; font-size: 12px;}
.bot-info-panel h3 {font-size: 11px;}
.bot-info-panel table {border-collapse: collapse;}
.bot-info-panel .pad {padding: 8px 20px 18px;}
.bot-info-panel .bot-image {margin: 0 auto; position: relative; width: 300px; height: 300px;}
.bot-info-panel .bot-image .frame {background: url("/images/frame_3.gif") no-repeat; height: 310px; left: -5px; position: absolute; top: -5px; width: 310px;}
.bot-info-panel .common-button {margin: 0 auto; padding-top: 8px; text-align: right; width: 300px;}
.bot-info-panel .common-button a {background: url("/images/arrow_03.gif") 0 50% no-repeat; padding-left: 11px; text-decoration: none;}
.bot-info-panel .info {}
.bot-info-panel .info table {width: 100%;}
.bot-info-panel .info .cor {background: url("/images/alt-cor.gif") no-repeat; height: 5px; font-size: 0; width: 5px;}
.bot-info-panel .info .cor.lt {}
.bot-info-panel .info .cor.rt {background-position: -5px 0;}
.bot-info-panel .info .cor.lb {background-position: 0 -5px;}
.bot-info-panel .info .cor.rb {background-position: -5px -5px;}
.bot-info-panel .info .hsides {background: url("/images/alt-lr.gif") repeat-y;}
.bot-info-panel .info .hsides.l {}
.bot-info-panel .info .hsides.r {background-position: 100% 0;}
.bot-info-panel .info .vsides {background: url("/images/alt-tb.gif") repeat-x;}
.bot-info-panel .info .vsides.t {}
.bot-info-panel .info .vsides.b {background-position: 0 100%;}
.bot-info-panel .info .params {margin-bottom: 8px;}
.bot-info-panel .info .params .in td {color: #422511; font-weight: bold; padding: 4px 8px;}
.bot-info-panel .info .params .in .red {color: #9a0000;}
.bot-info-panel .info .params .in tr.bg-alt td {background: #fffaab;}
.bot-info-panel .info .short p {line-height: 135%; padding: 6px 8px 8px;}

.npc-info-panel {font-size: 11px; margin: 0 auto; width: 280px;}
.npc-info-panel h2 {color: #6f0000; font-size: 12px;}
.npc-info-panel h3 {font-size: 11px;}
.npc-info-panel table {border-collapse: collapse;}
.npc-info-panel .pad {padding: 25px 20px 10px;}
.npc-info-panel .npc-image {margin: 0 auto; position: relative; width: 229px; height: 221px;}
/* .npc-info-panel .npc-image .frame {background: url("/images/frame_6.gif") no-repeat; height: 229px; left: -5px; position: absolute; top: -5px; width: 221px;} */
.npc-info-panel .pad .short p {line-height: 135%; padding: 15px 8px 8px;}

.clan-panel {padding: 18px 42px 42px;}
.clan-panel .pad {padding: 20px;}
.clan-panel .clan-logo {margin-bottom: 10px; position: relative; text-align: center; zoom: 1;}
.clan-panel .clan-logo .frame {background: url("/images/frame_2.gif") no-repeat; height: 470px; left: -5px; position: absolute; top: -5px; width: 470px;}
.clan-panel .clan-desc {background: #f4d391; border: 1px solid #d4ad79; line-height: 18px; padding: 12px 16px;}
.clan-panel .clan-desc a {color: #920000; text-decoration: none;}
.clan-panel .clan-desc a:hover {text-decoration: underline;}
.clan-panel h3 {color: #7d0302; font-size: 11px; margin-bottom: 6px; text-align: center;}
.clan-panel .list {background: #f6d693; border: 1px solid #d4ad79; list-style-type: none; margin-bottom: 12px;}
.clan-panel .list li {padding: 3px 0;}
.clan-panel .list li.hl {background: #f5c989;}
.clan-panel .a-center {text-align: center;}
.clan-panel .news {font-size: 11px;}
.clan-panel .news dt {color: #795631; font-weight: bold; margin-bottom: 6px;}
.clan-panel .news dd {background: #f6d693; border: 1px solid #d4ad79; margin-bottom: 12px; padding: 12px 16px;}
.clan-panel .news dd a {color: #900;}
.clan-panel .power {font-weight: bold; text-align: center; margin-bottom: 5px;}
.clan-panel .stats {font-size: 11px; font-weight: bold; margin-bottom: 12px; text-align: center;}
.clan-panel .power b,
.clan-panel .stats b {color: #7d0302;}
.clan-panel .stats-table table {border-collapse: collapse; width: 100%;}
.clan-panel .stats-table th {font-size: 11px; padding: 3px 2px;}
.clan-panel .stats-table td {background: #f2d08f; padding: 2px;}
.clan-panel .stats-table .nickname {line-height: 13px; padding: 2px 6px 2px 20px;}
.clan-panel .stats-table .rank {border-left: 2px solid #e9bb81; border-right: 2px solid #e9bb81; font-size: 11px; padding: 2px 20px;}
.clan-panel .stats-table .status {font-size: 11px; text-align: center;}
.clan-panel .stats-table .on {color: #0d5a01;}
.clan-panel .stats-table .off {color: #900;}
.clan-panel .stats-table .hl td {background: #f5c989;}

.punishment-panel {margin-bottom: 35px; margin-top: -15px; margin-right: -10px;}
.punishment-panel .item {position: relative; zoom: 1; min-height: 60px; width: 495px; margin-top: 50px;}
.punishment-panel .item .icon-pad {background: url("../images/punish_pad.png") no-repeat; height: 63px; width: 82px; position: absolute; left: -30px; top: -20px; z-index: 10; padding-top: 11px; text-align: center;}
.punishment-panel .item .c {position: absolute;}
.punishment-panel .item .pane1-top {height: 30px; width: 495px; background: url("../images/punish_table_1_top.png") no-repeat; left: 0; top: 0;}
.punishment-panel .item .pane1-center {height: auto; width: 495px; background: url("../images/punish_table_1_center.png") repeat-y; left: 0; top: 30px; bottom: 30px;}
.punishment-panel .item .pane1-bottom {height: 30px; width: 495px; background: url("../images/punish_table_1_bottom.png") no-repeat; left: 0; top: 100%; margin-top: -30px;}
.punishment-panel .item .pane1-pad {position: relative; z-index: 5; padding: 8px 26px; text-align: left;}
.punishment-panel .item-inner {min-height: 58px; margin: 0 auto; width: 443px; position: relative; zoom: 1; top: 35px; margin-top: -35px;}
.punishment-panel .item-inner .pane2-top {height: 29px; width: 443px; background: url("../images/punish_table_2_top.png") no-repeat; left: 0; top: 0;}
.punishment-panel .item-inner .pane2-center {height: auto; width: 443px; background: url("../images/punish_table_2_center.png") repeat-y; left: 0; top: 29px; bottom: 29px;}
.punishment-panel .item-inner .pane2-bottom {height: 29px; width: 443px; background: url("../images/punish_table_2_bottom.png") no-repeat; left: 0; top: 100%; margin-top: -29px;}
.punishment-panel .item-inner .pane2-pad {position: relative; z-index: 5; zoom: 1; padding: 0 18px 8px;}
.punishment-panel .item table {border-collapse: collapse; width: 100%;}
.punishment-panel .item table th {height: 28px; font-size: 11px; text-align: left; font-weight: normal; padding: 0 5px;}
.punishment-panel .item table td {font-size: 11px; padding: 5px;}
.punishment-panel .item .desc {padding: 0 0 3px 32px; min-height: 32px; font-size: 11px;}
.punishment-panel .item .title {background: url("../images/punish_title.png") no-repeat; position: absolute; padding-left: 38px; left: 50px; top: -19px;}
.punishment-panel .item .title span {background: url("../images/punish_title.png") 100% -20px no-repeat; height: 20px; padding-right: 38px; float: left; width: 100px; font-weight: bold; line-height: 22px;}

.fight-info-panel {zoom: 1; padding: 5px 18px 18px;}
.fight-info-panel a b.blue {font-weight: normal;}
.fight-info-panel .progress {position: relative; height: 56px;}
.fight-info-panel .progress .type-1 {background: url("/images/fight_info_type_1.png") no-repeat; height: 54px; width: 56px; position: absolute; left: 0; top: 0;}
.fight-info-panel .progress .type-2 {background: url("/images/fight_info_type_2.png") no-repeat; height: 54px; width: 56px; position: absolute; left: 100%; top: 0; margin-left: -56px;}
.fight-info-panel .progress .bar {height: 38px; margin: 0 64px 0; position: relative; top: 8px;}
.fight-info-panel .progress .bar .type-blue {background: url("/images/fight_info_progress.png") repeat-x; height: 38px; float: left;}
.fight-info-panel .progress .bar .type-red {background: url("/images/fight_info_progress.png") 0 -38px repeat-x; height: 38px; float: right;}
.fight-info-panel .progress .bar .type-blue-c {background: url("/images/fight_info_progress_corners.png") no-repeat; height: 38px; width: 28px; position: absolute; left: -28px; top: 0;}
.fight-info-panel .progress .bar .type-red-c {background: url("/images/fight_info_progress_corners.png") 100% 0 no-repeat; height: 38px; width: 28px; position: absolute; left: 100%; top: 0;}
.fight-info-panel .progress .bar .ad {color: #eec835; font-size: 10px; font-weight: bold; position: absolute; height: 34px; width: 99px; text-align: center; top: -1px; padding-top: 4px; text-shadow: 0 0 3px #000;}
.fight-info-panel .progress .bar .ad b {display: block; font-size: 14px; line-height: 12px;}
.fight-info-panel .progress .bar .ad-1 {background: url("/images/fight_info_adv_1.png") no-repeat; left: -28px;}
.fight-info-panel .progress .bar .ad-2 {background: url("/images/fight_info_adv_2.png") no-repeat; right: -28px;}
.fight-info-panel .team-1 {float: left; width: 475px;}
.fight-info-panel .team-2 {float: left; width: 475px;}
.fight-info-panel .team-3 {float: right; width: 475px;}
.fight-info-panel .hp-bar {background: #e8ae79; margin-bottom: 1px;}
.fight-info-panel .hp-bar b {display: block; background: #aa341f; height: 3px; overflow: hidden; font-size: 1px; line-height: 1px;}
.fight-info-panel .mana-bar {background: #ccb98e;}
.fight-info-panel .mana-bar b {display: block; background: #52758c; height: 3px; overflow: hidden; font-size: 1px; line-height: 1px;}
.fight-info-panel .pager {background: url("/images/common_pager_1.png") no-repeat; margin: 0 10px; font-size: 11px; font-weight: bold;}
.fight-info-panel .pager a {color: #900; margin: 0 4px; outline: none;}
.fight-info-panel .pager .rs {background: url("/images/common_pager_1.png") 100% -22px no-repeat; margin-left: 6px; padding: 0 12px 0 6px; height: 22px; line-height: 18px;}
.fight-info-panel .search {padding: 12px 0 0; text-align: center;}
.fight-info-panel .button-refresh {clear: both; padding: 12px 0 0; text-align: center;}
.fight-info-panel table a {text-decoration: none;}
.fight-info-panel table tr.shade a {color: #870000;}

.slaughter-info-panel {zoom: 1; padding: 0 18px 18px;}
.slaughter-info-panel .player-list {margin: 0 150px;}
.slaughter-info-panel .player-list tbody td:first-child {color: #fff480; font-weight: bold; text-align: center; text-shadow: 1px 1px 0 #200, -1px -1px 0 #200, -1px 1px 0 #200, 1px -1px 0 #200;}
.slaughter-info-panel .player-list tbody tr.even td:first-child {background-color: #780000;}
.slaughter-info-panel .player-list tbody tr.odd td:first-child {background-color: #620000;}
.slaughter-info-panel .player-list tbody tr.hl td {background-color: #f93; font-weight: bold;}
.slaughter-info-panel .player-list tbody td {text-align: center;}
.slaughter-info-panel .player-list tbody td.player {text-align: left;}
.slaughter-info-panel .player-list {}
.slaughter-info-panel .player-list {}
.slaughter-info-panel {}

.bg-info-panel {zoom: 1; padding: 0 15px 18px;}
.bg-info-panel a b.blue {font-weight: normal;}
.bg-info-panel .progress {position: relative; height: 56px;}
.bg-info-panel .progress .type-1 {background: url("/images/fight_info_type_1.png") no-repeat; height: 54px; width: 56px; position: absolute; left: 0; top: 0;}
.bg-info-panel .progress .type-2 {background: url("/images/fight_info_type_2.png") no-repeat; height: 54px; width: 56px; position: absolute; left: 100%; top: 0; margin-left: -56px;}
.bg-info-panel .progress .bar {height: 38px; margin: 0 64px 0; position: relative; top: 8px;}
.bg-info-panel .progress .bar .type-blue {background: url("/images/fight_info_progress.png") repeat-x; height: 38px; float: left;}
.bg-info-panel .progress .bar .type-red {background: url("/images/fight_info_progress.png") 0 -38px repeat-x; height: 38px; float: left;}
.bg-info-panel .progress .bar .type-blue-c {background: url("/images/fight_info_progress_corners.png") no-repeat; height: 38px; width: 28px; position: absolute; left: -28px; top: 0;}
.bg-info-panel .progress .bar .type-red-c {background: url("/images/fight_info_progress_corners.png") 100% 0 no-repeat; height: 38px; width: 28px; position: absolute; left: 100%; top: 0;}
.bg-info-panel .progress .bar .ad {color: #eec835; font-size: 10px; font-weight: bold; position: absolute; height: 34px; width: 99px; text-align: center; top: -1px; padding-top: 4px; text-shadow: 0 0 3px #000;}
.bg-info-panel .progress .bar .ad b {display: block; font-size: 14px; line-height: 12px;}
.bg-info-panel .progress .bar .ad-1 {background: url("/images/fight_info_adv_1.png") no-repeat; left: -28px;}
.bg-info-panel .progress .bar .ad-2 {background: url("/images/fight_info_adv_2.png") no-repeat; right: -28px;}
.bg-info-panel .team-2 {float: left; width: 470px;}
.bg-info-panel .team-3 {float: right; width: 470px;}
.bg-info-panel .hp-bar {background: #e8ae79; margin-bottom: 1px;}
.bg-info-panel .hp-bar b {display: block; background: #aa341f; height: 3px; overflow: hidden; font-size: 1px; line-height: 1px;}
.bg-info-panel .mana-bar {background: #ccb98e;}
.bg-info-panel .mana-bar b {display: block; background: #52758c; height: 3px; overflow: hidden; font-size: 1px; line-height: 1px;}
.bg-info-panel .pager {background: url("/images/common_pager_1.png") no-repeat; margin: 0 10px; font-size: 11px; font-weight: bold;}
.bg-info-panel .pager a {color: #900; margin: 0 4px; outline: none;}
.bg-info-panel .pager .rs {background: url("/images/common_pager_1.png") 100% -22px no-repeat; margin-left: 6px; padding: 0 12px 0 6px; height: 22px; line-height: 18px;}
.bg-info-panel .search {padding: 12px 0 0; text-align: center;}
.bg-info-panel .button-refresh {clear: both; padding: 12px 0 0; text-align: center;}
.bg-info-panel .fight-result {background: url("/images/bg_fight_result.png") no-repeat; height: 85px; width: 488px; position: relative; left: -7px; margin-right: -7px;}
.bg-info-panel .fight-result.win {background-position: 0 0;}
.bg-info-panel .fight-result.lost {background-position: 0 -85px;}
.bg-info-panel .common-header-3 {position: relative; left: -9px; font-size: 14px; color: #d6c263; text-transform: none;}
.bg-info-panel .common-header-3 b {width: 407px;}
.bg-info-panel .fight-results {height: 83px; width: 428px; margin: 0 auto -1px; overflow: hidden; display: none;}
.bg-info-panel .fight-results.win {background: url("../images/bg_win.png") no-repeat; display: block;}
.bg-info-panel .fight-results.lost {background: url("../images/bg_lost.png") no-repeat; display: block;}

.fight-info-timer {font-size: 11px; font-weight: bold; height: 45px; width: 430px; margin: 0 auto 12px; position: relative;}
.fight-info-timer .bg {background: url("../images/bg_timer.png") no-repeat; height: 45px; width: 430px; position: absolute; left: 0; top: -5px;}
.fight-info-timer .item {position: absolute; top: 0; width: 130px; text-align: center;}
.fight-info-timer .item .t {color: #FFEE00; text-shadow: 1px 1px 0 #2d1e0b; font-size: 10px; line-height: 1.4em;}
.fight-info-timer .item .c {color: #FFEE00; text-shadow: 1px 1px 0 #000;}
.fight-info-timer .begin {left: 15px;}
.fight-info-timer .end {left: 285px;}
.fight-info-timer .est {left: 150px; width: 135px;}
.fight-info-timer .est .c {padding-left: 11px; line-height: 1.4em;}
.fight-info-timer .est .c span {float: left;}
.fight-info-timer .est .c span.v {width: 27px; text-align: center;}
.fight-info-timer .est .c span.s {width: 13px; font-size: 10px;}
.fight-info-timer .est .c span.shade {color: #FFEE00;}
.fight-info-timer.finished .bg {background-position: 0 -45px;}
.fight-info-timer.finished .est .t {line-height: 30px;}
.fight-info-timer.finished .est .c {display: none;}
.fight-info-timer.results .bg {background-position: 0 -45px;}

.companion-info-panel {width: 660px;}
.companion-info-panel .common-block h2 img {vertical-align: middle;}
.companion-info-panel .doll {background: #000; height: 342px; width: 222px; position: relative;}
.companion-info-panel .doll .avatar-wrapper {position: absolute; left: -100px; top: 0; width: 418px; text-align: center;}
.companion-info-panel .doll .effects-list {font-size: 11px;}
.companion-info-panel .doll .effects-list .item {border-top: 1px solid #333; padding: 1px 5px; overflow: hidden;}
.companion-info-panel .doll .effects-list .item:first-child {border-top: none;}
.companion-info-panel .doll .effects-list .item .title {color: #666; float: left;}
.companion-info-panel .doll .effects-list .item .estimate {color: #900; float: right;}
.companion-info-panel .doll .cont {background: #000; height: 258px; width: 218px; position: absolute; left: 2px; top: 56px; display: none; overflow: hidden;}
.companion-info-panel .doll .trick {left: -9999px; top: -9999px;}
.companion-info-panel .slots {height: 55px; width: 218px; position: absolute; left: 2px; top: 2px;}
.companion-info-panel .slots img {margin: 1px;}
.companion-info-panel .slots .item {background: url('../images/doll-slots.png') no-repeat; position: absolute; height: 52px; width: 52px;}
.companion-info-panel .slots .item img {height: 50px; width: 50px;}
.companion-info-panel .slots .small-slot {background-image: url('../images/doll-slots-small.png'); height: 25px; width: 25px;}
.companion-info-panel .slots .small-slot img {height: 25px; width: 25px;}
.companion-info-panel .slots .slot-companion {background-position: 0 0; left: 138px; top: 0;}
.companion-info-panel .slots .slot-body {background-position: 0 -52px; left: 83px; top: 0;}
.companion-info-panel .slots .slot-foot {background-position: 0 -104px; left: 28px; top: 0;}
.companion-info-panel .slots .slot-ring-1 {background-position: 0 -25px; left: 0; top: 0;}
.companion-info-panel .slots .slot-ring-2 {background-position: 0 -25px; left: 0; top: 27px;}
.companion-info-panel .slots .slot-earring-1 {background-position: 0 0; right: 0; top: 0;}
.companion-info-panel .slots .slot-earring-2 {background-position: 0 0; right: 0; top: 27px;}
.companion-info-panel .slots {}
.companion-info-panel .controls {position: absolute; left: 0; top: 314px; width: 228px; margin: 0 -3px;}
.companion-info-panel .controls a {background: url("../images/companion-doll-buttons.png") no-repeat; display: block; float: left; text-decoration: none; font-size: 10px; font-weight: bold; height: 33px; width: 104px; overflow: hidden; text-align: center; line-height: 30px; color: #b58c1e; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000;}
.companion-info-panel .controls a:hover {color: #ffed26;}
.companion-info-panel .controls a.disabled {color: #433611; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000;}
.companion-info-panel .controls a.effects {background-position: 0 0; padding-left: 10px;}
.companion-info-panel .controls a.effects:hover {background-position: 0 -33px;}
.companion-info-panel .controls a.effects.disabled {background-position: 0 -66px;}
.companion-info-panel .controls a.show-3d {background-position: -114px 0; padding-right: 10px;}
.companion-info-panel .controls a.show-3d:hover {background-position: -114px -33px;}
.companion-info-panel .controls a.show-3d.disabled {background-position: -114px -66px;}
.companion-info-panel {}

.common-header {color: #ffbf2b; font-size: 11px; font-weight: bold; height: 24px; position: relative; top: 5px; text-align: center; zoom: 1;}
.common-header .dec {background: url("../images/common_header.gif") no-repeat; height: 24px;}
.common-header .dec.l {background-position: 6px 4px; float: left; width: 30px;}
.common-header .dec.r {background-position: 0 -46px; float: right; width: 30px;}
.common-header .dec.c {background-position: 0 100%; background-repeat: repeat-x; height: 24px; margin: 0 30px; zoom: 1;}
.common-header .title {display: inline-block; zoom: 1; height: 27px; overflow: hidden;}
.common-header .bg {background: url("../images/tabs.gif") no-repeat; float: left; height: 27px;}
.common-header .bg-l {padding-left: 34px;}
.common-header .bg-r {background-position: 100% -30px; padding-right: 34px;}
.common-header .bg-c {background-position: 100% -240px; background-repeat: repeat-x; padding: 7px 18px;}

.common-header-2 {color: #870000; text-align: center; font-size: 10px; text-transform: uppercase;}
.common-header-2 span {background: url("/images/header_2.png") no-repeat; display: inline-block; vertical-align: top;}
.common-header-2 span b {background: url("/images/header_2.png") 100% -21px no-repeat; float: left; display: inline; margin-left: 13px; padding: 0 20px 0 7px; height: 21px; line-height: 22px;}
.common-header-2.dark {color: #000;}

.common-header-3 {color: #FFEE00; text-align: center; font-size: 10px; text-transform: uppercase; text-shadow: 1px 1px 0 #000;}
.common-header-3 span {background: url("/images/header_3.png") no-repeat; display: inline-block; vertical-align: top;}
.common-header-3 span b {background: url("/images/header_3.png") 100% -30px no-repeat; float: left; display: inline; margin-left: 40px; padding: 0 40px 0 0; height: 25px; line-height: 22px;}

.common-red-header {height: 33px; padding: 0 0 0 39px; background: url("../images/common_header.png") 0 0 no-repeat;}
.common-red-header .right {height: 33px; line-height: 29px; padding: 0 39px 0 0; font-weight: bold; font-size: 11px; color: #FFBF2B; text-shadow: 1px 1px 0 #000; text-align: center; background: url("../images/common_header.png") 100% 100% no-repeat;}

.common-button button {background: transparent; border: 0 none; color: #c47d37; cursor: pointer; font-size: 12px; margin-left: 5px; text-transform: lowercase; white-space: nowrap;}
.common-button button .l {background: url("../images/btn_01.gif") no-repeat; float: left; padding: 0 0 0 12px;}
.common-button button .r {background: url("../images/btn_01.gif") 100% -20px no-repeat; float: left; padding: 0px 20px 6px 8px;}

.hide {display:none;}
.red {color: #A01F15;}
.blue {color: #06C;}
.bold {font-weight: bold;}

.clearfix:after {content:'.'; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.clear {clear: both; font-size: 0; line-height: 0; overflow: hidden;}

a.button {vertical-align: middle;}
a.button,
a.button span {background: url("../images/buttons_set.png") no-repeat; cursor: pointer; line-height: 13px;}
a.button-01 {background-position: 0 0; color: #ffde5e; display: inline-block; font-size: 11px; height: 18px; outline: none; text-align: center; text-decoration: none;}
a.button-01 span {background-position: 100% -18px; display: inline; float: left; margin-left: 12px; padding: 1px 20px 4px 8px;}
a.button-01:hover {color: #ffa747;}
a.button-01:hover span {}

.frame-0 {border: 0; border-collapse: collapse; border-spacing: 0;}
.frame-0 .lt b,
.frame-0 .rt b,
.frame-0 .rb b,
.frame-0 .lb b {background: url("../images/frame_0_c.gif") no-repeat; display: block; height: 15px; font-size: 0; line-height: 0; overflow: hidden; position: relative; width: 15px;}
.frame-0 .lt b {background-position: 0 0; margin: 0 -10px -10px 0;}
.frame-0 .rt b {background-position: -15px 0; margin: 0 0 -10px -10px;}
.frame-0 .rb b {background-position: -15px -15px; margin: -10px 0 0 -10px;}
.frame-0 .lb b {background-position: 0 -15px; margin: -10px -10px 0 0;}
.frame-0 .ls,
.frame-0 .rs {background: url("../images/frame_0_v.gif") repeat-y; width: 5px;}
.frame-0 .ls {background-position: 0 0;}
.frame-0 .rs {background-position: -5px 0;}
.frame-0 .ts,
.frame-0 .bs {background: url("../images/frame_0_h.gif") repeat-x; height: 5px;}
.frame-0 .ts {background-position: 0 0;}
.frame-0 .bs {background-position: 0 -5px;}

.common-block .tab-info-nomargin {margin: 0 !important; padding: 0 !important;}

.common-loading {background: url("../images/loading.gif") 50% 50% no-repeat ; height: 100px;}

span.input-text {background: url("../images/input_text_02.gif") no-repeat; display: inline-block; padding-left: 7px; vertical-align: middle}
span.input-text input {border: 0 none; float: left; background: url("../images/input_text_02.gif") right -30px no-repeat; overflow: hidden; padding: 5px 7px 6px 0; outline: none;}


/* jScrollPane */
.scroll-pane {height: 350px; overflow: auto;}

.jspContainer {overflow: hidden; position: relative; z-index: 10000;}
.jspPane {position: absolute; z-index: 10000; left: 0;}
.jspVerticalBar {position: absolute; top: 0; right: 0; width: 14px; height: 100%;}
.jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%; height: 14px;}
.jspVerticalBar *,
.jspHorizontalBar * {margin: 0; padding: 0;}
.jspCap {width: 14px; height: 15px;}
.jspCapTop {background: url("../images/scroll_track_vert_t.png") no-repeat;}
.jspCapBottom {background: url("../images/scroll_track_vert_b.png") no-repeat;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background: url("../images/scroll_track_vert_m.png") repeat-y; position: relative;}
.jspDrag {background: url("../images/scroll_drag_vert_50.png") no-repeat; position: relative; top: 0; left: 0; cursor: pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {float: left; height: 100%;}
.jspArrow {background: #50506d; text-indent: -20000px; display: block; cursor: pointer;}
.jspArrow.jspDisabled {cursor: default; background: #80808d;}
.jspVerticalBar .jspArrow {height: 16px;}
.jspHorizontalBar .jspArrow {width: 16px; float: left; height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4; float: left; height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin: 0 -3px 0 0;}
dl.input-text input {border: 0 none;}
dl.input-text span {display: block; width: 220px;}
dl.input-text dt {float: left; margin: 0 0 2px 0; width: 145px;}
dl.input-text dd {margin: 0 0 0 145px; zoom: 1;}
dl.input-text dd span {background: url("../images/input_text_02.gif") no-repeat; padding-left: 7px;}
dl.input-text dd span input {background: url("../images/input_text_02.gif") right -30px no-repeat; overflow: hidden; padding: 5px 7px 6px 0; width: 100%;}


/**/
.common-table-1 {background: #ffffb5; border: 1px solid #a57e54; padding: 1px; box-shadow: 0 0 5px #936b40; -moz-box-shadow: 0 0 5px #936b40; -webkit-box-shadow: 0 0 5px #936b40;}
.common-table-1 table {border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #a57e54;}
.common-table-1 thead tr {background: url("/images/table_cell_sep_3.png") 0 90% repeat-x;}
.common-table-1 th {color: #743b1b; border: 1px solid #d9a66e; font-size: 10px; height: 20px; padding: 0 5px 3px;}
.common-table-1 td {background-repeat: repeat-y; border: 1px solid #d9a66e; padding: 0 5px; font-size: 11px; height: 18px;}
.common-table-1 td:first-child {background-image: none;}
.common-table-1 tr.even td {background-color: #ffda97; background-image: url("/images/table_cell_sep_1.png"); border-left-color: #b58a5c; border-right-color: #b58a5c;}
.common-table-1 tr.even td:first-child {background-image: none;}
.common-table-1 tr.odd td {background-image: url("/images/table_cell_sep_2.png"); border-left-color: #d9a66e; border-right-color: #d9a66e;}
.common-table-1 tr.odd td:first-child {background-image: none;}
.common-table-1 tr.shade td {color: #ae9275;}
.common-table-1 .table-sort {cursor: pointer;}
.common-table-1 .table-sort-asc {background: url("/images/table_sort_asc.gif") 100% 45% no-repeat transparent;}
.common-table-1 .table-sort-desc {background: url("/images/table_sort_desc.gif") 100% 45% no-repeat transparent;}

.common-table-1.dark {background-color: #ffd08d;}
.common-table-1.dark th {border-color: #997f64;}
.common-table-1.dark td {border-color: #997f64;}
.common-table-1.dark tr.even td {background-color: #ddaf76; border-color: #997f64;}
.common-table-1.dark tr.odd td {background-color: #ffcc8a; border-color: #997f64;}

.common-progress-bar.big-ye-br {position: relative; height: 27px; font-family: "Times New Roman", serif; font-weight: bold;}
.common-progress-bar.big-ye-br .progress-empty {position: absolute; left: 0; top: -3px; height: 38px; width: 470px;}
.common-progress-bar.big-ye-br .progress-empty .progress-l {background: url("../images/progress_big_brown_l.png") no-repeat; height: 38px; width: 27px; position: absolute; left: -12px; top: 0;}
.common-progress-bar.big-ye-br .progress-empty .progress-r {background: url("../images/progress_big_brown_r.png") no-repeat; height: 38px; width: 27px; position: absolute; right: -12px; top: 0;}
.common-progress-bar.big-ye-br .progress-empty .progress-c {background: url("../images/progress_big_brown_c.png") repeat-x; height: 38px; position: absolute; left: 15px; right: 15px; top: 0;}
.common-progress-bar.big-ye-br .progress-full-wrapper {position: absolute; height: 38px; width: 0; overflow: hidden; left: 0; top: 0;}
.common-progress-bar.big-ye-br .progress-full {position: absolute; left: 0; top: -3px; height: 32px; width: 470px; overflow: hidden;}
.common-progress-bar.big-ye-br .progress-full .progress-l {background: url("../images/progress_big_yellow_l.png") no-repeat; height: 38px; width: 27px; position: absolute; left: -12px; top: 0;}
.common-progress-bar.big-ye-br .progress-full .progress-r {background: url("../images/progress_big_yellow_r.png") no-repeat; height: 38px; width: 27px; position: absolute; right: -12px; top: 0;}
.common-progress-bar.big-ye-br .progress-full .progress-c {background: url("../images/progress_big_yellow_c.png") repeat-x; height: 38px; position: absolute; left: 15px; right: 15px; top: 0;}
.common-progress-bar.big-ye-br .progress-val {position: relative; text-align: center; line-height: 28px; font-size: 21px; color: #FF0; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000;}

.common-progress-bar.big-red {position: relative; height: 27px; font-family: "Times New Roman", serif; font-weight: bold;}
.common-progress-bar.big-red .progress-empty {position: absolute; left: 0; top: -3px; height: 38px; width: 470px;}
.common-progress-bar.big-red .progress-empty .progress-l {background: url("../images/progress_big_brown_l.png") no-repeat; height: 38px; width: 27px; position: absolute; left: -12px; top: 0;}
.common-progress-bar.big-red .progress-empty .progress-r {background: url("../images/progress_big_brown_r.png") no-repeat; height: 38px; width: 27px; position: absolute; right: -12px; top: 0;}
.common-progress-bar.big-red .progress-empty .progress-c {background: url("../images/progress_big_brown_c.png") repeat-x; height: 38px; position: absolute; left: 15px; right: 15px; top: 0;}
.common-progress-bar.big-red .progress-full-wrapper {position: absolute; height: 38px; width: 0; overflow: hidden; left: 0; top: 0;}
.common-progress-bar.big-red .progress-full {position: absolute; left: 0; top: -3px; height: 32px; width: 470px; overflow: hidden;}
.common-progress-bar.big-red .progress-full .progress-l {background: url("../images/progress_big_red_l.png") no-repeat; height: 38px; width: 27px; position: absolute; left: -12px; top: 0;}
.common-progress-bar.big-red .progress-full .progress-r {background: url("../images/progress_big_red_r.png") no-repeat; height: 38px; width: 27px; position: absolute; right: -12px; top: 0;}
.common-progress-bar.big-red .progress-full .progress-c {background: url("../images/progress_big_red_c.png") repeat-x; height: 38px; position: absolute; left: 15px; right: 15px; top: 0;}
.common-progress-bar.big-red .progress-val {position: relative; text-align: center; line-height: 28px; font-size: 21px; color: #FF0; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000;}

.common-progress-bar.big-blue {position: relative; height: 27px; font-family: "Times New Roman", serif; font-weight: bold;}
.common-progress-bar.big-blue .progress-empty {position: absolute; left: 0; top: -3px; height: 38px; width: 470px;}
.common-progress-bar.big-blue .progress-empty .progress-l {background: url("../images/progress_big_brown_l.png") no-repeat; height: 38px; width: 27px; position: absolute; left: -12px; top: 0;}
.common-progress-bar.big-blue .progress-empty .progress-r {background: url("../images/progress_big_brown_r.png") no-repeat; height: 38px; width: 27px; position: absolute; right: -12px; top: 0;}
.common-progress-bar.big-blue .progress-empty .progress-c {background: url("../images/progress_big_brown_c.png") repeat-x; height: 38px; position: absolute; left: 15px; right: 15px; top: 0;}
.common-progress-bar.big-blue .progress-full-wrapper {position: absolute; height: 38px; width: 0; overflow: hidden; left: 0; top: 0;}
.common-progress-bar.big-blue .progress-full {position: absolute; left: 0; top: -3px; height: 32px; width: 470px; overflow: hidden;}
.common-progress-bar.big-blue .progress-full .progress-l {background: url("../images/progress_big_dblue_l.png") no-repeat; height: 38px; width: 27px; position: absolute; left: -12px; top: 0;}
.common-progress-bar.big-blue .progress-full .progress-r {background: url("../images/progress_big_dblue_r.png") no-repeat; height: 38px; width: 27px; position: absolute; right: -12px; top: 0;}
.common-progress-bar.big-blue .progress-full .progress-c {background: url("../images/progress_big_dblue_c.png") repeat-x; height: 38px; position: absolute; left: 15px; right: 15px; top: 0;}
.common-progress-bar.big-blue .progress-val {position: relative; text-align: center; line-height: 28px; font-size: 21px; color: #FF0; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000;}

.alt-fight-info {font-size: 11px;}
.alt-fight-info .h-league {color: #0066cc; font-weight: bold; text-align: center;}
.alt-fight-info .h-cohort {color: #b10000; font-weight: bold; text-align: center;}
.alt-fight-info table {border: 1px solid #c6875a; margin: 0; padding: 0; border-collapse: collapse; width: 100%;}
.alt-fight-info table td {padding: 1px 3px;}
.alt-fight-info table tr.even td {background: #fff4a7;}
.alt-fight-info table tr.odd td {background: #ffd08e;}
.alt-fight-info {}

/*soc register*/
.reg-soc-ico {padding: 2px 0; overflow: hidden;}
.reg-soc-ico a{float: left; background: url("../images/reg_soc_ico.png") no-repeat; width: 20px; height: 20px; text-decoration: none; border: none; margin-left: 4px;}
.reg-soc-ico .mm{background-position: 0 0;}
.reg-soc-ico .odnkl{background-position: 0 -21px;}
.reg-soc-ico .vk{background-position: 0 -42px;}
.reg-soc-ico .fb{background-position: 0 -63px;}
.reg-soc-ico .tw{background-position: 0 -84px;}

/*userinfo socblock*/
.soc_block{position: relative; text-align: center;}
.soc_block ul {list-style: none; padding: 5px 0;}
.soc_block ul li {display: inline-block; margin-right: 5px; *display: inline;}
.soc_block ul li a {background:url("../images/user_info_soc_block.jpg") no-repeat; display: inline-block; text-decoration: none; width: 36px; height: 36px; overflow: hidden; text-indent: -9999px;}
.soc_block ul li .mm {background-position: 0 0;}
.soc_block ul li .odnkl {background-position: -36px 0;}
.soc_block ul li .fb {background-position: -72px 0;}
.soc_block ul li .vk {background-position: -108px 0;}

/*userinfo companions*/
.companions {width: 337px;}
.companions ul {list-style: none; height: 77px; text-align: center;}
.companions ul li {display: inline-block; position: relative; width: 82px; height: 82px; margin: 0 -4px; //display: inline; //zoom: 1;}
.companions ul li .img {position: absolute; top: 13px; left: 12px; overflow: hidden; width: 58px; height: 56px;}
.companions ul li .frame {position: absolute; z-index: 1; top: 0; left: 0; width: 82px; height: 82px; background: url('../images/user_info_companion_frame.png') 0 0 no-repeat; overflow: hidden; text-indent: -999px;}
.companions .no-companions {height: 77px; font-size: 11px; font-weight: bold; color: #eea246; text-shadow: 1px 1px 0 black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black; line-height: 77px; text-align: center;}

.companion-info {list-style: none; width: 100%;}
.companion-info li {padding: 2px 5px;}

.item-magic a {text-decoration: none;}
.item-magic {list-style-type: none; margin: -2px -14px 0; position: relative;}
.item-magic ul {}
.item-magic li {display: -moz-inline-stack; display: inline-block; overflow: hidden; vertical-align: top; line-height: normal; letter-spacing: normal; position: relative; width: 51px; *display: inline;}
.item-magic li .bg {left: 0; position: absolute; top: 0; width: 51px;}
.item-magic li .image {left: 1px; position: absolute; top: 4px;}
.item-magic li.first {width: 53px;}
.item-magic li.last {width: 54px;}
.item-magic.single {height: 56px;}
.item-magic.single ul {height: 56px;}
.item-magic.single li {height: 56px;}
.item-magic.single li .bg {background: url("/images/artifact_info_magic_single_c.png"); height: 58px;}
.item-magic.single li.first .bg {background: url("/images/artifact_info_magic_single_l.png"); width: 53px;}
.item-magic.single li.last .bg {background: url("/images/artifact_info_magic_single_r.png"); width: 54px;}
.item-magic.single li.disabled .bg {background: url("/images/artifact_info_magic_single_c_disabled.png"); height: 58px;}
.item-magic.single li.first.disabled .bg {background: url("/images/artifact_info_magic_single_l_disabled.png"); width: 53px;}
.item-magic.single li.last.disabled .bg {background: url("/images/artifact_info_magic_single_r_disabled.png"); width: 54px;}