Body { font-family: arial,helvetica; }
.BlockCenter { display: table; margin: 0 auto	}
.headerImage { max-width: 320px; max-height: 100px; }
#MessageBlock { margin: 20px auto; height: 50px; }
#Warning { max-width: 600px; font-weight: normal; margin-bottom: 10px; }
#WarningPrefix { color: red; font-weight: bold; }

label, input { margin-bottom: 8px; display: inline-block; }
.LoginInfo { width: 140px; }
.LoginLabel { width: 125px; padding-right: 8px; text-align: right; }
.LoginCheckbox { margin-left: 136px; }
.CheckboxLabel { text-align: left; padding-left: 5px; }
#Submit, #ForgotPwd, #ForgotName { margin-left: 107px; }
#ForgotName { margin-bottom: 10px; }
.Message { font-size: 14pt; Font-weight: bold; }
.Error { color: red; font-size: 18pt; }
#Footer {
	border-top: 1px solid #176fc0;
	font-size: 8pt;
	margin-top: 3px;
	width: 100%;
	text-align: center;
	position: fixed;
	overflow: hidden;
	bottom: 0;
	background-color: white; /* iPhone rubberband scroll puts text behind */
}

@media screen and (max-width: 640px) {
	/** form, input { font-size: 12pt; } **/
}
@media screen and (max-width: 480px) {
	.headerImage { width: 240px; }
}

.modal {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 ) 
				url('images/loading1.gif') 
				50% 50% 
				no-repeat;
}

body.loading .modal { overflow: hidden; }
body.loading .modal { display: block; }