html, body, form {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial;
    font-size: 11px;
    background: #fff url(../images/global/background.jpg?__cv=12) no-repeat center top;
}
a:link,
a:visited,
a:active {
    border:0px;
    color:#e1e1e1;
    text-decoration:underline;
}
a:hover {
    border:0px;
    color:#e1e1e1;
    text-decoration:underline;
}

a img {
	border: 0;
}

div.gameapi {
	position: fixed;
	z-index: 400;
}

div#n3rdCore {
	position			: fixed;
	left				: 2px;
	top					: 2px;
	padding				: 5px;
	background		: #333;
	color			: #DDD;
	z-index			: 500;
	border			: 1px solid #999;
	-moz-border-radius		: 4px;
	-webkit-border-radius	: 4px;
	-moz-box-shadow: 3px 3px 5px #333;
	-webkit-box-shadow: 3px 5px 5px #333;
}

div#coBrand {
	position: absolute;
	right: 0;
	top: 30px;
	min-width: 100px;
	min-height: 50px;
}

.mainContainer {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1000px;
    left: 0px;
}

.mainHeader {
    background-image: url(../images/global/header.jpg?__cv=12);
    background-repeat: no-repeat;
    height: 445px;
    width: 1000px;
}

.mainMenu {
    width:760px;
    height: 55px;
    position: absolute;
    left: 0px;
}

.menuItem {
    float: left;
    height: 55px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

.menuHome {
	background-repeat: no-repeat;
    background-position: 0 0;
    width: 161px;
}

.menuHowto {
	background-repeat: no-repeat;
    background-position: -161px 0;
    width: 138px;
}

.menuInfos {
	background-repeat: no-repeat;
    background-position: -298px 0;
    width: 114px;
}

.menuCommunity {
	background-repeat: no-repeat;
    background-position: -412px 0;
    width: 106px;
}

.menuDownload {
	background-repeat: no-repeat;
    background-position: -518px 0;
    width: 116px;
}

.menuHelp {
	background-repeat: no-repeat;
    background-position: -634px 0;
    width: 125px;
}

.contentHeader {
    background-image: url('../images/global/contentHeader.jpg');
    width: 760px;
    height: 15px;
    position: absolute;
    left: 0px;
    top: 500px;
}

.content {
    position: relative;
    top: 70px;
    left: 0px;
    background-image: url('../images/global/kachel.jpg');
    background-repeat: repeat-y;
    width: 1000px;
    min-height: 780px;
    height: auto !important;
    height: 780px;
}

.menuLeft {
    width: 240px;
    position: absolute;
    /*background-image: url('../images/global/menuLeft.jpg');
    width: 240px;
    background-repeat: repeat-y;
    margin-top: 70px;
    */
}

.infoBoxHead {
    background-image: url('../images/global/infoBoxHead.jpg');
    width: 240px;
    height: 146px;
}

.infoBoxBody {
	background-repeat: no-repeat;
	background-position: 0 0;
    width: 240px;
    height: 99px;
	padding-top: 10px;
}

.infoBoxBody a {
	display: block;
	width: 130px;
	margin-left: 85px;
	text-indent: -999em;
	overflow: hidden;
	height: 30px;
}

.infoBoxBody a#infoMenuPayment {
	height: 90px;
}

.menuRight {
    width: 240px;
    position: absolute;
    top: -70px;
    left: 760px;
    /*
    background-image: url('../images/global/menuRight.jpg');
    width: 240px;
    background-repeat: repeat-y;
    margin-top: -515px;
    margin-left: 760px;
    min-height: 450px;
    */
}

.screenshots {
    position: relative;
    top: 20px;
}

.screenshots div.boxBodyLeft {
	height: 150px;
	padding-top: 20px;
}

.screenshots div.boxBodyLeft ul {
	list-style: none;
	background: url("../images/global/miniScreenNav.png") no-repeat top center;
	width: 195px;
	height: 115px;
	margin: 0;
	padding: 0;
}

.screenshots div.boxBodyLeft ul li {
	float: left;
	position: relative;
}

li#prevScreen {
	width: 22px;
	height: 115px;	
}

li#prevScreen a {
	display: block;
	position: absolute;
	top: 40px;
	height: 35px;
	width: 22px;
	overflow: hidden;
	text-indent: -999em;
}

li#nextScreen {
	width: 22px;
	height: 115px;	
}

li#nextScreen a {
	display: block;
	position: absolute;
	top: 40px;
	height: 35px;
	width: 22px;
	overflow: hidden;
	text-indent: -999em;
}

li#theScreen {
	width: 138px;
	height: 105px;
	padding: 4px 6px;
	text-align: center;
}

.ranking {
    position: relative;
    margin-top: 40px;
}


.screenshotsHeader {
    width: 240px;
    height: 53px;
}

.rankingHeader {
    background-image: url('../images/global/rankingHeader.jpg');
    width: 240px;
    height: 53px;
}


.boxBodyLeft {
    background-image: url('../images/global/boxBodyLeft.jpg');
    padding-left:20px;
    background-repeat: repeat-y;
    color: #eeeeee;
    font-weight:bold;
    height: 170px;
}

.boxFooterLeft {
    background-image: url('../images/global/boxFooterLeft.jpg');
    width: 240px;
    height: 18px;
}

.boxBodyRight {
    background-image: url('../images/global/boxBodyRight.jpg');
    height: 170px;
    padding-left:20px;
    background-repeat: repeat-y;
    color: #eeeeee;
    font-weight:bold;
}

.myvideoBox .boxBodyRight{
	height: 180px;
}
.boxFooterRight {
    background-image: url('../images/global/boxFooterRight.jpg');
    width: 240px;
    height: 18px;
}

.serverStatus {
    height: 200px;
}

.serverSubHeader {
    background-image: url('../images/global/serverSubHeader.jpg');
    width: 31px;
    height: 156px;
    float: left;
}

.serverBodyCenter {
    background-image: url('../images/global/serverBodyCenter.jpg');
    width: 187px;
    height: 156px;
    background-repeat: repeat-y;
    float: left;
	z-index: 50;
	/*padding: 20px 0 0 7px;*/
}

.serverBodyRight {
    background-image: url('../images/global/serverBodyRight.jpg');
    width: 22px;
    height: 156px;
    /*margin-left: 218px;*/
    background-repeat: repeat-y;

    position: absolute;
    top: 0px;
    left: 218px;
}

.serverFooter {
    position: absolute;
    top: 156px;
    left: 0px;
}

.myvideoBox {
	margin-top:25px;
}
.myvideoBox a{
	padding: 0 0 0 10px;
}
.myvideoBox a img {
	padding-bottom:5px;
}


.myvideoHeader {
    background-image: url('../images/global/myvideoHeader.jpg');
    width: 240px;
    height: 51px;
}



.downloadTeaser {
    background-image: url('../images/global/downloadTeaser.jpg');
	background-repeat: no-repeat;
    width: 200px;
    height: 154px;
    position: relative;
    cursor:pointer;
    top: 0px;
	padding: 0 20px;
}

div.downloadTeaser a {
	display: block;
	width: 210px;
	height: 145px;
	text-indent: -999em;
	overflow: hidden;
}

.surveyHeader {
    background-image: url('../images/global/surveyHeader.jpg');
    width: 240px;
    height: 51px;
}

* html div.footer {
	height: 60px;
}

div.footer {
    background: url('../images/global/footer.jpg') no-repeat top left;
    width: 1000px;
    height: 27px;
    position: relative;
    top: 70px;
	text-align: center;
	padding-top: 56px;
}

div.footer a:link,
div.footer a:visited,
div.footer a:hover,
div.footer a:active {
	color: #000;
}

.contentItem {
    position: relative;
    left: 240px;
    width: 520px;
    padding-bottom: 20px;
}

.contentItemHeader {
    background-image: url('../images/global/contentItemHeader.jpg');
    width: 515px;
    height: 25px;
    padding-top:5px;
    padding-left:5px;
    color: #dddddd;
    font-size:13px;
    font-weight:bold;
    position: relative;
    text-align:center;
}

.contentItemBody {
    background-image: url('../images/global/contentItemBody.jpg');
    width: 508px;
    padding: 5px;
    background-repeat: repeat-y;
    color: #eeeeee;
	padding: 6px;
	font-size: 12px;
	font-weight: normal;
	position: relative;
}

.contentItemBody:after {
	content: ".";
	height: 0;
	overflow: hidden;
	text-indent: -999em;
	clear: both;
	display: block;
	visibility: hidden;
}

.contentItemFooter {
    background-image: url('../images/global/contentItemFooter.jpg');
	background-repeat: no-repeat;
    width: 520px;
    height: 5px;
	clear: both;
}

.loginInput {
    background-image: url('../images/global/30.jpg');
    width:107px;
    height:18px;
    padding-top:3px;
    padding-left:3px;
    border:0px solid #000000;
    color: #FFF;
}
.contentUsername {
    position:absolute;
    color: #dddddd;
    font-size:13px;
    font-weight:bold;
    margin-left:10px;
}
.contentPassword {
    position:absolute;
    color: #dddddd;
    font-size:13px;
    font-weight:bold;
    margin-left:220px;
}
.contentLogin {
    position:absolute;
    margin-left:5px;
    margin-bottom:5px;
    color: #eeeeee;
    font-weight:bold;
}
.errorMsg {
    position:absolute;
    height:140px;
    width:190px;
    left:21px;
    color: #eeeeee;
    font-weight:bold;
    z-index:100;
}

/*.screenshot {
    border: 2px solid #000000;
    width:190px;
    height:143px;
}
*/
.loginForm {
    line-height:27px;
}

div.serverBodyCenter p,
div.ranking div.boxBodyLeft p,
div.survey div.boxBodyRight p,
div.myvideoBox div.boxBodyRight p  {
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 14px;
	color: #FFF;
}

div.ranking div.boxBodyLeft {
	padding: 0;
}

.userInfo {
    line-height:19px;
}

.infoLine {
    border-bottom: #eeeeee dashed 1px;
}

div.contentItemBody p.downloadList {
	clear: both;
	min-height: 50px;
	line-height: 20px;
	border-top: 1px solid #555;
	padding: 5px 0 0;
	margin: 2px 0;
	font-weight: normal;
	font-size: 11px;
}

div.contentItemBody p.downloadList b {
	font-size: 13px;
}

span.off {
	font-size: 13px;
	color: #eb3b0f;
}

p.downloadList a {
	width: 158px;
	height: 59px;
	margin: 2px 5px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	float: right;
}

table#systemReqs,
table#chars {
	width: 95%;
	margin: 7px auto;
	background: #DFDFDF;
}

table#systemReqs a,
table#chars a {
	color: #000;
}

table#systemReqs thead th,
table#systemReqs tbody th,
table#chars thead th,
table#chars tbody th {
	background: #F4F4F4;
	color: #666;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 3px;
}

table#systemReqs tbody td,
table#chars tbody td {
	background: #FFF;
	color: #666;
	font-weight: normal;
	text-align: center;
	padding: 5px 0 3px 8px;
}

p.errormessage {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

div.contentItemBody ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#downloadAlternatives {
}	

ul#downloadAlternatives li {
	clear: right;
	border-top: 1px solid #DDD;
	padding: 5px 0 0 0;
}

ul#downloadAlternatives li img {
	float: right;
	vertical-align: top;
	margin: 2px 5px;
}

ul#downloadAlternatives li img.icon {
	float: none;
}


div.contentItemBody ul li p {
	padding: 3px;
	font-size: 14px;
	font-weight: normal;
}

div.contentItemBody ul li h3 {
	border-bottom: 2px solid #888;
	font-size: 16px;
}

img.blockImage {
	display: block;
	margin: 2px auto 10px;
	border: 1px solid #888;
}

p.subdued {
	font-size: 12px;
	font-weight: normal;
}

div.contentItemBody p {
	padding: 3px;
}

div#miniPlayer {
	float: right;
	width: 260px;
	height: 200px;
	margin: 1px 2px 0px 5px;
}

div#miniPlayer img {
	border: 1px solid #e1e1e1;
}

div.topHome {
	height: 235px;
	overflow: hidden;
}

div.topHome div.contentItemBody {
	height: 200px;
	overflow: hidden;
}

div.newsItem {
	margin: 0px;
	padding: 0px;
	background: url(../images/global/newsArrow.png?__cv=12) no-repeat 5px 5px;
}

div.newsItem h3 {
	font-size: 14px;
	margin: 2px 0 2px 20px;
	padding: 2px 20px 0 0;
	background: url(../images/global/newsOpen.png?__cv=12) no-repeat top right;
	position: relative;
}

div.newsItem h3.closed {
	background: url(../images/global/newsClosed.png?__cv=12) no-repeat top right;
}

div.newsItem h3 span.newsDate {
	position: absolute;
	display: block;
	font-size: 10px;
	top: 3px;
	right: 24px;
}

/*
* html div.newsItem h3 span.newsDate {
	margin-top: -15px;
	margin-right: 15px;
}
*/

div.newsHome div.newsContent {
	border-bottom: 1px dotted #a1a1a1;
	border-top: 1px dotted #a1a1a1;
	margin: 5px 0 1px 0;
	padding: 5px 0 5px;
}

div.newsHome div.newsContent ul {
	list-style: outside disc;
	padding: 0 0 0 40px;
	margin: 12px 0 12px 0;
}

.hidden {
	display: none;
}

div#screenShotContainer {
	padding: 3px 25px;
	width: 470px;
}

div#screenShotContainer a.screen {
	display: block;
	margin: 6px;
	border: 1px solid #e1e1e1;
	float: left;
	width: 140px;
	text-align: center;
}

div#screenShotContainer a img {
	border: 0;
}

form#bonusLogin {
	position: absolute;
	left: 0px;
	bottom: 90px;
	height: 110px;
	background: url(../images/toolbox/evenDarkerAlpha.png?__cv=12) repeat top left;
	width: 520px;
}

form#bonusLogin p {
	margin: 10px 15px;
	display: block;
	clear: left;
}

form#bonusLogin p input {
	background: #000;
	color: #FFF;
	border: 1px solid #eee;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

form#bonusLogin p label {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	width: 145px;
	display: block;
	float: left;
}

ul#gameguideNav {
	position: absolute;
	top: -90px;
	left: 5px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#gameguideNav li {
	display: block;
	float: left;
	width: 170px;
	height: 23px;
}

ul#gameguideNav li a {
	padding: 0 0 0 20px;
	background: url(../images/global/newsArrow.png?__cv=12) no-repeat 5px 50%;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

ul#gameguideNav li a:hover {
	color: #FFF;
}

div.gameGuide ul {
	list-style-type: disc;
	padding-left: 40px;
	margin: 12px 0;
}

div.gameGuide img.blockImage {
	max-width: 500px;
}

div.pagination {
	clear: both;
	text-align: center;
	margin: 5px 2px;
	padding: 5px 0 0;
	font-size: 14px;
}

div.pagination span,
div.pagination a {
	padding: 0 5px;
	border: 1px solid #909090;
	text-decoration: none;
	background: transparent;
}

div.pagination span,
div.pagination a:hover {
	background: #eee;
	color: #000;
}

p.serverLow {
	background: url(../images/global/serversLow.jpg?__cv=12) no-repeat top center;
	width: 187px;
	height: 150px;
	text-indent: -999em;
	overflow: hidden;
	z-index: 50;
}

p.serverMid {
	background: url(../images/global/serversMid.jpg?__cv=12) no-repeat top center;
	width: 187px;
	height: 150px;
	text-indent: -999em;
	overflow: hidden;
	z-index: 50;
}

p.serverHigh {
	background: url(../images/global/serversHigh.jpg?__cv=12) no-repeat top center;
	width: 187px;
	height: 150px;
	text-indent: -999em;
	overflow: hidden;
	z-index: 50;
}

div#langSelectBox {
	position: absolute;
	top: 349px;
	right: 28px;
	width: 160px;
	height: 40px;
	color: #FFF;
	font-size: 12px;
	text-align: left;
	background: transparent url(../images/global/newsClosed.png?__cv=12) no-repeat right 22px;
	padding: 0 14px 0 0;
	z-index: 300;
}

div#langSelectBox.open {
	background: transparent url(../images/global/newsOpen.png?__cv=12) no-repeat right 22px;
}

div#langSelectBox a,
div#langSelectBox ul li a,
div#langSelectBox select option {
	background-repeat	: no-repeat;
	background-position : 2px 50%;
}

div#langSelectBox select {
	cursor				: pointer;
	color				: #fff;
	background			: #555;
	border				: 0;
	width				: 115px;
}

div#langSelectBox input {
	cursor				: pointer;
	color				: #fff;
	background			: #555;
	border				: 1px solid #000;
}

div#langSelectBox ul {
	list-style			: none;
	margin				: 0;
	padding				: 3px 5px;
/*	background			: #000; */
	-moz-border-radius		: 4px;
	-webkit-border-radius	: 4px;
	-moz-box-shadow		: 3px 3px 5px #333;
	-webkit-box-shadow	: 3px 5px 5px #333;
	text-align			: left;
	width				: 150px;
	z-index				: 300;
	background			: url(../images/toolbox/evenDarkerAlpha.png?__cv=12) repeat top left;
}

div#langSelectBox ul li a {
	display				: block;
	float				: left;
	width				: 100px;
	height				: 18px;
	line-height			: 18px;
	padding				: 0px 8px 0px 23px;
	color				: #FFF;
	font-size			: 12px;
	text-decoration		: none;
}