@import url(//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
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('../img/main/body8.jpg') top center no-repeat!important;
	background-size: contain !important;
	min-width: 960px;
}
body>.netbarslot {
	position: relative;
	z-index: 1100;
	height: 34px;
	background: url('../img/main/netbarslot.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>.carousel.container {
	z-index: 100;
	overflow: visible;
}
body>header>.ui.container>.carousel,
body>header>.carousel.container>.carousel {
	position: absolute;
	left: 475px;
	width: 500px;
	height: 185px;
}
body>header>.ui.container {
	z-index: 300;
	overflow: visible;
	background: url("../img/main/headerContainer.png") no-repeat scroll 153px 183px transparent;
}
body>header>.ui.container.loggedin { background: url("../img/main/headerContainer-loggedin.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: 324px;
	padding-top: 167px;
	z-index: 99;
	background: black;
	background: url('../img/main/footer.jpg') top center no-repeat;
}
footer[role="contentinfo"]>.container {
	position: relative;
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 106px 260px 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("../img/main/nav.png") top right repeat-y;
	margin-bottom: 26px;
	padding: 1px 0;
}
nav:before {
	content: url('../img/main/nav-before.png');
	display: block;
	margin-bottom: -5px;
	margin-top: -22px;
}
nav:after {
	content: url('../img/main/nav-after.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;
	height: 16px;
	line-height: 15px;
	display: block;
	text-decoration: none;
	color: #f4cc6a;
	padding: 0 10px;
}
nav>ul>li { background: url('../img/main/nav-separator.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;
}
nav a.selected,
nav a:hover {
	color: white;
	background: url('../img/main/nav-hover.png') center left no-repeat;
}
nav a.selected:before,
nav a:hover:before {
	content: url('../img/main/nav-hover-before.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: 2px }
div[role="navigation"]:after,
body>.container>div.secondary:after {
	content: url('../img/main/bar-end.png');
	display: block;
	margin: -26px 0 0 3px;
}
body>.container>div[role="main"] {
	float: left;
	width: 585px;
	margin-left: -7px;
	margin-top: 17px;
	margin-bottom: -140px;
	padding: 20px 28px 0 28px;
	font-size: 12px;
	background: url('../img/main/container.png') center repeat-y;
}
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('../img/main/container-title.png') top left no-repeat;
	padding-top: 32px;
	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: -25px;
	content: url("../img/main/container-after.png");
	display: block;
	left: -47px;
	position: relative;
}
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('../img/main/mini-gallery.jpg') top left no-repeat;
}
article.mini-gallery img {
	display: block;
	float: left;
	border: 1px solid #edd9b1;
	box-shadow: black 0 2px 4px;
	margin: 22px 0 0 16px;
}
body>.container>div.secondary {
	float: right;
	width: 181px;
	margin: 0 3px;
}
body>.container>.secondary>aside {
	background: url("../img/main/secondary-bg.png") top right repeat-y;
	margin-bottom: 31px;
	padding: 1px 0;
}
body>.container>.secondary>aside:before {
	content: url('../img/main/secondary-before.png');
	display: block;
	margin-bottom: -5px;
	margin-top: -19px;
}
body>.container>.secondary>aside:after {
	content: url('../img/main/secondary-after.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 20px;
	background: url('../img/main/secondary-separator.png') center 23px no-repeat;
}
.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('../img/main/recruiting.png') }
.secondary>aside.recruiting>a:hover { background-image: url('../img/main/recruiting-hover.png') }
.secondary>aside.itemshop>a { background: url('../img/main/download-itemshop.png') 129px 0 }
.secondary>aside.download>a { background: url('../img/main/download-itemshop.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('../img/main/secondary-highscore-alt.png') center center no-repeat }
.secondary>aside.highscore table td { vertical-align: middle }
.secondary>aside.highscore td.position {
	color: #dab353;
	text-align: right;
	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 { 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('../img/main/secondary-highscore-tab.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('../img/main/secondary-tabcontrols.png') 0 28px no-repeat;
	margin: 0 auto;
	overflow: hidden;
}
.secondary>aside ul.tabcontrols>li {
	float: left;
	width: 78px;
	height: 40px;
	background: url('../img/main/secondary-tabcontrols.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('../img/main/secondary-tabcontrols.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 }
#slideshow_slides { display: none }
.carousel { overflow: hidden }
.carousel img {
	position: absolute;
	top: 0;
	left: 0;
}
.carousel>.caption {
	position: absolute;
	z-index: 300;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 9px 100px 6px 36px;
	height: 40px;
	background-image: url('../img/main/carousel-caption.png');
	background-repeat: no-repeat;
	background-position: top center;
	font-size: 16px;
	font-weight: bold;
	color: #eaa845;
	font-family: "Droid Serif","Georgia","Times New Roman","Palatino","Hoefler Text","Baskerville",serif;
	text-shadow: black 1px 3px 1px;
}
.ui.container>.carousel>a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
.carousel .controlNav {
	position: absolute;
	top: 122px;
	left: 360px;
	width: 120px;
	z-index: 100;
}
.carousel .controlNav a {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url('../img/main/carousel-controlNav.png') no-repeat -22px 0;
	text-indent: -9999px;
	border: 0;
	margin: 0 2px;
}
.carousel .controlNav a.active { background-position: 0 0 }
.welcome-text {
	color: #fef6aa;
	font-size: 14px;
	font-weight: bold;
}
.welcome-text-left {
	float: left;
	padding-left: 15px;
	width: 200px;
}
.right { float: right }
.nav-box-btn {
	color: #fef6aa;
	display: block;
	float: left;
	height: 32px;
	margin: -1px 0 0 0;
	padding: 11px 0 0 18px;
	text-align: center;
	text-decoration: none;
	width: 173px;
}
.nav-box-btn-1 {
	background-image: url('../img/main/nav-box-btn-1.png');
	margin-left: -2px;
}
.nav-box-btn-1:hover { background-image: url('../img/main/nav-box-btn-1-hover.png') }
.nav-box-btn-2 {
	background-image: url('../img/main/nav-box-btn-2.png');
	width: 159px;
	margin-left: 8px;
}
.nav-box-btn-2:hover { background-image: url('../img/main/nav-box-btn-2-hover.png') }
.nav-box-btn-3 { background-image: url('../img/main/nav-box-btn-3.gif') }
.nav-box-btn-4 {
	background-image: url('../img/main/nav-box-btn-4.png');
	width: 160px;
}
.nav-box-btn-4:hover { background-image: url('../img/main/nav-box-btn-4-hover.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('../img/main/content-title.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('../img/main/content-bg.jpg');
	background-repeat: repeat-y;
	margin: 0;
	width: 507px;
}
.content .content-bg { background: url('../img/main/content-before.jpg') no-repeat }
.content .content-bg-bottom {
	background: url('../img/main/content-after.jpg') no-repeat 0 100%;
	overflow: hidden;
	padding: 0 0 0 11px;
	width: 492px;
	position: relative;
}
.box-foot {
	background-image: url('../img/main/box-foot.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 30px;
	background: url('../img/main/news.png') 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/main/news-browse.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/main/news-browse-next.jpg') no-repeat top right }
#news #browse a#next span { padding-right: 17px }
#news #browse a#prev { background: url('../img/main/news-browse-prev.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('../img/main/content-tabs4.png') no-repeat;
	width: 114px;
}
.content .tabs4 li a { width: 114px }
.content .tabs4 #tab1 { background-position: 0 -40px }
.content .tabs4 #tab2 { background-position: -120px -40px }
.content .tabs4 #tab3 { background-position: -240px -40px }
.content .tabs4 #tab4 {
	background-position: -360px -40px;
	width: 115px;
}
.content .tabs4 #tab1.selected { background-position: 0 0 }
.content .tabs4 #tab2.selected { background-position: -120px 0 }
.content .tabs4 #tab3.selected { background-position: -240px 0 }
.content .tabs4 #tab4.selected { background-position: -360px 0 }
.content .tabs4-big { height: 52px }
.content .tabs4-big li {
	background: transparent url('../img/main/content-tabs4-big.jpg') no-repeat;
	width: 114px;
	height: 46px;
	display: table;
	padding-top: 0;
}
.content .tabs4-big li a {
	width: 114px;
	line-height: 15px;
	display: table-cell;
	vertical-align: middle;
}
.content .tabs4-big #tab1 { background-position: 0 -52px }
.content .tabs4-big #tab2 { background-position: -120px -52px }
.content .tabs4-big #tab3 { background-position: -240px -52px }
.content .tabs4-big #tab4 {
	background-position: -360px -52px;
	width: 115px;
}
.content .tabs4-big #tab1.selected { background-position: 0 0 }
.content .tabs4-big #tab2.selected { background-position: -120px 0 }
.content .tabs4-big #tab3.selected { background-position: -240px 0 }
.content .tabs4-big #tab4.selected { background-position: -360px 0 }
.content .tabs3 li {
	background: transparent url('../img/main/content-tabs3.png') no-repeat;
	width: 154px;
}
.content .tabs3 li a { width: 154px }
.content .tabs3 #tab1 { background-position: 0 -40px }
.content .tabs3 #tab2 { background-position: -160px -40px }
.content .tabs3 #tab3 {
	background-position: -320px -40px;
	width: 155px;
}
.content .tabs3 #tab1.selected { background-position: 0 0 }
.content .tabs3 #tab2.selected { background-position: -160px 0 }
.content .tabs3 #tab3.selected { background-position: -320px 0 }
.content .tabs2 li {
	background: transparent url('../img/main/content-tabs2.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('../img/main/firststepsbox-1.jpg') no-repeat }
.firststepsbox-2 { background: url('../img/main/firststepsbox-2.jpg') no-repeat }
.firststepsbox-3 { background: url('../img/main/firststepsbox-3.jpg') no-repeat }
.firststeps-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.firststeps-inner-content h4 {
	background: url('../img/main/firststeps-inner-content.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/main/firststeps-inner-content-tutorialsbox.jpg') no-repeat;
	min-height: 155px;
	padding: 7px 190px 7px 9px;
}
.firststeps-inner-content .tutorial-btn {
	background: transparent url('../img/main/firststeps-inner-content-tutorial-btn.png') no-repeat;
	color: #f1e6a6;
	display: block;
	font-size: 11px;
	height: 20px;
	margin: 10px 0 0;
	padding: 3px 20px 0 10px;
	text-decoration: none;
}
.firststeps-inner-content .tutorial-btn:hover { text-decoration: underline }
.firststeps-inner-content .community {
	background: url('../img/main/firststeps-inner-content-community.jpg') no-repeat;
	min-height: 155px;
	padding: 7px 190px 7px 9px;
	width: 481px;
}
.aboutbox-1,
.aboutbox-2,
.aboutbox-3,
.aboutbox-4,
.aboutbox-5 {
	min-height: 169px;
	padding: 7px 190px 7px 9px;
}
.aboutbox-1 { background: url('../img/main/aboutbox-1.jpg') no-repeat }
.aboutbox-2 { background: url('../img/main/aboutbox-2.jpg') no-repeat }
.aboutbox-3 { background: url('../img/main/aboutbox-3.jpg') no-repeat }
.aboutbox-4 { background: url('../img/main/aboutbox-4.jpg') no-repeat }
.aboutbox-5 { background: url('../img/main/aboutbox-5.jpg') no-repeat }
.about-inner-content h4 {
	background: url('../img/main/about-inner-content.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 p { width: 462px }
.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('../img/main/empires-map.png') no-repeat;
	height: 341px;
	position: relative;
	width: 481px;
}
.empirebox-2,
.empirebox-3 { display: none }
.empirebox-1,
.empirebox-2,
.empirebox-3 {
	background: url('../img/main/empirebox.jpg') no-repeat;
	min-height: 169px;
	padding: 7px;
	position: relative;
	width: 467px;
}
.empires-content h4 {
	background: url('../img/main/empires-content.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/main/empirebox.jpg') no-repeat;
	height: 87px;
	position: absolute;
	top: 0;
	left: 345px;
	width: 136px;
}
.empires-content .empirebox-1 .empire-crest { background: url('../img/main/empires-crest.png') no-repeat 0 0 }
.empires-content .empirebox-2 .empire-crest { background: url('../img/main/empires-crest.png') no-repeat 0 -87px }
.empires-content .empirebox-3 .empire-crest { background: url('../img/main/empires-crest.png') no-repeat 0 -174px }
.empires-content p {
	margin: 5px 0 9px 0;
	width: 320px;
}
.empires-content .empires-map img {
	position: absolute;
	top: 0;
}
.empires-content #empire-img { position: relative }
.empires-content .empire-1 {
	background: url('../img/main/empires-map-full.png') no-repeat 0 -196px;
	height: 145px;
	left: 0;
	top: 196px;
	width: 345px;
}
.empires-content .empire-2 {
	background: url('../img/main/empires-map-full.png') no-repeat 0 0;
	height: 160px;
	left: 0;
	top: 0;
	width: 200px;
}
.empires-content .empire-3 {
	background: url('../img/main/empires-map-full.png') no-repeat -291px 0;
	height: 225px;
	left: 291px;
	width: 190px;
}
#wallpaper a,
#screenshots a {
	background: url('../img/main/screenshots.gif') no-repeat;
	float: left;
	margin: 4px;
	padding: 4px;
}
#wallpaper a.first,
#screenshots a.first { background: url('../img/main/screenshots-first.jpg') no-repeat }
.gallerybox {
	background: url('../img/main/gallerybox.jpg') no-repeat;
	margin-bottom: 9px;
	height: auto;
	padding-top: 7px;
	padding-left: 12px;
	width: 476px;
}
.gallerybox-small {
	background-image: url('../img/main/gallerybox-small.jpg');
	min-height: 133px;
}
.gallerybox-middle {
	background-image: url('../img/main/gallerybox-middle.jpg');
	min-height: 193px;
	margin-bottom: 30px;
}
.gallery-inner-content h4 {
	color: #7b1300;
	font-size: 12px;
	height: 34px;
	margin: 1px 0 0 9px;
	width: 290px;
}
.gallery-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.gallery-image {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.screenshots-gallery-list {
	margin: 4px 0 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
.screenshots-gallery-list li {
	background: url('../img/main/screenshots-first.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('../img/main/charclass-1.jpg') no-repeat }
.charclass-2 { background: url('../img/main/charclass-2.jpg') no-repeat }
.charclass-3 { background: url('../img/main/charclass-3.jpg') no-repeat }
.charclass-4 { background: url('../img/main/charclass-4.jpg') no-repeat }
.characterclasses h4 { font-size: 12px }
.download-inner-column-left {
	background-image: url('../img/main/download-inner-column-left.jpg');
	float: left;
	overflow: hidden;
	width: 301px;
}
.download-inner-column-right {
	width: 180px;
	float: left;
}
.download-inner-column-right p {
	width: 174px;
	margin: 12px 0 16px 1px;
}
.download-inner-column-right p a {
	color: #7b1300;
	font-weight: bold;
	text-decoration: none;
}
.download-inner-column-right p a:hover { color: #af4e3c }
.download-button-1{
	background-image:url('../img/main/download-button-1.jpg');
	display:block;
	height:63px;
	width:174px;
}
.download-button-1:hover{
	background-image:url('../img/main/download-button-1_h.jpg');
}
.download-button-2{
	background-image:url('../img/main/download-button-2.jpg');
	display:block;
	height:63px;
	width:174px;
}
.download-button-2:hover{
	background-image:url('../img/main/download-button-2_h.jpg');
}.downloadbox {
	background: url('../img/main/downloadbox.jpg') no-repeat;
	margin-bottom: 9px;
	min-height: 209px;
	padding-top: 7px;
	padding-left: 12px;
	width: 289px;
}
.download-inner-content h4 {
	color: #7b1300;
	font-size: 12px;
	height: 34px;
	margin: 1px 0 0 0;
	width: 290px;
}
.download-inner-column-left p {
	margin: 5px 0 9px 0;
	width: 286px;
}
.download-image { margin-bottom: 16px }
.download-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.downloadbox caption {
	caption-side: inherit;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	text-align: left;
}
.downloadbox table {
	margin-bottom: 20px;
	width: 281px;
}
.left_td {
	background: url('../img/main/left-td.gif') no-repeat 0 0;
	height: 23px;
	padding-left: 20px;
	width: 69px;
}
.download-box-foot {
	background-image: url('../img/main/downloadbox-foot.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("../img/main/download-requirements.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;
}
.securitybox {
	background: url("../img/main/securitybox.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 0 12px;
}
.administration-inner-content {
	margin: 9px 0 0;
	padding: 0;
}
.administration-inner-content ul {
	font-size: 11px;
	margin: 9px 0 0 12px;
	padding: 0;
	text-align: left;
}
.administration-inner-content ul li {
	background: url('../img/main/left-td.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: 11px 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('../img/main/input-data-box.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('../img/main/recruitbox-1.jpg') no-repeat }
.recruitbox-2 { background: url('../img/main/recruitbox-2.jpg') no-repeat }
.recruitbox-3 { background: url('../img/main/recruitbox-3.jpg') no-repeat }
.recruitbox-4 { background: url('../img/main/recruitbox-4.jpg') no-repeat }
.recruitbox-5 { background: url('../img/main/recruitbox-5.jpg') no-repeat }
.recruit-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.recruit-inner-content h4 {
	background: url('../img/main/recruit-inner-content.png') no-repeat bottom left;
	color: #7b1300;
	font-size: 12px;
	padding-bottom: 8px;
	margin: 1px 0 0 0;
}
.recruit-inner-content p { margin: 5px 0 9px 0 }
.recruit-inner-content label {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}
.recruit-inner-content input {
	width: 280px;
	display: transparent;
	border: 0;
	height: 24px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	background: url('../img/main/recruit-inner-content-input.png') no-repeat;
}
.recruit-inner-content textarea {
	width: 280px;
	display: transparent;
	border: 0;
	height: 100px;
	padding-left: 3px;
	padding-top: 2px;
	background: url('../img/main/recruit-inner-content-textarea.png') no-repeat;
	overflow: hidden;
}
#recruitMailForm #submitBtn {
	background: url('../img/main/recruitMailForm-submitBtn.png') no-repeat;
	border: 0;
	color: #fff;
	cursor: pointer;
	height: 48px;
	width: 248px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .01em;
	margin: 0 auto;
	text-align: center;
	display: block;
	background-position: 0 7px;
}
.recruit-status-th {
	height: 26px;
	background: url('../img/main/recruit-status-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/main/recruit-status-tr.png') no-repeat;
}
.recruit-inviteLink {
	width: 280px;
	height: 24px;
	display: block;
	border: 0;
	padding-left: 3px;
	padding-top: 0;
	background: url('../img/main/recruit-inner-content-input.png') no-repeat;
}
#recruitSocialForm #inviteLink {
	background: 0;
	width: 270px;
	overflow: hidden;
	height: 22px;
}
.recruit-facebook {
	display: block;
	background: url('../img/main/recruit-facebook.png') no-repeat;
	width: 29px;
	height: 29px;
	margin-top: 5px;
	margin-right: 15px;
	float: left;
}
.recruit-twitter {
	display: block;
	background: url('../img/main/recruit-twitter.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('../img/main/recruit-code.png') no-repeat;
	text-align: center;
	font-weight: bold;
	padding-left: 2px;
	padding-top: 3px;
}
#recruitCode {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	background: 0;
	text-align: left;
	width: 169px;
}
.recruit-inner-content th,
.recruit-inner-content td { padding-right: 10px }
.recruit-del {
	background: url('../img/main/recruit-del.png') no-repeat;
	width: 21px;
	height: 21px;
	display: block;
}
.btn {
	background: url('../img/main/btn.gif') 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 { text-decoration: underline }
input.btn-login {
	background: transparent url('../img/main/btn-login.png') no-repeat scroll 50% 0!important;
	border-style: none;
	margin: auto;
	margin-bottom: 10px;
	padding: 0;
	width: 150px;
	height: 46px;
	color: #fffabd;
	font-family: droid serif;
	font-size: 16px;
	text-shadow: 1px 1px black;
	font-weight: bold;
}
input.btn-login:hover {
	background: transparent url('../img/main/btn-login-hover.png') no-repeat scroll 50% 0!important;
	text-decoration: none;
}
.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('../img/main/form-login-input.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;
	outline: none !important;
}
.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('../img/main/screenshots-comic.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("../img/main/faqunderline.png") no-repeat scroll left bottom transparent;
	color: #7b1300;
	font-size: 11px;
	margin: 2px 0 0;
	padding-bottom: 8px;
}
.smfaqbox {
	background: url("../img/main/faqbox.jpg") no-repeat scroll 0 0 transparent;
	min-height: 169px;
	padding: 7px 9px 7px 9px;
	width: 465px;
	font-size: 11px;
}
.smfaqlinks {
	background: url("../img/main/faqlinks.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;
}
.error-mini{
	background: url('../img/main/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;
}
.input-data-box {
	background: url('../img/main/input-data-box.jpg') no-repeat;
	min-height: 129px;
	padding-top: 9px;
	width: 481px;
}
.input-data-box p a {
	color: #943b00;
	text-decoration: none;
}
.input-data-box p a:hover { text-decoration: underline }
.input-data-box .box-img {
	float: right;
	height: 130px;
	width: 180px;
}
.login-inner-content h4,
.pass-lost-inner-content h4 {
	color: #7b1300;
	font-size: 11px;
	height: 22px;
	margin: 1px 0 0 9px;
	width: 290px;
}
.login-inner-content p,
.pass-lost-inner-content p {
	font-size: 11px;
	margin: 5px 0 10px 12px;
	width: 275px;
}
.login-inner-content,
.pass-lost-inner-content {
	margin: 9px 0 0 0;
	padding: 0;
}
.pass-lost-box {
	background: url('../img/main/pass-lost-box.jpg') no-repeat;
	margin-left: 11px;
	overflow: hidden;
	padding-top: 10px;
	width: 275px;
}
.pass-lost-box-small {
	background: url('../img/main/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/main/login-inner-content.jpg') no-repeat }
.pass-lost-box-big { height: 315px }
.pass-lost-box-small p { width: 250px }
.pass-lost-box-inner-content {
	margin-left: 10px;
	width: 253px;
}
.pass-lost-box label {
	color: #4a1e00;
	font-weight: bold;
	font-size: 11px;
}
.pass-lost-box input {
	border: 0;
	background-color: transparent;
	font: 11px/13px Arial,Helvetica,sans-serif;
	margin: 1px 0 0 4px;
	width: 245px;
}
.pass-lost-box input.btn-center-input { margin-top: 5px!important }
.pass-lost-box-small label {
	color: #4a1e00;
	font-weight: bold;
	font-size: 11px;
}
.pass-lost-box-small input {
	background: 0;
	border: 0;
	font: 11px/13px Arial,Helvetica,sans-serif;
	margin: 1px 0 0 4px;
	width: 245px;
}
#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/main/highscore-tr-zebra.jpg') }
#highscore td img { display: inline }
#highscore .rank-th-1 {
	border-left: 1px solid #81602d;
	width: 55px;
}
#highscore .rank-th-2 {
	padding-left: 13px;
	text-align: left;
	width: 110px;
}
#highscore .rank-th-3 { width: 40px }
#highscore .rank-th-4 { width: 56px }
#highscore .rank-th-5 {
	border-right: 1px solid #81602d;
	padding-right: 13px;
	text-align: right;
	width: 104px;
}
#highscore .rank-td-1-1 {
	border-left: 1px solid #81602d;
	font-weight: bold;
	text-align: center;
}
#highscore .rank-td-1-2 {
	padding-left: 13px;
	text-align: left;
}
#highscore .rank-td-1-5 {
	border-right: 1px solid #81602d;
	padding-right: 13px;
	text-align: right;
}
#highscore .rank-td-2-1 {
	border-left: 1px solid #81602d;
	font-weight: bold;
	text-align: center;
}
#highscore .rank-td-2-2 {
	padding-left: 13px;
	text-align: left;
}
#highscore .rank-td-2-5 {
	border-right: 1px solid #81602d;
	padding-right: 13px;
	text-align: right;
}
#guildHighscore .content-bg-bottom {
	width: 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('../img/main/highscore-tr-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: 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('../img/main/prev.jpg');
	text-align: left;
	width: 241px;
}
.next {
	background-image: url('../img/main/next.jpg');
	text-align: right;
	width: 240px;
}
.prev-top {
	background-image: url('../img/main/prev-top.jpg');
	padding: 9px 10px 0;
}
.next-top {
	background-image: url('../img/main/next-top.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('../img/main/ranks-dropdowns-box.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('../img/main/ranks-input.jpg');
	height: 20px;
	width: 119px;
}
.ranks-input-noservers {
	background-image: url('../img/main/ranks-input.jpg');
	color: #4a1e00;
	font-size: 13px;
	height: 17px;
	padding-left: 4px;
	padding-top: 3px;
	width: 115px;
}
.small-btn {
	background: url('../img/main/small-btn.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 {
	background: transparent url('../img/main/back-btn.gif') repeat scroll 0 0;
	margin: 30px 0 22px 145px;
	padding-left: 28px;
	width: 129px;
}
#progressTracker {
	height: 100px;
	margin: 0 auto;
	padding-left: 10px;
	width: 420px;
}
#progressTracker .step {
	background: url('../img/main/progressTracker-step.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/main/progress.gif') repeat-x scroll 0 20px;
	float: left;
	position: relative;
	width: 177px;
}
#progress3 { position: relative }
#progressTracker .progress-text {
	font-size: 11px;
	font-weight: bold;
	left: -32px;
	position: absolute;
	text-align: center;
	top: 50px;
	width: 100px;
}
#progressTracker .inactive .progress-text,
#progressTracker .inactive .step {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	opacity: .5;
}
#progressTracker .inactive .progress-text { color: #4a1e00 }
#progressTracker .inactive .progress-text a { color: #4a1e00 }
#progress3 {
	float: left;
	width: 45px;
}
#progressTracker .passed { background: url('../img/main/progress-passed.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-box {
	background: transparent url("../img/main/inner-form-box.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;
}
.trenner {
	background: url('../img/main/trenner.jpg') no-repeat;
	border-top: 1px solid #b28a45;
	height: 8px;
	margin: 0 auto;
	width: 380px;
}
#pwlostForm,
#lostPasswordCodeForm,
#changepwForm,
#emailChangeForm,
#resendactivForm,
#loginFormPage,
#loginFormLarge,
#registerForm,
#captchaForm {
	margin: 15px auto;
	width: 290px;
}
#pwlostForm div,
#lostPasswordCodeForm div,
#changepwForm div,
#emailChangeForm div,
#resendactivForm div,
#loginFormPage div,
#loginFormLarge div,
#registerForm div,
#captchaForm div {
	margin-bottom: 15px;
	position: relative;
	width: 287px;
}


#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/main/toLogin.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: 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,
#register .inner-form-box input,
#captcha .inner-form-box input,
select
{
	background-color: #cdb78b;
	background: url('../img/main/captcha.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('../img/main/pwField-valid-icon.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,
#register #submitBtn,
#captcha #submitBtn,
#subscribe .btn-big,
a.btn-big,
.contest-inner-content #submitBtn {
	background: url("../img/main/submitBtn.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: 36px;
	letter-spacing: .01em;
	margin: 0 auto 25px;
	text-align: center;
	text-shadow: -1px -1px #000;
	width: 287px;
}
#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;
}
#regLegend {
	color:#775555;
	font-size:11px;
	margin:8px 15px 0;
	text-align:right;
}
#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('../img/main/pagerWrapper.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('../img/main/pagerWrapper-pager.jpg') no-repeat;
	float: right;
	height: 20px;
	text-align: right;
	width: 110px;
}
.char-list-content .pagerWrapper .prev { background: url('../img/main/pagerWrapper-prev.jpg') no-repeat }
.char-list-content .pagerWrapper .next { background: url('../img/main/pagerWrapper-next.jpg') no-repeat }
.char-list-content .pagerWrapper div.pager-prev,
.char-list-content .pagerWrapper a.pager-prev {
	display: block;
	float: left;
	height: 20px;
	width: 18px;
}
.char-list-content .pagerWrapper div.pager-next,
.char-list-content .pagerWrapper a.pager-next {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
}
.char-list-content .pagerWrapper .bg-none {
	background: 0;
	float: left;
	height: 20px;
	width: 20px;
}
.char-list-content .pagerWrapper .pager-middle {
	color: #fff;
	float: left;
	font-weight: normal;
	height: 20px;
	line-height: 19px;
	text-align: center;
	width: 70px;
}
.char-list-content .charList {
	background: url('../img/main/charList.jpg') no-repeat;
	height: 100px;
	padding: 2px;
	width: 476px;
	font-size: 12px;
}
.char-list-content .charList .charimg {
	background: url('../img/main/charimg.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 .charexp,
.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 }
.clearfloat {
	font-size: 1px;
	clear: both;
	height: 0;
}
#activateAccount #bigDownload {
	background: url("../img/main/bigDownload.jpg") 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('../img/main/creation.jpg') no-repeat;
}
#creation div.inner-content.notAllowed {
	background: url('../img/main/creation-notAllowed.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('../img/main/job0.png') no-repeat }
#creation div.jobs div.job1 { background: url('../img/main/job1.png') no-repeat }
#creation div.jobs div.job2 { background: url('../img/main/job2.png') no-repeat }
#creation div.jobs div.job3 { background: url('../img/main/job3.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;
	background: url('../img/main/job.png');
	border-top: solid 1px #bbb;
}
#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/main/completed-job0.png') }
#creation div.serverAndName.job1,
#creation div.completed.job1 div { background-image: url('../img/main/completed-job1.png') }
#creation div.serverAndName.job2,
#creation div.completed.job2 div { background-image: url('../img/main/completed-job2.png') }
#creation div.serverAndName.job3,
#creation div.completed.job3 div { background-image: url('../img/main/completed-job3.png') }
#creation div.serverAndName.job4,
#creation div.completed.job4 div { background-image: url('../img/main/completed-job4.png') }
#creation div.serverAndName.job5,
#creation div.completed.job5 div { background-image: url('../img/main/completed-job5.png') }
#creation div.serverAndName.job6,
#creation div.completed.job6 div { background-image: url('../img/main/completed-job6.png') }
#creation div.serverAndName.job7,
#creation div.completed.job7 div { background-image: url('../img/main/completed-job7.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('../img/main/completed-check.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('../img/main/submitBtn.jpg') no-repeat;
	border: 0;
	color: #dfbf8b;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 38px;
	letter-spacing: .01em;
	line-height: 36px;
	margin: 10px 0 25px 8px;
	text-align: center;
	text-shadow: -1px -1px #000;
	width: 287px;
	text-decoration: none;
}
#creation div.completed a:hover {
	background-position: 0 -38px;
	color: #fff;
}
#creation div.serverAndName form { margin: 60px 0 0 10px }
#creation div.serverAndName label {
	color: #4a1e00;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}
#creation div.server,
#creation div.name { margin: 10px 0 }
#creation div.serverAndName select {
	background: url('../img/main/captcha.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/main/captcha.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('../img/main/submitBtn.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 }
.splitRight .tdunkel {
	padding-right: 5px;
}
tr.found {
	background: #b0b31478!important;
}

.page-link{
	margin: 5px;
	color: #000;
}

.page-active{
	color: blue;
}

.log-table td, th{
	padding: 5px;
}

.log-table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.log-table td, .log-table th {
  border: 1px solid #00000063;
  padding: 8px;
}

.log-table tr:nth-child(even){background-color: #00000017;}

.log-table tr:hover {background-color: #00000091;}

.log-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #6C0C05;
  color: white;
}
.form-input{

  background: url('../img/main/captcha.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;

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

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.pagination{

}

.pagination a{
	margin: 5px;
	color: #fff;
	padding: 5px 8px;
	background-color: #6a0808;
	text-decoration: none;
}

.pagination .active{
	background-color: #000;
}

.server-switch a {
    color: #cea656;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #754739;
    text-decoration: navajowhite;
    width: 107px !important;
    height: 50px;
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;    
    margin: 2px;
    padding: 5px;
}


.countdown {
    font-size: 0.8em;      
    margin-top: 2px;        
    color: #ff9900;       
    line-height: 1;       
}


.server-switch a span:first-child {
    text-align: center;
}

.server-switch a:hover{
	background: #701600;
}

.junior{
	background: #8a0a0a;
	filter: grayscale(0.8);
}

.normal{
	background: #6a0808;
}

.server-switch{
	width: 220px;
	text-align: center;
	margin: 0 -6px;
	position: absolute;
	top: -68px;
	z-index: -1;
	display: flex;
	left: -10px;
}

.sv-active{
	filter: brightness(1.3);
	border: 1px solid #d2b06e;
	box-shadow: 0 0 10px #d2b06e;
}
#discord {
  position: fixed;
  top: 100px;
  right: -150px;
  z-index: 45;
  opacity: .5;
  transition: .3s;
  z-index: 999999999;
}
#discord:hover {
  right:0;
  opacity:1
}

.event-calendar-container {
    color: #4a2010;
    line-height: 1.6;
	display: flex;
	justify-content: center;
}

.event-calendar-title {
    font-size: 18px;
    font-weight: bold;
    color: #8b3a1a;
    margin-bottom: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.event-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.event-item {
	font-size: 14px;
  color: #3d2416;
  text-align: center;
  background: #2e020217;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #7b1325;

}

.event-name {
    font-weight: 600;
  color: #7b1325;
  font-size: 14px;
}

.event-status {
    display: block;
    color: #5a4030;
    margin-left: 0;
}

.event-status.ended {
    color: #6b5040;
}

.event-timer {
    display: inline-block;
    color: #2a5a1a;
    font-weight: normal;
}

.event-timer::before {
    content: "⏳";
    margin-right: 3px;
}