.art-alt {background: url("/images/bgg.png"); width: 300px;}
.art-alt .bord {position: absolute;}
.art-alt .b-lt {background: url("/images/art-alt-lt.png") no-repeat; height: 5px; left: -6px; position: absolute; top: -5px; width: 6px;}
.art-alt .b-rt {background: url("/images/art-alt-rt.png") no-repeat; height: 5px; left: 100%; position: absolute; top: -5px; width: 6px;}
.art-alt .b-t {background: url("/images/art-alt-t.png") repeat-x; height: 5px; left: 0; position: absolute; top: -5px; width: 100%;}
.art-alt .b-lb {background: url("/images/art-alt-lb.png") no-repeat; height: 9px; left: -6px; position: absolute; top: 100%; width: 6px;}
.art-alt .b-rb {background: url("/images/art-alt-rb.png") no-repeat; height: 9px; left: 100%; position: absolute; top: 100%; width: 6px;}
.art-alt .b-b {background: url("/images/art-alt-b.png") repeat-x; height: 9px; left: 0; position: absolute; top: 100%; width: 100%;}
.art-alt .b-l {background: url("/images/art-alt-l.png") repeat-y; height: 100%; left: -6px; position: absolute; top: 0; width: 6px;}
.art-alt .b-r {background: url("/images/art-alt-r.png") repeat-y; height: 100%; left: 100%; position: absolute; top: 0; width: 6px;}
.art-alt .a-title-l {background: url("/images/art-alt-title-l.png") no-repeat; height: 18px; left: 2px; position: absolute; top: -22px; width: 13px;}
.art-alt .a-title-r {background: url("/images/art-alt-title-r.png") no-repeat; height: 18px; left: 100%; position: absolute; top: -22px; width: 13px; margin-left: -15px;}
.art-alt .a-title-c {background: url("/images/art-alt-title-c.png") repeat-x; color: #7b0101; height: 18px; font-size: 11px; font-weight: bold; line-height: 18px; left: 15px; position: absolute; top: -22px; text-align: center; width: 270px;}
.art-alt .art-info {list-style-type: none; margin-bottom: 8px; padding: 2px 3px;}
.art-alt .art-info li {display: inline-block; margin: 0 0 3px; width: 123px; vertical-align: top;}
.art-alt table {border: 0 none; border-collapse: collapse; width: 100%;}
.art-alt table td {background: url("/images/bg_1.gif"); padding: 0 2px;}
.art-alt table tr.bg-2 td {background: url("/images/bg_3.gif");}
.art-alt .epic {margin-bottom: 8px; text-align: center;}
.art-alt .epic .e-bar {height: 16px; margin-top: 2px; position: relative; width: 200px;}
.art-alt .epic .e-bar .empty {left: 0; position: absolute; top: 0; height: 16px; overflow: hidden; width: 205px;}
.art-alt .epic .e-bar .empty .e-bar-l {background: url("/images/progress_bar_small_brown_l.png") no-repeat; height: 16px; left: 0; position: absolute; top: 0; width: 12px;}
.art-alt .epic .e-bar .empty .e-bar-r {background: url("/images/progress_bar_small_brown_r.png") no-repeat; height: 16px; left: 100%; margin-left: -12px; position: absolute; top: 0; width: 12px;}
.art-alt .epic .e-bar .empty .e-bar-c {background: url("/images/progress_bar_small_brown_c.png") repeat-x; height: 16px; left: 12px; position: absolute; top: 0; width: 181px;}
.art-alt .epic .e-bar .full {left: 0; position: absolute; top: 0; height: 16px; overflow: hidden; width: 205px;}
.art-alt .epic .e-bar .full .e-bar-l {background: url("/images/progress_bar_small_gold_l.png") no-repeat; height: 16px; left: 0; position: absolute; top: 0; width: 12px;}
.art-alt .epic .e-bar .full .e-bar-r {background: url("/images/progress_bar_small_gold_r.png") no-repeat; height: 16px; left: 100%; margin-left: -12px; position: absolute; top: 0; width: 12px;}
.art-alt .epic .e-bar .full .e-bar-c {background: url("/images/progress_bar_small_gold_c.png") repeat-x; height: 16px; left: 12px; position: absolute; top: 0; width: 181px;}
.art-alt .epic .e-bar .val {color: #422511; font-size: 9px; font-weight: bold; left: 0; padding-top: 2px; position: absolute; top: 0; width: 100%;}
.art-alt .enchant {margin-bottom: 8px;}
.art-alt .notrade {text-align: center; padding: 0 0 10px;}
.art-alt .magic {margin-bottom: 8px; position: relative;}
.art-alt .magic .circle-frame {left: 0; position: absolute; top: 0; width: 204px;}
.art-alt .magic img {position: absolute;}
.art-alt .magic.single {height: 32px;}
.art-alt .magic.single .circle-frame {background: url("/images/art-alt-magic-single.png") no-repeat; height: 32px;}
.art-alt .magic.double {height: 58px;}
.art-alt .magic.double .circle-frame {background: url("/images/art-alt-magic-double.png") no-repeat; height: 58px;}

.art-alt-new {width: 270px;}
.art-alt-new .head {margin: 0 6px;}
.art-alt-new .head .h-l, .art-alt-new .head .h-r {background-image: url('/images/art-alt-title.png'); background-repeat: no-repeat;}
.art-alt-new .head .h-l {background-position: 0 0; padding: 0 0 0 12px;}
.art-alt-new .head .h-r {background-position: 100% -100px; padding: 5px 12px 3px 0; font-size: 11px; font-weight: bold; text-align: center; color: #7b0101;}
.art-alt-new .t-l, .art-alt-new .t-r {background-image: url('/images/art-alt-top.png'); background-repeat: no-repeat; height: 5px; font-size: 0; line-height: 0; overflow: hidden;}
.art-alt-new .t-l {background-position: 0 0; padding: 0 0 0 6px;}
.art-alt-new .t-r {background-position: 100% 100%;}
.art-alt-new .b-l, .art-alt-new .b-r {background-image: url('/images/art-alt-bottom.png'); background-repeat: no-repeat; height: 9px; font-size: 0; line-height: 0; overflow: hidden;}
.art-alt-new .b-l {background-position: 0 0; padding: 0 0 0 6px;}
.art-alt-new .b-r {background-position: 100% 100%;}
.art-alt-new .m-l {background: url('/images/art-alt-l.png') 0 0 repeat-y; padding: 0 0 0 6px;}
.art-alt-new .m-r {background: url('/images/art-alt-r.png') 100% 0 repeat-y; padding: 0 6px 0 0;}
.art-alt-new .m-c {background: url('/images/bgg.png'); padding: 0 3px;}

/*========= Social =========*/
.social-like {display: none; position: absolute; z-index: 1000; top: 20px; right: 10px; width: 206px;}
.social-like.clan-info {right: auto; left: 50%; top: 162px; margin: 0 0 0 -548px;}
.social-like.left {top: 350px; right: auto; left: 0;}
.social-like h2 {position: relative; z-index: 2; height: 19px; padding: 8px 0 0; text-align: center; background: url('../images/adv-like-header.png') 0 0 no-repeat;}
.social-like .like-slot {position: relative; z-index: 1; overflow: hidden; width: 168px; height: 48px; margin: -10px auto 0; background: url('../images/adv-like-slot.png') 0 0 no-repeat;}
.social-like .like-slot.first {margin-top: -3px;}
.social-like .like-slot .link {float: left; width: 34px; height: 34px; margin: 7px 0 0 7px;}
.social-like .like-slot .count {display: block; overflow: hidden; height: 48px; padding: 0 30px 0 28px; line-height: 48px; text-align: center; color: #e1b590; text-shadow: 1px 1px 0 #42221b, -1px -1px 0 #42221b, 1px -1px 0 #42221b, -1px 1px 0 #42221b;}
.social-like .total {width: 188px; height: 55px; margin: -15px auto 0; line-height: 55px; text-align: center; color: #ffcf47; text-shadow: 1px 1px 0 #42221b, -1px -1px 0 #42221b, 1px -1px 0 #42221b, -1px 1px 0 #42221b; background: url('../images/adv-like-total.png') 0 0 no-repeat;}
.social-like .total b {font-weight: normal;}
.social-like .required {width: 206px; height: 46px; margin: -10px 0 0; line-height: 46px; text-align: center; color: #e1b590; text-shadow: 1px 1px 0 #42221b, -1px -1px 0 #42221b, 1px -1px 0 #42221b, -1px 1px 0 #42221b; background: url('../images/adv-like-required.png') 0 0 no-repeat;}
.social-like .required b {font-weight: normal;}
.social-like .required .orange {color: #ffcf47;}

/*========= Common blocks =========*/
.common-block-1 {position: relative; padding: 6px 6px 9px;}
.common-block-1-tl, .common-block-1-tr, .common-block-1-bl, .common-block-1-br {position: absolute; z-index: 1; width: 6px; height: 6px; background: url('../images/common-block-1-corners.png') no-repeat;}
.common-block-1-bl, .common-block-1-br {height: 9px;}
.common-block-1-tl {top: 0; left: 0; background-position: 0 0;}
.common-block-1-tr {top: 0; right: 0; background-position: 100% 0;}
.common-block-1-bl {bottom: 0; left: 0; background-position: 0 100%;}
.common-block-1-br {bottom: 0; right: 0; background-position: 100% 100%;}
.common-block-1-t, .common-block-1-b {position: absolute; z-index: 1; left: 6px; right: 6px; height: 6px;}
.common-block-1-l, .common-block-1-r {position: absolute; z-index: 1; top: 6px; bottom: 6px; width: 6px;}
.common-block-1-t {top: 0; background: url('../images/common-block-1-t.png') 0 0 repeat-x;}
.common-block-1-b {bottom: 0; height: 9px; background: url('../images/common-block-1-b.png') 0 0 repeat-x;}
.common-block-1-l {left: 0; background: url('../images/common-block-1-l.png') 0 0 repeat-y;}
.common-block-1-r {right: 0; background: url('../images/common-block-1-r.png') 0 0 repeat-y;}
.common-block-1-cont {background: #f8ca8d; padding: 1px;}

.common-block-2 {position: relative; padding: 3px;}
.common-block-2-tl, .common-block-2-tr, .common-block-2-bl, .common-block-2-br {position: absolute; z-index: 1; width: 3px; height: 3px; background: url('../images/common-block-2-corners.png') no-repeat;}
.common-block-2-tl {top: 0; left: 0; background-position: 0 0;}
.common-block-2-tr {top: 0; right: 0; background-position: 100% 0;}
.common-block-2-bl {bottom: 0; left: 0; background-position: 0 100%;}
.common-block-2-br {bottom: 0; right: 0; background-position: 100% 100%;}
.common-block-2-t, .common-block-2-b {position: absolute; z-index: 1; left: 3px; right: 3px; height: 3px;}
.common-block-2-l, .common-block-2-r {position: absolute; z-index: 1; top: 3px; bottom: 3px; width: 3px;}
.common-block-2-t {top: 0; background: url('../images/common-block-2-t.png') 0 0 repeat-x;}
.common-block-2-b {bottom: 0; background: url('../images/common-block-2-b.png') 0 0 repeat-x;}
.common-block-2-l {left: 0; background: url('../images/common-block-2-l.png') 0 0 repeat-y;}
.common-block-2-r {right: 0; background: url('../images/common-block-2-r.png') 0 0 repeat-y;}
.common-block-2-cont {background: #f8ca8d; padding: 1px;}