.astred {
	font-size: large; 
	font-weight: bolder;
	color:red;
}
#scroll {
     width:600px;
     height:140px;
     background-color:#F0F0F0;
     overflow:auto;
	 font-size: .75em; 
	 color: #777;
	 margin:10px;
}

.btn-danger {min-width:110px;}
.btn-info  {min-width:110px;}
ul.circle  {list-style-type: disc;
	list-style-position: outside;
	padding: 0px 0 0 25px
}
ul.circle  li {
	
	line-height:1 !important
	}
	
ul.square {list-style-type: square;}

.step-gray {
	width:120px;
	height:120px;
	min-height: 120px;
	font-size: 1.4em; 
	color: #fff;
	background-image: url(/images/square-gray.png);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	display: block 
}

.step-orange {
	width:120px;
	height:120px;
	min-height: 120px;
	font-size: 1.4em; 
	color: #fff;
	background-image: url(/images/square-orange.png);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	display: block 
}

.step-blue {
	width:120px;
	height:120px;
	min-height: 120px;
	font-size: 1.4em; 
	color: #fff;
	background-image: url(/images/square-blue.png);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	display: block
}

.step-red {
	width:120px;
	height:120px;
	min-height: 120px;
	font-size: 1.4em; 
	color: #fff;
	background-image: url(/images/square-red.png);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	display: block 
}