/*****************************************************************
MP030608: Login- ja logout-tyylit 
cui/eapps/login/*
******************************************************************/

form, input, div {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

body#login-body {
 background:#ffffff top left no-repeat url(/common_ui/embed_ui/img/login/bg.jpg);
 padding:0;
}

body#login-body a { color:black; }

img#netland {
 position:absolute;
 bottom:8px;
 right:8px;
}

div.login-layout-wrapper,
div.phase2-layout-wrapper {
 margin:12% auto;
 width:350px;
 background-image: url('/common_ui/embed_ui/img/login/op40.png');
 text-align:left;
 font-size: 11px;
 position:relative;
 padding-bottom: 30px;
}

div#login-info-wrapper,
div#phase2-info-wrapper {
 text-transform: uppercase; 
 font-size: 11px;
 width: 80%;
 margin: auto;
 padding: 30px 0;
}

form#login-form,
form#phase2-form {
 line-height:100%;
 width:80%;
 margin: auto;
}

input.login-input {
 border:1px solid #808080;
 width:100%;
 margin-top:3px;
 font-size:130%;
}

form#login-form .button,
form#phase2-form .button {
 font-size: 11px;
 text-transform: uppercase;
}

input.button.login-button {  margin-top:4px; }

div.login-err {
 position:absolute;
 top:0;
 left:0;
 border-bottom:1px solid #808080;
 background-color:#ffffe1;
 width:100%;
 height:34px;
}

img#login-err-icon {
 margin:0px;
 vertical-align:middle;
}

div.logout-info-wrapper {
 margin:12% auto;
 width:350px;
 background-image: url('/common_ui/embed_ui/img/login/op40.png');
 text-align:left;
 font-size: 11px;
 position:relative;
 padding-bottom: 30px;
}

div#logout-info-cont { 
 width: 80%;
 margin: auto;
 padding-bottom: 20px;
}

@media (max-width: 479px) {

	div.login-layout-wrapper,
	div.phase2-info-wrapper {
	 margin:0;
	 width:100%;
	 font-size: 13px;
	}

	form#login-form .button,
	form#phase2-form .button {
	 font-size: 13px;
	 padding: 10px;
	}

	div.logout-info-wrapper {
	 margin:0;
	 width:100%;
	 font-size: 13px;
	}

}