/*
Style Sheet for diagrams x2: http://www.lexisnexis.com/risk/intl/en/ 
Author: David Warr
*/

.diagram-container {
	max-width:610px;
	margin:20px 0 0 0;
	padding:0;
}

.diagram-title {
	font-family:arial; 
	font-size:20px; 
	text-align:center; 
	color:#ed1c24; 
	padding:0 15px 10px 15px;
}

#sub-title {
	font-size:13px;
	color: #000;
}

.module {
	width:100%; 
	background-color:#e6e7e8; 
	margin:0; 
	padding:0;
}

.module-content {
	max-width:590px;
	padding:10px 21px 21px 21px; 
	margin:0 auto; 
	display:inline-block;
}

.module-icon {
	width:100%; 
	height:38px;
	text-align:center;
	padding-bottom:8px;
}

.module-unit-wide {
	font-family:arial; 
	font-size:12px; 
	text-align:center; 
	color:#fff; 
	padding:15px;
	background-color:#939598;
	margin:0;
	border-bottom: solid 1px #e6e7e8;
	border-top: solid 1px #e6e7e8;
	border-right: solid 1px #e6e7e8;
}

#module-unit-wide-blue {
	background-color:#7fceed;
	border-bottom:none;
}

.module-title-red {
	font-family:arial; 
	font-size:20px;
	text-align:center; 
	color:#ed1c24; 
	padding:8px 15px 15px 15px;
}

.module-subtitle-red {
	font-family:arial; 
	font-size:14px; 
	font-weight: bold; 
	text-align:center; 
	color:#ed1c24; 
	padding:5px 15px 15px 15px;
}

.module-body-copy {
	font-family:arial; 
	font-size:12px; 
	text-align:left; 
	color:#000;
	padding:0 12px 21px 12px;
}

.module-group {
	width:100%;
	display:inline-block;
	margin-bottom: -7px;
}

.module-unit-6-column {
	width:87px; 
	height:70px; 
	background-color:#009ddb; 
	float:left; 
	margin:0;
	border-right: solid 1px #e6e7e8;
	border-bottom: solid 1px #e6e7e8;  
	font-family:arial; 
	font-size:12px; 
	text-align:center; 
	color:#fff; 
	padding:10px 6px;
}

.module-unit-4-column {
	width:25%; 
	height:50px; 
	background-color:#009ddb; 
	float:left; 
	margin:0;
	border-right: solid 1px #e6e7e8;
	border-bottom: solid 1px #e6e7e8; 
	font-family:arial; 
	font-size:12px; 
	text-align:center; 
	color:#fff; 
	padding:10px 6px;
}

.module-unit-3-column {
	width:173px; 
	height:50px; 
	background-color:#009ddb; 
	float:left; 
	margin:0;
	border-right: solid 1px #e6e7e8;
	border-bottom: solid 1px #e6e7e8;  
	font-family:arial; 
	font-size:12px; 
	text-align:center; 
	color:#fff; 
	padding:10px 6px;
}

#blue-4-column {
	background-color:#009ddb;
}

.arrow {
	width:100%;
	height:19px;
	margin-bottom:5px;
	text-align:center;
}

.consolidated-module {
	margin: 0 1px 1px 0;
	padding-top: 21px;
	float: left;
	width: 140PX;
	height: 455PX;
	background-color: #e6e7e8;
}

#consolidated-module-3-column {
	height: 340px;
	width: 187px;
	background-color: #e6e7e8;
	float: left;
	padding-top: 21px;
	margin: 0 1px 1px 0;	
}

/*********************
Responsive Syles
*********************/

@media (max-width: 583px) {
	.consolidated-module, #consolidated-module-3-column, .module-unit-3-column, .module-unit-4-column, .module-unit-6-column {
		width:100%;
		height:auto;
		margin:0 10px 0 0;
		float:none;
		display:inline-block;
		padding: 10px 0;
	}
	
	.module-unit-wide {
		border-right: none;
	}

}