web/public/css/all.css

html {
	height: 100%;
	min-width: 930px;
}
body {
	background: #000 url(/img/container-bg.jpg) repeat-y 50% 0;
	color: #160400;
	font: 11px/14px Arial,Helvetica,sans-serif;
	height: 100%;
	margin: 0;
	min-width: 930px;
}
body.netbar { margin-top: 32px!important }
img {
	border: 0;
	display: block;
}
a:focus { outline: 0 }
form {
	margin: 0;
	padding: 0;
}
#page {
	min-height: 100%;
	overflow: hidden;
}
.right { float: right }
.header-wrapper {
	background: url(/img/header-bg.jpg) no-repeat 50% 0;
	height: 253px;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}
#header {
	height: 230px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 930px;
}
.logo {
	background: url(/img/logo.jpg) no-repeat;
	height: 60px;
	left: 363px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 199px;
}
.header-box {
	margin: 132px 0 0 199px;
	overflow: hidden;
	width: 534px;
}
#userBox {
	height: 81px;
	margin: 125px 0 0 159px;
	padding: 15px 40px 0;
	width: 535px;
}
#regBtn {
	background: url(/img/reg-btn.jpg) no-repeat;
	height: 92px;
	margin: 0 auto;
	width: 533px;
}
#regSteps {
	height: 20px;
	text-align: center;
}
#regSteps a {
	color: #f2e69f;
	font-weight: bold;
	text-decoration: none;
}
#regBtn a#toReg {
	color: #f2e69f;
	display: block;
	font-size: 22px;
	font-weight: bold;
	height: 72px;
	line-height: 72px;
	padding: 0 0 0 100px;
	text-align: left;
	text-decoration: none;
	text-shadow: 2px 2px 5px #000;
	width: 433px;
}
#regSteps a:hover,
#regBtn a#toReg:hover { color: #FFF }
#regSteps span {
	font-size: 12px;
	margin: 0 15px;
}
#header .reg-hover { background-position: 0 -92px }
#header .reg-hover a { color: #FFF }
.top-nav {
	margin: 6px 0 0;
	overflow: hidden;
	padding: 0 0 2px;
	width: 100%;
}
.top-nav li {
	background: url(/img/number-bg.png) no-repeat;
	color: #fef6aa;
	display: inline;
	float: left;
	font-size: 14px;
	height: 25px;
	list-style: none;
	line-height: 16px;
	margin: 0 0 0 16px;
	padding: 0 20px 0 0;
}
.top-nav li span {
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0 0 8px;
	width: 24px;
}
.top-nav li a {
	color: #fef6aa;
	float: left;
	margin: 5px 0 0;
	position: relative;
	text-decoration: none;
}
.top-nav li a:hover { text-decoration: underline }
.header-box-nav-container {
	background: url(/img/header-box.gif) no-repeat;
	border: 0;
	height: 42px;
	margin: 4px 0 0 6px;
	overflow: hidden;
	padding: 8px 0 0 6px;
	width: 516px;
}
.welcome-text {
	color: #fef6aa;
	font-size: 14px;
	font-weight: bold;
}
.welcome-text-left {
	float: left;
	padding-left: 15px;
	width: 252px;
}
.welcome-text-right {
	float: left;
	padding: 0 12px 0 0;
	text-align: right;
	width: 256px;
}
.welcome-text-invisible { visibility: hidden }
.nav-box-btn {
	color: #fef6aa;
	display: block;
	float: left;
	height: 20px;
	margin: 0 0 0 14px;
	padding: 5px 0 0 18px;
	text-align: center;
	text-decoration: none;
	width: 131px;
}
.nav-box-btn:hover { text-decoration: underline }
.nav-box-btn-1 { background-image: url(/img/nav-box-login-1-bg.gif) }
.nav-box-btn-2 { background-image: url(/img/nav-box-login-2-bg.gif) }
.nav-box-btn-3 { background-image: url(/img/nav-box-login-3-bg.gif) }
.nav-box-btn-4 { background-image: url(/img/nav-box-login-4-bg.gif) }
.form { clear: both }
.form fieldset {
	background: url(/img/header-box.png) no-repeat;
	border: 0;
	height: 42px;
	margin: 0 0 0 6px;
	overflow: hidden;
	padding: 0 0 0 6px;
	width: 516px;
}
.agb-label {
	color: #ce2918;
	display: block;
	float: left;
	line-height: 14px;
	margin: 0 0 0 5px;
}
.form-agb-box {
	float: left;
	margin-left: 20px;
}
.agb-label a {
	color: #c5a15f;
	text-decoration: none;
}
.form label {
	color: #ce2918;
	display: block;
	line-height: 14px;
	margin: 1px 0 0 294px;
}
.form label a {
	color: #c5a15f;
	text-decoration: none;
}
.form label a:hover { text-decoration: underline }
.form label input {
	height: 13px;
	float: left;
	margin: 0 4px 0 0;
	width: 15px;
}
.form fieldset label {
	color: #fef6aa;
	font-size: 10px;
	float: left;
	line-height: 13px;
	margin: 0;
}
.form fieldset .box {
	float: left;
	margin: 3px 0 0;
	width: 135px;
}
.form fieldset .input {
	background: url(/img/input-bg-1.gif) no-repeat;
	display: inline;
	float: left;
	height: 18px;
	margin: 1px 0 0 1px;
	width: 126px;
}
.form fieldset .input-2 { background: url(/img/input-bg-2.gif) no-repeat }
.form fieldset .input-3 { background: url(/img/input-bg-3.gif) no-repeat }
.form fieldset .input input {
	background: 0;
	border: 0;
	color: #fff;
	display: inline;
	float: left;
	font: 11px/14px Arial,Helvetica,sans-serif;
	height: 15px;
	margin: 0 0 0 4px;
	padding: 2px 0 0;
	width: 117px;
}
.button,
.dyn-button {
	background: transparent url(/img/top-nav-register-btn.gif) no-repeat scroll 0 0;
	border-style: none;
	color: #dfbf8b;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	margin: 16px 0 0;
	padding: 0 17px 3px 0;
	text-align: center;
	text-decoration: none;
	width: 100px;
}
.button:hover,
.button:hover span,
.btn:hover { text-decoration: underline }
.btn {
	background: url(/img/button-bg-2.gif) no-repeat;
	color: #dfbf8b;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 17px;
	line-height: 12px;
	margin: 4px 0 0;
	padding: 3px 14px 0 0;
	text-align: center;
	text-decoration: none;
	width: 116px;
}
.btn-login {
	background: transparent url(/img/button-bg-2.gif) no-repeat scroll 0 0!important;
	border-style: none;
	margin-top: 3px;
	padding-bottom: 4px;
	width: 129px!important;
}
.btn-login:hover { text-decoration: underline!important }
.form-score .btn {
	background: url(/img/button-bg-3.gif) no-repeat;
	color: #dfbf8b;
	margin-left: 4px;
}
.form-score h4 {
	color: #7b1300;
	font-size: 14px;
	font-weight: bold;
	padding-left: 9px;
	text-align: left;
	width: 141px;
}
.back-btn {
	background: transparent url(/img/back-btn-bg.gif) repeat scroll 0 0;
	margin: 30px 0 22px 145px;
	padding-left: 28px;
	width: 87px;
}
.dyn-button {
	background: transparent url(/img/tutorial-btn.png) no-repeat;
	line-height: 18px;
	padding: 0 0 0 8px;
	text-align: left;
}
.dyn-button-end {
	background: transparent url(/img/tutorial-btn.png) no-repeat top right;
	float: right;
	height: 19px;
	width: 20px;
}
.dyn-button:hover { text-decoration: underline }
.footer-wrapper {
	background: url(/img/footer-bg.gif) no-repeat 50% 0;
	height: 220px;
	margin: -130px 0 0;
	float: left;
	width: 100%;
}
#footer {
	margin: 0 auto;
	width: 930px;
	overflow: hidden;
	position: relative;
}
#footer a,
#footer a:hover,
#footer a:linked,
#footer a:focus,
#footer a:visited { border: 0 none }
.gameforge4d {
    background: url(/img/gameforge4d.gif) no-repeat;
    width: 128px;
    height: 35px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    margin: 71px 0 0 400px;
}
#usk {
	display: inline;
	float: left;
	margin: 21px 0 0 7px;
}
#safeplay {
	display: inline;
	float: left;
	margin: 21px 0 0 7px;
}
#pegi {
	display: block;
	float: left;
	background: 0;
	border: 1px solid white;
	height: 76px;
	width: 184px;
	margin: 21px 0 0 0;
}
#pegi.noBorder { border: 0 none }
#pegiAge {
	float: left;
	display: inline;
	margin: 4px 0 0 4px;
}
#pegiOnline {
	float: left;
	display: inline;
	margin: 4px 0 0 4px;
}
#pegiViolence {
	float: left;
	margin: 4px 0 0 4px;
}
#footer ul {
	background: url(/img/footer-box.jpg) no-repeat;
	float: left;
	font-size: 10px;
	height: 66px;
	line-height: 11px;
	margin: 21px 0 0 8px;
	padding: 21px 0 0 0;
	text-align: center;
	width: 544px;
}
#footer ul li {
	background: url(/img/sep.gif) no-repeat 0 7px;
	color: #ae9467;
	display: inline;
	list-style: none;
	padding: 0 5px 0 13px;
}
#footer ul li.first {
	background: 0;
	display: block;
	width: 440px;
	margin: 0 auto;
}
#footer ul li a {
	color: #ae9467;
	text-decoration: none;
	position: relative;
}
#footer ul li.impressum { background: 0 }
#footer ul li.impressum a { color: #a00 }
#footer ul li a:hover { text-decoration: underline }
.container-wrapper {
	background: url(/img/container-bg-top.jpg) no-repeat 50% 0;
	float: left;
	padding: 0 0 181px;
	width: 100%;
}
.container {
	margin: 0 auto;
	position: relative;
	width: 930px;
}
.col-1,
.col-3 {
	display: inline;
	float: left;
	margin: -64px 0 0 11px;
	position: relative;
	width: 157px;
}
.col-3 {
	float: right;
	margin: -64px 9px 0 0;
	overflow: hidden;
	width: 157px;
}
.boxes-top {
	background: url(/img/box-top-1.jpg) no-repeat;
	height: 23px;
	width: 157px;
}
.col-3 .boxes-top { background: url(/img/box-top-2.jpg) no-repeat }
.boxes-bottom {
	background: url(/img/box-bottom.png) no-repeat;
	height: 48px;
	margin: 0 0 0 4px;
	width: 150px;
}
.boxes-middle {
	background: url(/img/box-middle.png) no-repeat;
	height: 32px;
	margin: 0 0 0 12px;
	width: 134px;
}
.modul-box {
	background: url(/img/modul-box-bg.jpg) repeat-y;
	width: 157px;
}
.modul-box .modul-box-bg { background: url(/img/modul-box-top.jpg) no-repeat }
.modul-box-2 .modul-box-bg { background: url(/img/modul-box-top-2.jpg) no-repeat }
.modul-box .modul-box-bg-bottom {
	background: url(/img/modul-box-bottom.jpg) no-repeat 0 100%;
	min-height: 132px;
	overflow: hidden;
	padding: 0 0 5px;
	width: 100%;
}
.main-nav {
	margin: 24px 0 0;
	padding: 0 0 16px;
}
.main-nav li {
	list-style: none;
	padding: 0 0 5px;
}
.main-nav li a,
.modul-box h3 {
	background: url(/img/main-mav-bg.gif) no-repeat;
	color: #fef6aa;
	display: block;
	font-weight: bold;
	font-size: 12px;
	height: 26px;
	line-height: 15px;
	overflow: hidden;
	padding: 8px 0 0;
	text-align: center;
	text-decoration: none;
	width: 157px;
}
.modul-box h3 { margin: 24px 0 0 }
.social-media { text-align: center }
.button-facebook {
	display: block;
	margin: 6px 0;
}
.button-twitter {
	display: block;
	margin: 6px 0 22px;
}
.container-facebook-like { margin: 8px auto 22px }
.img-social-media {
	height: 36px;
	width: 117px;
	border: 0 none;
	margin: 0 auto;
}
.main-nav li a:hover,
.main-nav li a.active {
	background-position: 0 -34px;
	color: #fffde8;
}
.form-login {
	margin: 6px 0 0 14px;
	overflow: hidden;
	padding: 0 0 12px;
	width: 143px;
}
.form-login label {
	color: #4a1e00;
	font-size: 11px;
	line-height: 14px;
}
.form-login .input {
	background: url(/img/input-bg-4.gif) no-repeat;
	height: 18px;
	margin: 2px 0 0;
	padding: 0 0 4px;
	width: 129px;
}
.form-login .input input {
	border: 0;
	background: 0;
	font: 11px/13px Arial,Helvetica,sans-serif;
	margin: 1px 0 0 4px;
	width: 121px;
}
.password {
	color: #58220e;
	display: block;
	font-size: 9px;
	line-height: 11px;
	margin: 8px 0 6px;
	text-align: center;
	text-decoration: none;
	width: 128px;
}
.password:hover { text-decoration: underline }
.agbok {
	color: #755;
	display: block;
	font-size: 9px;
	margin: 8px 0 6px;
	text-align: center;
	text-decoration: none;
	width: 128px;
}
.agbok a {
	color: #8d0404;
	font-size: 9px;
	line-height: 11px;
	text-decoration: none;
}
.agbokinput { margin-bottom: 0 }
.agbok2 {
	margin: 0 0 0 12px;
	!important: ;
}
.agbokbtn {
	margin: 0 0 0 62px;
	!important: ;
}
#lostPasswordCode p {
	margin: 20px 20px 25px;
	font-size: 12px;
	font-weight: bold;
}
.form-score {
	margin: 5px 0 0 10px;
	padding: 0 0 20px;
}
.form-score select {
	background-color: #cdb78b;
	border: 1px solid #997c47;
	color: #4a1e00;
	font-size: 13px;
	padding: 0;
	width: 129px;
}
.select-replacement {
	background-image: url(/img/select-replacement-bg.gif);
	height: 20px;
	margin: 0 0 0 4px;
	padding: 0;
	width: 129px;
}
.form-score ul {
	margin: 6px 1px 0 0;
	padding: 0 0 1px;
}
.form-score ul li {
	color: #4a1e00;
	font-size: 11px;
	line-height: 14px;
	list-style: none;
	padding: 3px 0 3px 6px;
}
.form-score ul li.light { background: url(/img/shadow.gif) no-repeat }
.form-score ul li div {
	margin: 0 16px 0 0;
	background: no-repeat 100% 0;
}
.form-score ul li div.empire1 { background-image: url(/img/empire1_small.png) }
.form-score ul li div.empire2 { background-image: url(/img/empire2_small.png) }
.form-score ul li div.empire3 { background-image: url(/img/empire3_small.png) }
.form-score ul li strong {
	color: #8d0404;
	margin: 0 2px 0 0;
}
.form-score ul li strong.offset { margin: 0 2px 0 6px }
.form-score ul li a {
	color: #6a3e00;
	margin: 0 0 0 2px;
	text-decoration: none;
}
.form-score ul li a.first {
	color: #943b00;
	font-weight: bold;
}
.form-score ul li a:hover { text-decoration: underline }
.col-2 {
	float: left;
	display: inline;
	margin: 33px 0 0 46px;
	width: 510px;
}
.two-boxes {
	background: url(/img/two-boxes-bg.jpg) repeat-y;
	width: 506px;
}
.two-boxes .two-boxes-top { background: url(/img/two-boxes-top.jpg) no-repeat }
.two-boxes .two-boxes-bottom {
	background: url(/img/two-boxes-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 0 15px;
	width: 100%;
}
.banner img { margin: 10px 0 }
.box {
	float: left;
	display: inline;
	margin: 0 0 0 11px;
	width: 223px;
}
.box-right {
	float: right;
	margin: 0 14px 0 0;
}
.box h2,
.content h2 {
	background: url(/img/heading-1.jpg) no-repeat;
	color: #7b1300;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	margin: 11px 0 0;
	padding: 7px 0 7px 33px;
}
.box-right h2 { background: url(/img/heading-2.jpg) no-repeat }
.content h2 { background: url(/img/heading-3.jpg) no-repeat }
.box .body { margin: 4px 6px 0 5px }
.box p {
	color: #160400;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 7px;
	text-align: justify;
}
.video {
	background: url(/img/video-border-bg.gif) no-repeat;
	margin: 7px 0 0;
	width: 223px;
}
.video .video-bg {
	background: url(/img/video-border-bg-bottom.gif) no-repeat 0 100%;
	overflow: hidden;
	padding: 3px 0 3px 3px;
	width: 220px;
}
.video a {
	float: left;
	border: 1px solid #eae0c6;
}
.content {
	background: url(/img/content-box-bg.jpg) repeat-y;
	margin: 0;
	width: 507px;
}
.content .content-bg { background: url(/img/content-box-top.jpg) no-repeat }
.content .content-bg-bottom {
	background: url(/img/content-box-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 0 0 11px;
	width: 496px;
}
.shadow {
	background: url(/img/shadow-2.png) no-repeat;
	height: 5px;
	overflow: hidden;
	width: 507px;
}
.distribute-content { line-height: 20px }
.distribute-content p { margin: 6px 0 6px 10px }
.distribute-from-shop .itemshop-btn {
	float: left;
	margin: 10px 10px 20px 10px;
}
.distribute-from-shop p {
	line-height: 13px;
	padding: 0 20px 0 150px;
}
.distribute-content .distribute-item { margin-bottom: 8px }
.distribute-content .distribute-item .dist-item-img {
	height: 40px;
	width: 40px;
}
.distribute-content .distribute-item .small-img {
	height: 30px;
	width: 30px;
}
.distribute-content .dist-item-amount,
.distribute-content .dist-item-name {
	float: left;
	padding-top: 15px;
	margin: 0 6px;
}
.distribute-content img {
	margin-top: 4px;
	float: left;
}
.distribute-content .dist-item-amount {
	color: #801d08;
	font-size: 30px;
	font-weight: bold;
	height: 40px;
	margin-left: 10px;
}
.distribute-content .dist-item-name {
	color: #801d08;
	font-size: 16px;
	font-weight: bold;
}
.distribute-content .dyn-button {
	float: right;
	margin-right: 20px;
	width: 140px;
}
.distribute-content .shadow-line {
	background: transparent url(/img/shadow-line.png) no-repeat scroll left bottom;
	height: 3px;
	margin: 0 0 6px 10px;
}
.distribute-content .distribute-box {
	background: url(/img/distributebox-bg.jpg) no-repeat;
	height: 121px;
	margin: 0 0 20px 10px;
	width: 458px;
}
.distribute-content .special-box {
	background: url(/img/distributebox-bg-special.jpg) no-repeat;
	height: 181px;
}
.distribute-content .distribute-box form { margin: 15px 0 0 15px }
.distribute-content .distribute-box .distribute-item {
	height: 38px;
	padding: 18px 0 0 10px;
}
.distribute-content .distribute-box .special-item { height: 98px }
.distribute-content .distribute-box .dist-item-amount {
	font-size: 22px;
	padding-top: 10px;
}
.distribute-content .distribute-box .dist-item-name {
	font-size: 14px;
	padding-top: 10px;
}
.distribute-content .distribute-box .formField {
	float: left;
	margin-right: 10px;
}
.distribute-content .distribute-box .amount {
	background: url(/img/distributebox-input.jpg);
	border: 0;
	height: 18px;
	width: 37px;
}
.distribute-content .distribute-box .distribute-btn {
	background: url(/img/distributebox-btn.jpg) no-repeat;
	color: #fef6aa;
	display: block;
	font-weight: bold;
	text-decoration: none;
	height: 34px;
	margin: 6px 0 0 30px;
	padding: 6px 0 0 10px;
	width: 121px;
}
.distribute-content .success-msg {
	background: transparent url(/img/bullet.gif) no-repeat scroll 0 0;
	font-weight: bold;
	list-style: none outside none;
	padding: 0 0 13px 20px;
}
.distribute-content .error-mini { margin-left: 10px }
.distribute-content .error-mini p { margin: 6px 0 6px 6px }
.distribute-content .error-mini ul li {
	background: url(/img/error-bullet.png) no-repeat 0 6px;
	list-style: none;
	padding: 0 0 13px 20px;
}
.distribute-content .distribute-item .special-amount { padding-top: 40px }
.distribute-content .distribute-item .special-img {
	height: 100px;
	width: 100px;
	margin: 4px 8px 0;
}
.distribute-content .distribute-item .special-name { padding-top: 40px }
.distribute-content .distribute-item .special-dyn-button { margin-top: 40px }
.distribute-content .special-item .special-amount { font-size: 26px }
.distribute-content .special-item .special-name { font-size: 18px }
.distribute-content .special-item .small-img {
	height: 80px;
	width: 80px;
}
.screenshots {
	margin: 5px 0 0;
	overflow: hidden;
	padding: 0 0 17px;
	width: 100%;
}
.screenshots li {
	background: url(/img/screeshot-border-2.gif) no-repeat;
	display: inline;
	float: left;
	height: 79px;
	list-style: none;
	padding: 4px 0 0 4px;
	margin: 0 6px 0 6px;
	width: 104px;
}
.screenshots li.first { background: url(/img/screeshot-border.gif) no-repeat }
.stepdown { display: inline }
.inner-content {
	margin: 4px 25px 0 5px;
	padding: 0 0 18px;
}
.inner-content p {
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 10px;
	text-align: justify;
}
#result {
	font-size: 13px;
	font-weight: bold;
	padding: 30px 30px 40px;
}
.inner-content h3 {
	color: #7b1300;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	margin: 9px 0 0;
	padding: 0 0 9px;
}
.inner-content ul {
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 15px;
	text-align: justify;
}
.inner-content ul li {
	background: url(/img/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
}
#lbOverlay {
	background-color: #000;
	cursor: pointer;
	left: 0;
	position: absolute;
	z-index: 9999;
	width: 100%;
}
#lbCenter,
#lbBottomContainer {
	background: #d2bc85 url(/img/standard-bg.jpg) no-repeat;
	left: 50%;
	overflow: hidden;
	position: absolute;
	z-index: 9999;
}
.lbLoading { background: #fff url(/img/loading.gif) no-repeat center }
#lbImage {
	background-repeat: no-repeat;
	border: 2px solid #d2bc85;
	left: 0;
	top: 0;
	position: absolute;
}
#lbPrevLink,
#lbNextLink {
	display: block;
	outline: none;
	position: absolute;
	top: 0;
	width: 50%;
}
#lbPrevLink {
	background: transparent url(/img/prevlabel.gif) no-repeat 0% 50%;
	left: 0;
}
#lbPrevLink:hover { background: transparent url(/img/prevlabel-hover.gif) no-repeat 0% 50% }
#lbNextLink {
	background: transparent url(/img/nextlabel.gif) no-repeat 100% 50%;
	right: 0;
}
#lbNextLink:hover { background: transparent url(/img/nextlabel-hover.gif) no-repeat 100% 50% }
#lbBottom {
	border: 2px solid #d2bc85;
	border-top-style: none;
	color: #8d0404;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 31px;
	line-height: 1.4em;
	padding: 3px 0px 0px 0px;
	text-align: center;
}
#lbCloseLink {
	background: transparent url(/img/closelabel.gif) no-repeat center;
	display: block;
	float: right;
	height: 25px;
	margin: 0px 3px 0px 0px;
	outline: none;
	width: 25px;
}
#lbCaption,
#lbNumber { margin-right: 0 }
#lbCaption { font-weight: bold }
.aboutbox-1,
.aboutbox-2,
.aboutbox-3,
.aboutbox-4,
.aboutbox-5 {
	min-height: 169px;
	padding: 7px 190px 7px 9px;
	width: 281px;
}
.aboutbox-1 { background: url(/img/aboutbox-1-bg.jpg) no-repeat }
.aboutbox-2 { background: url(/img/aboutbox-2-bg.jpg) no-repeat }
.aboutbox-3 { background: url(/img/aboutbox-3-bg.jpg) no-repeat }
.aboutbox-4 { background: url(/img/aboutbox-4-bg.jpg) no-repeat }
.aboutbox-5 { background: url(/img/aboutbox-5-bg.jpg) no-repeat }
.about-inner-content h4 {
	background: url(/img/shadow-line.png) no-repeat bottom left;
	color: #7b1300;
	font-size: 11px;
	padding-bottom: 8px;
	margin: 1px 0 0 0;
}
.about-inner-content .aboutbox-5 h4 { width: 280px }
.about-inner-content p {
	margin: 5px 0 9px 0;
	width: 280px;
}
.about-inner-content .aboutbox-5 p { width: 462px }
.about-inner-content p.first-content { width: 280px }
.about-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.box-foot {
	background-image: url(/img/aboutbox-foot-bg.jpg);
	height: 10px;
	margin-bottom: 12px;
	width: 481px;
}
.firststepsbox-1,
.firststepsbox-2,
.firststepsbox-3 {
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}
.firststepsbox-1 { background: url(/img/firststepsbox-1-bg.jpg) no-repeat }
.firststepsbox-2 { background: url(/img/firststepsbox-2-bg.jpg) no-repeat }
.firststepsbox-3 { background: url(/img/firststepsbox-3-bg.jpg) no-repeat }
.firststeps-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.firststeps-inner-content h4 {
	background: url(/img/shadow-line.png) no-repeat bottom left;
	color: #7b1300;
	font-size: 12px;
	padding-bottom: 8px;
	margin: 1px 0 0 0;
}
.firststeps-inner-content p { margin: 5px 0 9px 0 }
.firststeps-login-screenshot {
	height: 130px;
	margin-left: 12px;
	margin-top: 18px;
	width: 166px;
}
.firststeps-inner-content .tutorialsbox {
	background: url(/img/tutorials-box-1-bg.jpg) no-repeat;
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}
.firststeps-inner-content .tutorial-btn {
	background: transparent url(/img/tutorial-btn.png) no-repeat;
	color: #f1e6a6;
	display: block;
	font-size: 11px;
	height: 17px;
	margin: 10px 0 0;
	padding: 3px 20px 0 10px;
	text-decoration: none;
	width: 200px;
}
.firststeps-inner-content .tutorial-btn:hover { text-decoration: underline }
.firststeps-inner-content .community {
	background: url(/img/community_dragon_bg.jpg) no-repeat;
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}
.empires-content {
	margin: 9px 0 0 0;
	padding: 0;
	position: relative;
}
.empires-content .empires-map {
	background: url(/img/empires-map-bg.png) no-repeat;
	height: 341px;
	position: relative;
	width: 481px;
}
.empirebox-2,
.empirebox-3 { display: none }
.empirebox-1,
.empirebox-2,
.empirebox-3 {
	background: url(/img/empire-box-bg.jpg) no-repeat;
	min-height: 169px;
	padding: 7px;
	position: relative;
	width: 467px;
}
.empires-content h4 {
	background: url(/img/shadow-line.png) no-repeat bottom left;
	color: #7b1300;
	font-size: 11px;
	padding-bottom: 8px;
	margin: 1px 0 0 0;
}
.empires-content .empire-crest {
	background: url(/img/empire-box-bg.jpg) no-repeat;
	height: 87px;
	position: absolute;
	top: 0;
	left: 345px;
	width: 136px;
}
.empires-content .empirebox-1 .empire-crest { background: url(/img/empire-crest.png) no-repeat 0 0 }
.empires-content .empirebox-2 .empire-crest { background: url(/img/empire-crest.png) no-repeat 0 -87px }
.empires-content .empirebox-3 .empire-crest { background: url(/img/empire-crest.png) no-repeat 0 -174px }
.empires-content p {
	margin: 5px 0 9px 0;
	width: 320px;
}
.empires-content .empires-map img {
	position: absolute;
	top: 0;
}
.empires-content #empire-img { position: relative }
.empires-content .empire-1 {
	background: url(/img/empires-map.png) no-repeat 0 -196px;
	height: 145px;
	left: 0;
	top: 196px;
	width: 345px;
}
.empires-content .empire-2 {
	background: url(/img/empires-map.png) no-repeat 0 0;
	height: 160px;
	left: 0;
	top: 0;
	width: 200px;
}
.empires-content .empire-3 {
	background: url(/img/empires-map.png) no-repeat -291px 0;
	height: 225px;
	left: 291px;
	width: 190px;
}
#wallpapers a,
#screenshots a {
	background: url(/img/screeshot-border-2.gif) no-repeat;
	float: left;
	margin: 4px;
	padding: 4px;
}
#wallpapers a.first,
#screenshots a.first { background: url(/img/screenshot-li-bg.jpg) no-repeat }
.gallerybox {
	background: url(/img/gallerybox-bg.jpg) no-repeat;
	margin-bottom: 9px;
	height: auto;
	padding-top: 7px;
	padding-left: 12px;
	width: 469px;
}
.gallerybox-small {
	background-image: url(/img/gallerybox-small-bg.jpg);
	min-height: 133px;
}
.gallerybox-middle {
	background-image: url(/img/gallerybox-bg.jpg);
	min-height: 193px;
	margin-bottom: 30px;
}
.gallery-inner-content h4 {
	color: #7b1300;
	font-size: 12px;
	height: 34px;
	margin: 1px 0 0 9px;
	width: 290px;
}
.gallery-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.gallery-image {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.screenshots-gallery-list {
	margin: 4px 0 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
.screenshots-gallery-list li {
	background: url(/img/screenshot-li-bg.jpg) no-repeat;
	display: inline;
	float: left;
	list-style: none;
	height: 83px;
	margin: 0 4px 4px 0;
	padding: 4px 0 0 4px;
	width: 108px;
}
.wallpaper-links {
	float: left;
	line-height: 18px;
	margin-right: 8px;
	text-align: center;
	width: 108px;
}
.wallpaper-links a {
	color: #4a1e00;
	font-size: 11px;
	text-decoration: underline;
}
.characterclasses {
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}
.charclass-1 { background: url(/img/characterclasses-knight-bg.jpg) no-repeat }
.charclass-2 { background: url(/img/characterclasses-ninja-bg.jpg) no-repeat }
.charclass-3 { background: url(/img/characterclasses-shaman-bg.jpg) no-repeat }
.charclass-4 { background: url(/img/characterclasses-sura-bg.jpg) no-repeat }
.characterclasses h4 { font-size: 12px }
.download-inner-column-left {
	background-image: url(/img/download-inner-column-left-bg.jpg);
	float: left;
	overflow: hidden;
	width: 301px;
}
.download-inner-column-right {
	width: 180px;
	float: left;
}
.download-inner-column-right p {
	width: 174px;
	margin: 12px 0 16px 1px;
}
.download-inner-column-right p a {
	color: #7b1300;
	font-weight: bold;
	text-decoration: none;
}
.download-inner-column-right p a:hover { color: #af4e3c }
.download-button-1 {
	background-image: url(/img/download-button-1.jpg);
	display: block;
	height: 63px;
	width: 174px;
}
.download-button-1:hover { background-image: url(/img/download-button-1_h.jpg) }
.download-button-2 {
	background-image: url(/img/download-button-2.jpg);
	display: block;
	height: 63px;
	width: 174px;
}
.download-button-2:hover { background-image: url(/img/download-button-2_h.jpg) }
.downloadbox {
	background: url(/img/downloadbox-bg.jpg) no-repeat;
	margin-bottom: 9px;
	min-height: 209px;
	padding-top: 7px;
	padding-left: 12px;
	width: 289px;
}
.download-inner-content h4 {
	color: #7b1300;
	font-size: 12px;
	height: 34px;
	margin: 1px 0 0 0;
	width: 290px;
}
.download-inner-column-left p {
	margin: 5px 0 9px 0;
	width: 286px;
}
.download-image { margin-bottom: 16px }
.download-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.downloadbox caption {
	caption-side: inherit;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	text-align: left;
}
.downloadbox table {
	margin-bottom: 20px;
	width: 281px;
}
.left_td {
	background: url(/img/bullet.gif) no-repeat 0px 0px;
	height: 23px;
	padding-left: 20px;
	width: 69px;
}
.download-box-foot {
	background-image: url(/img/aboutbox-foot-bg.jpg);
	clear: both;
	height: 10px;
	margin-bottom: 12px;
	width: 481px;
}
.error-inner-content ul {
	font-size: 11px;
	line-height: 13px;
	margin: 12px 0 0 12px;
	padding: 0 0 15px;
	text-align: justify;
}
.error-inner-content ul li {
	background: url(/img/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
}
.ranks-dropdowns-box {
	/* has IE-fix */
	background-image: url(/img/ranks-dropdowns-box-bg.jpg);
	height: 56px;
	margin: 0 0 15px 8px;
	width: 466px;
}
.ranks-dropdowns-box select {
	background-color: #cdb78b;
	border: 1px solid #997c47;
	color: #4a1e00;
	font-size: 13px;
	margin: 0 0 0 4px;
	padding: 0;
	width: 120px;
}
.ranks-dropdowns-box input {
	background: 0;
	border: 0;
	color: #4a1e00;
	font-size: 13px;
	margin: 0 0 0 4px;
	padding-top: 2px;
	width: 110px;
}
.ranks-dropdowns-box label {
	color: #671000;
	font-weight: bold;
}
.ranks-select-box {
	height: 45px;
	float: left;
	margin-right: 7px;
	margin-left: 4px;
	margin-top: 10px;
	width: 120px;
}
.ranks-select-box-btn {
	height: 45px;
	float: left;
	margin-top: 19px;
	width: 30px;
}
.ranks-input {
	background-image: url(/img/ranks-input-bg.jpg);
	height: 20px;
	width: 119px;
}
.ranks-input-noservers {
	background-image: url(/img/ranks-input-bg.jpg);
	color: #4a1e00;
	font-size: 13px;
	height: 17px;
	padding-left: 4px;
	padding-top: 3px;
	width: 115px;
}
.small-btn {
	background: url(/img/small-btn-bg.gif) no-repeat;
	color: #dfbf8b;
	display: block;
	font-weight: bold;
	font-size: 10px;
	height: 20px;
	line-height: 12px;
	margin: 4px 0 0;
	padding: 3px 14px 0 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 51px;
}
.small-btn:hover { text-decoration: underline }
.rank-btn {
	background: url(/img/button-bg-3.gif) no-repeat;
	color: #dfbf8b;
	display: block;
	font-weight: bold;
	font-size: 10px;
	height: 20px;
	line-height: 18px;
	margin: 5px 0 0;
	text-align: center;
	text-decoration: none;
	width: 129px!important;
	padding-bottom: -4px;
}
.rank-btn:hover { text-decoration: underline }
.ranks-inner-content h5 {
	color: #4a1e00;
	font-size: 11px;
	font-weight: bold;
	margin: 7px 34px 14px 9px;
}
.ranks-inner-content p {
	color: #4a1e00;
	font-size: 11px;
	margin: 0 9px 15px 9px;
}
.ranks-inner-content th {
	color: #8d0404;
	font-size: 11px;
	font-weight: bold;
	height: 43px;
	padding-top: 20px;
}
.ranks-inner-content td {
	color: #8d0404;
	font-size: 11px;
	height: 29px;
	padding-top: 8px;
}
.rankfirst,
.rankfirst td {
	font-weight: bold;
	font-size: 14px;
}
#highscore .content-bg-bottom {
	width: 485px;
	padding: 0 10px;
}
#highscore table {
	border-collapse: separate;
	width: 481px;
}
*+html #highscore table {
	border-collapse: inherit;
	width: 481px;
}
#highscore td,
#highscore th {
	border-color: #fae5d0 #b79647 #b39164 #fae5d0;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
#highscore tr.zebra { background: url(/img/zebra.jpg) }
#highscore td img { display: inline }
#highscore .rank-th-1 {
	border-left: 1px solid #81602d;
	width: 55px;
}
#highscore .rank-th-2 {
	padding-left: 13px;
	text-align: left;
	width: 110px;
}
#highscore .rank-th-3 { width: 40px }
#highscore .rank-th-4 { width: 56px }
#highscore .rank-th-5 {
	border-right: 1px solid #81602d;
	padding-right: 13px;
	text-align: right;
	width: 104px;
}
#highscore .rank-td-1-1 {
	border-left: 1px solid #81602d;
	font-weight: bold;
	text-align: center;
}
#highscore .rank-td-1-2 {
	padding-left: 13px;
	text-align: left;
}
#highscore .rank-td-1-5 {
	border-right: 1px solid #81602d;
	padding-right: 13px;
	text-align: right;
}
#highscore .rank-td-2-1 {
	border-left: 1px solid #81602d;
	font-weight: bold;
	text-align: center;
}
#highscore .rank-td-2-2 {
	padding-left: 13px;
	text-align: left;
}
#highscore .rank-td-2-5 {
	border-right: 1px solid #81602d;
	padding-right: 13px;
	text-align: right;
}
#guildHighscore .content-bg-bottom {
	width: 485px;
	padding: 0 10px;
}
#guildHighscore table {
	border-collapse: separate;
	width: 481px;
}
*+html #guildHighscore table {
	border-collapse: inherit;
	width: 481px;
}
#guildHighscore td,
#guildHighscore th {
	border-color: #fae5d0 #b79647 #b39164 #fae5d0;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	vertical-align: middle;
}
#guildHighscore tr.zebra { background: url(/img/zebra.jpg) }
#guildHighscore td img { display: inline }
#guildHighscore .guildrank-th-1 {
	border-left: 1px solid #81602d;
	width: 35px;
}
.guildrank-th-2 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}
.guildrank-th-3 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}
.guildrank-th-4 { width: 50px }
.guildrank-th-5 { width: 45px }
#guildHighscore .guildrank-th-6 {
	border-right: 1px solid #81602d;
	padding-right: 13px;
	text-align: right;
	width: 60px;
}
#guildHighscore .guildrank-td-1-1 {
	border-left: 1px solid #81602d;
	font-weight: bold;
	text-align: center;
	width: 50px;
}
.guildrank-td-1-2 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}
.guildrank-td-1-3 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}
.guildrank-td-1-4 {
	text-align: center;
	width: 50px;
}
.guildrank-td-1-5 {
	text-align: center;
	width: 50px;
}
#guildHighscore .guildrank-td-1-6 {
	border-right: 1px solid #81602d;
	padding-right: 13px;
	text-align: right;
	width: 60px;
}
#guildHighscore .guildrank-td-2-1 {
	border-left: 1px solid #81602d;
	font-weight: bold;
	text-align: center;
	width: 50px;
}
.guildrank-td-2-2 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}
.guildrank-td-2-3 {
	padding-left: 13px;
	text-align: left;
	width: 120px;
}
.guildrank-td-2-4 {
	text-align: center;
	width: 50px;
}
.guildrank-td-2-5 {
	text-align: center;
	width: 50px;
}
#guildHighscore .guildrank-td-2-6 {
	border-right: 1px solid #81602d;
	padding-right: 13px;
	text-align: right;
	width: 60px;
}
.ranks-nav {
	height: 24px;
	float: left;
	font-weight: bold;
	padding: 8px 10px 0 10px;
}
.ranks-nav a {
	color: #8d0404;
	font-size: 10px;
	text-decoration: none;
}
.ranks-nav a:hover { text-decoration: underline }
.prev {
	background-image: url(/img/rank-td-last-1.jpg);
	text-align: left;
	width: 221px;
}
.next {
	background-image: url(/img/rank-td-last-2.jpg);
	text-align: right;
	width: 220px;
}
.prev-top {
	background-image: url(/img/rank-td-first-1.jpg);
	padding: 9px 10px 0;
}
.next-top {
	background-image: url(/img/rank-td-first-2.jpg);
	padding: 9px 10px 0;
}
.ranks-update-time {
	color: #4a1e00;
	height: 15px;
	font-size: 11px;
	margin-top: 10px;
	text-align: right;
	width: 475px;
}
.news-box {
	background-image: url(/img/news-box-bg.jpg);
	height: 256px;
	margin-top: 12px;
	overflow: hidden;
	padding-top: 9px;
	width: 481px;
}
.news-box h4 {
	color: #7b1300;
	float: left;
	font-size: 11px;
	height: 20px;
	margin: 1px 0 0 9px;
	width: 345px;
}
.news-box h5 {
	font-size: 11px;
	margin: 10px 12px 5px 13px;
	width: 365px;
}
.news-box h5 a {
	color: #8d0404;
	text-decoration: none;
}
.news-box h5 a:hover { text-decoration: underline }
.news-box p { margin: 10px 12px 5px 13px }
.news-date {
	color: #533a00;
	float: right;
	font-size: 12px;
	margin-right: 10px;
}
.news-box ul {
	font-size: 11px;
	line-height: 13px;
	margin: 5px 12px 0 12px;
	padding: 0;
	text-align: justify;
}
.news-box ul li {
	background: url(/img/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
}
.news-box ul li a {
	color: #8d0404;
	text-decoration: none;
}
.news-box ul li a:hover { text-decoration: underline }
.input-data-box {
	background: url(/img/input-data-box-bg.jpg) no-repeat;
	min-height: 129px;
	padding-top: 9px;
	width: 481px;
}
.input-data-box p a {
	color: #943b00;
	text-decoration: none;
}
.input-data-box p a:hover { text-decoration: underline }
.input-data-box .box-img {
	float: right;
	height: 130px;
	width: 180px;
}
.login-inner-content h4,
.pass-lost-inner-content h4 {
	color: #7b1300;
	font-size: 11px;
	height: 22px;
	margin: 1px 0 0 9px;
	width: 290px;
}
.login-inner-content p,
.pass-lost-inner-content p {
	font-size: 11px;
	margin: 5px 0 10px 12px;
	width: 275px;
}
.login-inner-content,
.pass-lost-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.pass-lost-box {
	background: url(/img/pass-lost-box.jpg) no-repeat;
	margin-left: 11px;
	overflow: hidden;
	padding-top: 10px;
	width: 275px;
}
.pass-lost-box-small {
	background: url(/img/pass-lost-box-small.jpg) no-repeat;
	float: left;
	height: auto;
	margin-left: 11px;
	margin-top: 12px;
	min-height: 143px;
	padding-top: 10px;
	width: 275px;
}
.change-password .pass-lost-box-small { padding-top: 5px }
.login-inner-content .pass-lost-box-small { background: url(/img/login-box-small.jpg) no-repeat }
.pass-lost-box-big { height: 315px }
.pass-lost-box-small p { width: 250px }
.pass-lost-box-inner-content {
	margin-left: 10px;
	width: 253px;
}
.pass-lost-box label {
	color: #4a1e00;
	font-weight: bold;
	font-size: 11px;
}
.pass-lost-box input {
	border: 0;
	background-color: transparent;
	font: 11px/13px Arial,Helvetica,sans-serif;
	margin: 1px 0 0 4px;
	width: 245px;
}
.pass-lost-box input.btn-center-input { margin-top: 5px!important }
.pass-lost-box-small label {
	color: #4a1e00;
	font-weight: bold;
	font-size: 11px;
}
.pass-lost-box-small input {
	background: 0;
	border: 0;
	font: 11px/13px Arial,Helvetica,sans-serif;
	margin: 1px 0 0 4px;
	width: 245px;
}
.input-data-input {
	background-image: url(/img/input-data-input-bg.jpg);
	height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 251px;
}
.error-mini {
	background: url(/img/error-mini.gif) no-repeat 0px 0px;
	color: #af1b03;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 15px 0;
	padding-left: 20px;
}
.error-mini-maxwidth { width: 260px }
.btn-center-input {
	margin-left: 62px!important;
	margin-top: 10px!important;
}
.btn-center-input-space { margin: 17px 0 0 62px!important }
.error-big {
	background: url(/img/error.gif) no-repeat 0px 9px;
	color: #4a1e00;
	font-size: 10px;
	margin: 23px 0 15px 0;
	padding-left: 60px;
}
.password-lost:hover { text-decoration: underline }
.password-lost {
	color: #58220e;
	display: block;
	font-size: 9px;
	line-height: 11px;
	margin: 0;
	text-decoration: none;
	text-align: center;
}
.btn-center-input-small-space { margin: 10px 0 4px 62px!important }
.error-mini-margin { margin-left: 12px }
.register-inner-content h4 {
	color: #7b1300;
	font-size: 11px;
	height: 22px;
	margin: 1px 0 0 9px;
	width: 290px;
}
.register-inner-content p {
	font-size: 11px;
	margin: 5px 0 10px 12px;
	width: 285px;
}
.register-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
	position: relative;
}
.register-box {
	background: url(/img/register-box-bg.jpg) no-repeat;
	float: left;
	margin-left: 11px;
	overflow: visible;
	padding-top: 10px;
	width: 280px;
}
.register-box-inner-content {
	margin-left: 10px;
	width: 253px;
}
.agb-label-register2 {
	color: #4a1e00;
	float: left;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	vertical-align: text-top;
	width: 200px;
}
.agb-label-register2 a {
	color: #8d0404;
	text-decoration: none;
}
.agb-label-register2 a:hover { text-decoration: underline }
.register-box-checkbox {
	background: 0;
	border: 0;
	float: left;
	font: 11px/13px Arial,Helvetica,sans-serif;
	margin: 0;
	width: 30px;
}
.register-agb-box2 { margin-top: 10px }
.register-box-input {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	font: 13px/13px Arial,Helvetica,sans-serif;
	height: 18px;
	margin: 0 0 0 4px;
	width: 240px;
}
.error-close {
	margin-top: 0;
	margin-bottom: 5px;
}
.btn-center-input-register {
	margin: 10px 0 10px 64px;
	padding-bottom: 5px;
}
.hide { visibility: hidden }
.download-btn {
	background-image: url(/img/nav-download-btn.jpg);
	height: 68px;
	margin: 4px 0 9px 14px;
	width: 130px;
}
.itemshop-btn {
	background-image: url(/img/nav-itemshop-btn.jpg);
	height: 68px;
	margin: 4px 0 9px 14px;
	width: 130px;
}
.recruit-btn {
	background-image: url(/img/recruit/friends_recruit_btn.jpg);
	height: 68px;
	margin: 4px 0 9px 14px;
	width: 130px;
}
.cosplay-btn {
	background-image: url(/img/cosplay_btn.jpg);
	height: 68px;
	margin: 4px 0 9px 14px;
	width: 130px;
}
.administration-inner-content h4 {
	color: #7b1300;
	font-size: 11px;
	height: 22px;
	margin: 1px 0 0 9px;
	width: 290px;
}
.administration-inner-content p {
	font-size: 11px;
	margin: 0 5px 0 12px;
}
.administration-inner-content {
	margin: 9px 0 0;
	padding: 0;
}
.administration-inner-content ul {
	font-size: 11px;
	margin: 9px 0 0 12px;
	padding: 0;
	text-align: justify;
}
.administration-inner-content ul li {
	background: url(/img/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
	width: 260px;
}
.long-li {
	overflow: visible;
	width: 440px!important;
}
.long-li-code {
	background-position: 0 5px!important;
	line-height: 23px;
	padding-bottom: 0;
}
.administration-box {
	height: 35px;
	line-height: 18px;
	margin-bottom: 0;
	margin-left: 12px;
	padding: 0 0 0 13px;
	width: 500px;
}
.administration-box p {
	color: #4a1e00;
	float: left;
	margin-left: 6px;
}
.administration-box a {
	float: left;
	margin: 0;
}
.delete-code {
	background-color: #cdb78b;
	border: 1px solid #997c47;
	color: #7b1300;
	font: normal bold 11px;
	height: 15px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 3px;
}
.load-link {
	color: #7b1300;
	font-weight: bold;
	text-decoration: none;
}
.load-link:hover { text-decoration: underline }
.load-link:visited { color: #943b00 }
.char-list-content {
	color: #86280f;
	font-weight: bold;
	margin-bottom: 10px;
	width: 480px;
}
.char-list-content .pagerWrapper {
	background: transparent url(/img/charlist-pager-bg.jpg) no-repeat;
	height: 18px;
	margin-top: 10px;
	padding: 7px;
	width: 465px;
}
.char-list-content .pagerWrapper .sort-char-list {
	float: left;
	width: 300px;
}
.char-list-content .pagerWrapper .sellabel {
	float: left;
	line-height: 20px;
}
.char-list-content .pagerWrapper .charselect {
	border: 1px solid #997c47;
	float: left;
	height: 18px;
	margin-left: 3px;
	overflow: hidden;
	width: 125px;
}
.char-list-content .pagerWrapper select {
	background-color: #cdb78b;
	color: #4a1e00;
	font-size: 13px;
	height: 22px;
	margin: -2px 0 0 -2px;
	width: 129px;
}
.char-list-content .pagerWrapper .pager {
	background: url(/img/charlist-pager.jpg) no-repeat;
	float: right;
	height: 20px;
	text-align: right;
	width: 110px;
}
.char-list-content .pagerWrapper .prev { background: url(/img/charlist-pager-prev.jpg) no-repeat }
.char-list-content .pagerWrapper .next { background: url(/img/charlist-pager-next.jpg) no-repeat }
.char-list-content .pagerWrapper div.pager-prev,
.char-list-content .pagerWrapper a.pager-prev {
	display: block;
	float: left;
	height: 20px;
	width: 18px;
}
.char-list-content .pagerWrapper div.pager-next,
.char-list-content .pagerWrapper a.pager-next {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
}
.char-list-content .pagerWrapper .bg-none {
	background: 0;
	float: left;
	height: 20px;
	width: 20px;
}
.char-list-content .pagerWrapper .pager-middle {
	color: #fff;
	float: left;
	font-weight: normal;
	height: 20px;
	line-height: 19px;
	text-align: center;
	width: 70px;
}
.char-list-content .charList {
	background: url(/img/charlist-row-bg.jpg) no-repeat;
	height: 96px;
	padding: 2px;
	width: 476px;
}
.char-list-content .charList .charimg {
	background: url(/img/charlist-avatar-bg.jpg) no-repeat 3px 3px;
	float: left;
	height: 72px;
	margin-right: 5px;
	width: 56px;
}
.char-list-content .charList .charimg img {
	border: 1px solid #000;
	padding: 1px;
	margin: 4px;
}
.char-list-content .charList .charuser div {
	height: 30px;
	line-height: 30px;
}
.char-list-content .charList .charuser .charname {
	font-size: 16px;
	float: left;
	width: 276px;
}
.char-list-content .charList .charuser .charrank { text-align: right }
.char-list-content .charList .charlevel,
.char-list-content .charList .charclass,
.char-list-content .charList .charkingdom,
.char-list-content .charList .chartime,
.char-list-content .charList .charserver,
.char-list-content .charList .charposition {
	float: left;
	height: 20px;
	line-height: 20px;
	width: 250px;
}
.char-list-content .charList .charlevel,
.char-list-content .charList .charclass { width: 160px }
.char-list-content .charList .charposition { width: 410px }
.char-list-content .charList .charlabel {
	color: #86280f;
	display: block;
	float: left;
	font-weight: bold;
	width: 70px;
}
.char-list-content .charList .chardata {
	color: #000;
	font-weight: bold;
}
.char-list-content .charList .charrow td { height: 20px }
.char-list-content .charList .charend td { padding-bottom: 13px }
#captchaContainer { margin: 10px 0 0 0 }
#captchaContainer img {
	border: 1px solid #b28a45;
	margin: 10px 0;
}
#captchaContainer h4 {
	color: #8d0404;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 0;
	width: auto;
}
.register-captcha { margin-top: 24px }
.pass-lost-box-inner-content .register-captcha { margin-top: 0 }
#captchaContainer .input-data-input { background-image: url(/img/input-data-input-captcha-bg.jpg) }
#captchaImageContainer {
	position: relative;
	width: 255px!important;
	margin: 0 auto;
}
#captchaImageContainer img {
	border: 1px solid #b28a45;
	margin: 0;
	color: black;
}
#reloadCaptcha {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 1px 2px 2px;
	background-color: #eee;
	cursor: pointer;
	-moz-border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
}
.help-link {
	background: url(/img/help-link-bg.gif) no-repeat;
	height: 17px;
	width: 17px;
}
#err-register {
	background-color: #2e0100;
	border: 1px dotted #7b1300;
	color: #fef6aa;
	font-size: 11px;
	left: 330px;
	padding: 2px 5px;
	position: absolute;
	top: 91px;
	width: 256px;
	z-index: 5;
}
.content .tabs-nav {
	height: 40px;
	width: 481px;
}
.content .tabs-nav li,
.content .tabs-nav li a {
	color: #7b1300;
	display: block;
	font: bold 12px/26px Arial,Helvetica,sans-serif;
	height: 30px;
	text-align: center;
	text-decoration: none;
}
.content .tabs-nav li {
	float: left;
	height: 34px;
	list-style-type: none;
	padding: 3px;
}
.content .tabs-nav li a:hover { text-decoration: underline }
.content .tabs-nav li.selected a {
	text-decoration: none!important;
	cursor: text!important;
}
.content .tabs4 li {
	background: transparent url(/img/tabs4-navi.png) no-repeat;
	width: 114px;
}
.content .tabs4 li a { width: 114px }
.content .tabs4 #tab1 { background-position: 0 -40px }
.content .tabs4 #tab2 { background-position: -120px -40px }
.content .tabs4 #tab3 { background-position: -240px -40px }
.content .tabs4 #tab4 {
	background-position: -360px -40px;
	width: 115px;
}
.content .tabs4 #tab1.selected { background-position: 0 0 }
.content .tabs4 #tab2.selected { background-position: -120px 0 }
.content .tabs4 #tab3.selected { background-position: -240px 0 }
.content .tabs4 #tab4.selected { background-position: -360px 0 }
.content .tabs4-big { height: 52px }
.content .tabs4-big li {
	background: transparent url(/img/tabs4-navi-big.jpg) no-repeat;
	width: 114px;
	height: 46px;
	display: table;
	padding-top: 0;
}
.content .tabs4-big li a {
	width: 114px;
	line-height: 15px;
	display: table-cell;
	vertical-align: middle;
}
.content .tabs4-big #tab1 { background-position: 0 -52px }
.content .tabs4-big #tab2 { background-position: -120px -52px }
.content .tabs4-big #tab3 { background-position: -240px -52px }
.content .tabs4-big #tab4 {
	background-position: -360px -52px;
	width: 115px;
}
.content .tabs4-big #tab1.selected { background-position: 0 0 }
.content .tabs4-big #tab2.selected { background-position: -120px 0 }
.content .tabs4-big #tab3.selected { background-position: -240px 0 }
.content .tabs4-big #tab4.selected { background-position: -360px 0 }
.content .tabs3 li {
	background: transparent url(/img/tabs3-navi.png) no-repeat;
	width: 154px;
}
.content .tabs3 li a { width: 154px }
.content .tabs3 #tab1 { background-position: 0 -40px }
.content .tabs3 #tab2 { background-position: -160px -40px }
.content .tabs3 #tab3 {
	background-position: -320px -40px;
	width: 155px;
}
.content .tabs3 #tab1.selected { background-position: 0 0 }
.content .tabs3 #tab2.selected { background-position: -160px 0 }
.content .tabs3 #tab3.selected { background-position: -320px 0 }
.content .tabs2 li {
	background: transparent url(/img/tabs2-navi.png) no-repeat;
	width: 234px;
}
.content .tabs2 li a { width: 234px }
.content .tabs2 #tab1 { background-position: 0 -40px }
.content .tabs2 #tab2 {
	background-position: -240px -40px;
	width: 235px;
}
.content .tabs2 #tab1.selected { background-position: 0 0 }
.content .tabs2 #tab2.selected { background-position: -240px 0 }
.ticketservice {
	background: transparent url(/img/qaservice-bg.jpg) no-repeat;
	margin-top: 10px;
	padding: 7px;
	margin: 10px 0;
	width: 467px;
}
.ticketservice ul li {
	background: 0;
	list-style-position: inside;
	list-style-type: circle;
	padding: 0 0 5px;
}
.ticketservice a {
	color: #943b00;
	text-decoration: none;
}
.ticketservice .ticketlist a {
	background: url(/img/bullet.gif) no-repeat;
	display: block;
	height: 18px;
	padding-left: 20px;
}
.ticketservice a:hover { text-decoration: underline }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.ranks-inner-content th,
	.ranks-inner-content td { height: 21px }
}
.nodisplay { display: none!important }
.display { display: block!important }
#warning {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #c00;
	color: #c00;
	font-size: 12px;
	line-height: 18px;
	margin: 35px 15px 0;
	padding: 5px;
}
#warning strong { font-size: 16px }
#authenticated .input-data-box,
#authenticate .input-data-box { background: 0 }
#activateAccount a {
	color: #8d0404;
	font-weight: bold;
	text-decoration: none;
}
#activateAccount a:hover { text-decoration: underline }
#activateAccount h3 {
	line-height: 20px;
	margin-left: 15px;
}
#activateBox { margin: 0 0 20px }
#activateBox p { width: auto }
#activateAccount a#downloadLink {
	background: url("/img/download-client.jpg") no-repeat scroll 0 0 transparent;
	color: #fff9c7;
	float: left;
	font-size: 16px;
	height: 53px;
	line-height: 20px;
	margin: 0 0 10px;
	padding: 10px 8px 0 60px;
	text-decoration: none;
	width: 110px;
}
#activateAccount a#downloadLink:hover {
	background-position: 0 -63px;
	color: #FFF;
}
#steps {
	border: 1px solid #622400;
	float: right;
	font-size: 12px;
	margin-bottom: 15px;
	padding: 5px;
	width: 190px;
}
#steps h3 { font-size: 14px }
#steps ol {
	margin: 10px;
	list-style: decimal inside none;
}
#steps ol li { margin: 5px 0 0 }
#resend {
	background: url("/img/valid-icon.gif") no-repeat scroll 5px 3px #260b01;
	border: 1px solid #622400;
	padding: 0 5px 2px 30px;
}
.inner-form-border {
	border: 1px solid #aa8551;
	margin: 15px 0 20px 25px;
	width: 430px;
}
.inner-form-box {
	background: transparent url("/img/form-bg.jpg") repeat scroll 0 0;
	border: 1px solid #c6ab74;
	color: #4a1e00;
	padding: 15px;
}
.inner-form-box h3 {
	background: none repeat scroll 0 0 transparent;
	color: #4a1e00;
	font-size: 18px;
	height: 33px;
}
#activateBox .resend {
	background: #260b01 url("/img/valid-icon.gif") no-repeat scroll 5px 3px;
	border: 1px solid #622400;
	padding: 0 5px 2px 30px;
}
#activateAccount #bigDownload {
	background: url("/img/big-download.jpg") no-repeat scroll 0 0 transparent;
	color: #fff9c7;
	display: block;
	font-size: 27px;
	font-weight: bold;
	height: 83px;
	line-height: 34px;
	margin: 0 auto 15px;
	padding: 20px 0 0 120px;
	text-align: left;
	text-decoration: none;
	text-shadow: 2px 2px 5px black;
	width: 290px;
}
#activateAccount #bigDownload:hover {
	background-position: 0 -108px;
	color: #FFF;
}
#pwlostForm .content .content-bg-bottom,
#lostPasswordCodeForm .content .content-bg-bottom,
#changepwForm .content .content-bg-bottom,
#emailChangeForm .content .content-bg-bottom,
#resendactivForm .content .content-bg-bottom,
#login .content .content-bg-bottom,
#register .content .content-bg-bottom,
#captcha .content .content-bg-bottom {
	padding: 0 11px 11px;
	width: 485px;
}
#captcha p {
	font-size: 12px;
	margin: 0 0 30px 0;
}
.trenner {
	background: url(/img/trenner-shadow.jpg) no-repeat;
	border-top: 1px solid #b28a45;
	height: 8px;
	margin: 0 auto;
	width: 380px;
}
#pwlostForm,
#lostPasswordCodeForm,
#changepwForm,
#emailChangeForm,
#resendactivForm,
#loginForm,
#registerForm,
#captchaForm {
	margin: 15px auto;
	width: 290px;
}
#pwlostForm div,
#lostPasswordCodeForm div,
#changepwForm div,
#emailChangeForm div,
#resendactivForm div,
#loginForm div,
#registerForm div,
#captchaForm div {
	margin-bottom: 15px;
	position: relative;
	width: 287px;
}
#pwlostForm div input:focus,
#lostPasswordCodeForm div input:focus,
#changepwForm div input:focus,
#emailChangeForm div input:focus,
#resendactivForm div input:focus,
#loginForm div input:focus,
#registerForm div input:focus,
#captchaForm div input:focus {
	background-position: 0 -30px;
	border: 1px solid #8d0404;
	color: #4a1e00;
}
#pwLost .inner-form-box h3,
#lostPasswordCode .inner-form-box h3,
#changePw .inner-form-box h3,
#emailChange .inner-form-box h3,
#resendActiv .inner-form-box h3,
#login .inner-form-box h3,
#register .inner-form-box h3,
#captcha .inner-form-box h3 {
	color: #4a1e00;
	font-size: 18px;
	height: 33px;
}
.inner-form-box a {
	color: #8d0404;
	text-decoration: none;
}
.inner-form-box a:hover { text-decoration: underline }
#toAdmin,
#topwLost,
#toLogin {
	background: url("/img/button-bg-2.gif") no-repeat scroll 0 0 transparent;
	color: #dfbf8b;
	float: right;
	font-size: 10px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	padding: 0 20px 0 0;
	text-align: center;
	width: 109px;
}
#checkerror span,
#checktransfer label {
	font-size: 11px;
	font-weight: normal;
}
.inner-form-box label {
	display: block;
	color: #4a1e00;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}
#pwLost .inner-form-box input,
#lostPasswordCode .inner-form-box input,
#changePw .inner-form-box input,
#emailChange .inner-form-box input,
#resendActiv .inner-form-box input,
#login .inner-form-box input,
#register .inner-form-box input,
#captcha .inner-form-box input {
	background: url(/img/form-input-bg.gif) repeat-x;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 20px;
	padding: 5px 10px;
	width: 265px;
}
#checkerror p,
#checkerror { font-size: 12px }
#login #checkerror input,
#register #checkerror input,
#register #checktransfer input,
#captcha #checkerror input {
	border: 0;
	height: 15px;
	float: left;
	margin: 2px 5px 20px;
	width: 15px;
}
#checkerror .green { color: #006f07 }
#changePw #submitBtn,
#emailChange #submitBtn,
#resendActiv #submitBtn,
#pwLost #submitBtn,
#lostPasswordCode #submitBtn,
#login #submitBtn,
#register #submitBtn,
#captcha #submitBtn,
#subscribe .btn-big,
a.btn-big,
.contest-inner-content #submitBtn {
	background: url("/img/btn-big.jpg") no-repeat scroll 0 0 transparent;
	border: 0;
	color: #dfbf8b;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 38px;
	line-height: normal;
	letter-spacing: .01em;
	margin: 0 auto 25px;
	text-align: center;
	text-shadow: -1px -1px #000;
	width: 287px;
}
a.btn-big {
	text-decoration: none;
	line-height: 36px;
	font-size: 16px;
}
#subscribe .btn-big { line-height: 38px }
#content input#submitBtn { padding: 0 0 5px }
#changePw #submitBtn:hover,
#emailChange #submitBtn:hover,
#resendActiv #submitBtn:hover,
#pwLost #submitBtn:hover,
#lostPasswordCode #submitBtn:hover,
#login #submitBtn:hover,
#subscribe .btn-big:hover,
#register #submitBtn:hover,
#captcha #submitBtn:hover,
a.btn-big:hover,
.contest-inner-content #submitBtn:hover {
	background-position: 0 -38px;
	color: #FFF;
	text-decoration: none;
}
p#regLegend {
	color: #755;
	font-size: 11px;
	margin: 8px 15px 0;
	text-align: right;
}
#content input[type=text],
#content input[type=password] { border: 1px solid #622400 }
#content input[type=text]:focus,
#content input[type=password]:focus { border: 1px solid #943903 }
#subscribe {
	margin: 0 auto;
	width: 287px;
}
#subscribe h3 {
	margin: 20px 0 0;
	padding: 0;
}
#subscribe p {
	font-size: 12px;
	margin: 15px 0;
	padding: 0;
}
#activateAccount a {
	font-weight: bold;
	text-decoration: underline;
}
#activateBox { margin: 0 0 20px }
#activateAccount h3#charCreationHeading { margin-top: 40px }
#activateAccount a#charCreation {
	margin-top: 30px;
	text-decoration: none;
	color: #dfbf8b;
}
#activateAccount a#charCreation:hover { color: #fff }
#steps {
	border: 1px solid #622400;
	float: right;
	font-size: 12px;
	padding: 5px;
	width: 190px;
}
#steps h3 { font-size: 14px }
#steps ol {
	margin: 10px;
	list-style: decimal inside none;
}
#steps ol li { margin: 5px 0 0 }
#progressTracker {
	height: 100px;
	margin: 0 auto;
	padding-left: 10px;
	width: 400px;
}
#progressTracker .step {
	background: url(/img/progressTracker.gif) no-repeat scroll 0 -45px;
	height: 40px;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	margin: 5px 0 0 -6px;
	text-align: center;
	text-shadow: 1px 1px #dfd1ac;
	width: 45px;
}
#progress1,
#progress2 {
	background: url(/img/progress-inactive.gif) repeat-x scroll 0 20px;
	float: left;
	position: relative;
	width: 177px;
}
#progress3 { position: relative }
#progressTracker .progress-text {
	font-size: 11px;
	font-weight: bold;
	left: -32px;
	position: absolute;
	text-align: center;
	top: 50px;
	width: 100px;
}
#progressTracker .inactive .progress-text,
#progressTracker .inactive .step {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	opacity: .5;
}
#progressTracker .inactive .progress-text { color: #4a1e00 }
#progressTracker .inactive .progress-text a { color: #4a1e00 }
#progress3 {
	float: left;
	width: 45px;
}
#progressTracker .passed { background: url(/img/progress-active.gif) repeat-x scroll 0 20px }
#progressTracker .active .step {
	background-position: 0 0;
	color: #4a1e00;
	font-size: 25px;
	height: 45px;
	line-height: 45px;
	margin: 0 0 0 -3px;
	width: 45px;
}
#progressTracker .inactive .step { background-position: 0 -45px }
.download-content-teaser {
	float: right;
	width: 178px;
}
#download h3 {
	background: 0;
	color: #4a1e00;
	font-size: 25px;
	line-height: 25px;
	margin: 0 15px;
	text-shadow: 1px 1px #ecd4ba;
}
#download a#requirements {
	background: url("/img/ico-plus.gif") no-repeat scroll 0 0 transparent;
	color: #8d0404;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 13px;
	line-height: 12px;
	margin: 15px 30px;
	text-decoration: none;
	text-shadow: 1px 1px #ecd4ba;
}
#downloadText {
	font-size: 12px;
	margin: 15px auto;
	width: 445px;
}
#download a#requirements:hover { text-decoration: underline }
#download h4:hover { background-position: 0 -13px }
#download .download-button-2,
#download .download-button-1 {
	float: left;
	margin: 15px 25px;
}
#required {
	width: 300px;
	margin: 0 auto;
	display: none;
}
#required caption {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px;
}
#download .resourceTable {
	margin: 15px auto;
	width: 350px;
}
#news_compact ul {
	padding-bottom: 0;
	margin-top: 12px;
	text-align: left;
}
#news_compact li { padding-bottom: 12px }
#news_compact li a { color: #7b1300 }
#news_compact li h4 {
	float: right;
	font-weight: normal;
	color: #7b1300;
	margin-left: 10px;
}
#news_compact li h3 {
	display: inline;
	margin-top: 0;
}
#news_compact li p {
	padding-bottom: 0;
	padding-top: 2px;
}
#news_compact li a.news_link { text-decoration: none }
#news a { color: #7b1300 }
#news td {
	padding: 8px 12px 30px;
	background: url(/img/gallerybox-bg.jpg) no-repeat top left;
}
#news h3 {
	margin: 0 0 8px;
	text-align: left;
}
#news p.message { padding-bottom: 6px }
#news p.author {
	padding-bottom: 0;
	color: #7b1300;
}
#news a.comment_link {
	display: block;
	float: right;
	margin-right: 12px;
	text-align: right;
}
#news a.first_link {
	margin-right: 0;
	display: block;
	float: right;
	text-align: right;
}
#news p.date {
	padding-bottom: 0;
	color: #7b1300;
}
#news img {
	display: none;
	margin-top: 8px;
	width: 100px;
}
#news div {
	display: none;
	margin: 0;
	padding: 0;
}
#news div ul { margin: 0 }
#news div ul li {
	margin: 12px 0 0;
	padding: 0 8px 0 20px;
}
#news div ul h5 {
	display: inline;
	margin-bottom: 2px;
	color: #7b1300;
}
#news div ul h6 {
	float: right;
	font-weight: normal;
	color: #7b1300;
}
#news div ul p {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#news #browse {
	width: 100%;
	margin-top: 20px;
	height: 33px;
	background-image: url(/img/charlist-pager-bg.jpg);
}
#news #browse td {
	width: 50%;
	background: transparent;
	padding: 1px 0 0;
}
#news #browse a {
	margin: 6px auto;
	padding: 3px 0 0;
	width: 106px;
	color: #dfbf8b;
}
#news #browse a#next { background: url(/img/charlist-pager-next.jpg) no-repeat top right }
#news #browse a#next span { padding-right: 17px }
#news #browse a#prev { background: url(/img/charlist-pager-prev.jpg) no-repeat top left }
#news #browse a#prev span { padding-left: 17px }
.recruitbox-1,
.recruitbox-2,
.recruitbox-4,
.recruitbox-5 {
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}
.recruitbox-3 {
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 480px;
}
.recruitbox-1 { background: url(/img/recruit/recruit_friends_bg_1_intro.jpg) no-repeat }
.recruitbox-2 { background: url(/img/recruit/recruit_friends_bg_2_your_code.jpg) no-repeat }
.recruitbox-3 { background: url(/img/recruit/recruit_friends_bg_3_status.jpg) no-repeat }
.recruitbox-4 { background: url(/img/recruit/recruit_friends_bg_4_sendmail.jpg) no-repeat }
.recruitbox-5 { background: url(/img/recruit/recruit_friends_bg_5_socials.jpg) no-repeat }
.recruit-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.recruit-inner-content h4 {
	background: url(/img/shadow-line.png) no-repeat bottom left;
	color: #7b1300;
	font-size: 12px;
	padding-bottom: 8px;
	margin: 1px 0 0 0;
}
.recruit-inner-content p { margin: 5px 0 9px 0 }
.recruit-inner-content label {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}
.recruit-inner-content input {
	width: 280px;
	display: transparent;
	border: 0;
	height: 24px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	background: url('/img/recruit/recruit_friends_bg_input.png') no-repeat;
}
.recruit-inner-content textarea {
	width: 280px;
	display: transparent;
	border: 0;
	height: 100px;
	padding-left: 3px;
	padding-top: 2px;
	background: url('/img/recruit/recruit_friends_bg_textarea.png') no-repeat;
	overflow: hidden;
}
#recruitMailForm #submitBtn {
	background: url('/img/recruit/recruit_friends_bg_sendmail_btn.png') no-repeat;
	border: 0;
	color: #fff;
	cursor: pointer;
	height: 48px;
	width: 248px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .01em;
	margin: 0 auto;
	text-align: center;
	display: block;
	background-position: 0 7px;
}
.recruit-status-th {
	height: 26px;
	background: url('/img/recruit/recruit_friends_status_bg_th.png') no-repeat;
}
.recruit-status-th th,
.recruit-status-tr td {
	vertical-align: middle;
	text-align: center;
}
.recruit-status-tr {
	height: 25px;
	background: url('/img/recruit/recruit_friends_status_bg_tr.png') no-repeat;
}
.recruit-inviteLink {
	width: 280px;
	height: 24px;
	display: block;
	border: 0;
	padding-left: 3px;
	padding-top: 0;
	background: url('/img/recruit/recruit_friends_bg_input.png') no-repeat;
}
#recruitSocialForm #inviteLink {
	background: 0;
	width: 270px;
	overflow: hidden;
	height: 22px;
}
.recruit-facebook {
	display: block;
	background: url('/img/recruit/recruit_friends_bg_btn_facebook.png') no-repeat;
	width: 132px;
	height: 26px;
	margin-top: 5px;
	margin-right: 15px;
	float: left;
}
.recruit-twitter {
	display: block;
	background: url('/img/recruit/recruit_friends_bg_btn_twitter.png') no-repeat;
	width: 132px;
	height: 26px;
	margin-top: 5px;
	float: left;
}
.recruit-headline {
	position: relative;
	top: 60px;
	left: 140px;
	width: 192px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	color: #600;
	font-size: 18px;
}
.recruit-code {
	position: relative;
	top: 50px;
	left: 140px;
	width: 185px;
	height: 34px;
	background: url('/img/recruit/recruit_friends_bg_code_field.png') no-repeat;
	text-align: center;
	font-weight: bold;
	padding-left: 2px;
	padding-top: 3px;
}
#recruitCode {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	background: 0;
	text-align: left;
	width: 169px;
}
.recruit-inner-content th,
.recruit-inner-content td { padding-right: 10px }
.recruit-del {
	background: url('/img/recruit/recruit_friends_delete_btn.png') no-repeat;
	width: 21px;
	height: 21px;
	display: block;
}
.editalias { cursor: pointer }
#creation div.inner-content { margin: 4px 15px 0 0 }
#creation h3 {
	font-size: 14px;
	padding: 11px;
	text-align: center;
	color: #7b1300;
	height: 33px;
	background: url('/img/charlist-pager-bg.jpg') no-repeat;
}
#creation div.inner-content.notAllowed {
	background: url('/img/community_dragon_bg.jpg') no-repeat;
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
	margin: 9px 25px 0 0;
}
#creation div.inner-content.notAllowed h3 {
	background: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	height: auto;
	margin: 10px 0;
}
#creation #progressTracker {
	height: 90px;
	margin: 16px auto 0;
	width: 420px;
	padding: 0;
}
#creation #progressTracker a.step {
	display: block;
	color: #4a1e00;
	text-decoration: none;
}
#creation div.jobs { overflow: auto }
#creation div.jobs div.job {
	float: left;
	height: 81px;
	width: 115px;
	margin: 0 0 0 4px;
}
#creation div.jobs div.job0 { background: url('/img/creation/job_0_small.png') no-repeat }
#creation div.jobs div.job1 { background: url('/img/creation/job_1_small.png') no-repeat }
#creation div.jobs div.job2 { background: url('/img/creation/job_2_small.png') no-repeat }
#creation div.jobs div.job3 { background: url('/img/creation/job_3_small.png') no-repeat }
#creation div.jobs div.job p {
	margin: 59px 1px 0;
	font-size: 14px;
	padding: 3px 0 4px;
	text-align: center;
	color: #bbb;
	border-top: solid 1px #bbb;
	background: url('/img/creation/job_bg.png');
}
#creation div.jobs div.job.active p {
	font-weight: bold;
	color: white;
}
#creation div.jobDescription p { display: none }
#creation div.jobDescription p.active {
	display: block;
	margin: 20px 20px 0;
	min-height: 100px;
}
#creation div.genders div { display: none }
#creation div.genders div.active {
	display: block;
	overflow: auto;
}
#creation div.genders div img { display: none }
#creation div.genders div img.active { display: inline }
#creation div.genders a {
	float: left;
	width: 232px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	color: black;
	font-weight: bold;
}
#creation div.serverAndName {
	background: 100% 100% no-repeat;
	min-height: 370px;
	width: 470px;
	padding: 20px 0 0 0;
}
#creation div.completed div {
	background: 100% 100% no-repeat;
	min-height: 350px;
	padding: 40px 0 0 0;
	width: 470px;
}
#creation div.serverAndName.job0,
#creation div.completed.job0 div { background-image: url('/img/creation/job_0.png') }
#creation div.serverAndName.job1,
#creation div.completed.job1 div { background-image: url('/img/creation/job_1.png') }
#creation div.serverAndName.job2,
#creation div.completed.job2 div { background-image: url('/img/creation/job_2.png') }
#creation div.serverAndName.job3,
#creation div.completed.job3 div { background-image: url('/img/creation/job_3.png') }
#creation div.serverAndName.job4,
#creation div.completed.job4 div { background-image: url('/img/creation/job_4.png') }
#creation div.serverAndName.job5,
#creation div.completed.job5 div { background-image: url('/img/creation/job_5.png') }
#creation div.serverAndName.job6,
#creation div.completed.job6 div { background-image: url('/img/creation/job_6.png') }
#creation div.serverAndName.job7,
#creation div.completed.job7 div { background-image: url('/img/creation/job_7.png') }
#creation div.serverAndName h4,
#creation div.completed h4 {
	float: left;
	padding: 10px 10px 0 40px;
	min-width: 85px;
}
#creation div.serverAndName p.check,
#creation div.completed p.check {
	background: url('/img/ok.gif') 0 7px no-repeat;
	margin: 0 0 0 10px;
	padding: 10px 0 20px 0;
}
#creation div.completed p { margin: 0 10px }
#creation div.completed p.small {
	background: 0;
	width: 220px;
	margin: 35px 0 0 10px;
	text-align: left;
}
#creation div.completed a {
	background: url('/img/btn-big.jpg') no-repeat;
	border: 0;
	color: #dfbf8b;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 38px;
	letter-spacing: .01em;
	line-height: 36px;
	margin: 10px 0 25px 8px;
	text-align: center;
	text-shadow: -1px -1px #000;
	width: 287px;
	text-decoration: none;
}
#creation div.completed a:hover {
	background-position: 0 -38px;
	color: #fff;
}
#creation div.serverAndName form { margin: 60px 0 0 10px }
#creation div.serverAndName label {
	color: #4a1e00;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}
#creation div.server,
#creation div.name { margin: 10px 0 }
#creation div.serverAndName select {
	background: url('/img/form-input-bg.gif') repeat-x;
	width: 208px;
	height: 22px;
	border: solid 1px #622400;
	color: #534236;
	font-size: 16px;
	font-weight: bold;
	height: 32px;
	padding: 5px 10px;
	width: 286px;
}
#creation div.serverAndName input {
	background: url('/img/form-input-bg.gif') repeat-x;
	width: 208px;
	height: 22px;
	border: solid 1px #622400;
	color: #534236;
	font-size: 16px;
	font-weight: bold;
	height: 20px;
	padding: 5px 10px;
	width: 265px;
}
#creation #submit {
	background: url('/img/btn-big.jpg') no-repeat;
	border: 0;
	color: #dfbf8b;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 38px;
	letter-spacing: .01em;
	line-height: normal;
	margin: 25px 0;
	text-align: center;
	text-shadow: -1px -1px #000;
	width: 287px;
}
#creation #submit:hover {
	background-position: 0 -38px;
	color: #fff;
	text-decoration: none;
}
.btn-big.togallery { margin: 30px auto }
.btn.awards { margin: 2px auto 10px }
ul.rules li {
	background: url(/img/bullet.gif) 0 2px no-repeat;
	padding: 3px 25px 5px;
}
#screenshots div {
	width: 116px;
	float: left;
	text-align: center;
}
#screenshots.comic a {
	color: #fff;
	position: relative;
	line-height: 25px;
}
#screenshots.comic span {
	background: url(/img/votes.png) no-repeat;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	display: block;
	height: 25px;
	position: absolute;
	top: 55px;
	left: 4px;
	text-align: center;
	width: 100px;
}
#screenshots a { text-decoration: none }
#screenshots img {
	max-height: 75px;
	max-width: 100px;
}
a.comic_detail {
	position: relative;
	max-height: 200px;
	max-width: 300px;
}
.comic_detail img {
	border: 2px solid #573706;
	max-height: 200px;
	max-width: 300px;
	margin: 0 auto 10px;
}
.comic_detail span.zoom {
	background: url(/img/detail.png) no-repeat;
	display: block;
	left: 225px;
	height: 50px;
	position: absolute;
	top: 80px;
	width: 50px;
}
p.awards { padding: 10px 10px 15px }
p.votes {
	font-size: 14px;
	text-align: center;
}
p.votes span {
	background: url(/img/votes.png) no-repeat left 2px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 10px 0;
	padding: 5px 0 10px 26px;
}
#page .vote_btn { margin-top: 10px }
p.advice {
	border: 2px solid #7b1300;
	border-radius: 5px;
	color: #7b1300;
	font-size: 14px;
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	width: 300px;
}
p.advice a { color: #7b1300 }
p.social {
	font-size: 12px;
	font-weight: bold;
	margin: 10px auto;
	width: 300px;
}
p.social span {
	float: left;
	line-height: 30px;
}
a.facebook,
a.twitter {
	background: url(/img/facebook-icon.png) no-repeat;
	float: left;
	margin: 0 0 0 10px;
	height: 30px;
	width: 30px;
}
a.twitter { background-image: url(/img/twitter-icon.png) }
a.back_link {
	color: #000;
	float: left;
	padding: 10px 0 25px 10px;
	text-decoration: none;
	width: 500px;
}
a:hover.back_link { text-decoration: underline }
#fancybox-title {
	color: #fff!important;
	font-size: 14px!important;
	font-weight: bold!important;
}
#tip7-title span.votes {
	display: block;
	height: 25px;
	line-height: 21px;
	text-align: right;
	width: 100%;
}
#tip7-title span.votes img {
	float: right;
	margin: 0 0 0 5px;
}
#tip7-title p {
	padding: 10px 0 15px;
	text-align: left;
}
#tip7-title .btn-big { margin-bottom: 0 }
.contest-inner-content p {
	padding: 10px 40px 10px 32px;
	width: 420px;
	text-align: justify;
}
.inner-form-box p {
	padding: 10px 0 10px 0;
	width: 398px;
}
.inner-form-box h5 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}
.inner-form-box h6 {
	color: #000;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 5px;
}
.inner-form-box img {
	float: right;
	padding: 20px auto;
}
.inner-form-box label {
	display: block;
	color: #4a1e00;
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0 2px 0;
}
p.cosplayDoneOk {
	width: 340px;
	text-align: justify;
	padding: 20px 0;
	float: left;
}
p.cosplayDoneNo {
	width: 280px;
	text-align: justify;
	padding: 20px 10px;
	float: left;
}
img.cosplayDone {
	float: left;
	padding: 0 0 20px 0;
	height: 250px;
}
.highlighted {
	color: #000!important;
	font-weight: bold!important;
	font-style: normal!important;
}
.securitybox-info {
	background: url("/img/securitybox.jpg") no-repeat scroll 0 0 transparent;
	min-height: 120px;
	padding: 7px;
	position: relative;
	width: 467px;
}
.securitybox-info p { width: 280px }
.securitybox {
	background: url("/img/empire-box-bg.jpg") no-repeat scroll 0 0 transparent;
	min-height: 90px;
	padding: 7px;
	position: relative;
	width: 467px;
}
.securitybox p { width: 467px }
.securitybox ul {
	list-style-type: square;
	padding-left: 15px;
}
.smfaqunderline {
	background: url("/img/shadow-line.png") no-repeat scroll left bottom transparent;
	color: #7b1300;
	font-size: 11px;
	margin: 2px 0 0;
	padding-bottom: 8px;
}
.smfaqbox {
	background: url("/img/smfaqbox.jpg") no-repeat scroll 0 0 transparent;
	min-height: 169px;
	padding: 7px 190px 7px 9px;
	width: 465px;
}
.smfaqlinks {
	background: url("/img/smfaqlinks.png") no-repeat scroll -3px 3px transparent;
	margin-left: 9px;
	padding-left: 24px;
}
.smserverselect {
	position: relative;
	float: left;
}
.smserverselect a { margin-bottom: 10px }
.smserverselect a:hover { text-decoration: none }
.smserverselectold1 {
	position: absolute;
	color: black;
	text-align: center;
	width: 130px;
	left: 10px;
	top: 10px;
}
.smserverselectold2 {
	position: absolute;
	color: black;
	text-align: center;
	width: 130px;
	left: 10px;
	top: 23px;
}
.smserverselectold3 {
	position: absolute;
	color: black;
	text-align: center;
	width: 130px;
	left: 10px;
	top: 36px;
}
.smserverselectold4 {
	position: absolute;
	color: black;
	text-align: center;
	width: 130px;
	left: 10px;
	top: 49px;
}
.smserverselectnew1 {
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	color: #fef6aa;
	left: 175px;
	top: 30px;
}
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
.clearfloat {
	font-size: 1px;
	clear: both;
	height: 0;
}