body { font-family: Verdana, Geneva, sans-serif; }
	
input,textarea,div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input,textarea { border-width: 0 0 1px 0; border-color: #ececec;  border-style: solid; padding-left: 0.2em; padding-right: 0.2em; }
input:focus,textarea:focus { background-color: #ffd; border-color: #999 !important; }

.cleaner { clear: both; }

.errorBlock { font-size: 0.7em; border: 1px solid red; background-color: #FDA; margin-bottom: 1.5em; padding: 0.5em }
.errorBlockInner { min-height: 2em; }
	
.leftmargin1em { margin-left: 1em; }
.hDist1em { padding-top: 1em; clear: both; }

.loginDivBase {	width: 50%; display: block; margin-left: auto; margin-right: auto; height: auto; font-size: 1.3em; padding: 1.5em; position: absolute; left: 0; right: 0; }
#loginForm { opacity: 1; }

.label { width: 6.5em; padding-top: 0.1em }

.inputContainer { display: block; }
.inputField { width: 100%; }

.saveLoginContainer { font-size: 0.8em; padding-top: 0.5em; }

.windows_theme .saveLoginContainer>input:checked { transform: none; }

.blackberry_theme .saveLoginContainer { padding-top: 0.6em; }

@media (min-device-width: 401px) and (max-width: 600px) and (max-resolution: 100dpi) {
	/** ON COMPUTER SCREENS (LARGE WIDTH) **/
	
	body { font-family: Verdana, Geneva, sans-serif; }
	
	.loginDivBase { width: 70%; }
	.loginDiv { min-width: 200px; margin-top: 2em; }
	.labelResp { display: block; }
}

@media (min-device-width: 401px) and (min-width: 600px) and (max-resolution: 100dpi) {
	/** ON COMPUTER SCREENS (SMALL WIDTH) **/
	
	body { font-family: Verdana, Geneva, sans-serif; }
	
	.loginDiv { max-width: 500px; margin-top: 3em; }
	.labelResp { float: left; }	
	.inputContainerResp { margin-left: 0em; }
}

@media (max-device-width: 400px) and (max-aspect-ratio: 13/9) and (min-resolution: 100dpi) {
	/** PORTRAIT ON DEVICES **/

	body { font-family: Verdana, Geneva, sans-serif; font-size: 1em; }
	
	.loginDivBase { width: 100%; }
	.loginDiv{width: 100%;}
}

@media (max-device-height: 400px) and (min-aspect-ratio: 13/9) and (min-resolution: 100dpi) {
	/** LANDSCAPE ON DEVICES **/
	
	body { font-family: Verdana, Geneva, sans-serif; font-size: 1em; }

	.labelResp { float: left; }	
	.inputContainerResp { margin-left: 0em; }
	.loginDivBase { width: 100%; }
	.loginDiv { width: 100%; }
}
	
	
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) and (max-aspect-ratio: 13/9) {
	.loginDiv { width: 100%;}
	.inputContainer{width: 100% !important;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 640px) and (min-aspect-ratio: 13/9) { 
	.loginDiv { width: 100%;}
	.inputContainer{width: 100% !important;}
}

@media only screen and (min-device-width : 641px) and (max-device-width : 1024px) and (max-aspect-ratio: 13/9) {
}

@media only screen and (min-device-width : 641px) and (max-device-width : 1024px) and (min-aspect-ratio: 13/9) { 
}