BODY {
	font-family: Arial;
	font-size: 11pt;
	color: #000;
	background-color: #eee;
}

INPUT[type="text"], INPUT[type="password"] { width: 300px; font-size: 14pt; margin-bottom: 8px;}
.clear { clear:both; }
INPUT[type="button"] { width: 200px; margin-top: 15px; font-size:15pt; }

#authBox {
	text-align: center;
	width: 360px;
	margin: 0 auto;
	margin-top: 100px;
	padding: 20px;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
	background-color: #fff;
}

h2 { margin: 0 0 10px 0; }
.red { border: solid 2px #ff0000; outline: 0; }

/* Additional style elements for mobile devices */
/* Smartphones portrait (first line) and retina (iPhone 4+) (2nd and 3rd line)----------- */
@media
 only screen and (max-width : 320px),
 only screen and (-webkit-min-device-pixel-ratio : 1.5),
 only screen and (min-device-pixel-ratio : 1.5) {
	#authBox { margin-top: 30px; width: 280px; padding: 10px; }
	INPUT[type="text"], INPUT[type="password"] { width:260px; font-size: 12pt; }
}
#error { text-align: center; color: #f00; }

.spinner { position: absolute; z-index: 999; background: #fff; opacity: 0.9; filter: alpha(opacity=90); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); }
.spinner-msg { text-align: center; font-weight: bold; }
.spinner-img { background: url(../images/spinner.gif) no-repeat; width: 24px; height: 24px; margin: 0 auto; }