/*------------ left column -----------------*/
#processFlow {
	float:left;
	width:40%;
	padding-left: 10px;
	padding-right: 0px;
	margin-top: 20px;
}

/*----------- right column ----------------*/
#stepRoles{
	width:58%;
	float:right;
	clear: right;
}

#organizationRoles{
	width:45%;
	float:left;
	min-width:190px;

}

#icdRoles{
	width:50%;
	float:right;
	margin-right: 10px;
	min-width:170px;
}

/*------------------------------------------*/




/*------- Process List (Left - Ordered List) ---------*/

#processFlow ol{
	margin:0;
	width:100%;
	background:url(http://www.icdtranslation.com/images/processCornerLeft.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-size: 10px;
}

#processFlow h1{
	color:#294864;
	background-image: url(http://www.icdtranslation.com/images/processHeader.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	font-size: 14px;
	line-height: 30px;
	display: block;
	padding-right: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding-top: 3px;
	padding-bottom: 0px;
}

#processFlow ol li{	
	background-image:url(http://www.icdtranslation.com/images/box_rightborder.gif);
	background-repeat:repeat-y;
	background-position:top right;
	padding-right: 10px;
	padding-left: 15px;
	font-size: 12px;
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	height: 50px;
	display: block;
}

#processFlow .last, #stepRoles .last{
	background-image:url(http://www.icdtranslation.com/images/box_rightbottomcorner.gif);
	background-repeat:no-repeat;
	background-position:top right;
	list-style-type: none;
	padding: 0px;
	height: 17px;
	margin: 0px;
}

/*----------------------------------------------------------------*/

.box_bottomleftcorner{
	background-image:url(http://www.icdtranslation.com/images/box_bottomleftcorner.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width: 20px;
	height: 17px;
}

.separator {
	width:98%;
	width:auto;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #577688;
	margin-top:-2px;
	margin-left:5px;
	margin-right:4px;
}

.flowArrow{
	height: 50px;
	width: 85%;
	margin-top: -15px;
	text-align: right;
	margin-bottom: 0px;
}
/*------------------------------------------------------------------*/

/*-------------- Steps List (unordered List - Right ----------------------------*/

#stepRoles ul{
	margin:0;
	width:100%;
	background:url(http://www.icdtranslation.com/images/box_steps_header.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top: 12;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style-type: none;
	vertical-align: middle;
	display: block;
}

#stepRoles ul li{
	background-image:url(http://www.icdtranslation.com/images/box_rightborder.gif);
	background-repeat:repeat-y;
	background-position:top right;
	padding-right: 10px;
	padding-left: 7px;
	margin-left: auto;
	font-size: 12px;
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	height: 50px;
	display: block;
}

#stepRoles ul li.first{
	background-image:url(http://www.icdtranslation.com/images/box_steps_headerR.gif);
	background-repeat:no-repeat;
	background-position:top right;
	margin-left: 10px;
	padding-left: -15px;
}
	
.organization, .icd{
	background-image:url(http://www.icdtranslation.com/images/process_step.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:30px;
	text-align: center;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.none{
	width:100%;
	height:30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.icd_and_organization{
	background-image:url(http://www.icdtranslation.com/images/process_step_mid.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:30px;
	text-align: center;
	padding-top: 12px;
	margin-bottom: auto;
	padding-bottom: 0px;
	padding-left: 0px;
}

#stepRoles h1{
	color:#294864;
	display: block;
	margin-bottom: 8px;
	margin-top: 0px;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#stepRoles #icdRoles h1{
	color:#26BB56;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}

#stepRoles .preparation{
	margin-top:0px;
	margin-bottom: 20px;
}

#stepRoles .translation, .dtp{
	margin-top:20px;
}

#stepRoles .qa{
	margin-top:18px;
}

#stepRoles .delivery_maintenance{
	margin-top:18px;
}