/* LOGIN BAR */
.loginForm {
	border: 0px;
	margin: 0px 0px 0px 25px;
	width: 250px;
	height: 216px;
}

.loginFormTextFields {
	background: url('/st/img/login_pass_form.png') no-repeat top right;
	width: 250px;
	height: 115px;
}

.loginFormText {
	border: 0px;
	background: url('/st/img/blank.gif');
	height: 20px; 
	width: 129px; 
	margin: 46px 0 0 74px;
	font-weight: bold;
	position: absolute;
	z-index:150;
}

.loginFormPass {
	border: 0px;
	background: url('/st/img/blank.gif');
	height: 20px; 
	width: 129px; 
	margin: 89px 0 0 74px;
	position: absolute;
	z-index:150;
}

.loginFormButtonFields {
	background: url('/st/img/play.png') no-repeat 0 0;
	height: 51px;
	display: block;
}

.loginFormButtonFields:hover { 
	background: url('/st/img/play_1.png') no-repeat 0 0;
	cursor: pointer;
}

.loginFormRegFields {
	background: url('/st/img/registration_but.png') no-repeat 0 0;
	width: 250px;
	height: 50px;
	display: block;
	/*position: absolute;*/
	/*clear: both;*/
}

.loginFormRegFields:hover {
	background: url('/st/img/registration_but_a.png') no-repeat 0 0;
	cursor:pointer;
}


.loginFormRegFields2 {
	background: url('/st/img/reg_bottom_none.png') no-repeat 0 0;
	width: 182px;
	height: 60px;
	/*padding: 0px 150px 0px 0px;*/
	margin-left: 120px;
	display: block;
}

.loginFormRegFields2:hover {
	background: url('/st/img/reg_bottom_active.png') no-repeat 0 0;
	cursor:pointer;
}

.loginFormButton {
	border: 0px;
	background: url('/st/img/blank.gif');
	width: 180px; 
	height: 40px; 
	cursor: pointer;
	position: absolute;
	display: block;
}

.regFormButton {
	border:  0px;
	background: url('/st/img/blank.gif');
	width: 180px; 
	height: 40px; 
	cursor: pointer;
	position: absolute;
	display: block;
}

.rememberme {
	position: absolute;
	top: 111px;
	left: 112px;
	color: white;
	font: normal 10px Arial,sans-serif;
}

.check  { margin: 0; padding: 0; vertical-align: middle; margin-right:5px; }

.passRecovery {
	position: absolute;
	display: block;
	text-align: center; 
	top: 154px;
	left: 123px;
	color: white;
	font: normal 11px Arial,sans-serif;
	text-decoration: underline;
}

.passRecovery:hover { color: #F4FE54; text-decoration: none; }

/* new login and enter game bar */
.loginFormMini {
	border: 0px;
	margin: 30px 0px 0px 0px;
	width: 231px;
	height: 97px;
}

.loginFormButtonFieldsMini {
	background: url('/st/img/enter_game.png') no-repeat 0 0;
	height: 49px;
	display: block;
}

.loginFormButtonFieldsMini:hover { 
	background: url('/st/img/enter_game_active.png') no-repeat 0 0;
	cursor: pointer;
}

.loginFormRegFieldsMini {
	background: url('/st/img/reg_game.png') no-repeat 0 0;
	height: 48px;
	display: block;
}

.loginFormRegFieldsMini:hover {
	background: url('/st/img/reg_game_active.png') no-repeat 0 0;
	cursor:pointer;
}

.loginFormButtonMini {
	border: 0px;
	background: url('/st/img/blank.gif');
	width: 180px; 
	height: 40px; 
	cursor: pointer;
	position: absolute;
	display: block;
}

.regFormButtonMini {
	border: 0px;
	background: url('/st/img/blank.gif');
	width: 180px; 
	height: 40px; 
	cursor: pointer;
	position: absolute;
	display: block;
}

/* login bar (invisivble) */
.loginFormB { display:none; }

.loginFormBar {
	background: url('/st/img/login_bar.png') no-repeat top right;
	width: 176px;
	height: 179px;
	position:absolute;
	top:30px;
	margin: 0px 0px 0px 40px;
	z-index:100;
}

.registration {
	margin: 0;
	width: 236px;
	height: 254px;
}

.loginFormTextB {
	border: 0px;
	/*border: 1px solid red;*/
	background: url('/st/img/blank.gif');
	height: 20px; 
	width: 129px; 
	margin: 6px 0 0 24px;
	font-weight: bold;
	position: absolute;
	z-index:150;
}

.loginFormPassB {
	border: 0px;
	/*border: 1px solid red;*/
	background: url('/st/img/blank.gif');
	height: 20px; 
	width: 129px; 
	margin: 47px 0 0 24px;
	position: absolute;
	z-index:150;
}

.loginFormButtonFieldsB {
	width: 176px;
	height: 48px;
	margin: 0;
}

.loginFormButtonB {
	display: block;
	background: url('/st/img/login_game.png');
	width: 176px;
	height: 48px;
	cursor:pointer;
	margin: 0;
	border:0 none;
}

.loginFormButtonB:hover {
	display: block;
	background: url('/st/img/login_game_active.png');
	width: 176px;
	height: 48px;
	cursor: pointer;
	margin: 0;
}

.logClose {
	background: url('/st/img/reg_close.gif') no-repeat top left;
	margin: 0 0 0 160px;
	width: 14px;
	height: 17px;
	cursor: pointer;
	display: block;
}

.logAClose {
	display: block;
	width: 14px;
	height: 17px;
}

.remembermeB {
	position: absolute;
	top: 92px;
	left: 32px;
	color: white;
	font: normal 10px Arial,sans-serif;
}

.passRecoveryB {
	position: absolute;
	display: block;
	text-align: center; 
	top: 112px;
	left: 52px;
	color: white;
	font: normal 11px Arial,sans-serif;
	text-decoration: underline;
}

.loginB {
	margin: 0;
	width: 176px;
	height: 132px;
}

/* REGISTRATION (invisible) BAR */
.regFormD {display:none;}

.TB_overlay {
	position: fixed;
	z-index: 151;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
	-moz-opacity: 0.55;
	-khtml-opacity: 0.55;
	opacity: 0.55;
}

* html .TB_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}

.regForm {
	background: url('/st/img/backgrnd_reg_1.gif') no-repeat top;
	position: absolute;
	width: 236px;
	height: 302px;
	font: normal 12px "Arial",sans-serif;
	color: #BECCD5;
	z-index: 152;
	top:166px;
	left:50%;
	margin-left:-100px;
}

.registration {
	margin: 0;
	width: 236px;
	height: 254px;
}

.regLoginText {
	height: 15px; 
	width: 188px;
	margin: 22px 0 0 23px;
}

.regLoginFormText {
	border: 0px;
	background: url('/st/img/empty.gif');
	height: 15px; 
	width: 188px;
	margin: 3px 0 0 25px;
	font-weight: bold;
}

.regEmailText {
	background: url('/st/img/empty.gif');
	color: #BECCD5;
	height: 15px; 
	width: 188px;
	margin: 5px 0 0 23px;
}

.regEmailFormText {
	border: 0px;
	background: url('/st/img/empty.gif');
	height: 15px; 
	width: 188px;
	margin: 3px 0 0 25px;
	font-weight: bold;
}

.regPasswdText {
	background: url('/st/img/empty.gif');
	color: #BECCD5;
	width: 188px;
	height: 15px; 
	margin: 5px 0 0 23px;
	* margin: 3px 0 0 23px !important;
}

.regPasswdFormText {
	border: 0px;
	background: url('/st/img/empty.gif');
	width: 188px;
	height: 15px; 
	margin: 4px 0 0 25px;
}

.regPasswdConfirmText {
	background: url('/st/img/empty.gif');
	color: #BECCD5;
	width: 188px;
	height: 15px; 
	margin: 7px 0 0 23px;
	* margin: 4px 0 0 23px !important;
	}

.regPasswdConfirmFormText {
	border: 0px;
	background: url('/st/img/empty.gif');
	width: 188px;
	height: 15px; 
	margin: 3px 0 0 25px;
	}

.regConfirmText {
	background: url('/st/img/empty.gif');
	color: #99D5FB;
	margin: 25px 0 0 40px; 
	* margin: 20px 0 0 40px !important;
	}

.regAConfirmText {
	margin: 0;
	color: #99D5FB;
	}

.regAConfirmText:hover {
	color: white;
	text-decoration: none;
	}

.regConfirmFormText {
	width: 25px;
	height: 15px; 
	margin: 25px 0 0 20px;
	float:left;
}

.regPostFormButton {
	width: 236px;
	height: 47px;
	margin: 0;
}

.regAPostFormButton {
	display: block;
	background: url('/st/img/reg_button.gif');
	width: 236px;
	height: 48px;
	cursor:pointer;
	margin: 0;
}

.regAPostFormButton:hover {
	display: block;
	background: url('/st/img/reg_button_active.gif');
	width: 236px;
	height: 48px;
	cursor: pointer;
	margin: 0;
}

.regClose {
	background: url('/st/img/reg_close.gif') no-repeat top left;
	margin: 0 0 0 217px;
	width: 14px;
	height: 17px;
	cursor: pointer;
	display: block;
}

.regAClose {
	display: block;
	width: 14px;
	height: 17px;
}


/* REGISTRATION (visible) BAR */
.regFormMain {
	background: url('/st/img/backgrnd_reg_2.png') no-repeat top;
	width: 240px;
	height: 304px;
	font: normal 12px "Arial",sans-serif;
	color: #BECCD5;
	margin: -25px auto;
}

.registrationMain {
	margin: 0;
	padding: 7px 0 0 0;
	width: 240px;
	height: 240px;
}

.regLoginTextMain {
	height: 15px; 
	width: 188px;
	margin: 22px 0 0 23px;
	* margin: 28px 0 0 23px !important;
}

.regLoginFormTextMain {
	border: 0px;
	background: url('/st/img/empty.gif');
	height: 15px; 
	width: 188px;
	margin: 3px 0 0 25px;
	font-weight: bold;
}

.regEmailTextMain {
	background: url('/st/img/empty.gif');
	color: #BECCD5;
	height: 15px; 
	width: 188px;
	margin: 5px 0 0 23px;
}

.regEmailFormTextMain {
	border: 0px;
	background: url('/st/img/empty.gif');
	height: 15px; 
	width: 188px;
	margin: 3px 0 0 25px;
	* margin: 2px 0 0 25px !important;
	font-weight: bold;
}

.regPasswdTextMain {
	background: url('/st/img/empty.gif');
	color: #BECCD5;
	width: 188px;
	height: 15px; 
	margin: 5px 0 0 23px;
	* margin: 3px 0 0 23px !important;
}

.regPasswdFormTextMain {
	border: 0px;
	background: url('/st/img/empty.gif');
	width: 188px;
	height: 15px; 
	margin: 4px 0 0 25px;
}

.regPasswdConfirmTextMain {
	background: url('/st/img/empty.gif');
	color: #BECCD5;
	width: 188px;
	height: 15px; 
	margin: 7px 0 0 23px;
	* margin: 4px 0 0 23px !important;
}

.regPasswdConfirmFormTextMain {
	border: 0px;
	background: url('/st/img/empty.gif');
	width: 188px;
	height: 15px; 
	margin: 3px 0 0 25px;
}

.regConfirmTextMain {
	background: url('/st/img/empty.gif');
	color: #99D5FB;
	margin: 25px 0 0 40px;
}

.regAConfirmTextMain {
	margin: 0;
	color: #99D5FB;
}

.regAConfirmTexMaint:hover {
	color: white;
	text-decoration: none;
}

.regConfirmFormTextMain {
	width: 25px;
	height: 15px; 
	margin: 25px 0 0 20px;
	float:left;
}

.regPostFormButtonMain {
	width: 240px;
	height: 58px;
	margin: 0;
}

.regAPostFormButtonMain {
	display: block;
	background: url('/st/img/reg_button_2.png');
	width: 240px;
	height: 58px;
	cursor:pointer;
	margin: 0;
}

.regAPostFormButtonMain:hover {
	display: block;
	background: url('/st/img/reg_button_2_active.png');
	width: 240px;
	height: 58px;
	cursor: pointer;
	margin: 0;
}