header,

nav,

section,

article,

aside,

footer,

hgroup {

	display: block

}



ol,

ul {

	list-style: none outside none

}



* {

	vertical-align: baseline;

	font-weight: inherit;

	font-family: inherit;

	font-style: inherit;

	font-size: 100%;

	border: 0;

	padding: 0;

	margin: 0

}



table {

	border-collapse: collapse;

	border-spacing: 0

}



* {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}



html {

	background: black;

	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif

}



body {

	background: url('../images/background.jpg') top center no-repeat;

	min-width: 960px

}



#blank {

	background: 0;

	min-width: 0

}



body>.netbarslot {

	position: relative;

	z-index: 1100;

	height: 34px;

	background: url('../images/bar.png') top center repeat-x

}



body>header[role="banner"] {

	position: relative;

	height: 300px;

	z-index: 100;

	min-width: 960px

}



body>header>h1.logo {

	position: relative;

	z-index: 200;

	height: 408px;

	text-indent: -9999px;

	margin-bottom: -408px

}



body>header>.container {

	height: 305px;

	margin-bottom: -293px

}



body>header>.ui.container {

	z-index: 300;

	overflow: visible;

	background: url("../images/top.png") no-repeat scroll 153px 183px transparent

}



body>header>.ui.container.loggedin {

	background: url("../images/top_login.png") no-repeat scroll 153px 183px transparent

}



body>header>.ui.container>a.playfree {

	position: absolute;

	height: 122px;

	width: 653px;

	font-size: 24px;

	line-height: 50px;

	font-weight: bold;

	text-decoration: none;

	color: #fffabd;

	text-shadow: 1px 1px black;

	text-transform: uppercase;

	top: 182px;

	left: 153px;

	text-align: center;

	padding: 32px 0

}



body>header>.ui.container>.userinfo {

	color: #fffabd;

	font-family: "Droid Serif";

	font-size: 13px;

	height: 54px;

	left: 221px;

	position: absolute;

	text-decoration: none;

	text-shadow: 1px 1px black;

	top: 217px;

	width: 497px

}



body>.container,

body>*>.container {

	position: relative;

	width: 960px;

	margin: 0 auto;

	z-index: 100;

	padding-bottom: 31px

}



footer[role="contentinfo"] {

	position: relative;

	clear: both;

	/* height: 419px; */

	padding-top: 255px;

	z-index: 99;

	background: black;

	/* background: url('../images/footer-icons.jpg') top center no-repeat */

}



footer[role="contentinfo"]>.container {

	position: relative;

	width: 960px;

	/* height: 100%; */

	margin: 0 auto;

	padding: 106px 170px 0;

	text-align: center;

	font-size: 10px;

	line-height: 11px;

	color: #ae9467

}



a.pegi {

	position: absolute;

	top: 68px;

	left: 15px;

	display: block;

	width: 186px;

	height: 78px;

	border: 1px solid white;

	overflow: hidden;

	padding: 2px

}



a.pegi>img {

	float: left;

	margin: 2px;

	vertical-align: top

}



a.usk {

	position: absolute;

	top: 67px;

	right: 126px

}



a.safeplay {

	position: absolute;

	top: 66px;

	right: 50px

}



footer[role="contentinfo"]>.container>a.sitenotice {

	color: inherit

}



a.sitenotice,

a.termsconditions,

a.privacy {

	color: #ae9467;

	text-decoration: none

}



a.sitenotice:hover,

a.termsconditions:hover,

a.privacy:hover {

	text-decoration: underline

}



a.termsconditions:before,

a.termsconditions:after {

	content: '|';

	font-size: 8px;

	padding: 0 8px

}



a.gameforge4d {

	position: absolute;

	width: 150px;

	height: 60px;

	top: 43px;

	left: 547px;

	text-indent: -9999px

}



div[role="navigation"] {

	float: left;

	width: 182px;

	margin: 0 6px

}



nav {

	background: url("../images/left.png") top right repeat-y;

	margin-bottom: 26px;

	padding: 1px 0

}



nav:before {

	content: url('../images/left-top.png');

	display: block;

	margin-bottom: -5px;

	margin-top: -22px

}



nav:after {

	content: url('../images/left-down.png');

	display: block;

	margin-top: -8px;

	margin-bottom: -20px

}



h1,

h2,

h3,

h4,

h5,

h6,

nav>ul>li>a,

article>header,

a.playfree {

	font-family: "Droid Serif", "Georgia", "Times New Roman", "Palatino", "Hoefler Text", "Baskerville", serif

}



nav>ul {

	list-style: none;

	width: 162px;

	margin: 0 auto

}



nav a {

	position: relative;

	font-size: 12px;

	line-height: 17px;

	display: block;

	text-decoration: none;

	color: #f4cc6a;

	padding: 0 10px;
    
    text-align: center;

}



nav>ul>li {

	background: url('../images/41.png') center 23px no-repeat

}



nav>ul>li>a {

	font-weight: bold;

	font-size: 16px;

	color: #fffabd;

	height: 24px;

	line-height: 22px;

	margin-bottom: 5px;
    
    text-align: center;

}



nav a.selected,

nav a:hover {

	color: white;

	background: url('../images/42.png') center left no-repeat

}



nav a.selected:before,

nav a:hover:before {

	content: url('../images/43.png');

	display: block;

	position: absolute;

	top: -1px;

	left: -17px

}



nav>ul>li>a.selected:before,

nav>ul>li>a:hover:before {

	top: 3px;

	left: -15px

}



nav li ul {

	list-style: none;

	/* margin-bottom: 6px */

}



nav li li {

	margin: 8px 2px;

}



div[role="navigation"]:after,

body>.container>div.secondary:after {

	content: url('../images/44.png');

	display: block;

	margin: -26px 0 -200px 3px

}



body>.container>div[role="main"] {

	float: left;

	width: 585px;

	margin-left: -7px;

	margin-top: 5px;

	margin-bottom: -230px;

	padding: 20px 28px 0 28px;

	font-size: 12px;

	background: url('../images/45.png') center repeat-y;

	position: relative;

	min-height: 730px

}



div[role="main"] h1,

div[role="main"] h2,

div[role="main"] h3,

div[role="main"] h4,

div[role="main"] h5,

div[role="main"] strong {

	color: #7b1325;

	font-weight: bold

}



div[role="main"] h2 {

	font-size: 18px;

	background: url('../images/46.png') top left no-repeat;

	padding-top: 38px;

	margin-top: -20px;

	margin-left: -20px;

	padding-left: 20px;

	margin-bottom: 10px

}



div[role="main"] li,

div[role="main"] p {

	font-size: 13px;

	line-height: 20px

}



div[role="main"] div.content {

	margin-left: 12px

}



div[role="main"]:after {

	bottom: -70px;

	content: url("../images/47.png");

	display: block;

	left: -19px;

	position: absolute

}



#blank div[role="main"]:after {

	content: none

}



article {

	margin: 0 25px 20px

}



article.trailer {

	width: 476px;

	height: 268px;

	margin: 0 auto 20px;

	border: 1px solid #f7e3bb;

	box-shadow: black 0 2px 4px;

	background: black

}



article.mini-gallery {

	width: 497px;

	height: 135px;

	padding: 3px;

	margin: 20px 16px;

	background: url('../images/48.jpg') top left no-repeat

}



article.mini-gallery img {

	display: block;

	float: left;

	border: 1px solid #edd9b1;

	box-shadow: black 0 2px 4px;

	margin: 18px 0 0 22px;

	width: 135px;

	height: 90px

}



body>.container>div.secondary {

	float: right;

	width: 181px;

	margin: 0 3px;

	position: relative

}



body>.container>.secondary>aside {

	background: url("../images/49.png") top right repeat-y;

	margin-bottom: 31px;

	padding: 1px 0

}



body>.container>.secondary>aside:before {

	content: url('../images/50.png');

	display: block;

	margin-bottom: -5px;

	margin-top: -19px

}



body>.container>.secondary>aside:after {

	content: url('../images/51.png');

	display: block;

	margin-top: -5px;

	margin-bottom: -20px

}



.secondary>aside>h2 {

	font-weight: bold;

	font-size: 16px;

	color: #fffabd;

	height: 24px;

	line-height: 22px;

	margin-bottom: 5px;

	padding: 0 19px 0 20px;

	background: url('../images/52.png') center 23px no-repeat;
    
    text-align: center;

}



.secondary>aside.download>a,

.secondary>aside.itemshop>a,

.secondary>aside.recruiting>a {

	position: relative;

	display: block;

	width: 129px;

	height: 60px;

	margin: 0 auto;

	text-indent: -9999px

}



.secondary>aside.recruiting>a {

	background-image: url('../images/53.png')

}



.secondary>aside.recruiting>a:hover {

	background-image: url('../images/54.png')

}



.secondary>aside.itemshop>a {

	background: url('../images/55.png') 129px 0

}



.secondary>aside.itemshop>a:hover {

	background: url('../images/56.png') 129px 0

}



.secondary>aside.download>a {

	background: url('../images/57.png') 0 0

}



.secondary>aside.itemshop>a:hover {

	background-position: 129px -60px

}



.secondary>aside.download>a:hover {

	background-position: 0 -60px

}



.secondary>aside.highscore {

	font-weight: bold;

	font-size: 11px

}



.secondary>aside.highscore select.world {

	display: block;

	width: 141px;

	height: 20px;

	margin: 8px auto;

	background: #cdb78b;

	border: 1px solid #997c47;

	border-bottom-width: 2px

}



.secondary>aside.highscore table {

	width: 159px;

	margin: 0 auto

}



.secondary>aside.highscore table tr {

	height: 20px

}



.secondary>aside.highscore table tr.alt {

	background: url('../images/58.png') center center no-repeat

}



.secondary>aside.highscore table td {

	vertical-align: middle

}



.secondary>aside.highscore td.position {
	color: #dab353;
	text-align: center;
	width: 20px

}



.secondary>aside.highscore td.name>a {

	color: #9b713f;

	text-decoration: none;

	padding: 0 5px

}



.secondary>aside.highscore td.name>a:hover {

	color: #dfbf8b;

	text-decoration: underline

}



.secondary>aside.highscore td.faction {
    color: #dab353;

	width: 39px

}



.secondary>aside.highscore td.faction>img {

	border: 1px solid #624f32

}



.secondary>aside.highscore>.tab>a {

	display: block;

	width: 129px;

	height: 20px;

	padding-right: 17px;

	margin: 10px auto;

	background: url('../images/59.gif') top left no-repeat;

	font-size: 10px;

	line-height: 18px;

	text-align: center;

	color: #dfbf8b;

	text-decoration: none

}



.secondary>aside.highscore>.tab>a:hover {

	text-decoration: underline

}



.secondary>aside ul.tabcontrols {

	list-style: none;

	width: 159px;

	height: 40px;

	background: url('../images/60.png') 0 28px no-repeat;

	margin: 0 auto;

	overflow: hidden

}



.secondary>aside ul.tabcontrols>li {

	float: left;

	width: 78px;

	height: 40px;

	background: url('../images/61.png') right bottom no-repeat

}



.secondary>aside ul.tabcontrols>li:first-child {

	margin-right: 3px

}



.secondary>aside ul.tabcontrols>li.selected {

	width: 78px;

	height: 40px;

	background: url('../images/62.png') left bottom no-repeat

}



.secondary>aside ul.tabcontrols a {

	display: block;

	width: 100%;

	height: 100%

}



.secondary>aside ul.tabcontrols a>img {

	display: block;

	margin: 2px auto

}



.secondary>aside div.tab {

	position: relative;

	display: none

}



.secondary>aside div.tab.selected {

	display: block

}



.welcome-text {

	color: #fef6aa;

	font-size: 14px;

	font-weight: bold

}



.welcome-text-left {

	float: left;

	padding-left: 15px

}



.right {

	float: right

}



.left {

	float: left

}



.nav-box-btn {

	color: #fef6aa;

	display: block;

	float: left;

	font-size: 13px;

	height: 32px;

	line-height: 17px;

	margin: -1px 0 0 0;

	padding: 11px 5px 0 32px;

	text-align: center;

	text-decoration: none;

	width: 173px

}



.nav-box-btn-1 {

	background-image: url('../images/63.png');

	margin-left: -4px

}



.nav-box-btn-1:hover {

	background-image: url('../images/64.png')

}



.nav-box-btn-2 {

	background-image: url('../images/65.png');

	width: 159px;

	margin-left: 8px

}



.nav-box-btn-2:hover {

	background-image: url('../images/66.png')

}



.nav-box-btn-3 {

	background-image: url('../images/67.gif')

}



.nav-box-btn-4 {

	background-image: url('../images/68.png');

	width: 160px

}



.nav-box-btn-4:hover {

	background-image: url('../images/69.png')

}



.header-box-nav-container {

	border: 0;

	height: 42px;

	margin: 4px 0 0 6px;

	overflow: hidden;

	padding: 3px 0 0 0;

	width: 516px

}



.header-box-nav-container li {

	list-style: none

}



.container {

	margin: 0 auto;

	position: relative;

	width: 930px

}



.content h2 {

	background-image: url('../images/70.jpg');

	background-repeat: no-repeat;

	color: #7b1300;

	font-size: 14px;

	font-weight: bold;

	line-height: 17px;

	margin: 11px 0 0;

	padding: 7px 0 7px 33px

}



.content {

	background-image: url('../images/71.jpg');

	background-repeat: repeat-y;

	margin: 0;

	width: 507px

}



.content .content-bg {

	background: url('../images/72.jpg') no-repeat

}



.content .content-bg-bottom {

	background: url('../images/73.jpg') no-repeat 0 100%;

	overflow: hidden;

	padding: 0 0 11px 11px;

	width: 492px;

	position: relative

}



.box-foot {

	background-image: url('../images/74.jpg');

	height: 10px;

	margin-bottom: 12px;

	width: 481px

}



#news_compact ul {

	padding-bottom: 0;

	margin-top: 12px;

	text-align: left

}



#news_compact li {

	padding-bottom: 12px;

	list-style: none

}



#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_compact img.thumbnail {

	width: 100px;

	float: right

}



#news_compact img.full {

	width: 480px

}



#news a {

	color: #7b1300

}



#news td {

	padding: 8px 12px 10px;

	background: url('../images/75.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 {

	margin-top: 8px;

	max-width: 70%

}



#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/76.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/77.jpg') no-repeat top right

}



#news #browse a#next span {

	padding-right: 17px

}



#news #browse a#prev {

	background: url('../images/78.jpg') no-repeat top left

}



#news #browse a#prev span {

	padding-left: 17px

}



.content .tabs-nav {

	height: 40px;

	width: 481px

}



.content .tabs-nav li,

.content .tabs-nav li a {

	color: #7b1300;

	display: block;

	font: bold 12px/26px Arial, Helvetica, sans-serif;

	height: 30px;

	text-align: center;

	text-decoration: none

}



.content .tabs-nav li {

	float: left;

	height: 34px;

	list-style-type: none;

	padding: 3px

}



.content .tabs-nav li a:hover {

	text-decoration: underline

}



.content .tabs-nav li.selected a {

	text-decoration: none !important;

	cursor: text !important

}



.content .tabs4 li {

	background: transparent url('../images/79.png') no-repeat;

	width: 114px

}



.content .tabs4 li a {

	width: 114px

}



.content .tabs4 #tab1 {

	background-position: 0 -40px

}



.content .tabs4 #tab2 {

	background-position: -120px -40px

}



.content .tabs4 #tab3 {

	background-position: -240px -40px

}



.content .tabs4 #tab4 {

	background-position: -360px -40px;

	width: 115px

}



.content .tabs4 #tab1.selected {

	background-position: 0 0

}



.content .tabs4 #tab2.selected {

	background-position: -120px 0

}



.content .tabs4 #tab3.selected {

	background-position: -240px 0

}



.content .tabs4 #tab4.selected {

	background-position: -360px 0

}



.content .tabs4-big {

	height: 52px

}



.content .tabs4-big li {

	background: transparent url('../images/80.jpg') no-repeat;

	width: 114px;

	height: 46px;

	display: table;

	padding-top: 0

}



.content .tabs4-big li a {

	width: 114px;

	line-height: 15px;

	display: table-cell;

	vertical-align: middle

}



.content .tabs4-big #tab1 {

	background-position: 0 -52px

}



.content .tabs4-big #tab2 {

	background-position: -120px -52px

}



.content .tabs4-big #tab3 {

	background-position: -240px -52px

}



.content .tabs4-big #tab4 {

	background-position: -360px -52px;

	width: 115px

}



.content .tabs4-big #tab1.selected {

	background-position: 0 0

}



.content .tabs4-big #tab2.selected {

	background-position: -120px 0

}



.content .tabs4-big #tab3.selected {

	background-position: -240px 0

}



.content .tabs4-big #tab4.selected {

	background-position: -360px 0

}



.content .tabs3 li {

	background: transparent url('../images/81.png') no-repeat;

	width: 154px

}



.content .tabs3 li a {

	width: 154px

}



.content .tabs3 #tab1 {

	background-position: 0 -40px

}



.content .tabs3 #tab2 {

	background-position: -160px -40px

}



.content .tabs3 #tab3 {

	background-position: -320px -40px;

	width: 155px

}



.content .tabs3 #tab1.selected {

	background-position: 0 0

}



.content .tabs3 #tab2.selected {

	background-position: -160px 0

}



.content .tabs3 #tab3.selected {

	background-position: -320px 0

}



.content .tabs2 li {

	background: transparent url('../images/82.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

}



.firststepsbox-1,

.firststepsbox-2,

.firststepsbox-3 {

	min-height: 155px;

	padding: 7px 190px 7px 9px

}



.firststepsbox-1 {

	background: url('../images/firststep1.jpg') no-repeat

}



.firststepsbox-2 {

	background: url('../images/firststep2.jpg') no-repeat

}



.firststepsbox-3 {

	background: url('../images/firststep3.jpg') no-repeat

}



.firststeps-inner-content {

	margin: 9px 0 0 0;

	padding: 0

}



.firststeps-inner-content h4 {

	background: url('../images/84.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/84.jpg') no-repeat;

	min-height: 155px;

	padding: 7px 190px 7px 9px

}



.firststeps-inner-content .tutorial-btn,

#move .inner-form-box input.cancel-btn {

	background: transparent url('../images/85.png') no-repeat;

	color: #f1e6a6;

	display: block;

	font-size: 11px;

	height: 20px;

	margin: 10px 0 0;

	padding: 3px 20px 0 10px;

	text-decoration: none

}



#move .inner-form-box input.cancel-btn {

	padding: 5px 10px;

	width: 230px

}



.firststeps-inner-content .tutorial-btn:hover {

	text-decoration: underline

}



.firststeps-inner-content .community {

	background: url('../images/86.jpg') no-repeat;

	min-height: 155px;

	padding: 7px 190px 7px 9px;

	width: 481px

}

.aboutbox-1-1,

.aboutbox-1,

.aboutbox-2,

.aboutbox-3,

.aboutbox-4,

.aboutbox-5 {

	min-height: 169px;

	padding: 7px 190px 7px 9px

}


.aboutbox-1-1 {

	background: url('../images/87-1.jpg') no-repeat

}


.aboutbox-1 {

	background: url('../images/87.jpg') no-repeat

}



.aboutbox-2 {

	background: url('../images/88.jpg') no-repeat

}



.aboutbox-3 {

	background: url('../images/89.jpg') no-repeat

}



.aboutbox-4 {

	background: url('../images/90.jpg') no-repeat

}



.aboutbox-5 {

	background: url('../images/91.jpg') no-repeat

}



.aboutbox-6 {

	background: url('../images/aa.jpg') no-repeat

}



.aboutbox-7 {

	background: url('../images/bb.jpg') no-repeat

}



.aboutbox-8 {

	background: url('../images/cc.jpg') no-repeat

}



.aboutbox-9 {

	background: url('../images/dd.jpg') no-repeat

}



.aboutbox-10 {

	background: url('../images/ee.jpg') no-repeat

}



.about-inner-content h4 {

	background: url('../images/92.png') no-repeat bottom left;

	color: #7b1300;

	font-size: 11px;

	padding-bottom: 8px;

	margin: 1px 0 0 0

}



.about-inner-content p {

	margin: 5px 0 9px 0

}



.about-inner-content .aboutbox-5 h4,

.about-inner-content p.first-content {

	width: 280px

}



.about-inner-content {

	margin: 9px 0 0 0;

	padding: 0

}



.empires-content {

	margin: 9px 0 0 0;

	padding: 0;

	position: relative

}



.empires-content .empires-map {

	background: url('../images/93.png') no-repeat;

	height: 341px;

	position: relative;

	width: 481px

}



.empirebox-2,

.empirebox-3 {

	display: none

}



.empirebox-1,

.empirebox-2,

.empirebox-3 {

	background: url('../images/94.jpg') no-repeat;

	min-height: 169px;

	padding: 7px;

	position: relative;

	width: 467px

}



.empires-content h4 {

	background: url('../images/95.png') no-repeat bottom left;

	color: #7b1300;

	font-size: 11px;

	padding-bottom: 8px;

	margin: 1px 0 0 0

}



.empires-content .empire-crest {

	background: url('../other/96.png.html') no-repeat;

	height: 87px;

	position: absolute;

	top: 0;

	left: 345px;

	width: 136px

}



.empires-content .empirebox-1 .empire-crest {

	background: url('../images/97.png') no-repeat 0 0

}



.empires-content .empirebox-2 .empire-crest {

	background: url('../images/97.png') no-repeat 0 -87px

}



.empires-content .empirebox-3 .empire-crest {

	background: url('../images/97.png') no-repeat 0 -174px

}



.empires-content p {

	margin: 5px 0 9px 0;

	width: 320px

}



.empires-content .empires-map img {

	position: absolute;

	top: 0

}



.empires-content #empire-img {

	position: relative

}



.empires-content .empire-1 {

	background: url('../images/98.png') no-repeat 0 -196px;

	height: 145px;

	left: 0;

	top: 196px;

	width: 345px

}



.empires-content .empire-2 {

	background: url('../images/98.png') no-repeat 0 0;

	height: 160px;

	left: 0;

	top: 0;

	width: 200px

}



.empires-content .empire-3 {

	background: url('../images/98.png') no-repeat -291px 0;

	height: 225px;

	left: 291px;

	width: 190px

}



#wallpaper a,

#screenshots a {

	background: url('../images/99.gif') no-repeat;

	float: left;

	margin: 4px;

	padding: 4px

}



#wallpaper a.first,

#screenshots a.first {

	background: url('../images/100.jpg') no-repeat

}



.gallerybox {

	background: url('../images/101.jpg') no-repeat;

	margin-bottom: 9px;

	height: auto;

	padding-top: 7px;

	padding-left: 12px;

	width: 476px

}



.gallerybox-small {

	background-image: url('../images/102.jpg');

	min-height: 133px

}



.gallerybox-middle {

	background-image: url('../images/103.jpg');

	min-height: 193px;

	margin-bottom: 30px

}



.gallery-inner-content h4 {

	color: #7b1300;

	font-size: 12px;

	height: 34px;

	margin: 1px 0 0 9px;

	width: 290px

}



.gallery-inner-content {

	margin: 9px 0 0 0;

	padding: 0

}



.gallery-image {

	float: left;

	margin-right: 8px;

	margin-bottom: 8px

}



.screenshots-gallery-list {

	margin: 4px 0 0;

	overflow: hidden;

	padding: 0;

	width: 100%

}



.screenshots-gallery-list li {

	background: url('../images/104.jpg') no-repeat;

	display: inline;

	float: left;

	list-style: none;

	height: 83px;

	margin: 0 4px 4px 0;

	padding: 4px 0 0 4px;

	width: 108px

}



.wallpaper-links {

	float: left;

	line-height: 18px;

	margin-right: 8px;

	text-align: center;

	width: 108px

}



.wallpaper-links a {

	color: #4a1e00;

	font-size: 11px;

	text-decoration: underline

}



.characterclasses {

	min-height: 155px;

	padding: 7px 190px 7px 9px

}



.charclass-1 {

	background: url('../images/105.jpg') no-repeat

}



.charclass-2 {

	background: url('../images/106.jpg') no-repeat

}



.charclass-3 {

	background: url('../images/107.jpg') no-repeat

}



.charclass-4 {

	background: url('../images/108.jpg') no-repeat

}



.charclass-8 {

	background: url('../images/109.jpg') no-repeat

}



.characterclasses h4 {

	font-size: 12px

}



.charclass-8 h4 a,

.charclass-8 h4 a:visited {

	color: #7b1325;

	text-decoration: none

}



.charclass-8 h4 a:hover {

	text-decoration: underline

}



.download-inner-column-left {

	background-image: url('../images/110.jpg');

	float: left;

	overflow: hidden;

	width: 301px

}



.download-inner-column-right {

	width: 180px;

	float: left

}



.download-inner-column-right p {

	width: 174px;

	margin: 12px 0 16px 1px

}



.download-inner-column-right p a {

	color: #7b1300;

	font-weight: bold;

	text-decoration: none

}



.download-inner-column-right p a:hover {

	color: #af4e3c

}



.download-button {

	background-image: url('../images/111.jpg');

	display: block;

	height: 63px;

	width: 174px

}



.download-button:hover {

	background-image: url('../images/112.jpg')

}

.download-button2 {

	background-image: url('../images/111x.jpg');

	display: block;

	height: 63px;

	width: 174px

}



.download-button2:hover {

	background-image: url('../images/112x.jpg')

}


.downloadbox {

	background: url('../images/113.jpg') no-repeat;

	margin-bottom: 9px;

	min-height: 209px;

	padding-top: 7px;

	padding-left: 12px;

	width: 289px

}



.download-inner-content h4 {

	color: #7b1300;

	font-size: 12px;

	height: 34px;

	margin: 1px 0 0 0;

	width: 290px

}



.download-inner-column-left p {

	margin: 5px 0 9px 0;

	width: 286px

}



.download-image {

	margin-bottom: 16px

}



.download-inner-content {

	margin: 39px 0 0 0;

	padding: 0

}



.downloadbox caption {

	caption-side: inherit;

	font-weight: bold;

	font-size: 12px;

	height: 20px;

	text-align: left

}



.downloadbox table {

	margin-bottom: 20px;

	width: 281px

}



.left_td {

	background: url('../images/114.gif') no-repeat 0 0;

	height: 23px;

	padding-left: 20px;

	width: 69px

}



.download-box-foot {

	background-image: url('../images/115.jpg');

	clear: both;

	height: 10px;

	margin-bottom: 12px;

	width: 481px

}



.download-content-teaser {

	float: right;

	width: 178px

}



#download h3 {

	background: 0;

	color: #4a1e00;

	font-size: 25px;

	line-height: 25px;

	margin: 0 15px;

	text-shadow: 1px 1px #ecd4ba

}



#download a#requirements {

	background: url("../images/200.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,
#download .download-button2 {

	margin: 15px auto

}



#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

}



.securitybox {

	background: url("../images/201.jpg") no-repeat scroll 0 0 transparent;

	min-height: 90px;

	padding: 7px;

	position: relative;

	width: 482px

}



.securitybox p {

	width: 467px

}



.securitybox ul {

	list-style-type: square;

	padding-left: 15px

}



.administration-inner-content h4 {

	color: #7b1300;

	font-size: 11px;

	height: 22px;

	margin: 1px 0 0 9px;

	width: 290px

}



.administration-inner-content p {

	font-size: 11px;

	margin: 0 5px 10px 12px

}



.administration-inner-content {

	margin: 9px 0 0;

	padding: 0

}



.administration-inner-content ul {

	font-size: 11px;

	margin: 9px 0 0 12px;

	padding: 0;

	text-align: left

}



.administration-inner-content ul li {

	background: url('../images/116.gif') no-repeat;

	list-style: none;

	padding: 0 0 13px 20px;

	width: 260px

}



.long-li {

	overflow: visible;

	width: 440px !important

}



.long-li-code {

	background-position: 0 5px !important;

	line-height: 23px;

	padding-bottom: 0

}



.administration-box {

	line-height: 18px;

	margin-bottom: 14px;

	margin-left: 12px;

	padding: 0 13px;

	width: 500px

}



.administration-box p {

	color: #4a1e00;

	margin-left: 6px

}



.administration-box a {

	float: left;

	margin: 0 7px 0

}



.delete-code {

	background-color: #cdb78b;

	border: 1px solid #997c47;

	color: #7b1300;

	font: 14px bold normal;

	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

}



.input-data-box {

	background: url('../images/117.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

}



.recruitbox-1,

.recruitbox-2,

.recruitbox-4,

.recruitbox-5 {

	min-height: 155px;

	padding: 7px 190px 7px 9px;

	width: 481px

}



.recruitbox-3 {

	min-height: 155px;

	padding: 7px 190px 7px 9px;

	width: 480px

}



.recruitbox-1 {

	background: url('../images/118.jpg') no-repeat

}



.recruitbox-2 {

	background: url('../images/119.jpg') no-repeat

}



.recruitbox-3 {

	background: url('../images/120.jpg') no-repeat

}



.recruitbox-4 {

	background: url('../images/121.jpg') no-repeat

}



.recruitbox-5 {

	background: url('../images/122.jpg') no-repeat

}



.recruit-inner-content {

	margin: 9px 0 0 0;

	padding: 0

}



.recruit-inner-content h4 {

	background: url('../images/123.png') no-repeat bottom left;

	color: #7b1300;

	font-size: 12px;

	padding-bottom: 8px;

	margin: 1px 0 0 0

}



.recruit-inner-content p {

	margin: 5px 0 9px 0

}



.recruit-inner-content label {

	display: block;

	font-size: 1.1em;

	font-weight: bold

}



.recruit-inner-content input {

	width: 280px;

	display: transparent;

	border: 0;

	height: 24px;

	padding-left: 3px;

	padding-right: 3px;

	padding-top: 2px;

	background: url('../images/124.png') no-repeat

}



.recruit-inner-content textarea {

	width: 280px;

	display: transparent;

	border: 0;

	height: 100px;

	padding-left: 3px;

	padding-top: 2px;

	background: url('../images/125.png') no-repeat;

	overflow: hidden

}



#recruitMailForm #submitBtn,

#recruitMailForm #sendMailBtn {

	background: url('../images/126.png') no-repeat;

	border: 0;

	color: #fff;

	cursor: pointer;

	height: 48px;

	width: 248px;

	font-size: 18px;

	font-weight: bold;

	letter-spacing: .01em;

	margin: 0 auto;

	text-align: center;

	display: block;

	background-position: 0 7px

}



.recruit-status-th {

	height: 26px;

	background: url('../images/127.png') no-repeat

}



.recruit-status-th th,

.recruit-status-tr td {

	vertical-align: middle;

	text-align: center

}



.recruit-status-tr {

	height: 25px;

	background: url('../images/128.png') no-repeat

}



.recruit-inviteLink {

	width: 280px;

	height: 24px;

	display: block;

	border: 0;

	padding-left: 3px;

	padding-top: 0;

	background: url('../images/129.png') no-repeat

}



#recruitSocialForm #inviteLink {

	background: 0;

	width: 270px;

	overflow: hidden;

	height: 22px

}



.recruit-facebook {

	display: block;

	background: url('../images/130.png') no-repeat;

	width: 29px;

	height: 29px;

	margin-top: 5px;

	margin-right: 15px;

	float: left

}



.recruit-twitter {

	display: block;

	background: url('../images/131.png') 20% no-repeat;

	width: 29px;

	height: 29px;

	margin-top: 5px;

	float: left

}



.recruit-headline {

	position: relative;

	top: 60px;

	left: 140px;

	width: 192px;

	height: 30px;

	text-align: center;

	font-weight: bold;

	color: #600;

	font-size: 18px

}



.recruit-code {

	position: relative;

	top: 50px;

	left: 140px;

	width: 185px;

	height: 34px;

	background: url('../images/132.png') no-repeat;

	text-align: center;

	font-weight: bold;

	padding-left: 2px;

	padding-top: 3px

}



#recruitCode {

	color: #000;

	font-size: 13px;

	font-weight: bold;

	background: 0;

	text-align: left;

	width: 169px

}



.recruit-inner-content th,

.recruit-inner-content td {

	padding-right: 10px

}



.recruit-del {

	background: url('../images/133.png') no-repeat;

	width: 21px;

	height: 21px;

	display: block

}



#hiddenMails {

	display: none

}



.btn {

	background: url('../images/134.png') no-repeat;

	color: #dfbf8b;

	display: block;

	font-size: 10px;

	font-weight: bold;

	height: 20px;

	line-height: 12px;

	margin: 4px 0 0;

	padding: 3px 14px 0 0;

	text-align: center;

	text-decoration: none;

	width: 130px

}



.btn:hover {

	background: url('../images/135.png') no-repeat;

	text-decoration: underline

}



input.btn-login {

	background: transparent url('../images/136.png') no-repeat scroll 50% 0 !important;

	border-style: none;

	color: #fffabd;

	font-family: droid serif;

	font-size: 16px;

	font-weight: bold;

	height: 54px;

	margin: auto;

	margin-bottom: 5px;

	padding: 0;

	text-shadow: 1px 1px black;

	width: 151px

}



input.btn-login:hover {

	background: transparent url('../images/137.png') no-repeat scroll 50% 0 !important;

	text-decoration: none

}



input.btn-center-input-space {

	margin: 5px 25px;

	padding: 0 20px;

	width: 180px

}



.form-login {

	margin: 6px 0 0 14px;

	overflow: hidden;

	padding: 0;

	width: 151px

}



.form-login label {

	color: #fffabd;

	font-size: 11px;

	line-height: 14px;

	font-family: droid serif

}



.form-login .input {

	background: url('../images/138.png') no-repeat;

	height: 25px;

	margin: 2px 0 0;

	padding: 0 0 4px;

	width: 151px

}



.form-login .input input {

	border: 0;

	background: 0;

	font: 11px/13px Arial, Helvetica, sans-serif;

	margin: 4px 0 0 4px;

	width: 121px

}



#steamLogin {

	background: url('../images/139.png') right 0 no-repeat;

	display: block;

	text-indent: -9999px;

	height: 59px;

	width: 151px;
	margin-left: 6px

}



#steamLogin:hover {

	background: url('../images/139.png') right -59px no-repeat

}



.btn-steam,

a.btn-steam {

	background: url('../images/140.png') 0 -108px no-repeat;

	color: #fffabd !important;

	display: block;

	font-family: 'Droid Serif', serif;

	font-size: 16px;

	height: 54px;

	line-height: 54px;

	text-align: center;

	text-decoration: none;

	text-shadow: 1px 1px 2px black;

	width: 250px

}



.btn-steam:hover {

	background: url('../images/141.png') 0 -162px no-repeat;

	text-decoration: none !important

}



.steam-icon {

	background: url('../images/142.png') center center no-repeat;

	height: 47px;

	left: 15px;

	position: absolute;

	top: 10px;

	width: 46px

}



.agbok {

	color: #ecd4a8;

	display: block;

	font-size: 12px;

	margin: 8px 8px 6px;

	text-decoration: none;

	width: 128px

}



.agbok a {

	color: #f4670b;

	font-size: 11px;

	line-height: 11px;

	text-decoration: none

}



.agbok a.password {

	text-align: left

}



.agbokinput {

	margin-bottom: 0

}



.agbok2 {

	margin: 0 0 0 12px !important

}



.agbokbtn {

	margin: 0 0 0 62px !important

}



.password {

	color: #58220e;

	display: block;

	font-size: 9px;

	line-height: 12px;

	margin: 8px 0 6px;

	text-align: center;

	text-decoration: none;

	width: 151px

}



.password:hover {

	text-decoration: underline

}



#screenshots div {

	width: 116px;

	float: left;

	text-align: center

}



#screenshots.comic a {

	color: #fff;

	position: relative;

	line-height: 25px

}



#screenshots.comic span {

	background: url('../images/143.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

}



.smfaqunderline {

	background: url("../images/202.png") no-repeat scroll left bottom transparent;

	color: #7b1300;

	font-size: 11px;

	margin: 2px 0 0;

	padding-bottom: 8px

}



.smfaqbox {

	background: url("../images/203.jpg") no-repeat scroll 0 0 transparent;

	min-height: 169px;

	padding: 7px 9px 7px 9px;

	width: 465px;

	font-size: 11px

}



.smfaqlinks {

	background: url("../images/204.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

}



.input-data-box {

	background: url('../images/144.jpg') no-repeat;

	min-height: 129px;

	padding-top: 9px;

	width: 481px

}



.input-data-box p a {

	color: #943b00;

	text-decoration: none

}



.input-data-box p a:hover {

	text-decoration: underline

}



.input-data-box .box-img {

	float: right;

	height: 130px;

	width: 180px

}



.login-inner-content h4,

.pass-lost-inner-content h4 {

	color: #7b1300;

	font-size: 11px;

	height: 22px;

	margin: 1px 0 0 9px;

	width: 290px

}



.login-inner-content p,

.pass-lost-inner-content p {

	font-size: 11px;

	margin: 5px 0 10px 12px;

	width: 275px

}



.login-inner-content,

.pass-lost-inner-content {

	margin: 9px 0 0 0;

	padding: 0

}



.pass-lost-box {

	background: url('../images/145.jpg') no-repeat;

	margin-left: 11px;

	overflow: hidden;

	padding-top: 10px;

	width: 275px

}



.pass-lost-box-small {

	background: url('../images/146.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('../images/147.jpg') no-repeat

}



.pass-lost-box-big {

	height: 315px

}



.pass-lost-box-small p {

	width: 250px

}



.pass-lost-box-inner-content {

	margin-left: 10px;

	width: 253px

}



.pass-lost-box label {

	color: #4a1e00;

	font-weight: bold;

	font-size: 11px

}



.pass-lost-box input {

	border: 0;

	background-color: transparent;

	font: 11px/13px Arial, Helvetica, sans-serif;

	margin: 1px 0 0 4px;

	width: 245px

}



.pass-lost-box input.btn-center-input {

	margin-top: 5px !important

}



.pass-lost-box-small label {

	color: #4a1e00;

	font-weight: bold;

	font-size: 11px

}



.pass-lost-box-small input {

	background: 0;

	border: 0;

	margin: 1px 0 0 4px;

	width: 245px

}



#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('../images/148.jpg')

}



#highscore td img {

	display: inline

}



#highscore .rank-th-1 {

	border-left: 1px solid #81602d;

	width: 48px

}

#highscore .rank-th-1,
#highscore .rank-th-2,
#highscore .rank-th-3,
#highscore .rank-th-4,
#highscore .rank-th-5,
#highscore .rank-th-6 {

	border-top: 1px solid #f9e8c7;

}


#highscore .rank-th-2 {

	padding-left: 13px;

	text-align: left;

	width: 110px

}



#highscore .rank-th-3 {

	width: 70px

}



#highscore .rank-th-4 {

	width: 56px

}



#highscore .rank-th-5 {

	border-right: 1px solid #81602d;

	/* padding-right: 13px;

	text-align: right; */

	width: 56px

}



#highscore .rank-td-1-1 {

	border-left: 1px solid #81602d;

	font-weight: bold;

	text-align: center

}



#highscore .rank-td-1-2 {

	padding-left: 13px;

	text-align: left

}



#highscore .rank-td-1-5 {

	border-right: 1px solid #81602d;

	/* padding-right: 13px;

	text-align: right */

}



#highscore .rank-td-2-1 {

	border-left: 1px solid #81602d;

	font-weight: bold;

	text-align: center

}



#highscore .rank-td-2-2 {

	padding-left: 13px;

	text-align: left

}



#highscore .rank-td-2-5 {

	border-right: 1px solid #81602d;

	padding-right: 13px;

	text-align: right

}



#guildHighscore .content-bg-bottom {

	width: 501px;

	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/149.jpg')

}



#guildHighscore td img {

	display: inline

}
#guildHighscore .guildrank-th-1,
#guildHighscore .guildrank-th-2,
#guildHighscore .guildrank-th-3,
#guildHighscore .guildrank-th-4,
#guildHighscore .guildrank-th-5,
#guildHighscore .guildrank-th-6 {

	border-top: 1px solid #f9e8c7;

}


#guildHighscore .guildrank-th-1 {

	border-left: 1px solid #81602d;

	width: 48px

}



.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: 58px

}



.guildrank-th-5 {

	width: 56px

}



#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

}



#questCompletionRanking .rank-td-1-1,

#questCompletionRanking .rank-td-2-1,

#questCompletionRanking .rank-td-1-3,

#questCompletionRanking .rank-td-2-3,

#questCompletionRanking .rank-td-1-4,

#questCompletionRanking .rank-td-2-4,

#firstFinishers .rank-td-1-1,

#firstFinishers .rank-td-2-1,

#firstFinishers .rank-td-1-3,

#firstFinishers .rank-td-2-3 {

	text-align: center

}



.small-btn.specialRanking {

	margin-top: 7px;

	margin-left: 4px

}



#eventRanking .more {

	position: relative;

	line-height: 35px

}



#eventRanking .more i {

	top: 14px;

	right: 8px

}



#eventRanking .more-years {

	position: absolute;

	opacity: 0;

	z-index: 100;

	width: 100px;

	margin-left: -9px;

	border-radius: 5px;

	padding: 0;

	border-collapse: separate

}



#eventRanking .more-years li {

	font-family: "Droid Serif", serif;

	padding: 3px;

	height: 44px;

	background: url('../images/150.png') repeat-x transparent;

	text-align: center;

	line-height: 36px;

	text-decoration: none;

	color: #d2c4ba;

	font-size: 1.3em;

	border: 1px solid #e4a47b66;

	margin-top: -1px;

	border-radius: 5px;

	cursor: pointer;

	box-shadow: 0 2px 10px rgba(8, 8, 8, 0.58)

}



#eventRanking .more-years li:hover {

	color: #fffaf7;

	border: 1px solid #ffefe666

}



#eventRanking .more-years a {

	color: #d2c4ba

}



#eventRanking .table-year-event {

	position: relative;

	height: 30px;

	border: 1px solid #50321c;

	background-color: #28190e

}



#eventRanking .table-year-event h3 {

	padding-left: 15px;

	color: #d6c8af;

	width: 100%;

	left: 0;

	top: 8px;

	position: absolute

}



#eventRanking .table-year-event .up-arrow,

#eventRanking .table-year-event .down-arrow {

	cursor: pointer;

	top: 4px;

	right: 23px

}



#eventRanking .table-bg {

	background-color: #50321c;

	padding: 5px;

	min-height: 260px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px

}



#eventRanking .content-bg-bottom>p {

	padding: 7px

}



#eventRanking input {

	font-family: "Droid Serif"

}



#eventRanking .content .content-bg-bottom {

	padding: 0 0 10px 11px

}



#eventRanking .table-events-wrap {

	height: 55px;

	padding: 0 20px;

	margin-top: 30px

}



#eventRanking .notice {

	text-align: center;

	color: white

}



#eventRanking .table-event {

	height: 60px;

	width: auto;

	display: block;

	float: left;

	text-align: center;

	margin: 0 4px;

	padding: 5px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	-webkit-transition: all ease-out .2s;

	-moz-transition: all ease-out .2s;

	-o-transition: all ease-out .2s;

	transition: all ease-out .2s

}



#eventRanking .table-event.active {

	background-color: #50321c;

	padding: 5px

}



#eventRanking .table-event .event {

	font-family: "Droid Serif";

	display: block;

	padding: 3px;

	height: 44px;

	width: 100%;

	min-width: 90px;

	cursor: pointer;

	text-decoration: none;

	color: #d2c4ba;

	font-size: .8em;

	background: url('../images/151.png') repeat-x transparent;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	line-height: 18px

}



#eventRanking .table-event.active .event {

	color: #fff;

	text-shadow: 0 1px 0 #000;

	background: url('../images/152.png') repeat-x transparent

}



#eventRanking .table-event .year {

	font-size: 20px;

	display: block

}



.table-dropdowns {

	height: 40px

}



.table-dropdowns li {

	width: auto;

	padding: 5px;

	height: 48px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px

}



.table-dropdowns li.open {

	background-color: #cead75

}



.table-dropdowns li.open .btn-default:hover {

	background: url('../images/153.png') repeat-x transparent

}



#eventRanking .btn-default {

	display: block;

	height: 26px;

	width: auto;

	line-height: 14px;

	padding: 5px;

	color: #fff;

	cursor: pointer;

	background: url('../images/154.png') repeat-x transparent;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	border: 1px solid #321f11;

	position: relative

}



#eventRanking .btn-default:hover {

	background: url('../images/155.png') repeat-x transparent

}



#eventRanking .table-dropdowns .btn-default {

	padding-right: 25px;

	min-width: 150px

}



.to-left {

	float: left

}



.to-right {

	float: right

}



.invisible {

	visibility: hidden

}



.go-back {

	margin-left: 100px;

	margin-right: 100px

}



#eventRanking .dropdowns-box {

	min-height: 150px;

	height: 0;

	background-color: #cead75;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	padding: 5px;

	position: absolute;

	width: 471px;

	z-index: 9;

	display: none;

	opacity: 0

}



#eventRanking .dropdowns-box.filter {

	-webkit-border-radius: 6px 0xp 6px 6px;

	-moz-border-radius: 6px 0xp 6px 6px;

	border-radius: 6px 0xp 6px 6px

}



#eventRanking .dropdowns-box.search {

	-webkit-border-radius: 6px 0xp 6px 6px;

	-moz-border-radius: 6px 0xp 6px 6px;

	border-radius: 6px 0xp 6px 6px

}



#eventRanking .dropdowns-box.open {

	display: block;

	height: auto;

	opacity: 1

}



#eventRanking .dropdowns-box .btn-wrap {

	clear: both;

	height: 30px;

	width: 100%;

	padding: 10px

}



.dropdowns-box h3 {

	font-size: 1.2em;

	padding: 4px

}



.dropdowns-box .content-label {

	padding: 10px 0;

	clear: both

}



.dropdowns-box .content-label input {

	height: 29px;

	padding: 5px;

	width: 230px;

	background-color: #482d19;

	color: #fff;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px

}



.dropdowns-box .select-box {

	border: 1px solid rgba(113, 90, 51, 0.81);

	height: 29px;

	width: 200px;

	cursor: pointer;

	margin: 5px 0;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px

}



.dropdowns-box h4 {

	margin: 5px 0

}



.continue-btn,

.cancel-btn {

	width: auto;

	padding: 5px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	text-align: center;

	min-width: 200px;

	height: 29px;

	box-shadow: 0 0 8px #8e6c33;

	color: #fff;

	cursor: pointer

}



.continue-btn {

	background: url('../images/156.png') repeat-x transparent

}



.cancel-btn {

	background: url('../images/157.png') repeat-x transparent

}



#eventRanking .ranking-table {

	font-family: "Droid Serif";

	background: #dcc7aa;

	width: 100%;

	text-align: center

}



#eventRanking .ranking-table thead {

	background-color: #28190e

}



#eventRanking .ranking-table th {

	color: #d6c8af;

	height: 30px;

	line-height: 28px;

	font-size: 1em;

	border: 1px solid #50321c

}



.ranking-table td {

	height: 30px;

	line-height: 30px;

	border: 1px solid #50321c;

	border-top-width: 2px;

	border-bottom-width: 2px;

	vertical-align: middle;

	font-size: 1em

}



#eventRanking .table-wrap {

	max-height: 400px;

	margin-bottom: 20px;

	display: table;

	width: 100%;

	min-height: 260px

}



.ranking-table #firstPlace {

	color: #fff;

	background-color: #9d3415

}



.ranking-table .searchResult td {

	color: #fff;

	background-color: #48c

}



.ranking-table.character #firstPlace {

	color: #fff;

	background-color: #5d7f0d

}



.ranking-table tbody tr.odd,

.ranking-table tbody tr:nth-child(odd) {

	background-color: #c0a98e

}



.ranking-table .empire {

	width: 30px

}



.table-page {

	height: 34px;

	width: 318px;

	text-align: center;

	background-color: #382314;

	margin: 20px auto;

	padding: 4px;

	box-shadow: 0 0 5px #180d03 inset;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px

}



.table-page .to-left {

	padding-left: 10px

}



.table-page .to-left .left-arrow {

	left: 5px;

	top: 7px

}



.table-page .to-right {

	padding-right: 10px

}



.table-page .to-right .right-arrow {

	right: 5px;

	top: 7px

}



.table-page .pagination {

	height: 30px;

	float: left;

	width: auto

}



.table-page .pagination .current {

	background-color: #020203;

	background: rgba(0, 0, 0, 0.55);

	border: solid #c0a98e 1px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	line-height: 18px;

	cursor: default

}



.table-page .pagination li {

	float: left;

	display: inline-block;

	margin: 3px 5px 5px;

	height: 20px;

	width: 20px;

	font-size: 11px;

	color: #fff;

	cursor: pointer;

	line-height: 20px

}



.table-page .btn-default {

	width: auto;

	min-width: 80px

}



.up-arrow {

	position: absolute;

	right: 5px;

	top: 8px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 5px 5px 5px;

	border-color: transparent transparent #fff transparent;

	line-height: 0;

	_border-color: #000 #000 #fff #000;

	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')

}



.down-arrow {

	position: absolute;

	right: 5px;

	top: 8px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 5px 5px 0 5px;

	border-color: #fff transparent transparent transparent;

	line-height: 0;

	_border-color: #fff #000 #000 #000;

	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')

}



.right-arrow {

	position: absolute;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 5px 0 5px 5px;

	border-color: transparent transparent transparent #fff;

	line-height: 0;

	_border-color: #000 #000 #000 #fff;

	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')

}



.left-arrow {

	position: absolute;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 5px 5px 5px 0;

	border-color: transparent #fff transparent transparent;

	line-height: 0;

	_border-color: #000 #fff #000 #000;

	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')

}



.ranks-nav {

	height: 33px;

	float: left;

	font-weight: bold;

	padding: 8px 10px 0 10px

}



.ranks-nav a {

	color: #8d0404;

	font-size: 10px;

	text-decoration: none

}



.ranks-nav a:hover {

	text-decoration: underline

}



.prev {

	background-image: url('../images/158.jpg');

	text-align: left;

	width: 241px

}



.next {

	background-image: url('../images/159.jpg');

	text-align: right;

	width: 240px

}



.prev-top {

	background-image: url('../images/160.jpg');

	padding: 9px 10px 0

}



.next-top {

	background-image: url('../images/161.jpg');

	padding: 9px 10px 0

}



.ranks-update-time {

	color: #4a1e00;

	height: 15px;

	font-size: 11px;

	margin-top: 10px;

	text-align: right;

	width: 475px

}



.ranks-inner-content h5 {

	color: #4a1e00;

	font-size: 11px;

	font-weight: bold;

	margin: 7px 34px 14px 9px

}



.ranks-inner-content p {

	color: #4a1e00;

	font-size: 11px;

	margin: 0 9px 15px 9px

}



.ranks-inner-content th {

	color: #8d0404;

	font-size: 11px;

	font-weight: bold;

	height: 43px;

	padding-top: 20px

}



.ranks-inner-content td {

	color: #8d0404;

	font-size: 11px;

	height: 29px;

	padding-top: 8px

}



.ranks-dropdowns-box {

	background-image: url('../images/162.jpg');

	height: 56px;

	margin: 0 0 15px 8px;

	width: 466px

}



.ranks-dropdowns-box select {

	background-color: #cdb78b;

	border: 1px solid #997c47;

	color: #4a1e00;

	font-size: 13px;

	margin: 0 0 0 4px;

	padding: 0;

	width: 120px

}



.ranks-dropdowns-box input {

	background: 0;

	border: 0;

	color: #4a1e00;

	font-size: 13px;

	margin: 0 0 0 4px;

	padding-top: 2px;

	width: 110px

}



.ranks-dropdowns-box label {

	color: #671000;

	font-weight: bold;

	font-size: 13px

}



.ranks-select-box {

	height: 45px;

	float: left;

	margin-right: 7px;

	margin-left: 4px;

	margin-top: 10px;

	width: 120px

}



.ranks-select-box-btn {

	height: 45px;

	float: left;

	margin-top: 19px;

	width: 30px

}



.ranks-input {

	background-image: url('../images/163.jpg');

	height: 20px;

	width: 119px

}



.ranks-input-noservers {

	background-image: url('../images/164.jpg');

	color: #4a1e00;

	font-size: 13px;

	height: 17px;

	padding-left: 4px;

	padding-top: 3px;

	width: 115px

}



.small-btn {

	background: url('../images/165.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: 65px

}



.small-btn:hover {

	text-decoration: underline

}



.back-btn {

	margin: 30px 0 22px 145px;

	padding-left: 2px;

	padding-right: 19px;

	width: 129px

}



#progressTracker {

	height: 100px;

	margin: 0 auto;

	padding-left: 10px;

	width: 420px

}



#progressTracker .step {

	background: url('../images/166.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/167.gif') repeat-x scroll 0 20px;

	float: left;

	position: relative;

	width: 177px

}



#progress3 {

	position: relative

}



#progressTracker .progress-text {

	font-size: 11px;

	font-weight: bold;

	left: -32px;

	position: absolute;

	text-align: center;

	top: 50px;

	width: 100px

}



#progressTracker .inactive .progress-text,

#progressTracker .inactive .step {

	filter: alpha(opacity=50);

	-moz-opacity: .5;

	-khtml-opacity: .5;

	opacity: .5

}



#progressTracker .inactive .progress-text {

	color: #4a1e00

}



#progressTracker .inactive .progress-text a {

	color: #4a1e00

}



#progress3 {

	float: left;

	width: 45px

}



#progressTracker .passed {

	background: url('../images/168.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

}



.inner-form-border {

	border: 1px solid #aa8551;

	margin: 15px 0 20px 25px;

	width: 430px

}



.inner-form-border.linked .inner-form-box {

	position: relative;

	padding-left: 60px

}



#mergeQueue .inner-form-box {

	position: relative;

	padding-left: 15px

}



#mergeQueue h4,

#mergeQueue p {

	margin-left: 0

}



.inner-form-box {

	background: transparent url("../images/205.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

}



.inner-form-box h4 {

	font-size: 14px;

	margin-bottom: 10px;

	line-height: 130%;

	height: auto;

	width: 100%

}



.trenner {

	background: url('../images/169.jpg') no-repeat;

	border-top: 1px solid #b28a45;

	height: 8px;

	margin: 0 auto;

	width: 380px

}



#pwlostForm,

#lostPasswordCodeForm,

#changepwForm,

#emailChangeForm,

#resendactivForm,

#loginForm,

#moveForm,

#registerForm,

#captchaForm,

#regForm1 {

	margin: 15px auto;

	width: 290px

}



#pwlostForm div,

#lostPasswordCodeForm div,

#changepwForm div,

#emailChangeForm div,

#resendactivForm div,

#loginForm div,

#moveForm div,

#registerForm div,

#captchaForm div,

#regForm1 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,

#moveForm div input:focus,

#registerForm div input:focus,

#captchaForm div input:focus,

#regForm1 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,

.confirm-btn {

	background: url("../images/206.gif") no-repeat scroll 0 0 transparent;

	color: #dfbf8b;

	float: right;

	font-size: 10px;

	font-weight: normal;

	height: 20px;

	line-height: 20px;

	min-width: 0;

	padding: 0 20px 0 0;

	text-align: center;

	width: 130px

}



#checkerror span,

#checktransfer label {

	font-size: 11px;

	font-weight: normal

}



.inner-form-box label {

	display: block;

	color: #4a1e00;

	font-size: 12px;

	font-weight: bold;

	margin: 0 0 5px

}



#pwLost .inner-form-box input,

#lostPasswordCode .inner-form-box input,

#changePw .inner-form-box input,

#emailChange .inner-form-box input,

#resendActiv .inner-form-box input,

#login .inner-form-box input,

#move .inner-form-box input,

#register .inner-form-box input,

#captcha .inner-form-box input,

#regForm1 input {

	background: url('../images/170.gif') repeat-x;

	border: 1px solid #622400;

	color: #534236;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	height: 32px;

	padding: 5px 10px;

	width: 265px

}



#login #checkerror input,

#register #checkerror input,

#register #checktransfer input,

#captcha #checkerror input {

	border: 0;

	height: 15px;

	float: left;

	margin: 2px 5px 20px;

	width: 15px

}



#pwField .invalid {

	background-position: 0 -16px

}



#pwField .valid-icon {

	background: url('../images/171.gif');

	display: inline;

	float: left;

	height: 16px;

	margin: 0 0 5px 10px;

	width: 16px

}



#changePw #submitBtn,

#emailChange #submitBtn,

#resendActiv #submitBtn,

#pwLost #submitBtn,

#lostPasswordCode #submitBtn,

#login #submitBtn,

#move #submitBtn,

#register #submitBtn,

#captcha #submitBtn,

#subscribe .btn-big,

a.btn-big,

.contest-inner-content #submitBtn,

#regForm1 #submitBtn,

.btn-newaccount {

	background: url("../images/207.png") no-repeat scroll 0 0 transparent;

	border: 0;

	color: #dfbf8b;

	cursor: pointer;

	display: block;

	font-size: 18px;

	font-weight: bold;

	height: 38px;

	line-height: 28px;

	letter-spacing: .01em;

	margin: 0 22px 25px 0;
	text-align: center;
	text-shadow: -1px -1px #000;
	width: 265px

}



#move #submitBtn {

	margin-bottom: 15px

}



.btn-newaccount {

	text-decoration: none;

	line-height: 38px;

	font-size: 16px

}



#regForm1 #submitBtn {

	margin-top: 20px

}



.content-bg.newAccount h2 {

	background: 0;

	padding-top: 20px;

	margin-top: 0;

	margin-left: 0

}



.content-bg.newAccount .content-bg-bottom {

	overflow: visible;

	height: 11px

}



.input_wrapper {

	margin: 0 0 10px 0;

	position: relative

}



.password_info,

.error_info {

	background: url(../images/3b5f6e7b26b473277d6c0ac1f3369d.png) repeat-x scroll 0 0 #b9a16e;

	border: 1px solid #60430a;

	color: #111;

	font-weight: bold;

	height: auto;

	left: 300px;

	opacity: 0;

	padding: 12px 15px;

	position: absolute;

	top: -5px;

	width: 270px;

	z-index: 201

}



.password_info.shown,

.error_info.shown {

	left: 280px;

	display: block;

	opacity: 1;

	-moz-transition: left .3s ease-out, opacity .3s ease-out;

	-webkit-transition: left .3s ease-out, opacity .3s ease-out;

	transition: left .3s ease-out, opacity .3s ease-out

}



.password_info:after,

.error_info:after {

	background: url(../images/dfc817011396a9b23d4fcecd4b6627.gif) no-repeat scroll 0 0 transparent;

	content: '';

	display: block;

	height: 20px;

	left: -11px;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 15px;

	z-index: 5001

}



#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,

#regForm1 #submitBtn:hover {

	background-position: 0 -38px;

	color: #FFF;

	text-decoration: none

}



#subscribe .btn-big {

	line-height: 38px

}



.char-list-content {

	color: #86280f;

	font-weight: bold;

	margin-bottom: 10px;

	width: 480px

}



.char-list-content .pagerWrapper {

	background: transparent url('../images/172.jpg') no-repeat;

	height: 32px;

	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/173.jpg') no-repeat;

	float: right;

	height: 20px;

	text-align: right;

	width: 110px

}



.char-list-content .pagerWrapper .prev {

	background: url('../images/174.jpg') no-repeat

}



.char-list-content .pagerWrapper .next {

	background: url('../images/175.jpg') no-repeat

}



.char-list-content .pagerWrapper div.pager-prev,

.char-list-content .pagerWrapper a.pager-prev {

	display: block;

	float: left;

	height: 20px;

	width: 18px

}



.char-list-content .pagerWrapper div.pager-next,

.char-list-content .pagerWrapper a.pager-next {

	display: block;

	float: left;

	height: 20px;

	width: 20px

}



.char-list-content .pagerWrapper .bg-none {

	background: 0;

	float: left;

	height: 20px;

	width: 20px

}



.char-list-content .pagerWrapper .pager-middle {

	color: #fff;

	float: left;

	font-weight: normal;

	height: 20px;

	line-height: 19px;

	text-align: center;

	width: 70px

}



.char-list-content .charList {

	background: url('../images/176.jpg') no-repeat;

	height: 100px;

	padding: 2px;

	width: 476px;

	font-size: 12px

}



.char-list-content .charList .charimg {

	background: url('../images/177.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: 6px

}



.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

}



.char-list-notice {

	margin-left: 12px;

	margin-top: 6px

}



.clearfloat {

	font-size: 1px;

	clear: both;

	height: 0

}



#activateAccount #bigDownload {

	background: url("") no-repeat scroll 0 0 transparent;

	color: #fff9c7;

	display: block;

	font-size: 27px;

	font-weight: bold;

	height: 100px;

	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: 400px

}



#activateAccount #bigDownload:hover {

	background-position: 0 -108px;

	color: #FFF

}



#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('../images/178.jpg') no-repeat

}



#creation div.inner-content.notAllowed {

	background: url('../images/179.jpg') no-repeat;

	min-height: 155px;

	padding: 7px 190px 7px 9px;

	width: 282px;

	margin: 9px 25px 0 0

}



#creation div.inner-content.notAllowed h3 {

	background: 0;

	padding: 0;

	text-align: left;

	font-size: 12px;

	height: auto;

	margin: 10px 0

}



#creation #progressTracker {

	height: 90px;

	margin: 16px auto 0;

	width: 420px;

	padding: 0

}



#creation #progressTracker a.step {

	display: block;

	color: #4a1e00;

	text-decoration: none

}



#creation div.jobs {

	overflow: auto

}



#creation div.jobs div.job {

	float: left;

	height: 87px;

	width: 114px;

	margin: 0 0 0 2px

}



#creation div.jobs div.job0 {

	background: url('../images/180.png') no-repeat

}



#creation div.jobs div.job1 {

	background: url('../images/181.png') no-repeat

}



#creation div.jobs div.job2 {

	background: url('../images/182.png') no-repeat

}



#creation div.jobs div.job3 {

	background: url('../images/183.png') no-repeat

}



#creation div.jobs div.job p {

	margin: 52px 1px 0;

	font-size: 14px;

	padding: 3px 0 4px;

	text-align: center;

	color: #bbb;

	border-top: solid 1px #bbb;

	background: url('../images/184.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('../images/185.png')

}



#creation div.serverAndName.job1,

#creation div.completed.job1 div {

	background-image: url('../images/186.png')

}



#creation div.serverAndName.job2,

#creation div.completed.job2 div {

	background-image: url('../images/187.png')

}



#creation div.serverAndName.job3,

#creation div.completed.job3 div {

	background-image: url('../images/188.png')

}



#creation div.serverAndName.job4,

#creation div.completed.job4 div {

	background-image: url('../images/189.png')

}



#creation div.serverAndName.job5,

#creation div.completed.job5 div {

	background-image: url('../images/190.png')

}



#creation div.serverAndName.job6,

#creation div.completed.job6 div {

	background-image: url('../images/191.png')

}



#creation div.serverAndName.job7,

#creation div.completed.job7 div {

	background-image: url('../images/192.png')

}



#creation div.serverAndName h4,

#creation div.completed h4 {

	float: left;

	padding: 10px 10px 0 40px;

	min-width: 150px

}



#creation div.serverAndName p.check,

#creation div.completed p.check {

	background: url('../images/193.gif') 0 7px no-repeat;

	margin: 0 0 0 10px;

	padding: 10px 0 20px 0;

	line-height: 14px

}



#creation div.completed p {

	margin: 0 10px

}



#creation div.completed p.small {

	background: 0;

	width: 220px;

	margin: 35px 0 0 10px;

	text-align: left

}



#creation div.completed a {

	background: url('../images/194.jpg') no-repeat;

	border: 0;

	color: #dfbf8b;

	cursor: pointer;

	display: block;

	font-size: 18px;

	font-weight: bold;

	height: 38px;

	letter-spacing: .01em;

	line-height: 36px;

	margin: 10px 0 25px 8px;

	text-align: center;

	text-shadow: -1px -1px #000;

	width: 287px;

	text-decoration: none

}



#creation div.completed a:hover {

	background-position: 0 -38px;

	color: #fff

}



#creation div.serverAndName form {

	margin: 60px 0 0 10px

}



#creation div.serverAndName label {

	color: #4a1e00;

	display: block;

	font-size: 12px;

	font-weight: bold;

	margin: 0 0 5px

}



#creation div.server,

#creation div.name {

	margin: 10px 0

}



#creation div.serverAndName select {

	background: url('../images/195.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('../images/196.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: 285px

}



#creation #submit {

	background: url('../images/197.jpg') no-repeat;

	border: 0;

	color: #dfbf8b;

	cursor: pointer;

	display: block;

	font-size: 18px;

	font-weight: bold;

	height: 38px;

	letter-spacing: .01em;

	line-height: normal;

	margin: 25px 0;

	text-align: center;

	text-shadow: -1px -1px #000;

	width: 287px

}



#creation #submit:hover {

	background-position: 0 -38px;

	color: #fff;

	text-decoration: none

}



div#mmoGamesOverviewToggle h4 {

	width: 140px

}



#crosspromo {

	width: 120px;

	height: 600px;

	position: absolute;

	top: 18px;

	left: 200px;

	z-index: 100;

	overflow: hidden

}



#coop {

	height: 315px;

	width: 851px;

	position: absolute;

	left: 200px;

	top: -300px;

	z-index: 101;

	overflow: hidden

}



#coop a {

	display: block;

	width: 100%;

	height: 100%

}



#coop.pepsi {

	background: url('../images/198.png') top center no-repeat;

	height: 330px;

	width: 239px;

	position: absolute;

	left: 15px;

	top: -300px;

	z-index: -1

}



#coop.pepsi a#pepsiSiteLink {

	width: 60px;

	height: 28px;

	position: absolute;

	top: 239px;

	right: 85px

}



#maintenance h1 {

	text-align: center

}



#maintenance img {

	margin: 0 auto 30px;

	display: block

}



span.version {

	color: #555

}



#move p {

	padding: 7px

}



#serverData {

	margin: 7px 7px 20px;

	width: calc(100% - 14px)

}



#serverData thead {

	background-color: #28190e;

	color: #d6c8af

}



#serverData tr td {

	padding: 7px 10px

}



#serverData tbody tr:nth-child(odd) {

	background-color: #c7a160

}



#serverData tbody tr:nth-child(even) {

	background-color: #e1cda9

}



i.icon {

	border-radius: 50%;

	color: #d6c8af;

	display: block;

	float: left;

	font-weight: bold;

	height: 22px;

	line-height: 22px;

	text-align: center;

	margin-right: 8px;

	width: 22px

}



i.icon.info {

	background: #ffefbd

}



i.icon.error {

	background: #c5233d

}



#move p.error {

	padding: 0 0 0 30px

}



#steam-merge-notice {

	float: left;

	margin: 30px 10px 50px 0;

	width: 40px;

	background: url('../images/199.png') 0 -50px no-repeat;

	display: inline-block;

	height: 40px

}



.login-disable-waiting {

	cursor: wait !important

}



#tempCharCopyForm select {

	background-color: #cdb78b;

	border: 1px solid #997c47;

	color: #4a1e00;

	font-size: 13px;

	margin: 0 0 0 4px;

	padding: 0;

	width: 120px

}



#tempCharCopyForm label {

	color: #671000;

	font-weight: bold;

	font-size: 13px;

	padding-left: 10px

}



.eventLink,

.eventLink a:visited {

	text-decoration: none;

	color: inherit

}
.wenzhang-content img{
	max-width: 100%;
}
#login .btndiv{
    height: 38px;
    margin-bottom: 25px;
}
#login #submitBtn2 {
    background: url(../images/btnbg.png) no-repeat scroll 0 0 transparent;
    border: 0;
    color: #dfbf8b;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 38px;
    line-height: 28px;
    letter-spacing: .01em;
    margin: 0 20px 0 0;
    text-shadow: -1px -1px #000;
    width: 120px;
    float: left;
}
#login #submitBtn2:hover {

	background-position: 0 -38px;

	color: #FFF;

	text-decoration: none

}
/* 取消/隐藏滚动条 */
.scrollbar::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.scrollbar {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}
.dropdowns-box select {
    background-color: #cdb78b;
    border: 1px solid #997c47;
    color: #4a1e00;
    font-size: 13px;
    margin: 0 0 0 4px;
    padding: 0;
    width: 120px;
}