﻿/* ========================== Process map ========================== */
.process-map{
	border:1px solid #d2d2d2;
	background:#f0f0f0;
	padding:2px;
	overflow:hidden;
	margin-bottom:13px;
}
.process-map li{
	float:left;
	font-size:1.2em;
	font-family: arial, verdana, sans-serif;
}
	.process-map li span{
		min-height:28px;
		display:block;
		padding:16px 12px 3px 12px;
		font-weight:bold;
	}
.process-map .before-current{
	background:#75ce00 url(/Content/images/skin/bg-process-map-before-current.png) repeat-x;
	color:#fff;
	border-top:1px solid #009600;
	border-bottom:1px solid #009600;	
}
	.process-map .before-current span{
		padding-top:15px;
		min-height:27px;
	}
	.process-map .before-current.last{	
		border:0;
		background:url(/Content/images/arrows/arrow-process-before-current-last.png) no-repeat right 0;
		padding-right:24px;
	}
	.process-map .before-current.last span{
		background:#75ce00 url(/Content/images/skin/bg-process-map-before-current.png) repeat-x;
		border-top: 1px solid #009600;
		border-bottom:1px solid #009600;
	}
.process-map .first{
	border-left:1px solid #009600;
}
.process-map .first.current{
	border-left:none;
}
.process-map .current{
	background:#fff url(/Content/images/arrows/arrow-process-before-current.png) no-repeat left 0;
	color:#f2ae0c;
	padding-left:24px;
}
	.process-map .current span{
		background:#fff url(/Content/images/arrows/arrow-process-current.png) no-repeat right 0;
		padding:16px 24px 3px 8px;
	}
.process-map .after-current{
	color:#aaa;	
}
.process-map .introduction{
	color:#fff;	
	font-size:1.2em;
}
.process-map .introduction span{	
	padding:7px 0 8px 13px;
	border-width:1px 0px 1px 1px;
	border-color:#009600;
	border-style:solid;
	width:110px;
	background:#62ca00 url(/Content/images/skin/bg-process-map-before-current.png) repeat-x;	
	min-height:30px;
}
.process-map a{
	color:#fff;
}
.process-map a:hover{
	text-decoration:none;
	border-bottom:1px dotted #fff;
}