/* Metin2 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: 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(../img/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 {
	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 #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(../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: 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(../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);
}
/* top navigation end */
/* form start */
.form {
	clear: both;
}
.form fieldset {
	background: url(../img/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(../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: 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(../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:10px 0 10px 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;}

/* form end */
/* header end */
/* footer start  */
.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 0px 0px 7px; }

#safeplay { display:inline;float:left;margin:21px 0px 0px 7px; }

#pegi {
	display:block;
	float:left;
	background:none;
	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;
}


/* list */
#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: none;
	display:block;
	width:440px;
	margin:0 auto;
}
#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(../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;
}
/* 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(../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 { /* has IE-fix */
	background: url(../img/box-bottom.png) no-repeat;
	height: 48px;
	margin: 0 0 0 4px;
	width: 150px;
}
.boxes-middle { /* has IE-fix */
	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 { /* has IE-fix */
	background: url(../img/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(../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;
}
/* 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(../img/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 a {
	color:#8D0404;
	font-size:9px;
	line-height:11px;
	text-decoration:none;
}
.agbokinput {
	margin-bottom:0px;
}
.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;
}

/* login form end */
/* hightscore box start */
.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;
}
/* 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(../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;}
/* 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(../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 */
.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;
}
/* two boxes holder end */
.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 { /* has IE-fix */
	background: url(../img/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-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:0px;
	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 list */
.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;
}
/* 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: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;
}
/* content end */
/*slimbox start*/
#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: 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(../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;
	/*width:462px;*/
}
.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;
}
/*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(../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 0px 0px 0px;
	padding: 0 0 0px;
}
.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;
}
/*first steps end*/
/* empires start */
.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:0px;
	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:0px;
}
.empires-content #empire-img {
	position:relative;
}
.empires-content .empire-1 {
	background: url(../img/empires-map.png) no-repeat 0 -196px;
	height:145px;
	left:0px;
	top:196px;
	width:345px;
}
.empires-content .empire-2 {
	background: url(../img/empires-map.png) no-repeat 0 0;
	height:160px;
	left:0px;
	top:0px;
	width:200px;
}
.empires-content .empire-3 {
	background: url(../img/empires-map.png) no-repeat -291px 0;
	height:225px;
	left:291px;
	width:190px;
}
/* empires end */
/*gallery start*/


#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 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(../img/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(../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;}
/*characterclasses end*/
/*download start*/
.download-inner-column-left{ /* has IE-fix */
	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 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(../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 0px 0px 0px;
	width:290px;
}
.download-inner-column-left p{
	margin:5px 0px 9px 0px;
	width:286px;
}
.download-image{margin-bottom:16px;}
.download-inner-content{
	margin: 9px 0px 0px 0px;
	padding:0 0 0 0px;
}
.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;
}
/*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(../img/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(../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: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(../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;}
.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;}

#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-3{
}
#highscore .rank-td-1-4{
}
#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 0px 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;
}
/*ranks end*/
/*news start*/
.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 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(../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;
}
/*news start*/
/*password lost start*/
.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 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(../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: none;
	border: none;
	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 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(../img/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(../img/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(../img/nav-download-btn.jpg);
	height:68px;
	margin:4px 0 9px 14px;
	width:130px;
}
/*download box end*/

.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*/
.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(../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: 0px 5px !important;
	line-height: 23px;
	padding-bottom: 0px;
}
.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 0 0 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(../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: 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(../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;
}
/* 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(../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;
}
/* end captcha*/
.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;
}
/* 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(../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;}
/* tabs4-big */
.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: 0px;}
.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;}
/* tabs3 */
.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;}
/* tabs2 */
.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;}
/* tabs definition end */
/* ticketservice */
/* DEPRECATED */
.ticketservice {
	background:transparent url(../img/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(../img/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;
}

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

/*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,
#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 {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,
#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: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,
#captcha #submitBtn:hover,
a.btn-big:hover,
.contest-inner-content #submitBtn:hover {background-position:0 -38px; color:#FFF; text-decoration:none;}

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

#activateAccount h3#charCreationHeading {
	margin-top:40px;
}

#activateAccount a#charCreation {
	margin-top:30px;
	text-decoration:none;
	color:#DFBF8B;
}

#activateAccount a#charCreation:hover {
	color:#ffffff;
}

#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(../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: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(../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 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("../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;
}

/* recruiting */
.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 0px 0px 0px;
	padding: 0 0 0px;
}
.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: none;
	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: none;
	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:none;
	color:#ffffff;
	cursor:pointer;
	height:48px;
	width:248px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.01em;
	margin:0px auto;
	text-align:center;
	display:block;
	background-position: 0px 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: none;
	padding-left: 3px;
	padding-top: 0px;
	background: url('../img/recruit/recruit_friends_bg_input.png') no-repeat;
}
#recruitSocialForm #inviteLink {
	background:none;
	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:#660000;
	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:#000000;
	font-size:13px;
	font-weight:bold;
	background:none;
	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:none;
	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:none;
	width:220px;
	margin:35px 0 0 10px;
	text-align:left;
}

#creation div.completed a {
	background: url('../img/btn-big.jpg') no-repeat;
	border:none;
	color:#dfbf8b;
	cursor:pointer;
	display:block;
	font-size:18px;
	font-weight:bold;
	height:38px;
	letter-spacing:0.01em;
	line-height:36px;
	margin:10px 0 25px 8px;
	text-align:center;
	text-shadow:-1px -1px #000000;
	width:287px;
	text-decoration:none;
}

#creation div.completed a:hover {
	background-position:0 -38px;
	color:#ffffff;
}

#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:none;
	color:#dfbf8b;
	cursor:pointer;
	display:block;
	font-size:18px;
	font-weight:bold;
	height:38px;
	letter-spacing:0.01em;
	line-height:normal;
	margin:25px 0;
	text-align:center;
	text-shadow:-1px -1px #000000;
	width:287px;
}

#creation #submit:hover {
	background-position:0 -38px;
	color:#fff;
	text-decoration:none;
}

/* Comicevent */

.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;
}
/* Comicevent end*/

/* Cos-Play Start*/

.contest-inner-content p {
	padding:10px 40px 10px 32px;
	width:420px;
	text-align:justify;
}

.inner-form-box p {
	padding:10px 0px 10px 0px;
	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;
}

/* Cos-Play End*/

/* phishing page start */
.highlighted {
	color:#000000 !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;
}
/* phishing page end */

/* Servermerge Start */
.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;
}
/* Servermerge End */

/*
############################
####  HELPER CLASSES
############################
*/

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clearfloat {font-size:1px;clear:both; height:0;}
