.steps{
	position:relative;
	padding-bottom:10px;
}
.steps >div{
	float:left;
	white-space:nowrap;
}
.steps >div >*{
	display:table-cell;
}
.steps >div >div >span{
	border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px;
	width:18px;
	height:18px;
	border:#e1e1e1 solid 3px;
	background-color:#c7c7c7;
	display:inline-block;
	text-align:center;
	color:#f2f2f2;
	font:bold 15px Arial, Helvetica, sans-serif;
	margin:5px;
	position:relative;
}
.steps >div.on >div >span:after{
	content: url(../img/skin/blank.png);
	display: block;
	position:absolute;
	background:url(../img/skin/menu-point.png) no-repeat center bottom;
	width:18px;
	height:8px;
	top:29px;
	left:0;
}
.steps >div:last-child >div >span{
	background:#CCC url(../img/skin/steps-ok.png) no-repeat 0 center;
	text-indent:-9999px;
}
.steps >div >div >a{
	color:#aaafb5;
	font:italic 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.steps >div >div >a[href]:hover { text-decoration:underline; color:#2c98ec !important; }
.steps >div >div{
	background-color:#e9e9e9;
	height:34px;
}
.steps >div:first-child >div{
	border-bottom-left-radius:17px; border-top-left-radius:17px; 
	-moz-border-radius-bottomleft:17px; -moz-border-radius-topleft:17px; 
	-webkit-border-radius-bottomleft:17px; -webkit-border-radius-topleft:17px; 
	-khtml-border-radius-bottomleft:17px; -khtml-border-radius-topleft:17px;
}
.steps >div:last-child >div{
	border-bottom-right-radius:17px; border-top-right-radius:17px; 
	-moz-border-radius-bottomright:17px; -moz-border-radius-topright:17px; 
	-webkit-border-radius-bottomright:17px; -webkit-border-radius-topright:17px; 
	-khtml-border-radius-bottomright:17px; -khtml-border-radius-topright:17px;
	padding-left:10px;
	text-align:right;
}
.steps >div:after{
	content: url(../img/skin/blank.png);
	display: table-cell;
	width:25px;
	background:url(../img/skin/steps-o2o.png) no-repeat right center;
}
.steps >div:last-child::after{
	display:none;
}
.steps >div.prev >div,
.steps >div.on >div{
	background-color:#dbe3ec;
}
.steps >div.on >div >span{
	background-color:#b1b1b1;
	border-color:#fff;
	color:#fff;
}
.steps >div.on >div >a{
	color:#636363;
}
.steps >div.on:after{
	background-image:url(../img/skin/steps-a2o.png);
}
.steps >div.prev >div >span{
	background-color:#caced4;
	border-color:#e9eef4;
	color:#e9eef4;
}
.steps >div.prev:after{
	background-image:url(../img/skin/steps-a2a.png);
}
/* steps inside workspace */
.workspc .steps{
	border-bottom:1px solid #ddd;
}
.workspc form.steps-form{
	background-color:#f3f3f3;
}