/* standard text styles */
html, p, ol, body, td, th, .text, ul, li, input, select , textarea {
	color:#454545;
	font-family: 'Arial', sans-serif;
	font-size: 1.2rem;
}


/* custom text styles */
.login_small		{ font-size: 0.9rem; }


/* link styles */
a:link			{ color:#5e7ccb; text-decoration:none; }
a:visited		{ color:#5e7ccb; text-decoration:none; }
a:hover			{ color:#253f83; text-decoration:underline; }
a:active		{ color:#253f83; text-decoration:underline; }

a.login:link		{ color:#888888; text-decoration:none; }
a.login:visited		{ color:#888888; text-decoration:none; }
a.login:hover		{ color:#888888; text-decoration:underline; }
a.login:active		{ color:#888888; text-decoration:underline; }

.shw_tbl {
	height: 100%;
	width: 100%;
	display: table;
	position: absolute;
	padding:0px;
	box-sizing: border-box;
	
	background-image: url(../images/login_background.jpg); 
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed; 
	background-size: cover;	
}

.shw_cll {
	display: table-cell;
	text-align:center;
	vertical-align: middle;
}

.login_mask_header {
	padding-bottom:10px;
}
.input_login {
	width: 300px;
	padding:6px;
	text-align:center;
}
.input_login_button {
	width: 316px;
	padding:6px;
	border-radius:10px;
	text-align:center;	
}



@media screen and (max-width: 851px) and (orientation: portrait){
	/* standard text styles */
	html, p, ol, body, td, th, .text, ul, li, input, select , textarea {
		font-size: 1.5rem;
	}
	.login_small {
		font-size: 1.1rem;
	}
	.login_mask_header {
		padding-bottom:20px;
	}
	.input_login {
		width: 500px;
		padding:6px;
		text-align:center;
	}
	.input_login_button {
		width: 516px;
		padding:6px;
		border-radius:10px;
		text-align:center;	
	}


}

@media screen and (max-width: 851px) and (orientation: landscape){


}