/* - - - RENDSZER ÜZENETEK FELÜLÍRÁSA - - - */
.ADMIRAL-UZENET {
	width: 350px;

	padding: 10px;
	margin: 0px auto;

	font-size: 12px;
	text-align: center;

	border-radius: 2px;
}
.ADMIRAL-UZENET .tartalom { height: auto; }

.ADMIRAL-UZENET .szoveg { width: auto; padding: 0px; }
.ADMIRAL-UZENET .bezaras { position: static; display: inline-block; width: auto; text-align: center; text-decoration: underline; margin-top: 8px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* - - - OLDAL - - - */
body {
	width: 100%;
	min-width: 380px;

	background: black url('/images/login_bglight.png') no-repeat center top;
}
body[data-beta] { background-image: url('/images/beta/login_bglight.png'); }
#LOGIN-container {
	width: 380px;
	margin: 0px auto;
	padding-top: 123px;
}

/* - - - LOGO - - - */
#LOGIN-logo {
	position: relative;
	display: block;

	width: 374px;
	height: 136px;

	overflow: hidden;

	margin: 0px auto;
	margin-bottom: 25px;
}
#LOGIN-logo a { display: block; }
#LOGIN-logo .ikon {
	display: block;
	position: absolute;

	top: 0px;
	left: 0px;

	width: 374px;
	height: 136px;

	background-image: url('/images/admiral_logo_sprite.png');
	background-repeat: no-repeat;
}

#LOGIN-logo .ikon.kor1 { background-position: 0px 0px; }
#LOGIN-logo .ikon.kor2 { background-position: 0px -136px; }
#LOGIN-logo .ikon.logo { background-position: 0px -272px; }
#LOGIN-logo .beta {
	display: none;
	position: absolute;

	top: 84px;
	right: 0px;

	width: 71px;
	height: 18px;

	background: url('/images/beta/beta_ikon.png') no-repeat 0px 0px;
}
body[data-beta] #LOGIN-logo .beta { display: block; }

/* logo animáció */
#LOGIN-logo .ikon.kor1 {
	animation: logo_animation_kor1 10s linear 0s infinite;
	-webkit-animation: logo_animation_kor1 10s linear 0s infinite;
}
@keyframes logo_animation_kor1 {
	0% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
}
@-webkit-keyframes logo_animation_kor1 {
	0% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
}

#LOGIN-logo .ikon.kor2 {
	animation: logo_animation_kor2 8s linear 0s infinite;
	-webkit-animation: logo_animation_kor2 8s linear 0s infinite;
}
@keyframes logo_animation_kor2 {
	0% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
	100% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
}
@-webkit-keyframes logo_animation_kor2 {
	0% {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
	100% {
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
}

/* - - - FORM - - - */
#LOGIN-main {
	display: block;
	position: relative;

	width: 340px;

	padding: 0 20px;
	margin-top: 28px;
}
#LOGIN-main .main_szegely {
	display: block;
	position: absolute;

	top: 0px;
	left: 0px;

	width: 20px;
	height: 260px;

	background: url('/images/login_panelBG.png') no-repeat 0px 0px;
}
body[data-beta] #LOGIN-main .main_szegely { background-image: url('/images/beta/login_panelBG.png'); }
#LOGIN-main .main_szegely.jobb { background-position: -20px 0px; left: auto; right: 0px; }
#LOGIN-main .tartalom {
	display: block;

	width: 100%;
	height: 206px;

	padding-top: 54px;

	background: url('/images/login_panelBG.png') repeat-x 0px -260px;
}
body[data-beta] #LOGIN-main .tartalom { background-image: url('/images/beta/login_panelBG.png'); }

/* form elemek */
#LOGIN-main .input {
	display: block;

	width: 265px;
	height: 44px;

	margin: 0px auto;
	margin-bottom: 14px;
	padding: 0px 18px;

	background-color: #fff;

	border: 1px solid #1c293c;
	border-radius: 3px;
}
#LOGIN-main .input_szegely {
	display: block;

	width: 301px;
	height: 1px;

	margin: 0px auto;

	background: url('/images/login_input_shadow.png') no-repeat 0 0;
}
#LOGIN-main .input_szegely.lent {
	margin-top: -14px;
	margin-bottom: 14px;

	background-position: 0px -1px;
}

#LOGIN-main input[type="submit"] {
	display: block;

	width: 128px;
	height: 39px;

	margin: 0px auto;
	margin-top: 22px;

	text-align: center;
	color: #92b3ef;
	font-size: 14px;

	background: url('/images/login_gomb.png') no-repeat 0px 0px;
	cursor: pointer;
}
body[data-beta] #LOGIN-main input[type="submit"] { color: #C7F5A9; background-image: url('/images/beta/login_gomb.png'); }
#LOGIN-main input[type="submit"]:hover { background-position: 0px -39px; }
#LOGIN-main input[type="submit"]:active { background-position: 0px -78px; }

/* - - - COPYRIGHT LOGO - - - */
#LOGIN-copyright {
	display: block;

	width: 192px;
	height: 50px;

	margin: 0px auto;
	margin-top: 53px;
	margin-bottom: 20px;

	overflow: hidden;
}
body[data-beta] #LOGIN-copyright { background: url('/images/beta/webabstract-copyright-logo.png') no-repeat center center; }
body[data-beta] #LOGIN-copyright img { visibility: hidden; }