/* -- LOGIN */
form#loginBox{
	color: #222;
	border:0.2vw solid white;
	background-color: rgba(245, 245, 245, 0.5); /*whitesmoke*/
	display:block;
	width: 70vw;
	min-height:45vw;
	/*border-bottom-left-radius: 1vw;
	border-bottom-right-radius: 1vw;*/
	box-shadow: 0 0.2vw 0.8vw #BBBBBB;
	margin:auto;
	margin-bottom: 4vw;
	padding:2vw 5vw 1vw 5vw;
	margin-top:13vw;
	text-align:center;
	
}
	input.loginUser,
	input.loginPass,
	input.loginCaptcha{	
		background-color:white;
		background-image:url('../-img/options/user.png');
		background-size: 6vw;
		background-repeat: no-repeat;
		background-position: 1vw;
		text-align:center;
		border: 0.1vw solid #bbb;
		border-radius: 0.4vw;
		font-size:4.5vw;
		height:9vw;
		padding:0.2vw;
		width: 65vw;
		display:block;
		margin:4vw auto;
		color: #aaa;
		font-family:verdana;
		transition: border-color 0.3s, background-color 0.3s, color 0.3s;
	}
	input.loginPass{
		background-image:url('../-img/options/key.png');
	}
	input.loginCaptcha{
		background-image:none;
		width: 40vw;
	}
		input.loginUser:focus,
		input.loginPass:focus,
		input.loginCaptcha:focus{
			border-color:gray;
			background-color:whitesmoke;
			color: black;
		}
		input.loginUser:invalid,
		input.loginPass:invalid,
		input.loginCaptcha:invalid{
			box-shadow:none;
		}
		input.loginUser:valid,
		input.loginPass:valid,
		input.loginCaptcha:valid{
			color:darkgreen;
		}
	loginStay{
		font-size: 3.5vw;
		/*cursor:pointer;*/
	}
	input.loginSubmit{
		font-style: normal;
		display:block;
		font-size:4.5vw;
		border-radius: 0.4vw;
		background: royalblue;
		text-align:center;
		width:40vw;
		/*height:9vw;*/
		color:white;
		padding:3vw 1vw;
		border:0.2vw solid white;
		text-decoration:none;
		text-shadow: none;
		transition: text-shadow 0.3s, border-color 0.3s;
		margin: 6vw auto;
		cursor:pointer;
	}
		input.loginSubmit:hover{
			text-shadow: 0 0.2vw 0.2vw #fff;
			border-color:powderblue;
		}
a.languageSelect{
	font-size: 4vw;
	display:block;
	position:fixed;
	top:0;
	right:0;
	margin:2vw 3vw 0 0;
	padding-left:5vw;
	background-size: 4vw;
	background-repeat: no-repeat;
	background-position:0px;
	background-image:url('../-img/lang2.png');
}

/* DESKTOP VIEW MODIFICATIONS */
@media all and (min-device-width: 640px) and (min-width: 960px) and (orientation: landscape ){

form#loginBox{
	color: #222;
	border:2px solid white;
	background-color: rgba(245, 245, 245, 0.5); /*whitesmoke*/
	display:block;
	width: 350px;
	min-height:300px;
	/*border-bottom-left-radius: 1vw;
	border-bottom-right-radius: 1vw;*/
	box-shadow: 0 1px 4px #BBBBBB;
	margin:auto;
	margin-bottom: 10px;
	padding:20px 50px 10px 50px;
	margin-top:23px;
	text-align:center;
}
	input.loginUser,
	input.loginPass,
	input.loginCaptcha{	
		background-color:white;
		background-image:url('../-img/options/user.png');
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: 2px;
		text-align:center;
		border: 1px solid #bbb;
		border-radius: 4px;
		font-size:14px;
		height:25px;
		padding:2px;
		width: 200px;
		display:block;
		margin:7px auto;
		color: #aaa;
		font-family:verdana;
		transition: border-color 0.3s, background-color 0.3s, color 0.3s;
	}
	input.loginPass{
		background-image:url('../-img/options/key.png');
	}
	input.loginCaptcha{
		background-image:none;
		width: 80px;
	}
		input.loginUser:focus,
		input.loginPass:focus,
		input.loginCaptcha:focus{
			border-color:gray;
			background-color:whitesmoke;
			color: black;
		}
		input.loginUser:invalid,
		input.loginPass:invalid,
		input.loginCaptcha:invalid{
			box-shadow:none;
		}
		input.loginUser:valid,
		input.loginPass:valid,
		input.loginCaptcha:valid{
			color:darkgreen;
		}
	loginStay{
		display:block;
		margin-top:15px;
		font-size: 12px;
		/*cursor:pointer;*/
	}
	input.loginSubmit{
		font-style: normal;
		display:block;
		font-size:14px;
		border-radius: 4px;
		background: royalblue;
		text-align:center;
		width:180px;
		color:white;
		padding:3px 10px;
		border:1px solid white;
		text-decoration:none;
		text-shadow: none;
		transition: text-shadow 0.3s, border-color 0.3s;
		margin: 25px auto;
		cursor:pointer;
		height:40px;
	}
		input.loginSubmit:hover{
			text-shadow: 0 1px 1px #fff;
			border-color:powderblue;
		}
		
a.languageSelect{
	font-size: 14px;
	display:block;
	position:fixed;
	top:0;
	right:0;
	margin:10px 10px 0 0;
	padding-left:20px;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position:0px;
	background-image:url('../-img/lang2.png');
}


}
/* \- LOGIN */