/*** Global ***/
html { background: #131313; }
.main-background { background: url(http://images-cdn.perfectworld.com/en/boi/arc/main-background.jpg) no-repeat center 35px; }
a.lnkLogo { background: url(http://images-cdn.perfectworld.com/en/boi/arc/lnkHome.png) no-repeat; width: 164px; height: 97px; display: block; margin: 39px auto 0; }
#topbar-container { background: #131313; box-shadow: inset 0 0 2px #383943, 0 0 1px #000; overflow: hidden; }
#topbar-container ul.topWrap { margin: 0 auto 2px; width: 960px; line-height: 33px; padding: 5px 100px; overflow: hidden; background: #0d0d0d; }
#topbar-container ul.topWrap .right { float: right; width: 50%; }
#topbar-container ul.topWrap .right li { float: right; color: #ffffff; }
#topbar-container ul.topWrap a { color: #ffffff; }
#topbar-container ul.topWrap li { float: left; }
#topbar-container ul.topWrap li a#enter { display: block; padding: 0 5px; line-height: 32px; box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; -webkit-box-shadow: 0 0 1px #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-top: 1px solid #545562; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#26272f), to(#383943)); background: -webkit-linear-gradient(top, #383943, #26272f); background: -moz-linear-gradient(top, #383943, #26272f); background: -ms-linear-gradient(top, #383943, #26272f); }
#topbar-container ul.topWrap li a#enter:hover { text-decoration: none; }
#fb-login-ico, #fb-avatar { background: url(https://a248.e.akamai.net/images.perfectworld.com/en/billing/redesign2011/offers/fb-ico.png) left center no-repeat; padding-left: 25px; height: 35px; float: left; }
#topbar-container ul.right li.lang { margin: 5px; padding: 0 8px; background: #161718; border: 1px solid #29292d; }
#topbar-container ul.right li.lang a.ico-arrow { background: url(https://a248.e.akamai.net/images.perfectworld.com/en/billing/redesign2011/offers/icotb-sprite.png) no-repeat right -2px; line-height: 15px; width: 95px; float: left; cursor: pointer;padding: 3px 0; }
#topbar-container ul.right li.lang div.ico-lang { float: left; height: 15px; width: 14px; padding-right: 10px; }
#topbar-container ul.right li.lang div.ico-lang#ico-en, #topbar-container ul.right li.lang a.ico-lang#ico-en { background: url(https://a248.e.akamai.net/images.perfectworld.com/en/billing/redesign2011/offers/ico-en.png) no-repeat left 50%; }
#topbar-container ul.right li.lang div.ico-lang#ico-de, #topbar-container ul.right li.lang a.ico-lang#ico-de { background: url(https://a248.e.akamai.net/images.perfectworld.com/en/billing/redesign2011/offers/ico-de.png) no-repeat left 50%; }
#topbar-container ul.right li.lang div.ico-lang#ico-fr, #topbar-container ul.right li.lang a.ico-lang#ico-fr { background: url(https://a248.e.akamai.net/images.perfectworld.com/en/billing/redesign2011/offers/ico-fr.png) no-repeat left 50%; }
#topbar-container ul.right li.lang ul#lnkRegion { display: none; }
#topbar-container ul.right li.lang:hover ul#lnkRegion { display: block; position: absolute; z-index: 5; margin-top: 20px; background: #161718; border-bottom: 1px solid #29292d; border-left: 1px solid #29292d; border-right: 1px solid #29292d; padding: 0 8px; margin-left: -9px; width: 95px; }
#topbar-container ul.right li.lang ul#lnkRegion li { clear: left; float: left; }
#topbar-container ul.right li.lang ul#lnkRegion li a { display: block; clear: left; padding-left: 25px; }
#topbar-container ul.right li a#login { cursor: pointer; }
/*** Intro ***/
#col01 { float: left; overflow: hidden; width: 630px; }
#col02 { float: right; overflow: hidden; width: 300px; }
.bg-media { width: 100%; margin: 0 auto; height: 120px; }
.contentwrap { width: 977px; margin: 0 auto; }
.bg-header-content { width: 100%; }
.bg-body-content { width: 100%; background: #1b1c1f; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.bg-footer-content { width: 100%; }
.bg-info-content { overflow: hidden; margin: 0px auto; }
.bg-info-content a { color: #4e7edb; }
.bg-info-content a:hover { color: #4e7edb; }
#js-btn-playnow { cursor: pointer; height: 73px; width: 182px; background: url(http://images-cdn.perfectworld.com/en/woi/redesign2012/framework/btns-action-arc.png) no-repeat left top; float: right; margin: 15px 20px 0px 0px; }
#js-btn-playnow:hover { background-position: left bottom; }
/*** ****/
.interaction { height: 100px; display: block; padding: 10px; }
.ads { width: 728px; height: 90px; display: block; float: right; }
.avatar { width: 190px; height: 90px; float: left; }
.avatar-info { }
.avatar-info img { float: left; margin-right: 5px; }
.avatar-info h4 { font: 16px Tahoma; color: #fff; float: left; text-align: center; width: 63px; }
.avatar-info p { font: 11px Tahoma; color: #fff; float: left; text-align: center; width: 60px; margin-top: 20px; }
.forum-links { clear: both; padding-top: 5px; }
.forum-links span { color: #ffffff; }
.forum-links a { color: #4e7edb; }
/*** Forum Stuff ***/
.forum-index { }
.forum-index li { border-bottom: 1px solid #141517; padding: 15px 0px 15px 60px; overflow: hidden; min-height: 60px; }
.forum-index li.odd { background: #1b1c1f url(http://images-cdn.perfectworld.com/en/boi/arc/ico-forum.png) 10px no-repeat; }
.forum-index li.even { background: #212429 url(http://images-cdn.perfectworld.com/en/boi/arc/ico-forum.png) 10px no-repeat; }
.forum-index p { font: 12px/16px Arial; color: #a7a7a7; }
div.topic a.title { font-weight: bold; }
div.topic a { color: #FFF; }
div.topic p a { color: #4e7edb; }
div.lastpost a { color: #4e7edb; }
div.replies p, div.thread p { text-align: center; line-height: 60px; }
.forum-index div.topic { width: 430px; float: left; }
.forum-index div.thread { width: 100px; float: left; text-align: center; }
.forum-index div.replies { width: 100px; float: left; text-align: center; }
.forum-index div.lastpost { width: 200px; float: right; }
.txt-title-bread { background: #282b31; width: 100%; height: 29px; border-top: 1px solid #3c414a; border-bottom: 1px solid #141517; }
.txt-title-bread div { font: bold 13px/27px Arial; color: #ffffff; text-transform: capitalize; }
.txt-title-bread div.topic { padding-left: 60px; }
.txt-title-bread h3 { color: #ffffff; font: 14px/24px Tahoma; margin: 0px 10px; }
/*** Admin postbit ***/
.PW-postbit { border-bottom: 1px solid #282b31; overflow: hidden; width: 100%; min-height: 230px; padding: 10px 0px; }
.PW-postbit-userinfo { width: 180px; padding: 0px 15px; float: left; }
.PW-postbit-userinfo div.ip { width: 40px; float: left; margin-top: 20px; margin-right: 10px; }
.PW-postbit-userinfo div.infraction { width: 40px; float: right; margin-top: 20px; }
.PW-postbit-userinfo div.avatar { width: 90px; height: 90px; float: left; margin: 0 auto; }
.PW-postbit-userinfo div.bigusername { text-align: center; clear: both; }
.PW-postbit-userinfo div.smallfont { text-align: center; clear: both; }
.PW-postbit-content { width: 700px; float: left; border-left: 1px solid #282b31; min-height: 230px; }
.PW-postbit-content div.header { height: 30px; }
.PW-postbit-content div.topic { float: left; padding: 5px; width: 410px; }
.PW-postbit-content div.buttons { float: right; }
.PW-postbit-content div.time { font: 11px Arial; }
.PW-postbit-message { clear: both; padding: 7px 17px; font: 12px/16px Arial; border-top: 1px solid #282b31; }
.PW-signature { height: 1px; background: #16110d; font: 1px/1px Arial; margin: 20px 0px; }
/*** Avatar ***/
.avatar-index { background: #16110d; overflow: hidden; padding: 20px; }
.avatar-index .avatar { float: left; height: auto; }
.avatar-index p { font: 12px/16px Arial; color: #7f7768; padding: 5px 0px; }
/** Image Resize ***/
#posts img { max-width: 640px; width: expression (this.width > 640 ? "640px" : true); }
#collapseobj_threadreview img { max-width: 640px; width: expression(this.width > 640 ? 640: true); }