/*The below styles how the main div which holds the error DIV will look*/
.placeholder {
	margin-top: 10%;
	margin-bottom: 15px;
	text-align: center;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/*The below styles how the system status DIVS will look (the rounded edges of the boxes)*/
/*To change the background colour of these boxes change every occurrence of #EEEEEE*/
.container{
  display:block; 
  }

.container *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EEEEEE}

.container1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE;
  background:#EEEEEE}

.container2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE;
  background:#EEEEEE}

.container3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE;}

.container4{
  border-left:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE}

.container5{
  border-left:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE}

/*The below styles how the content contained within the rounded edged boxes will look*/
/*To change the background colour of this box change #EEEEEE*/
.containercontent{
 height: auto;
 color: #000000;
 text-align: left;
 font-family: Tahoma;
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 1px;
 padding-top: 1px;
 background:#EEEEEE}

.errorimage {
	background-image: url(error.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 48px;
	width: 100;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.errortext {
	font-family: tahoma;
	font-size: 16px;
	color: #000000;
	padding-top: 25px;
	display: block;
	text-align: center;
	margin-bottom: 50px;
}