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

body {
	background: #000000 url('../images/design2/background.jpg') no-repeat;
	background-position: top center;
	text-align: center;
	font-family: Verdana, Tahoma, Arial;
	font-size: 14px;
	color: #fff;
}

a {
	color: #0089ff;
	text-decoration: none;
	font-weight: bold;
}

.clearboth { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

#wrapper {
	width: 900px;
	margin: 0 auto;
	//margin-bottom: 15px;
	border: 1px solid #0e3662;
	background-color: #0d0d0d;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#userArea {
	background: url('../images/design2/commonSprite.png') no-repeat;
	background-position: 0 -980px;
	width: 900px;
	height: 69px;
}

#userArea div.title {
	float: left;
	margin: 24px 0 0 25px;
	text-align: left;
	font-size: 15px;
	text-transform: uppercase;
}
#userArea div.title div.word1, #pageTitleContainer div.word1, div.sectionTitleContainer div.word1 {
	color: #0089ff;
	float: left;
	margin-right: 5px;
}
#userArea div.title div.word2, #pageTitleContainer div.word2, div.sectionTitleContainer div.word2  {
	color: #baff00;
	float: left;
}

#customerLoginForm {
	float: right;
	padding: 0;
	margin: 10px 0 0 0;
}

#customerLoginForm div.userLoginIcon, #customerLoginForm button.userLoginIcon {
	float: left;
	background: url('../images/design2/commonSprite.png') no-repeat;
	width: 44px;
	height: 42px;
}

#customerLoginForm div.loginNormal {
	background-position: -520px -740px;
}

#customerLoginForm div.loginError {
	background-position: -520px -805px;
}

#customerLoginForm div.passwordNormal {
	margin-left: 30px;
	background-position: -580px -740px;
}

#customerLoginForm div.passwordError {
	margin-left: 30px;
	background-position: -580px -805px;
}

#customerLoginForm button.enter {
	background-position: -640px -740px;
	border: 0;
	margin-left: 10px;
	cursor: pointer;
}

#customerLoginForm button.enter:hover {
	background-position: -640px -805px;
}

#customerLoginForm input.username {
	float: left;
	margin: 10px 0 0 15px;
	width: 120px;
}

#customerLoginForm input.password {
	float: left;
	margin: 10px 0 0 15px;
	width: 120px;
}

#customerLoginForm div.textLinks {
	float: left;
	margin: 0 20px 0 20px;
}

#customerLoginForm div.textLinks a {
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	margin-top: 5px;
}

#customerLoginForm div.textLinks a:hover {
	color: #baff00;
}

#customerLoginForm div.error {
	color: #f11515;
	font-size: 11px;
	font-weight: bold;
	margin-left: 17px;
	text-align: right;
}

#navigationWrapper {
	
}

#navigationWrapper a.NavButton {
	background: url('../images/design2/commonSprite.png') no-repeat;
	width: 150px;
	height: 42px;
	display: block;
	float: left;
}

#navigationWrapper a.GameServersBtnActive, #navigationWrapper a.GameServersBtn:hover {
	background-position: -200px 0;
}

#navigationWrapper a.VoiceServersBtn {
	background-position: 0 -60px;
}

#navigationWrapper a.VoiceServersBtnActive, #navigationWrapper a.VoiceServersBtn:hover {
	background-position: -200px -60px;
}

#navigationWrapper a.NewsBtn {
	background-position: 0 -120px;
}

#navigationWrapper a.NewsBtnActive, #navigationWrapper a.NewsBtn:hover {
	background-position: -200px -120px;
}

#navigationWrapper a.HowItWorksBtn {
	background-position: 0 -180px;
}

#navigationWrapper a.HowItWorksBtnActive, #navigationWrapper a.HowItWorksBtn:hover {
	background-position: -200px -180px;
}

#navigationWrapper a.AboutGSBtn {
	background-position: 0 -240px;
}

#navigationWrapper a.AboutGSBtnActive, #navigationWrapper a.AboutGSBtn:hover {
	background-position: -200px -240px;
}

#navigationWrapper a.ContactsBtn {
	background-position: 0 -300px;
}

#navigationWrapper a.ContactsBtnActive, #navigationWrapper a.ContactsBtn:hover {
	background-position: -200px -300px;
}

#accountWrapper {
	background: url('../images/design2/commonSprite.png') no-repeat;
	background-position: 0 -1080px;
	width: 368px;
	height: 53px;
	float: left;
	margin: 6px 0 0 170px;
}

#accountWrapper div {
	margin-top: 18px;
	padding: 0 6px;
	font-size: 14px;
}

#accountWrapper a {
	font-weight: bold;
	color: #baff00;
	font-size: 15px;
}

#clientArea {
	background: url('../images/design2/commonSprite.png') no-repeat;
	width: 194px;
	height: 37px;
	float: left;
	margin: 8px 0 0 -23px;
	display: block;
	padding-top: 16px;
	color: #fff;
}

#clientArea.normal {
	background-position: -700px -740px;
}

#clientArea.active {
	background-position: -700px -805px;
}

#clientArea span {
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 20px;
}

#logoutButton {
	background: url('../images/design2/commonSprite.png') no-repeat;
	background-position: -700px -860px;
	width: 68px;
	height: 52px;
	display: block;
	cursor: pointer;
	float: left;
	margin: 8px 0 0 5px;
	position: relative;
}

#header {
	width: 900px;
	height: 339px;
	background: url('../images/design2/commonSprite.png') no-repeat;
	background-position: 0 -350px;
	margin-bottom: 40px;
}

#logo {
	width: 520px;
	height: 230px;
	background: url('../images/design2/commonSprite.png') no-repeat;
	background-position: 0 -740px;
	display: block;
	position: absolute;
	margin: 50px 0 0 60px;
}

#decorationServers {
	background: url('../images/design2/commonSprite.png') no-repeat;
	background-position: -460px 0;
	width: 430px;
	height: 336px;
	position: absolute;
	margin: 45px 0 0 500px;
}

#pageTitleContainer {
	position: absolute;
	margin: 302px 0 0 20px;
	text-transform: uppercase;
	font-size: 15px;
	color: #baff00;
}

div.sectionTitleContainer {
	background: url('../images/design2/commonSprite.png') no-repeat;
	background-position: -580px -920px;
	width: 307px;
	height: 26px;
	text-align: left;
	text-transform: uppercase;
	font-size: 15px;
	color: #baff00;
	padding: 9px 0 0 20px;
}

#footer {
	margin-top: 60px;
	height: 50px;
}

#footer>div.copyright {
	background: url('../images/design2/commonSprite.png') no-repeat;
	background-position: 0 -1160px;
	width: 570px;
	height: 40px;
	
	padding: 10px 0 0 18px;
	text-align: left;
	float: left;
}

#footer>div.copyright>div.sponsor {
	font-size: 10px;
	padding-bottom: 5px;
}

#footer>div.copyright>div.sponsor>a {
	color: #f5f7ff;
	padding-bottom: 1px;
	border-bottom: 1px dotted #cdcdcd;
}

#footer div.social {
	float: right;
	margin-right: 10px;
	width: 200px;
	text-align: right;
}

#footer div.social a {
	display: block;
	float: right;
	background: url('../images/design2/commonSprite.png') no-repeat;
	width: 25px;
	height: 25px;
	margin-left: 15px;
}

#footer div.social a.facebook {
	background-position: -460px -1080px;
}

#footer div.social a.rss {
	background-position: -520px -1080px;
}

#footer div.social a.twitter {
	background-position: -580px -1080px;
}

#socialDetails {
	padding-top: 4px;
	font-size: 13px;
}

#siteContent {
	width: 720px;
	padding: 4px 7px;
	margin: 15px auto 15px auto;
	text-align: justify;
	border: 1px solid #0e3662;
	font-size: 13px;
}

div.sectionSeparator {
	background: url('../images/design2/commonSprite.png') no-repeat;
	width: 728px;
	height: 28px;
	padding-top: 7px;
	background-position: 0 -1240px;
	text-align: center;
	color: #baff00;
	font-weight: bold;
	font-size: 16px;
	margin: 18px 0 10px 0;
}

input[type='text'].DefaultTextBox {
	width: 500px;
}
textarea.DefaultTextArea {
	width: 498px;
}

.DefaultCaption { float: left; width: 120px; font-weight: bold; text-align: left; margin-bottom: 4px; color: #0089ff; }
.DefaultCaptionWide { float: left; width: 157px; font-weight: bold; text-align: left; margin-bottom: 4px; color: #0089ff; }
.DefaultSelect { float: left; margin-bottom: 4px; }

.defaultButtonBlue {
	display: block;
	background-color: #0089ff;
	border: 1px solid #0060b2;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

.defaultButtonBlue:hover {
	display: block;
	background-color: #0089ff;
	border: 1px solid #024985;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

a.defaultButtonBlue {
	display: inline-block;
	padding: 0 5px;
}


.DefaultCenteredPaginator { margin: 8px 0 0 7px; text-align: center; font-size: 13px}
.DefaultCenteredBox{display: -moz-inline-box; display: inline-block; margin: 0 2px; background-color: #0089ff; border: 1px solid #0060b2; width: 20px; height: 17px; color: #fff;}
.DefaultCenteredBoxSelected, .DefaultCenteredBox:hover {display: -moz-inline-box; display: inline-block; margin: 0 2px; font-weight: bold; font-size: 13px; background-color: #fff; border: 1px solid #fff; width: 20px; height: 17px; color: #000; }
.DefaultCenteredNavigationBox {display: -moz-inline-box; display: inline-block; margin: 0 5px; background-color: #0089ff; border: 1px solid #0060b2; width: 20px; height: 17px; color: #fff;}
.DefaultCenteredNavigationBoxSelected, .DefaultCenteredNavigationBox:hover {display: -moz-inline-box; display: inline-block; margin: 0 5px; background-color: #fff; border: 1px solid #5F5F5F; color: #fff; width: 20px; height: 17px; font-size: 13px; color: #000; }
.DefaultCenteredDotsBox { display: -moz-inline-box; display: inline-block; margin: 0 5px; width: 20px; height: 17px; color: #fff; }

div.NewsItemPreview { width: 750px; padding: 15px;}
div.NewsItemPreview div.NewsImageContainer { width: 162px; float: left;}
div.NewsItemPreview div.NewsImageWrapper { float: left; width: 162px; height: 124px; margin: 0 5px 8px 0;}
div.NewsItemPreview div.NewsImageWrapper img.newsImage {
	float: left;
	width: 160px;
	height: 120px;
	margin-left: 2px;
	border: 1px solid #676767;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
div.NewsItemPreview div.NewsDetails {
	width: 515px;
	margin: 0 10px 0 10px;
	display: inline;
	float: left;
	text-align: left;
	color: #fafafa;
	text-align: justify;
	overflow: hidden;
}
.NewsTitle { font-size: 14px; color: #baff00; font-weight: bold; margin-bottom: 12px; text-shadow: #212121 0 1px 0; }
.NewsDate { font-style: italic; color: #d9d9d9; margin-bottom: 4px; }

div.newsSearch {
	margin: 10px 5px;
	float: right;
}

div.newsSearch input.newsSearchBox {
	width: 140px;
	font-size: 12px;
	height: 12px;
	float: left;
	padding-top: 3px;
	margin-right: 10px;
}

.NewsCommentContainer {
	width: 560px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 8px;
}
.NewsCommentHeader {
	float: left;
	background: #0060b2;
	height: 16px;
	padding: 1px 0 1px 3px;
	width: 557px;
	display: block;
	text-align: left;
	color: #d9d9d9;
	
	-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.NewsCommentHeader a { color: #000;}
.NewsCommentHeader .number { float: left; color: #fff; font-weight: bold; }
.NewsCommentHeader .customer { float: left; color: #baff00; font-weight: bold; }
.NewsCommentHeader .date { float: left; font-style: italic; color: #d9d9d9;  }

.NewsCommentContainer .content {
	border: 1px solid #0060b2;
	border-top: 0;
	padding: 4px;
	
	-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.NewsCommentContainer .content .control { display: none; }
.NewsCommentContainer .content .control .edittor { width: 360px; height: 80px; margin: 0 0 10px 0; }
.EditBtn { float: left; background: url('/images/design/edit.png') no-repeat; width: 12px; height: 14px; display: block; margin: 0 8px 0 5px }
.DeleteBtn { float: left; background: url('/images/design/delete.png') no-repeat; behavior: url(/misc/iepngfix.htc); cursor: pointer; width: 16px; height: 13px; display: block; }
#NewsNewCommentContainer { width: 570px; margin: 0 auto; text-align: center; }
#NewsNewCommentContainer .newcomment { width: 360px; height: 80px; margin: 0 auto; margin-bottom: 10px; }

a.newsCommentButton {
	float: left;
	text-transform: uppercase;
	font-size: 9px;
	display: block;
	font-weight: none;
	color: #baff00;
	margin-left: 15px;
}


div.GameItemPreview { width: 700px; padding: 15px; margin: 0 auto; }
div.GameItemPreview .GameImageContainer { width: 145px; float: left;}

div.GameItemPreview div.GameImageWrapper { float: left; width: 148px; height: 117px; margin-bottom: 8px; }
div.GameItemPreview div.GameImageWrapper img.gameImage {
	float: left;
	width: 144px;
	height: 111px;
	margin-left: 2px;
	border: 1px solid #676767;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

div.GameItemPreview div.GameDetails { width: 530px; margin: 0 10px 0 10px; float: left; text-align: justify; color: #fafafa; }
a.GameTitle { font-size: 14px; color: #baff00; font-weight: bold; margin-bottom: 12px; text-shadow: #212121 0 1px 0; }

div.GameTypeItemPreview { width: 670px; padding: 12px; margin: 0 auto;}

div.GameTypeItemPreview div.GameTypeImageWrapper { float: left; width: 102px; height: 75px; margin-bottom: 8px; }
div.GameTypeItemPreview div.GameTypeImageWrapper img.gameTypeImage { 
	float: left;
	width: 100px;
	height: 75px;
	margin-left: 2px;
	border: 1px solid #676767;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
 
div.GameTypeItemPreview div.GameTypeDetails { width: 545px; margin: 0 10px 0 10px; float: left; text-align: justify; color: #fafafa; }

div.GameTypeItemPreview div.GameTypeDetails a.GameTypeTitle { font-size: 14px; color: #baff00; font-weight: bold; margin-bottom: 12px; text-shadow: #212121 0 1px 0; }
div.GameTypeItemPreview div.GameTypeDetails div.information { font-size: 12px; color: #e4e4e4; font-style: italic; margin: 7px 0 0 0; }
div.GameTypeItemPreview div.GameTypeDetails div.information span { color: #fff; }

#CustomerRegistration div.item {
	color: #0089ff;
	font-weight: bold;
	float: left;
	width: 200px;
}
#CustomerRegistration div.item span.required {
	color: #ff3c00;
}

#CustomerRegistration div.input {
	float: left;
}

.MessageSuccess { width: 500px; margin: 0 auto; font-weight: bold; color: #baff00; margin-bottom: 10px; }
.MessageFailure { width: 500px; margin: 0 auto; font-weight: bold; color: #ff3c00; margin-bottom: 10px; }


div.VoiceItemPreview { width: 700px; padding: 12px; margin: 0 auto; }
div.VoiceItemPreview .VoiceImageContainer { width: 145px; float: left;}

div.VoiceItemPreview div.VoiceImageWrapper { float: left; width: 148px; height: 117px; margin-bottom: 8px; }
div.VoiceItemPreview div.VoiceImageWrapper img.voiceImage { 
	float: left;
	width: 144px;
	height: 111px;
	margin-left: 2px;
	border: 1px solid #676767;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3	px;
}


div.VoiceItemPreview div.VoiceDetails { width: 530px; margin: 0 10px 0 10px; float: left; text-align: justify; color: #fafafa; }
div.VoiceItemPreview div.VoiceDetails a.VoiceTitle { font-size: 14px; color: #baff00; font-weight: bold; margin-bottom: 12px; text-shadow: #212121 0 1px 0; }


table.DefaultTable { border: 1px solid #161616; width: 718px }
table.DefaultTable td { padding: 3px; }
table.DefaultTable tr.TableHeader { background-color: #1d1d1d; height: 20px; color: #f8f8fc; font-weight: bold; text-align: center}
table.DefaultTable tr.TableHeader td { padding: 0 0 3px 0; }
table.DefaultTable tr.TableRowA { text-align: left; }
table.DefaultTable tr.TableRowB { background-color: #101010; text-align: left; }

div.DefaultMessageCommonError, span.DefaultMessageCommonError {
	color: #ff3c00;
	font-weight: bold;
}

.SubscriptionInfoTable { border: 1px solid #cecece; width: 370px }
.SubscriptionInfoTable td { padding: 3px; }
.SubscriptionInfoTable .header { background-color: #1d1d1d; color: #f8f8fc; font-weight: bold; text-align: left; width: 100px; border-right: 1px solid #161616;}
.SubscriptionInfoTable .rowA { text-align: left; }
.SubscriptionInfoTable .rowB { background-color: #101010; text-align: left; }

.serverOnlineCaption {
	color: #baff00;
	font-weight: bold;
}

.serverOfflineCaption {
	color: #ff3c00;
	font-weight: bold;
}