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