/**
 * General html settings
 */
html {
	background:				url('../images/startpage/background.jpg') no-repeat #000000;
	background-position:	center top;
}

html, body {
	font-family:			Verdana,arial,helvetica,sans-serif;
	font-size:				13px;
	height:					100%;
}

* { margin: 0; padding: 0; }
img { border: 0; }

/* ref specific styles */
body.cbs_de_de { background-image: url('../images/startpage/background-cbs_de_de.jpg'); }

/**
 * MousePoupup
 */
.mousepopup { visibility: hidden; text-align: left; position: absolute; z-index: 1001 !important; }
#popup { z-index: 16777271; }
#popup .w250 { width: 250px; display: block; }

/**
 * Table
 * @TODO: needs a design
 */
.table, .table td { border-collapse: collapse; padding: 2px; }
.table th { font-weight:bold; text-align: center; }
.table td { padding-top: 10px; }
.table td#highlight { background-image:url(../images/muster.jpg); }
.table .right { text-align: right; }
.table .center { text-align: center; }

/**
 * Link
 */
a, a:link, a:hover, a:active, a:focus, a:visited {
	color:					#421d0c;
	text-decoration:		none;
	outline:				0 none;
}

a:hover {
	text-decoration:		underline;
}

/**
 * Layout
 */
div#bglayover {
	-moz-user-select:		none;
	position:				absolute;
	background:				url('../images/startpage/background-layover.png') no-repeat;
	width:					143px;
	height:					438px;
	z-index:				10;
	top:					100px;
	left:					-42px;
}

div#wrapper {
	position:				relative;
	width:					823px;
	min-height:				828px;
	margin:					0 auto;
	padding:				0;
}

#logo {
	display:				block;
	cursor:					pointer;
	width:					460px;
	height:					122px;
	margin:					0 0 0 193px;
	padding:				0 0 10px 0;
	background:				url('/images/startpage/2_0metal.png') 355px -5px no-repeat;
}

#logo .glow {
	display:				none;
	width:					460px;
	height:					122px;
	background:				url('/images/startpage/2_0glow.png') 355px -5px no-repeat;
	will-change:			opacity;
}

div#content {
	position:				relative;
	width:					705px;
	margin:					0 auto;
	min-height:				450px;
	padding:				28px 0 28px 0;
}

div#inner {
	padding:				10px 30px 20px 35px;
	margin-bottom:			90px;
}
div#innerLogin {
	width:					365px;
	padding:				10px 10px 20px 35px;
}

div#container, div#containerTop, div#containerBottom {
	width:					823px;
	height:					270px;
}

div#container {
	background:				url('../images/startpage/container-bg.jpg') repeat-y center top;
	height:					auto;
}

div#containerTop {
	position:				absolute;
	background:				url('../images/startpage/container-top.png') no-repeat;
	margin:					-15px 0 0 -3px;
}

div#containerBottom {
	background:				url('../images/startpage/container-bottom.png') no-repeat;
	margin:					-215px 0 0 -4px;
}

/* {{{ Footer */
div#footer { margin: -30px auto 0 auto; width: 730px; padding: 5px; font-weight: bold; }
div#footer .inner { position: relative; padding: 8px 0 0 240px; color: #59595B; font-size: 12px; text-align: center; }
div#footer a.innogames_logo { background: url("../images/innogames-logo.png") no-repeat; width: 175px; height: 22px; margin: 10px 0 0 -185px; float: left; text-indent: -9999px; }
div#footer a.innogames_logo:hover { background-position: 0 -22px; }
div#footer p { padding: 0 15px 9px 15px; text-align: center; }
div#footer a { color: #FFFFFF; text-shadow: #000 1px 1px 1px; }
/* End Footer }}} */

#cookie-notice {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 3px 5px;
	background-color: rgba(0, 0, 0, 0.9);
	color: #59595B;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#cookie-notice > * {
	display: inline-block;
	text-align: left;
}

#cookie-notice-accept-btn {
	margin-left: 5px;
	border: 1px solid #59595B;
	padding: 0 20px;
	line-height: 20px;
	cursor: pointer
}

#cookie-notice a {
	color: #FFFFFF;
	text-shadow: #000 1px 1px 1px;
}

/**
 * INDEX PAGE
 */
div#playForFree {
	position:				absolute;
	width:					747px;
	height:					51px;
	left:					-19px;
	margin:					-10px 0 0 0;
	cursor:					pointer;
	z-index:				2;
}

.oneClickRegistration #content {
	min-height: 475px;
}

.oneClickRegistration #playForFree {
	display:none;
}

.oneClickRegistration div#additional {
	display: none;
}

div#container div#general, div#container div#additional {
	position:				relative;
	width:					708px;
	height:					240px;
	top:					-6px;
	right:					11px;
}

div#container div#additional {
	height:					auto;
	margin:					0 auto;
	top:					0;
	left:					0;
	padding:				28px 0 0 0;
}

/**
 * Top container left
 */
div#description {
	position:				absolute;
	background:				url('../images/startpage/description.png') no-repeat;
	width:					316px;
	height:					105px;
	top:					2px;
	left:					38px;
	text-align:				center;
	padding-top:			5px;
	color:					#392918;
}

div#description h1 {
	-moz-user-select:		none;
	font-size:				16px !important;
	font-family:			helvetica !important;
	font-weight:			bold;
	height:					4em;
	padding:				7px 10px 12px 24px;
	overflow:				hidden;
	cursor:					default;
}

div#tour {
	position:				absolute;
	width:					272px;
	height:					137px;
	top:					110px;
	left:					63px;
	cursor:					pointer;
}

/**
 * Login
 */
div#login {
	position:				absolute;
	left:					408px;
	width:					303px;
	top:					22px;
	z-index:				1;
}
form#loginForm {
	background:				url('../images/startpage/login/login-form-background.png') no-repeat;
	width:					305px;
	height:					181px;
}
.oneClickRegistration form#loginForm {
	background:				url('../images/startpage/oneclickreg/formbg.png?2') no-repeat;
	height:					410px;
	padding-bottom:			8px;
}
.oneClickRegistration #userLogin, #userOneClickRegister {
	display:				none;
}
.oneClickRegistration #userOneClickRegister {
	display:				block;
	margin: 0 10px 5px 35px;
}
#userOneClickRegister h2 {
	margin:0;
	padding-top:15px;
}
#inputAGBAccept_1c, #inputEmailsOptin_1c {
	margin-top:5px;
}

#oneClickRegAvatargenEmailsOptinPrivacy {
	display: none;
}
.avatar #oneClickRegNormalEmailsOptinPrivacy {
	display: none;
}
.avatar #oneClickRegAvatargenEmailsOptinPrivacy {
	display: inline;
}

form#loginForm div#cookieLogged {
	padding:				15px 10px 10px 20px
}
div#cookieLogged div#howdy {
	font-size:				15px;
	font-weight:			bold;
}

#registrationButton_1c {
	position:absolute;
	z-Index:10;
	width:					245px;
	height:					60px;
	cursor:					pointer;
	left:					62px;
	top:					395px;
	display:				none;
}

.oneClickRegistration #registrationButton_1c {
	display:block;
}

#oneClickAlreadyRegistered, .oneClickRegistration #userOptions {
	display:none;
}
.oneClickRegistration #oneClickAlreadyRegistered {
	display:block;
	margin-top:15px;
}

/* worlds */
div#worldsPopup {
	position:				fixed;
	width:					500px;
	height:					430px;
	margin:					0 0 0 -250px;
	top:					150px;
	z-index:				1000;
	left:					50%;
}
div#worldsPopup div#worldsWrapper {
	background:				url('../images/startpage/world/world-background.png') no-repeat;
	width:					430px;
	height:					345px;
	padding:				40px 40px 40px 35px;
	text-align:				center;
}

div#worldsWrapper div#closeWorlds {
	position:				absolute;
	width:					30px;
	height:					30px;
	top:					63px;
	right:					5px;
	cursor:					pointer;
}

div#worldsWrapper div#selectWorldText {
	text-align:				left;
	font-weight:			bold;
	margin:					0 0 10px 0;
}

div#worldsWrapper div#allWorlds {
	width:					420px;
	height:					325px;
	overflow:				auto;
}

div.worlds-row { text-align: left; }
div.worlds-row h2 {
	font-size:				12px;
	display:				block;
	padding:				12px 0 0 0;
	text-align:				left;
	clear:					both;
	height:					22px;
	background: url(/images/startpage/betweener.png) 13px 0px no-repeat;
}

a.worldButton, a.worldButtonInactive {
	-moz-user-select:		none;
	position:				relative;
	background:				url('../images/startpage/world/world-button.png') no-repeat;
	width:					152px;
	color:					#000000;
	height:					40px;
	display:				inline-block;
	line-height:			33px;
	padding:				0 0 0 38px;
	margin:					0 5px 0;
	cursor:					pointer;
	font-weight:			bold;
	text-align:				left;
	font-size:				13px;
	float:					left;
}

a.worldButton:hover, a.worldButtonInactive:hover, a.worldButton:focus, a.worldButtonInactive:focus {
	background:				url('../images/startpage/world/world-button-hover.png') no-repeat;
	text-decoration:		none;
}
a.worldButtonInactive {
	background:				url('../images/startpage/world/world-button-inactive.png') no-repeat;
}

/* throbber */
div.throbber {
	-moz-user-select:		none;
	position:				relative;
	text-align:				center;
	font-size:				16px;
	font-weight:			bold;
	display:				none;
}
div.throbber img { margin: 0 10px 0 0; }
div#worldsPopup div.throbber { top: 85px; }
form#loginForm div#loginThrobber { top: 50px; opacity: 0; }

/* login */
#loginButton {
	-moz-user-select:		none;
	position:				absolute;
	width:					247px;
	height:					65px;
	cursor:					pointer;
	top:					132px;
	right:					1px;
	z-index:				2;
}

.oneClickRegistration #loginButton {
	display:				none
}

div#subLogin {
	background:				url('../images/startpage/login/login-sub.png') no-repeat;
	width:					179px;
	height:					62px;
	margin:					7px 0 0 120px;
	padding:				3px;
}

div#subLogin div {
	-moz-user-select:		none;
	position:				absolute;
	font-size:				12px;
	padding:				9px 10px 2px 22px;
	height:					30px;
	overflow:				hidden;
}

input.loginUsername, input.loginPassword, input.inputLayout {
	border:					0;
	background:				url('../images/startpage/login/login-input.jpg') no-repeat top;
	width:					209px;
	height:					21px;
	font-weight:			bold;
	padding:				4px;
}
#userOneClickRegister input.loginUsername:focus,
#userOneClickRegister input.loginPassword:focus, #userOneClickRegister input.inputLayout:focus {
	border:1px solid #cc7700
}

input.inputLayout { background:	url('../images/startpage/input.png') no-repeat top; }
input.loginPassword { background-position: bottom; }

form#loginForm div#inputUsername, form#loginForm div#inputPassword, form#loginForm div#inputCookie {
	position:				absolute;
	left:					29px;
}

form#loginForm div#inputUsername {
	position:				absolute;
	top:					10px;
}

#loginForm div#inputPassword {
	top:					60px;
}

#loginForm div#inputCookie {
	top:					112px;
}
#loginForm div#facebook_connect {
	position:				absolute;
	top:					116px;
	left:					220px;
}

#loginForm span {
	-moz-user-select:		none;
	cursor:					default;
}

/* checkbox */
a.checkbox {
	background:				url('../images/startpage/checkbox.png') no-repeat;
	display:				inline-block;
	width:					16px;
	height:					17px;
	border:					0;
	cursor:					pointer !important;
}
a.checkbox:focus {
	outline:				1px dotted #000 !important;
}
a.checked {
	background:				url('../images/startpage/checkbox-active.png') no-repeat;
}

/**
 * Additional navigation
 */
div#links { padding: 20px 5px; margin: 0 auto; font-weight: bold; text-align: center; font-size: 12px; }
div#links a { padding: 2px 4px; border-radius: 4px; }

/**
 * News
 */
div#newsContainer { padding: 0 0 0 15px; }
div.news { position: relative; margin: 0 0 20px 0; min-height: 68px; width: 530px; left: 20px; }
div.news div.title, div.news div.message { margin: 0 0 0 80px; }
div.news div.title { padding: 0 0 2px 0; border-bottom: 1px solid #000000; }

div.news div.image { float: left; background: url('../images/startpage/news.png') no-repeat; width: 80px; height:	68px; }
div.title div.subject { font-weight: bold; }
div.title div.date { font-size: 11px; }
div.news a, div.registCheckbox label a { font-weight: bold; }

/**
 * Tour
 */
div#blackout {
	position:				fixed;
	background:				#000000;
	height:					100%;
	width:					100%;
	top:					0;
	left:					0;
	opacity:				0.7;
	z-index:				999;
}

div#popup_container div#tourPopup, div#tourPopup div#tourWrapper {
	width:					719px;
	height:					461px;
}

div#popup_container div#tourPopup {
	position:				fixed;
	margin:					0 0 0 -360px;
	top:					150px;
	left:					50%;
	z-index:				1000;
}

div#tourPopup div#tourWrapper {
	background:				url('../images/startpage/tour/tour-background.png') no-repeat;
}

div#tourPopup div#closeTour {
	position:				absolute;
	width:					30px;
	height:					30px;
	top:					67px;
	right:					12px;
	cursor:					pointer;
}

div#tourPopup div#tourDescription {
	-moz-user-select:		none;
	position:				absolute;
	width:					593px;
	height:					43px;
	text-align:				center;
	font-size:				15px;
	font-weight:			bold;
	color:					#FFFFFF;
	left:					58px;
	bottom:					78px;
	padding:				8px 8px 12px 8px;
	z-index:				12;
	overflow:				hidden;
	cursor:					default;
}
div#tourPopup div#tourDescription a { color: #C2C2C2; text-decoration: underline; }
div#tourPopup div#tourDescription a:hover { color: #FFFFFF; }

div#tourPopup div#tourImage {
	-moz-user-select:		none;
	position:				absolute;
	width:					605px;
	height:					300px;
	left:					50px;
	top:					35px;
	z-index:				11;
	text-align:				center;
}

div#tourPopup div#tourNext, div#tourPopup div#tourPrev {
	position:				absolute;
	width:					120px;
	height:					60px;
	z-index:				12;
	cursor:					pointer;
	bottom:					30px;
}

div#tourPopup div#tourNext {
	right:					8px;
}

div#tourPopup div#tourPrev {
	left:					8px;
}

/**
 * Registration
 */
 div#popup_container div#registrationPopup, div#registrationPopup div#registrationWrapper {
	width:					686px;
	height:					622px;
}

div#popup_container div#registrationPopup {
	position:				fixed;
	margin:					0 0 0 -343px;
	top:					150px;
	left:					50%;
	z-index:				1000;
}

div#registrationPopup div#registrationWrapper {
	background:				url('../images/startpage/registration/registration-bgr.png?2') no-repeat;
}

div#registrationPopup div#closeRegistration {
	position:				absolute;
	width:					30px;
	height:					30px;
	top:					74px;
	right:					5px;
	cursor:					pointer;
}

div#registrationPopup div#registForm, div#registrationPopup div#awards {
	position:				absolute;
}

div#registrationPopup div#registForm {
	width:					255px;
	top:					40px;
	left:					48px;
	line-height:			1.2;
}

div#registrationLeft div {
	padding:				2px 0 0 0;
}

div#registForm span, div#registForm label, div#awards span, div#awards h1, div#awards div {
	-moz-user-select:		none;
	cursor:					default;
}

div#registrationPopup div#awards {
	width:					295px;
	height:					370px;
	top:					50px;
	left:					335px;
	overflow-y:				auto;
}

div#registrationPopup div#registrationButton {
	position:				absolute;
	background:				url('../images/startpage/lang/de/registrationButton.png') no-repeat;
	width:					245px;
	height:					73px;
	cursor:					pointer;
	left:					19px;
	top:					480px;
	z-index:				1000;
}

div#registrationPopup a#switchRegistModus {
	position:				absolute;
	top:					320px;
	left:					0;
	width:					215px;
	font-weight:			bold;
	display:				block;
	text-align:				center;
}

input#registUsername, input#registPassword, input#registRepeatPassword, input#registEmail {
	border:					0;
	background:				url('../images/startpage/registration/registration-input.jpg') no-repeat top;
	width:					209px;
	height:					21px;
	font-weight:			bold;
	padding:				4px;
}
input#registPassword { background-position: center -29px; }
input#registRepeatPassword { background-position: center -58px; }
input#registEmail { background-position: center -87px; }

div#registForm div.registCheckbox {
	padding:				5px 0 0 2px;
}

div.registCheckbox a#agbAccept, div.registCheckbox a#emailsOptin {
	float:					left;
	margin-top:				15px;
}
div.registCheckbox label {
	padding:				0 0 0 25px;
	margin-top:				10px;
	display:				block;
}

/**
 * Registration awards
 */
div.award img.fl {
	float:					left;
}

div.award {
	padding:				0 0 15px 0;
}

div.award img {
	padding:				0 10px 0 0;
}

div.award h1 {
	color:					#000000;
	font-size:				12px;
	border:					none;
	font-weight:			bold;
}

div.award span {
	font-size:				10px;
}

/**
 * BUTTON - COPIED FROM CORE.CSS
 * @TODO: remove copy'n'paste or create a own button design for start page
 */
a.button_wrap {
	text-align: center;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
	margin: 2px 2px 2px 2px;
	display: inline-block;
	vertical-align:	middle;
}

.button_wrap:visited, .button_wrap:link {
	color: #fff;
}

a.button_wrap .button_left {
	float:left ;
	background-image: url('../images/button/left_normal.png');
	width: 9px ;
	height: 25px ;
}

a.button:hover .button_left {
	background-image: url('../images/button/left_hover.png');
}

a.button:active .button_left, a.button_grey .button_left {
	background-image: url('../images/button/left_grey.png');
}

a.button_wrap .button_middle {
	color: #FFF;
	float:left ;
	padding:0px 4px 0 4px ;
	height: 25px ;
	background-image: url('../images/button/middle_normal.png');
	line-height: 22px;
}

a.button:hover .button_middle {
	background-image: url('../images/button/middle_hover.png');
}

a.button:active .button_middle, a.button_grey .button_middle {
	background-image: url('../images/button/middle_grey.png');
}

a.button_wrap .button_right {
	background-image: url('../images/button/right_normal.png');
	width: 9px ;
	height: 25px ;
	float: left ;
}

a.button:hover .button_right {
	background-image: url('../images/button/right_hover.png');
}

a.button:active .button_right, a.button_grey .button_right {
	background-image: url('../images/button/right_grey.png');
}

/**
 * "button start" on the right bottom
 */
.startPageButton {
	position:				absolute;
	margin-bottom:			40px;
	bottom:					0;
	right:					170px;
}

/**
 * Logout page
 */
#logoutContent .advertising {
	margin:					20px auto;
	text-align:				center;
}

#logoutContent .text {
	font-weight: bold;
	margin: 15px;
	text-align: center;
	font-size: 15px
}

#logoutContent .notice {
	color:					#fff;
	position:				absolute;
	top:					0px;
	width:					100%;
	margin:					0;
}

#logoutContent .crossmarketing {
	text-align:				center;
	width:					100%;
	font-weight:			bold;
	margin:					20px auto 100px auto;
}

/**
 * Change password
 */
div#requestPasswordErrorBox {
	padding:				10px 0 0 0;
	font-weight:			bold;
}

/**
 * Misc
 */
div#confirm_error {
	float:					left;
	padding-left:			120px;
	font-size:				14px;
	color:					maroon;
	font-weight:			bold;
}

#marketingcampaign {
	width:300px;
	margin:45px;
	margin-top:20px;
	position:absolute;
}

#validation_status {
	width: 300px;
	margin: 70px;
	margin-top: 70px;
	position: absolute;
	font-weight: bold;
	text-align: center;
}

#ban_reason {
    white-space: pre-line;
}

/* awards on the top of the page */
#topawards {
	position:				absolute;
	width:					147px;
	height:					82px;
	top:					45px;
	left:					625px;
	z-index:				12;
	background:				url('/images/startpage/award-goty.png') no-repeat;
}

#flashplayer {
	height: 342px;
	width: 564px;
	margin:0px auto;
	background:url(/images/border/player_frame2.png);
	text-align:center;
}
#flashplayer a {
	display:block;
	width:552px;
	height:330px;
	padding-top:6px;
	margin:40px auto;
}
#avatargen_start {
	margin-top: 92px;
	margin-left: 38px;
	height: 351px;
	width: 380px;
	position:relative;
	z-index:10;
	background: url('/images/startpage/avatar_startseite.png?8');
}
.avatar_overlay {
	width:150px;
	height:170px;
	background: url('/images/startpage/avatar_overlay.png');
}
#avatargen_background {
	position: relative;
	top: 251px;
	left: 258px;
	height: 74px;
	width: 68px;
	cursor:pointer;
}

#avatargen_pic {
	position: absolute;
	top: 36px;
	left: 224px;
	height: 170px;
	width: 150px;
}
div.avatar_pic{
	display: block;
}
#bg_backward {
	position: absolute;
	top: 260px;
	left: 241px;
	height: 50px;
	width: 15px;
	cursor: pointer;
}
#bg_forward {
	position: absolute;
	top: 260px;
	left: 325px;
	height: 50px;
	width: 15px;
	cursor: pointer;
}
#avatargen_randomize {
	cursor: pointer;
	height: 22px;
	left: 282px;
	position: absolute;
	top: 216px;
	width: 25px;
}
.avatargen_description {
	color: #FFF;
	padding-bottom: 6px;
	text-align: center;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
#avatargen_description_container {
	position: absolute;
	left: 25px;
	top: 32px;
	width: 107px;
	height: 350px;
	text-align: center;
	font-size:8pt;
}
#avatargen_gender_picker {
	position: absolute;
	left:16px;
	top:2px;
	height:26px;
	width: 230px;
}
#avatargen_pick_female {
	float: left;
	color:#a99;
	text-align: center;
	line-height: 26px;
	vertical-align: middle;
	height: 26px;
	width: 110px;
	cursor:pointer;
}
#avatargen_pick_male {
	float: right;
	text-align: center;
	line-height: 26px;
	vertical-align: middle;
	color:#a99;
	height: 26px;
	width: 100px;
	cursor:pointer;
}
#avatargen_pick_white {
	position: absolute;
	top: 3px;
	left: 259px;
	height:22px;
	width:26px;
	cursor: pointer;
}
#avatargen_pick_brown {
	position: absolute;
	top: 3px;
	left: 290px;
	height:22px;
	width:26px;
	cursor: pointer;
}
#avatargen_pick_black {
	position: absolute;
	top: 3px;
	left: 321px;
	height:22px;
	width:26px;
	cursor: pointer;
}
#avatargen_picker_container {
	position: absolute;
	left:150px;
	height: 305px;
	width: 64px;
	top:32px;
}
#avatargen_picker_container .forward {
	float:right;
	margin-top:2px;
	margin-bottom: 5px;
	height:24px;
	width: 30px;
	cursor:pointer;
}
#avatargen_picker_container .backward {
	float:left;
	margin-left:1px;
	margin-top:2px;
	margin-bottom: 5px;
	height:24px;
	width: 30px;
	cursor:pointer;
}
.hover_undo {
	background: url(/images/startpage/undo.png);
	cursor: pointer;
}
.hover_forward {
	cursor: pointer;
	background: url(/images/startpage/redo.png);
}
#avatargen_hover_undo {
	position: absolute;
	top: 220px;
	left: 232px;
	width: 33px;
	height: 20px;
}
#avatargen_hover_redo {
	position: absolute;
	top: 220px;
	left: 324px;
	width: 33px;
	height: 20px;
}
.pick_something {
	margin-top: 4px;
	margin-left: 3px;
	background:url(/images/startpage/hover_skin.png) no-repeat;
}
#avatargen_picker_container .none.forward, #avatargen_picker_container .forward:active {
	cursor:default;
	background:url(/images/startpage/arrow_r.png);
}
#avatargen_picker_container .none.backward, #avatargen_picker_container .backward:active {
	cursor:default;
	background:url(/images/startpage/arrow_l.png);
}


/* popups */
div#popup_container div#featuresPopup, div#featuresPopup div#featuresWrapper {width:664px; height:461px;}
div#popup_container div#mediaPopup, div#mediaPopup div#mediaWrapper {width:666px; height:437px;}

div#featuresPopup div#featuresWrapper {background:url('../images/startpage/popup-background.png') no-repeat;}
div#mediaPopup div#mediaWrapper {background:url('../images/startpage/media-bg.png') no-repeat; position:relative; z-index:3;}

div#popup_container div#featuresPopup, div#popup_container div#mediaPopup {
	position:				fixed;
	margin:					0 0 0 -360px;
	top:					150px;
	left:					50%;
	z-index:				1000;
}


div#featuresPopup ul {position:absolute; right:35px; width:335px; top:25px;}
div#featuresPopup ul li {font-weight:bold; margin:13px;}
div#featuresPopup #featuresText {position:absolute; left:50%; margin-left:-150px; text-align:center; font-weight:bold; color:#fff; font-size:15pt; width:300px; top:370px;}
div#featuresPopup #closeFeatures {position:absolute; right:0px; width:10px; height:30px; top:65px; cursor:pointer; width:30px;}

.avatar #content {background:url(/images/startpage/ab-background.png) 0 24px no-repeat transparent;}

div#mediaPopup .popup-tabs {z-index:1; width:155px; height:75px; background:url(/images/startpage/tab.png) 0 0; left:50px; padding-top:15px; position:absolute; text-align:center; top:-30px; cursor:pointer; font-weight:bold;}
div#mediaPopup .active-tab {z-index:2; top:-60px; padding-top:30px;}
div#mediaPopup #mediaContent {padding-top:15px; width:640px; text-align:center;}
div#mediaPopup #mediaContent .scenes {margin-top:12px; margin-left:-15px;}
div#mediaPopup #mediaContent #tourdesc {width:570px; height:50px; text-align:center; font-weight:bold; color:#fff; position:absolute; top:323px; left:40px; z-index:2;}
div#mediaPopup #closeMedia {position:absolute; right:13px; width:10px; height:30px; top:65px; cursor:pointer; width:30px;}
div#mediaPopup #tour-prevpage {position:absolute; width:135px; height:50px; left:-40px; top:368px; cursor:pointer;z-index:2;}
div#mediaPopup #tour-nextpage {position:absolute; width:135px; height:50px; right:-17px; top:368px; cursor:pointer; z-index:2;}
div#mediaPopup #media-fingerboard {background: url(/images/startpage/media-wood.png); width:719px; height: 126px; position:absolute; top:312px; left:-40px;}

.avatar form#loginForm {
	background-image:none;
	height:267px;
}

.avatar div#login {
	left:30px;
	top:107px;
}

.avatar #oneClickRegNormalHead {
	display:none;
}

.avatar #oneClickRegAvatargenHead {
	display:block;
}

#oneClickRegAvatargenHead {
	display:none;
}

.avatar .showLoginButton #registrationButton_1c {
	display:none;
}

.avatar .showLoginButton #loginButton {
	display:block;
	top:60px;
	left:0px;
}

.showLoginButton #subLogin {
	display:none;
}

.avatar #registrationButton_1c {
	top:390px;
	left:440px;
}

.avatar #subLogin {
	position:absolute;
	top:420px;
	left:370px;
}

#avatargen_maincontainer {
	 position:absolute;
	 height:370px;
	 top:70px;
}

.avatar #avatargen_maincontainer {
	left: 298px;
	top: 65px;
}

.avatar #inputUsername_1c {
	margin-top:10px;
}

.offline {
	color:red;
}
.online {
	color:green;
}
div.world_row {
	width: 395px;
	z-index:15;
	font-family: Verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	line-height: 13px;
	vertical-align: middle;
}
div.world_row .world {
	position: relative;
	float: left;
	width: 190px;
}
div.world_row .name {
	line-height: 45px;
	border: none;
	font-size: 13px;
	font-weight: bold;
	width: 170px;
	cursor: pointer;
	background: url(/images/startpage/world-button-bg.png);
	width: 160px;
	height: 50px;
	padding-left: 40px;
}
div.world_row .name.inactive {
	background: url(/images/startpage/world-button-bg-inactive.png);
}
div.world_row .name:hover, div.world_row .name:focus {
	background: url(/images/startpage/world-button-bg-hover.png);
}
div.world div.description {
	width: 70px;
	float:left;
	font-weight: bold;
}

.reg-error-msg {
	margin-top: 5px;
	margin-left: 10px;
	font-size: 12px;
}

p.start_error {
	width: 300px;
}