/* Metin2 all.css */
html {
	height: 100%;
	min-width: 930px;
}

body {
	background: #000 url(../images/container-bg.jpg) repeat-y 50% 0;
	color: #160400;
	font: 11px/14px Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0;
	min-width: 930px;
}

.social-links {
	width: 128px;
	height: 35px;
	display: block;
	overflow: hidden;
	margin: 75px 0 0 400px;
	text-align: center;
	font-size: 20px;
}

.social-links a {
	padding-right: 5px;
	color: #e3d4ad;
}

.top_lvl {
	right: 16px;
	position: absolute;
}

.top_emp {
	right: 38px;
	position: absolute;
}

.top_emp_guild {
	right: 34px;
	position: absolute;
}

.col-2 a:not(.btn) {
	color: #7b1300;
	text-decoration: none;
}

.pagination>.active>a {
	color: white !important;
}

body.netbar {
	margin-top: 32px !important
}

img {
	border: none;
	display: block;
}

a:focus {
	outline: none;
}

form {
	margin: 0;
	padding: 0;
}

#page {
	/* has IE-fix */
	min-height: 100%;
	overflow: hidden;
}


.right {
	float: right;
}

.header-wrapper {
	background: url(../images/header-bg.jpg) no-repeat 50% 0;
	height: 253px;
}

.clearfloat {
	/* this class should be placed on a div or break element
	and should be the final element before the close of
	a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/* header start */
#header {
	height: 230px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 930px;
}

/* logo */
.logo {
	left: 332px;
	position: absolute;
	top: 0;
}

.header-box {
	margin: 132px 0 0 199px;
	overflow: hidden;
	width: 534px;
}

#userBox {
	height: 81px;
	margin: 125px 0 0 159px;
	padding: 1px 54px 0;
	width: 535px;
}

#regBtn {
	background: url(../images/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 #000000;
	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 navigation start */
.top-nav {
	margin: 6px 0 0;
	overflow: hidden;
	padding: 0 0 2px;
	width: 100%;
}

.top-nav li {
	/* has IE-fix */
	background: url(../images/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(../images/header-box.gif) no-repeat;
	border: none;
	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 {
	/* has IE-fix */
	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(../images/nav-box-login-1-bg.gif);
}

.nav-box-btn-2 {
	background-image: url(../images/nav-box-login-2-bg.gif);
}

.nav-box-btn-3 {
	background-image: url(../images/nav-box-login-3-bg.gif);
}

.nav-box-btn-4 {
	background-image: url(../images/nav-box-login-4-bg.gif);
}

/* top navigation end */
/* form start */
.form {
	clear: both;
}

.form fieldset {
	background: url(../images/header-box.png) no-repeat;
	border: none;
	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 {
	/* has IE-fix */
	float: left;
	margin-left: 20px;
}

.agb-label a {
	color: #c5a15f;
	text-decoration: none;
}

.form label {
	/* has IE-fix */
	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 {
	/* has IE-fix */
	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(../images/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(../images/input-bg-2.gif) no-repeat;
}

.form fieldset .input-3 {
	background: url(../images/input-bg-3.gif) no-repeat;
}

.form fieldset .input input {
	background: none;
	border: none;
	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;
}

/* all buttons styles */
.button,
.dyn-button {
	background: transparent url(../images/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(../images/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: 130px;
	border: none;
}

.panel-title>a {
	color: white !important;
	text-decoration: none;
	font-size: 16px;
}

.news-time {
	margin-right: 5px;
	font-size: 12px;
}

input.btn,
button.btn {
	padding-bottom: 17px;
}

.btn-login {
	background: transparent url(../images/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(../images/button-bg-3.gif) no-repeat;
	color: #dfbf8b;
	margin-left: 2px;
}

.form-score h4 {
	color: #7B1300;
	font-size: 14px;
	font-weight: bold;
	padding-left: 9px;
	text-align: left;
	width: 141px;
}

.back-btn {
	background: transparent url(../images/back-btn-bg.gif) repeat scroll 0 0;
	margin: 30px 0 22px 145px;
	padding-left: 28px;
	width: 87px;
}

.back-btn-news {
	background: url(../images/back-btn-bg.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;
}

.dyn-button {
	background: transparent url(../images/tutorial-btn.png) no-repeat;
	line-height: 18px;
	padding: 0 0 0 8px;
	text-align: left;
}

.dyn-button-end {
	background: transparent url(../images/tutorial-btn.png) no-repeat top right;
	float: right;
	height: 19px;
	width: 20px
}

.dyn-button:hover {
	text-decoration: underline;
}

/* form end */
/* header end */
/* footer start  */
.footer-wrapper {
	background: url(../images/footer-bg.png) no-repeat 50% 0;
	height: 220px;
	margin: -130px 0 0;
	float: left;
	width: 100%;
}

#footer {
	margin: 0 auto;
	width: 930px;
	overflow: hidden;
}

.gameforge4d {
	/*background: url(../images/gameforge4d.gif) no-repeat;*/
	width: 128px;
	height: 35px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 71px 0 0 400px;
}

#usk {
	display: inline;
	float: right;
	margin: 20px 100px 0 0;
}

/* list */
#footer ul {
	background: url(../images/footer-box.jpg) no-repeat;
	font-size: 10px;
	height: 41px;
	line-height: 15px;
	margin: 21px 0 0 171px;
	padding: 9px 0 0 0;
	text-align: center;
	width: 585px;
}

#footer ul li {
	background: url(../images/sep.gif) no-repeat 0 7px;
	color: #ae9467;
	display: inline;
	list-style: none;
	padding: 0 5px 0 13px;
}

#footer ul li.first {
	background: none;
	display: block;
	font-weight: bold;
	width: 565px;
}

#footer ul li a {
	color: #ae9467;
	text-decoration: none;
	position: relative;
}

#footer ul li.impressum {
	background: none;
}

#footer ul li.impressum a {
	color: #a00;
}

#footer ul li a:hover {
	text-decoration: underline;
}

/* footer end  */
/* main container */
.container-wrapper {
	background: url(../images/container-bg-top.jpg) no-repeat 50% 0;
	float: left;
	padding: 0 0 111px;
	width: 100%;
}

.container {
	margin: 0 auto;
	position: relative;
	width: 930px;
}

/* left column */
.col-1,
.col-3 {
	display: inline;
	float: left;
	margin: -64px 0 0 11px;
	position: relative;
	width: 157px;
}

/* right column */
.col-3 {
	float: right;
	margin: -64px 9px 0 0;
	overflow: hidden;
	width: 157px;
}

/* right and left boxes styles start */
.boxes-top {
	background: url(../images/box-top-1.jpg) no-repeat;
	height: 23px;
	width: 157px;
}

.col-3 .boxes-top {
	background: url(../images/box-top-2.jpg) no-repeat;
}

.boxes-bottom {
	/* has IE-fix */
	background: url(../images/box-bottom.png) no-repeat;
	height: 48px;
	margin: 0 0 0 4px;
	width: 150px;
}

.boxes-facebook-and-co {
	margin: 0 auto;
	width: 57px;
}

.boxes-middle {
	/* has IE-fix */
	background: url(../images/box-middle.png) no-repeat;
	height: 32px;
	margin: 0 0 0 12px;
	width: 134px;
}

.modul-box {
	background: url(../images/modul-box-bg.jpg) repeat-y;
	width: 157px;
}

.modul-box .modul-box-bg {
	background: url(../images/modul-box-top.jpg) no-repeat;
}

.modul-box-2 .modul-box-bg {
	background: url(../images/modul-box-top-2.jpg) no-repeat;
}

.modul-box .modul-box-bg-bottom {
	/* has IE-fix */
	background: url(../images/modul-box-bottom.jpg) no-repeat 0 100%;
	min-height: 132px;
	overflow: hidden;
	padding: 0 0 5px;
	width: 100%;
}

/* right and left boxes styles end */
/* main navigation start */
.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(../images/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;
}

.main-nav li a:hover,
.main-nav li a.active {
	background-position: 0 -34px;
	color: #fffde8;
}

/* main navigation end */
/* login form start */
.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(../images/input-bg-4.gif) no-repeat;
	height: 18px;
	margin: 2px 0 0;
	padding: 0 0 4px;
	width: 129px;
}

.form-login .input input {
	border: none;
	background: none;
	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: #775555;
	display: block;
	font-size: 9px;
	margin: 8px 0 6px;
	text-align: center;
	text-decoration: none;
	width: 128px;
}

.agbok-news {
	color: #775555;
	display: block;
	font-size: 11px;
	margin: 2px 0 2px;
	text-align: right;
	text-decoration: none;

}

.agbok-profil {
	color: #8D0404;
	font-size: 11px;
	margin: 2px 0 2px;
	text-align: right;
	text-decoration: none;

}

.agbok-rank {
	color: #8D0404;
	display: block;
	font-size: 11px;
	margin: 2px 0 2px;
	text-align: left;
	text-decoration: none;

}

.agbok a {
	color: #8D0404;
	font-size: 9px;
	line-height: 11px;
	text-decoration: none;
}

.agbok-news a {
	color: #8D0404;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
}

.agbok-profil a {
	color: #8D0404;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
}

.agbok-rank a {
	color: #8D0404;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
}

.agbokinput {
	margin-bottom: 0px;
}

.agbok2 {
	margin: 0 0 0 12px;
	!important
}

.agbokbtn {
	margin: 0 0 0 62px;
	!important
}

.lostPasswordCodeForm {
	height: 150px;
}

/* login form end */
/* hightscore box start */
.form-score {
	margin: 5px 0 0 10px;
	padding: 0 0 10px;
}

.form-score select {
	background-color: #cdb78b;
	border: 1px solid #997c47;
	color: #4a1e00;
	font-size: 13px;
	padding: 0;
	width: 129px;
}

.select-replacement {
	background-image: url(../images/select-replacement-bg.gif);
	height: 20px;
	margin: 0 17px 0 5px;
	padding: 0;
	width: 129px;
}

.form-score ul {
	margin: 0px 1px 0 0;
	padding: 0 0 1px;
}

.form-score ul li {
	color: #4a1e00;
	font-size: 11px;
	line-height: 14px;
	list-style: none;
	padding: 2px 0 2px 9px;
}

.form-score ul li.light {
	background: url(../images/shadow.gif) no-repeat;
	padding: 3px 0 3px 9px;
}

.form-score ul li strong {
	color: #8d0404;
	margin: 0 2px 0 0;
}

.form-score ul li a {
	color: #4a1e00;
	margin: 0 0 0 2px;
	text-decoration: none;
}

.form-score ul li a.first {
	color: #943b00;
}

.form-score ul li a:hover {
	text-decoration: underline;
}

/* hightscore box end */
/* center column */
.col-2 {
	float: left;
	display: inline;
	margin: 33px 0 0 46px;
	width: 510px;
}

/* two boxes holder start */
.two-boxes {
	background: url(../images/two-boxes-bg.jpg) repeat-y;
	width: 506px;
}

.two-boxes .two-boxes-top {
	background: url(../images/two-boxes-top.jpg) no-repeat;
}

.two-boxes .two-boxes-bottom {
	background: url(../images/two-boxes-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 0 15px;
	width: 100%;
}

.banner img {
	margin: 10px 0;
}

/* welcome box */
.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(../images/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(../images/heading-2.jpg) no-repeat;
}

.content h2 {
	background: url(../images/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 */
.video {
	background: url(../images/video-border-bg.gif) no-repeat;
	margin: 7px 0 0;
	width: 223px;
}

.video .video-bg {
	background: url(../images/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;
}

/* two boxes holder end */
.content {
	background: url(../images/content-box-bg.jpg) repeat-y !important;
	margin: 0;
	width: 507px;
}

.content .content-bg {
	background: url(../images/content-box-top.jpg) no-repeat;
}

.content .content-bg-bottom {
	background: url(../images/content-box-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 0 0 10px;
	width: 481px;
	padding-bottom: 15px;
}

.content .content-bg-bottom2 {
	background: url(../images/content-box-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	padding: 0 0 0 11px;
	width: 478px;
}

.shadow {
	/* has IE-fix */
	background: url(../images/shadow-2.png) no-repeat;
	height: 5px;
	overflow: hidden;
	width: 507px;
}

/* distribute box*/
.distribute-content {
	line-height: 20px;
}

.distribute-content p {
	margin: 6px 0 6px 10px;
}

.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(../images/shadow-line.png) no-repeat scroll left bottom;
	height: 3px;
	margin: 0 0 6px 10px;
}

.distribute-content .distribute-box {
	background: url(../images/distributebox-bg.jpg) no-repeat;
	height: 121px;
	margin: 0 0 20px 10px;
	width: 458px;
}

.distribute-content .special-box {
	background: url(../images/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(../images/distributebox-input.jpg);
	border: 0px;
	height: 18px;
	width: 37px;
}

.distribute-content .distribute-box .distribute-btn {
	background: url(../images/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(../images/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(../images/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 list */
.screenshots {
	margin: 5px 0 0;
	overflow: hidden;
	padding: 0 0 17px;
	width: 100%;
}

.screenshots li {
	background: url(../images/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(../images/screeshot-border.gif) no-repeat;
}

/* content start */
.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: 8px 20px 16px;
}

.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(../images/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
}

/* content end */
/*slimbox start*/
#lbOverlay {
	background-color: #000;
	cursor: pointer;
	left: 0;
	position: absolute;
	z-index: 9999;
	width: 100%;
}

#lbCenter,
#lbBottomContainer {
	background: #d2bc85 url(../images/standard-bg.jpg) no-repeat;
	left: 50%;
	overflow: hidden;
	position: absolute;
	z-index: 9999;
}

.lbLoading {
	background: #fff url(../images/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(../images/prevlabel.gif) no-repeat 0% 50%;
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel-hover.gif) no-repeat 0% 50%;
}

#lbNextLink {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 50%;
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/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(../images/closelabel.gif) no-repeat center;
	display: block;
	float: right;
	height: 25px;
	margin: 0px 3px 0px 0px;
	outline: none;
	width: 25px;
}

#lbCaption,
#lbNumber {
	margin-right: 0px;
}

#lbCaption {
	font-weight: bold;
}

/*slimbox end*/
/*about start*/
.aboutbox-1,
.aboutbox-2,
.aboutbox-3,
.aboutbox-4,
.aboutbox-5 {
	min-height: 169px;
	padding: 7px 190px 7px 9px;
	width: 281px;
}

.aboutbox-1 {
	background: url(../images/aboutbox-1-bg.jpg) no-repeat;
}

.aboutbox-2 {
	background: url(../images/aboutbox-2-bg.jpg) no-repeat;
}

.aboutbox-3 {
	background: url(../images/aboutbox-3-bg.jpg) no-repeat;
}

.aboutbox-4 {
	background: url(../images/aboutbox-4-bg.jpg) no-repeat;
}

.aboutbox-5 {
	background: url(../images/aboutbox-5-bg.jpg) no-repeat;
	/*width:462px;*/
}

.about-inner-content h4 {
	background: url(../images/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(../images/aboutbox-foot-bg.jpg);
	height: 10px;
	margin-bottom: 12px;
	width: 481px;
}

/*about end*/
/*first steps start*/
.firststepsbox-1,
.firststepsbox-2,
.firststepsbox-3 {
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}

.firststepsbox-1 {
	background: url(../images/firststepsbox-1-bg.jpg) no-repeat;
}

.firststepsbox-2 {
	background: url(../images/firststepsbox-2-bg.jpg) no-repeat;
}

.firststepsbox-3 {
	background: url(../images/firststepsbox-3-bg.jpg) no-repeat;
}

.firststeps-inner-content {
	margin: 9px 0px 0px 0px;
	padding: 0 0 0px;
}

.firststeps-inner-content h4 {
	background: url(../images/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(../images/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(../images/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(../images/community_dragon_bg.jpg) no-repeat;
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}

/*first steps end*/
/* empires start */
.empires-content {
	margin: 9px 0 0 0;
	padding: 0;
	position: relative;
}

.empires-content .empires-map {
	background: url(../images/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(../images/empire-box-bg.jpg) no-repeat;
	min-height: 169px;
	padding: 7px;
	position: relative;
	width: 467px;
}

.empires-content h4 {
	background: url(../images/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(../images/empire-box-bg.jpg) no-repeat;
	height: 87px;
	position: absolute;
	top: 0px;
	left: 345px;
	width: 136px;
}

.empires-content .empirebox-1 .empire-crest {
	background: url(../images/empire-crest.png) no-repeat 0 0;
}

.empires-content .empirebox-2 .empire-crest {
	background: url(../images/empire-crest.png) no-repeat 0 -87px;
}

.empires-content .empirebox-3 .empire-crest {
	background: url(../images/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: 0px;
}

.empires-content #empire-img {
	position: relative;
}

.empires-content .empire-1 {
	background: url(../images/empires-map.png) no-repeat 0 -196px;
	height: 145px;
	left: 0px;
	top: 196px;
	width: 345px;
}

.empires-content .empire-2 {
	background: url(../images/empires-map.png) no-repeat 0 0;
	height: 160px;
	left: 0px;
	top: 0px;
	width: 200px;
}

.empires-content .empire-3 {
	background: url(../images/empires-map.png) no-repeat -291px 0;
	height: 225px;
	left: 291px;
	width: 190px;
}

/* empires end */
/*gallery start*/


#wallpapers a,
#screenshots a {
	background: url(../images/screeshot-border-2.gif) no-repeat;
	float: left;
	margin: 4px;
	padding: 4px;
}

#wallpapers a.first,
#screenshots a.first {
	background: url(../images/screenshot-li-bg.jpg) no-repeat;
}

.gallerybox {
	background: url(../images/gallerybox-bg.jpg) no-repeat;
	margin-bottom: 9px;
	height: auto;
	padding-top: 7px;
	padding-left: 12px;
	width: 469px;
}

.gallerybox-small {
	background-image: url(../images/gallerybox-small-bg.jpg);
	min-height: 133px;
}

.gallerybox-middle {
	background-image: url(../images/gallerybox-bg.jpg);
	min-height: 193px;
	margin-bottom: 30px;
}

.gallery-inner-content h4 {
	color: #7b1300;
	font-size: 12px;
	height: 34px;
	margin: 1px 0px 0px 9px;
	width: 290px;
}

.gallery-inner-content {
	margin: 9px 0px 0px 0px;
	padding: 0 0 0 0px;
}

.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(../images/screenshot-li-bg.jpg) no-repeat;
	display: inline;
	float: left;
	list-style: none;
	height: 83px;
	margin: 0 4px 4px 0px;
	padding: 4px 0px 0px 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;
}

/*gallery end*/
/*characterclasses start*/
.characterclasses {
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 282px;
}

.charclass-1 {
	background: url(../images/characterclasses-knight-bg.jpg) no-repeat;
}

.charclass-2 {
	background: url(../images/characterclasses-ninja-bg.jpg) no-repeat;
}

.charclass-3 {
	background: url(../images/characterclasses-shaman-bg.jpg) no-repeat;
}

.charclass-4 {
	background: url(../images/characterclasses-sura-bg.jpg) no-repeat;
}

.characterclasses h4 {
	font-size: 12px;
}

/*characterclasses end*/
/*download start*/
.download-inner-column-left {
	/* has IE-fix */
	background-image: url(../images/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 0px 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(../images/download-button-1.jpg);
	display: block;
	height: 63px;
	width: 174px;
}

.download-button-1:hover {
	background-image: url(../images/download-button-1_h.jpg);
}

.download-button-megaupload {
	background-image: url(../images/download-button_megaupload.jpg);
	display: block;
	height: 63px;
	width: 174px;
}

.download-button-megaupload:hover {
	background-image: url(../images/download-button-1_megaupload.jpg);
}

.download-button-2shared {
	background-image: url(../images/download-button_2shared.jpg);
	display: block;
	height: 63px;
	width: 174px;
}

.download-button-4shared:hover {
	background-image: url(../images/download-button-1_4shared.jpg);
}

.download-button-4shared {
	background-image: url(../images/download-button_4shared.jpg);
	display: block;
	height: 63px;
	width: 174px;
}

.download-button-2shared:hover {
	background-image: url(../images/download-button-1_2shared.jpg);
}

.download-button-bittorrent {
	background-image: url(../images/download-button_bittorrent.jpg);
	display: block;
	height: 63px;
	width: 174px;
}

.download-button-bittorrent:hover {
	background-image: url(../images/download-button-1_bittorrent.jpg);
}

.download-button-2 {
	background-image: url(../images/download-button-2.jpg);
	display: block;
	height: 63px;
	width: 174px;
}

.download-button-2:hover {
	background-image: url(../images/download-button-2_h.jpg);
}

.downloadbox {
	background: url(../images/downloadbox-bg.jpg) no-repeat;
	margin-bottom: 9px;
	min-height: 209px;
	padding-top: 7px;
	padding-left: 12px;
	width: 289px;
}

.download-inner-content h4 {
	color: white;
	font-size: 12px;
	height: 18px;
	margin: 1px 0px 0px 0px;
}

.download-inner-column-left p {
	margin: 5px 0px 9px 0px;
	width: 286px;
}

.download-image {
	margin-bottom: 16px;
}

.download-inner-content {
	margin: 9px 0px 0px 4px;
	padding: 0 0 0 0px;
	width: 465px;
}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #4A1E00 !important;
	opacity: 0.4 !important;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #4A1E00 !important;
	opacity: 0.4 !important;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #4A1E00 !important;
	opacity: 0.4 !important;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #4A1E00 !important;
	opacity: 0.4 !important;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #4A1E00 !important;
	opacity: 0.4 !important;
}

::placeholder {
	color: #4A1E00 !important;
	opacity: 0.4 !important;
}

.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(../images/bullet.gif) no-repeat 0px 0px;
	height: 23px;
	padding-left: 20px;
	width: 69px;
}

.download-box-foot {
	background-image: url(../images/aboutbox-foot-bg.jpg);
	clear: both;
	height: 10px;
	margin-bottom: 12px;
	width: 481px;
}

/*download end*/
/*error start*/
.error-inner-content ul {
	font-size: 11px;
	line-height: 13px;
	margin: 12px 0px 0px 12px;
	padding: 0 0 15px;
	text-align: justify;

}

.error-inner-content ul li {
	background: url(../images/bullet.gif) no-repeat;
	list-style: none;
	padding: 0 0 13px 20px;
}

/*error end*/
/*ranks start*/
.ranks-dropdowns-box {
	/* has IE-fix */
	background-image: url(../images/ranks-dropdowns-box-bg.jpg);
	height: 56px;
	margin: 0 0 15px 8px;
	width: 466px;
}

.ranks-dropdowns-box-pages {
	/* has IE-fix */
	background-image: url(../images/ranks-dropdowns-box-bg-pages.jpg);
	height: 25px;
	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: none;
	border: none;
	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 {
	/* has IE-fix */
	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(../images/ranks-input-bg.jpg);
	height: 20px;
	width: 119px;
}

.ranks-input-noservers {
	background-image: url(../images/ranks-input-bg.jpg);
	color: #4A1E00;
	font-size: 13px;
	height: 17px;
	padding-left: 4px;
	padding-top: 3px;
	width: 115px;
}

.small-btn {
	background: url(../images/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;
}

.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: 0px 9px 15px 9px;
}

.ranks-inner-content th {
	/* has IE-fix */
	color: #8d0404;
	font-size: 11px;
	font-weight: bold;
	height: 43px;
	padding-top: 20px;
}

.ranks-inner-content td {
	/* has IE-fix */
	/* has safari-fix */
	color: #8d0404;
	font-size: 11px;
	height: 29px;
	padding-top: 8px;
}

.rankfirst {
	font-weight: bold;
}

.rank-td-1-1 {
	background-image: url(../images/rank-td-1-1-bg.jpg);
	font-weight: bold;
	text-align: center;
	width: 55px;
}

.rank-td-1-2 {
	background-image: url(../images/rank-td-1-2-bg.jpg);
	padding-left: 13px;
	text-align: left;
	width: 144px;
}

.rank-td-1-3 {
	background-image: url(../images/rank-td-1-3-bg.jpg);
	text-align: center;
	width: 56px;
}

.rank-td-1-4 {
	background-image: url(../images/rank-td-1-4-bg.jpg);
	padding-right: 13px;
	text-align: right;
	width: 200px;
}

.rank-td-2-1 {
	background-image: url(../images/rank-td-2-1-bg.jpg);
	font-weight: bold;
	text-align: center;
	width: 55px;
}

.rank-td-2-2 {
	background-image: url(../images/rank-td-2-2-bg.jpg);
	padding-left: 13px;
	text-align: left;
	width: 144px;
}

.rank-td-2-3 {
	background-image: url(../images/rank-td-2-3-bg.jpg);
	text-align: center;
	width: 56px;
}

.rank-td-2-4 {
	background-image: url(../images/rank-td-2-4-bg.jpg);
	padding-right: 13px;
	text-align: right;
	width: 200px;
}

.rank-th-1 {
	background-image: url(../images/rank-head-1-bg.jpg);
	width: 55px;
}

.rank-th-2 {
	background-image: url(../images/rank-head-2-bg.jpg);
	padding-left: 13px;
	text-align: left;
	width: 144px;
}

.rank-th-3 {
	background-image: url(../images/rank-head-3-bg.jpg);
	width: 56px;
}

.rank-th-4 {
	background-image: url(../images/rank-head-4-bg.jpg);
	padding-right: 13px;
	text-align: right;
	width: 200px;
}

#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(../images/table-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 0px 10px;
}

.ranks-nav22 {
	height: 24px;
	float: left;
	font-weight: bold;
	padding: 8px 10px 0px 10px;
}

.ranks-nav3 {
	height: 24px;
}

.ranks-nav2 {
	height: 24px;
	float: right;
	font-weight: bold;
	padding: 8px 10px 0px 10px;
}

.ranks-nav a {
	color: #8d0404;
	font-size: 10px;
	text-decoration: none;
}

.ranks-nav a:hover {
	text-decoration: underline;
}

.prev {
	background-image: url(../images/rank-td-last-1.jpg);
	text-align: left;
	width: 221px;
}

.prev22 {
	text-align: left;
	width: 221px;
}

.prev2 {
	background-image: url(../images/rank-td-last-1.jpg);
	text-align: left;
	width: 221px;
}

.prev3 {
	background-image: url(../images/rank-td-last-1.jpg);
	text-align: center;
	width: 109px;
}

.next {
	background-image: url(../images/rank-td-last-2.jpg);
	text-align: right;
	width: 220px;
}

.next2 {
	background-image: url(../images/rank-td-last-2.jpg);
	text-align: right;
	width: 217px;
}

.next-2 {
	background-image: url(../images/rank-td-right.html);
	text-align: left;
	width: 109px;
}

.next-3 {
	text-align: center;
	width: 35px;
}

.prev-top {
	background-image: url(../images/rank-td-first-1.jpg);
	padding: 9px 10px 0;
}

.prev-top22 {
	padding: 9px 10px 0;
}

.prev-top2 {
	background-image: url(../images/rank-td-first-1.jpg);
	padding: 1px 10px 0;
}

.next-top {
	background-image: url(../images/rank-td-first-2.jpg);
	padding: 9px 10px 0px;
}

.next-top5 {
	background-image: url(../images/rank-td-right.html);
	padding: 9px 15px 0px;
}

.top-top1 {
	background-image: url(../images/rank-td-first-left.png);
	padding: 9px 10px 0;
}

.top-top2 {
	background-image: url(../images/rank-td-first-2-2.jpg);
	padding: 19px 1px 0;
}

.top-top3 {
	background-image: url(../images/rank-td-first-right.png);
	padding: 9px 10px 2px;
}

.next-top2 {
	background-image: url(../images/rank-td-first-2-1.jpg);
}

.ranks-update-time {
	color: #4a1e00;
	height: 15px;
	font-size: 11px;
	margin-top: 10px;
	text-align: right;
	width: 475px;
}

/*ranks end*/
/*news start*/
.news-box {
	background-image: url(../images/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 0px 0px 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 0px 12px;
	padding: 0;
	text-align: justify;
}

.news-box ul li {
	background: url(../images/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;
}

/*news start*/
/*password lost start*/
.input-data-box {
	background: url(../images/input-data-box-bg.jpg) no-repeat;
	min-height: 129px;
	padding-top: 9px;
	width: 481px;
}

.input-data-box2 {
	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 0px 0px 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 0px 0px 0px;
	padding: 0 0 0px;
}

.pass-lost-box {
	background: url(../images/pass-lost-box.jpg) no-repeat;
	margin-left: 11px;
	overflow: hidden;
	padding-top: 10px;
	width: 275px;
}

.pass-lost-box-small {
	background: url(../images/pass-lost-box-small.jpg) no-repeat;
	float: left;
	height: auto;
	margin-left: 11px;
	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(../images/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: none;
	border: none;
	font: 11px/13px Arial, Helvetica, sans-serif;
	margin: 1px 0 0 4px;
	width: 245px;
}

.input-data-input {
	background-image: url(../images/input-data-input-bg.jpg);
	height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 251px;
}

.error-mini {
	background: url(../images/error-mini.gif) no-repeat 0px 0px;
	color: #af1b03;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0px 15px 0px;
	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 0px 0px 62px !important;
}

.error-big {
	background: url(../images/error.gif) no-repeat 0px 9px;
	color: #4a1e00;
	font-size: 10px;
	margin: 23px 0px 15px 0px;
	padding-left: 60px;
}

/*password lost end*/
/*login error start*/
.password-lost:hover {
	text-decoration: underline;
}

.password-lost {
	color: #58220E;
	display: block;
	font-size: 9px;
	line-height: 11px;
	margin: 0px 0 0 0px;
	text-decoration: none;
	text-align: center;
}

.btn-center-input-small-space {
	margin: 10px 0px 4px 62px !important;
}

.error-mini-margin {
	margin-left: 12px;
}

/*login error end*/
/*register start*/
.register-inner-content h4 {
	color: #7b1300;
	font-size: 11px;
	height: 22px;
	margin: 1px 0px 0px 9px;
	width: 290px;
}

.register-inner-content p {
	font-size: 11px;
	margin: 5px 0px 10px 12px;
	width: 285px;
}

.register-inner-content {
	margin: 9px 0px 0px 0px;
	padding: 0 0 0px;
	position: relative;
}

.register-box {
	background: url(../images/register-box-bg.jpg) no-repeat;
	/*height:438px;*/
	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: none;
	border: none;
	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: 0px;
	margin-bottom: 5px;
}

.btn-center-input-register {
	margin: 10px 0 10px 64px;
	padding-bottom: 5px;
}

.hide {
	visibility: hidden;
}

/*register end*/
/*download box start*/
.download-btn {
	background-image: url(../images/nav-download-btn.jpg);
	height: 68px;
	margin: 4px 0 9px 14px;
	width: 130px;
	padding-bottom: 0px !important;
}

/*download box end*/

.itemshop-btn {
	background-image: url(../images/nav-itemshop-btn.jpg);
	height: 68px;
	margin: 4px 0 9px 14px;
	width: 130px;
	padding-bottom: 0px !important;
}

/*administration*/
.administration-inner-content h4 {
	color: #7b1300;
	font-size: 11px;
	height: 22px;
	margin: 1px 0px 0px 9px;
	width: 290px;
}

.administration-inner-content p {
	font-size: 11px;
	margin: 0 5px 0 12px;
}

.administration-inner-content {
	margin: 9px 0 0;
	padding: 0 0 0px;
}

.administration-inner-content ul {
	font-size: 11px;
	margin: 9px 0 0 12px;
	padding: 0;
	text-align: justify;
}

.administration-inner-content ul li {
	background: url(../images/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: 0px 5px !important;
	line-height: 23px;
	padding-bottom: 0px;
}

.administration-box {
	line-height: 18px;
	margin-bottom: 0;
	margin-left: 12px;
	padding: 0 0 0 13px;
	width: 500px;
}

.administration-box p {
	color: #4a1e00;
	margin-left: 6px;
	margin-bottom: 10px;
}

.administration-box a {
	float: left;
	margin: 0 7px 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;
}

/* character list */
.char-list-content {
	color: #86280f;
	font-weight: bold;
	margin-bottom: 10px;
	width: 480px;
}

.char-list-content .pagerWrapper {
	background: transparent url(../images/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(../images/charlist-pager.jpg) no-repeat;
	float: right;
	height: 20px;
	text-align: right;
	width: 110px;
}

.char-list-content .pagerWrapper .prev {
	background: url(../images/charlist-pager-prev.jpg) no-repeat;
}

.char-list-content .pagerWrapper .next {
	background: url(../images/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: none;
	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(../images/charlist-row-bg.jpg) no-repeat;
	height: 96px;
	padding: 2px;
	width: 476px;
}

.char-list-content .charList .charimg {
	background: url(../images/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;
}

/* character list end*/
/* captcha */

#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(../images/input-data-input-captcha-bg.jpg);
}

/* end captcha*/
.help-link {
	background: url(../images/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;
}

/* tabs definition */
.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;
}

/* tabs4 */
.content .tabs4 li {
	background: transparent url(../images/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;
}

/* tabs3 */
.content .tabs3 li {
	background: transparent url(../images/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;
}

/* tabs2 */
.content .tabs2 li {
	background: transparent url(../images/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;
}

/* tabs definition end */
/* ticketservice */
.ticketservice {
	background: transparent url(../images/qaservice-bg.jpg) no-repeat;
	margin-top: 10px;
	padding: 7px;
	margin: 10px 0;
	width: 467px;
}

.ticketservice ul li {
	background: none;
	list-style-position: inside;
	list-style-type: circle;
	padding: 0 0 5px;
}

.ticketservice a {
	color: #943B00;
	text-decoration: none;
}

.ticketservice .ticketlist a {
	background: url(../images/bullet.gif) no-repeat;
	display: block;
	height: 18px;
	padding-left: 20px;
}

.ticketservice a:hover {
	text-decoration: underline;
}

/* ticketservice end */
/* safari hacks */
@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 #CC0000;
	color: #CC0000;
	font-size: 12px;
	line-height: 18px;
	margin: 35px 15px 0;
	padding: 5px;
}

#warning strong {
	font-size: 16px;
}

.top-nav li {
	behavior: url(../images/iepngfix.htc)
}

/*TASKFORCE CHANGES*/

#authenticated .input-data-box,
#authenticate .input-data-box {
	background: none;
}

#activateAccount a {
	color: #8D0404;
	font-weight: bold;
	text-decoration: none;
}

#activateAccount a:hover {
	text-decoration: underline;
}

#activateBox {
	margin: 0 0 20px;
}

#activateBox p {
	width: auto;
}

#activateAccount a#downloadLink {
	background: url("../images/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("../images/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("../images/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("../images/valid-icon.gif") no-repeat scroll 5px 3px;
	border: 1px solid #622400;
	padding: 0 5px 2px 30px;
}

#activateAccount #bigDownload {
	background: url("../images/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;
}

/*TASKFORCE CHANGES 13.04. New Forms*/
#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 {
	padding: 0 11px 11px;
	width: 485px;
}


.trenner {
	background: url(../images/trenner-shadow.jpg) no-repeat;
	border-top: 1px solid #B28A45;
	height: 8px;
	margin: 0 auto;
	width: 380px;
}

.trenner_news {
	background: no-repeat;
	border-top: 1px solid #B28A45;
	height: 8px;
	margin: 0 auto;
	width: 500px;
}

#pwlostForm,
#lostPasswordCodeForm,
#changepwForm,
#emailChangeForm,
#resendactivForm,
#registerForm {
	margin: 15px auto;
	width: 290px;
}

#pwlostForm div,
#lostPasswordCodeForm div,
#changepwForm div,
#emailChangeForm div,
#resendactivForm div,
#registerForm 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 {
	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 {
	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("../images/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 {
	font-size: 11px;
	font-weight: normal;
}

.inner-form-box label {
	display: block;
	color: #4a1e00;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}

input.form-control {
	background: url(../images/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: 90%;
}

input.form-control:focus {
	background-position: 0 -30px;
	border: 1px solid #8D0404;
	color: #4A1E00;
}

input.form-control:focus {
	background-position: 0 -30px;
	border: 1px solid #8D0404;
	color: #4A1E00;
}

#checkerror p,
#checkerror {
	font-size: 12px;
}

#login #checkerror input,
#register #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,
#subscribe .btn-big,
a.btn-big {
	background: url("../images/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: 0.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,
a.btn-big:hover {
	background-position: 0 -38px;
	color: #FFF;
	text-decoration: none;
}

#regLegend {
	color: #775555;
	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;
}

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

/*Progress Tracker*/
#progressTracker {
	height: 100px;
	margin: 0 auto;
	padding-left: 10px;
	width: 400px;
}

#progressTracker .step {
	background: url(../images/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(../images/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: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#progressTracker .inactive .progress-text {
	color: #4A1E00;
}

#progressTracker .inactive .progress-text a {
	color: #4A1E00;
}

#progress3 {
	float: left;
	width: 45px;
}

#progressTracker .passed {
	background: url(../images/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 Changes*/
.download-content-teaser {
	float: right;
	width: 178px;
}

#download h3 {
	background: none;
	color: #4A1E00;
	font-size: 25px;
	line-height: 25px;
	margin: 0 15px;
	text-shadow: 1px 1px #ECD4BA;
}

#download a#requirements {
	background: url("../images/ico-plus.html") 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-4shared,
#download .download-button-2shared,
#download .download-button-1 {
	float: left;
	margin: 15px 25px;
}

#download .download-button-bittorrent {
	float: left;
	margin: 15px 25px;
}

#download .download-button-megaupload {
	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(../images/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(../images/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(../images/charlist-pager-next.jpg) no-repeat top right;
}

#news #browse a#next span {
	padding-right: 17px;
}

#news #browse a#prev {
	background: url(../images/charlist-pager-prev.jpg) no-repeat top left;
}

#news #browse a#prev span {
	padding-left: 17px;
}

h4 {
	clear: both;
	color: #DFBF8B;
	font-size: 14px;
	font-weight: bold;
}

h5 {
	clear: both;
	color: #7b1300;
	font-size: 12px;
	font-weight: italic;
	line-height: 19px;
	margin: 2px 0 0;
	padding: 1px 0 1px 6px;
}

.thell {
	background-color: transparent;
}

.splitLeft {
	float: left;
	width: 49%;
}

.splitRight {
	float: right;
	width: 49%;
}

ul.menue {
	float: center;
	list-style: none outside none;
	margin-bottom: 0;
	margin-left: 0;
}

ul.menue li {
	margin-bottom: 2px;
}

ul.menue a {
	background: none repeat scroll 0 0 #E6E6E6;
	border-left: 5px solid #C5C5C5;
	color: #212121;
	display: block;
	padding: 3px;
}

ul.menue a:hover {
	background: none repeat scroll 0 0 #CECECE;
	text-decoration: none;
}

div.newsblock {
	margin: 10px 5px;
	padding: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #d9d9d9;
}

div.newsblock h3 {
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	color: #333;
	font-size: 1.2em;
	background: #f0f0f0;
	padding: 0 3px;
	margin: 0;
	border-bottom: 2px solid #5F5F5F;
}

div.newsblock p {
	margin: 1px 0;
	padding: 3px;
	border: 0;
	background: #5F5F5F;
}

div.newsblock p.footer {
	margin: 1px 0;
	padding: 3px;
	border: 0;
	background: #5F5F5F;
	line-height: 20px;
	height: 20px;
	font-size: 0.9em;
}

h3 {
	clear: both;
	color: #5F5F5F;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
}

#itemshop-div {
	float: left;
	width: 50%;
}

.discord-widget.active {
	left: 8px;
}

.discord-widget {
	width: 265px;
	transition-property: left;
	transition-duration: 2s;
	-webkit-transition-property: left;
	-webkit-transition-duration: 2s;
	position: fixed;
	bottom: 5px;
	left: 10px;
	z-index: 10;
}

.modal {
	display: none;
	position: fixed;
	z-index: 999999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 50px auto;
	padding: 20px;
	border: 1px solid #888;
	width: 60%;
}

.close {
	color: #000000 !important;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.selectform {
	background: url(../images/form-input-bg.gif);
	background-color: #c2a578;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 32px;
	padding: 5px 10px;
	width: 98%;
}

.text-center {
	text-align: center !important;
}

.pull-right {
	float: right;
}

.pagination {
	display: inline-block;
}

.pagination a,
.pagination strong {
	padding: 10px;
	float: left;
	border: 1px dashed;
	font-size: 14px;
	font-family: 'Arial';
	color: #000;
	margin: 10px;
}

textarea {
	background: #b69569;
	border: 1px solid #622400;
	color: #534236;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 200px;
	padding: 5px 10px;
	width: 90%
}

textarea::placeholder {
	color: #534236;
}

.invite-description-box {
	background: linear-gradient(135deg, #d4c4a8 0%, #c9b896 100%);
	border: 2px solid #997C47;
	border-radius: 8px;
	padding: 20px;
	margin: 15px 12px;
	text-align: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.invite-description-box .invite-icon {
	font-size: 48px;
	color: #7b1300;
	margin-bottom: 10px;
}

.invite-description-box p {
	color: #4a1e00;
	font-size: 13px;
	line-height: 1.6;
	margin: 0;
}

.invite-code-section,
.invite-link-section,
.invite-stats-section,
.invite-share-section {
	margin: 20px 12px;
	padding: 15px;
	background: rgba(205, 183, 139, 0.3);
	border: 1px solid #997C47;
	border-radius: 6px;
}

.invite-code-section h4,
.invite-link-section h4,
.invite-stats-section h4,
.invite-share-section h4 {
	color: #7b1300;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 12px 0;
	padding-bottom: 8px;
	border-bottom: 1px dashed #997C47;
}

.invite-code-section h4 i,
.invite-link-section h4 i,
.invite-stats-section h4 i,
.invite-share-section h4 i {
	margin-right: 8px;
}

.invite-code-box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}

.invite-code {
	background: linear-gradient(135deg, #7b1300 0%, #a01800 100%);
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 12px 25px;
	border-radius: 6px;
	letter-spacing: 3px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 8px rgba(123, 19, 0, 0.4);
}

.invite-link-box {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.invite-link-input {
	flex: 1;
	min-width: 200px;
	background: #b69569;
	border: 1px solid #622400;
	color: #4a1e00;
	font-size: 12px;
	padding: 10px 12px;
	border-radius: 4px;
	font-family: monospace;
}

.btn-copy {
	background: linear-gradient(135deg, #7b1300 0%, #a01800 100%);
	color: #fff !important;
	border: none;
	padding: 8px 15px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	transition: all 0.3s ease;
}

.btn-copy:hover {
	background: linear-gradient(135deg, #a01800 0%, #c02000 100%);
	transform: translateY(-2px);
	box-shadow: 0 3px 8px rgba(123, 19, 0, 0.4);
}

.invite-stats-grid {
	display: flex;
	justify-content: space-around;
	gap: 15px;
	flex-wrap: wrap;
}

.invite-stat-card {
	flex: 1;
	min-width: 100px;
	max-width: 100px;
	background: linear-gradient(135deg, #d4c4a8 0%, #c9b896 100%);
	border: 2px solid #997C47;
	border-radius: 10px;
	padding: 15px 10px;
	text-align: center;
	transition: all 0.3s ease;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.invite-stat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.invite-stat-card.stat-total {
	border-color: #7b1300;
}

.invite-stat-card.stat-week {
	border-color: #1a5f7a;
}

.invite-stat-card.stat-today {
	border-color: #2e7d32;
}

.invite-stat-card .stat-icon {
	font-size: 28px;
	margin-bottom: 8px;
}

.stat-total .stat-icon {
	color: #7b1300;
}

.stat-week .stat-icon {
	color: #1a5f7a;
}

.stat-today .stat-icon {
	color: #2e7d32;
}

.invite-stat-card .stat-content {
	display: flex;
	flex-direction: column;
}

.invite-stat-card .stat-number {
	font-size: 32px;
	font-weight: bold;
	color: #4a1e00;
	line-height: 1;
}

.invite-stat-card .stat-label {
	font-size: 12px;
	color: #6b4423;
	margin-top: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.invite-share-buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}

.share-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 24px;
	color: #fff !important;
	text-decoration: none !important;
	transition: all 0.3s ease;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.share-btn:hover {
	transform: translateY(-3px) scale(1.1);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.share-btn.whatsapp {
	background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
}

.share-btn.telegram {
	background: linear-gradient(135deg, #0088cc 0%, #006699 100%);
}

.share-btn.discord {
	background: linear-gradient(135deg, #7289DA 0%, #5865F2 100%);
}

@media (max-width: 600px) {
	.invite-stats-grid {
		flex-direction: column;
		align-items: center;
	}

	.invite-stat-card {
		width: 80%;
		max-width: none;
	}

	.invite-code {
		font-size: 18px;
		padding: 10px 18px;
	}

	.invite-link-box {
		flex-direction: column;
	}

	.invite-link-input {
		width: 100%;
	}
}