* { margin: 0; padding: 0; font-size: 1em;  }

body { background-color: #eee; font-size: 76%; font-family: "Segoe UI", Verdana, Geneva, Arial, Helvetica, sans-serif; }
body.loading, body.completed { background-color: #fff; }

h1 { 
	color: #fff; 
	font-size: 1.3em;
	padding-top: 15px;
}
	
p { margin: 20px 20px 20px 100px; line-height: 1.5em; }

div.error { /* http://tutorials.alsacreations.com/centrer/ */
	position:absolute;
	left: 50%;
	top: 50%;
	width: 480px;
	height: 200px;
	margin-top: -100px; /* half the height */
	margin-left: -240px; /* half the width */
	border: 1px solid #ccc; 
	background-color: #fff; 
}

div.loading, div.completed { /* http://tutorials.alsacreations.com/centrer/ */
	position:absolute;
	left: 50%;
	top: 50%;
	width: 66px;
	height: 66px;
	margin-top: -33px; /* half the height */
	margin-left: -33px; /* half the width */
	text-align: center;
}

div.header { height: 50px; padding: 0 20px; background-color: #6a6a6a; }

div.body { 
	height: 100px;
	background-image: url(/common/images/vista-elements-icons/ErrorCircle-64.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
}
	
div.footer { 
	height: 29px;
	border-top: 1px dashed #ccc;
	padding: 10px 20px ;
	font-size: 0.75em; font-weight: bold;
	text-align: right;
	color: #bababa;
}